/*
Theme Name:		Welcart Basic Child
Description:	Welcart Basic Child is child theme for Welcart Basic.
Author:			  HMR
Author URI:		https://www.welcart.com/
Template:		welcart_basic
Version:		1.0.0
License:		GNU General Public License v2 or later
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Tags:			responsive-layout, basic-child, two-columns, right-sidebar. left-sidebar
*/

/*--------------------------------------------------------------
  Welcart 競合リセット
  稲見精密のデザイン CSS が Welcart カート・マイページに
  干渉しないよう、Welcart 固有領域を上書き
--------------------------------------------------------------*/

/* カート・注文フォーム内の img を通常表示に戻す */
#usces_cart img,
#usces img,
.usces_item img,
.usces_form img {
  vertical-align: baseline;
  max-width: 100%;
  -webkit-text-fill-color: initial;
}

/* .btn クラスの稲見精密スタイルを Welcart ボタンに適用させない */
#usces_cart .btn,
#usces .btn,
.usces_btn {
  border-radius: 0;
  background-color: initial;
  padding: initial;
  display: initial;
  overflow: initial;
}

/* Welcart フォーム・カート内リスト */
#usces_cart ul,
#usces ul,
.usces_form ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* c-text-sweep の text-fill-color が Welcart テキストに影響しないようにする */
#usces_cart a,
#usces a,
.usces_form a {
  -webkit-text-fill-color: initial;
  color: inherit;
}

/*--------------------------------------------------------------
  親テーマ（welcart_basic）スタイル打ち消し
--------------------------------------------------------------*/

a:hover {
  text-decoration: none;
}

/* #content のパディングを打ち消し */
#content {
  padding: 0;
}

/* h2 の下線を打ち消し */
.entry-content h2,
.item-description h2 {
  border-bottom: none;
}

/* h3 の左ボーダーを打ち消し */
.entry-content h3,
.item-description h3 {
  padding-left: 0;
  border-left: none;
}

/* ul li のディスクマーカーを打ち消し */
.entry-content ul li,
.item-description ul li {
  list-style: none;
}

header {
  margin-bottom: 0;
  border-bottom: none;
}

.entry-content ul,
.entry-content ol,
.item-description ul,
.item-description ol {
  margin: 0;
}

.entry-content p {
line-height: 1.9;
color: #002747;
}

footer {
  padding: 0;
}

.entry-title {
  display: none;
}

.page-header {
  margin-bottom: 0;
}

#content {
  max-width: 1226px;
  margin: 0 auto;
  padding: 80px 1em;
}

.entry-content h2,
.item-description h2 {
  margin-bottom: 0;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  line-height: normal;
}

.gnavi li a {
  line-height: 1;
}

/* #secondary: デフォルト非表示 */
#secondary {
  display: none;
}

/* 商品マスター・投稿関連のページのみ表示 */
.single-usces_item #secondary,
.single-post #secondary,
.archive #secondary,
.category #secondary,
.search-results #secondary {
  display: block;
}

/* お知らせ一覧は非表示 */
.post-type-archive-news #secondary {
  display: none;
}

@media screen and (min-width: 62.5em) {
  #main {
    max-width: 1226px;
    width: 100%;
    padding: 80px 1em;
    margin: 2.857143em auto;
  }

  #main.two-column #content {
    max-width: 960px;
    width: 100%;
  }

  .snav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    width: 100%;
    border-bottom: 1px solid gray;
  }

  .snav .search-box,
  .snav .membership,
  .snav .incart-btn {
    width: auto;
    float: none;
    padding: 0;
  }

  .incart-btn {
    margin-top: 0;
    .total-quant {
      line-height: 1.6em;
    }
  }
}

@media screen and (max-width: 768px) {
  #content {
    padding: 40px 1em;
  }

  .incart-btn {
    margin-top: 0;
  }

  .snav {
    display: flex;
    position: fixed;
    top: 0;
    right: 36px;
    height: 58px;
    z-index: 10001;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5em;
    padding: 0 1em;
  }

  .snav .incart-btn a > span {
    display: none;
  }

  .snav .search-box.On form {
    position: fixed;
    top: 58px;
    left: 0;
    width: 100%;
    z-index: 10002;
  }

  .snav .membership.On ul {
    position: fixed;
    top: 58px;
    right: 0;
    z-index: 10002;
  }
}

@media screen and (max-width: 440px) {
  .snav {
    width: 100%;
    background: #fff;
    top: 58px;
    right: 0;
    margin-right: 0;
    padding: 0;
  }

  .snav .search-box.On form {
    top: 116px;
  }
}