@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: 40px; font-weight:700; margin-bottom: 9px;}
h4.bg_gold{background: #a19372; font-size: 22px; color: #fff; text-align: center; padding: 20px 0; margin: 0 0 20px;}
p.access_text{font-size: 16px; line-height: 190%; font-weight: 300; }
.access { background: none; border-top: 1px solid #c9c9c9;}
nav ol { padding-bottom: 25px;}
.bg_box{padding: 50px 100px;}
.bg_white{background: #fff; padding: 40px;}
/*-------------- fv --------------*/
#fv {padding: 0 0 100px;}
#fv .fv { background:  url(../images/access/bg_01.png)no-repeat center center / cover; height: 350px;padding: 130px 0 120px; width: 87.5%;}
#fv .fv h2{color: #fff;  margin: 0 40% 0 26%; }
#fv .fv h2 .title{font-size: 50px;padding: 0 0 10px; letter-spacing: 0.2em;font-weight: 700;}
#fv .fv h2 .logo{font-size: 0px; }


/*-------------- about --------------*/
.bg { background: url(../images/access/bg_05.png?=240104)no-repeat center top 6.3%; background-size: 1130px;}
#space { text-align: center; height: 984px; }
#space h3 { font-size: 24px; font-weight: 400; margin-bottom: 21px;}
#space h3 span { display: block; font-size: 36px; font-weight: 700; margin: 15px 0 15px; letter-spacing: 0.04em; line-height: 1.333;}
#space p { letter-spacing: 0.04em; font-weight: 300; margin-bottom: 50px;}

/*-------------- meals --------------*/
#by-car{padding: 0 0 100px;}
#by-car h3{display: flex;text-align: center; display: flex;flex-direction: column; align-items: center; font-size: 16px; padding:0 0 18px; }
#by-car h3 .logo{height: auto; font-size: 0px; padding: 0 0 5px;}
#by-car h3 .title{padding: 0 0 8px; }
#by-car .access_text{text-align: center;    padding: 0 0 30px;}
#by-car .by_car_box{background: url(../images/access/bg_02.png) no-repeat center center; background-size: cover; }
#by-car .by_car_box img{padding: 0 0 40px;}
#by-car .by_car_box h5{text-align: center; font-size: 18px; padding: 0 0 15px;}
#by-car .by_car_box ul {display: flex; justify-content: space-between;width: 100%; padding: 0 0 70px}
#by-car .by_car_box ul li{display: flex; flex-direction: column; text-align: center;padding: 18px 0; width: 33%;justify-content: center}
#by-car .by_car_box ul li:nth-child(2){border-right: 1px solid #a19372; border-left: 1px solid #a19372; }
#by-car .by_car_box ul li span{color: #a19372; font-size: 20px; padding: 10px 0 0; font-weight:200;}

#by-car .by_car_box .drive h4{text-align: center; font-size: 24px; padding: 0 0 20px; font-weight: 700; letter-spacing: 0.08em;}
#by-car .by_car_box .bg_white .img_box{display: flex; justify-content: space-between;}
#by-car .by_car_box .bg_white .img_box img{width: 46%; height: auto; padding: 0 0 20px;}
#by-car .by_car_box .bg_white h5{text-align: left; font-weight: 500; font-size: 20px;}
#by-car .by_car_box .bg_white p{ line-height: 1.75;}
/*-------------- speciality --------------*/

#by-tain { padding-bottom: 100px;}
#by-tain h3 { text-align: center;  }
#by-tain h3 .icn{width: 33px; margin: 0 auto; padding: 0 0 15px;}
#by-tain p{text-align: center; line-height: 190%;padding: 0 0 27px;}
#by-tain .by_tain_box {background:url(../images/access/bg_03.png) no-repeat center center; }
#by-tain .by_tain_box .img_1 { padding: 0 0 70px;}
#by-tain .by_tain_box .box h4{font-size: 24px; font-weight: 700; letter-spacing: 3px; text-align: center; padding: 0 0 20px;}

#by-tain .by_tain_box .box .bg_white .img_box{display: flex; justify-content: space-between;}
#by-tain .by_tain_box .box .bg_white .img{width: 47%;}
#by-tain .by_tain_box .box .bg_white .img img{padding: 0 0 30px;}
#by-tain .by_tain_box .box .bg_white .img p{text-align: left;}
#by-tain .by_tain_box .box .bg_white .img h5{text-align: center; font-size: 20px; font-weight: 500; padding: 0 0 21px;}
#by-tain .by_tain_box .box .bg_white .img h6{text-align: left; font-size: 20px; line-height: 160%; font-weight: 500;}
#by-tain .by_tain_box .box .bg_white .img p{text-align: left; letter-spacing:0; padding: 0 0 35px;}
#by-tain .by_tain_box .box .bg_white .box_list{display: flex; justify-content: space-between;}
#by-tain .by_tain_box .box .bg_white .box_list img{width: 24%; height: auto;}

#by-tain .by_tain_box .jr_site { padding: 20px 0 0; text-align: center; }
#by-tain .by_tain_box .jr_site a { text-decoration: underline; color: #bdb28f; }

/*-------------- breakfast --------------*/

#by-bus h3 { text-align: center;}
#by-bus h3 .icn{width: 27px;height: auto;margin: 0 auto; padding: 0 0 20px;}
#by-bus p{text-align: center; padding: 0 0 30px;}
#by-bus .by_bus_box{padding: 0 0 100px;}
#by-bus .by_bus_box .img{background: url(../images/access/bg_04.png) no-repeat center center; background-size: cover; }
#by-bus h4 { font-size: 36px; font-weight: 700; letter-spacing: 0.04em; line-height: 1.333; margin-bottom: 24px; padding: 10px 0 0;}

#by-bus .by_taxi{padding: 0 0 100px;}
#by-bus .by_taxi h3{padding: 0 0 21px;}

#by-bus .map{padding:  0 50px;}
#by-bus .map .iframe{max-width: 1400px; width: 100%;  margin: 0 auto; padding: 0 0 40px; }
#by-bus .map .iframe .iframe_box{position: relative; padding:32% 0 0 ; }
#by-bus .map .iframe iframe{width: 100%; height: 100%; position: absolute; top: 0px;}
#by-bus .map .box p{text-align: right; font-size: 15px; width: 290px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
#by-bus .map .box p .icn{width: 12px;  display: block;}
#by-bus .map .box a{display: block; text-align: left; font-size: 12px; position: relative; border-bottom: 1px solid #000; padding: 0 0 10px; width: 115px; margin: 0 auto;}
#by-bus .map .box a:before{content: ""; position: absolute; border-top: 1px solid #000; width: 6px;height: 6px; right: 0px; top:3px ;border-right: 1px solid #000; transform: rotateZ(45deg);  }
/* ----------------------------- mobile ------------------------------- */
@media only screen and (max-width: 768px) {
	nav ol {padding: 115px 0 15px;}
	/*-------------- 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: 24px; margin-bottom: 11px;}
	h3 .icn{width: 8%;}
	h3 .logo { width: 20% !important ;padding: 0 0 15px !important; margin: 0 auto;}
	h4.bg_gold{font-size: 16px;  padding: 18px 0; margin: 0 0 20px;}

	p.access_text{font-size: 13px;font-feature-settings: "palt"; }
	.bg_box{padding: 25px 13px;}
	.bg_white{ padding: 15px;}
	/*-------------- fv --------------*/
	#fv {    padding: 0 0 50px;}
	#fv .fv { background: url(../images/access/bg_01_sp.png) no-repeat center center / cover; height: auto; padding: 25% 0; width: 100%;}
	#fv .fv h2 .title {font-size: 25px; padding: 0 0 16px; margin: 0px;}
	#fv .fv h2 .logo {max-width: 70px; width: 100%; margin: 0 auto;}
	#fv .fv h2 {margin: 0 auto;}


	/*-------------- about --------------*/
	
	.bg { background: none; }
	#space { text-align: center; height: auto;padding-bottom: 247%;background: url(../images/access/bg_05_sp.png?=240104)no-repeat center top 90%; background-size: 100%; }
	#space h3 { font-size: 15px; margin-bottom: 12px;}
	#space h3 span { font-size: 25px; line-height: 1.4; margin-top: 12px;}
	#space p { margin-bottom: 28px;}

	
	/*-------------- meals --------------*/
	#by-car{ padding: 0 0 50px;}
	#by-car h3{ font-size: 14px; padding: 0 0 15px;}
	#by-car h3 .tt{font-size: 22px; }
	#by-car p span{  font-size: 13px; padding: 2px 0 40px;}
	#by-car .by_car_box img { padding: 0 0 20px;}
	#by-car .by_car_box h5 { font-size: 15px; padding: 0 0 9px; }
	#by-car .by_car_box ul {padding: 0 0 35px; }
	#by-car .by_car_box ul li { padding: 13px 0; font-size: 13px; width: 31%;}
	#by-car .by_car_box ul li:nth-child(2){width: 38%;}
	#by-car .by_car_box ul li span {font-size:18px; padding: 10px 0 0; }
	#by-car .by_car_box .drive h4{font-size: 17px;letter-spacing: 1px;}
	#by-car .by_car_box .bg_white .img_box {flex-direction: column;}
	#by-car .by_car_box .bg_white h5 {font-size: 15px; line-height: 167%;}
	#by-car .by_car_box .bg_white .img_box img {width: 100%; height: auto; padding: 0 0 10px;}
	#by-car .by_car_box .bg_white p {padding: 0px; font-size: 13px;}
	/*-------------- speciality --------------*/
	
	#by-tain { padding: 0 0 50px;}
	#by-tain p{padding: 0 0 20px;}
	#by-tain .by_tain_box .img_1 {padding: 0 0 35px;}
	#by-tain .by_tain_box .box h4 { font-size: 17px;padding: 0 0 20px; letter-spacing: 1px;}
	#by-tain .by_tain_box .box .bg_white .img h5 {font-size: 15px; padding: 0 0 10px;}
	#by-tain .by_tain_box .box .bg_white .img img { padding: 0 0 15px; width: 100%;}
	#by-tain .by_tain_box .box .bg_white .img h6{ font-size: 14px; padding: 0 0 10px;}
	#by-tain .by_tain_box .box .bg_white .img p {    padding: 0 0 18px;}
	#by-tain .by_tain_box .box .bg_white .box_list { flex-wrap: wrap;}
	#by-tain .by_tain_box .box .bg_white .img_box {flex-direction: column;}
	#by-tain .by_tain_box .box .bg_white .img { width: 100%;}
	#by-tain .by_tain_box .box .bg_white .box_list img {width: 49%;height: auto;}
	#by-tain .by_tain_box .box .bg_white .box_list img:nth-child(1),
	#by-tain .by_tain_box .box .bg_white .box_list img:nth-child(2){padding: 0 0 2%;}
	/*-------------- breakfast --------------*/
	
	#by-bus .flex { display: block; width: 90%; margin: 0 auto; background: none; }
	#by-bus img { width: 100%;}
	#by-bus  h3 .logo{width:16% !important; height: auto; margin: 0 auto 20px; padding: 0px !important; }	
	#by-bus .flex .box_1 { width: 100%;  padding: 0; }
	#by-bus .by_bus_box { padding: 0 0 50px;}
	
	#by-bus .by_taxi{padding: 0 0 50px;}
	#by-bus .by_taxi h3{padding: 0 0 15px;}
	#by-bus .by_taxi h3 span{ line-height: 160%;}
	#by-bus .by_taxi h3 .icn {width: 27px; padding: 0 0 10px;font-size: 0px;}
	#by-bus .by_taxi h3 .logo{width:16% !important;  margin: 0 auto 10px; padding: 0px !important; font-size: 0px; }	
	#by-bus .by_taxi p{font-size: 13px; line-height: 180%; padding: 0px;}
	
	#by-bus .map { padding: 0;}
	#by-bus .map .iframe { padding: 0 0 25px;}
	#by-bus .map .iframe .iframe_box{padding:60% 0 0 ; }
	#by-bus .map .box p{font-size: 13px;  text-align: center; width: 100%; max-width: 246px; padding: 0 0 30px}
	#by-bus .map .box p .icn{width: 9px; margin: 0 2% 0 0;}
	#by-bus .map .box a{font-size: 13px; padding: 0 0 10px; width: 100%; max-width: 125px;}
	#by-bus .map .box a:before{width: 7px; height: 7px; right: 0px; top: 4px;}
}