/*************************
ALL
*************************/
body{ background: #ffffff;
background: -moz-linear-gradient(left, #ffffff 10%, #f5f5f5 50%, #ffffff 90%);
background: -webkit-linear-gradient(left, #ffffff 10%,#f5f5f5 50%,#ffffff 90%);
background: linear-gradient(to right, #ffffff 10%,#f5f5f5 50%,#ffffff 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ffffff",GradientType=1 ); }
body, a, a:hover, .tx_a, .tx_a:hover{	color: #333333;}
.tx_link, .tx_link:hover{	color: rgba(204,0,0, 1);}
body:before{
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: cover;
	background-size: cover;
}
header{
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	-webkit-background-size: auto 60px;
	background-size: auto 60px;
}
body#index:before,
body#toppage_body:before{
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: cover;
	background-size: cover;
}
body#toppage_body header{
		background: url(../images/header2.png) center center / cover no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		padding-top: calc((650px / 750) * 450);
		height: 60vh;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}

@media screen and (max-width: 650px) {
	body#toppage_body header{
		padding-top: calc((100% / 750) * 450);
	}
}

.sat{	color: rgba(0,102,255, 1);}
.sun{	color: rgba(255,0,0, 1);}

#ad_div a{
	background-color: rgba(57,165,255, 1);
	color: #FFFFFF;
	box-shadow: 0 0 0 2px rgba(57,165,255, 1) inset , 0 0 0 4px rgba(255,255,255, 0.4) inset;
}


/*************************
NAVTOGGLE
*************************/
#navToggle button{
	background-color: rgba(255,80,127, 0.95);
}
#navToggle button span,
#navToggle button span:before,
#navToggle button span:after{	border-color: rgba(255,255,255, 1);}

/*************************
NAV
*************************/
body:after{
	background-color: rgba(23,23,23, 0.95);
}

nav #navshop{
	color: rgba(255,80,127, 1);
    background-color: rgba(255,80,127, 0.1);
}

nav li{	border-color: rgba(255,80,127, 0.2);}

nav li a,
nav li a:hover{
	color: rgba(255,80,127, 1);
}
nav li a:before{
	border-color: rgba(255,80,127, 1);
}
nav li a:after{
	border-style: solid;
    border-width: 2px 0 2px 3px;
    border-color: transparent transparent transparent rgba(255,80,127, 1);
}

.navarea{
	color: rgba(255,80,127, 1);
}
.nav_contact,
.nav_contact a,
.nav_contact a:hover{
	color: rgba(255,80,127, 1);
}
.nav_contact span i{
	    color: rgba(255,250,251, 1);
    background-color: rgba(255,80,127, 1);
}


/*************************
MAIN
*************************/

.page_title{
	background: #ff4ba8;
    background: linear-gradient(90deg,#ff3aa0 0,#ff6bb7 50%,#ff3aa0 99%);
    border: 1px solid #f9c;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbbaff', endColorstr='#99dfff',GradientType=1 );
}
.page_title em{	color: rgba(255,255,255, 1);}
.page_title em:before{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: attr(title);
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(168,152,111,0) 20%, rgba(168,152,111,1) 40%, rgba(168,152,111,0) 80%);
}
.page_title em:after{	border-color: rgba(255,255,255, 1);}
.page_title span{ color: rgba(0,0,0, 1);}

.inbox > div:nth-of-type(odd),
#sche_a .schebox{
	color: rgba(51,51,51, 1);
	background-color: rgba(255,255,255, 0.9);
}
.inbox > div:nth-of-type(odd) .s_title em{	color: #ff3da1;}
.inbox > div:nth-of-type(odd) .s_title span{	color: rgba(167,153,111,1);}
.inbox > div:nth-of-type(odd) .s_title span:before{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: attr(title);
	color: rgba(167,153,111,1);
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(167,153,111,0) 20%, rgba(167,153,111,1) 40%, rgba(167,153,111,0) 80%);
}
.inbox > div:nth-of-type(odd) .tx,
#sche_a .schebox .s_top .tx,
#sche_a .schebox .s_sche .tx{	color: rgba(66,41,0, 1);}
.inbox > div:nth-of-type(odd) .tx2{	color: rgba(204, 204, 204, 1);}
.inbox > div:nth-of-type(odd) .bd{	border-color: rgba(51,51,51, 0.1);}
.inbox > div:nth-of-type(odd) .bg{	background-color: rgba(51,51,51, 0.1);}
#access .inbox > div:nth-of-type(odd) .add dt{ border-color: rgba(167,153,111, 0.1);}
.inbox > div.info:nth-of-type(odd) .infobox span{ color: rgba(51,51,51, 1);}

.inbox > div:nth-of-type(even){
	color: rgba(51,51,51, 1);
	background-color: rgba(255,255,255, 0.6);
}
.inbox > div:nth-of-type(even) .s_title em{	    color: #92A2E8;}
.inbox > div:nth-of-type(even) .s_title span{	color: rgba(167,153,111,1);}
.inbox > div:nth-of-type(even) .s_title span:before{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: attr(title);
	color: rgba(167,153,111,1);
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(167,153,111,0) 20%, rgba(167,153,111,1) 40%, rgba(167,153,111,0) 80%);
}
.inbox > div:nth-of-type(even) .tx{	color: rgba(0,39,58, 1);}
.inbox > div:nth-of-type(even) .tx2{	color: rgba(204, 204, 204, 1);}
.inbox > div:nth-of-type(even) .bd{	border-color: rgba(51,51,51, 0.1);}
.inbox > div:nth-of-type(even) .bg{	background-color: rgba(51,51,51, 0.1);}
#access .inbox > div:nth-of-type(even) .add dt{ border-color: rgba(167,153,111, 0.1);}
.inbox > div.info:nth-of-type(even) .infobox span{ color: rgba(51,51,51, 1);}


/*************************
ASIDE
*************************/

.as_menu a{
	color: rgba(51,51,51, 1);
	background-color: rgba(255,255,255, 0.9);
}
#sche_a .schebox .s_sche{
	color: rgba(51,51,51, 1);
	background-color: rgba(51,51,51, 0.05);
}

.as_tel, .as_tel:hover{
	color: rgba(255,255,255, 1);
    background-color: rgba(255,80,127, 0.95);
}
.as_tel span i{
	color: rgba(255,153,204, 1);
	background-color: rgba(255,255,255, 1);
}
.as_line, .as_line:hover{
	color: rgba(255,255,255, 1);
	background-color: rgba(0,205,39, 0.9);
}
.as_line span i{
	color: rgba(0,205,39, 0.9);
	background-color: rgba(255,255,255, 1);
}


/*************************
FOOTER
*************************/
footer , footer a, footer a:hover{	color: #000000;}
footer{	
	background-color: rgba(255,153,204, 0.95);
 
}
footer .foot_dis{	border-color: rgba(255,255,255, 0.1);}
footer #copyright , footer #copyright a , footer #copyright a:hover{	color: #CCCCCC;}


/*************************
PAGETOP
*************************/

#page-top a{	color: rgba(255,255,255, 1);}
#page-top:after{ background-color: rgba(255,80,127, 0.95); }

.fbt_home,
.fbt_tel{	background-color: rgba(36,153,255, 1);}
.fbt_top{	background-color: rgba(241,81,124, 1);}

.fbt_tel span i{
	color: rgba(57,165,255, 1);
	background-color: rgba(255,255,255, 1);
}


/*************************
SNS
*************************/

.sns_bt a{	background-color: rgba(57,165,255, 1);}
.sns_bt span{	background-color: rgba(255,255,255, 0.1);}/**修正**/
.sns_bt img{	filter: invert();}


/*************************
INDEX
*************************/

body#index{
	background: #ffffff;
background: -moz-linear-gradient(left, #ffffff 10%, #f5f5f5 50%, #ffffff 90%);
background: -webkit-linear-gradient(left, #ffffff 10%,#f5f5f5 50%,#ffffff 90%);
background: linear-gradient(to right, #ffffff 10%,#f5f5f5 50%,#ffffff 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ffffff",GradientType=1 );/***修正***/
}

body#index:before{
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: cover;
	background-size: cover;
}

body#index header{
	width: 100%;
    max-width: 650px;
	height: auto;
	position: relative;
	margin: 0 auto;
	padding-top: calc((650px / 750) * 450);
	padding-bottom: 0;
	background: url(../images/index.png) center center / cover no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

@media screen and (max-width: 650px) {
	body#index header{
		padding-top: calc((100% / 750) * 450);
	}
}

body#index .enter a{
	color: rgba(255,255,255, 1);
	border-color: rgba(57,165,255, 1);
	background: rgba(23,23,23, 0.9); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(23,23,23, 0.9) 0%, rgba(23,23,23, 0.9) 50%, rgba(23,23,23, 0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(23,23,23, 0.9) 0%,rgba(23,23,23, 0.9) 50%,rgba(23,23,23, 0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(23,23,23, 0.9) 0%,rgba(23,23,23, 0.9) 50%,rgba(23,23,23, 0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(23,23,23, 0.9)', endColorstr='rgba(23,23,23, 0.9)',GradientType=1 ); /* IE6-9 */
}/***修正***/

body#index .leave a{	color: rgba(204,0,0, 1);}

body#index header h1{	color: rgba(167,153,111, 1);}

body#index .inbox > div:nth-of-type(odd){
	color: rgba(51,51,51, 1);
	background-color: rgba(255,255,255, 0.95);
}



/*************************
TOP
*************************/

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{	background: rgba(204,0,0, 1);}
.bx-wrapper .bx-pager.bx-default-pager a{	background: rgba(51,51,51, 0.3);}



/*************************
BUTTUN
*************************/

.bt{
	color: rgba(57,165,255, 1);
	border-color: rgba(57,165,255, 1);
	background-color: rgba(255,255,255, 0.95);
}
.bt:hover{
	color: rgba(255,255,255, 1);
	border-color: rgba(255,255,255, 1);
	background-color: rgba(57,165,255, 0.95);
}
.maga a.linetm_bt .linetm_bt1 i{
    color: rgba(255,255,255, 1);
    background-color: rgba(57,165,255, 0.95);
}
.maga a.linetm_bt:hover .linetm_bt1 i{
    color: rgba(57,165,255, 1);
    background-color: rgba(255,255,255, 0.95);
}


/*************************
LIST
*************************/

.list .cbox .txt{
	color: #333333;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.9);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);
}

.list .s_on{
	color: rgba(57,165,255, 1);
	box-shadow: 0 0 0 1px rgba(57,165,255, 1);
	background-color: rgba(57,165,255, 0.0);
}
.list .s_on span{
	color: rgba(255,255,255, 1);
	background-color: rgba(57,165,255, 1);
}

.list .cbox .rankno{
	color: rgba(167,153,111, 1);
}

#day_select > a{
	color: rgba(51,51,51, 1);
	background-color: rgba(255,255,255, 0.9);
}
#day_select > span{
	color: rgba(255,255,255, 1);
	background-color: rgba( 57,165,255, 0.95);
}
#day_select > span .sat , #day_select > span .sun{ color: rgba(255,255,255, 1);}

#sche_a .s_sche li{ border-color:rgba(255,255,255, 1);}




/*************************
PROF
*************************/

#prof #flame{
	border-color: rgba(255,255,255, 0.9);
}
#prof .bx-wrapper .bx-pager.bx-default-pager a{	background-color: rgba(51,51,51, 0.3);}
#prof .bx-wrapper .bx-controls-direction a{
	color: rgba(255,255,255, 1);
	background-color: rgba( 57,165,255, 0.95);
}
#prof .bx-wrapper .bx-pager.bx-default-pager a.active{	background-color: rgba(204,0,0, 1);}

#prof #name .outlink{
	color: rgba(255,255,255, 1);
	background-color: rgba( 57,165,255, 0.95);
}

.inbox > div.op:nth-of-type(odd) li.ok{
	color: rgba(167,153,111, 1);
	border-color: rgba(167,153,111, 1);
}/***修正***/
.inbox > div.op:nth-of-type(odd) li.ng{
	color: rgba(51,51,51, 0.2);
	background-color: rgba(51,51,51, 0.2);
}/***修正***/
.inbox > div.op:nth-of-type(even) li.ok{
	color: rgba(167,153,111, 1);
	border-color: rgba(167,153,111, 1);
}/***修正***/
.inbox > div.op:nth-of-type(even) li.ng{
	color: rgba(51,51,51, 0.2);
	background-color: rgba(51,51,51, 0.2);
}/***修正***/





/*************************
SYSTEM
*************************/

.cre_tel,
.cre_link{
	color: rgba(57,165,255, 1);
	background-color: rgba(255, 255, 255, 0.95);
	border-color: rgba(57,165,255, 1);
}

.cre_tel:hover,
.cre_link:hover{
	color: rgba(255,255,255, 1);
	background-color: rgba(57,165,255, 0.95);
	border-color: rgba(255,255,255, 1);
}

.cre_tel span i,
.cre_link span i{
	color: rgba(255,255,255, 1);
	background-color: rgba(57,165,255, 1);
}

.cre_tel:hover span i,
.cre_link:hover span i{
	color: rgba(57,165,255, 1);
	background-color: rgba(255,255,255, 1);
}


/*************************
HOTEL
*************************/
#hotel .hbox .hname span{
	color: rgba(255,255,255, 1);
	background-color: rgba(57,165,255, 1);
}


/*************************
MAGA
*************************/
.regbox{	background-color: rgba(255,255,255, 0.9);}


/*************************
ICON
*************************/
.icon{	color: rgba(255, 255, 255, 1);}
.icon1{	background-color: rgba(255,70,70, 0.9);}
.icon2{	background-color: rgba(66,195,59, 0.9);}
.icon3{	background-color: rgba(145,145,255, 0.9);}
.icon4{	background-color: rgba(255,138,0, 0.9);}

/***** for SP *****/
@media screen and (max-width: 650px) {

}