/*!
Theme Name: gwvr20
*/

/*!
WEBフォントはGoogle 2タイプ
Noto Sans Japanese
Kaisei Tokumin
*/

@import url('https://fonts.googleapis.com/css2?family=Kaisei+Tokumin&family=Noto+Sans+JP:wght@100..900&display=swap');

/* COMMON STYLES
--------------------------------------------- */
html, body {
  margin: 0;
  padding: 0;
}

body {
  /* font-family: "Noto Sans JP", sans-serif; */
  font-family: "TsukuAOldMinPr6-R", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  line-height: 1.6em;
  overflow-y: scroll !important;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 767px) {
  body {
    font-size: 14px;
    line-height: 1.6em;
  }

}

strong {
  font-weight: 600;
}

h1, h2, h3, h4, h5, h6, .wf-tokumin {
  /* font-family: "Kaisei Tokumin", serif; */
  font-family: "TelopMinPro-HV", serif;
  font-weight: 400;
  font-style: normal;
}

/* WEBFONT STYLES
--------------------------------------------- */
.noto-serif-jp-400 {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.noto-serif-jp-600 {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.noto-sans-jp-300 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.noto-sans-jp-400 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.noto-sans-jp-600 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.kaisei-tokumin-regular {
  font-family: "Kaisei Tokumin", serif;
  font-weight: 400;
  font-style: normal;
}



/*本文中のリスト　ul li*/
.txt_normal ul {
  padding: 0;
  margin-top: 1em;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 1em;
}

.txt_normal ul li {
  padding: 0;
  margin: 0;
}

.txt_normal ul li {
  list-style-type: disc;
  padding-left: 0px;
  margin-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}

/*topicpath*/
.pankuzu {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.2em;
  color: #888888;
}

.pankuzu a:link,
.pankuzu a:visited {
  color: #333333 !important;
}

.pankuzu a:hover {
  color: #888888 !important;
}


/*topicpath*/

.topic_path {
  font-size: 12px;
  color: #fff;
}

.topic_path a {
  color: #fff;
  text-decoration: underline !important;
}

.topic_path a:hover {
  text-decoration: none !important;
}

.side_nav ul {
  padding: 0;
  margin: 0;
}

.side_nav ul li {
  list-style: none;
  padding: 0;
  margin: 0;

}

.side_nav ul li a {
  border-bottom: 1px solid #ddd;
  font-family: "Noto Serif JP", serif;
  padding: 0.8em 0;
  display: block;
  color: #000000;
  font-size: 14px;
  line-height: 1.6em;

}

.side_nav ul li a:hover {
  color: #444;

}

 .pc_only {
    display: none;
  }
  .sp_only {
    display: none;
  }

@media (max-width: 767px) {
  .pc_only {
    display: none;
  }
  .sp_only {
    display: block;
    /* display: inline-block; */
  }
}


/* トップページ
--------------------------------------------- */
/* カルーセルが停止しないように */
.mv_carousel .swiper-wrapper {
  transition-timing-function: linear !important;
}

/* mv内のタイトルを上下中央に */
.mv_ttl {
  transform: translateY(-50%);
}

/* PC ボトムナビのフェードイン
--------------------------------------------- */
.pc_nav_btm {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 99 ;

  transform: translateY(100%) !important;
  opacity: 0 !important;
  visibility: hidden !important;

  transition: all 0.4s ease-out !important;
  transition-property: transform, opacity, visibility !important;
}

.pc_nav_btm.nav-visible {
  transform: translateY(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.pc_nav_btm .elementor-container,
.pc_nav_btm .elementor-row,
.pc_nav_btm .elementor-column {
  margin: 0 !important;
}

/* プライスリストの価格を折り返さない
--------------------------------------------- */
.elementor-price-list-price{
  white-space: nowrap;
}


/* ALIGN STYLES
--------------------------------------------- */
.alignleft {

  /*rtl:ignore*/
  float: left;

  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {

  /*rtl:ignore*/
  float: right;

  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/* メニュー */

.menu-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1em;
    color: var(--e-global-color-text);
    font-size: 16px;
}
.menu-height {
    line-height: 1.4em;
    margin: 0;
}
@media screen and (max-width: 767px) {
    .menu-box {
        font-size: 14px;
    }
}
.desc {
    font-size: 85%;
    line-height: 1.5em;
    margin: 0 0 0;
    color: var(--e-global-color-8090520);
    clear: both;
}