@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){
	.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
   ============================= */
#footprint { margin-bottom: 1em; }
#contents {color: #333;/* background: #fff; */}
#pageTitle { margin: 20px 0 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; text-align: left;margin-bottom: .5em;font-weight: bold; color: hsl(152, 100%, 20%);}
#intro h4 { font-size: 1.6em; line-height: 1.7;text-align: left;color: #333;margin-bottom: 1.5em; }
@media screen and (max-width:479px){
	#intro h1 { font-size: 2em;color: hsl(152, 100%, 20%); }
}
#main { }
#main img { width: 100%; }
#main h1 {font-size: 1.8em;line-height: 1;font-weight: bold;margin-bottom: 1.5em;}
#main h2 { font-size: 2em; margin-bottom: 2em; border: 0;font-weight: bold; }
@media screen and (max-width:479px){
	#main h1 { text-align: center; }
	#main h2 { height: auto; margin-bottom: .5em; font-size: 1.7em; }
}
#main h3 { font-size: 2.5em; }
#main p {font-size: 1.6em; line-height: 2;}
@media screen and (max-width:479px){
	#main p { font-size: 1.4em; }
}

#contents section { width: 100%; padding: 40px 0 20px; }
.innerWrap {width: 800px;margin: 0 auto;overflow: hidden;margin-bottom: 60px;padding: 5em 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; }
}


.post { margin-bottom: 7em; }
.post .image { margin-bottom: 1.5em; }
.post .image img { width: 100%; }
.post .text {  }
.post a,
.post a:link { color: #1111cc!important; }

/* Shop data */
.data {margin-bottom: 1.5em;border-top: 1px solid #ddd;font-size: 1.3em;padding: 1em 0;}
.data ul { margin-bottom: 2em;font-size: 1em; }
.data .shopName { font-size: 1.4em;font-weight: bold;margin-bottom: 1em; }
.data .tel {}
.data .tel::before { color:#c8a374; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f098"; margin-right: .5em; }
.data .address {}
.data .address::before { color:#c8a374; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f041"; margin-right: .5em; }
.data .time {}
.data .time::before { color:#c8a374; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f017"; margin-right: .5em; }

.data a { text-decoration: none!important; }
.data .shopBtn {width: 50%;color: #fff;padding: .5em;background: #ff7223;text-align: center;border-radius: 6px;font-size: .8em;}
.data .shopBtn::before { font-family: "Font Awesome 5 Free"; font-weight: bold; content:"\f35d"; margin-right: .5em; }