@charset "UTF-8";

/* :::::: 横幅を1280pxに :::::: */

/* :::::: 固定ページタイトル非表示:::::: */
.page .entry-header,
.page .entry-title {
  display: none !important;
}

/* H1の設定 */
#left-section >h1{
}
/* ------------------------------
   見出し
------------------------------ */
#left-section h1, #left-section h2, #left-section h3, #left-section h4, #left-section h5, #left-section h6 {
  font-weight: bold;
  line-height: 1.3;
  margin: 1.2em 0 .6em;
}
#left-section h1 { font-size: 1.6rem; }
#left-section h2 { font-size: 1.4rem; }
#left-section h3 { font-size: 1.2rem; }
#left-section h4 { font-size: 1.1rem; }
#left-section h5 { font-size: 1rem; }
#left-section h6 { font-size: .9rem; }

#left-section h1{
	border-left: 8px solid rgba(var(--color-main-c),1.00);
	padding: 0.5rem 1rem;
}

/* :::::: 各ページの基本設定 :::::: */

#wrap-eachpage{	
}
#wrap-eachpage h3 {
  border-left: 0px solid rgba(var(--color-main-c),1.0)!important;
  padding-left: 0!important;
}
#wrap-eachpage h3:before{
font-family: "Font Awesome 6 Free";
  font-weight: 900;          /* solid は 900 必須 */
  content: "\f0da";          /* caret-right（?っぽい三角） */
  display: inline-block;
  margin-right: 0.5em;
	color:rgba(var(--color-red),1.0);
}
#wrap-eachpage p {
  margin: 0 0 1em 0;
	padding-left:1em;
}
#wrap-eachpage ul {
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}
#wrap-eachpage ul li {
	margin-bottom: 0.3em;
	list-style: inside;
	padding-left: 1em;
}
#wrap-eachpage a {
  color: rgba(var(--color-red),1.0);
  text-decoration: none;
}
#wrap-eachpage a:hover {
  text-decoration: underline;
}
@media (max-width: 600px) {
#wrap-eachpage  h3 {
    font-size: 1.1rem;
  }
}

/* :::::: 送料についての設定 :::::: */
.shipping{
	margin-top:2rem;
}
.shipping table{
	margin-left:1rem;
	width: calc( 100% - 1rem );
}
.shipping table th{
	width:70%;
}
.shipping table td{
	width:30%;
	text-align:right;
}
.shipping table tr:nth-of-type(2n){
	background-color:rgba(var(--color-gray),0.10);
}

/* :::::: 配送日についての設定 :::::: */
.delivery{
	margin-top:2rem;
}

/* :::::: 送料についての設定 :::::: */
.shipping{
	margin-top:2rem;
}
.shipping table{
	margin-left:1rem;
	width: calc( 100% - 1rem );
}
.shipping table th{
	width:70%;
}
.shipping table td{
	width:30%;
	text-align:right;
}
.shipping table tr:nth-of-type(2n){
	background-color:rgba(var(--color-gray),0.10);
}

/* :::::: 特定商取引法に基づく表記の設定 :::::: */
.legal{
	margin-top:2rem;
}
.legal table{}
.legal table th{
	width:170px;
}
.legal table td{
	width:calc( 100% - 170px );
	background-color:transparent;
}
.legal table tr:nth-of-type(2n){
	background-color:rgba(var(--color-gray),0.10);
}

/* :::::: 当サイトについての設定 :::::: */
/* 定義リスト（会社情報） */
.definition { margin: 1rem 0; }
.definition .row {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 12px;
  padding: .75rem 1rem;
  border-bottom: 1px solid rgba(var(--color-main),0.80);
  background: rgba(var(--color-main),0.01);
}
.definition dt {
  font-weight: 700;
  color: rgba(var(--color-main), 1);
}
.definition dd { margin: 0; }

/* リンクリスト */
.link-list { list-style: none; padding: 0; margin: .5rem 0 0; }
.link-list li + li { margin-top: .4rem; }
.link-list a { text-decoration: none; }
.link-list a:hover { text-decoration: underline; }

/* :::::: お支払い方法についての設定 :::::: */
.payment{
	margin-top:2rem;
}
.payment{
	margin-top:2rem;
}
.payment table{
	margin-left:1rem;
	width: calc( 100% - 1rem );
}
.payment table th{
	width:70%;
}
.payment table td{
	width:30%;
	text-align:right;
}
.payment table tr:nth-of-type(2n){
	background-color:rgba(var(--color-gray),0.10);
}

/* :::::: プライバシーポリシーの設定 :::::: */
.privacy-policy-child{}
.privacy-policy-child ul li{
	list-style: none!important;
}
.privacy-policy-child ul li:before{
font-family: "Font Awesome 6 Free";
  content: "\f0a4";          /* caret-right（?っぽい三角） */
font-weight: 900;
  display: inline-block;
  margin-right: 0.5em;
	color:rgba(var(--color-gray),1.0);
}
.privacy-policy-child footer{
	padding:0.5rem 1rem;
	float:right;
	border: 1px solid rgba(var(--color-gray),1.00);
	text-align:center;
}
.privacy-policy-child footer h6{
	font-size:1.1rem;
	margin:0.5rem;
	display:block;
	text-align:center;
}
.privacy-policy-child footer a{
	display:block;
	width:100%;
	margin:0.5rem 0;
	padding:0.5em 1em;
	text-align:center;
	background-color:rgba(var(--color-gray),1.0);
	color:rgba(var(--color-white),1.0)!important;
}
*/

/* :::::: お問い合せフォームの設定 :::::: */

/* 共通 */
.contact{ margin: 2rem 0 1rem; color: rgba(var(--color-main), .9); }
.contact .lead{ margin: 0 0 1rem; color: rgba(var(--color-main), .9); }

/* グリッド */
.contact .form-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.contact .form-field--full{ grid-column: 1 / -1; }

/* フィールド */
.contact .form-field label{
  display:block; font-weight:700; margin: 0 0 .4rem; color: rgba(var(--color-main),1);
}
.contact .req{
  display:inline-block; margin-left:.5em; font-size:.82rem;
  padding:.1rem .4rem; border-radius:4px; background: rgba(var(--color-red),.12); color: rgba(var(--color-red),1);
}
.contact input[type="text"],
.contact input[type="email"],
.contact input[type="tel"],
.contact input[type="url"],
.contact textarea{
  width:100%; box-sizing:border-box;
  border:1px solid rgba(var(--color-gray), .35);
  border-radius:6px; padding:.7rem .8rem; background:rgba(var(--color-white),1.0);
  color: rgba(var(--color-main),1); line-height:1.6; outline:none;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.contact textarea{ min-height: 180px; resize: vertical; }
.contact input:focus,
.contact textarea:focus{
  border-color: rgba(var(--color-main-c), .8);
  box-shadow: 0 0 0 3px rgba(var(--color-main-c), .15);
}

/* チェック */
.contact .check{ display:flex; align-items:center; gap:.5rem; user-select:none; }
.contact .check input{ width:1.1rem; height:1.1rem; }
.contact .note{ margin:.4rem 0 0; color: rgba(var(--color-main), .7); font-size:.92rem; }

/* ボタン */
.form-actions{ margin: 16px 0; }
.btn-submit{
	width:100%;
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 220px; padding:.9rem 1.4rem; border-radius:999px;
  background: rgba(var(--color-main-c),1); color:rgba(var(--color-white),1.0); border:none; cursor:pointer;
  font-weight:700; letter-spacing:.08em; transition: transform .1s ease, opacity .2s ease;
}
.btn-submit:hover{ opacity:.9; }
.btn-submit:active{ transform: translateY(1px); }

.contact-alt{}
.contact-alt p{text-align:center;}

/* 送信完了 */
.contact-thanks .thanks-lead{
  font-size:1.1rem; font-weight:700; color: rgba(var(--color-main),1);
}
.contact-thanks{
  margin-top:2rem;
}
.contact-thanks .thanks-actions{ margin-top: 16px; display:flex; gap:10px; flex-wrap:wrap; }
.thanks-actions a{ color:rgba(var(--color-white),1.0)!important; }
.contact-thanks .btn{
	width:100%;
  display:inline-block; align-items:center; gap:.5rem;
  padding:.75rem 1.1rem; border-radius:999px; text-decoration:none;
  background: rgba(var(--color-gray),1);
	color:rgba(var(--color-white),1.0);
	font-weight:700;
	text-align:center!important;
}
.contact-thanks .btn--secondary{ background: rgba(var(--color-gray), 1.0); color:rgba(var(--color-white),1.0); }

/* スパム対策（非表示） */
.hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }

/* テーブル（任意：paymentで使用） */
.table{ width:100%; border-collapse:collapse; margin:.5rem 0 1rem; }
.table th,.table td{ border:1px solid rgba(var(--color-main),0.12); padding:.7rem; }
.table th{ background: rgba(var(--color-whmain),0.04); text-align:left; white-space:nowrap; }

/* レスポンシブ */
@media (max-width: 860px){
  .contact .form-grid{ grid-template-columns: 1fr; }
}

/* アクセシビリティ：画面外に隠すがフォーカス可（sr-only） */
.sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0);
  white-space: nowrap; border: 0;
}