/*************************
ALL
*************************/
body{ -webkit-background-size: 3px 3px;
-moz-background-size: 3px 3px;
background-size: 3px 3px;
background-color: #febbd7;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #ffc1db), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #ffc1db),
            color-stop(.75, #ffc1db), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #ffc1db 25%, transparent 25%,
          transparent 50%, #ffc1db 50%, #ffc1db 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #ffc1db 25%, transparent 25%,
          transparent 50%, #ffc1db 50%, #ffc1db 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #ffc1db 25%, transparent 25%,
          transparent 50%, #ffc1db 50%, #ffc1db 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #ffc1db 25%, transparent 25%,
          transparent 50%, #ffc1db 50%, #ffc1db 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #ffc1db 25%, transparent 25%,
          transparent 50%, #ffc1db 50%, #ffc1db 75%,
          transparent 75%, transparent); }
body, a, a:hover, .tx_a, .tx_a:hover{	color: #333333;}
.tx_link, .tx_link:hover{	color: rgba(255,75,164, 1);}
body:before{
	background-image: url(../img/tmp/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: cover;
	background-size: cover;
}
header{
	background-image: url(../img/tmp/header.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(../img/tmp/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: cover;
	background-size: cover;
}
body#toppage_body header{
		background: url(../img/tmp/header.png) center center / cover no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		padding-top: calc((650px / 750) * 450);
		height: 300px;
		-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(219,185,0, 1);
	color: #FFFFFF;
	box-shadow: 0 0 0 2px rgba(219,185,0, 1) inset , 0 0 0 4px rgba(255,255,255, 0.4) inset;
}


/*************************
NAVTOGGLE
*************************/
#navToggle button{
	background-color: rgba(255,112,174, 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(255,247,251, 0.95);
}

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

nav li{	border-color: rgba(255,112,174, 0.2);}

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

.navarea{
	color: rgba(255,112,174, 1);
}
.nav_contact,
.nav_contact a,
.nav_contact a:hover{
	color: rgba(255,112,174, 1);
}
.nav_contact span i{
	color: rgba(255,247,251, 1);
	background-color: rgba(255,112,174, 1);
}


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

.page_title{
	background: rgba(237,229,199, 0.95); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(237,229,199, 0.95) 0%, rgba(255,255,255, 0.95) 50%, rgba(237,229,199, 0.95) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(237,229,199, 0.95) 0%,rgba(255,255,255, 0.95) 50%,rgba(237,229,199, 0.95) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(237,229,199, 0.95) 0%,rgba(255,255,255, 0.95) 50%,rgba(237,229,199, 0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(237,229,199, 0.95)', endColorstr='rgba(237,229,199, 0.95)',GradientType=1 ); /* IE6-9 */
}
.page_title em{	color: rgba(94,72,19, 1);}
.page_title em:before{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: attr(title);
	color: rgba(156,119,31,1);
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(156,119,31,0) 20%, rgba(156,119,31,1) 40%, rgba(156,119,31,0) 80%);
}
.page_title em:after{	border-color: rgba(213,201,157, 1);}
.page_title span{ color: rgba(225,53,127, 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: rgba(51,51,51,1);}
.inbox > div:nth-of-type(odd) .s_title span{	color: rgba(255,128,190,1);}
.inbox > div:nth-of-type(odd) .s_title span:before{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: attr(title);
	color: rgba(255,173,214,1);
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(255,173,214,0) 20%, rgba(255,173,214,1) 40%, rgba(255,173,214,0) 80%);
}
.inbox > div:nth-of-type(odd) .tx,
#sche_a .schebox .s_top .tx,
#sche_a .schebox .s_sche .tx{	color: rgba(217,175,7, 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(217,175,7, 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,247,251, 0.9);
}
.inbox > div:nth-of-type(even) .s_title em{	color: rgba(51,51,51,1);}
.inbox > div:nth-of-type(even) .s_title span{	color: rgba(255,144,199,1);}
.inbox > div:nth-of-type(even) .s_title span:before{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: attr(title);
	color: rgba(255,173,214,1);
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(255,173,214,0) 20%, rgba(255,173,214,1) 40%, rgba(255,173,214,0) 80%);
}
.inbox > div:nth-of-type(even) .tx{	color: rgba(217,175,7, 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(217,175,7, 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,247,251, 0.95);
}
#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(219,185,0, 0.95);
}
.as_tel span i{
	color: rgba(219,185,0, 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: #333333;}
footer{	background-color: rgba(255,255,255, 0.95);}
footer .foot_dis{	border-color: rgba(51,51,51, 0.1);}
footer #copyright , footer #copyright a , footer #copyright a:hover{	color: #FF90C7;}


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

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

.fbt_home,
.fbt_tel{	background-color: rgba(255,112,174, 1);}
.fbt_top{	background-color: rgba(219,185,0, 1);}

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


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

.sns_bt a{	background-color: rgba(255,112,174, 1);}
.sns_bt span{	background-color: rgba(51,51,51, 0.1);}/**修正**/

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

body#index{
	-webkit-background-size: 3px 3px;
-moz-background-size: 3px 3px;
background-size: 3px 3px;
background-color: #fff1f8;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #ffffff), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #ffffff),
            color-stop(.75, #ffffff), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #ffffff 25%, transparent 25%,
          transparent 50%, #ffffff 50%, #ffffff 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #ffffff 25%, transparent 25%,
          transparent 50%, #ffffff 50%, #ffffff 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #ffffff 25%, transparent 25%,
          transparent 50%, #ffffff 50%, #ffffff 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #ffffff 25%, transparent 25%,
          transparent 50%, #ffffff 50%, #ffffff 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #ffffff 25%, transparent 25%,
          transparent 50%, #ffffff 50%, #ffffff 75%,
          transparent 75%, transparent);/***修正***/
}

body#index:before{
	background-image: url(../img/tmp/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(../img/tmp/header.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(51,51,51, 1);
	border-color: rgba(255,222,238, 1);
	background: rgba(255,255,255, 0.95); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(255,255,255, 0.95) 0%, rgba(255,255,255, 0.95) 50%, rgba(255,255,255, 0.95) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255, 0.95) 0%,rgba(255,255,255, 0.95) 50%,rgba(255,255,255, 0.95) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255, 0.95) 0%,rgba(255,255,255, 0.95) 50%,rgba(255,255,255, 0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,255,255, 0.95)', endColorstr='rgba(255,255,255, 0.95)',GradientType=1 ); /* IE6-9 */
}/***修正***/

body#index .leave a{	color: rgba(255,75,164, 1);}

body#index header h1{	color: rgba(255,255,255, 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(255,75,164, 1);}
.bx-wrapper .bx-pager.bx-default-pager a{	background: rgba(51,51,51, 0.3);}



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

.bt{
	color: rgba(219,185,0, 1);
	border-color: rgba(219,185,0, 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(219,185,0, 0.95);
}
.maga a.linetm_bt .linetm_bt1 i{
    color: rgba(255,255,255, 1);
    background-color: rgba(219,185,0, 0.95);
}
.maga a.linetm_bt:hover .linetm_bt1 i{
    color: rgba(219,185,0, 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(219,185,0, 1);
	box-shadow: 0 0 0 1px rgba(219,185,0, 1);
	background-color: rgba(219,185,0, 0.0);
}
.list .s_on span{
	color: rgba(255,255,255, 1);
	background-color: rgba(219,185,0, 1);
}

.list .cbox .rankno{
	color: rgba(217,175,7, 1);
}

#day_select > a{
	color: rgba(51,51,51, 1);
	background-color: rgba(255,247,251, 0.95);
}
#day_select > span{
	color: rgba(255,255,255, 1);
	background-color: rgba( 219,185,0, 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,247,251, 0.95);
}
#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( 219,185,0, 0.95);
}
#prof .bx-wrapper .bx-pager.bx-default-pager a.active{	background-color: rgba(255,75,164, 1);}

#prof #name .outlink{
	color: rgba(255,255,255, 1);
	background-color: rgba( 219,185,0, 0.95);
}

.inbox > div.op:nth-of-type(odd) li.ok{
	color: rgba(217,175,7, 1);
	border-color: rgba(217,175,7, 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(217,175,7, 1);
	border-color: rgba(217,175,7, 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(219,185,0, 1);
	background-color: rgba(255, 255, 255, 0.95);
	border-color: rgba(219,185,0, 1);
}

.cre_tel:hover,
.cre_link:hover{
	color: rgba(255,255,255, 1);
	background-color: rgba(219,185,0, 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(219,185,0, 1);
}

.cre_tel:hover span i,
.cre_link:hover span i{
	color: rgba(219,185,0, 1);
	background-color: rgba(255,255,255, 1);
}


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


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


/*************************
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) {

}