/*
Theme Name: 基本テンプレート
Description: bassテンプレート
*/


/* フォント設定
---------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');

._Light:not(.et-legacy *):not(.tw-body *) {
  font-weight: 300;
}
._Regular:not(.et-legacy *):not(.tw-body *) {
  font-weight: 400;
}
._Bold:not(.et-legacy *):not(.tw-body *) {
  font-weight: 700;
}
._Black:not(.et-legacy *):not(.tw-body *) {
  font-weight: 900;
}

._fontG:not(.et-legacy *):not(.tw-body *) {
  font-family: 'Noto Sans JP', sans-serif;
}


/* 基本設定
---------------------------------------------------------- */

*:not(.et-legacy *):not(.tw-body *) {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  width: 100%;
  height: 100%;
  font-size: 10px;
}
@media screen and (max-width: 1024px){
  html {
    font-size: 0.977vw;
  }
}
@media screen and (max-width: 769px){
  html {
    font-size: 1.300vw;
  }
}
@media screen and (max-width: 480px){
  html {
    font-size: 2.083vw;
  }
}

body {
  width: 100%;
  height: 100%;
  font-family: 'Noto Serif JP', serif;
  font-weight: 500;
  color: #3e3a39;
}


header:not(.et-legacy *):not(.tw-body *), footer:not(.et-legacy *):not(.tw-body *) {
	width: 100%;
}

a:not(.et-legacy *):not(.tw-body *) {
  text-decoration: none;
  color: #3e3a39;
}

li:not(.et-legacy *):not(.tw-body *) {
  list-style: none;
}

img:not(.et-legacy *):not(.tw-body *) {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

h1:not(.et-legacy *):not(.tw-body *), h2:not(.et-legacy *):not(.tw-body *), h3:not(.et-legacy *):not(.tw-body *), h4:not(.et-legacy *):not(.tw-body *), h5:not(.et-legacy *):not(.tw-body *), h6:not(.et-legacy *):not(.tw-body *), p:not(.et-legacy *):not(.tw-body *) {
  font-size: max(0.526vw, 10px);
}
p:not(.et-legacy *):not(.tw-body *) {
  text-align: justify;
  word-break:break-all
}


/* 画像透過
---------------------------------------------------------- */
a img:hover:not(.et-legacy *):not(.tw-body *) {
  transition: 1.0s;
  opacity: 0.5;
}


/* レスポンシブ対応
---------------------------------------------------------- */
._sp:not(.et-legacy *):not(.tw-body *) {
  display: none;
}
@media screen and (max-width: 768px) {
  ._pc:not(.et-legacy *):not(.tw-body *) {
      display: none!important;
  }
  ._sp:not(.et-legacy *):not(.tw-body *) {
      display: block;
  }
}

/* telリンク（PC無効） */
a[href^="tel:"]:not(.et-legacy *):not(.tw-body *) {
  pointer-events: none;
}
@media screen and (max-width: 480px) {
  a[href^="tel:"]:not(.et-legacy *):not(.tw-body *) {
      pointer-events: auto;
  }
}


/* 余白排除
---------------------------------------------------------- */
#wrap:not(.et-legacy *):not(.tw-body *) {
  width: 100%;
  overflow: hidden;
}


/* 共通レイアウト
---------------------------------------------------------- */
._flex:not(.et-legacy *):not(.tw-body *) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* 順送り */
._row:not(.et-legacy *):not(.tw-body *) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

/*　中央寄せ */
._flexCenter:not(.et-legacy *):not(.tw-body *) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* 左寄せ */
._flexRow:not(.et-legacy *):not(.tw-body *) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

/* 逆配置 */
._reverse:not(.et-legacy *):not(.tw-body *) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

@media screen and (max-width: 768px) {
  ._flex:not(.et-legacy *):not(.tw-body *), ._reverse:not(.et-legacy *):not(.tw-body *), ._flexCenter:not(.et-legacy *):not(.tw-body *) {
    display: block;
    width: 100%;
  }
}



/* テキスト中央 */
._center:not(.et-legacy *):not(.tw-body *) {
  text-align: center!important;
}


/* テキスト中揃え解除 */
._justify:not(.et-legacy *):not(.tw-body *) {
  text-align: justify!important;
}


/* position指定 */
._relative:not(.et-legacy *):not(.tw-body *) {
  position: relative;
}


/* 横スクロール
---------------------------------------------------------- */
table:not(.et-legacy *):not(.tw-body *) {
  width: 100%;
  border-collapse: collapse;
}

@media screen and (max-width: 768px){
  .scrollBox:not(.et-legacy *):not(.tw-body *) {
    overflow-x: auto;
  }
}