@charset "UTF-8";


/* Common
   ============================= */
body { font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }

.fadeOff { opacity: 0; -webkit-transition: 1s all; transition: 1s all; -webkit-transform: translateY(50px); transform: translateY(50px); }
.fadeOn { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); z-index: 2; }
@media screen and (max-width:479px){
	.pc { display: none; }
	.sp { display: block; }
}
@media screen and (min-width:480px){
	.pc { display: block; }
	.sp { display: none; }
}


/* SNS
   ============================= */
.sns { overflow:hidden; margin:1em 0 0.5em 0; text-align: left;}
.sns #facebook { float:left; width:20%; text-align: left; }
.sns #twitter { float:left; width:auto; margin-right:5px; }


/* Contents
   ============================= */
#contents_section { background: hsla(40, 100%, 93%, 0.8); }
#footprint { margin-bottom: 1em; }
#contents {color: #333; background: hsla(40, 100%, 93%, 0.8); }
#pageTitle { margin-bottom: 40px; }
#pageTitle h1 { float: none; float: none; }
#pageTitle img { width: 100%; }
#intro { width: 800px; margin: 0 auto; text-align: center; }
@media screen and (max-width:479px){
	#intro { margin-bottom: 0; }
}
@media screen and (max-width:479px){
	#intro { width: 100%; padding: 0 2%; -webkit-box-sizing: border-box;
	box-sizing: border-box; }
}

#intro h1 { font-size: 2.5em; float: none; font-weight: bold; }
.shopName h1 {font-size: 1.8em;float: none;font-weight: bold;width: 100%;padding: 1em 0;text-align: center;color: #333;margin: 0 0 1em 0;}
@media screen and (max-width:479px){
	.shopName h1 { background: #ff7222; color: #fff; }
}
#main { }
#main img { width: 100%; }
#main h1 {font-size: 1.3em;line-height: 1;font-weight: bold;margin-bottom: 1.5em;border-bottom: 2px solid #EC6300;padding-bottom: 1em;color: #EC6300;}
#main h2 { font-size: 2.5em; margin-bottom: 1em; border: 0; }
@media screen and (max-width:479px){
	#main h1 { text-align: center; color: #333; }
	#main h2 { height: auto; margin-bottom: .5em; }
}
#main h3 { font-size: 2.5em; }
#main p {font-size: 1.2em;}
@media screen and (max-width:479px){
	#main p { font-size: 1.4em; }
}

#contents section { width: 100%; padding: 0 0 20px; }
.innerWrap {width: 800px;margin: 0 auto;overflow: hidden;margin-bottom: 60px;padding: 2em 2em;}
@media screen and (max-width:479px){
	.innerWrap { width: 100%; padding: 0 2%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; }
}
article {margin-bottom: 4em;padding-bottom: 4em; border-bottom: 1px solid #ddd; position:relative;background: transparent;}
article:last-child { border-bottom: 0; }
article h3 { color: #866030;font-size: 1.5em!important;font-weight: bold; }

#slide {margin-bottom: 4em;}

.imageBox { float: left; width: 50%;}
.imageBox .mainImage {}
.imageBox .subImage { }
.imageBox .subImage .subImageBox {  }
@media screen and (max-width:479px){
	.imageBox { float: none;width: 100%;margin-bottom: 3em;}
}

.infoBox {float: right;width: 46%;}
.infoBox {  }

.detail .infoBox { float: none; width: 100%; }

@media screen and (max-width:479px){
	.infoBox {float: none;width: 100%;}
}
.shopTitle {margin-bottom: 3.5em;}


.shopTitle h1 {float: none;}
.shopTitle h4 {font-size: 1.5em;margin-bottom: 0.5em;color: #333;font-weight: bold;}
.shopTitle p {margin-bottom: 1em;}

.infoBox .featureBox {border: 3px solid #866030;color: #866030;margin-bottom: 2em;background: #fff;}
.infoBox .feature {font-weight: bold;border-bottom: 1px solid #866030;padding: 1em;line-height: 1.8;}
.infoBox .feature:last-child { border: 0; }
.infoBox .feature ul { font-size: 1.2em; line-height: 1.8; font-weight: normal;}
.infoBox .feature li { margin-bottom: .5em; color:#333; font-weight: normal; list-style: disc; margin-left: 1em; }

.infoBox .data {margin-bottom: 1.5em;font-size: 1.3em;}
.infoBox .data .tel {}
.infoBox .data .tel::before { color:#c8a374; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f098"; margin-right: .5em; }
.infoBox .data .address {}
.infoBox .data .address::before { color:#c8a374; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f041"; margin-right: .5em; }
.infoBox .data .time {}
.infoBox .data .time::before { color:#c8a374; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f017"; margin-right: .5em; }

.infoBox a { text-decoration: none!important; }
.infoBox .Btn { color: #fff;padding: 1em; text-align: center;  margin-bottom: 1em; border-radius: 6px; }
.infoBox .shopBtn,
.infoBox .shopBtnToBack {background: #5785f3; }
.infoBox .shopBtnLink { background: #51c34b;}
.infoBox .shopBtnToBack::before { font-family: "Font Awesome 5 Free"; font-weight: bold; content:"\f359"; margin-right: .5em; }
.infoBox .shopBtnLink::before { font-family: "Font Awesome 5 Free"; font-weight: bold; content:"\f35d"; margin-right: .5em; }

.note { border: 2px solid #ec6300; padding: 2em; background: #fff; }
.note h4 { font-weight: bold; font-size: 1.8em; }
.note p { font-size: 1.4em; }
.note dl { font-size: 1.4em; padding-bottom: .5em; border-bottom: 1px solid #ddd; margin-top: 2em; }
.note dl:last-child { border-bottom: 0; }
.note dt { display: inline-block; font-weight: bold; }
.note dd { display: inline-block; }
.note dd a { text-decoration: none; }

.entry-bar {width: 100%;padding: 0;margin: 0;position: fixed;bottom: 0; left: 0;z-index: 999;}
.entry-bar a {display: block;background: #ff7222;color: #fff!important;padding: 1em 0; text-decoration: none!important;width: 100%;text-align: center;font-size: 1.5em;  }
.entry-bar a::before { color:#fff; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f095"; margin-right: .5em; }


/* swiperカスタム */
.swiper-pagination-bullet-active { background: #fff!important; }
.swiper-caption { position: absolute; z-index: 999; background: rgba(0, 0, 0, .6); bottom: .5%; left: 0; width: 100%; padding: .5em 1em;box-sizing: border-box; color: #fff; }