/*=================================================
 * CSS for PC
 * ================================================= */
main{
	overflow: hidden;
}
main, #no_img main{	min-height: 0;}

.no_kiwami #menu{
	top: 49px;
}

.pan{	margin-bottom: 0;}

#no_img #menu{	top: 49px;}
#no_img #left, #no_img #right{	padding-top: 0;}
#left{	padding-right: 0;}
#left.no_kiwami{
	padding-top: 0;
}
#top_main{	padding: 5px 0 0 0;}

.bx-wrapper .bx-controls-direction a.disabled {	display: none;}

#menu{	position: static;}

.title{
	cursor: inherit;
	margin-bottom: 0;
}
.title em:before,
.title em:after{	display: none;}


/** imgup **/
#img_bg{
	width: 100%;
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin: 0;
	padding: 15px 20px 20px 20px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
#img_bg img{
	width: 100%;
	height: auto;
}

#img_bg .bx-controls{
	position: relative;
}

#img_bg .bx-viewport{
	overflow: hidden !important;
	width: 100% !important;
}

#img_bg .slider{
	list-style: none;
	margin: 0;
	padding: 0;
}

#img_bg .slider li{
	display: inline-block;
	vertical-align: top;
	width: 1190px!important;
	margin: 0;
	padding: 0;
}

#img_bg .bx-wrapper .bx-controls-direction a{	display: none !important;}


/** anikiwari **/

#anikiwari{
	text-align: center;
	margin: 0 0 10px 0;
	padding: 0 10px;
}
#anikiwari a.fade img{
	width: 100%;
	max-width: 610px;
}


/** fund **/

#fund{
	text-align: center;
	margin: 0 0 10px 0;
	padding: 0 10px;
}

#fund p{
	font-size: 12px;
	line-height: 18px;
	padding: 0;
}

@-webkit-keyframes pulse {
 from {
   opacity: 1.0;
 }
 to {
   opacity: 0;
 }
}
#fund p,
.jika .anime{
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 0.3s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
	-webkit-animation-delay: 0s;
}

#fund p em{	color: #f94f2e;}

.jika{
	text-align: center;
	margin: 0;
	padding: 0;
}

#fund a.fade img{
	width: 100%;
	max-width: 610px;
}

.important_box{
	text-align: center;
	padding: 5px 20px 10px 20px;
}

.important_box a{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	color: #fff;
	max-width: 370px;
	padding: 2px;
	border-radius: 3px;
	background: rgb(255,228,0);
	background: linear-gradient(90deg, rgba(255,228,0,1) 0%, rgba(255,66,156,1) 100%);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.important_box div{
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: 100%;
	min-height: 66px;
	border-radius: 3px;
	background: #000;
	padding: 5px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.important_box em{
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	margin: 0 0 2px 0;
}

.important_box p{
	font-size: 12px;
	line-height: 14px;
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 0.3s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
	-webkit-animation-delay: 0s;
}
.important_box p span:nth-of-type(1),
.important_box p span:nth-of-type(6){	color: #ff6600;}
.important_box p span:nth-of-type(2),
.important_box p span:nth-of-type(5){	color: #ff9900;}
.important_box p span:nth-of-type(3),
.important_box p span:nth-of-type(4){	color: #ffcc00;}


/** mq **/

.mq_bg{
	width: 100%;
	margin: 0 0 10px 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.mq{
	position: relative;
	color: #fff;
	background: #ff4699;
}

.mq_l{
	width: 60px;
	height: 26px;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	text-align: center;
	background: #5f1335;
	padding: 7px 0 0 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.mq_l p{
	-webkit-animation-name: css_mq;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count:infinite;
}

@-webkit-keyframes css_mq{
	0%	{
			opacity: 0.2;
			filter: alpha(opacity=20);}
	40%	{
			opacity: 1;
			filter: alpha(opacity=100);}
	60%	{
			opacity: 1;
			filter: alpha(opacity=100);}
	100%	{
			opacity: 0.2;
			filter: alpha(opacity=20);}
}

.mq_l em{
	font-size: 10px;
	color: #fc4a99;
	font-weight: normal;
}

.mq_r{
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	padding: 3px 0;
	width:100%;
	overflow:hidden;
	position:relative;
}

.mq_r p:after {
	content:"";
	white-space:nowrap;
	padding-right:50px;
}

.mq_r p {
	margin:0;
	padding-left:100%;
	display:inline-block;
	white-space:nowrap;
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:12s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:12s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:12s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:12s;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:12s;
	animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
0% { -webkit-transform: translate(0%);}
99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
0% { -moz-transform: translate(0%);}
99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
0% { -ms-transform: translate(0%);}
99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
0% { -o-transform: translate(0%);}
99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
0% { transform: translate(0%);}
99%,to { transform: translate(-100%);}
}


/** top_ban **/

#top_ban{
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin-bottom: 10px;
	padding:0px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#top_ban div{
	display: block;
	width: auto;
	margin: 0;
	padding: 0 25px;
	text-align: center;
}

#top_ban div img{
	width: 100%;
	height: auto;
}
#top_ban div:nth-of-type(2){	display: none;}


/** area **/

.area{
	width: auto;
	margin: 0;
	padding: 0;
}

.area .cate_sub{	margin: 5px 0;}


/** name_sc_bg **/

.name_sc_bg .name_sc{	margin: 0;}
.name_sc_bg{	border-top: 1px solid #3e3e41;}


/** es_search **/

.es_search{
	text-align: center;
	margin: 0;
}

.es_search p{
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
	padding: 10px 0;
}

.es_search p span{
	display: inline-block;
	background: #fff664;
	padding: 0 2px;
}

.es_search ul{
	display: table;
	table-layout: fixed;
	width: calc(100% - 20px);
	font-size: 0;
	line-height: 0;
	margin: 0 auto 10px auto;
	padding: 0;
	border: 1px solid #3e3e41;
	border-radius: 22px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.es_search li{
	display: table-cell;
	vertical-align: middle;
	width: auto;
	border-left: 1px dotted #3e3e41;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.es_search li:first-of-type{	border-left: none;}

.es_search li a{
	position: relative;
	display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 30px;
	padding: 6px 0;
	background: none !important;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.es_search li a:hover{
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/** top_exp **/

#top_exp{
}

#top_exp_in{
	position: relative;
	font-size: 0;
	line-height: 0;
}

#top_exp h3{
	margin: 0;
}

#top_exp .fugal{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: nowrap;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	margin: 0;
	padding: 10px 0 15px 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#top_exp .gal_div{
	width: auto !important;
	margin: 0 0.5px !important;
}


#top_exp .gal_div:first-of-type{	margin-left: 1px !important;}
#top_exp .gal_div:last-of-type{	margin-right: 10px !important;}

#top_exp .gal_div .img{
	min-height: 90px;
}
#top_exp .gal_div .img img{
	width: 110px !important;
	height: auto !important;
}

#top_exp .gal_div .p1{
	width: 110px;
	font-size: 12px;
	line-height: 20px;
	padding: 0;
}

#top_exp .gal_div .p1 span{
	margin: 0 -2px 0 -3px;
}


#top_exp .etxt{
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	padding: 7px 0;
}

#top_exp .etxt p a{
	display: inline-block;
	width: 120px;
}

#top_exp .etxt p::before{
		content: "[";
}

#top_exp .etxt p::after{
	content: "]";
}

.swipe_box + .expall_bg{ padding-top: 5px;}


/** expall **/

.expall_bg{
	padding: 10px;
}

.expall{
	display: table;
	font-size: 0;
	line-height: 0;
	margin: 0 auto;
}
.expall_l,
.expall_r{
	display: table-cell;
	vertical-align: middle;
}

.expall_l{
	position: relative;
	width: auto !important;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	color: #fff;
	background: #28282a;
	border-radius: 3px 0 0 3px;
	padding: 2px 4px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.expall_l:after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4.5px 0 4.5px 7px;
	border-color: transparent transparent transparent #3e3e41;
	position: absolute;
	top: calc(50% - 4.5px);
	right: -7px;
}
.expall_l a{	color: #fff;}

.expall_r{
	width: auto;
	font-size: 12px;
	line-height: 18px;
	background: #28282a;
	border-radius: 0 3px 3px 0;
	padding: 2px 5px 2px 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.expall_r a{
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding-right: 8px;
}
.expall_r a:after{
	content: '';
	height: 14px;
	border-left: 1px solid #3e3e41;
	position: absolute;
	top: 2px;
	right: 2px;
}
.expall_r a:last-of-type{	padding: 0;}
.expall_r a:last-of-type:after{	display: none;}


/** top_res **/

#top_res{
	padding: 0;
}

#top_res h3{
	margin-bottom: 10px;
}

.res_bg{
	margin: 0;
	padding: 10px 0 0 0;
}

.resbox{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	min-height: 54px;
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 10px 0;
	padding: 0 10px 0 74px;
	border: none;
	background: none;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.resbox span{
	display: inline-block;
	position: absolute;
	top: 0;
	left: 10px;
	width: 50px;
	height: 50px;
	border: 2px solid #28282a;
	background: #28282a;
	border-radius: 5px;
}

.resbox span em{
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 3px;
	overflow: hidden;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
}

.resbox:hover{
	color: #fff;
	text-decoration: none;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
}

.resbox:hover p{
	text-decoration: none;
}

.resbox:hover em{
	text-decoration: none;
}

.resbox span img{
	width: 50px;
	height: auto;
}

.resbox div{
	min-height: 0;
	padding: 8px;
}

.resbox p{
	min-height: 42px;
	position: relative;
	font-size: 14px;
	line-height: 20px;
	background: #1c1c1e;
	border: 1px solid #3e3e41;
	border-radius: 3px;
	padding: 5px 5px 5px 10px;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
}

.resbox p:after, .resbox p:before{
	right: 100%;
	top: 26px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.resbox p:after {
	border-color: rgba(28, 28, 30, 0);
	border-right-color: #1c1c1e;
	border-width: 5px;
	margin-top: -5px;
}
.resbox p:before {
	border-color: rgba(62, 62, 65, 0);
	border-right-color: #3e3e41;
	border-width: 6px;
	margin-top: -6px;
}

#top_res .gcolor1{color: #ff43a0;}
#top_res .gcolor2{color: #ff7900;}
#top_res .gcolor3{color: #ca8f00;}
#top_res .gcolor4{color: #5ca300;}
#top_res .gcolor5{color: #00b27e;}
#top_res .gcolor6{color: #1bacff;}
#top_res .gcolor7{color: #3376ff;}
#top_res .gcolor8{color: #d649ff;}

.resbox.gcolor1 span,
.resbox.gcolor2 span,
.resbox.gcolor3 span,
.resbox.gcolor4 span,
.resbox.gcolor5 span,
.resbox.gcolor6 span,
.resbox.gcolor7 span,
.resbox.gcolor8 span{
	border-radius: 50%;
	overflow: hidden;
}
.resbox.gcolor1 span em, .resbox.gcolor1:hover span em,
.resbox.gcolor2 span em, .resbox.gcolor2:hover span em,
.resbox.gcolor3 span em, .resbox.gcolor3:hover span em,
.resbox.gcolor4 span em, .resbox.gcolor4:hover span em,
.resbox.gcolor5 span em, .resbox.gcolor5:hover span em,
.resbox.gcolor6 span em, .resbox.gcolor6:hover span em,
.resbox.gcolor7 span em, .resbox.gcolor7:hover span em,
.resbox.gcolor8 span em, .resbox.gcolor8:hover span em{
	border-radius: 50%;
}

.res_link{
	font-size: 13px;
	line-height: 16px;
	text-align: center;
	padding: 0;
}

#top_res .expall_bg{	padding-top: 0;}

#top_res .bx-wrapper{	margin-bottom: 0;}
#top_res .bx-wrapper .bx-pager{
	width: 100%;
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	font-size: 0;
	line-height: 0;
	position: static;
	margin: 0 0 15px 0;
	padding: 0;
}

#top_res .bx-wrapper .bx-pager .bx-pager-item,
#top_res .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

#top_res .bx-wrapper .bx-pager.bx-default-pager a{
	text-indent: -9999px;
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	outline: 0;
	border-radius: 100%;
}
#top_res .bx-wrapper .bx-pager.bx-default-pager a{	background-color: #3e3e41;}
#top_res .bx-wrapper .bx-pager.bx-default-pager a.active{	background-color: #ff409d;}


/***** SP *****/
@media screen and (max-width: 460px) {
	#top_res .bx-wrapper .bx-pager{
		bottom: 2px;
	}
	#top_res .bx-wrapper .bx-pager.bx-default-pager a{
		width: 7px;
		height: 7px;
		margin: 0 5px;
	}
	#top_res .bx-wrapper .bx-pager.bx-default-pager a{	background-color: rgba(170, 170, 170, 0.9);}
	#top_res .bx-wrapper .bx-pager.bx-default-pager a.active{	background-color: #ff409d;}
}



/** top_wari **/

#top_wari{
	margin: 0 0 10px 0;
	padding: 0;
}

#top_wari h3{
	margin: 0 0 10px 0;
}

#simple .bt_bg,
#top_exp .bt_bg,
#top_res .bt_bg,
#top_wari .bt_bg{
	padding: 10px;
}

#simple .bt,
#top_exp .bt,
#top_res .bt,
#top_wari .bt{
	display: block;
	width: 100%;
}

.enter{	border-top: none;}

.enter_area .li a{ min-height: 54px; }
.enter_area .li li a,
.enter_deli .li li a,
.areabox_type li.type_area a{	padding-left: 50px;}
.enter_area .li li:first-of-type a,
.enter_deli .li li:first-of-type a{	padding-left: 34px;}

/** in_menu **/

#in{	padding: 0;}

.in_menu{
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-align: left;
	border: none;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

.in_menu + .in_menu{ border-top: none;}

.in_menu a{
	position: relative;
	display: block;
	position: relative;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	padding: 10px 0 10px 25px;
	border-bottom: 1px solid #3e3e41;
}
.in_menu a::before{
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto;
	border: 1px solid #ff4699;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.in_menu a::after{
	content: "";
	vertical-align: middle;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 13px;
	width: 2px;
	height: 2px;
	margin: auto;
	border-top: 1px solid #ff4699;
	border-right: 1px solid #ff4699;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.in_menu a span:before{
	content: '';
	width: 4px;
	height: 4px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	position: absolute;
	top: calc(50% - 2px);
	right: 9px;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#in_area{
	border-top: 1px solid #3e3e41;
}
.fudol4+#in_area{	border-top: none;}

#in_area a::before{
	border: 1px solid #0099ff;
}

#in_area a::after{
	border-top: 1px solid #0099ff;
	border-right: 1px solid #0099ff;
}


#in_area a.in_deli::before{
	border: 1px solid #02a902;
}

#in_area a.in_deli::after{
	border-top: 1px solid #02a902;
	border-right: 1px solid #02a902;
}

.in_menu a i{
	font-style: normal;
	font-size: 12px;
}



/** top_tousen **/

#top_tousen{
	margin: 0 0 0 0;
}

#top_tousen h3{
	margin-bottom: 10px;
}

#top_tousen .swipe_box{
	width: 100%;
	font-size: 0;
	line-height: 0;
	padding-bottom: 15px;
	white-space: nowrap;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.tousen_box_bg{	padding-left: 10px;}

.tousen_box{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 110px;
	margin: 0 10px 0 0;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.tousen_box_in{
	display: inline-block;
	position: relative;
	color: #fff;
}
.tousen_box_in:hover{
	text-decoration: none;
}

.tousen_box_in .tousen_img{
	display: inline-block;
	vertical-align: top;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.tousen_box_in .tousen_img img{
	width: 110px;
	height: auto;
}
.tousen_box_in .tousen_img:after{
	content: '';
	width: 38px;
	height: 68px;
	background: url(./img/top_tousen.png) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: absolute;
	z-index: 2;
	top: 0;
	left: -6px;
}

.tousen_box_in .usbox{
	display: inline-block;
	vertical-align: top;
	position: absolute;
	z-index: 3;
	top: 7px;
	left: 1px;
}

.tousen_box_in .usbox img{
	width: 25px;
	height: auto;
	border-radius: 50%;
}

.tousen_box .t_p1{
	width: 110px;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	padding: 3px 0 2px 0;
	background: rgba(28, 28, 30, 0.9);
	position: absolute;
	bottom: 5px;
	left: 0;
}
.tousen_box .t_p1 .a_girl{
	display: inline-block;
	vertical-align: top;
	width: auto;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}

.tousen_box .t_p1 span{
	color: #999;
	margin: 0 -2px 0 -3px;
}


/** swipe **/

.swipe_wrapper{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
}

.swipe_icon{
	position: absolute;
	top: 65%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
	width: 70px;
	z-index: 100;
	background: url(../img/all/icon_swipe_bg.png) 50% 50% no-repeat;
	background-size: contain;
	display: block;
}

.swipe_icon img{
	position: relative;
	width: 100%;
	display: block;
}

.swipe_icon{
	animation-name: Swipe_hover;
	animation-duration: 5s;
	animation-timing-function: ease-out;
	animation-delay: 0;
	animation-iteration-count: 1;
	animation-fill-mode: backwards;
	opacity: 0;
}
@keyframes Swipe_hover {
	0% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
	90% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
	99% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(0);
		transform: translate(-50%, -50%) scale(0);
	}
}

.swipe_icon.swipe_animation img{
	animation-name: Swipe_anime;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-delay: 0;
	animation-iteration-count: infinite;
	animation-fill-mode: backwards;
}

@keyframes Swipe_anime {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	25% {
		-webkit-transform: translate(5px, 0);
		transform: translate(5px, 0);
	}
	50% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	75% {
		-webkit-transform: translate(-5px, 0);
		transform: translate(-5px, 0);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

.swipe_box{
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.swipe_box .gal > .gal_div{
	width: auto !important;
	margin: 0 2.5px;
}
.swipe_box .gal .gal_div .img img{
	width: 90px !important;
}


/** sp_fgb **/

.sp_fgb{
	padding: 15px 0 10px 0;
	border-top: 2px solid #3e3e41;
}


/** sp_sponser_txt **/

.sp_sponser_txt a{
	display: block;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	margin: 0 10px 10px 10px;
}
.sp_sponser_txt a span{
	display: inline-block;
	vertical-align: top;
	width: 30px;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	text-align: center;
	color: #ff429c;
	border: 1px solid #ff429c;
	margin-right: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sp_sponser_txt a span.info{
	color: #ff8a00;
	border: 1px solid #ff8a00;
}
.sp_sponser_txt a span.i_cont{
	color: #00B050;
	border: 1px solid #00B050;
}
.sp_sponser_txt a em:not([class]){
	font-style: normal;
	color: #ff429c;
}


/** box1 **/

.box1 h4{ padding-right: 2px;}
.shop_all_bg{	border-top: none;}

.box1{
	position: relative;
	display: block;
	color: #fff;
	border-bottom: 1px solid #3e3e41;
	margin: 0;
	padding: 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.box1_a{
	display: block;
	color: #fff;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
}
.box1_a:hover{
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.box1_in{
	position: relative;
	font-size: 0;
	line-height: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.box1_l,
.box1_r{
	position: relative;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.box1_l{
	position: absolute;
	top: 0;
	left: 0;
}

.box1_l img{
	width: 80px;
	height: auto;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
}

.box1_r{
	padding-left: 90px;
}

.box1_r h4{
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #fff;
	margin: 0;
	padding: 3px 2px 2px 2px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.box1_r .sin,
.box1_r .sin_off{
	position: relative;
}

.box1_r .sin_icon{
	display: inline-block;
	width: 45px;
	height: 45px;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	text-align: center;
	color: #fff;
	padding-top: 9px;
	background: url(../img/all/per2.png) no-repeat;
	-webkit-background-size: 45px auto;
	background-size: 45px auto;
	position: absolute;
	z-index: 2;
	top: calc(50% - 23px);
	left: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transform: rotate(-10deg);
	   -moz-transform: rotate(-10deg);
	    -ms-transform: rotate(-10deg);
	     -o-transform: rotate(-10deg);
	        transform: rotate(-10deg);
}
.box1_r .off .sin_icon{
	color: #1c1c1e;
	background: #999;
	border-radius: 3px;
	width: 36px;
	height: 36px;
	padding-top: 5px;
	top: calc(50% - 18px);
	left: 0;
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	     -o-transform: rotate(0deg);
	        transform: rotate(0deg);
}

.box1_r .sin_box{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.box1_r .sin_box .sin_in{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: 270px;
	height: 57px;
	text-align: center;
	margin: 0 auto;
	padding: 0 5px 0 48px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
@media screen and (max-width: 650px) {
	.box1_r .sin_box .sin_in{	width: 210px;}
}

.box1_r .sin_box .sin_in div{
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;
	padding: 0 0 2px 0;
}

.box1_r .sin_box .sin_in div.sin_main{
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
}

.box1_r .sin_box .sin_in div.sin_main span{
	position: relative;
	display: block;
	text-decoration: line-through;
	font-size: 11px;
}

.box1_r .sin_box .sin_in div.sin_main em{
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	color: #ff65b6;
	font-size: 16px;
	line-height: 16px;
}
.box1_r .off .sin_box .sin_in div.sin_main em{	color: #999;}

.box1_r .sin_box .sin_in div.sin_main em i{
	position: relative;
	display: inline-block;
	vertical-align: baseline;
	font-family: "FontA";
	font-style: normal;
	font-weight: normal;
	font-size: 28px;
	line-height: 28px;
	color: #ff65b6;
	background: -webkit-linear-gradient(top, #ff9ee0 20%, #ff429c 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.box1_r .off .sin_box .sin_in div.sin_main em i{
	color: #999;
	background: none;
	-webkit-background-clip: inherit;
	-webkit-text-fill-color: inherit;
}

.box1_r .sin_box .sin_in p{
	width: 100%;
	font-size: 11px;
	line-height: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0 auto;
}
@media screen and (max-width: 650px) {
	.box1_r .sin_box .sin_in p{
		width: calc(100vw - 110px);
	}
}

.box1 .spe_icon{
	font-size: 0;
	line-height: 0;
	text-align: center;
	background: #28282a;
}
.box1 .spe_icon img{
	display: inline-block;
	vertical-align: top;
	width: 25px;
	height: auto;
	margin: 0 0.5px;
}



	.nofavo .box1 h4,
	#hotel_shop .box1 h4{	padding-right: 2px;}
	.nofavo .box1 .ch p,
	#hotel_shop .box1 .ch p{	padding-right: 0;}




/** area_box **/
.enter_exp .areabox{
	position: relative;
    display: block;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    cursor: pointer;
    border-bottom: 1px solid #3e3e41;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.enter_exp .areabox a{
	color: #fff;
	padding: 12px 10px 12px 8px;
	display: flex;
}

.enter_exp .areabox span{
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	margin: -2px 8px 0 0;
}

.enter_exp .areabox:nth-of-type(1) span{	color: #62c2ff;}
.enter_exp .areabox:nth-of-type(2) span{	color: #46fcf0;}
.enter_exp .areabox:nth-of-type(3) span{	color: #41f5bc;}
.enter_exp .areabox:nth-of-type(4) span{	color: #4bea8e;}
.enter_exp .areabox:nth-of-type(5) span{	color: #91f46b;}
.enter_exp .areabox:nth-of-type(6) span{	color: #daf465;}
.enter_exp .areabox:nth-of-type(7) span{	color: #ffe95c;}
.enter_exp .areabox:nth-of-type(8) span{	color: #ffbb4b;}
.enter_exp .areabox:nth-of-type(9) span{	color: #ff9e44;}
.enter_exp .areabox:nth-of-type(10) span{	color: #ff7544;}

.enter_exp .areabox:after{
	content: '';
	width: 4px;
	height: 4px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	position: absolute;
	top: calc(50% - 2px);
	right: 9px;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}


#twitter_box{
	padding: 15px 15px;
}



/** enter shop_onebox **/

.enter span.circle{
	position: relative;
	width: 8px;
	height: 8px;
	background: currentColor;
	border-radius: 50%;
	font-size: 0;
	line-height: 0;
	line-height: 1;
	margin-right: 8px;
	margin-left: 11px;
	margin-top: -3px;
}
.enter span.circle:after{
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #1c1c1e;
	position: absolute;
	top: 2px;
	left: 2px;
}
.enter_area .area_add a{
	padding-left: 8px;
}


.shop_onebox{
	background: #000;
	padding: 15px 10px 30px 15px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.enter_area .area_add + .shop_onebox{ border-bottom: 1px solid #3e3e41;}

.shop_onebox+.enter{
	border-top: 1px solid #3e3e41;
}
.shop_onebox .box1{
	max-width: 400px;
	margin: 0 auto;
	background: #1c1c1e;
	border: 1px solid #3e3e41;
	border-radius: 5px;
}
.shop_onebox .box1_a{
	width: 100%;
	display: block;
	padding: 0;
	border-bottom: none;
}
.shop_onebox .box1_a:before{	display: none;}




/** gravure **/

#gravure{
	text-align: center;
	padding: 0 0 30px 0;
}

.gra_list{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	font-size: 0;
	line-height: 0;
	text-align: left;
	padding: 10px 9.5px 9px 9.5px;
}

.shou_box{
	position: relative;
	display: inline-flex;
	color: #fff;
	margin: 0 0.5px 1px 0.5px;
}

.shou_box:nth-of-type(1){
	grid-column: 1 / 3;
	grid-row: 1 / 3;
}
.shou_box:nth-of-type(4){
	grid-column: 1 / 2;
	grid-row: 3 / 4;
}
.shou_box:nth-of-type(5){
	grid-column: 2 / 3;
	grid-row: 3 / 4;
}
.shou_box:nth-of-type(6){
	grid-column: 3 / 5;
	grid-row: 2 / 4;
}

.shou_box .img{
	display: block;
	width: 100%;
	height: auto;
	max-height: auto;
	overflow: hidden;
	aspect-ratio: 1 / 1;
}
.shou_box .img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

.gra_bt{
	display: inline-flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: 160px;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	color: #ff65ae;
	background: -webkit-linear-gradient(top, #ffd0f0 20%, #ff65ae 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	border: 1px solid #fff;
	border-radius: 15px;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.gra_bt:hover{
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/** news **/
#news{
	padding: 15px 10px 5px 10px;
	border-bottom: 1px solid #3e3e41;
}

#news .urbox{
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	margin: 0 0 15px 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#news .urbox_l,
#news .urbox_r{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#news .urbox_l{
	width: 50px;
	text-align: left;
}

#news .urbox_l span{
	display: inline-block;
	vertical-align: top;
	width: 40px;
	font-size: 10px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
	color: #fff;
	background: #3e3e41;
	border-radius: 2px;
}

#news .urbox_r{
	width: calc(100% - 50px);
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}

#news .urbox:nth-child(6n+1) .urbox_r{	color: #00d2ff;}
#news .urbox:nth-child(6n+2) .urbox_r{	color: #ff86c1;}
#news .urbox:nth-child(6n+3) .urbox_r{	color: #1eff69;}
#news .urbox:nth-child(6n+4) .urbox_r{	color: #c876ff;}
#news .urbox:nth-child(6n+5) .urbox_r{	color: #ff7e00;}
#news .urbox:nth-child(6n+6) .urbox_r{	color: #ffec48;}


.search_cm{
	text-align: center;
	padding: 25px 0 10px 0;
	background: #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.search_cm p{
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 5px;
}

.search_cm img{
	width: 280px;
	height: auto;
}
.search_cm img.lazy[src*="loader.png"]{ height: 28px;}


/*=================================================
 * CSS for SP
 * ================================================= */

@media screen and (max-width: 650px) {

	#top_exp .fugal::-webkit-scrollbar {
		display: none;
	}

	.swipe_box::-webkit-scrollbar {
		display: none;
	}


}