@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap');

html {
  overflow-x: hidden;
  font-size:16px;
}

.m10{margin:1rem;}
.m20{margin:2rem;}
.m30{margin:3rem;}
.m50{margin:5rem;}

.p10{padding:1rem;}
.p20{padding:2rem;}
.p30{padding:3rem;}
.p50{padding:5rem;}
	
.mb10{margin-bottom:1rem;}
.mb20{margin-bottom:2rem;}
.mb30{margin-bottom:3rem;}
.mb50{margin-bottom:5rem;}
.mb66{margin-bottom:6.66rem;}
.mb70{margin-bottom:7rem;}
.mb100{margin-bottom:10rem;}
.mb200{margin-bottom:20rem;}

.mt10{margin-top:1rem;}
.mt20{margin-top:2rem;}
.mt30{margin-top:3rem;}
.mt50{margin-top:5rem;}
.mt80{margin-top:8rem;}
.mt100{margin-top:10rem;}

.mt202{margin-top:20px;}

.mtb10{margin-top:1rem;margin-bottom:1rem;}
.mtb20{margin-top:2rem;margin-bottom:2rem;}
.mtb30{margin-top:3rem;margin-bottom:3rem;}
.mtb50{margin-top:5rem;margin-bottom:5rem;}
.mtb70{margin-top:7rem;margin-bottom:7rem;}
.mtb100{margin-top:10rem;margin-bottom:10rem;}
.mtb200{margin-top:20rem;margin-bottom:20rem;}

.mrl10{margin-right:1rem;margin-left:1rem;}
.mrl20{margin-right:2rem;margin-left:2rem;}
.mrl30{margin-right:3rem;margin-left:3rem;}
.mrl50{margin-right:5rem;margin-left:5rem;}

.mr20{margin-right:2rem;}

.ml10{margin-left:1rem;}
.ml20{margin-left:2rem;}
.ml30{margin-left:3rem;}

.pb10{padding-bottom:1rem;}
.pb20{padding-bottom:2rem;}
.pb30{padding-bottom:3rem;}
.pb40{padding-bottom:4rem;}
.pb50{padding-bottom:5rem;}
.pb60{padding-bottom:6rem;}
.pb100{padding-bottom:10rem;}


.ptb10{padding-top:1rem;padding-bottom:1rem;}
.ptb20{padding-top:2rem;padding-bottom:2rem;}
.ptb30{padding-top:3rem;padding-bottom:3rem;}
.ptb50{padding-top:5rem;padding-bottom:5rem;}
.ptb70{padding-top:7rem;padding-bottom:7rem;}
.ptb100{padding-top:10rem;padding-bottom:10rem;}

.prl10{padding-right:1rem;padding-left:1rem;}
.prl20{padding-right:2rem;padding-left:2rem;}
.prl30{padding-right:3rem;padding-left:3rem;}
.prl50{padding-right:5rem;padding-left:5rem;}

.pl10{padding-left:1rem;}
.pl20{padding-left:2rem;}

.pr10{padding-right:1rem;}
.pr20{padding-right:2rem;}
.pr30{padding-right:3rem;}
.pr40{padding-right:4rem;}

.pt10{padding-top:1rem;}
.pt20{padding-top:2rem;}
.pt30{padding-top:3rem;}
.pt50{padding-top:5rem;}
.pt100{padding-top:10rem;}
.pb100{padding-bottom:10rem;}
.pb200{padding-bottom:20rem;}
.gap0{padding-left:0px;padding-right:0px;}


body {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman",serif;  
/*  font-feature-settings: 'palt' 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;*/
  line-height: 1.8;
  color: #000;
  overflow: hidden;}
a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  text-decoration: none; 
  color:#8F9684;
}

a:focus, a:hover, a:active {
  outline: 0;
  color:#8F9684;
  text-decoration: none;
}
a, .button {
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}
::selection {
  color: #111;
  background: #C6C3B4;
  text-shadow: none;
}

::-webkit-selection {
  color: #111;
  background: #C6C3B4;
  text-shadow: none;
}

::-moz-selection {
  color: #111;
  background: #C6C3B4;
  text-shadow: none;
}

:active,
:focus {
  outline: none;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
  font-feature-settings: 'palt' 1;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit
}

ul {
  margin: 0px;
  padding: 0px
}

ul li {
  list-style: none
}
address{
  font-style:normal;
}
.linkover {
  position: relative;
  transition:.3s all;
}
.linkover a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent:-999px;
}
.linkover:hover {
  filter:alpha(opacity=90);/* IE 6,7*/
  -ms-filter: "alpha(opacity=90)";/* IE 8,9 */
  -moz-opacity:0.9;/* FF , Netscape */
  -khtml-opacity: 0.9;/* Safari 1.x */
  opacity:0.9;
  zoom:1;/*IE*/
}
.decoBg{
  height:450px;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}


body{
  background-color: #F4F2E9;
}
.logo{
  padding:3rem 1rem;
  margin:auto;
  text-align: center;
}
.logo img{
  max-width:180px;
  margin:auto;
}
.navik-menu-fixed ul li{
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman",serif;
  font-size:1.25rem;
  font-weight:400;
  text-align: center;
  padding-top:1rem;
  padding-bottom:1rem;
}
.nav-tel{
  background-color: #A29886;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman",serif;
  padding:1rem;
}
.nav-tel p{
  margin-bottom:5px;
  font-size:14px;
  color:#000;
}
.nav-tel address {
  color:#fff;
  font-weight:600;
  font-size:1.75rem;
  margin-bottom:5px;
  line-height:1;
}
.nav-tel address span{
  font-size:20px;
}
.menu-social-media a img{
  width:25px!important;
}
.hero{
  background-image: url("src/img/home/kv.webp");
  background-size: cover;
  background-position: center center;
  height:100vh; 
}
.hero-moji{
  margin: auto;
  padding-top:3rem;
  padding-bottom:3rem;
  max-width:750px;
}
.hero-moji img{
}

.home-intro{
 -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  padding-top:4rem;
  width:100%;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman",serif;
}
.home-intro h1{
  font-size:1.75rem;
  font-weight:600;
  letter-spacing:0.1em;
  text-orientation: upright;
  font-feature-settings: normal;
}
.home-intro p{
  text-orientation: upright;
  padding-top:4rem;
  font-feature-settings: normal;
}
.home-intro p span {
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
}
.home-intro-img{
  display: flex;
   flex-wrap        : wrap;
}
.home-intro-img img{ 
}

.img-bg{
  height:100%;
  min-height:300px;
  background-size: cover;
  background-position: center;
}
.home-index{
  padding:2rem;
  display: flex;
  flex-direction: column;
  align-content: space-between;
}
.home-index .hd{
margin-bottom:4rem;
}
.home-index .hd p{
  font-family: 'Homemade Apple', cursive;
  font-size:4.5rem;
  color:#8F9684;
  line-height: 1;
}
.home-index .hd h2{
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman",serif;
  font-weight:400;
  font-size:1.75rem;
}
.home-index p{
  padding-top:1rem;
  padding-bottom:1rem;
}
.shop-cta .hd{
margin-bottom:4rem;
}
.shop-cta .hd p{
  font-family: 'Homemade Apple', cursive;
  font-size:4.5rem;
  color:#8F9684;
  line-height: 1;
}
.shop-cta .hd h2{
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman",serif;
  font-weight:400;
  font-size:1.75rem;
}
.shop-cta p{
  padding-top:1rem;
  padding-bottom:1rem;
}

.btn-df{
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman",serif;  
  border-radius: 50rem;
  color: #fff;
  background-color: #8F9684;
  border-color: #8F9684;
  width:22rem;
}
.btn-df:hover{
  background-color:#454A3A;
  color: #fff;
}
.btn-df-sm{
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman",serif;  
  border-radius: 50rem;
  color: #fff;
  background-color: #8F9684;
  border-color: #8F9684;
  width:85%;
}
.btn-df-sm:hover{
  background-color:#454A3A;
  color: #fff;
}
footer{
  background-color: #fff;
  padding-top:5rem;
}
.footer-logo{
  text-align: center;
}
.footer-logo img{
  max-width:100%;
  height:auto;
  width:250px;
  margin:auto;
}
.footer-info{
  text-align: center;
}
.footer-address{
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman",serif;
}
.footer-address .tel{
  font-size:2rem;
  font-weight:500;
  letter-spacing:0.1em;
}
.footer-address .tel span{
  font-size:1.25rem;
  letter-spacing:0.01em;
  margin-right:5px;
}
.footer-insta{
  margin:1.5rem 2rem;
  padding:1rem;
  border-radius: 1rem;
  border:1px solid #000;
}
.insta-icon{
  width:25px;
  height:25px;
  margin:auto;
  margin-bottom:1rem;
}
.footer-insta p{
  font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
  font-size:0.875rem;
  line-height: 1.2;
  margin:5px;
  color:#8F9684
}
.footer-nav{
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman",serif;
  margin-left:1rem;
}
.footer-nav ul li{
  padding:.75rem;
}
.footer-nav ul li a{
  color:#000;
}
.footer-nav ul li a:hover{
  color:#8F9684;
}
.copyright{
  background-color: #8F9684;
  color:#fff;
  font-size:0.85rem;
  text-align: center;
  padding:1rem;
}

.pageHeader{
  padding:10rem 2rem;
  background-size: cover;
  background-position: center;
  color:#FFF;
  text-shadow: 2px 2px 3px rgba(0,0,0,.7);
}
.pageHeader p{
  font-family: 'Homemade Apple', cursive;
  font-size:4.5rem;
  line-height: 1;
}
.pageHeader h1{
  font-size:1.75rem;
  font-weight:600;
}


/* about */
.about-table table{
  width:100%;
}
.about-table tr th{
  padding:1.5rem 2rem;
  font-weight:400;
  width:30%;
  text-align: center;
}
.about-table tr td{
  padding:1.5rem 1rem;
  font-weight:400;
  width:70%;
}
.sectionTitle{
  padding:4rem 1rem;
  text-align: center;
}
.sectionTitle p{
  font-family: 'Homemade Apple', cursive;
  font-size:4.5rem;
  line-height: 1;
  color:#8F9684
}
.sectionTitle h2{
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman",serif;
  font-size:1.75rem;
  line-height: 1;
  color:#8F9684;
  letter-spacing:0.1em;
}

.flexibleImg{
  background-size: cover;
  background-position: center;
  height:100%;
}
.shacho{
  background-image: url("src/img/about/shacho.jpg");
  height:30rem;
}
.about-story{
  align-items: center;
}
.greeting{
  padding:2.5rem 2rem;
}
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.about-sns{
  border:2px solid #8F9684;
  border-radius: 2rem;
  padding:2.5rem 1rem;
  text-align: center;
  font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
  margin:2rem;
}
.about-sns h3{
  border-top:2px solid #8F9684;
  border-bottom:2px solid #8F9684;
  font-size:2rem;
  display: inline-block;
  padding:1rem 2rem;
}
.about-sns .sns-icon{
  margin-top:2.5rem;
  margin-bottom:2.5rem;
}
.about-sns img{
  max-width:50px;
}
.about-sns p{
  color:#8F9684;
}
.heli-intro h2{
  font-size:1.875rem;
  font-weight:600;
  color:#B9532E;
  font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;  
}
.heli-content h3{
  font-size:1.5rem;
  font-weight:600;
  color:#fff;
  text-align: center;
  background-color: #C37457;
  padding:0.875rem;
  font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;  
}
.heli-content p{
  font-weight:600;
  color:#000;
  padding:0.875rem;
  font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;  
}
.koshihikari{
  background-image: url("src/img/product/01.jpg");
  background-size: cover;
  background-position: center;
  padding-top:5rem;
  padding-bottom:4rem;
}
.koshihikari h2{
  font-size:2rem;
  font-weight:600;
  border-bottom:2px solid #000;
  padding-bottom:1.3rem;
  margin-bottom:1rem;
}
.koshihikari h3{
  font-size:1.75rem;
  font-weight:600;
  color:#A64916;
  margin-top:4rem;
  margin-bottom:1rem;
  text-shadow: 1px 1px 2px #fff;
}
.koshihikari p{
  font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;  
}
.shinnosuke{
  background-color: #BC7C7C;
  color:#fff;
}
.koshiibuki{
  background-color: #BCAB7C;
  color:#fff;
}
.product-img{
  background-size: cover;
  background-position: center;
  height:100%;
  min-height:200px;
}
.product-contents{
  padding-top:7rem;
  padding-bottom:7rem;
  max-width:550px;
  margin:auto;
}
.product-contents h2{
  font-size:2rem;
  font-weight:600;
  border-bottom:2px solid #fff;
  padding:1rem 1rem 1.3rem 0rem;
  margin:1rem;
}
.product-desc{
  padding:2rem;
}
.product-desc p{
  font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
  padding:0.5rem 0;
}
.noshi{
  background-color: #E0DDD0;
}
.noshi h2{
  color:#B9532E;
}
.noshi ul li{
  font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
  font-weight:600;
  color:#111;
}
.amasake{
  background-color: #845C5C;
  color:#fff;
}
.product-desc a{
  color:#FFFAE4;
}

.st_bb{
  max-width:420px;
  text-align: center;
  border-bottom:3px solid #000;
  margin:1rem auto 3rem auto;
  padding:1rem;
  letter-spacing:0.1em;
}
.bb{
  font-weight:600;
  font-size:2.25rem;
}

.ct-box{
  background-color: #fff;
  padding:1.5rem;
  text-align: center;
  margin-bottom:1rem;
}
.ct-box h3{
  font-weight:300;
  font-size:1.25rem;
  border-bottom:1px solid #111;
  margin-bottom:2rem;
}
.ct-box p{
  margin-bottom:0;
  line-height:1.2;
}
.ct-box .tel{
  font-size:2rem;
  font-weight:600;
  letter-spacing: 0.1em;
}
.LINE-QR{
  width:50px;
  margin:auto;
}
.faq{
  margin-top:5rem;
  margin-bottom:5rem;
}
.faq dl dt{
  border-bottom:1px solid #111;
  margin-bottom:1rem;
  margin-top:1rem;
}
.faq dl dd{
  margin-bottom:3rem;
}