/** web font **/
.font1{	font-family: "Cinzel", 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: "Cinzel", serif;}
}

/***** footer *****/
footer{	width: 100%; margin: 0;}
#textlink{	background-color: rgba(161,154,122, 0.95);}
#footer{	background-color: rgba(255,255,255, 0.95);}
.tx_f1, .tx_f1:hover{	color: #80752E;}
.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: #80752E;}
.tx_i1, .tx_i1:hover{	color: #333333;}
.tx_j1, .tx_j1:hover{	color: #999999;}
.bd_n{ border-color: rgba(128,117,46, 0.3);}

/***** main contents *****/
body.bg_i1{	background-color: #FFFFFF;}
/*認証背景*/
#index_body{
  background-image: url(../img/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/bg.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/bg.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(48, 41, 41, 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(128,117,46, 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(254,255,245, 0.95);}
.voicebox_r:after{
    border-style: solid;
    border-width: 13px 16px 13px 0;
    border-color: transparent rgba(254,255,245, 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(254,255,245, 0.95) transparent transparent;
    }
}
.bg_x1{
	background: -webkit-linear-gradient(90deg, rgba(0,0,0, 0.8) 0%, rgba(0,0,0, 0.8) %, rgba(0,0,0, 0.8) 100%);
	background: -moz-linear-gradient(90deg, rgba(0,0,0, 0.8) 0%, rgba(0,0,0, 0.8) 49%, rgba(0,0,0, 0.8) 100%);
	background: -o-linear-gradient(90deg, rgba(0,0,0, 0.8) 0%, rgba(0,0,0, 0.8) 49%, rgba(0,0,0, 0.8) 100%);
	background: -ms-linear-gradient(45deg, rgba(0,0,0, 0.8) 0%, rgba(0,0,0, 0.8) 49%, rgba(0,0,0, 0.8) 100%);
	background: linear-gradient(90deg, rgba(0,0,0, 0.8) 0%, rgba(0,0,0, 0.8) 49%, rgba(0,0,0, 0.8) 100%);
}
.bg_com{	background-color: rgba(254,255,245, 0.95)}
.tx_u1, .tx_u1:hover{	color: #333333;}
.tx_v1, .tx_v1:hover, a{	color: #FF0000;}
.tx_w1, .tx_w1:hover{	color: #80752E;}
.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: #fff;}
.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(22, 22, 21, 0.95);}

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


/***** page_title pan *****/
.bd_i:after{	border-color: rgba(255,255,255, 0.8);}
.bd_j:before, .bd_j:after{	border-color: rgba(230,223,190, 1);}
.tx_a2{	color: #422E07;}
.tx_b2{	color: #fff;}
.tx_c2{	color: rgba(153,153,153, 0.3);}
.tx_c2 span , .tx_c2 span:hover , .tx_c2 a , .tx_c2 a:hover{ color: rgba(153,153,153, 1);}
.bg_r1:before{
	position:absolute;
	top:0;
	left:0;
	display:block;
	content:attr(title);
	color:rgba(207,233,68,1);
	-webkit-mask-image:-webkit-linear-gradient(top,rgba(207,233,68,1) 0%, rgba(237,250,156,1) 49%, rgba(219,255,0,1) 100%);
}


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

.tx_d1{	color: #422E07;}
.tx_d1:before{
	position:absolute;
	top:0;
	left:0;
	display:block;
	content:attr(title);
	color:rgba(143,125,69,1);
	-webkit-mask-image:-webkit-linear-gradient(top, rgba(143,125,69,0) 20%, rgba(143,125,69,1) 40%, rgba(143,125,69,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(161,154,122, 0.9);}

.bg_w1{	background-color: rgba(161,154,122, 0.95);}
.movie h3:after{
    border-style: solid;
    border-width: 10px 5px 0 0;
    border-color: rgba(161,154,122, 0.95) transparent transparent transparent;
}
.tx_u2{	color: #FFFFFF;}
.ititle .icon:before{
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #FFFFFF;}
.slick-prev,
.slick-next,
ul#slideIcon li,
.bx-wrapper .bx-controls-direction a{	color: #FFFFFF; background: rgba(128,117,46,0.9);}

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

#schedule li .s_on{
	color: #80752E;
	box-shadow:0px 0px 0px 1px #80752E inset;
	-moz-box-shadow:0px 0px 0px 1px #80752E inset;
	-webkit-box-shadow:0px 0px 0px 1px #80752E inset;
}
#schedule li .s_on span,
#schedule.sche_a .s_on{
	background-color: #80752E;
}
#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(128,117,46, 1); background-color: #FFFFFF;}

.shopinfo_bt a, shopinfo_bt a:hover{ color: #FFFFFF;}
.shopinfo_bt a span{ color: rgba(0,176,0, 1); background-color: #FFFFFF;}
.shopinfo_bt a span.material-icons{ color: rgba(128,117,46, 1); background-color: #FFFFFF;}
.shopinfo_bt a.bg_d2{ background: rgba(128,117,46, 1);}
.shopinfo_bt a.bg_e2{ background: rgba(0,176,0, 1);}
#page-top .bg_sms span, .shopinfo_bt a.bg_sms span.material-icons{ color: rgba(176,117,28, 1); background-color: #FFFFFF;}
#page-top .bg_sms, .shopinfo_bt .bg_sms{  background: rgba(176,117,28, 1)}

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

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


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

/***** SYSTEM *****/
.bd_l{	border-color: rgba(254,255,245, 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: #80752E;
	border-color: #80752E;
}

#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: #80752E;
    background-color: #FFFFFF;
}
#prof #toku .conditions{   border-color: #80752E;}


/*************************
SNS
*************************/
.sns_bt a{  background-color: rgba(128,117,46, 1);}
.sns_bt span{   background-color: rgba(51,51,51, 0.1);}



/***** INDEX *****/
#index_body .tx_k1{	color: #63450A;}
.bg_a1{ background-color: #FFFFFF; }
.bg_b1{	background-color: rgba(255,255,255, 0.95);}
.bg_c1{	background-color: #A19A7A;}
.bg_d1, nav:before{ background-color: #80752E; }
.bg_e1{
	background: -webkit-linear-gradient(0deg, rgba(245,245,245, 1) 0%, rgba(255,255,255, 1) 49%, rgba(245,245,245, 1) 100%);
	background: -moz-linear-gradient(0deg, rgba(245,245,245, 1) 0%, rgba(255,255,255, 1) 49%, rgba(245,245,245, 1) 100%);
	background: -o-linear-gradient(0deg, rgba(245,245,245, 1) 0%, rgba(255,255,255, 1) 49%, rgba(245,245,245, 1) 100%);
	background: -ms-linear-gradient(0deg, rgba(245,245,245, 1) 0%, rgba(255,255,255, 1) 49%, rgba(245,245,245, 1) 100%);
	background: linear-gradient(0deg, rgba(245,245,245, 1) 0%, rgba(255,255,255, 1) 49%, rgba(245,245,245, 1) 100%);
}
.tx_a1{	color: #333333;}
.tx_b1{ color: #63450A;}
.tx_c1{	color: #FFFFFF;}
#index_body footer{ border-color: rgba(161,154,122, 0.95);}

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

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


/** individual img **/
header.header_a{}
header.header_b{
	background-image: url(../img/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/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(550px - 110px)}
#index_body header{
	padding-bottom: 450px;
	background-image: url(../img/index_a.html);
	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/bg_sp.jpg) no-repeat top center;
		-webkit-background-size: cover;
		background-size: cover;
    }
    /*中ページ背景*/
    #companion_body:before{
		background: url(../img/bg_ipn_sp.html) no-repeat top center;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
    }
    /*トップページ背景*/
    #toppage_body:before{
        background: url(../img/bg_sp.jpg) no-repeat top center;
        -webkit-background-size: cover;
        background-size: cover;
    }
	#topimg{
		background: url(../img/sp_header.html) center center / cover no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		padding-top: calc(( / 2) / 375 * 100%);
    }
	#toppage_body #topimg{
		background: url(../img/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(350px - 100px);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#toppage_body #ad_div + header + nav + #topimg{
		height: calc(350px - 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(128,117,46, 0.95);}
    #navToggle button{    background-color: rgba(128,117,46, 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(254,255,245, 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/index_ipn.html) 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: #160101;}

	.bg_d2{	background: rgba(128,117,46, 1);}
	.bg_e2{	background: rgba(0,176,0, 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(254,255,245, 0.95);}
	.bg_com{ background-color: rgba(254,255,245, 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(161,154,122, 0.95);}
	.bg_q1 , #hinfo .htel span:after{ background-color: rgba(161,154,122, 0.95);}
	.bg_f2{
		background: -webkit-linear-gradient(90deg, rgba(245,245,245, 0.95) 0%, rgba(255,255,255, 0.95) 49%, rgba(245,245,245, 0.95) 100%);
		background: -moz-linear-gradient(90deg, rgba(245,245,245, 0.95) 0%, rgba(255,255,255, 0.95) 49%, rgba(245,245,245, 0.95) 100%);
		background: -o-linear-gradient(90deg, rgba(245,245,245, 0.95) 0%, rgba(255,255,255, 0.95) 49%, rgba(245,245,245, 0.95) 100%);
		background: -ms-linear-gradient(90deg, rgba(245,245,245, 0.95) 0%, rgba(255,255,255, 0.95) 49%, rgba(245,245,245, 0.95) 100%);
		background: linear-gradient(90deg, rgba(245,245,245, 0.95) 0%, rgba(255,255,255, 0.95) 49%, rgba(245,245,245, 0.95) 100%);
	}
	.bg_x1{
		background: -webkit-linear-gradient(90deg, rgba(255,255,255, 0.95) 0%, rgba(255,255,255, 0.95) %, rgba(255,255,255, 0.95) 100%);
		background: -moz-linear-gradient(90deg, rgba(255,255,255, 0.95) 0%, rgba(255,255,255, 0.95) 49%, rgba(255,255,255, 0.95) 100%);
		background: -o-linear-gradient(90deg, rgba(255,255,255, 0.95) 0%, rgba(255,255,255, 0.95) 49%, rgba(255,255,255, 0.95) 100%);
		background: -ms-linear-gradient(90deg, rgba(255,255,255, 0.95) 0%, rgba(255,255,255, 0.95) 49%, rgba(255,255,255, 0.95) 100%);
		background: linear-gradient(90deg, rgba(255,255,255, 0.95) 0%, rgba(255,255,255, 0.95) 49%, rgba(255,255,255, 0.95) 100%);
	}
	.bd_i{	border-color: rgba(255,255,255, 0.95);}
	.bg_w1{	background-color: rgba(161,154,122, 0.95);}
    .movie h3:after{
        border-style: solid;
        border-width: 10px 5px 0 0;
        border-color: rgba(161,154,122, 0.95) transparent transparent transparent;
    }
	#textlink{
		border-color: rgba(161,154,122, 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.7);}
	#page-top a, #page-top a:hover{ color: #FFFFFF;}
    #page-top a span.page-top-tel{ color: rgba(128,117,46, 1); background-color: #FFFFFF;}
    #page-top a span.page-top-line{ color: rgba(0,176,0, 1); background-color: #FFFFFF;}
	#ad_div a{
		background-color: rgba(38,31,255, 1);
		border-bottom-color: rgba(161,154,122, 1) !important;
		color: #FFFFFF;
		box-shadow: 0 0 0 2px rgba(38,31,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(38,31,255, 1);}
    #blog_l #next{    border-color: rgba(221,221,221,1);}

}

/* fallback */
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
  }
  
  .material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-moz-font-feature-settings: 'liga';
	-moz-osx-font-smoothing: grayscale;
  }
  /*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
  }
  
  /**
   * Remove default margin.
   */
  
  body {
	margin: 0;
  }
  
  /* HTML5 display definitions
	 ========================================================================== */
  
  /**
   * Correct `block` display not defined for any HTML5 element in IE 8/9.
   * Correct `block` display not defined for `details` or `summary` in IE 10/11
   * and Firefox.
   * Correct `block` display not defined for `main` in IE 11.
   */
  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  menu,
  nav,
  section,
  summary {
	display: block;
  }
  
  /**
   * 1. Correct `inline-block` display not defined in IE 8/9.
   * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
   */
  
  audio,
  canvas,
  progress,
  video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
  }
  
  /**
   * Prevent modern browsers from displaying `audio` without controls.
   * Remove excess height in iOS 5 devices.
   */
  
  audio:not([controls]) {
	display: none;
	height: 0;
  }
  
  /**
   * Address `[hidden]` styling not present in IE 8/9/10.
   * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
   */
  
  [hidden],
  template {
	display: none;
  }
  
  /* Links
	 ========================================================================== */
  
  /**
   * Remove the gray background color from active links in IE 10.
   */
  
  a {
	background-color: transparent;
  }
  
  /**
   * Improve readability when focused and also mouse hovered in all browsers.
   */
  
  a:active,
  a:hover {
	outline: 0;
  }
  
  /* Text-level semantics
	 ========================================================================== */
  
  /**
   * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
   */
  
  abbr[title] {
	border-bottom: 1px dotted;
  }
  
  /**
   * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
   */
  
  b,
  strong {
	font-weight: bold;
  }
  
  /**
   * Address styling not present in Safari and Chrome.
   */
  
  dfn {
	font-style: italic;
  }
  
  /**
   * Address variable `h1` font-size and margin within `section` and `article`
   * contexts in Firefox 4+, Safari, and Chrome.
   */
  
  h1 {
	font-size: 2em;
	margin: 0.67em 0;
  }
  
  /**
   * Address styling not present in IE 8/9.
   */
  
  mark {
	background: #ff0;
	color: #000;
  }
  
  /**
   * Address inconsistent and variable font size in all browsers.
   */
  
  small {
	font-size: 80%;
  }
  
  /**
   * Prevent `sub` and `sup` affecting `line-height` in all browsers.
   */
  
  sub,
  sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
  }
  
  sup {
	top: -0.5em;
  }
  
  sub {
	bottom: -0.25em;
  }
  
  /* Embedded content
	 ========================================================================== */
  
  /**
   * Remove border when inside `a` element in IE 8/9/10.
   */
  
  img {
	border: 0;
  }
  
  /**
   * Correct overflow not hidden in IE 9/10/11.
   */
  
  svg:not(:root) {
	overflow: hidden;
  }
  
  /* Grouping content
	 ========================================================================== */
  
  /**
   * Address margin not present in IE 8/9 and Safari.
   */
  
  figure {
	margin: 1em 40px;
  }
  
  /**
   * Address differences between Firefox and other browsers.
   */
  
  hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
  }
  
  /**
   * Contain overflow in all browsers.
   */
  
  pre {
	overflow: auto;
  }
  
  /**
   * Address odd `em`-unit font size rendering in all browsers.
   */
  
  code,
  kbd,
  pre,
  samp {
	font-family: monospace, monospace;
	font-size: 1em;
  }
  
  /* Forms
	 ========================================================================== */
  
  /**
   * Known limitation: by default, Chrome and Safari on OS X allow very limited
   * styling of `select`, unless a `border` property is set.
   */
  
  /**
   * 1. Correct color not being inherited.
   *    Known issue: affects color of disabled elements.
   * 2. Correct font properties not being inherited.
   * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
   */
  
  button,
  input,
  optgroup,
  select,
  textarea {
	color: inherit; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
  }
  
  /**
   * Address `overflow` set to `hidden` in IE 8/9/10/11.
   */
  
  button {
	overflow: visible;
  }
  
  /**
   * Address inconsistent `text-transform` inheritance for `button` and `select`.
   * All other form control elements do not inherit `text-transform` values.
   * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
   * Correct `select` style inheritance in Firefox.
   */
  
  button,
  select {
	text-transform: none;
  }
  
  /**
   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
   *    and `video` controls.
   * 2. Correct inability to style clickable `input` types in iOS.
   * 3. Improve usability and consistency of cursor style between image-type
   *    `input` and others.
   */
  
  button,
  html input[type="button"], /* 1 */
  input[type="reset"],
  input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
  }
  
  /**
   * Re-set default cursor for disabled elements.
   */
  
  button[disabled],
  html input[disabled] {
	cursor: default;
  }
  
  /**
   * Remove inner padding and border in Firefox 4+.
   */
  
  button::-moz-focus-inner,
  input::-moz-focus-inner {
	border: 0;
	padding: 0;
  }
  
  /**
   * Address Firefox 4+ setting `line-height` on `input` using `!important` in
   * the UA stylesheet.
   */
  
  input {
	line-height: normal;
  }
  
  /**
   * It's recommended that you don't attempt to style these elements.
   * Firefox's implementation doesn't respect box-sizing, padding, or width.
   *
   * 1. Address box sizing set to `content-box` in IE 8/9/10.
   * 2. Remove excess padding in IE 8/9/10.
   */
  
  input[type="checkbox"],
  input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
  }
  
  /**
   * Fix the cursor style for Chrome's increment/decrement buttons. For certain
   * `font-size` values of the `input`, it causes the cursor style of the
   * decrement button to change from `default` to `text`.
   */
  
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
	height: auto;
  }
  
  /**
   * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
   * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
   *    (include `-moz` to future-proof).
   */
  
  input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
  }
  
  /**
   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
   * Safari (but not Chrome) clips the cancel button when the search input has
   * padding (and `textfield` appearance).
   */
  
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
  }
  
  /**
   * Define consistent border, margin, and padding.
   */
  
  fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
  }
  
  /**
   * 1. Correct `color` not being inherited in IE 8/9/10/11.
   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
   */
  
  legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
  }
  
  /**
   * Remove default vertical scrollbar in IE 8/9/10/11.
   */
  
  textarea {
	overflow: auto;
  }
  
  /**
   * Don't inherit the `font-weight` (applied by a rule above).
   * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
   */
  
  optgroup {
	font-weight: bold;
  }
  
  /* Tables
	 ========================================================================== */
  
  /**
   * Remove most spacing between table cells.
   */
  
  table {
	border-collapse: collapse;
	border-spacing: 0;
  }
  
  td,
  th {
	padding: 0;
  }
  
  
/** bt_bg **/

.bt_bg{
	padding: 0 10px;
	text-align: center;
}

.bt1, .bt1:hover{
	display: block;
	font-size: 18px;
	font-weight: bold;
	font-family		: Meiryo,'Hiragino Kaku Gothic ProN','Hiragino Sans',sans-serif;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	padding: 20px 0;
	border-radius: 3px;
	-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;
}

a.bt1,
input.bt1{
	width: 100%;
	font-family		: Meiryo,'Hiragino Kaku Gothic ProN','Hiragino Sans',sans-serif;
	-webkit-appearance: none;
	border-radius: 3px;
	border: none;
}

a.bt1:hover,
input.bt1:hover{
	cursor			: pointer;
	text-decoration: none;
	opacity: 0.8;
	filter: alpha(opacity=80);
}


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

@media screen and (max-width: 650px) {
	.bt1, .bt1:hover{
		width: 280px !important;
		font-size: 16px;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 10px 0;
	}
}