/*文字コード指定*/
@charset "UTF-8";

/*外部から読み込むフォント*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Playwrite+AU+QLD:wght@100..400&display=swap');

html {
  /*文字の大きさ*/
  font-size: 62.5%;
  /*目次などからリンク先に飛んだ時のスクロールをスムーズにする*/
  scroll-behavior: smooth; 
}

 /*可愛い感じの英語*/
.playwrite-au-qld {
  font-family: "Playwrite AU QLD", cursive;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

  /*おしゃれな英語*/
.cormorant-garamond {
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

  /*好みの日本語*/
.shippori-mincho-b1-regular {
  font-family: "Shippori Mincho B1", serif;
  font-weight: 400;
  font-style: bold;
}



/*〜〜〜〜〜body(全体)〜〜〜〜*/
 body {
 font-family:"Noto Sans JP"; /*フォント*/
 font-size: 1.4rem;
 letter-spacing: 2px;
 line-height: 1.8;
 color: #662e09;
 
 /* 背景関連 */
 background-size: auto auto;
 background-color: #FFF8E3;
 background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, #FFF1C2 10px, #FFF1C2 20px );
}


p {
 margin: 0px 0;
 letter-spacing: 1px;
 text-align: justify;
 padding: 0px 10px; /*左右の隙間*/
 color: #662e09;
}

/*見出し*/
.heading {
 font-size:2.0rem;
 text-align: center; 
 align-items: center;
} 

/* 表示領域外へはスクロールさせない */
.no_scroll {
  overflow: hidden;
}

.hamoverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
  z-index: 90;
}

.hamoverlay.active{
  display: block;
}


.is-hidden{
 display: none;
}


/*〜〜〜〜〜header〜〜〜〜〜*/
header {
 width:100%;
 text-again: center;
 align-items: flex-end;
 justify-content: center;
 border-bottom:1px solid #754223;
 background-color: #662e09;
}

.header-title {
font-size:15px;
color:white; 
font-weight:bold; 
}

.header img{
 border-radius: 30px;
 height:45px;
}

/*〜〜〜〜〜main〜〜〜〜〜*/
main{
 color:#662e09;
}
  
  
/*〜〜〜〜〜footer〜〜〜〜〜*/
 footer {
 background-color: #662e0966;
 font-size: 1.2rem;
 text-align: center;
 margin: 15% 0% 0% 0%; /*メインとフッターの間*/
 padding: 30px 10px; /*footer内コンテンツの余白*//*因みに上右下左*/
}