@charset "UTF-8";


.login_contents{width:100%;height:auto;margin:0px auto;padding-top:25px;}
/*======*/
.login_contents h3{width:100%;height:auto;margin:10px auto;padding:5px 0px;background:#221815;color:#efefef;}
p.attention{width:100%;height:auto;margin:0px auto;padding:5px 0px;color:#bc0c0e;}
p.attention span{display:inline-block;width:auto;height:auto;margin:0px auto;padding:3px 0px 3px 24px;background:url(../img/icon/attention.png) no-repeat;background-size:18px 18px;background-position:0px 3px;}

/*======*/
input[type="text"] ,input[type="password"] {border:1px solid #e8dfdf;height:24px;}
select{border:1px solid #e8dfdf;height:26px;}

/*======*/
.detail{width:100%;height:auto;margin:0px auto;padding:10px 0px 10px 0px;background:#f3f0e3;}
.detail_in{width:98%;height:auto;margin:0px auto;padding:10px 0px 10px 0px;background:#ffffff;border:1px solid #d9d9d9;box-sizing:border-box;}
.login_in_box{width:97%;height:auto;margin:0px auto;padding-bottom:15px;}
.login_in_l{width:49%;height:auto;margin:0px auto;padding:0px;float:left;}
.login_in_r{width:49%;height:auto;margin:0px auto;padding:0px;float:right;}
	@media all and (max-width: 1024px) {
		.detail_in{width: calc(100% - 20px);}
		.login_in_box{width:92%;}
		.login_in_l{width:100%;float:none;}
		.login_in_r{width:100%;float:none;padding-top:10px;}
	}


/*======*/
.login_in_box .box{width:100%;height:auto;margin:0px auto;padding:15px 0px;border-bottom:1px dashed #dedede;
	display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
	-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;
	-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.login_in_box .box h4{display:inline-block;width:29%;height:auto;margin:0px auto;padding:0px 0px 0px 1%;text-align:left;vertical-align:top;border-left:6px solid #221815;box-sizing:border-box;}
.login_in_box .box p{display:inline-block;width:68%;height:auto;margin:0px auto;padding:0px;text-align:left;}
	@media all and (max-width: 1024px) {
		.login_in_box .box h4{width:98.55%;padding:0px 0px 0px 1.5%;}
		.login_in_box .box p{width:100%;padding-top:8px;}
	}

/*======*/
.edit_logout{width:100%;height:auto;margin:0px auto;padding:20px 0px 15px 0px;}
.edit_logout li{width:auto;height:auto;margin:0px auto;padding:0px;display:inline-block;}
.edit_logout li a{display:inline-block;width:auto;height:auto;margin:0px auto;padding:5px 20px;background:#221815;color:#efefef;}
.edit_logout li a:hover{display:inline-block;width:auto;height:auto;margin:0px auto;padding:5px 20px;background:#ffffff;color:#221815;box-shadow: 0 0 0 1px #221815 inset;}
.edit_logout li input{display:inline-block;width:auto;height:29px;margin:0px auto;padding:5px 20px;background:#221815;color:#efefef;border:none;}
.edit_logout li input:hover{display:inline-block;width:auto;height:29px;margin:0px auto;padding:5px 20px;background:#ffffff;color:#221815;box-shadow: 0 0 0 1px #221815 inset;border:none;}

/*======*/
.confirm_my{width:100%;height:auto;margin:0px auto;padding:10px 0px 10px 0px;}

/*======*/
div.reserve{width:97%;height:auto;margin:0px auto;padding-bottom:15px;}
div.reserve dl{width:100%;height:auto;margin:0px auto;padding:0px 0px;}
div.reserve div{width:100%;height:auto;margin:0px auto;padding:10px 0px;border-bottom: 1px dashed #dedede;
	display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
	-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
div.reserve div dt{width:100%;height:auto;margin:0px auto;padding:0px;background:#dedede;text-align:left;}
div.reserve div dt p{width:calc(100% - 20px);height:auto;margin:0px auto;padding:0px;line-height:24px;}
div.reserve div dd{width:100%;height:auto;margin:0px auto;padding-top:8px;text-align:left;
	display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
	-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;
	-webkit-box-align: start;-webkit-align-items: fex-start;-ms-flex-align: start;align-items: flex-start;}
div.reserve div dd ul {width:100%;height:auto;margin:0px auto;padding:0px;}
div.reserve div dd ul:nth-of-type(1){width:10%;height:auto;margin:0px auto;padding:0px;}
div.reserve div dd ul:nth-of-type(2){width:90%;height:auto;margin:0px auto;padding:0px;
	display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
	-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
div.reserve div dd ul:nth-of-type(1) li{width:100%;height:auto;margin:0px auto;padding:0px;text-align:left;}
div.reserve div dd ul:nth-of-type(2) li{width:50%;height:auto;margin:0px auto;padding-bottom:6px;text-align:left;}
div.reserve div dd ul:nth-of-type(2) li:nth-of-type(5){width:100%;height:auto;margin:0px auto;padding-bottom:0px;text-align:right;}
div.reserve div dd ul:nth-of-type(2) li:nth-of-type(5) a{display:inline-block;width:auto;height:auto;margin:0px auto;padding:3px 20px;background:#221815;color:#efefef;}
div.reserve div dd ul:nth-of-type(2) li:nth-of-type(5) a:hover{display:inline-block;width:auto;height:auto;margin:0px auto;padding:3px 20px;background:#ffffff;color:#221815;box-shadow: 0 0 0 1px #221815 inset;}
div.reserve div dd ul:nth-of-type(2) li:nth-of-type(5) input{display:inline-block;width:auto;height:26px;margin:0px auto;padding:0px 20px;background:#221815;color:#efefef;border:none;}
div.reserve div dd ul:nth-of-type(2) li:nth-of-type(5) input:hover{display:inline-block;width:auto;height:26px;margin:0px auto;padding:0px 20px;background:#ffffff;color:#221815;box-shadow: 0 0 0 1px #221815 inset;border:none;}
	@media all and (max-width: 1024px) {
		div.reserve{width:95%;}
		div.reserve div dd ul:nth-of-type(1){width:30%;}
		div.reserve div dd ul:nth-of-type(2){width:70%;}
		div.reserve div dd ul:nth-of-type(2) li{width:100%;}
	}



/*======*/
.history{width:97%;height:auto;margin:0px auto;padding:0px;}
.history dl{width:100%;height:auto;margin:20px auto;padding:0px;border-top:1px dashed #dedede;}
.history div{width:100%;height:auto;margin:0px auto;padding:10px 0px;border-bottom: 1px dashed #dedede;
	display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
	-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;
	-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.history dt{width:24%;height:auto;margin:0px auto;padding:0px;text-align:left;}
.history dt h4{width:100%;height:auto;margin:0px auto;padding:0px 0px 0px 2%;border-left:6px solid #221815;-webkit-box-sizing:border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.history dd{width:75%;height:auto;margin:0px auto;padding:0px;text-align:left;}
.history dd p{width:100%;height:auto;margin:0px auto;padding:0px;}
	@media all and (max-width: 1024px) {
		div.history{width:95%;}
		.history dt{width:100%;}
		.history dd{width:100%;padding-top:5px;}
	}


/*======*/
.card{width:100%;height:auto;margin:0px auto;padding:0px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
.normal{background:url(../img/login/normal.jpg) no-repeat top center;background-size:100% 100%;}
.gold{background:url(../img/login/gold.jpg) no-repeat top center;background-size:100% 100%;}
.black{background:url(../img/login/black.jpg) no-repeat top center;background-size:100% 100%;}
.card p:nth-of-type(1){width:100%;height:auto;margin:0px auto;padding-top:8px;color:#ffffff;font-size:19px;}
.card p:nth-of-type(1) span{font-size:13px;display:inline-block;padding-right:4px;vertical-align:2px;}
.card p:nth-of-type(2){width:100%;height:auto;margin:0px auto;padding:6px 0px;color:#ffffff;}
.card p:nth-of-type(2) span{font-size:18px;display:inline-block;padding:0px 5px;}
.card .point{background:#ffffff;width:95%;height:auto;margin:0px auto;padding:0px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
.card .point ul{width:100%;height:auto;margin:0px auto;padding:0px; font-size: 0;}
.card .point ul li{width:20%;height:45px;margin:0px auto;padding:0px;display:inline-block;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;box-sizing:border-box;position:relative;}
.card p.atogaki{width:95%;height:auto;margin:0px auto;padding:10px 0px;text-align:left;color:#ffffff;}
.card p.atogaki span{color:#fed200;}
	@media all and (max-width: 1024px) {
		.card p:nth-of-type(1){font-size:17px;}
		.card p:nth-of-type(1) span{font-size:12px;}
		.card .point ul li{height:47px;}
	}

/*======*/
.card .point ul li:nth-child(1):after{content:"1";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(2):after{content:"2";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(3):after{content:"3";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(4):after{content:"4";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(5):after{content:"5";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(6):after{content:"6";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(7):after{content:"7";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(8):after{content:"8";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(9):after{content:"9";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(10):after{content:"10";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(11):after{content:"11";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(12):after{content:"12";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(13):after{content:"13";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(14):after{content:"14";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(15):after{content:"15";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(16):after{content:"16";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(17):after{content:"17";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(18):after{content:"18";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(19):after{content:"19";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(20):after{content:"20";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(21):after{content:"21";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(22):after{content:"22";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(23):after{content:"23";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(24):after{content:"24";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(25):after{content:"25";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(26):after{content:"26";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(27):after{content:"27";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(28):after{content:"28";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(29):after{content:"29";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(30):after{content:"30";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(31):after{content:"31";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(32):after{content:"32";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(33):after{content:"33";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(34):after{content:"34";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(35):after{content:"35";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(36):after{content:"36";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(37):after{content:"37";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(38):after{content:"38";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(39):after{content:"39";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}
.card .point ul li:nth-child(40):after{content:"40";position: absolute;top:4px;right:4px;color:#777777;font-size:11px;line-height:100%;font-family:eigo;}

/*======*/
.card.normal li:nth-child(5):before , 
.card.normal li:nth-child(15):before , 
.card.gold li:nth-child(5):before , 
.card.gold li:nth-child(15):before
	{display:inline-block;width:100%;content:"2,000円割引";position: absolute;top:16px;left:0px;font-size:11px;line-height:120%;color:#bc0c0e;}

	@media all and (max-width: 1024px) {
		.card.normal li:nth-child(5):before , 
		.card.normal li:nth-child(15):before , 
		.card.gold li:nth-child(5):before , 
		.card.gold li:nth-child(15):before
			{display:inline-block;width:100%;content:"2,000円\A割引";position: absolute;top:16px;left:0px;font-size:11px;line-height:120%;color:#bc0c0e; white-space: pre;}
	}

.card.normal li:nth-child(10):before , 
.card.normal li:nth-child(20):before , 
.card.gold li:nth-child(10):before , 
.card.gold li:nth-child(20):before , 
.card.gold li:nth-child(25):before , 
.card.gold li:nth-child(30):before , 
.card.gold li:nth-child(35):before , 
.card.gold li:nth-child(40):before , 
.card.black li:nth-child(5):before , 
.card.black li:nth-child(10):before , 
.card.black li:nth-child(15):before , 
.card.black li:nth-child(20):before
	{display:inline-block;width:100%;content:"5,000円割引";position: absolute;top:16px;left:0px;font-size:11px;line-height:120%;color:#bc0c0e;}

	@media all and (max-width: 1024px) {
		.card.normal li:nth-child(10):before , 
		.card.normal li:nth-child(20):before , 
		.card.gold li:nth-child(10):before , 
		.card.gold li:nth-child(20):before , 
		.card.gold li:nth-child(25):before , 
		.card.gold li:nth-child(30):before , 
		.card.gold li:nth-child(35):before , 
		.card.gold li:nth-child(40):before , 
		.card.black li:nth-child(5):before , 
		.card.black li:nth-child(10):before , 
		.card.black li:nth-child(15):before , 
		.card.black li:nth-child(20):before
			{display:inline-block;width:100%;content:"5,000円\A割引";position: absolute;top:16px;left:0px;font-size:11px;line-height:120%;color:#bc0c0e;white-space: pre;}
	}

.card.black li:nth-child(25):before , 
.card.black li:nth-child(30):before , 
.card.black li:nth-child(35):before , 
.card.black li:nth-child(40):before
	{display:inline-block;width:100%;content:"6,000円割引";position: absolute;top:16px;left:0px;font-size:11px;line-height:120%;color:#bc0c0e;}

	@media all and (max-width: 1024px) {
		.card.black li:nth-child(25):before , 
		.card.black li:nth-child(30):before , 
		.card.black li:nth-child(35):before , 
		.card.black li:nth-child(40):before
			{display:inline-block;width:100%;content:"6,000円\A割引";position: absolute;top:16px;left:0px;font-size:11px;line-height:120%;color:#bc0c0e;white-space: pre;}
	}

.pointed:before{display:inline-block;width:100%;content:"" !important;position: absolute;top:15px;left:0px;}

/*======*/
.card .point ul li.pointed{background: url(../img/icon/bee.jpg) no-repeat;background-size:30px 30px;background-position:50% 50%;}
	@media all and (max-width: 1024px) {
		.card .point ul li.pointed{background: url(../img/icon/bee.jpg) no-repeat;background-size:25px 25px;background-position:50% 50%;}
	}
.card.normal li:nth-of-type(16) , .card.normal li:nth-of-type(17) , .card.normal li:nth-of-type(18) , .card.normal li:nth-of-type(19) , .card.normal li:nth-of-type(20){border-bottom:0px;}
.card .point ul li:nth-of-type(5) , .card .point ul li:nth-of-type(10) , .card .point ul li:nth-of-type(15) , .card .point ul li:nth-of-type(20) , .card .point ul li:nth-of-type(25) , .card .point ul li:nth-of-type(30) , .card .point ul li:nth-of-type(35) , .card .point ul li:nth-of-type(40){border-right:0px;}
.card.gold .point ul li:nth-of-type(36) , .card.gold .point ul li:nth-of-type(37) , .card.gold .point ul li:nth-of-type(38) , .card.gold .point ul li:nth-of-type(39) , .card.gold .point ul li:nth-of-type(40){border-bottom:0px;}
.card.black .point ul li:nth-of-type(36) , .card.black .point ul li:nth-of-type(37) , .card.black .point ul li:nth-of-type(38) , .card.black .point ul li:nth-of-type(39) , .card.black .point ul li:nth-of-type(40){border-bottom:0px;}
.dicount{width:100%;height:auto;margin:0px auto;padding-top:10px;color:#ffffff;}
.dicount span{font-size:18px;display:inline-block;padding:0px 5px;color:#fed200;}


/*======*/
.reservation_submit{width:100%;height:auto;margin:0px auto;padding:10px 0px;}
.reservation_submit ul{width:100%;height:auto;margin:0px auto;padding:10px 0px;}
.reservation_submit li:nth-of-type(1){width:20%;height:auto;margin:0px auto;padding:0px;display:inline-block;text-align:left;}
.reservation_submit li:nth-of-type(2){width:20%;height:auto;margin:0px auto;padding:0px;display:inline-block;text-align:left;}
.reservation_submit li:nth-of-type(3){width:20%;height:auto;margin:0px auto;padding:0px;display:inline-block;text-align:left;}
.reservation_submit li:nth-of-type(4){width:19%;height:auto;margin:0px auto;padding:0px;display:inline-block;text-align:left;}
.reservation_submit li:nth-of-type(5){width:19%;height:auto;margin:0px auto;padding:0px;display:inline-block;text-align:left;}
	@media all and (max-width: 1024px) {
		.reservation_submit ul{border-bottom: 1px dashed #dedede;}
		.reservation_submit li:nth-of-type(1){width:100%;height:auto;margin:0px auto;padding:0px;display:inline-block;text-align:left;}
		.reservation_submit li:nth-of-type(2){width:33%;height:auto;margin:0px auto;padding:0px;display:inline-block;text-align:left;}
		.reservation_submit li:nth-of-type(3){width:31%;height:auto;margin:0px auto;padding:0px;display:inline-block;text-align:left;}
		.reservation_submit li:nth-of-type(4){width:32.5%;height:auto;margin:0px auto;padding:0px;display:inline-block;text-align:left;}
		.reservation_submit li:nth-of-type(5){width:100%;height:auto;margin:0px auto;padding:0px;display:inline-block;text-align:left;}
	}