/*--------------------------------------------------------------
# Define
--------------------------------------------------------------*/

/*
/*for xs -575px smartphone
@media(max-width: 575px) {

}

/*for sm 576px-767px smartphone
@media(min-width: 576px) and (max-width: 767px) {

}

/*for md 768px-991px tablet
@media(min-width: 768px) and (max-width: 991px) {

}

/*for lg 992px-1199px pc
@media(min-width: 992px) and (max-width: 1199px) {

}

/*for xl 1200px-1399px pc
@media(min-width: 1200px) and (max-width: 1399px) {

}

/*for xxl 1400px- pc
@media(min-width: 1400px) {

}
*/


:root {
	/* Fonts */
	--font-default:"Noto Serif JP","Montserrat",sans-serif;
	--font-default-size:24px;
	--font-default-size-sp:20px;

	/* Colors */
	--color-default-font:#FFFFFF;
	--color-default-bgcolor:#000000;

	--color-black:#000000;
	--color-white:#FFFFFF;

	--color-ex1:#FFE8A8;
	--color-ex2:#B8A77C;

	--color-ex3:#BFAA70; /*h3 バック黒*/

	--color-ex4:#a48a48; /*h3 テキスト バック白*/

	--color-ex5:#ddca86; /*td p テキスト バック黒*/


	--color-error:#FF0000;

	--color-hover-a:#ffd700;

	--color-hover-btn:#FFE8A8;
}



/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body {
	font-family: var(--font-default);
	font-optical-sizing: auto;
	font-weight:400;
	font-style: normal;
	font-size:var(--font-default-size);
	color: var(--color-default-font);

	background-color:var(--color-default-bgcolor);
	scroll-behavior: smooth;

	position:relative;
}
/* for xs,sm,md -991px sp */
@media(max-width: 991px) {
	font-size:var(--font-default-size-sp);
}

main {
	overflow:hidden;
}




a {
	color: var(--color-default-font);
	text-decoration: none;
}

a:hover {
	color: var(--color-hover-a);
	text-decoration: none;
}

h1 {
	font-size:64px;
}
h2 {
	font-size:38px;
	line-height:55px;
}
h3 {
	font-size:var(--font-default-size);
	color:var(--color-ex3);
}
h4 {

}

/* for xs,sm,md -991px sp */
@media(max-width: 991px) {

	h1 {
		font-size:40px;
	}
	h2 {
		font-size:30px;
		line-height:55px;
	}
	h3 {

	}
	h4 {

	}

}


p {

}

i {
	font-size:20px;
}

table {
	width:100%;
	border-collapse: collapse;
	border:none;
}

table th {
	width:25%;
	font-weight:600;
	padding:2rem;
	vertical-align:top;
}

table td {
	padding:2rem;
	vertical-align:top;
}

.extable {
	background-color:#EEEEEE;
	border-radius:10px;
}

/* for xs,sm,md -991px sp */
@media(max-width: 991px) {

table th,table td {
	width:100%;
	padding:1rem;
	display:block;
}

}


select {
	width:100%;
	height:50px;
	font-size:var(--font-default-size);
	color:#000000;
}

input[type=text],input[type=password],input[type=date] {
	width:100%;
	height:50px;
	font-size:var(--font-default-size);
}

input[type="date"] {
	color:#000000;
}

.textareamax {
	width:100%;
	max-width:640px;
	height:300px;
}






/*--------------------------------------------------------------
# Parts
--------------------------------------------------------------*/

.errorMsg{
	color:var(--color-red1);
}

.spacer {
	padding-bottom:4rem;
}

.tbform th {
	font-weight:400;
}

.btn {
	width:100%;
	height:50px;

	color:var(--color-white);
	font-size:23px;
	font-weight:600;

	border:none;

	display:block;
}
.btn:hover,.btn:active {
	color:var(--color-white) !important;
}

.btn-red {
	background-color: var(--color-red1);
}
.btn-red:hover,.btn-red:active {
	background-color: var(--color-hover-btn-red) !important;
}

.btn-blue {
	background-color: var(--color-blue);
}
.btn-blue:hover,.btn-blue:active {
	background-color: var(--color-hover-btn-blue) !important;
}

.btn-gray {
	background-color: var(--color-gray2);
}
.btn-gray:hover,.btn-gray:active {
	background-color: var(--color-hover-btn-gray1) !important;
}

.btn-gray2 {
	background-color: var(--color-gray4);
}
.btn-gray2:hover,.btn-gray2:active {
	background-color: var(--color-hover-btn-gray2) !important;
}

.btn-ng {
	width:100%;
	height:50px;

	color:var(--color-red1);
	font-size:23px;
	font-weight:600;

	text-align:center;
	line-height:50px;

	border:none;
	border-radius:5px;
	background-color: var(--color-gray4);

	cursor:default;

	display:block;
}
.btn-ng:hover,.btn:active {
	color:var(--color-red1);
	background-color: var(--color-gray4);
}



.list1 {
	width:100%;
	margin: auto;
	padding:0;

	list-style-type:none;

	display:grid;
	grid-template-columns: repeat(1,1fr);


}

.list1 li {
	padding: 10px;
	margin: 10px;

	background-color:var(--color-gray4);
	border-radius:10px;

	cursor: pointer;
}

.list1 li:hover {
	background-color:var(--color-hover-btn-red);
}

.list1 .list1sec {
	background-color:var(--color-hover-btn-red);
}

/* for xs,sm,md -991px sp */
@media(max-width: 991px) {

.list1 {
	display: block;
}

.list1 li {
	margin: 15px 0 15px 0;
}

}

.list2 {
	width:100%;
	margin: auto;
	padding:0;

	list-style-type:none;

	display:grid;
	grid-template-columns: 1fr 3fr;


}

.list2 li {
	padding: 10px;
	margin: 10px;
}

/* for xs,sm,md -991px sp */
@media(max-width: 991px) {

.list2 {
	display: block;
}

.list2 li {
	margin: 15px 0 15px 0;
}

}

.viewmore{
	color:var(--color-gray1);
}
.viewmore a{
	color:var(--color-gray1);
}
.viewmore a:hover{
	color:var(--color-red1);
}
.viewmore i{
	font-size:16px;
	font-weight:500;
}

.item{
	padding:0 5px;
	cursor: pointer;
}
.item div{
	border-radius:10px;
	overflow:hidden;
	position:relative;
}

.item div img{
	width:100%;
	height:auto;
}

.item div img:hover{
	animation:imgzoom 0.5s ease-in-out forwards;
}

@keyframes imgzoom {
	100% {
		transform:scale(1.05)
	}
}


.item_mark{
	width:100%;
	padding:0;
	left:0;
	top:0;

	font-size:12px;
	color:var(--color-white);
	font-weight:800;
	text-align:center;

	position:absolute;

	list-style-type:none;

	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.item_mark li{
	height:32px;
	padding:3px 0;
	line-height:25px;
}
.item_mark .cnew{
	background-color:var(--color-red1);
}
.item_mark .cpre{
	background-color:var(--color-blue);
}
.item_mark .cpick{
	background-color:var(--color-orange);
}
.item span{
	height:32px;
	padding:3px 12px;
	left:0;
	bottom:0;
	font-size:14px;
	color:var(--color-white);
	font-weight:800;
	line-height:25px;
	background-color:var(--color-red1);

	position:absolute;
	z-index:100;
}

.item i{
	right:10px;
	bottom:0;

	font-size:27px;
	color:var(--color-red1);

	position:absolute;
	z-index:100;
}

.item h1{
	margin-top:8px;
	font-size:16px;
}
.item h2{
	margin-top:8px;
	font-size:14px;
	color:var(--color-gray1);
}
.item p{
	margin-top:8px;
	margin-bottom:10px;
	font-size:16px;
	font-weight:600;
	color:var(--color-red1);
}


#errorMsgBox ul {
	width:100%;
	padding:25px;

	color:var(--color-red1);
	list-style-type:none;

	border-radius:10px;
	background-color:#EEEEEE;
}

#errorMsgBox li {
	display:block;
}

/*--------------------------------------------------------------
# Section
--------------------------------------------------------------*/

.bg {
	background-color:var(--color-gray3);
}

/*--------------------------------------------------------------
# Modal
--------------------------------------------------------------*/

#modalCover {
	width:100%;
	height:100%;

	left:0;
	top:0;

	position:fixed;
	z-index:2000;

	display:none;
}

#modalBack {
	width:100%;
	height:100%;

	left:0;
	top:0;

	opacity:0.4;
	background-color:var(--color-black);

	position:fixed;
	z-index:10;
}

.modalDef {
	max-height:80%;
	position:relative;
	z-index:100;
	display:none;

}

.modalDef h1 {
	margin-left:14px;

}

/* for xs sm md -991px smartphone */
@media(max-width: 991px) {

.modalDef h1 {
	margin-left:3px;

}

}

.modalDefIn {
	max-height:80vh;
	border-top:6px solid var(--color-red1);
	border-bottom:6px solid var(--color-red1);
	border-radius:10px;

	background-color:var(--color-white);

	overflow-y:auto;

	position:relative;
}

.modelCloseBtn {
	right:21px;
	top:11px;
	position:absolute;
	cursor: pointer;
}


#modalCurrencyList {
	grid-template-columns: repeat(3,1fr);
}

#modalCurrencyList li i {
	margin-right:11px;
}

#modalSearchTitlesList {
	grid-template-columns: repeat(2,1fr);
}
#modalSearchArtistList {
	grid-template-columns: repeat(2,1fr);
}
#modalSearchWriterList {
	grid-template-columns: repeat(2,1fr);
}
#modalSearchGenreList {
	grid-template-columns: repeat(2,1fr);
}
#modalSearchCategoryTitle {
	grid-template-columns: repeat(2,1fr);
}
#modalSearchCategoryTitle li {
	padding-left:0;
	padding-right:0;
	border-color:var(--color-gray1) 1px solid;
	background-color:unset;
}
#modalSearchCategoryList {
	grid-template-columns: repeat(2,1fr);
}

#modalSearchKeywordList {
	grid-template-columns:2fr 1fr;
}
#modalSearchKeywordList li {
	margin-left:0;
	margin-right:0;
	background-color:unset;
}

#modalMessage {
	width:100%;
	height:100%;

	left:0;
	top:0;

	position:fixed;
	z-index:2000;

	display:none;
}

#modalMessage p {
	margin:0;
}


/*--------------------------------------------------------------
# SpMenu
--------------------------------------------------------------*/

#spmenuBack {
	width:100%;
	height:100%;
	left:0;
	top:0;

	background-color:#000000;
	opacity:0.6;

	position:fixed;
	z-index:1000;

	display:none;
}

#spmenuBase {
	width:400px;
	height:100%;
	left:-400px;
	top:0;

	overflow-y: scroll;

	background-color:#000000;

	position:fixed;
	z-index:2000;

}

#spmenuArea {
	width:100%;
	height:auto;

	color:#FFFFFF;
}

#spmenuArea a {
	color:#FFFFFF;
}

#spmenuArea a:hover {
	color:#FFFFFF;
}

#spmenuArea ul {
	width:100%;
	padding:0 15px 10px 15px;
	list-style:none;
}

#spmenuArea #fst {
	margin-top:22px;
}

#spmenuArea li {
	margin-bottom:11px;
}

#spmenuArea ul .tp {
	border-bottom:1px solid #FFFFFF;
}

#spmenuArea #snsmark i {
	font-size:26px;
	margin-right:23px;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/

#preloader {
	width: 100vw;
	height: 100vh;
	top: 0;

	background-color:#000000;
	align-items: center;
	justify-content: center;

	position: fixed;
	z-index:3000;

	display: flex;
}

#preloaderMark {
	opacity:0;
	animation: blink 1.5s infinite linear;
}

#preloaderMark img {
	width:100%;
	height:100%;
}

@keyframes blink {
	50% {
		opacity: 1;
	}
}




/*--------------------------------------------------------------
# PagetopLink
--------------------------------------------------------------*/

#page-top {
	right:30px;
	bottom:30px;

	opacity: 0;

	position: fixed;

	z-index: 1000;

}

#page-top img {
	width:100%;
	height:100%;
}

#page-top a{
	transition: filter 0.1s ease;
}

#page-top a:hover{
	filter: brightness(2.00);
}



#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
	from {
		opacity: 0;
		transform: translateY(100px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
	from {
		opacity: 1;
		transform: translateY(0);
	}
	to {
		opacity: 0;
		transform: translateY(100px);
	}
}

/* for xs,sm,md -991px sp */
@media(max-width: 991px) {

	#page-top {
		width:100px;
		height:100px;
		right:10px;
		bottom:10px;
	}

}



/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

header {
	left:0;
	top:0;
	background-color: var(--color-black);
	margin:0;
	padding:0;
	color:#FFFFFF;
}

header a {
	color:#FFFFFF;
}

header a:hover {
	color: var(--color-hover-a);
}

#mainmenu {
	height:65px;
	font-size:16px;
	font-weight:600;
	position:relative;
}

#spmenu {
	width:65px;
	height:65px;
	left:0;
	top:0;
	position:absolute;
	cursor: pointer;
}

#spmenu i {
	font-size:35px;
}

#spmenu #mark {
	width:43px;
	left:15px;
	top:16px;
	position:absolute;
	z-index:10;
}

#logo {
	width:136px;
	height:100%;
	left:0;
	top:0;
	margin-left:50px;
	position:absolute;
}

#logo img{
	height:100%;
}

#mainmenu ul {
	height:65px;
	right:296px;
	top:0;
	padding:0;
	display: table;
	list-style:none;
	position:absolute;

}

#mainmenu li{
	height:100%;
	padding:0 15px;
	text-align:center;
	line-height:65px;
	display: table-cell;
	float:left;
}

#currency #flagi {
	width:20px;
	height:20px;
	border-radius:50%;
}

#currency {
	width:130px;
	height:65px;
	right:166px;
	top:0;
	position:absolute;
}

#currency p {
	left:20px;
	top:15px;
	padding:1px 5px;
	border-radius:10%;
	border:1px solid #FFFFFF;
	position:absolute;
	cursor: pointer;
}
#currency p:hover {
	color:var(--color-hover-btn-red);
}

#spsearch {
	width:65px;
	height:65px;
	right:65px;
	top:0;
	position:absolute;
	cursor: pointer;
}

#spsearch i {
	font-size:35px;
}

#spsearch #spsearchMark {
	width:43px;
	left:15px;
	top:17px;
	position:absolute;
	z-index:10;
}


#cart {
	width:166px;
	height:65px;
	right:0;
	top:0;
	position:absolute;
	background-color: var(--color-red2);
	cursor: pointer;
}

#cart i {
	font-size:35px;
}

#cart #cartMark {
	width:43px;
	height:53px;
	left:15px;
	top:8px;
	position:absolute;
	z-index:10;
}

#cart #cartText {
	right:10px;
	top:9px;
	position:absolute;
	z-index:20;
}

#cart #cartNum {
	width:0px;
	height:0px;
	left:32px;
	bottom:18px;
	padding:3px;
	font-size:13px;
	color:var(--color-red2);
	text-align:center;
	line-height:17px;
	border-radius:50%;
	position:absolute;
	z-index:30;
	background-color: var(--color-white);
	opacity:0;
}


#searchmenu {
	height:65px;
	font-size:20px;
	font-weight:600;
	background-color: var(--color-red1);
	overflow:hidden;
}

#searchmenuNav{
	height:100%;
}

#searchmenuNav ul{
	width:100%;
	height:100%;
	margin: auto;

	display: table;
	list-style:none;
}

#searchmenuNav li{
	width:17%;
	height:100%;
	border-left:solid 1px #FFFFFF;
	text-align:center;
	line-height:65px;
	display: table-cell;
	cursor: pointer;
	float:left;
}

#searchmenuNav li:hover {
	background-color:var(--color-red2);
}

/* for lg 992px-1199px pc */
@media(min-width: 992px) and (max-width: 1199px) {

#searchmenuNav .fontchg {
	font-size:16px;
}

}


#searchmenuNav .snavBtn{
	width:7.5%;
	background-color: var(--color-red2);
}
#searchmenuNav .snavBtn:hover{
	background-color: var(--color-red1);
}

#searchmenuNav .snavBtn i{
	font-size:36px;
	margin-top:13px;
}

#searchmenuNav .last{
	border-right:solid 1px #FFFFFF;
}


/* for xs,sm,md -991px sp */
@media(max-width: 991px) {

header {
	position:fixed;
	z-index:100;
}

#mainmenu {
	height:65px;
}

#logo {
	left:65px;
	margin-left:0;
}

#currency {
	width:71px;
	right:130px;
}

#currency p {
	left:6px;
	top:17px;
	padding:0;
	border:none;
}

#flagi {
	display:none;
}

#cart {
	width:65px;
}

}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

footer {
	background-color: var(--color-black);
	color:#FFFFFF;
}

footer a {
	color:#FFFFFF;
}

footer a:hover {
	color: var(--color-hover-a);
}

#footerTop{
	height:150px;
	background-color: var(--color-red1);
}
#footerTopIn{
	height:100%;
	position:relative;
}

#footerTopIn #chara{
	width:297px;

	left:0;
	bottom:0;

	position:absolute;
}

#footerTopIn ul{
	width:calc(100% - 235px);
	height:130px;
	right:0;
	top:10px;
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
	list-style:none;
	position:absolute;
}

#footerTopIn li{
	height:130px;
	text-align:center;
	line-height:130px;
	border-left:solid 1px #FFFFFF;
	cursor: pointer;
}

#footerTopIn li img:hover{
	filter: brightness(120%);
}

#footerTopIn .fst{
	border-left:none;
}

/* for lg 992px-1199px pc */
@media(min-width: 992px) and (max-width: 1199px) {

#footerTopIn li img{
	width:80%;
}

}

#footerBottom{
	height:auto;
	color:#FFFFFF;
}

#footerBottomIn{
	height:100%;
	position:relative;
}

#footerBottomIn hr{
	color:#FFFFFF;
}

#footerBottomInTop{
	height:220px;
}

#footerBottomInTop i{
	margin-right:15px;
}


/* for xs,sm,md -991px sp */
@media(max-width: 991px) {

#footerTop{
	height:300px;
}

#footerTopIn ul{
	width:100%;
	height:300px;

	top:0;

	display:grid;
	grid-template-columns:1fr 1fr 1fr;

	position:relative;
}

#footerTopIn li{
	border:none;
}

#footerTopIn li img{
	margin-top:10px;
}

#footerBottom{
	height:auto;
	padding-bottom:98px;
}

#footerBottomInTop{
	height:auto;
}

}


/*--------------------------------------------------------------
# Index
--------------------------------------------------------------*/

#topimage div {
	padding-left:0;
	padding-right:0;
}

#information li {
	margin:5px 0;
	padding:5px 0;
}

#special {
	max-width:1600px;
	margin:0 auto;
}

#special div>div>div {
	text-align:center;
}

#special img {
	border-radius:10px;
}

#special img:hover{
	filter: brightness(110%);
}

/*--------------------------------------------------------------
# FAQ
--------------------------------------------------------------*/

#faq dl {
	width:100%;
	margin:10px 0;
	padding:15px;
	background-color:var(--color-gray4);
	border-radius:10px;
}

#faq dt {
	font-weight:400;
	position:relative;
	cursor: pointer;
}

#faq dt .faqIcon {
	right:16px;
	bottom:0;
	color:var(--color-default-font);
	position:absolute;

	transform: rotate(0deg);
	transition: transform 0.5s;
}


#faq dd {
	padding-top:15px;
	display:none;
}

#faq dl dt i{
	margin-right:7px;
}


/*--------------------------------------------------------------
# detail
--------------------------------------------------------------*/

#detail th {
	padding:1rem 0;
}

#detail td {
	padding:1rem 0;
}

#detail .item_mark {
	width:300px;
	left:unset;
	top:unset;
	position:relative;
}

#dprice_def {
	text-decoration:line-through;
}

#ddispar {
	margin-left:8px;
	padding:1px 15px;
	color:var(--color-white);
	border-radius:10px;
	background-color:var(--color-red1);
}

#dprice {
	margin-top:4px;
	font-size:30px;
	font-weight:600;
	color:var(--color-red1);
	display:block;
}

#dsec {
	max-width:155px;
	font-size:25px;
	border:1px solid var(--color-red1);
	border-radius:5px;
	text-align-last:center;
}

#detail .wishMark {
	font-size:30px;
	display:block;
}

#detailImage1 {
	height:650px;
	background-color:#f5f5f5;
}

#detailImage2 {
	height:150px;
	background-color:#f5f5f5;
}

#detailImage1 img,
#detailImage2 img {
	height:100%;
}

#detailImage1 .swiper-button-prev,
#detailImage1 .swiper-button-next,
#detailImage2 .swiper-button-prev,
#detailImage2 .swiper-button-next {
	width:34px;
	height:150px;
	margin-top:-75px;
	color:var(--color-white);
	background-color:#CCCCCC;
}

#detailImage1 .swiper-button-prev,
#detailImage2 .swiper-button-prev {
	left:0;
}

#detailImage1 .swiper-button-next,
#detailImage2 .swiper-button-next {
	right:0;
}

/*for -xl -1399px pc */
@media(max-width: 1399px) {

#detailImage1 .swiper-button-prev,
#detailImage1 .swiper-button-next,
#detailImage2 .swiper-button-prev,
#detailImage2 .swiper-button-next {
	display:none;
}

}

/*--------------------------------------------------------------
# cartdef
--------------------------------------------------------------*/

#cartdef #leftbox img{
	border-radius:10px;
}

#cartdef #leftbox table th,#cartdef #leftbox table td{
	padding:0.3rem;
}

#cartdef #leftbox table th{
	width:35%;
}

#cartdef #leftbox .cartstag{
	width:auto;
	height:26px;
	border:1px solid var(--color-red1);
	border-radius:5px;
	text-align-last:center;
}

#cartdef #leftbox .extxt{
	font-size:13px;
	color:var(--color-red1);
}

#cartdef #rightbox{
	height:256px;
	background-color:#EEEEEE;
	border:0;
	border-radius:10px;
}

#cartdef #rightbox h2{
	padding:1rem;
}

#cartdef #rightbox table td{
	padding:1rem;
}

/*for -md -991px pc */
@media(max-width: 991px) {

#cartdef #rightbox table th,#cartdef #rightbox table td{
	width:auto;
	display:table-cell;
}

}

/*--------------------------------------------------------------
# logindef
--------------------------------------------------------------*/

#logindef table th {
	vertical-align:middle;
}

#logindef .cbox{
	border:1px solid #444444;
	border-radius:10px;
}

/*for -md -991px pc */
@media(max-width: 991px) {

#logindef table th {
	text-align:left;
}

}

/*--------------------------------------------------------------
# signupdef
--------------------------------------------------------------*/

#signupdef table th {
	vertical-align:middle;
}

#signupdef table td {
	text-align:left;
}

#signupdef .cbox{
	border:1px solid #444444;
	border-radius:10px;
}

#signupdef p {
	margin:0;
}

/*for -md -991px pc */
@media(max-width: 991px) {

#signupdef table th {
	text-align:left;
}

}


/*--------------------------------------------------------------
# deliverydef
--------------------------------------------------------------*/

#deliverydef #abookBox{
	background-color:#EEEEEE;
	border-radius:10px;
}

#deliverydef #leftbox th{
	vertical-align:middle;
}

#deliverydef #leftbox th,#deliverydef #leftbox td{
	padding:1rem;
}

#deliverydef #leftbox td p{
	margin:0;
	color:var(--color-red1);
}

#deliverydef #rightbox{
	height:160px;
	background-color:#EEEEEE;
	border:0;
	border-radius:10px;
}

#deliverydef #rightbox h2{
	padding:1rem;
}

#deliverydef #rightbox table td{
	padding:1rem;
}

/*for -md -991px pc */
@media(max-width: 991px) {

#deliverydef #rightbox table th,#deliverydef #rightbox table td{
	width:auto;
	display:table-cell;
}

}

/*--------------------------------------------------------------
# checkoutdef
--------------------------------------------------------------*/

#checkoutdef #cout_address th{
	vertical-align:middle;
}

#checkoutdef #cout_address th,#checkoutdef #cout_address td{
	padding:1rem;
}

#checkoutdef #cout_address td p{
	margin:0;
	color:var(--color-red1);
}


#checkoutdef .cout_item img{
	border-radius:10px;
}

#checkoutdef .cout_item th,#checkoutdef .cout_item td{
	padding:0.3rem;
}

#checkoutdef .cout_item th{
	width:35%;
}

#checkoutdef .cout_item .cartstag{
	width:auto;
	height:26px;
	border:1px solid var(--color-red1);
	border-radius:5px;
	text-align-last:center;
}

#checkoutdef .cout_item .extxt{
	font-size:13px;
	color:var(--color-red1);
}



#checkoutdef #rightbox > div{
	background-color:#EEEEEE;
	border:0;
	border-radius:10px;
}

#checkoutdef #rightbox h2{
	padding:1rem;
}

#checkoutdef #rightbox table td{
	padding:1rem;
}

/*--------------------------------------------------------------
# account
--------------------------------------------------------------*/

#account #leftbox ul {
	width:100%;
	padding:0;
	list-style:none;

	background-color:#EEEEEE;
	border-radius:10px;
}

#account #leftbox li {
	margin:0;
	padding:18px 0 18px 30px;
	font-weight:600;
}

#account #leftbox li:hover {
	color:#FFFFFF;
	background-color:var(--color-red1);
	cursor: pointer;
}

#account #leftbox .sen {
	color:#FFFFFF;
	background-color:var(--color-red1);
}

#account #leftbox .st {
	border-radius:10px 10px 0 0;
}

#account #leftbox .ed {
	border-radius: 0 0 10px 10px;
}

#account #rightbox th,#account #rightbox td {
	padding:2rem 0;
}

/*for -md -991px pc */
@media(max-width: 991px) {

#account #rightbox th,#account #rightbox td {
	width:auto;
	display:table-cell;
}

}



/*--------------------------------------------------------------
# pre
--------------------------------------------------------------*/

.pre_btn {
	transition: filter 0.1s ease;
}
.pre_btn:hover{
	filter: brightness(2.00);
}


#topimage img {
	margin:0 auto;
}

.topimage1 {
	top:0;
	left:0;
	position:absolute;
	z-index:50;
}
.topimage2 {
	top:0;
	left:0;
	position:absolute;
	z-index:40;
}
.topimage3 {
	top:0;
	left:0;
	position:absolute;
	z-index:30;
}
.topimage4 {
	top:0;
	left:0;
	position:absolute;
	z-index:20;
}
.topimage5 {
	position:relative;
	z-index:10;
}


#pre-information {
	padding:18px 0;
	background-image:url("/assets/img/pre/pre/pre_line.webp");
}

#pre-information > div {
	background-image:url("/assets/img/pre/back_black-square.webp");
}

#pre-information-tbox {
	width:800px;
	height:80px;
	font-size:40px;
	font-weight:600;
	text-align:center;
}

/* for xs,sm,md -991px sp */
@media(max-width: 991px) {
	#pre-information-tbox {
		font-size:24px;
		width:100%;
	}
}

#pre-information-mail-error,#pre-information-mail-result {
	display:none;
}

.pre-information-btn {
	width:450px;
}

#pre-information-mail-error {
	color:var(--color-error);
}






#pre-present {
	color:var(--color-black);
	background-color:var(--color-white);
	background-image:url("/assets/img/pre/pre_goods/pre_goods_back.webp");
	position:relative;
}

#pre-present_carea {
	position:relative;
	z-index:100;
}

.pre-present_backImg1 {
	top:0;
	left:0;
	position:absolute;
	z-index:11;
}

.pre-present_backImg2 {
	top:0;
	right:0;
	position:absolute;
	z-index:10;
}



#pre-detail {
	padding-bottom:60px;
	background:url("/assets/img/pre/about/about_star.webp"),linear-gradient(180deg,#0e1545,#0e3975,#1cacc4);
	position:relative;
}

#pre-detail_carea {
	position:relative;
	z-index:100;
}

.pre-detail_backImg1 {
	top:0;
	left:0;
	position:absolute;
	z-index:14;
}
.pre-detail_backImg2 {
	top:0;
	right:0;
	position:absolute;
	z-index:13;
}
.pre-detail_backImg3 {
	bottom:0;
	left:0;
	position:absolute;
	z-index:12;
}
.pre-detail_backImg4 {
	bottom:0;
	right:0;
	position:absolute;
	z-index:11;
}
.pre-detail_backImg5 {
	width:2160px;
	bottom:0;
	left:calc(50% - 1080px);
	position:absolute;
	z-index:10;
}

#pre-detail p {
	line-height:40px;
}

/* for xs,sm,md -991px sp */
@media(max-width: 991px) {

	#pre-detail {
		padding-bottom:350px;
	}

	.pre-detail_backImg2 {
		top:543px;
	}

	.pre-detail_backImg5 {
		width:991px;
		left:calc(50% - 496px);
	}

	#pre-detail p {
		padding:0 20px;
		text-align:left;
		line-height:40px;
	}
}


#pre-contents {
	background-image:url("/assets/img/pre/back_black-square.webp");
	position:relative;
}

#pre-contents_carea {
	position:relative;
	z-index:100;
}

.pre-contents_backImg1 {
	top:0;
	left:0;
	position:absolute;
	z-index:11;
}
.pre-contents_backImg2 {
	top:0;
	right:0;
	position:absolute;
	z-index:10;
}

#pre-contents h2 {
	color:var(--color-ex1);
}
#pre-contents p {
	line-height:40px;
}

.pre-contents_txt{
	padding:30px 20px 30px 40px;
	text-align:left;
}

/* for xs,sm,md -991px sp */
@media(max-width: 991px) {
	.pre-contents_txt{
		padding:30px 40px;
		text-align:left;
	}
}



#pre_footer {
	padding-bottom:100px;
	border-top: solid var(--color-ex1) 1px;
}
#pre_footer ul{
	padding:0;
	list-style: none;
}
#pre_footer li{
	padding:0 50px;
	display:inline;
}

/* for xs,sm,md -991px sp */
@media(max-width: 991px) {
	#pre_footer li{
		padding:15px 0;
		display:block;
	}

	#pre_footer {
		padding-bottom:100px;
	}

	#pre_footer_copyright {
		font-size:18px;
	}
}


#pre-body table th {
	width:40%;
	padding:40px;
	color:var(--color-ex2);
	text-align:left;
}
#pre-body table td {
	padding:40px;
	text-align:left;
}

/* for xs,sm,md -991px sp */
@media(max-width: 991px) {
	#pre-body table th {
		width:100%;
		padding:20px 30px;
	}
	#pre-body table td {
		padding:20px 30px;
	}
}

#pre-body pre {
	white-space: pre-wrap;
}


#wrapper_pre {
	width:100%;
	min-height:100vh;
	height:100%;
	background-image:url("/assets/img/pre/back_black-square.webp");
}

#pre-body h1 {
	color:var(--color-ex1);
}

#pre-body h1 span {
	padding:0 5px;
	font-size:25px;
}

#pre_ex_tb {
	padding:40px;
	color:var(--color-black);
	background-color:var(--color-white);
	border-radius:20px;
}





.aLtoR {
	animation-duration:6s;
	animation-name:preLtoR;
	animation-iteration-count: infinite;
	animation-timing-function:ease;
}

.aRtoL {
	animation-duration:6s;
	animation-name:preRtoL;
	animation-iteration-count: infinite;
	animation-timing-function:ease;
}

.ablink1{
	animation-duration:3s;
	animation-name:aniblink;
	animation-iteration-count: infinite;
	animation-timing-function:linear;
}
.ablink2{
	animation-duration:5s;
	animation-name:aniblink;
	animation-iteration-count: infinite;
	animation-timing-function:linear;
}
.ablink3{
	animation-duration:7s;
	animation-name:aniblink;
	animation-iteration-count: infinite;
	animation-timing-function:linear;
}
.ablinks1{
	animation-duration:6s;
	animation-name:aniblinks;
	animation-iteration-count: infinite;
	animation-timing-function:linear;
}
.ablinks2{
	animation-duration:6s;
	animation-delay:1s;
	animation-name:aniblinks;
	animation-iteration-count: infinite;
	animation-timing-function:linear;
}
.ablinks3{
	animation-duration:6s;
	animation-delay:2s;
	animation-name:aniblinks;
	animation-iteration-count: infinite;
	animation-timing-function:linear;
}
.ablinks4{
	animation-duration:6s;
	animation-delay:3s;
	animation-name:aniblinks;
	animation-iteration-count: infinite;
	animation-timing-function:linear;
}
.ablinks5{
	animation-duration:6s;
	animation-delay:4s;
	animation-name:aniblinks;
	animation-iteration-count: infinite;
	animation-timing-function:linear;
}
.ablinks6{
	animation-duration:6s;
	animation-delay:5s;
	animation-name:aniblinks;
	animation-iteration-count: infinite;
	animation-timing-function:linear;
}

@keyframes preLtoR {
	0%{
		left:0;
	}
	50%{
		left:-20px;
	}
	100%{
		left:0;
	}
}
@keyframes preRtoL {
	0%{
		right:0;
	}
	50%{
		right:-20px;
	}
	100%{
		right:0;
	}
}
@keyframes aniblink {
	0%{
		filter: brightness(1);
	}
	97%{
		filter: brightness(1);
	}
	100%{
		filter: brightness(1.5);
	}
}
@keyframes aniblinks {
	0%{
		filter: brightness(1);
	}
	97%{
		filter: brightness(1);
	}
	100%{
		filter: brightness(1.2);
	}
}

/**************************************************/
/* main */
/**************************************************/

/* section */
.maindef {
	background-image:url('/assets/img/pre/back_black-square.webp');
}


/*p*/

.maindef p{
	margin:0;
}

/*h*/

.maindef h1{
	margin:0;
}
.maindef h3{
	color:var(--color-ex4);
}


/*ボタン*/

.main_btn_def {
	width:450px;
	transition: filter 0.1s ease;
}
.main_btn_def:hover{
	filter: brightness(1.10);
}


.mainbtn {
	width:80%;
	max-width:550px;
	height:80px;

	margin:20px 0;

	color:#FFFFFF;
	font-size:32px;

	border-radius:50px;
	border:1px solid #CF9F24;

	background-color:#D7AF49;
}

.mainbtn:hover{
	border:1px solid #F8D16D;

	background-color:#FFDE8B;
}

.mainbtn-red {
	border:1px solid #CF2934;

	background-color:#F34852;
}

.mainbtn-red:hover{
	border:1px solid #FE636C;

	background-color:#FF7E86;
}

/* エラーボックス */

.mainErrorBox {
	width:95%;
	max-width:900px;
	margin:50px 20px;
	padding:30px 0;
	border:1px solid #BFAA70;
	color:#BFAA70;
}


/* メイン結果BOX */

.mainres {
	margin:20px;
	padding:20px 0;
	background-color:#FFFFFF;
	border:4px solid #BFAA70;
	border-radius:15px;
}


.mainres h3 {
	margin:0;
	padding-bottom:20px;
	border-bottom:2px dotted #BFAA70;
}
.mainres p {
	margin:0;
	padding:20px 20px 0 20px;
	color:#000000;
}
.mainresSingle p {
	padding-bottom:20px;
}


/*基本パーツ　部分背景*/

.maindef_backImg1 {
	top:0;
	left:0;
	position:absolute;
	z-index:14;
}

.maindef_carea {
	position:relative;
	z-index:100;
}

/* 枠 */
.maindef .waku {
	border:1px solid var(--color-ex2);
}

/* index */

.main-index-trial {

}

#main-index-trial {
	color:var(--color-black);
	background-color:var(--color-white);
	background-image:url("/assets/img/main/index/trial/trial_back.webp");
	position:relative;
}

.main-index-trial_carea {
	position:relative;
	z-index:100;
}

.main-index-trial_careaex {
	background-color:#FFF7E4;
	position:relative;
	z-index:100;
}



.main-index-trial_backImg1 {
	top:0;
	left:0;
	position:absolute;
	z-index:11;
}

.main-index-trial_backImg2 {
	bottom:0;
	right:0;
	position:absolute;
	z-index:10;
}

.main-index-trial-sbox {
	border:4px solid #C8A64F;
	border-radius:10px;
	background-color:#FFFFFF;
}

.main-index-trial-sbox select {
	width:160px;
}
/*for md 768px-991px tablet */
@media (max-width: 991px) {
	.main-index-trial-sbox select {
		width:130px;
	}
}

/* trial*/

.trial_textimg {
	width:95%;
	margin:0 auto;
	padding:10px 0;
}

.trial_mitamaimg {
	max-width:400px;
	border-radius:15px;
}

/* sinup */

#main-signup-kbox {
	width:95%;
	max-width:900px;
	height:400px;
	font-size:20px;
}

/* myroom */

#mainExContarea {
	background-color:#000000;
	border-top:1px solid #C8A64F;
	border-bottom:1px solid #C8A64F;
}



#mainMyroomLeftDoragon {
	padding:0;
	position:relative;
}
#mainMyroomLeftDoragon .dimg {
	top:0;
	left:0;
	position:absolute;
	border-radius:15px;
	display:none;
}
#mainMyroomLeftDoragon #dimgQ {
	top:5px;
	right:5px;
	position:absolute;
	z-index:100;
}
#mainMyroomLeftDoragon #dimgCommonBack {
	position:relative;
	border-radius:15px;
	z-index:10;
}
#mainMyroomLeftDoragon #dimgSp1 {
	z-index:34;
}
#mainMyroomLeftDoragon #dimgSp2 {
	z-index:33;
}
#mainMyroomLeftDoragon #dimgSp3 {
	z-index:32;
}
#mainMyroomLeftDoragon #dimgSp4 {
	z-index:31;
}
#mainMyroomLeftDoragon #dimgDra1 {
	z-index:24;
}
#mainMyroomLeftDoragon #dimgDra2 {
	z-index:23;
}
#mainMyroomLeftDoragon #dimgDra3 {
	z-index:22;
}
#mainMyroomLeftDoragon #dimgDra4 {
	z-index:21;
}
#mainMyroomLeftDoragon #dimgBak1 {
	z-index:14;
}
#mainMyroomLeftDoragon #dimgBak2 {
	z-index:13;
}
#mainMyroomLeftDoragon #dimgBak3 {
	z-index:12;
}
#mainMyroomLeftDoragon #dimgBak4 {
	z-index:11;
}


#mainMyroomLeftName {
	position:relative;
}
#mainMyroomLeftName img {
	position:relative;
	z-index:10;
}
#mainMyroomLeftName p {
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	position:absolute;
	z-index:100;
}

#mainMyroomLeftPt {
	position:relative;
}
#mainMyroomLeftPt img {
	position:relative;
	z-index:10;
}
#mainMyroomLeftPt_num1 {
	left:50%;
	top:45%;
	transform:translate(-50%, -50%);
	font-size:40px;
	position:absolute;
	z-index:100;
}
#mainMyroomLeftPt_num2 {
	left:50%;
	top:88%;
	transform:translate(-50%, -50%);
	font-size:30px;
	color:var(--color-ex5);
	position:absolute;
	z-index:100;
}
#mainMyroomLeftPt_num3 {
	left:50%;
	top:14%;
	transform:translate(-50%, -50%);
	font-size:30px;
	color:var(--color-ex5);
	position:absolute;
	z-index:100;
}

#mainMyroomLeftBanner{
	animation-duration:2s;
	animation-name:mainbannerblinks;
	animation-iteration-count: infinite;
	animation-timing-function:linear;
}

@keyframes mainbannerblinks {
	0%{
		filter: brightness(1);
	}
	25%{
		filter: brightness(1.25);
	}
	50%{
		filter: brightness(1.5);
	}
	75%{
		filter: brightness(1.25);
	}
	100%{
		filter: brightness(1);
	}
}

/*
#mainMyroomLeftBanner a:hover{
	filter: brightness(1.10);
}
*/


.mainMyroomRightBtn {

	height:120px;
	background-color:#000000;
	border:1px solid #C8A64F;
	border-radius:15px;
}
#mainMyroomRightBtnExH2{
	line-height:1em;
}

.mainMyroomRightBtn:hover{
	background-color:#4d2900;
	cursor:pointer;
}

.mainMyroomRightBtn table{
	width:100%;
	height:120px;
}

.mainMyroomRightBtn table,.mainMyroomRightBtn th,.mainMyroomRightBtn td{
	margin:0;
	padding:0;
}

.mainMyroomRightBtn th{
	width:120px;
	height:120px;
	vertical-align:middle;
}
.mainMyroomRightBtn td{
	text-align:left;
	vertical-align:middle;
}

.mainMyroomRightBtn table img{
	width:95px;
	border-radius:15px;
}

.mainMyroomRightBtn table p{
	font-size:18px;
	color:var(--color-ex5);
}
.mainMyroomRightBtn table p span{
	font-size:26px;
	color:#FFFFFF;
}

/* for xs,sm,md -991px sp */
@media(max-width: 991px) {

.mainMyroomRightBtn table th,.mainMyroomRightBtn table td {
	width:120px;
	padding:0;
	display:table-cell;
}
.mainMyroomRightBtn table td {
	width:auto;	padding:0;
	display:table-cell;
}

}

#modalMyroom {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	z-index:100;
	display:none;
}
#modalMyroomBack {
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:#000000;
	opacity:0.5;
	position:absolute;
	z-index:10;
}
#modalMyroomCont {
	position:relative;
	z-index:100;
}
#modalMyroomIn {
	width:95%;
	max-width:800px;
	margin:50px auto;
	padding:0;
	position:relative;
}
#modalMyroomBtn {
	top:0;
	right:0;
	position:absolute;
	z-index:200;
}
#modalMyroomImgFaq1 {
	width:100%;
	position:relative;
	z-index:10;
}
#modalMyroomImgFaq2 {
	width:100%;
	top:0;
	left:0;
	position:absolute;
	z-index:20;
	display:none;
}

/* daily */

#dailyEncnt {
	width:95%;
	margin:30px auto 0 auto;
	color:#000000;
}
#dailyEncntTd1 {
	width:95%;
	margin:0;
	padding:25px;
	border-radius:20px;
	background-color:#f1e7fb;
}
#dailyEncntTd2 {
	margin:0;
	padding:0;
}

/* live */

.mainLiveBtn:hover {
	filter: brightness(1.25);
}

.mainLiveTb {
	width:auto;
	margin:0 auto;
}
.mainLiveTb th,.mainLiveTb td {
	padding:1rem;
	vertical-align:middle;
}


.kakeimg {
	width:400px;
	border-radius:15px;
}

#mainMessageChara {
	width:80%;
	max-width:600px;
}

#mainGoodsTxt span {
	font-size:40px;
}

#mainGoodsTxt input[type="radio"] {
	width:28px;
	height:28px;
	margin-right:0.5em;
}



/* aisho */

.main-aisho-sbox select {
	width:160px;
}
/*for md 768px-991px tablet */
@media (max-width: 991px) {
	.main-aisho-sbox select {
		width:130px;
	}
}

.mainAisyoParArea{
	width:100px;
	height:100px;
	font-size:30px !important;
	color:#FFFFFF !important;
	line-height:3em;
	border-radius:50px;
	background-image: linear-gradient(150deg, rgba(247, 166, 12, 1) 10%, rgba(255, 34, 87, 1) 40%);
}

.mainAisyoParAreaDetail {
	width:200px;
	height:200px;
	margin:0 auto !important;
	font-size:60px !important;
	color:#FFFFFF !important;
	line-height:3em;
	border-radius:100px;
	background-image: linear-gradient(150deg, rgba(247, 166, 12, 1) 10%, rgba(255, 34, 87, 1) 40%);
}

/* column */

.mainColumnSum {
	cursol:pointer;
}
.mainColumnSum img {
	border-radius:20px;
}
.mainColumnSum:hover {
	filter: brightness(1.1);
}
.mainColumnBody {
	color:#000000;
}

.mainColumnBody a {
	color:#000000;
}
.mainColumnBody a:hover {
	color:var(--color-hover-a);
}

/* gameAreaCommon */

#movieStage {
	width:640px;
	height:765px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

.gameLayer {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	display:none;
}
#gameLayer1 {
	display:block;
	z-index:10;
}
.gameLayerIn {
	top:0;
	left:0;
	position:absolute;
}


/* game daily */

#gameLayer2 {
	z-index:20;
}
#gameLayer3 {
	z-index:30;
}

#d1-1 {
	top:-50px;
	opacity:0;
	z-index:400;
}
#d1-2 {
	top:-50px;
	opacity:0;
	z-index:300;
}
#d1-3 {
	top:-50px;
	opacity:0;
	z-index:200;
}
#d1-4 {
	width:162px;
	height:90px;
	left:calc(50% - 81px);
	top:auto;
	bottom:100px;
	opacity:0;
	z-index:500;
	cursor:pointer;
}

#d1-5 {
	display:none;
	z-index:100;
}


#d2-btn {
	width:162px;
	height:90px;
	left:calc(50% - 81px);
	top:auto;
	bottom:47px;
	z-index:500;
	cursor:pointer;
}

#d2-btnIn1 {
	left:0;
	top:0;
	position:absolute;
	z-index:10;
}
#d2-btnIn2 {
	left:0;
	top:0;
	position:absolute;
	z-index:11;
	display:none;
}

#d2-btnEx {
	width:228px;
	height:114px;
	left:0;
	top:auto;
	bottom:41px;
	position:absolute;
	z-index:499;
	cursor:pointer;
}


#d2-kake {
	z-index:200;
}

#d2-back {
	z-index:10;
}

.d2-kakeIn {
	top:0;
	left:0;
	position:absolute;
	z-index:100;
}
.d2-kakeInCoin {
	left:-640px;
}
.d2-kakeInKake {
	opacity:0;
}
.d2-kakeInBack {
	z-index:10;
	display:none;
}

.d2-kake-cover {
	z-index:100;
}

#d2-kake1 {
	top:490px;
	left:0;
}
#d2-kake2 {
	top:392px;
	left:0;
}
#d2-kake3 {
	top:294px;
	left:0;
}
#d2-kake4 {
	top:196px;
	left:0;
}
#d2-kake5 {
	top:98px;
	left:0;
}
#d2-kake6 {
	top:0;
	left:0;
}



#d3-1 {
	width:260px;
	height:90px;
	left:calc(50% - 130px);
	top:auto;
	bottom:42px;
	display:none;
	z-index:600;
	cursor:pointer;
}

#d3-2 {
	display:none;
	z-index:250;

	animation-duration:1s;
	animation-name:mainbannerblinks;
	animation-iteration-count: infinite;
	animation-timing-function:linear;
}
#d3-3 {
	display:none;
	z-index:400;
}
#d3-4 {
	display:none;
	z-index:300;
}
#d3-5 {
	display:none;
	z-index:200;
}
#d3-6 {
	z-index:100;

	animation-duration:6s;
	animation-name:mainbannerblinks;
	animation-iteration-count: infinite;
	animation-timing-function:linear;
}


/* game worship */

#gameLayer2 {
	z-index:20;
}
#gameLayer3 {
	z-index:30;
}

#w1-btn1 {
	width:214px;
	height:420px;
	top:300px;
	left:calc(50% - 321px);
	opacity:0;
	z-index:200;
	cursor:pointer;
}
#w1-btn2 {
	width:214px;
	height:420px;
	top:300px;
	left:calc(50% - 107px);
	opacity:0;
	z-index:200;
	cursor:pointer;
}
#w1-btn3 {
	width:214px;
	height:420px;
	top:300px;
	left:calc(50% + 107px);
	opacity:0;
	z-index:200;
	cursor:pointer;
}
#w1-btn4 {
	width:350px;
	height:80px;
	top:auto;
	bottom:0px;
	left:calc(50% - 175px);
	z-index:300;
	cursor:pointer;
}

#w2-anime1 {
	z-index:100;
}
#w2-anime2 {
	display:none;
	z-index:200;
}
#w2-anime3 {
	display:none;
	z-index:300;
}
#w2-anime4 {
	display:none;
	z-index:400;
}
#w2-anime5 {
	display:none;
	z-index:500;
}
#w2-anime6 {
	width:100%;
	height:100%;
	background-color:#FFFFFF;
	opacity:0;
	z-index:600;
}


#w3-btn1 {
	width:142px;
	height:142px;
	left:calc(50% - 182px);
	top:auto;
	bottom:21px;
	display:none;
	z-index:500;
	cursor:pointer;
}
#w3-btn2 {
	width:142px;
	height:142px;
	left:calc(50% + 40px);
	top:auto;
	bottom:21px;
	display:none;
	z-index:500;
	cursor:pointer;
}
#w3-btn3,#w3-btn4 {
	width:350px;
	height:80px;
	left:calc(50% - 175px);
	top:auto;
	bottom:46px;
	display:none;
	z-index:500;
	cursor:pointer;
}
#w3-btn1:hover,#w3-btn2:hover,,#w3-btn3:hover,,#w3-btn4:hover {
	filter: brightness(1.1);
}


.w3-chara {
	width:246px;
	height:414px;
	left:auto;
	right:0;
	top:166px;
	display:none;
}

#w3-chara-fix-ok {
	z-index:404;
}
#w3-chara-fix-ng {
	z-index:403;
}
#w3-chara-act-hand {
	z-index:402;
}
#w3-chara-act-hand-anime2 {
	left:0;
	top:0;
	position:absolute:
	z-index:20;
	display:none;
}
#w3-chara-act-hand-anime1 {
	left:0;
	top:0;
	position:absolute:
	z-index:10;
}

#w3-chara-act-rei {
	z-index:401;
}
#w3-chara-act-rei-anime2 {
	left:0;
	top:0;
	position:absolute:
	z-index:20;
	display:none;
}
#w3-chara-act-rei-anime1 {
	left:0;
	top:0;
	position:absolute:
	z-index:10;
}

#w3-chara-def {
	z-index:400;
	display:block;
}








#w3-gauge {
	width:104px;
	height:470px;
	left:22px;
	top:150px;
	display:none;
	z-index:300;
}
.w3-gauge-in {
	left:0;
	top:0;
	display:none;
	position:absolute;
}
#w3-gauge-7 {
	z-index:17;
}
#w3-gauge-6 {
	z-index:16;
}
#w3-gauge-5 {
	z-index:15;
}
#w3-gauge-4 {
	z-index:14;
}
#w3-gauge-3 {
	z-index:13;
}
#w3-gauge-2 {
	z-index:12;
}
#w3-gauge-1 {
	z-index:11;
}
#w3-gauge-0 {
	z-index:10;
	display:block;
}

#w3-text {
	width:438px;
	height:204px;
	left:calc(50% - 219px);
	display:none;
	z-index:200;
}
#w3-textFixOk,#w3-textFixNg {
	width:640px;
	height:204px;
	left:calc(50% - 320px);
	display:none;
	z-index:200;
}


#w3-animeOk,#w3-animeNg {
	z-index:150;
	display:none;
}
.w3-animeIn {
	left:0;
	top:0;
	position:absolute;
	display:none;

}
#w3-animeOk-5,#w3-animeNg-5 {
	z-index:50;
}
#w3-animeOk-4,#w3-animeNg-4 {
	z-index:40;
}
#w3-animeOk-3,#w3-animeNg-3 {
	z-index:30;
}
#w3-animeOk-2,#w3-animeNg-2 {
	z-index:20;
}
#w3-animeOk-1,#w3-animeNg-1 {
	z-index:10;
}

#w3-back {
	z-index:100;
}


/* game trial */

#gameLayer2 {
	z-index:20;
}
#gameLayer3 {
	z-index:30;
}

#t1-mitama {
	display:none;
	z-index:700;

	animation-duration:2s;
	animation-name:gameTrialUpAnime;
	animation-iteration-count: infinite;
	animation-timing-function:linear;
}
@keyframes gameTrialUpAnime{
	0%{
		filter: brightness(1);
	}
	50%{
		filter: brightness(3.0);
	}
	100%{
		filter: brightness(1);
	}
}

#t1-chara6 {
	display:none;
	z-index:360;
}
#t1-chara5 {
	display:none;
	z-index:350;
}
#t1-chara4 {
	display:none;
	z-index:340;
}
#t1-chara3 {
	display:none;
	z-index:330;
}
#t1-chara2 {
	display:none;
	z-index:320;
}
#t1-chara1 {
	display:none;
	z-index:310;
}
#t1-light1 {
	display:none;
	z-index:300;
}
#t1-light2 {
	display:none;
	z-index:200;
}
#t1-back {
	display:none;
	z-index:100;
}


#t2-cover {
	width:100%;
	height:100%;
	background-color:#FFFFFF;
	z-index:800;
	display:none;
}
#t2-txt5 {
	z-index:700;
	display:none;
}
#t2-txt4 {
	z-index:600;
	display:none;
}
#t2-txt3 {
	z-index:500;
	display:none;
}
#t2-txt2 {
	z-index:400;
	display:none;
}
#t2-txt1 {
	z-index:300;
	display:none;
}

#t2-mitama {
	z-index:200;
	display:none;

	animation-duration:2s;
	animation-name:gameTrialUpAnime2;
	animation-iteration-count: infinite;
	animation-timing-function:linear;
}
@keyframes gameTrialUpAnime2{
	0%{
		filter: brightness(1);
	}
	50%{
		filter: brightness(3.0);
	}
	100%{
		filter: brightness(1);
	}
}

#t2-light {
	z-index:100;
	display:none;

	animation-duration:0.8s;
	animation-name:gameTrialUpAnime3;
	animation-iteration-count: infinite;
	animation-timing-function:linear;
}
@keyframes gameTrialUpAnime3{
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0.5;
	}
	100%{
		opacity: 1;
	}
}

#t3-btn {
	width:350px;
	height:80px;
	top:auto;
	bottom:20px;
	left:calc(50% - 175px);
	display:none;
	z-index:800;
	cursor:pointer;
}
#t3-txt {
	display:none;
	z-index:700;
}
#t3-anime5 {
	display:none;
	z-index:600;

	animation-duration:2.0s;
	animation-name:gameTrialUpAnime5;
	animation-iteration-count: infinite;
	animation-timing-function:linear;
}
@keyframes gameTrialUpAnime5{
	0%{
		filter: brightness(1);
	}
	50%{
		filter: brightness(1.3);
	}
	100%{
		filter: brightness(1);
	}
}

#t3-anime4 {
	display:none;
	z-index:500;
}
#t3-anime3 {
	display:none;
	z-index:400;
}
#t3-anime2 {
	display:none;
	z-index:300;
}
#t3-anime1 {
	display:none;
	z-index:200;
}
#t3-back {
	display:none;
	z-index:100;

	animation-duration:1.0s;
	animation-name:gameTrialUpAnime4;
	animation-iteration-count: infinite;
	animation-timing-function:linear;
}

@keyframes gameTrialUpAnime4{
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0.5;
	}
	100%{
		opacity: 1;
	}
}

#t3-back2 {
	width:100%;
	height:100%;
	background-color:#000000;
	display:none;
	z-index:10;
}