/**
Theme Name: bed-bed.net
Author: MT-Creates
Author URI: bed-bed.net
Description: フランスベッド集客サイト（World for One）
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bed-bed.net
Template: astra
*/
/* フェードインアニメーションのキーフレーム定義 */
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* フェードインを適用するセクションのスタイル */
.fade-in-section {
    opacity: 0;
    transform: translateY(20px);
    visibility: hidden;
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    will-change: opacity, visibility;
}

/* 要素が表示範囲に入った時のクラス */
.fade-in-section.is-visible {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

/* JavaScriptを使用しない場合の基本的なフェードイン */
.fade-in-basic {
    animation: fadeIn 0.6s ease-out forwards;
}

h2::first-letter{
    background-color: #926938; /* 最初の文字の色を指定 */
    color: #fff;
    padding: .1em .28em;
    border-radius: 50%;;
}
.txt-left h2{
	text-align: left!important;
}
section#custom_html-2{
	padding: 0!important;
}
.head_company{
	display: block;
	width: 250px;
	float: right;
    text-align: right;
}
.head_tel{
	color: #d50f30;
	font-weight: 800;
	font-size: 1.35em;
	white-space: nowrap;
}
.container {
	width: 100%;
	max-width: 1200px;
    padding: 0 20px;
    margin-inline: auto;
}
section h2{
	text-align: center;
	margin-top: 1em;
	margin-bottom: 2em;
}
.txt-red{
	color: #d50f30;
	line-height: 1.1!important;
}
.pd_none{
	padding: 0!important;
}
.u_h{
	border: 1px solid #000;
	width: 80px;
	margin: 2em auto;
}
section:not(#firstview){
	margin: 0;
	padding: 3%;
	width: 100%;
}
section#firstview{
	
}
/*====ブランド====*/
section#brand{
	background: #ececec;
}
section#brand h3{
	text-align: center;
	margin: 1.5em 0;
}
section#brand dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	margin: 1em 0;
}
section#brand dl dd h4{
	text-align: center;
	margin-bottom: .8em;
}
section#brand dl dd p{
	text-align: center;
}
section#brand dl dd img{
	width: 120px;
}
section#benefits{
	max-width: 1100px;
	margin: 0 auto;
}
section#benefits img{
	width: 100px;
	height: 100px;
	object-fit: cover;
}
section#saleinfo .info{
	max-width: 700px;
	margin: 1em auto;
}

/*====電動ベッド====*/
section#dendo{
	margin: 0;
	padding: 4% 0;
	background: #e9e4dd;
}
section#dendo img{
	width: 100%;
	max-width: 1000px;
}
section#dendo h3{
	margin: 1.5em 0 1em;
	text-align: center!important;	
}
section#dendo ul{
	width: 100%;
	max-width: 560px;
	margin: 1em auto;
}
section#dendo ul li{
	margin-left: 1.2em;
}
section#dendo p{
	margin-bottom: .4em;
	text-align: center;
}
.video_wrapp{
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
}
.video_container{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	margin: 0 auto;
}
.video_container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
section#dendo_cta{
	margin: 0;
	padding: 4% 0;
	background: #e9e4dd;
    text-align: center;
}
/*====ブランド====*/
section#items{
	margin: 0;
	padding: 4% 0;
	background: #fff;
	text-align: center;
}
section#items img{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
/*====各フェア詳細====*/
section#detail{
	margin: 0;
	padding: 4% 0;
	background: #e9e4dd;
}
.comment{
	padding: 1em;
	border: 1px solid #333;
	border-radius: 10px;
	width: 100%;
	max-width: 680px;
	margin: 1.5em auto;
	background: #efefef;
}
.comment h4{
	font-size: 20px;
}
/*====フェアおすすめ====*/
section#detail .osusume{
	width: 100%;
}
/*====フェアメリット====*/
section#merit{
	margin: 0;
	padding: 4% 0;
	background: #efefef;
}
section#merit h3{
	text-align: center;
	margin: 1em 0;
}
section#merit h4{
	margin-bottom: .5em;
	color: #666;
	border-bottom: 1px solid #666;
}
section#merit dl{
	display: flex;
}
section#merit dl dd{
	display: block;
	width: 48%;
}
section#merit dl dd img{
	width: 100%;
}
/*====コラム====*/
section#column{
	margin: 0;
	padding: 4% 0;
	background: #fff;
}
section#column_single{
	margin: 0;
	padding: 0;
	background: #fff;
}
.column_container{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 4%;
}
#toc_container{
	margin: 0 auto;
}
.post-item{
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
}

/*====会場その他独自情報====*/
section#unique{
	margin: 0;
	padding: 4% 0;
	background: #efefef;
}
.gaikan{
	margin: 1em auto;
	text-align: center;
}
.gaikan img{
	width: 100%;
	height: 320px;
	max-width: 600px;
	object-fit: cover;
}
section#unique dl{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
section#unique dd{
	display: block;
}
.showroom_info{
    display: table;
    max-width: 800px;
    border-bottom: 1px solid #333;
    margin-bottom: .8em;
}
.showroom_info_t{
	display: table-cell;
    width: 200px;
    padding: .5em;
    background: #ba943b;
    text-align: center;
    font-size: 1em;
    border: none;
    color: #fff;
    vertical-align: middle;
}
.showroom_info_d{
	display: table-cell;
    padding: .5em 0 .5em 1.2em;
    font-size: .85em;
    margin-bottom: .85em;
    line-height: 1.3;
    text-align: left;
}
section#cta{
	text-align: center;
}
section#cta dl{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width:96%;
	margin: 1em auto;
}
section#cta dl dd{
	display: block;
	text-align: left;
	border-bottom: none!important;
}
section#cta dl dd img{
	width: 80%;
}
img.map_img{
	width: 100%;
	max-width: 450px;
}

.footer-call-button2 {
  position: fixed;
  left: 0;
  bottom: 5px!important;
  width: 100%;
  padding: 0 15px;
  z-index: 999;
  box-sizing: border-box;
  transition: opacity 0.3s ease-in-out; /* スムーズな表示/非表示 */
}

.footer-call-button2.hidden {
  opacity: 0;
  pointer-events: none; /* 非表示時はクリックを無効化 */
}
.footer-call-button2 a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px 16px;
  _background: #d50f30;
  color: #ffffff;
  text-decoration: none;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s;
}

.footer-call-button2 a:hover {
  _background: #926938;
}

.footer-call-button2 i {
  font-size: 1.2em;
}
.footer-call-button2 a p{
	text-align: center;
	line-height: 1.2;
	margin: 0;
	display: block;
}
.footer-call-button2 a span{
	font-size: 11px;
}
@supports (padding: max(0px)) {
  .footer-call-button2 {
    bottom: max(20px, env(safe-area-inset-bottom));
    padding-left: max(15px, env(safe-area-inset-left));
    padding-right: max(15px, env(safe-area-inset-right));
  }
}
/*====フェア一覧====*/
.sale-list .card {
    position: relative;
}

.sale-list .card.ended .card-image-container,
.sale-list .card.ended .card-body {
    opacity: 0.6;
    filter: grayscale(100%);
}
.card-body {
	padding: 1rem!important;
}
.sale-list .card .ended-label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #cc0000;
    color: #fff;
    padding: 8px;
    border-radius: 4px;
    font-size: .9em;
    font-weight: bold;
    z-index: 10;
    /* フィルターをリセット */
    opacity: 1 !important;
    filter: none !important;
    line-height: 1.3;
}
/*====スマホQRページ====*/
.map_img{
	max-width: 700px;
	margin: 2.5em 0 1.5em;
}
section#qr_disp{
	margin: 0 0 -1em;
	padding: 3% 0;
	background: #fff;
	text-align: center;
}
section#qr_disp h3{
	margin-bottom: 1.5em!important;
	color: #cc0000;
}
#company th{
	white-space: nowrap;
	background: rgba(255,255,255,.5);
}
.company_info2{
	padding: 1em;
	font-size: 1.1em;
	font-weight: 600;
	border: 2px solid #ccc;
	max-width: 400px;
	margin: 0 auto;
}
.company_info2 p span{
	font-size: 0.9em;
}
/*====印刷ページ====*/
section#printpage{
	margin: 0 0 1em;
	padding: 2% 0;
	background: #fff;
	text-align: center;
}
.printpage_place{
	font-size: 18px;
}
.company_info{
	padding: 1.2em;
	font-size: 1em;
	font-weight: 600;
	border: 2px solid #ccc;
	max-width: 400px;
	margin: 2em auto .5em;
    text-align: left;
}
.company_info p span{
	font-size: 0.9em;
}
/*====TOP MV====*/
.mv {
    display: flex;
    width: 100%;
    position: relative; /* 追加 */
}

.mv-dynamic {
    flex: 1;
    position: relative; /* 追加 */
    min-width: 0; /* 追加: flexアイテムの最小幅を設定 */
}

.mv-dynamic img {
    width: 100%;
    height: auto; /* 変更: 100%からautoに */
    display: block; /* 追加: 画像下部の余白を除去 */
    max-width: 100%; /* 追加: 画像が親要素を超えないように */
}

/* 親要素の高さを画像に合わせる */
.mv::after {
    content: '';
    display: block;
    padding-bottom: var(--aspect-ratio, auto); /* JavaScriptで動的に設定 */
}
#benefits dl {
    display: flex;
    flex-wrap: wrap; 
    justify-content: space-evenly;
    margin: 0;
    padding: 3%;
    background: #fff;
    background: url(https://www.bed-sale.jp/wp-content/uploads/2025/05/toku_bg.jpg);
}
#benefits dt {
    padding: 5px;
    box-sizing: border-box;
}
#benefits dd {
    height: 260px;
    padding: 5px;
    margin: 1em 0;
    background: url(https://www.bed-sale.jp/wp-content/uploads/2025/01/bg_tokuten2.jpg) no-repeat center;
    background-size: contain;
    position: relative; /* 子要素の位置指定の基準点として設定 */
    display: flex; /* Flexboxを使用して中央揃え */
    flex-direction: column;
    justify-content: center;
    align-items: center; 
}
#benefits dd h5 {
	font-size: 25px;
   width: 150px; 
   height: 70px;
   background: url(https://www.bed-sale.jp/wp-content/uploads/2025/01/tokuten_number.png) no-repeat center;
   background-size: contain;
   display: flex;
   color: #cc0000;
   align-items: flex-start;
   justify-content: center;
   margin: -5px 0 0 0!important;
   padding: 0;
   margin-top: 20px; /* 上部の余白を追加 */
}
/*====フローティング招待状へ====*/
.ft-btn {
    position: fixed;
    z-index: 99;
    bottom: 40%;
    right: 0;
    font-size: 1.2em;
    font-weight: 600;
    transform: translateX(100%); /* 初期状態で画面外に隠す */
    transition: transform 0.3s ease-in-out; 
    writing-mode: vertical-rl; /* 縦書きに設定 */
    text-orientation: upright; /* 縦方向での文字方向を通常に */
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden; /* 非表示でクリックを無効化 */
}

.ft-btn a {
    color: #fff!important;
    padding: 1.4em;
    background: linear-gradient(to right, #2ecc71, #27ae60);
    border-radius: 20px 0 0 20px;
}

.ft-btn a:hover {
    color: #fff!important;
    padding: 1.4em;
    background: #333;
    border-radius: 20px 0 0 20px;
}

.ft-btn.show {
    transform: translateX(0); 
    visibility: visible; 
}

/* スマホ用スタイル */
@media (max-width: 768px) { 
    .ft-btn {
        left: auto; 
        right: 0; 
        transform: translateX(100%); /* 初期位置を右画面外に変更 */
        transition: transform 0.3s ease; /* スムーズな移動のためのトランジション */
    }

    .ft-btn.show {
        transform: translateX(0); /* スライドで表示 */
    }

    .ft-btn a, .ft-btn a:hover {
        border-radius: 55px 0 0 55px; /* ボタンの角丸を維持 */
        padding: 1em;
        background: linear-gradient(to right, #2ecc71, #27ae60); /* のグラデーション */
        color: #fff!important;
    }
}

/*====メインビジュアル====*/
.mv-fixed-left{
    flex: 0 0 360px;
    background-color: rgba(0,0,0, 0.5);
    background-image: linear-gradient(
        rgba(0,0,0, 0.5),
        rgba(0,0,0, 0.5)
    ), url(<?php echo $bg_img1;?>);
    background-size: cover;
}
.mv-fixed-right {
    flex: 0 0 360px;
    background-color: rgba(0,0,0, 0.5);
    background-image: linear-gradient(
        rgba(0,0,0, 0.5),
        rgba(0,0,0, 0.5)
    ), url(<?php echo $bg_img2;?>);
    background-size: cover;
    background-position: center;
}
.end-message {
		background-color: #fff;
		padding: 20px 0;
		text-align: center;
		margin-bottom: 30px;
}

.end-message p {
		font-size: 1.4em;
		color: #cc0000;
		font-weight: bold;
		margin: 0;
}

/*====SPナビ====*/
.nav {
    position: fixed;
    right: -100%;
    top: 0;
    width: 100%;
    max-width: 480px;
    height: 100vh;
    padding: 6em 1.2em 0;
    background-color: #fff;
    transition: all .6s;
    z-index: 200;
    overflow-y: auto;
}
.hamburger {
    position: fixed;
    right: 10px;
    top: 8px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 300;
    background-color: #cfbdb1;
    border: 2px solid #000;
}
.nav_list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.nav_list span{
  	float: right;
}
.nav_item {
    text-align: center;
    padding: 0 14px;
    font-weight: 600;
}
.nav_item a {
    display: block;
    padding: 1em 0;
    text-align: left;
    border-bottom: 2px solid #333;
    text-decoration: none;
    color: #333;
}
.nav_item a:hover {
    background-color: #eee;
}
.hamburger_border {
    position: absolute;
    left: 10px;
    width: 28px;
    height: 2px;
    background-color: #000;
    transition: all .6s;
}
.hamburger_border_top {
    top: 10px;
}
.hamburger_border_center {
    top: 21px;
}
.hamburger_border_bottom {
    top: 33px;
}
.call a{
	text-align: center;
	font-size: 1.2em;
	padding: .5em;
	background: #d50f30;
	color: #fff;
	width: 100%;
	display: block;
	border-radius: 8px;
}
.nav-open .nav {
    right: 0;
 }
.nav-open .hamburger_border_top {
    transform: rotate(45deg);
    top: 21px;
    background-color: #000!important;
}
.nav-open .hamburger_border_center {
    width: 0;
    left: 50%;
}
.nav-open .hamburger_border_bottom {
    transform: rotate(-45deg);
    top: 21px;
    background-color: #000!important;
}
.modal-logo{
	text-align: center;
	margin: 1.2em 0;
}
.modal-logo img{
	width: 100%;
	max-width: 210px!important;
}
/*====TOP====*/
.sale_info{
    display: table;
    max-width: 800px;
    border-bottom: 2px dashed #ccc;
    margin-bottom: .8em;
}
.sale_info_t{
	display: table-cell;
    width: 200px;
    padding: .5em;
    background: #926938;
    text-align: center;
    font-size: 1em;
    border: none;
    color: #fff;
    vertical-align: middle;
    border-top-left-radius: 8px;  /* 左上 */
    border-bottom-left-radius: 8px;  /* 左下 */
}
.sale_info_d{
	display: table-cell;
    width: 70%;
    padding: .5em 0 .5em 1.2em;
    font-size: 1.15em;
    margin-bottom: .85em;
    text-align: left;
    line-height: 1.2;
}
.sale_info_d span{
	font-size: 14px;
}
/*====CF7====*/
.wrapper{
	margin: 0 auto;
	padding: 0 5%;
	width: 100%;
	max-width: 900px;
}
.wrapper p{
	text-align: center;
}
#cta{
	margin: 5% auto;
}
#cta h3{
	font-size: 1.35em;
	color: #cc0000;
	text-align: center;
	margin-bottom: 2em;
}
#cta dl{
	display: flex;
	flex-wrap: wrap;
	margin-top: 2em;
}
.brd_none dt,.brd_none dd {
    border-bottom: none!important;
}
.required {
	font-size: 0.8em;
	padding: 2px 6px;
	background: #cc0000;
	color: #ffffff;
	border-radius: 2px;
	margin-right: 10px;
	margin-bottom: 2px;
	display: inline-block;
}
.wpcf7-not-valid-tip,.wpcf7-response-output.wpcf7-validation-errors {
	color: #fff;
	font-weight: bold;
	background: #cc0000;
	padding: .3em .5em;;
}
_.wpcf7 input[type="text"]:focus,
.wpcf7 input[name="your-name"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea[name="message"]:focus{
	background: #FFC0CB;
	border: 1px solid #FF1493;
	outline: 0;
}
.wpcf7 input[name="your-zip"]{
	max-width: 200px!important;
}
.wpcf7 textarea{
	height: 120px !important;
}
input[type="radio"],input[type="checkbox"]{
  width: 24px!important;
  height: 24px!important;
}
.wpcf7 input[type="submit"]{
	width: 100%;
	max-width: 500px;
	padding: 3%!important;
}
.wpcf7-form-control.wpcf7-checkbox {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 10px 0;
}

/* チェックボックスの項目のみ */
.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

/* チェックボックス入力欄 */
.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item input[type="checkbox"] {
    margin: 0;
    width: 20px;
    height: 20px;
}

/* チェックボックスのラベルテキスト */
.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item-label {
    margin-left: 8px;
    font-size: 16px;
    line-height: 1.5;
}
/*====フェア一覧====*/
dl.sale-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}
.card a{
    text-decoration: none!important;
}
.card-body h3{
	font-size: 20px;
	text-align: center;
}
.card-body h3 span{
	background: #d50f30;
	color: #fff;
	padding: 4px;
	font-size: 13px;
	font-weight: 600;
}
.card-body p{
	background: #333;
	color: #fff;
	text-align: center;
	font-size: 15px;
}
.card img{
	width: 100%;
	object-fit: cover;
	height: 380px;
}
a img:hover{
	opacity: .6;
	transition: 1s;
}

.show-more-button {
    text-align: center;
    margin: 20px 0;
}

.show-more-button button {
    padding: 10px 30px;
    background-color: #cc0000;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

.show-more-button button:hover {
    background-color: #333;
}

/*====レスポンシブ====*/
@media screen and (max-width:768px){
.pc_disp{display: none!important;}
.sp_disp{display: block!important;}
.mv-fixed-left, .mv-fixed-right {
	display: none;
}
.site-title{
	padding: .3em;
    font-size: 1em;
	font-weight: 700;
	text-align: center;
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.maincopy{
	padding: .3em;
	font-size: 1em;
	font-weight: 700;
	text-align: center;
	background: #926938;
	color: #fff;
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.column_container h1{
	font-size: 21px!important;
	margin-bottom: .8em;
}
#ast-scroll-top{
	bottom: 11%!important;
}
.wpcf7 input[type="submit"]{
	width: 100%;
	padding: 8% 4%!important;
}
.showroom_info_t,.showroom_info_d{
	display: block!important;
	width: 100%!important;
}
section#unique dl{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
section#unique dd{
	display: block;
	width: 100%;
}
section#merit dl{
	display: flex;
	flex-wrap: wrap;
}
section#merit dl dd{
	display: block;
	width: 100%!important;
}
.post-item{
	padding-left: 2em!important;
}
dl.sale-list dd{
	display: block;
	width: 100%;
	margin: 0 .3em 1em;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}
.card-body h3 span{
	display: block;
	width: 55%;
	margin: 0 auto;
}
section#brand dl dd{
	display: block;
	width: 100%;
}
#cta dl dt{
	display: block;
	width: 100%;
	text-align: center;
	margin: 0;
}
#cta dl dd{
	display: block;
	width: 100%!important;
	margin: 0;
	border-bottom: 2px solid #fff;
}
.wpcf7-form-control.wpcf7-radio {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px; /* 選択肢間のスペース */
}
.wpcf7-form-control.wpcf7-radio input[type="radio"] {
    margin-right: 5px; /* ラジオボタンとラベル間のスペース */
}
#benefits dt {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
}
#benefits dd {
    width: 100%;
    height: 200px;
}
#benefits dd span {
    padding: 15px;
    text-align: center;
    max-width: 77%; 
    line-height: 1.5; 
    font-size: 18px;
    font-weight: 600;
    color: #333; 
}
dd h5.is_img{
	background: #fff!important;
	text-align: center;
	height: 30px!important;
	font-size: 27px!important;
	margin-bottom: -15px!important;
}
dd span.is_img{
	padding: 3px 8px!important;
}
.sale_info_t{
	display: table-cell;
    width: 200px;
    padding: .4em;
    background: #926938;
    text-align: center;
    font-size: 14px;
    border: none;
    color: #fff;
    vertical-align: middle;
    border-top-left-radius: 8px;  /* 左上 */
    border-bottom-left-radius: 8px;  /* 左下 */
}
.sale_info_d{
	display: table-cell;
    width: 70%;
    padding: .4em 0 .5em .5em;
    font-size: 16px;
    margin-bottom: .85em;
    text-align: left;
    line-height: 1.2;
}
.sale_info_d span{
	font-size: 12px;
}

}

@media screen and (min-width:601px){
.pc_disp{display: block!important;}
.sp_disp{display: none!important;}
.hamburger{
	display: none;
	z-index: 10000!important;
}
.site-title{
	padding: .3em;
    font-size: 1.5em;
	font-weight: 700;
	text-align: center;
}
.maincopy{
	padding: .4em;
	font-size: 1.6em;
	font-weight: 700;
	text-align: center;
	background: #926938;
	color: #fff;
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.column_container h1{
	font-size: 2.2em!important;
	margin-bottom: .8em;
}
dl.sale-list dd{
	display: block;
	width: 32%;
	margin: 0 .3em 1em;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

section#brand dl dd{
	display: block;
	width: 28%;
}
section#merit dl{
	display: flex;
}
dl.shimizu{
	max-width :500px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#cta dl dt{
	display: block;
	width: 35%;
	text-align: center;
	margin: 0;
	border-bottom: 2px solid #fff;
}
#cta dl dd{
	display: block;
	width: 65%;
	margin: 0;
	border-bottom: 2px solid #fff;
}
.required {
	float: right;
}
.footer-call-button2{
	display: none;
}
#benefits dl {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    
    #benefits dt {
        width: 50%;
        padding: 5px;
        box-sizing: border-box;
    }
    
    #benefits dd {
        width: 50%;
        margin: 1em 0;
        box-sizing: border-box;
    }
    
    #benefits dd span {
        padding: 20px;
        text-align: center;
        max-width: 70%;
        line-height: 1.5;
        font-size: 21px;
        font-weight: 600;
        color: #333;
        display: block;
        margin: 0 auto;
    }
    
    dd h5.is_img {
        background: #fff!important;
        text-align: center;
        height: 44px!important;
        font-size: 32px!important;
        margin-bottom: -22px!important;
    }
    
    dd span.is_img {
        padding: 3px 10px!important;
    }
    
    /* 追加：hidden-benefitsのスタイル */
    .hidden-benefits {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    
    .hidden-benefits dd {
        width: 50%;
        margin: 0;
        box-sizing: border-box;
}
dl.sale-list dd a{
	text-decoration: none!important;
}
}
dl.shimizu{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}