/* 固定ページ */

.p-entry__author{display:none;}

span.caption_right{color:#121212; font-size:80%; text-align:right; display:block;}
/* スマホ */
@media only screen and (max-width: 599px) {
span.caption_right{color:#121212; font-size:80%; text-align:left; display:block;}
}

div.header_title{

background:#f0f3f8;
width:100%;
padding:2.5% 0;
}

div.header_title h2{
font-size:2em;
line-height:1.5em;
text-align:left;
display:block;
margin:0;
}

div.header_title h2:nth-of-type(2){
margin-top:1em;
}

div.header_title p{
font-size:100%;
line-height:2em;
display:block;
}

.block h2{
line-height:1.5em;
text-align:center;
margin-bottom:10px;
}

.block h2 span{
font-size:80%;
	font-weight:600;
line-height:1.5em;
	display:block;
	margin:5px auto;
	text-align:center;
}


.block p{
font-size:90%;
line-height:1.5em;
display:block;
}

/* 問い合わせ */
.contact-section {
  background-color: #f0f8ff; 
  border: 2px solid #cce;
  border-radius: 8px;
  padding: 20px;
  margin: 20px auto;
  width: 90%;
  box-sizing: border-box;
  text-align: center;
  font-family: sans-serif;
}

.contact-section p a {
  color: #666;
  font-size: 1em;
  text-align: left;
font-weight:400;
  display:inline;
  text-decoration: none;
  }

.contact-section a.mail_link {
  display: block;
  font-weight: 700;
  color: #007acc;
  font-size: 1.2em;
  text-align: center;
  margin: 10px 0;
  text-decoration: none;
}



.contact-section a:hover {
  color: #005f99;
}

.contact-section span {
  display: block;
  font-size: 0.9em;
color:#c2995f;
  margin-top: 10px;
}

/* スマホ */
@media only screen and (max-width: 599px) {
/* 奇数番目のブロック */

.block h2{
text-align:left;

}

.block h2 span{
margin:2px auto 5px;
text-align:left;
}

.block {
  /* display: flex;
  justify-content: space-between;
  align-items: center;*/
  padding: 1.5em;
  margin-bottom: 2em;
}

.block1 .image_right, .block3 .image_right {
  order: 0; /* 画像を右に */
}

.block1 .content_right, .block3 .content_right {
  order: 1; /* テキストを左に */
}

.block2 .image_right, .block4 .image_right {
  order: 1; /* 画像を左に */
}

.block2 .content_left, .block4 .content_left {
  order: 0; /* テキストを右に */
}

.image_left, .image_right {
display:block;
  width: 98%; /* 画像の幅調整 */
 margin:auto;
}


/*
img.lq_img {
  height:350px;
  border-radius: 8px;
} */
.image_left img,
.image_right img{
  width:100%;
  border-radius: 8px;
} 


.content_left, .content_right {
display:block;
  width: 98%; /* コンテンツの幅 */
   margin:auto;
}

/* コンタクト */
  .contact-section {
    font-size: 14px;
    padding: 15px;
  }

  .contact-section a {
    font-size: 1.5em;
   text-align: center;
    }
  
.contact-section p{
  text-align: left;
}

.contact-section span{
  font-size: 0.9em;
  text-align: left;
text-indent:-1em;
padding-left:1em;

}

}
/* タブレット */
@media only screen and (min-width: 600px) and (max-width: 1023px) {
.block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5em;
  margin-bottom: 2em;
}
/* 奇数番目のブロック */
.block1 .image_right, .block3 .image_right {
  order: 0; /* 画像を右に */
}

.block1 .content_right, .block3 .content_right {
  order: 1; /* テキストを左に */
}

.block2 .image_right, .block4 .image_right {
  order: 1; /* 画像を左に */
}

.block2 .content_left, .block4 .content_left {
  order: 0; /* テキストを右に */
}

.image_left, .image_right {
  width: 40%; /* 画像の幅調整 */
}

/*
img.lq_img {
  height:350px;
  border-radius: 8px;
} */
.image_left img,
.image_right img{
  width:100%;
  border-radius: 8px;
} 


.content_left, .content_right {
  width: 55%; /* コンテンツの幅 */
}

/* コンタクト */
  .contact-section {
    font-size: 15px;
    padding: 20px;
  }

  .contact-section a {
     text-align: center;
    font-size: 1.5em;
  }

.contact-section p{
  text-align: left;
}

.contact-section span{
  font-size: 0.9em;
  text-align: left;

text-indent:-1em;
padding-left:1em;

}
  
}
/* PC */
@media only screen and (min-width: 1024px) {
.block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5em;
  margin-bottom: 2em;
}
/* 奇数番目のブロック */
.block1 .image_right, .block3 .image_right {
  order: 0; /* 画像を右に */
}

.block1 .content_right, .block3 .content_right {
  order: 1; /* テキストを左に */
}

.block2 .image_right, .block4 .image_right {
  order: 1; /* 画像を左に */
}

.block2 .content_left, .block4 .content_left {
  order: 0; /* テキストを右に */
}

.image_left, .image_right {
  width: 40%; /* 画像の幅調整 */
}


.image_left, .image_right {
  width: 40%; /* 画像の幅調整 */
}
/*
img.lq_img {
  height:350px;
  border-radius: 8px;
} */
.image_left img,
.image_right img{
  width:100%;
  border-radius: 8px;
} 


.content_left, .content_right {
  width: 55%; /* コンテンツの幅 */
}

/* コンタクト */
  .contact-section {
    font-size: 16px;
    padding: 25px;
  }

  .contact-section a {
    font-size: 1.2em;
  }
  
}

/* tabla */
.spec-table-wrapper {
  overflow-x: auto;
  margin: 20px 0;
}

.spec-table {
  width: 100%;
  border-collapse: collapse;
  font-family: sans-serif;
  background-color: #fff;
  border: 1px solid #ccc;
}

/* ヘッダーとデータ */
.spec-table th,
.spec-table td {
  padding: 12px 15px;
  border: 1px solid #ccc;
  vertical-align: top;
}



/* 左列（th）強調 */
.spec-table th {
  background-color: #f0f8ff;
  font-weight: bold;
  text-align: left;
  width: 35%;
}

.spec-table td span{
font-size:80%;
}

/* スマホ */
@media screen and (max-width: 599px) {

  .spec-table,
  .spec-table thead,
  .spec-table tbody,
  .spec-table tr,
  .spec-table th,
  .spec-table td {
    display: block;
    width: 100%;
    border:none;
  }
  
    .spec-table thead{
    margin-bottom:10px;
    }
  
  .spec-table th,
  .spec-table td {
    padding: 10px;
    font-size: 14px;
  }
  
    .spec-table th{
    border-bottom:1px #dbdbdb solid;
    }
    
  .spec-table tr:last-child td{
    border-bottom:1px #dbdbdb solid;}]
  }

}

/* タブレット */
@media screen and (min-width: 600px) and (max-width: 1023px) {
  .spec-table th,
  .spec-table td {
    font-size: 15px;
  }
}

/* PC */
@media screen and (min-width: 1024px) {
  .spec-table th,
  .spec-table td {
    font-size: 16px;
  }
}

/* 別テーブル */
.product-table-wrapper {
  margin: 20px 0;
  width: 100%;
  overflow: hidden;
}

.product-table {
  width: 100%;
  border-collapse: collapse;
  font-family: sans-serif;
  background-color: #fff;
  border: 1px solid #ccc;
}

.product-table th,
.product-table td {
  padding: 12px 15px;
  border: 1px solid #ccc;
  vertical-align: middle;
  text-align: center;
}

.product-table thead th {
  background-color: #f0f8ff;
  font-weight: bold;
  color: #333;
}

/* スマホ対応（改行なし・ラベル色付き・罫線） */
@media screen and (max-width: 599px) {
  .product-table,
  .product-table thead,
  .product-table tbody,
  .product-table tr,
  .product-table th,
  .product-table td {
    display: block;
    width: 100%;
    border: none;
  }

  .product-table thead {
    display: none; /* 見出しは非表示 */
  }

  .product-table tr {
    margin-bottom: 16px;
    padding: 0;
    background-color: transparent;
border-bottom: 1px solid #ccc;
  }

  .product-table td {
    padding: 8px 12px;
    border-bottom: 1px dashed #ccc;
    text-align: left;
  }

.product-table td:last-child {
  border-bottom: none;
}

  .product-table td::before {
    content: attr(data-label) "：";
    display: inline-block;
    background-color: #f0f8ff;
    padding: 2px 6px;
    margin-right: 0.5em;
    font-weight: bold;
    color: #333;
    white-space: nowrap;
  }
}

/* 別のテーブルスタイル 終わり*/

/* 画像一列 */

.img_block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5em;
  margin-bottom: 2em;
}

.img_block img{
width:97%;
margin:1.5%;
  border-radius: 8px;
}

/* スマホ */
@media screen and (max-width: 599px) {

.img_block {
  display: block;
  padding: 1.5em;
  margin-bottom: 2em;
}

.img_block img{
width:98%;
margin:1.5% auto;
  border-radius: 8px;
}
}

/* PDFアイコン */
.download-button {
  background: none;
  color: #DF5656;
  border: 2px solid #DF5656;
  padding: 0.6em 0.7em;
  border-radius: 0.5em;
  text-decoration: none;
  font-weight: bold;
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  transition: all 0.3s ease;
  cursor: pointer;
}

.download-button:hover {
  background-color: rgba(223, 86, 86, 0.08);
}

.pdf-icon {
  width: 1.3em; 
  height: 1.3em;
  object-fit: contain;
  align-self: center;
}

/* スマホ */
@media (max-width: 599px) {
  .download-button {
    font-size: 0.95rem;
    padding: 0.6em 1.2em;
  }

  .pdf-icon {
    width: 1.2em;
    height: 1.2em;
  }
}



.cookie_consent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: -100px;
    left: calc(50% - 650px/2);
    width: 650px;
    height:50px;
    font-size: 12px;
    background: #fff;
    padding: 1.2em;
    box-sizing: border-box;
    border: 1px solid #ddd;
    visibility: visible;
    transition: .5s;
  }
  .cookie_consent.is-show {
    top: 30px;
  }
  .cookie-text {
    width: 90%;
  }
  .cookie-agree {
    color: #fff;
    background: dodgerblue;
    padding: .5em 1.5em;
  }
  .cookie-agree:hover {
    cursor: pointer;
  }
  /* パッと消える */
  .cc-hide1 {
    display: none;
  }
  /* ゆっくり消える */
  .cc-hide2 {
    animation: hide 1s linear 0s;
    animation-fill-mode: forwards;
  }
  @keyframes hide {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      visibility: hidden;
    }
  }
  /* メディアクエリ */
  @media screen and (max-width: 599px) {
    .cookie_consent {
      flex-direction: column;
      width: 300px;
          height:130px;
      left: calc(50% - 300px/2)
    }
    .cookie-text {
      width: 100%;
      margin-bottom: 1em;
    }
  }