/** web font **/
.font1{	font-family: "Anton", serif;}/** webフォント指定 **/
@media screen and (max-width: 650px) {
	.sub_info a, .sub_info em:nth-of-type(2), .sub_info em:nth-of-type(3){	font-family: "Anton", serif;}
}

/***** footer *****/
footer{	width: 100%; margin: 0;}
#textlink{	background-color: rgba(18,176,60, 0.95);}
#footer{	background-color: rgba(255,255,255, 0.95);}
.tx_f1, .tx_f1:hover{	color: #FF5AB0;}
.tx_g1, .tx_g1:hover{	color: #FFFFFF;}
.tx_g2, .tx_g2:hover{	color: rgba(255,255,255, 0.3);}
.tx_h1, .tx_h1:hover{	color: #FF5AB0;}
.tx_i1, .tx_i1:hover{	color: #333333;}
.tx_j1, .tx_j1:hover{	color: #666666;}
.bd_n{ border-color: rgba(255,90,176, 0.3);}

/***** main contents *****/
body.bg_i1{	background-color: #FFFFFF;}
/*認証背景*/
#index_body{
    background-image: url(../../img/pic/bg.jpg);
    background-repeat: no-repeat;
background-attachment: fixed;

    background-position: top center;
    -webkit-background-size: cover;
background-size: cover;

}
/*中ページ背景*/
#companion_body{
    background-image: url(../../img/pic/bg_page.jpg);
    background-repeat: no-repeat;
background-attachment: fixed;

    background-position: top center;
    -webkit-background-size: cover;
background-size: cover;

}
/*トップページ背景*/
#toppage_body{
    background-image: url(../../img/pic/bg_top.jpg) ;
    background-repeat: no-repeat;
background-attachment: fixed;

    background-position: top center;
    -webkit-background-size: cover;
background-size: cover;

}
.bg_i1{	background-color: rgba(255,255,255, 0.95)}
.bg_j1{	background-color: rgba(255,255,255, 0.7);}
#cnt.bg_j1{	background-color: rgba(255,255,255, 0)}
#toppage_body #cnt > .bg_j1:nth-of-type(odd),
#cnt > div > .bg_j1:nth-of-type(odd){	background-color: rgba(255,255,255, 0)}

.bg_k1{	background-color: rgba(255,90,176, 1);}
.bg_l1{	background-color: rgba(255,138,0, 0.95);}
.bg_m1{	background-color: rgba(255,70,70, 0.95);}
.bg_n1{	background-color: rgba(145,145,255, 0.95);}
.bg_o1{	background-color: rgba(66,195,59, 0.95);}
.bg_p1{	background-color: rgba(225,255,224, 0.95);}
.voicebox_r:after{
    border-style: solid;
    border-width: 13px 16px 13px 0;
    border-color: transparent rgba(225,255,224, 0.95) transparent transparent;
}
@media screen and (max-width: 650px) {
    .voicebox_r:after{
        border-style: solid;
        border-width: 9px 10px 9px 0;
        border-color: transparent rgba(225,255,224, 0.95) transparent transparent;
    }
}
.bg_x1{
	background: -webkit-linear-gradient(90deg, rgba(255,255,242, 0.95) 0%, rgba(255,255,242, 0.95) %, rgba(255,255,242, 0.95) 100%);
	background: -moz-linear-gradient(90deg, rgba(255,255,242, 0.95) 0%, rgba(255,255,242, 0.95) 49%, rgba(255,255,242, 0.95) 100%);
	background: -o-linear-gradient(90deg, rgba(255,255,242, 0.95) 0%, rgba(255,255,242, 0.95) 49%, rgba(255,255,242, 0.95) 100%);
	background: -ms-linear-gradient(45deg, rgba(255,255,242, 0.95) 0%, rgba(255,255,242, 0.95) 49%, rgba(255,255,242, 0.95) 100%);
	background: linear-gradient(90deg, rgba(255,255,242, 0.95) 0%, rgba(255,255,242, 0.95) 49%, rgba(255,255,242, 0.95) 100%);
}
.bg_com{	background-color: rgba(255,252,179, 0.95)}
.tx_u1, .tx_u1:hover{	color: #333333;}
.tx_v1, .tx_v1:hover, a{	color: #FF6666;}
.tx_w1, .tx_w1:hover{	color: #FF73BE;}
.tx_x1, .tx_x1:hover, .tx_x1 .sat, .tx_x1:hover .sat, .tx_x1 .sun, .tx_x1:hover .sun{	color: #FFFFFF;}
.sat, .sat:hover{	color: #0066FF;}
.sun, .sun:hover{	color: #FF0000;}
.bd_e{	border-color: #DDDDDD;}
#maga_r .linksite_bt h4:before,
#maga_r .linksite_bt h4:after{ border-color: #DDDDDD;}


/***** header *****/
.tx_k1{	color: #FF5AB0;}
.tx_l1{	color: #ff44b2;}
.tx_m1{	color: #333333;}


/***** hinfo *****/
.tx_q1{	color: #FFFFFF;}
.bd_q1{	border-color: #FFFFFF;}
#hinfo .hopen span:before,
#hinfo .hopen span:after{	background-color: #FFFFFF;}
.bg_q1,
#hinfo .htel span:after{ background-color: rgba(18,176,60, 0.85);}

/***** menu *****/
.tx_n1{	color: #FFE957;}
.bd_n1{	border-color: #FF4D94;}
.tx_o1{	color: #FFFFFF;}
.tx_n1:before{
	position:absolute;
	top:0;
	left:0;
	display:block;
	content:attr(title);
	color:rgba(255,255,100,1);
	-webkit-mask-image:-webkit-linear-gradient(top, rgba(255,255,100,0) 20%, rgba(255,255,100,1) 40%, rgba(255,255,100,0) 80%);
}
.bg_u1{
	background: rgba(255,107,181, 0.95); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,107,181, 0.95) 0%, rgba(255,143,199, 0.95) 50%, rgba(255,107,181, 0.95) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,107,181, 0.95) 0%,rgba(255,143,199, 0.95) 50%,rgba(255,107,181, 0.95) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,107,181, 0.95) 0%,rgba(255,143,199, 0.95) 50%,rgba(255,107,181, 0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,107,181, 0.95)', endColorstr='rgba(255,107,181, 0.95)',GradientType=0 ); /* IE6-9 */
}
.bd_u1{	border-color: rgba(255,107,181, 0.95)}
.in_u1{
	box-shadow:0px 1px 0px 0px rgba(255,143,199, 0.95) inset,0px -1px 0px 0px rgba(255,143,199, 0.95) inset;
	-moz-box-shadow:0px 1px 0px 0px rgba(255,143,199, 0.95) inset,0px -1px 0px 0px rgba(255,143,199, 0.95) inset;
	-webkit-box-shadow:0px 1px 0px 0px rgba(255,143,199, 0.95) inset,0px -1px 0px 0px rgba(255,143,199, 0.95) inset;
}


/***** page_title pan *****/
.bd_i:after{	border-color: rgba(255,255,242, 0.95);}
.bd_j:before, .bd_j:after{	border-color: rgba(255,173,214, 1);}
.tx_a2{	color: #FF5AB0;}
.tx_b2{	color: #333333;}
.tx_c2{	color: rgba(102,102,102, 0.3);}
.tx_c2 span , .tx_c2 span:hover , .tx_c2 a , .tx_c2 a:hover{ color: rgba(102,102,102, 1);}
.bg_r1:before{
	position:absolute;
	top:0;
	left:0;
	display:block;
	content:attr(title);
	color:rgba(255,140,201,1);
	-webkit-mask-image:-webkit-linear-gradient(top, rgba(255,140,201,0) 20%, rgba(255,140,201,1) 40%, rgba(255,140,201,0) 80%);
}


/***** TOP *****/
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{	background: #FF6666;}
.bx-wrapper .bx-pager.bx-default-pager a{	background: rgba(221,221,221, 0.8);}
.bg_f2{
	background: -webkit-linear-gradient(90deg, rgba(255,222,0, 0.95) 0%, rgba(255,237,71, 0.95) 49%, rgba(255,222,0, 0.95) 100%);
	background: -moz-linear-gradient(90deg, rgba(255,222,0, 0.95) 0%, rgba(255,237,71, 0.95) 49%, rgba(255,222,0, 0.95) 100%);
	background: -o-linear-gradient(90deg, rgba(255,222,0, 0.95) 0%, rgba(255,237,71, 0.95) 49%, rgba(255,222,0, 0.95) 100%);
	background: -ms-linear-gradient(90deg, rgba(255,222,0, 0.95) 0%, rgba(255,237,71, 0.95) 49%, rgba(255,222,0, 0.95) 100%);
	background: linear-gradient(90deg, rgba(255,222,0, 0.95) 0%, rgba(255,237,71, 0.95) 49%, rgba(255,222,0, 0.95) 100%);
}
.sd_a{
	box-shadow:0px 0px 0px 1px #FFED47 inset;
	-moz-box-shadow:0px 0px 0px 1px #FFED47 inset;
	-webkit-box-shadow:0px 0px 0px 1px #FFED47 inset;
}
.bd_a{ border-color: #FFDE00;}

.tx_d1{	color: #FF5AB0;}
.tx_d1:before{
	position:absolute;
	top:0;
	left:0;
	display:block;
	content:attr(title);
	color:rgba(255,158,197,1);
	-webkit-mask-image:-webkit-linear-gradient(top, rgba(255,158,197,0) 20%, rgba(255,158,197,1) 40%, rgba(255,158,197,0) 80%);
}
.tx_e1{ color: #333333;}
.bd_h{ border-color: #DDDDDD;}
.bg_v1{	background-color: rgba(255,255,255, 0.95);}
.tx_d2{	color: #FFFFFF;}
.bg_z1{	background-color: rgba(211,250,210, 0.9);}

.bg_w1{	background-color: rgba(211,250,210, 0.95);}
.movie h3:after{
    border-style: solid;
    border-width: 10px 5px 0 0;
    border-color: rgba(211,250,210, 0.95) transparent transparent transparent;
}
.tx_u2{	color: #10A137;}
.ititle .icon:before{
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #10A137;}
.slick-prev,
.slick-next,
ul#slideIcon li,
.bx-wrapper .bx-controls-direction a{	color: #FFFFFF; background: rgba(255,90,176,0.9);}

.bg_y1{	background-color: rgba(255,68,178, 0.9);}

#schedule li .s_on{
	color: #FF5AB0;
	box-shadow:0px 0px 0px 1px #FF5AB0 inset;
	-moz-box-shadow:0px 0px 0px 1px #FF5AB0 inset;
	-webkit-box-shadow:0px 0px 0px 1px #FF5AB0 inset;
}
#schedule li .s_on span,
#schedule.sche_a .s_on{
	background-color: #FF5AB0;
}
#schedule.sche_a .sbox td .yoman{
    background-color: rgba(255,255,255, 0.7);
}

.list .obi.now,
.list .waitbar p.w_blue{
    background-color: rgba(0,102,255, 0.7);
}
.list .obi.tk,
.list .waitbar p.w_red{
    background-color: rgba(255,0,0, 0.7);
}
.list .obi.yoman{
    color: rgba(255,255,255, 1);
    background-color: rgba(51,51,51, 0.7);
}

@keyframes kk1_color{
    0% {opacity:0;background: rgba(255,0,0, 0.7);}
    33.3% {opacity:1;background: rgba(255,0,0, 0.7);}
    66.6% {opacity:1;background: rgba(0,102,255, 0.7);}
    100% {opacity:0;background: rgba(255,0,0, 0.7);}
}
@keyframes kk4_color{
    0% {opacity:0;background: rgba(255,0,0, 0.7);}
    20% {opacity:1;background: rgba(255,0,0, 0.7);}
    40% {opacity:1;background: rgba(255,0,0, 0.7);}
    60% {opacity:1;background: rgba(255,0,0, 0.7);}
    80% {opacity:1;background: rgba(0,102,255, 0.7);}
    100% {opacity:0;background: rgba(255,0,0, 0.7);}
}


.linetm_bt .linetm_bt_line{ color: rgba(255,90,176, 1); background-color: #FFFFFF;}

.shopinfo_bt a, shopinfo_bt a:hover{ color: #FFFFFF;}
.shopinfo_bt a span{ color: rgba(0,205,39, 1); background-color: #FFFFFF;}
.shopinfo_bt a span.material-icons{ color: rgba(255,90,176, 1); background-color: #FFFFFF;}
.shopinfo_bt a.bg_d2{ background: rgba(255,90,176, 1);}
.shopinfo_bt a.bg_e2{ background: rgba(0,205,39, 1);}
#page-top .bg_sms span, .shopinfo_bt a.bg_sms span.material-icons{ color: rgba(0,178,232, 1); background-color: #FFFFFF;}
#page-top .bg_sms, .shopinfo_bt .bg_sms{  background: rgba(0,178,232, 1)}

.fixbt_mess, fixbt_mess:hover{ color: #FFFFFF;}
.fixbt_mess{ background-color: rgba(255,255,255, 1);}

.rbox .linetm_bt{ background-color: rgba(0,205,39, 1); color: #FFFFFF;}
.rbox .linetm_bt .linetm_bt_line{ color: rgba(0,205,39, 1); background-color: #FFFFFF;}


/***** STAFF *****/
.bg_a2{	background-color: #fed3eb;}/** 削除予定:一覧写真の背景 **/

/***** SYSTEM *****/
.bd_l{	border-color: rgba(225,255,224, 0.95);}
.sd_b{
	box-shadow:0px 0px 0px 1px rgba(255,255,255, 0.5) inset;
	-moz-box-shadow:0px 0px 0px 1px rgba(255,255,255, 0.5) inset;
	-webkit-box-shadow:0px 0px 0px 1px rgba(255,255,255, 0.5) inset;
}


/***** PROF *****/
.bd_m{	border-color: #FFFFFF;}
.bg_c2{	background-color: #FFFFFF;}
.ok{
	color: #FF5AB0;
	border-color: #FF5AB0;
}

#prof .taiki_icon_on,
#prof #toku .time,
#prof #toku .or{
    background-color: rgba(255,0,0, 0.7);
}
#prof #toku .time:after{
    border-color: rgba(255,0,0, 0.7) transparent transparent transparent;
}
#prof #toku .tkbox_r{
    color: #FF5AB0;
    background-color: #FFFFFF;
}
#prof #toku .conditions{   border-color: #FF73BE;}


/*************************
SNS
*************************/
.sns_bt a{  background-color: rgba(255,90,176, 1);}
.sns_bt span{   background-color: rgba(51,51,51, 0.1);}



/***** INDEX *****/
#index_body .tx_k1{	color: #FF5AB0;}
.bg_a1{ background-color: #FFFFFF; }
.bg_b1{	background-color: rgba(255,255,255, 0.95);}
.bg_c1{	background-color: #12B03C;}
.bg_d1, nav:before{ background-color: #FF5AB0; }
.bg_e1{
	background: -webkit-linear-gradient(0deg, rgba(255,222,0, 1) 0%, rgba(255,237,71, 1) 49%, rgba(255,222,0, 1) 100%);
	background: -moz-linear-gradient(0deg, rgba(255,222,0, 1) 0%, rgba(255,237,71, 1) 49%, rgba(255,222,0, 1) 100%);
	background: -o-linear-gradient(0deg, rgba(255,222,0, 1) 0%, rgba(255,237,71, 1) 49%, rgba(255,222,0, 1) 100%);
	background: -ms-linear-gradient(0deg, rgba(255,222,0, 1) 0%, rgba(255,237,71, 1) 49%, rgba(255,222,0, 1) 100%);
	background: linear-gradient(0deg, rgba(255,222,0, 1) 0%, rgba(255,237,71, 1) 49%, rgba(255,222,0, 1) 100%);
}
.tx_a1{	color: #333333;}
.tx_b1{ color: #FF5AB0;}
.tx_c1{	color: #FFFFFF;}
#index_body footer{ border-color: rgba(18,176,60, 0.95);}

/***** PAGE TITLE ULINE *****/

/***** TOP TITLE ULINE *****/


/** individual img **/
header.header_a{}
header.header_b{
	background-image: url(../../img/tmp/pc_header.png);
	background-repeat: no-repeat;
	background-position: top center;
}
header.header_b h1{	height: 250px;}

#toppage_body header.header_a,
#toppage_body header.header_b{
	background-image: url(../../img/tmp/pc_top_header.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#toppage_body header.header_a h1,
#toppage_body header.header_b h1{	height: calc(650px - 110px)}
#index_body header{
	padding-bottom: 450px;
	background-image: url(../../img/pic/index_a.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}

/***** for SP *****/
@media screen and (max-width: 650px) {
	/** SP **/
    body{	background: #FFFFFF !important;}
    /*認証背景*/
	#index_body:before{
		background: url(../../img/pic/bg_ipn.jpg) no-repeat top center;
		-webkit-background-size: cover;
		background-size: cover;
    }
    /*中ページ背景*/
    #companion_body:before{
		background: url(../../img/pic/bg_ipn_page.jpg) no-repeat top center;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
    }
    /*トップページ背景*/
    #toppage_body:before{
        background: url(../../img/pic/bg_ipn_top.jpg) no-repeat top center;
        -webkit-background-size: cover;
        background-size: cover;
    }
	#topimg{
		background: url(../../img/tmp/sp_header.png) center center / cover no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		padding-top: calc(( / 2) / 375 * 100%);
    }
	#toppage_body #topimg{
		background: url(../../img/tmp/sp_top_header.png) center center / cover no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		padding-top: calc((800 / 2) / 375 * 100%);
		height: calc(250px - 100px);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#toppage_body #ad_div + header + nav + #topimg{
		height: calc(250px - 135px);
	}
	header.header_a, header.header_b,#toppage_body header.header_a,#toppage_body header.header_b{
		background-image: none;
	}
    header.bg_s1{    background-color: rgba(255,90,176, 0.95);}
    #navToggle button{    background-color: rgba(255,90,176, 0.95);}
    #navToggle button span,#navToggle button span:before,#navToggle button span:after{   border-color: rgba(255,255,255, 1);}
    .sp_navinfo{    background-color: rgba(225,255,224, 0.95)}
	#index_body #topimg{
		width: 100%;
		height: auto;
		position: relative;
		margin: 0 0 0 0;
		padding-top: calc((800 / 2) / (750 / 2) * 100%);
		padding-bottom: 0;
		background: url(../../img/pic/index_ipn.png) top center / cover no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
	}
	.bd_sp1 span , .bd_sp1 span:before , .bd_sp1 span:after{	border-color: rgba(255,255,255,1);}
	.bd_sp1{	border-color: rgba(255,255,255,0.3);}

	/** SP menu **/
	nav.bg_u1{
		background: rgba(255,255,255, 0.95);
	}
	.tx_o1, .tx_n1{	color: #333333;}
	.bd_n1{	border-color: #DDDDDD;}

	.bg_d2{	background: rgba(255,90,176, 1);}
	.bg_e2{	background: rgba(0,205,39, 1);}
	.bg_t1{	background-color: rgba(255,68,178, 0.9);}
	.bg_g1{	background-color: rgba(255,255,255, 0.9);}
	.bg_f1{	background-color: rgba(255,68,178, 0.9);}
	.bg_h1{	background-color: rgba(255,255,204, 0.9);}
	.bg_j1{	background-color: rgba(255,255,255, 0.0);}
	#toppage_body #cnt > .bg_j1:nth-of-type(odd),
	#cnt > div > .bg_j1:nth-of-type(odd){	background-color: rgba(255,255,255, 0.0)}
	.bg_v1{	background-color: rgba(255,255,255, 0.95);}
	.bg_p1{	background-color: rgba(225,255,224, 0.95);}
	.bg_com{ background-color: rgba(255,252,179, 0.95)}
	.bg_i1{	background-color: rgba(255,255,255, 0.95)}
	.bg_b1{	background-color: rgba(255,255,255, 0.95);}
	#footer{	background-color: rgba(255,255,255, 0.95);}
	#index_body footer{ border-color: rgba(18,176,60, 0.95);}
	.bg_q1 , #hinfo .htel span:after{ background-color: rgba(18,176,60, 0.95);}
	.bg_f2{
		background: -webkit-linear-gradient(90deg, rgba(255,222,0, 0.95) 0%, rgba(255,237,71, 0.95) 49%, rgba(255,222,0, 0.95) 100%);
		background: -moz-linear-gradient(90deg, rgba(255,222,0, 0.95) 0%, rgba(255,237,71, 0.95) 49%, rgba(255,222,0, 0.95) 100%);
		background: -o-linear-gradient(90deg, rgba(255,222,0, 0.95) 0%, rgba(255,237,71, 0.95) 49%, rgba(255,222,0, 0.95) 100%);
		background: -ms-linear-gradient(90deg, rgba(255,222,0, 0.95) 0%, rgba(255,237,71, 0.95) 49%, rgba(255,222,0, 0.95) 100%);
		background: linear-gradient(90deg, rgba(255,222,0, 0.95) 0%, rgba(255,237,71, 0.95) 49%, rgba(255,222,0, 0.95) 100%);
	}
	.bg_x1{
		background: -webkit-linear-gradient(90deg, rgba(255,255,242, 0.95) 0%, rgba(255,255,242, 0.95) %, rgba(255,255,242, 0.95) 100%);
		background: -moz-linear-gradient(90deg, rgba(255,255,242, 0.95) 0%, rgba(255,255,242, 0.95) 49%, rgba(255,255,242, 0.95) 100%);
		background: -o-linear-gradient(90deg, rgba(255,255,242, 0.95) 0%, rgba(255,255,242, 0.95) 49%, rgba(255,255,242, 0.95) 100%);
		background: -ms-linear-gradient(90deg, rgba(255,255,242, 0.95) 0%, rgba(255,255,242, 0.95) 49%, rgba(255,255,242, 0.95) 100%);
		background: linear-gradient(90deg, rgba(255,255,242, 0.95) 0%, rgba(255,255,242, 0.95) 49%, rgba(255,255,242, 0.95) 100%);
	}
	.bd_i{	border-color: rgba(255,255,242, 0.95);}
	.bg_w1{	background-color: rgba(211,250,210, 0.95);}
    .movie h3:after{
        border-style: solid;
        border-width: 10px 5px 0 0;
        border-color: rgba(211,250,210, 0.95) transparent transparent transparent;
    }
	#textlink{
		border-color: rgba(18,176,60, 0.95);
		background-color: rgba(255,255,255, 0.95);
	}
	.tx_g1{	border-color: #DDDDDD;}
	.tx_g1 , .tx_g1:hover{	color: #333333;}
	#page-top{ background-color: rgba(255,255,255, 0.95);}
	#page-top a, #page-top a:hover{ color: #FFFFFF;}
    #page-top a span.page-top-tel{ color: rgba(255,90,176, 1); background-color: #FFFFFF;}
    #page-top a span.page-top-line{ color: rgba(0,205,39, 1); background-color: #FFFFFF;}
	#ad_div a{
		background-color: rgba(255,255,255, 1);
		border-bottom-color: rgba(18,176,60, 1) !important;
		color: #FFFFFF;
		box-shadow: 0 0 0 2px rgba(255,255,255, 1) inset , 0 0 0 4px rgba(255,255,255, 0.4) inset;
	}
	#ad_div a span{ color: #FFFFFF;}
	#ad_div a span:after{ border-bottom-color: rgba(255,255,255, 1);}
    #blog_l #next{    border-color: rgba(221,221,221,1);}


    

	/***** PAGE TITLE ULINE *****/

	/***** TOP TITLE ULINE *****/

}