@charset "utf-8";

/*-------------- all --------------*/


.btns { display: block; width: 320px; border: 1px solid #9a8b68; padding: 25px 0; font-size: 14px; text-align: center; letter-spacing: 0.04em; color: #bdb28f; font-weight: 700; margin: 100px auto;}
.view { font-weight: 700; letter-spacing: 0.04em; color: #bdb28f; text-decoration: underline; text-decoration-color: #bdb28f; text-underline-offset: 9px;}
h3 { font-size: 20px; letter-spacing: 0.04em;}
h3 span { display: block; font-size: 50px; font-weight: 500; margin-bottom: 11px;}

.mt-100{ margin-top: 100px; }
.access { background: none; border-top: 1px solid #c9c9c9;}

/*-------------- fv --------------*/

#fv .fv { background: url(../images/dayuse/bg_01.jpg) no-repeat center center / cover; }
#fv h2 span { letter-spacing: 4px; margin: 0 0 20px;}
/*------------------- restaurant -------------------*/
#restaurant {text-align: center; padding: 90px 0 94px;}
#restaurant h3{font-size: 24px;line-height: 180%; padding: 0 0 10px;}
#restaurant h3 .title{font-weight: 700; font-size: 36px; padding: 10px 0 ; letter-spacing: 0.025em;}
#restaurant p{font-size: 16px; line-height: 200%; letter-spacing: 0.04em;}

/*------------------- plan -------------------*/
#plan{ background: url(../images/dayuse/bg_02.png) no-repeat center top; background-size: 100%;  border-bottom: 1px solid #c9c9c9;}
#plan .img{padding: 100px 0 74px;}
#plan h3{font-size: 16px;text-align: center; }
#plan h3 .logo{display: block; margin: 0 auto 20px; font-size: 0px;}
#plan .plan_box{padding: 50px 0 0;}
#plan .plan_box .plan_box_2{display: flex; justify-content: space-between; }
#plan .plan_box .plan_list { padding: 0 0 30px;}
#plan .plan_box .plan_list .tb{ width: 98%; }
#plan .plan_box .plan_list .tb tr td{padding: 20px 0;}
#plan .plan_box .plan_list .tb tr{ width: 100%; height: auto;}
#plan .plan_box .plan_list .tb tr th{background: #000; color: #fff; font-size: 16px; font-weight: 500; padding: 8px 0; height: 34px; font-family: 'source-han-sans-cjk-ja', sans-serif; font-weight: 500; font-style: normal;}
#plan .plan_box .plan_list .tb:nth-child(2) tr td{ padding: 22px 0 18px; height: 67px;}
#plan .plan_box .plan_list .tb tr .price span { font-family: din-2014, sans-serif; font-weight: 600; font-size: 20px; }
#plan .plan_box .plan_list .tb tr td{width: 50%; }
#plan .plan_box .plan_list .tb.time tr td:nth-child(2),
#plan .plan_box .plan_list .tb.reservation tr td:nth-child(2){text-align: right;}
#plan .plan_box .plan_list .tb tr td span{font-size: 13px; line-height: 200%;  }

#plan .plan_box .plan_list .three tr:last-child td{ padding: 19px 0 53px;}
#plan .plan_box .plan_list .box h4 .span_box{display: flex;flex-wrap: wrap;align-items: center; justify-content: center;padding: 0 0 10px;}
#plan .plan_box .plan_box_2 .box:nth-child(2) h4 .span_box { display: block;}

#plan .plan_box .plan_list .box h4,
#plan .plan_box .plan_list .box h4 .span_box .tt_3{line-height: 140%; font-size: 28px; padding: 0 0 10px;}
#plan .plan_box .plan_list .box h4  span.ten_box{font-weight: 700;}

#plan .plan_box .plan_list .reservation tr td{padding: 22px 0 18px; height: 67px;}
#plan .plan_box .box{width: 530px;}
#plan .plan_box .plan_list .box:nth-child(1) h4{padding: 0 0 65px; }
#plan .plan_box.plan_2 .box:nth-child(1){padding: 73px 0 0;}
#plan .plan_box.plan_2 .box:nth-child(1) h4{padding: 0 0 34px;}
#plan .plan_box.plan_2 .box:nth-child(2) h4{padding: 0 0 10px;}
#plan .plan_box .box h4{font-size: 28px; text-align: center; font-weight: 700; }

#plan .plan_box .box h4 .logo{font-size: 0px; display: block; margin:0 auto  16px;}
#plan .plan_box .box h4 .span_box .tt_3{display: block; float: left; margin: 0 5px 0 0;font-weight: 700; font-size: 30px;}
#plan .plan_box .box h4 .span_box .tt{font-size: 18px; background: #8c0000; font-weight: 500; color: #fff; padding: 8px 10px;float: left; margin: 0 0 0 2%;}
#plan .plan_box .box h4 .tt_2{display: block; font-size: 12px; text-align: right; padding: 5px 0 0;float: right;}

#plan .plan_box.plan_1 .plan_box_2 .box h4 .span_box .tt { margin: 0 0 0 12%;}
#plan .plan_box.plan_1 .plan_box_2 .box h4 .span_box .tt_2 { padding: 10px 0 0; margin: 0 18% 0 0;}
#plan .plan_box.plan_1 .plan_box_2 .box h4 .span_box .tt_3 { float: none; }

#plan .plan_box .box .gold_box{position: relative;}
#plan .plan_box .box .gold{background: #979179; border-radius: 50px; width: 100%; text-align: center; color: #fff; font-size: 20px; font-weight: 500; padding: 10px 0;  margin: 0 0 33px; position: relative; z-index: 1;}
#plan .plan_box .box .gold_box:before{content: ""; background:url(../images/dayuse/icn_00.png) no-repeat center center; background-size: 100%; width: 17px; height: 18px; position: absolute;bottom: -14px; left: 49%; right: auto;}


#plan .plan_box .box table{width: 100%;}
#plan .plan_box .box table tr:nth-child(2) td{padding: 30px 0 20px; }
#plan .plan_box .box table tr:nth-child(2) td.week{text-indent: -1em; padding: 30px 0 20px 1em; line-height: 160%; }
#plan .plan_box .box table tr td{font-size: 16px;  font-weight: 500;padding:  20px 0; }
#plan .plan_box .box table tr.border td{  padding: 23px 0 0px 0 ;}
#plan .plan_box .box table.box_1 tr:nth-child(5) td{padding: 13px 0 21px;}
#plan .plan_box .box table.box_1 tr:nth-child(6) td{padding: 19px 0 53px;}
#plan .plan_box .box table.box_2 tr:nth-child(2) td{padding: 22px 0 18px; height: 67px; }
#plan .plan_box .box table.box_2 tr:not(:nth-child(1),:nth-child(2)) td{padding: 20px 0; }

#plan .plan_box .box table tr .price{ text-align: right;font-size: 16px;}
#plan .plan_box .box table tr .price span{ font-family: din-2014, sans-serif; font-weight: 600; font-size: 20px;}
#plan .plan_box .box table th{background: #000; color: #fff; font-size: 16px; font-weight: 500; padding: 8px 0 ; height: 34px; font-family: 'source-han-sans-cjk-ja', sans-serif; font-weight: 500; font-style: normal;}

#plan .plan_box  table .tr_box td{border-bottom: 1px solid #c9c9c9;}
#plan .plan_box .box table .timetable{padding: 20px 0 ;}
#plan .plan_box .box table .timetable .timetable_box{display: flex; align-items: center; padding: 0 82px;}
#plan .plan_box .box table .timetable .timetable_box span{display: block; text-align: center ;font-size: 18px; font-weight: 500;}
#plan .plan_box .box table .timetable .timetable_box span:nth-child(1){ background: #fff; border: 1px solid #000; color: #000;  width: 150px; padding: 8px 0 6px;font-family: din-2014, sans-serif; font-weight: 500; font-style: normal;}
#plan .plan_box .box table .timetable .timetable_box span:nth-child(2){ padding: 0 22px;}
#plan .plan_box .box table .timetable .timetable_box span:nth-child(3){background: #979179; border: 1px solid #979179; color: #fff;  width: 150px; padding: 8px 0 6px; font-family: din-2014, sans-serif; font-weight: 500; font-style: normal;}

#plan .plan_box .box table tr .line span{ display: block; border: 1px solid #000; border-radius: 50px; font-size: 14px; padding: 4px 5px; text-align: center; margin: 0 48px 0 28px;}
#plan .plan_box .box table tr.border td span{display: block; border-left: 4px solid #000;padding: 4px 0 4px 16px ;}
#plan .plan_box .box table.box_2 .text td{line-height: 2; font-size: 13px;font-weight: 100; vertical-align: top; padding: 15px 0 43px ;}
#plan .plan_box .box:nth-child(2) table.box_2 .text td{padding: 13px 0 178px;}


#plan .note_tt{font-size: 13px; text-align: center; padding: 40px 0;}
#plan .btn_box.btn_1{ padding: 0 0 30px;}
#plan .btn_box{width: 870px; margin: 0 auto ; display: flex;justify-content: space-between;}
#plan .btn_box .btn{display: block;width: 420px; height: auto; text-align: center;}
#plan .btn_box .btn.red{color: #fff; font-size: 20px; background: #8c0000; border: 1px solid #8c0000; padding: 30px 0;font-weight:500;}
#plan .btn_box .btn.whited{color: #000; font-size: 14px; background: #fff; border: 1px solid #000; padding: 17px 0;}
#plan .btn_box .btn.whited .tel{font-size: 30px; display: flex; align-items: center; justify-content: center;padding: 0 0 5px; font-family: din-2014, sans-serif; font-weight: 600;}
#plan .btn_box .btn.whited span img{margin: 0 5px 0 0;width: 22px;}
#plan .btn_box .btn.whited .tt{}

#plan .slide{position: relative; padding: 100px 0 120px; overflow: hidden;}
#plan .slide .slick-list-img { margin: 0 10px;}
#plan .slide .slick-list-img img{width: 100%; height: 100%;}
#plan .slide .slick-dots { bottom: -35px;}
#plan .slide .slick-dots li { width: 14px; height: 14px; margin: 0 10px; background-color: #c9c9c9; border-radius: 50%;}
#plan .slide .slick-dots li.slick-active { background-color: #8c0000;}
#plan .slide .slick-dots li button::before { color: transparent;}

#notes{padding: 50px 0 0; border-bottom: 1px solid #c9c9c9;}
#notes h3{font-size: 23px; border-left: 4px solid #000; padding: 0 0 0 16px; margin: 0 0 25px; letter-spacing: 0.03em;}
#notes p{font-size: 16px;  line-height:2; letter-spacing:0;}

#link_box{padding: 50px 0;}
#link_box .box{display: flex; justify-content: space-between;}
#link_box .box .img_box{width: 346px; height: auto; display: block;}
#link_box .box .img_box p{font-size: 20px; display: flex; align-items: center; padding: 20px 0 0;}
#link_box .box .img_box p img{margin: 0 10px 0 0;}
/* ----------------------------- mobile ------------------------------- */
@media only screen and (max-width: 768px) {
	
	/*-------------- all --------------*/
	
	.btns { display: block; width: 80%; margin: 0 auto; padding: 18px 0; font-size: 12px; background-color: #fff; margin: 50px auto;}
	.view { }
	h3 { font-size: 15px;}
	h3 span { font-size: 40px; margin-bottom: 11px;}
	
	.mt-100{ margin-top: 50px; }
	
	/*-------------- fv --------------*/
	
	#fv .fv { background: url(../images/dayuse/bg_01_sp.jpg) no-repeat center center / cover;}
	#fv h2 span {font-size: 0px;/*  width: 40%; */ margin: 0 auto 15px; }
	#fv h2 span img { width: auto; height: 32.5px;}
	/*------------------- restaurant -------------------*/
	#restaurant { padding: 26px 0 31px;}
	#restaurant h3{font-size: 15px;padding: 0 0 5px;}
	#restaurant h3 .title{ font-size: 25px;padding: 5px 0 0px; line-height: 160%; margin: 0px;}
	#restaurant p{font-size: 13px; text-align: left; }
	
	
	/*------------------- plan -------------------*/
	#plan{ background: url(../images/dayuse/bg_02.png) no-repeat center top;  margin:  0 0 50px; }
	#plan .img{padding: 50px 0 37px;}
	#plan h3{font-size: 15px; }
	#plan h3 .logo{ margin: 0 auto 10px;/*  width: 28%; */}
	#plan h3 .logo img { width: auto; height: 24.5px;}
	#plan .plan_box .box table .tr_box td{border-bottom: none;}
	#plan .plan_box .box table .tr_box td:last-child{border-bottom: 1px solid #c9c9c9;}
	
	
	#plan .plan_box{padding: 30px 0 0;overflow-x: scroll; }
	#plan .plan_box .plan_box_2{width: 625px; }
	#plan .plan_box .plan_box_2::after{display: none;}
	#plan .plan_box .box{width: 300px;}	
	#plan .plan_box .plan_list .box h4 span.ten_box { font-size: 15px;}
	#plan .plan_box .plan_list .box h4 .span_box .tt_3 { flex-direction: column; }
	#plan .plan_box .plan_list .box:nth-child(1) h4{padding: 0 0 5px; }
	#plan .plan_box.plan_2 .box:nth-child(1){padding: 86px 0 0;}
	#plan .plan_box.plan_2 .box:nth-child(1) h4{padding: 0 0 13px;}
	#plan .plan_box.plan_2 .box:nth-child(2) h4{padding: 0 0 5px;}
	#plan .plan_box .box:nth-child(1){padding: 34px 0 0;}
	#plan .plan_box .box h4{font-size: 20px; height: auto;padding: 0 0 25px;}
	#plan .plan_box .box h4 .logo{font-size: 0px; /* width: 26%; */ margin:0 auto 8px;}
	#plan .plan_box .plan_list .box h4, 
	#plan .plan_box .plan_list .box h4 .span_box .tt_3 { padding: 0px; font-size: 20px;}
	#plan .plan_box .box h4 .logo img { width: auto; height: 10.5px;}
	#plan .plan_box .box:nth-child(2) h4 .logo{ /* width: 54%; */ margin: 0px auto 7px;}
	#plan .plan_box .plan_list .box h4 .span_box {display: block;padding: 0 0 5px;}
	#plan .plan_box .box h4 .span_box .tt{font-size: 13px; padding: 5px 8px; margin: 0 0 ;}
	#plan .plan_box .box h4 .span_box .tt_3 {float: none;font-size: 20px; width:100%; margin: 0px 0 10px ;}
	#plan .plan_box .box h4 .tt_2{font-size: 12px; padding: 7px 0 0; float: left; margin:0;}
	#plan .plan_box.plan_1 .plan_box_2 .box h4 .span_box .tt { margin: 0 0;}
	#plan .plan_box.plan_1 .plan_box_2 .box h4 .span_box .tt_2 { padding: 7px 0 0; margin: 0 0;}

	#plan .plan_box .box .gold_box{position: relative;}
	#plan .plan_box .box .gold{ width: 100%;  font-size: 13px; padding: 5px 0;  margin: 0px 0 19px; line-height: 120%;}
	#plan .plan_box .box .gold_box:before{width: 12px; height: 13px; bottom: -12px;}
	
	#plan .plan_box .box table{width: 100%;}
	#plan .plan_box .box table.three tr:not(:first-child) td:nth-child(1){width: 40%; height: auto; float: left; padding: 17px 0 5px ;}
	#plan .plan_box .box table.three.box_1 tr:not(:first-child) td:nth-child(2){width: 30%;  height: auto;float: left;padding: 15px 0 5px ; }
	#plan .plan_box .box table.three.box_3 tr:not(:first-child) td:nth-child(2){width: 45%;  height: auto;float: left;padding: 15px 0 5px ; }
	#plan .plan_box .box table.three tr:not(:first-child) td:nth-child(3){width: 100%; height: auto; float: left; padding: 0 0 19px 12px;}
	#plan .plan_box .box table.three.box_1 tr:last-child td:nth-child(3) {padding: 0 0 19px 12px ;}
	#plan .plan_box .box table.three.box_1 tr:nth-child(4) td:nth-child(1){ padding: 17px 0 0px ; width: 100%;}
	
	#plan .plan_box .box table.two tr:not(:first-child) td:nth-child(1){width: 100%; height: auto; float: left;padding: 15px 0 10px ;}
	#plan .plan_box .box table.two tr:not(:first-child) td:nth-child(2){width: 100%;  height: auto;float: left;padding: 0 0 15px 12px ;}
	#plan .plan_box .box table.two tr:first-child td:nth-child(1){width: 100%; height: auto; float: left;padding: 15px 0 10px ;}
	#plan .plan_box .box table.two tr:nth-child(2) td.timetable{padding: 24px 0 10px;}
	#plan .plan_box .box:nth-child(1) table.two tr.text td{padding: 14px 0 28px;}
	#plan .plan_box .box:nth-child(2) table.two tr.text td{padding: 14px 0 240px;}
	#plan .plan_box .box table.two tr.text td span{text-indent: -1em; padding-left: 1em;display: block; line-height: 2;}
	
	#plan .plan_box .box table.three.box_3 tr:not(:first-child) td:nth-child(1){padding: 20px 0 8px ;}
	#plan .plan_box .box table.three.box_3 tr:not(:first-child) td:nth-child(2){padding: 18px 0 8px ;}
	#plan .plan_box .box table.three.box_3 tr:not(:first-child) td:nth-child(3){padding: 0 0 19px 12px;}
	#plan .plan_box .box table.three.box_3 tr:last-child td:nth-child(3) {padding: 0 0 15px 12px ;}
	
	#plan .plan_box .box:nth-child(2) table.three.box_3 tr:not(:first-child) td:nth-child(1){padding: 20px 0 12px ;}
	#plan .plan_box .box:nth-child(2) table.three.box_3 tr:not(:first-child) td:nth-child(2){padding: 18px 0 12px ;}
	#plan .plan_box .box:nth-child(2) table.three.box_3 tr:not(:first-child) td:nth-child(3){padding: 0 0 25px 12px;}
	#plan .plan_box .box:nth-child(2) table.three.box_3 tr:last-child td:nth-child(3) {padding: 0 0 20px 12px ;}
	
	
	
	#plan .plan_box .box table tr td{font-size: 15px;  padding:  10px 0;}
	#plan .plan_box .box table.box_2{height: auto;}
	
	#plan .plan_box .box table tr .price{ font-size: 15px; display: block; text-align: left;}
	#plan .plan_box .box table tr .price span{font-size: 25px;}
	#plan .plan_box .box table th{font-size: 15px; padding: 8px 0; height: auto;}
	
	#plan .plan_box .box table .timetable{padding: 10px 0 ;}
	#plan .plan_box .box table .timetable .timetable_box{ padding: 0 0%; justify-content: space-between;}
	#plan .plan_box .box table .timetable .timetable_box span{font-size: 15px; }
	#plan .plan_box .box table .timetable .timetable_box span:nth-child(1){width: 50%; padding: 7px 0 5px;}
	#plan .plan_box .box table .timetable .timetable_box span:nth-child(2){padding: 0 11px; width: 15%;}
	#plan .plan_box .box table .timetable .timetable_box span:nth-child(3){width: 50%; padding: 7px 0 5px;}
	
	#plan .plan_box .box table tr .line span{font-size: 12px; padding: 4px 5px; margin:0px 8% 0 1%;;}
	#plan .plan_box .box table tr.border td span{border-left: 4px solid #000;padding: 2px 0 2px 8px ;}
	#plan .plan_box .box table.box_2 .text td{font-size: 13px; font-feature-settings: "palt"; }
	
	#plan .plan_box .box table tr:nth-child(2) td.week{text-indent: -1em; padding: 13px 0 5px 1em !important; }
	#plan .plan_box .plan_list .tb { width: 100%; }
	#plan .plan_box .plan_list { width: 625px; padding: 0 0 15px;}
	#plan .plan_box .plan_list .tb tr td{padding: 20px 0; height: auto;}
	#plan .plan_box .plan_list .tb tr{ width: 100%; height: auto;}
	#plan .plan_box .plan_list .tb tr th{font-size: 16px; padding: 8px 0; height: 34px; }
	#plan .plan_box .plan_list .tb:nth-child(2) tr td{ padding: 22px 0 18px; height: auto;}
	#plan .plan_box .plan_list .tb tr .price{border-bottom: 1px solid #c9c9c9; padding: 0 0 5px; text-align: center;}
	#plan .plan_box .plan_list .tb tr .price span {font-size: 25px; } 
	#plan .plan_box .plan_list .tb tr.text td{padding: 15px 0;}
	#plan .plan_box .plan_list .tb tr td{width: 100%; display: block; border-bottom: none; padding: 15px 0 5px;height: auto;}
	#plan .plan_box .plan_list table.three.box_1 tr:nth-child(4) td:nth-child(1){width: 40%;}
	#plan .plan_box .plan_list .tb.time .weekdays.tr_box td{text-align: center;}
	#plan .plan_box .plan_list .tb.reservation tr td:nth-child(2) {text-align: left; }
	
	#plan .plan_box .plan_list .reservation tr td{padding: 22px 0 18px; }

	#plan .note_tt{font-size: 13px; padding: 20px 0 35px; line-height: 0%;font-feature-settings: "palt"; text-align: left;}
	#plan .note_tt span{display: block;line-height: 180%;text-indent: -1em; padding-left: 1em;}
	#plan .btn_box{width: 80%; flex-direction: column;}
	#plan .btn_box .btn{width: auto; height: auto; text-align: center;}
	#plan .btn_box .btn.red{font-size: 13px; padding: 18px 0 19px; margin: 0 0 15px;}
	#plan .btn_box .btn.whited{font-size: 12px;  padding: 8px 0; display: flex; flex-direction: column-reverse;}
	#plan .btn_box .btn.whited .tel{ font-size: 20px;display: block; padding: 7px 0 0;}
	#plan .btn_box .btn.whited span img{margin: 0 5px 3px 0;width: 15px;}
	
	#plan .slide{position: relative; padding: 50px 0 60px; overflow: hidden;}
	#plan .slide .slick-list-img{max-width: 300px; max-height: 300px; margin: 0 10px;}
	#plan .slide .slick-list-img img{width: 100%; height: 100%;}
	#plan .slide .slick-dots { bottom: -35px;}
	#plan .slide .slick-dots li { width: 9px; height: 9px; margin: 0 5px; }
	#plan .slide .slick-dots li button::before { color: transparent;}
	
	#notes{padding: 0px; }
	#notes h3{font-size: 18px; border-left: 4px solid #000; padding: 0 0 0 8px; margin: 0 0 13px;}
	#notes p{font-size: 13px;font-feature-settings: "palt";}
	
	#notes p span.top{ line-height:2; display: block;}
	#notes p span.box{text-indent: -0.5em; padding-left: 0.5em;display: block; line-height:2; letter-spacing:0;}
	
	#link_box{padding: 50px 0;}
	#link_box .box{flex-direction: column;}
	#link_box .box .img_box{width: 100%;}
	#link_box .box .img_box:not(:last-child){margin: 0 0 25px;}
	#link_box .box .img_box img{width: 100%; }
	#link_box .box .img_box p{font-size: 15px; display: flex; align-items: center; padding: 10px 0 0; }
	#link_box .box .img_box p img{margin: 0 7px 0 0; width: 5%;height: 5%;}

}