/* CSS Document */
html,body {
    height: 100%;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #5e3819;
    line-height: 1.6em;
    -webkit-font-smoothing: antialiased;
}
html,p {
    font-size: 14px;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: .05em;
    color: #5e3819;
    line-height: 1.6em;
    -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'FontAwesome';
  src: url("../font/fontawesome-webfont.eot?v=4.6.3");
  src: url("../font/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("../font/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("../font/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("../font/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("../font/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal
}

a{ color: inherit; }
a:hover{ text-decoration: none; color: inherit; }
ul{ list-style-type: none; }
.tx-center{ text-align: center; }
.img-responsive{ width: 100%; }
.d-inline{ display: inline!important; }
.d-inline-block{ display: inline-block; }
.d-flex{ display: flex; }

.sec-title{ font-family: "Lora",serif; font-size: 22px; text-align: center; padding-bottom: 70px; letter-spacing: .7em; }
.sec-title span{ vertical-align: middle; }
.sec-title span:before{ content: ""; display: inline-block; background:url(../images/common/ic_ttl_side.svg) no-repeat center left; background-size: 20px 46px; background-size: contain; width: 20px; height: 46px; vertical-align: -12px; margin-right: 25px; }
.sec-title span:after{ content: ""; display: inline-block; background:url(../images/common/ic_ttl_side.svg) no-repeat center right; background-size: 20px 46px; background-size: contain; width: 20px; height: 46px; vertical-align: -12px; margin-left: 15px; }

.sec-title2{ text-align: center; font-size: 30px; letter-spacing: .1em; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; padding-bottom: 100px; }  
.sec-title2 span{ display: block; font-family: "Lora",serif; font-size: 14px; letter-spacing: .1em; padding-bottom: 10px; }

.sec-pd{ padding-top: 100px; padding-bottom: 100px; }
.btn{ background:#736357; padding: 12px 15px; color: #fff; font-family: 'Quicksand', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; display: block; border-radius: 0; letter-spacing: .15em; -webkit-font-smoothing: antialiased; box-sizing: border-box; max-width: 100%; width: 220px; margin: 0 auto; border:2px solid #736357; transition: 0.3s all; line-height: 1.6em; }
.btn:hover{ background: #fff; border:2px solid #736357; color: #736357; }
.btn2{ padding: 12px 15px; color: #736357; border-radius: 4px; max-width: 100%; transition: all 0.3s; box-sizing: border-box; border:2px solid #736357; width: 220px; max-width: 100%; margin: 0 auto; display: block; font-family:'Quicksand',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; border-radius: 0; letter-spacing: .15em; text-align: center; line-height: 1.6em; }
.btn2 img{ vertical-align: -2px; }
.btn2:hover{ background: #736357; color: #fff;  }
.btn-row { margin-left: -10px; margin-right: -10px; text-align: center; }
.btn-row li{ display: inline-block; padding: 0 10px;  }

.btn .insta-btn{ padding-right: 10px; vertical-align: -2px; }

.notfound p.message{ padding: 120px 0; }
.sitemap-row { text-align: center; width: 600px; margin:0 auto; max-width: 100%; }
.sitemap-row li{ border-bottom: 1px solid #666;  }
.sitemap-row li a{ display: block; padding: 15px; font-size: 16px; font-family: "Lora",serif; }

.privacy main p{ max-width: 600px; margin: 0 auto; }

.commingSoon {
    font-size: 16px;
    text-align: center;
}
.list-mv02{
  opacity: 0;
  transition: 2.5s all;
}
.mv02{
  opacity: 1.0;
}
.list-mv07{
  opacity: 0;
  transform: translate(0,60px); 
  -webkit-transform: translate(0,60px); 
  transition: 0.8s all;
}
.mv07{
  opacity: 1.0;
  transform: translate(0,0); 
  -webkit-transform: translate(0,0);
}


@media screen and (max-width: 767px){

.sec-title{ font-size: 14px; padding-bottom: 25px; letter-spacing: .5em;}
.sec-title span{ vertical-align: middle; }
.sec-title span:before{ background-size: 12px 46px; background-size: contain; width: 12px; height: 28px; vertical-align: -8px; margin-right: 17px; }
.sec-title span:after{ background-size: 12px 28px; background-size: contain; width: 12px; height: 28px; vertical-align: -8px; margin-left: 10px; }

.sec-title2{ font-size: 23px; padding-bottom: 40px ;}
.sec-title2 span{ display: block; font-family: "Lora",serif; font-size: 14px; letter-spacing: .1em; padding-bottom: 10px; }
.sec-pd{ padding-top: 40px; padding-bottom: 20px; }
.btn{ padding: 12px; font-size: 13px; }
.btn2{ font-size: 12px; }

html,p {
    font-size: 13px;
    letter-spacing: 0;
}

.top-info .logo{ text-align: center; padding-bottom: 5px; }
.top-info li{ padding-top: 24px; padding-bottom: 24px; border-bottom: 1px dashed #C7C7C7; }
.top-info li:last-child{ border:none; }
.top-info figure{ line-height: 0; }
.top-info h3{ font-size: 14px; }
.top-info .txt p{ font-size: 12px; }
.top-info .txt .tel{ font-size: 20px; }
.top-info .txt{ padding: 0 0 10px; }
.top-info .box-l{ padding-right: 10px; }

.sitemap-row li a{ font-size: 13px; }

}@media screen and (min-width: 768px){



}