@charset "utf-8";
/* CSS Document */


/* メニューフォント */
.l-main-navi-list__item button,.l-main-navi-list__ttl{
  font-family: "Ysabeau", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  letter-spacing: 0.1em;
} 
.l-main-navi-list__item button span,.l-main-navi-list__ttl span{
  font-size: 10px ;
  font-weight :normal ;
  text-decoration-line: none ;
}
.ysabeau-400 {
  font-family: "Ysabeau", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.ysabeau-800{
  font-family: "Ysabeau", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}



body {
    color:#000;
    letter-spacing:0.08em;
  margin: 0;
/*  padding-top: 120px; */
  min-width: 375px;
  font-size: 12px;
  font-family: "IBM Plex Sans JP","Spartan", "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;}
  font-weight: 400;
  font-style: normal;
  line-height: 1.75;
  color: <{$fontcolor}>;
  background: <{$bgcolor-1}>;
}
@media screen and (max-width: 1023px) {
  body {
/*    padding-top: 90px; */
  }
}
@media screen and (max-width: 767px) {
  body {
/*    padding-top: 60px; */
    font-size: 13px;
  }
}
body.is-scroll-hidden {
  overflow: hidden;
}

img {
  max-width: 100%;
  vertical-align: top;
  -webkit-backface-visibility: hidden;
}

ul, ol, dl {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  color: <{$linkcolor}>;
  transition: all 0.1s ease;
}

a:hover, a:focus {
  color: <{$linkcolor-hover}>;
}

[data-whatinput=mouse] *:focus,
[data-whatinput=touch] *:focus {
  outline: none;
}


button {
 font-family: "IBM Plex Sans JP","Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}




h2.c-ttl-second{color: #af915b; height:80px;letter-spacing: .1em;}

hr{display: block;
  width: 100%;
  height: 1px;
  background-color: #eee;
  border: 0;}
h2 .midashi-EU{color:#80534a; font-family: 'Sofia', cursive; font-size:46px;font-weight: normal;} /*見出し英語*/
h2 .midashi-JP{color:#e8af56;font-size:16px; font-weight: normal; letter-spacing: 0.1em;} /*見出し日本語*/

.BR-img10 img{border-radius: 10px;}
.BR-img20 img{border-radius: 20px;}
.BR-img30 img{border-radius: 30px;}
.BR-img40 img{border-radius: 40px;}
.BR-img50 img{border-radius: 50px;}



/* 背景設定 */

.mainBG {
   background: url(https://kotoriame.jp/img/bg4.png?03) no-repeat top;
   background-position: top 220px center;  
   background-attachment: fixed !important; 
   background-size: 85% !important; 
   z-index: -999;
}

@media screen and (max-width: 768px) {  /*sp用*/
body::before {
  background: url(https://kotoriame.jp/img/bg4.png?03) no-repeat top left;
  background-size: 100%;
  content: "";
  display: block;
  position: fixed;
  top:70px;
  z-index: -1;
  width: 100%;
    height: 100vh;
 }
}
/* //背景設定 */



@media screen and (max-width: 768px) {  /*sp用*/
.pc {display: none;}

.l-main{ font-size: 13px !important; }
.mainBG {background: url(https://kotoriame.jp/img/none.gif) ;}
 
h2 .midashi-EU{ font-size:36px;}

}


@media only screen and (min-width: 769px) {  /*pc用*/
.sp { display: none;}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
　}
.col2{-webkit-flex: 1;flex: 1;background: none;}

}