@charset "UTF-8";
/* ------------------------------
背景色
------------------------------ */
.bg-cream {
	background: #F4EBE6;
}

.bg-beige {
	background: #FFDDB4;
}

.bg-gray {
	background: #F5F5F5;
}

.bg-blue {
	/*background: #ECEBF0;*/
	background: #EFF5F9;
}

@media (max-width:768px) {
	.res-bg-white {
		background: #fff !important;
	}
}

/* ------------------------------
	メイン
------------------------------ */

/*緊急インフォ
--------------------------*/
.add-info.up {
	margin-bottom: 10px;
}

@media (max-width:768px) {
.add-info.up {
	margin-bottom: 0;
	padding: 10px;
	font-size: 3.5vw;
}
}


/*キャッチテキスト
--------------------------*/
.catch-band p {
	margin-bottom:14px;
}

.catch-band p {
	padding: 10px 10px;
	/*font-size: 20px;*/
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: #194561;
}

.catch-band a {
	color: #fff !important;
	display: block;
	text-decoration: none;
	transition: .2s;
}

.catch-band a:hover {
	opacity: .7;
}

@media (max-width:768px) {
/*.catch-band {
	margin-bottom:0px;
	padding: 10px 15px;
	text-align:left;
}*/

.catch-band p {
	padding: 5px 5px;
	/*font-size: 20px;*/
	font-size: 3.5vw;
	text-align: left;
}

.catch-band p span {
	position: absolute;
	/* top: 90%; */
	left: 50%;
	transform: translate(-50%, 0%)
}
}

/* ------------------------------
	期間
------------------------------ */
.holding-period {
	margin: 20px auto;
	/*font-family: "Noto Serif JP", serif;*/
}

.holding-period .num {
	margin-right: 0.5em;
	display: inline-block;
	font-size: 24px;
	font-weight: 700;
}

.holding-period .time {
	margin-right: 1em;
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
}

@media (max-width:768px) {
.holding-period {
	margin: 15px auto;
	text-align: center;
	font-size: 3.8vw;
}

.holding-period .num {
	font-size: 4.5vw;
}

.holding-period .time {
	font-size: 3.5vw;
}
}

/* ------------------------------
	お読みくださいボタン
------------------------------ */
.btn-readme {
	margin: 30px auto;
	display: table;
	font-size: 20px;
	position: relative;
}

.btn-readme:before {
	content:'';
	width: 43px;
	height: 44px;
	background: url("../images250508/common/icon_exclamation.png") no-repeat center;
	background-size: contain;
	position:absolute;
	left:-50px;
	top: 50%;
  transform: translateY(-50%);
}

.btn-readme a {
	text-decoration: underline;
}

.btn-readme a:hover {
	text-decoration: none;
}

@media (max-width:768px) {
.btn-readme {
	margin: 20px auto;
	font-size: 4vw;
}

.btn-readme:before {
	content:'';
	width: 28px;
	height: 29px;
	background: url("../images250508/common/icon_exclamation.png") no-repeat center;
	background-size:contain;
	left:-35px;
}

}

/* ------------------------------
	注目のキーワード
------------------------------ */
.search-keyword-area {
	margin: 0 auto 20px;
	padding: 15px 25px;
	width: 1040px;
	display: flex;
	align-items: center;
	background: #96C2E2;
}

.search-keyword-ttl {
	margin-right: 54px;
	font-size: 20px;
	/*color: #000 !important;*/
	color: #fff !important;
	line-height: 1;
}

@media (max-width:768px) {
.search-keyword-area {
	margin-bottom: 30px;
	padding: 15px 10px;
	display: block;
	width: inherit;
	text-align: center;
}

.search-keyword-ttl {
	margin-right: 0;
	font-size: 4vw;
}
}

.search-keyword-list {
	display: flex;
	gap:0 20px;
}

.search-keyword-list .word-name {
	padding: 5px 30px;
	background: #fff;
	border: solid 1px #000;
	border-radius: 100px;
	line-height:1;
}

.search-keyword-list > li a {
	display: block;
	transition: .2s;
}

.search-keyword-list > li a:hover {
	opacity: .7;
	text-decoration: none;
}

@media (max-width:768px) {
.search-keyword-list {
	margin-top:15px;
	display: flex;
	justify-content:center;
	gap:0 10px;
}

.search-keyword-list .word-name {
	padding: 3px 12px;
	font-size:3.2vw;
	white-space:nowrap;
}
}

/*特集
--------------------------*/
.feature-area {
}

.feature-list.col3 {
	display: grid;
	gap:60px 20px;
	grid-template-columns: repeat(3,1fr);
}

.feature-list .txt {
	margin-top: 15px;
	font-size: 20px;
}

.feature-list a {
	text-decoration: none;
	transition: .2s;
}

.container .feature-list a img:hover {
	opacity: 1;
}

.feature-list a:hover {
	opacity: .7;
}

@media (max-width:768px) {
.feature-list.col3 {
	display: grid;
	gap:40px 0px;
	grid-template-columns: repeat(1,1fr);
}

.feature-list li {
	margin:0 5px;

	}

.feature-list li div {
	border:solid 3px #CFB762;
	position:relative;
	}

.feature-list li div:after {
	content:'';
	width:22px;
	height:22px;
	font-size:3.5vw;
	color:#fff;
	line-height:1;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#CFB762;
	position:absolute;
	bottom:0px;
	left:0px;
}

.feature-list .txt {
	/*margin-top: 10px;
	font-size: 4vw;*/
	display: none;
}

/**/
.slide-dots {
	margin:-20px auto 0;
	width:40%;
	display:flex !important;
	justify-content:space-between;
	gap:0 10px;
}

.slide-dots button {
	/*width:30px;
	height:30px;*/
	width: 8vw;
	height: 8vw;
	background:#DCDDDD;
	border-radius:50%;
	border:none;
	font-size:4vw;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
}

.slide-dots .slick-active button {
	background: #CFB762;
	}


	/*指定要素に番号*/
 .feature-list li[data-slick-index="0"] div:after {
      content:'1';
}

.feature-list li[data-slick-index="1"] div:after {
      content:'2';
}

.feature-list li[data-slick-index="2"] div:after {
      content:'3';
}

.feature-list li[data-slick-index="3"] div:after {
      content:'1';
}

}


/*セレクトナビ
--------------------------*/
.select-navi {
	margin: 40px auto 0;
	display: flex;
	justify-content: space-between;
}

.select-navi  li {
	width:100%;
}

@media (max-width:768px) {
.select-navi {
	font-weight: 500;
	flex-wrap:wrap;
}

.select-navi  li {
	width:50%;
}
}

.select-navi  li a {
	display: block;
}

.select-navi  li a:hover {
	text-decoration: none;
}

.select-navi .tab {
	height: 54px;
	font-weight: bold;
	border-top:solid 1px #744B24;
	border-bottom:solid 1px #744B24;
	border-right: solid 1px #744B24;
	display:flex;
	align-items:center;
	justify-content:center;
	background: url("../images250508/common/arrows-down-b.png") no-repeat right 20px center;
	transition: .2s;
}

.select-navi .tab:hover {
	/*border-top:solid 1px #A03119;
	border-bottom:solid 1px #A03119;
	border-right: solid 1px #A03119;*/
	opacity: .7;
}

.select-navi  li:first-child .tab:hover {
	/*border-left:solid 1px #A03119;*/

}

.select-navi  li:first-child .tab {
	border-left:  solid 1px #744B24;
	border-radius: 10px 0 0 10px;
}

.select-navi  li:last-child .tab {
	border-radius: 0 10px 10px 0;
}

@media (max-width:768px) {
.select-navi .tab {
	height:54px;
	font-size:3.7vw;
	font-weight:600 !important;
	background: url("../images250508/common/arrows-down-b.png") no-repeat bottom 5px center  !important;
	background-size:10px !important;
	border:none;
	border-bottom:solid 1px #000;
	border-left:solid 1px #000;
	border-radius:0 !important;
}

.select-navi .tab.no-arrows {
	background-image: none !important;
	}

.select-navi li:nth-child(-n+2) .tab {
 border-top:solid 1px #000;
}

.select-navi li:nth-child(2n) .tab {
	border-right:solid 1px #000;
}
}

.select-navi .tab span {
	margin-right:1em;
	display: inline-block;
}

@media (max-width:768px) {
.select-navi .tab span {
	/*margin-right:1.5em !important;*/
	margin-right:0 !important;
	position:relative;
	top:-2px;
}
}

.select-navi .ranking span {
	padding-left: 30px;
	background: url("../images250508/common/icon_crown.svg") no-repeat left center;
	background-size:18px;
}

.select-navi .category span {
	padding-left: 30px;
	background: url("../images250508/common/icon_category.svg") no-repeat left center;
	background-size: 17px;
}

.select-navi .budget span {
	padding-left: 30px;
	background: url("../images250508/common/icon_yen.svg") no-repeat left center;
	background-size: 22px;
}

.select-navi .catalog span {
	padding-left: 30px;
	background: url("../images250508/common/icon_book.svg") no-repeat left center;
	background-size: 23px;
}

@media (max-width:768px) {
/*.select-navi .ranking span {
	padding-left: 25px;
	background-size:contain;
}

.select-navi .category span {
	padding-left: 25px;
	background-size:contain;
}

.select-navi .budget span {
	padding-left: 25px;
	background-size:contain;
}

.select-navi .catalog span {
	padding-left: 25px;
	background-size:contain;
}*/

.select-navi span {
	padding: 0 !important;
	background: none !important;

}
}


/*送料無料ギフトバナー
--------------------------*/
.bn-freeshipping {
	margin:30px auto;
}



@media (max-width:768px) {
.bn-freeshipping {
	margin:30px auto 20px;
}

}

/*バナーリスト
--------------------------*/
.bn-list {
	margin: 60px auto 0;
	display: flex;
}

.bn-list.col2 {
	justify-content: space-between;
}

.bn-list.col2-wrap {
	display: grid;
	gap:20px 20px;
	grid-template-columns: repeat(2,1fr);
}

.bn-list.col3 {
	display: grid;
	gap:0 20px;
	grid-template-columns: repeat(3,1fr);
}

@media (max-width:768px) {
.bn-list {
	margin: 30px auto 0;
	flex-direction:column;
	gap:10px 0;
}

.bn-list.col2 {
	margin: 30px auto 0;
	flex-direction:column;
	gap:20px 0;
}
	
.bn-list.col2-wrap {
	display: grid;
	gap:15px 0px;
	grid-template-columns: repeat(1,1fr);
}

.bn-list.col3 {
	padding:0 35px;
	display: grid;
	gap:30px 0px;
	grid-template-columns: repeat(1,1fr);
}
}


/*--------------------------------
カテゴリー内キーワード
--------------------------------*/
.top-search-in-cate-area {
	margin: 70px auto 90px;
}

.top-search-in-cate-ttl {
	font-size: 24px;
	font-weight: 600 !important;
	text-align: center;
}

@media (max-width:768px) {
.top-search-in-cate-area {
	margin: 60px 15px 60px;
}

.top-search-in-cate-ttl {
	font-size: 4.5vw;
}
}

.top-search-in-cate {
	margin: 40px auto 0;
	max-width: 890px;
}

.top-search-in-cate form {
	display: flex;
	align-items:center;
	justify-content: space-between;
}

.top-search-in-cate-txt {
    position: relative; /* 親要素を相対位置に設定 */
}

.top-search-in-cate-txt input {
    padding: 0 10px 0 20px; /* 左側にアイコンがあるので左のパディングを増やす */
    width: 630px;
    height: 60px;
    border: solid 1px #744B24 !important;
    border-radius: 5px;
    background: white url("../images250508/common/glass.png") no-repeat left 20px center; /* 背景画像を追加 */
}

.top-search-in-cate-txt input:focus {
    background-image: none; /* フォーカス時は背景画像を削除 */
}

.top-search-in-cate-btn button {
	width: 160px;
	height: 60px;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	font-family: "Noto Sans JP", sans-serif;
	background: #194561;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	transition: .2s;
}

.top-search-in-cate-btn button:hover {
	opacity: .7;
}

@media (max-width:768px) {
.top-search-in-cate {
	margin: 20px auto 0;
	max-width: 890px;
}

.top-search-in-cate-txt {
   position: relative; /* 親要素を相対位置に設定 */
	width:72%;
}
.top-search-in-cate-txt input {
    padding: 0 10px 0 10px; /* 左側にアイコンがあるので左のパディングを増やす */
    width: 100%;
    height: 45px;
	background: white url("../images250508/common/glass.png") no-repeat left 10px center;
	background-size:20px;
}

.top-search-in-cate-list {
	width:24%;
}

.top-search-in-cate-btn button {
	width: 100%;
	height: 45px;
	font-size: 3.5vw;
}
}


/*--------------------------------
ランキング
--------------------------------*/
.carousel-area {
	margin: 60px auto 0;
}

@media (max-width:768px) {
.carousel-area {
	margin: 30px auto 0;
}
}

/*--------------------------------
各セクション
--------------------------------*/
.sec-box {
	margin: 100px auto 0;
}

.add-bg {
	padding: 60px 0 60px;
}

@media (max-width:768px) {
.sec-box {
	margin: 60px auto 0;
}

.add-bg {
	padding: 40px 0 40px;
}

.sec-box.present-list {
	margin-bottom: 60px;
	}
}

.sec-ttl {
	font-size: 36px;
	font-weight: 600 !important;
	line-height:1.4;
	text-align: center;
}

.sec-ttl.mid {
	font-size: 30px;
}

.top-present-ttl-box {
	display: flex;
	align-items: center;
	justify-content: center;
}

.top-present-ttl-box .cap {
	margin-right:20px;
	padding:0 15px;
	height: 54px;
	font-size: 24px;
	font-weight:600;
	color: #fff;
	/*background: #FFF703;*/
	background: #D35614;
	/*border:solid 1px #D35614;*/
	line-height:1;
	display:flex;
	align-items:center;
	border-radius:10px;
}

@media (max-width:768px) {
.top-present-ttl-box {
	flex-direction: column;
}

.top-present-ttl-box .cap {
	margin-right:0px;
	margin-bottom:5px;
	padding:8px 6px 6px;
	height: auto;
	font-size: 4vw;
	border-radius:2px;
}	
}

.sec-ttl .cap {
	margin-right: 20px;
	display: inline-block;
	font-size: 24px;
}

.under .sec-ttl {
	font-size: 24px;
}

.sec-ttl .fs-small {
	font-size: 24px;
}

.sec-ttl-band {
	height: 82px;
	font-size: 36px;
	font-weight: 600 !important;
	color: #fff;
	line-height:1;
	/*background: #194561;*/
	background: #1A5C86;
	display: flex;
	align-items: center;
	justify-content: center;
}

#add-main .sec-ttl-band.past-contract {
	height: auto;
	font-size: 36px;
	color: #000 !important;
	background:none !important;
}

@media (max-width:768px) {
.sec-ttl {
	font-size: 5.5vw;
}
	
#add-main .sec-ttl-band.past-contract {
	font-size: 5.5vw;
}
	
.sec-ttl.mid {
	font-size: 4.4vw;
}

.sec-ttl .cap {
	margin-right: 0px;
	font-size: 4vw;
	display: block;
}

.sec-ttl .fs-small {
	font-size: 4.0vw;
}

#add-main .sec-ttl-band {
	padding:0.5em 0 !important;
	height: auto;
	font-size: 5.5vw;
	color: #fff !important;;
	background: #194561 !important;
	display: block;
	text-align: center;
}
}

.ttl-sub-txt {
	margin-top: 40px;
	font-size: 20px;
}

@media (max-width:768px) {
.ttl-sub-txt {
	margin-top: 20px;
	font-size: 3.8vw;
	line-height:1.5;
	text-align: center;
}

}

/*王冠*/
.add-icon-crown {
	position: relative;
	margin: 0 auto;
	/*display: table;*/
	display: inline-block;
}

.add-icon-crown:before {
	content:'';
	width: 30px;
	height: 32px;
	position: absolute;
	top: 50%;
  transform: translateY(-50%);
	left: -60px;
	background: url("../images250508/common/icon_crown.svg") no-repeat center;
	background-size: contain;
}

@media (max-width:768px) {
.add-icon-crown:before {
	/*content: none*/
	/*left: -30px;*/
}

.add-icon-crown:before {
	width: 20px;
	height: 21px;
	left: -30px;
}
}

/*カテゴリ*/
.add-icon-category {
	position: relative;
	margin: 0 auto;
	display: table;
}

.add-icon-category:before {
	content:'';
	width: 30px;
	height: 31px;
	position: absolute;
	top: 50%;
  transform: translateY(-50%);
	left: -60px;
	background: url("../images250508/common/icon_category.svg") no-repeat center;
	background-size: contain;
}

@media (max-width:768px) {
.add-icon-category:before {
	/*content: none;*/
}
	
.add-icon-category:before {
	content:'';
	width: 20px;
	height: 21px;
	left: -30px;
}
}

/*かんたん検索*/
.add-icon-easy {
	position: relative;
	margin: 0 auto;
	display: table;
}

.add-icon-easy:before {
	content:'';
	width: 60px;
	height: 49px;
	position: absolute;
	top: 50%;
  transform: translateY(-50%);
	left: -60px;
	background: url("../images250508/common/kensaku.svg") no-repeat center;
	background-size: contain;
}

@media (max-width:768px) {
.add-icon-easy:before {
	width: 40px;
	height: 33px;
	top:10px;
	left: -40px;
}

.under .add-icon-easy:before {
	width: 43px;
	height: 52px;
	/*top:18px;
	left: -35px;*/
	top:10px;
	left: -45px;
}

}

/*予算・価格*/
.add-icon-yen {
	position: relative;
	margin: 0 auto;
	display: table;
}

.add-icon-yen:before {
	content:'';
	width: 42px;
	height: 42px;
	position: absolute;
	top: 50%;
  transform: translateY(-50%);
	left: -60px;
	background: url("../images250508/common/icon_yen.svg") no-repeat center;
	background-size: contain;
}

@media (max-width:768px) {
.add-icon-yen:before {
	/*content: none;*/
}
	
.add-icon-yen:before {
	content:'';
	width: 32px;
	height: 32px;
	position: absolute;
	left: -40px;
}
}

/* ------------------------------
	静的商品リスト
------------------------------ */
.item-grid {
	margin: 60px auto 0;
	display: grid;
}

.item-grid.col4 {
	gap:30px 30px;
	grid-template-columns: repeat(4,1fr);
}


@media (max-width:768px) {
.item-grid {
	/*margin: 30px 15px 0;*/
	margin: 30px 0px 0;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

.item-grid.col4 {
	gap:20px 0px;
}

.item-grid > li {
	width: 48%;
}

}

.list-cate-pic {
	border: solid 1px #D9D9D9;
	border-bottom: none;
}

.list-cate-txt {
	height: 82px;
	font-size: 20px;
	font-weight: 600;
	color: #fff !important;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	/*background: #194561 !important;*/
	background: #578EAE !important;
}

.item-grid a {
	display:block;
	text-decoration:none;
	transition:.2s;
}

.container .item-grid a img:hover {
	opacity:1;
}

.item-grid a:hover {
	opacity:.7;
}

@media (max-width:768px) {
.list-cate-txt {
	padding:0.7em 0 !important;
	height: auto;
	min-height:35px;
	font-size: 3.5vw;
	font-weight:600 !important;
	line-height:1.3 !important;
}
}

/* ------------------------------
	かんたんギフトサーチ
------------------------------ */
.easy-search-ttl {
	font-size: 32px;
	font-weight: 600 !important;
}

.under .easy-search-ttl {
	font-size: 28px;
}

@media (max-width:768px) {
.easy-search-ttl {
	font-size: 6vw;
	text-align: center;
}

.under .easy-search-ttl {
	margin-right:2.0em;
	font-size: 4vw;
	color:#000;
}
}

/* ------------------------------
	ご予算・価格から選ぶ
------------------------------ */
.top-price-list {
	margin: 60px 20px 0;
	display: grid;
	gap:30px 30px;
	grid-template-columns: repeat(3,1fr);
}

.top-price-list > li {
}

.top-price-list > li p {
	height: 66px;
	font-size: 24px;
	font-weight: 500;
	/*color: #194561;*/
	color: #000;
	/*border: solid 2px #194561;*/
	border: solid 2px #555;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	background: url("../images250508/common/arrows-r-c.png") no-repeat right 20px center;
	background-size:10px;
}

.top-price-list > li a {
	display: block;
	text-decoration: none;
	transition: .2s;
}

.top-price-list > li a:hover {
	opacity: .7;
}

@media (max-width: 768px) {
.top-price-list {
	margin: 30px 15px 0;
	display: grid;
	gap:25px 0px;
	grid-template-columns: repeat(1,1fr);
}

.top-price-list > li {
}

.top-price-list > li p {
	padding:1em 0;
	height: auto;
	font-size: 4.5vw;
	font-weight: 500;
	display: block;
	text-align: center;
}
}

/*もっと見る*/
.more-price-box .top-price-list {
	margin: 30px 20px 0;
}

.btn-more-price {
	display: none;
}

@media (max-width: 768px) {
.more-price-box {
	display: none;
}

.btn-more-price {
	display: block;
}

.btn-more-price {
	margin: 25px 15px 0;
	padding:1em 0;
	height: auto;
	font-size: 4.5vw;
	font-weight: 500;
	color: #fff;
	background: #194561;
	/*border: solid 2px #FFC27A;*/
	border-radius: 5px;
	position: relative;
	text-align: center;
}

.btn-more-price:after {
	content: '';
	width: 12px;
	height: 12px;
	background: url("../images250508/common/arros-down-w.png") no-repeat;
	background-size:contain;
	position: absolute;
	right: 20px;
	top: 50%;
  transform: translateY(-50%);
	transform-origin: center; /* 追加 */
	transition: all .25s;
}

.btn-more-price.open:after {
	transform: translateY(-50%) rotate(180deg); /* 修正 */
}

}

/*--------------------------------
おすすめ特集
--------------------------------*/
/*※sp時並び替え*/
@media (max-width: 768px) {
/*.flex-order-area {
	display:flex;
	flex-direction:column;
}

.flex-order-area .order-1 {
	order: 1;
	}
.flex-order-area .order-2 {
	order: 2;
	}
.flex-order-area .order-3 {
	order: 3;
	}*/
}

/*水引背景*/
/*.bg-mizuhiki {
	margin:0 auto;
	padding-bottom:73px;
	max-width:1040px;
	text-align:center;
	background: url("../images250508/common/mizuhiki.png") no-repeat bottom center;
	background-size: contain;
}

@media (max-width: 768px) {
.bg-mizuhiki {
	padding-bottom:57px !important;
	background: url("../images250508/common/mizuhiki.png") no-repeat bottom center !important;
	background-size: 200% !important;
}
}*/

/*アイテムリスト*/
.top-reco-list {
	margin: 60px auto 0;
	max-width: 1040px;
	display: grid;
	gap:60px 30px;
	grid-template-columns: repeat(4,1fr);
	text-align: left;
}

@media (max-width: 768px) {
.top-reco-list {
	margin: 30px 15px 0;
	gap:40px 20px;
	grid-template-columns: repeat(2,1fr);
}
}

.top-reco-list a {
	display: block;
	text-decoration: none;
	transition: .2s;
}

.top-reco-list a img:hover {
	opacity: 1;
}

.top-reco-list a:hover {
	opacity: .7;
}

.top-reco-name {
	margin-top: 15px;
	font-size: 20px;
	font-weight: 600 !important;
}

.top-reco-txt {
	margin-top: 20px;
	font-size: 16px;
}

@media (max-width: 768px) {
.top-reco-name {
	margin-top: 10px;
	font-size: 4vw;
}

.top-reco-txt {
	margin-top: 10px;
	font-size: 3.2vw;
}
}

/*--------------------------------
ふるさとギフト
--------------------------------*/
.furusato-lsit {
	margin:60px auto 0;
	max-width:690px;
	display: grid;
	gap:0px 10px;
	grid-template-columns: repeat(2,1fr);
}

.furusato-lsit > li {
}

.furusato-lsit a {
	display: block;
	text-decoration: none;
	transition: .2s;
}

.furusato-lsit a:hover img{
	opacity: 1 !important;
}

.furusato-lsit a:hover {
	opacity: .7;
}

.furusato-tab-set {
}

.furusato-period {
	height: 50px;
	font-size: 18px;
	color: #fff;
	background: #194561;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 768px) {
.furusato-lsit {
	margin:30px 15px 0;
	gap:0px 5px;
	grid-template-columns: repeat(2,1fr);
}

.furusato-period {
	padding:0.3em 0;
	height: auto;
	font-size: 3.3vw;
}
}

/*汎用ボタン*/
.btn-gene p span {
	display: inline-block;
	position: relative;
}

.btn-gene p {
	font-size: 20px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	/*background: #194561;*/
	background: #1A5C86;
	border-radius:5px;
}

.btn-gene a {
	display: block;
	text-decoration: none;
	transition: .2s;
}

.btn-gene a:hover {
	opacity: .7;
}

/*ふるさと用*/
.btn-gene.furusato {
	margin: 80px auto 0;
	width: 470px;
}

.btn-gene.furusato p {
	height: 64px;
	font-size: 20px;
}

@media (max-width: 768px) {
.btn-gene.furusato {
	margin: 30px 15px 0;
	width: inherit;
}

.btn-gene.furusato p {
	padding:0.5em 0;
	height: auto;
	min-height:50px;
	font-size: 3.8vw;
}
}



/*別ウインドウ*/
.icon-window {
	margin-right:1.5em;
}

.icon-window:after {
	content:'';
	width: 20px;
	height: 20px;
	background: url("../images250508/common/window.png") no-repeat center;
	background-size: contain;
	position: absolute;
	right: -35px;
	top: 50%;
  transform: translateY(-50%);
}

.icon-window.black {
	position: relative;
}

.icon-window.black:after {
	content:'';
	width: 20px;
	height: 20px;
	background: url("../images250117/common/icon_window_b.png") no-repeat center;
	background-size: contain;
	right: -30px;
}

.catalog .icon-window:after {
	width: 15px;
	height: 15px;
	right: -20px;
}


@media (max-width: 768px) {
.icon-window:after {
	width: 15px;
	height: 15px;
	right: -25px;
}
}

/*注意事項*/
.furusato-notes {
	margin-top: 40px;
}

@media (max-width: 768px) {
.furusato-notes{
	margin-top:30px;
	font-size: 3.2vw;
	text-align: center;
}
}
/*--------------------------------
ご自宅限定便
--------------------------------*/
.ext-notes {
	margin-top: 20px;
	color: #494949;
}

.jitaku-area {
	margin: 60px auto 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.jitaku-area .pic-area {
	width: 61.35%;
}

.jitaku-area .btn-area {
	width: 36.54%;
	display:flex;
	flex-direction:column;
}

.jitaku-area .btn-area div:last-child {
	/*margin-top:auto;*/
}

@media (max-width: 768px) {
.ext-notes {
	margin-top: 10px;
	font-size: 3.8vw;
	text-align: center;
}
	
.jitaku-area {
	margin: 30px auto 0;
	display: block;
}

.jitaku-area .pic-area {
	width: inherit;
}

.jitaku-area .btn-area {
	width: inherit;
	display:block;
}

.jitaku-area .btn-area div:last-child {
	margin-top:initial;
}

.jitaku-area .btn-area div {
	margin-top:20px !important;
}

}

/*ご自宅用*/
.btn-gene.jitaku {
	/*margin: 0px auto 0;*/
}

.btn-gene.jitaku p {
	height: 97px;
	font-size: 20px;
}

@media (max-width: 768px) {
.btn-gene.jitaku p {
	padding:0.5em 0;
	height: auto;
	min-height:50px;
	font-size: 3.8vw;
}
}

/**/
.jitaku-intro {
	margin: 60px 30px 0;
	font-size: 20px;
	text-align: left;
}

.jitaku-notes {
	margin: 20px 30px 0;
	text-align: left;
}

.jitaku-notes li {
	text-indent: -1em;
	padding-left: 1em;
}

@media (max-width: 768px) {
.jitaku-intro {
	margin: 15px 0px 30px;
	font-size: 3.5vw;
}

.jitaku-notes {
	margin: 20px 0px 0;
	font-size:3.2vw;
}
}

/*--------------------------------
カタログ・ギフト名簿
--------------------------------*/
.catalog-meibo-area {
	margin:0px 20px 0;
}

.catalog-meibo-list {
	display:grid;
	gap:0 30px;
	grid-template-columns:repeat(2,1fr);
}

.catalog-meibo-list > li {
}

.add-icon-book-w {
	position: relative;
}

.add-icon-book-w:before {
	content: '';
	width: 35px;
	height: 35px;
	background: url("../images250508/common/icon_book_w.svg") no-repeat;
	background-size: contain;
	position: absolute;
	left: -45px;
	top: 60%;
  transform: translateY(-50%);
}

@media (max-width: 768px) {
.catalog-meibo-area {
	margin:0px 15px 0;
}

.catalog-meibo-list {
	display:grid;
	gap:40px 0px;
	grid-template-columns:repeat(1,1fr);
}

.add-icon-book-w:before {
	width: 25px;
	height: 25px;
	background: url("../images250508/common/icon_book_w.svg") no-repeat;
	background-size: contain;
	left: -30px;
	top: 60%;
  transform: translateY(-50%);
}

}

.top-catalog-box {
	background: #fff;
	text-align: left;
	border-radius:10px;
	overflow:hidden;
}

.another-info-area .top-catalog-box {
	box-shadow: 0px 0px 15px -5px #777777;
}

.fig-voucher {
	margin-top: 10px;
}

#add-main .top-catalog-box .ttl {
	height: 64px;
	font-size: 30px;
	font-weight: 500 !important;
	color: #fff !important;
	line-height:1;
	background: #194561 !important;
	display:flex;
	align-items:center;
	justify-content:center;
	/*border-radius:20px 20px 0 0;*/
}

@media (max-width: 768px) {
#add-main .top-catalog-box .ttl {
	padding:0.4em 0 !important;
	height: auto;
	font-size: 5.4vw;
	display:block;
	text-align:center;
	border-radius:10px 10px 0 0;
}

.fig-voucher {
	margin-top: 10px;
	}
}

.top-catalog-box .in-box {
	padding: 25px 20px 40px;
}

@media (max-width: 768px) {
.top-catalog-box .in-box {
	padding: 20px 20px 30px;
}
}

.top-catalog-box .in-box .catalog-ttl {
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: 600;
	text-align: center;
}

@media (max-width: 768px) {
.top-catalog-box .in-box .catalog-ttl {
	font-size: 4.5vw;
}
}

.top-catalog-box .in-box .catalog-area {
	margin-top: 15px;
	display: flex;
	gap:0 10px;
	align-items: center;
}

.btn-story {
	margin-top: 20px;
	text-decoration: underline;
	cursor: pointer;
}

.top-catalog-box .in-box .catalog-area .pic-area {
	width: 177px;
	flex-shrink: 0;
}

.top-catalog-box .in-box .catalog-area .btn-area {
	width: 100%;
}

.top-catalog-box .in-box .catalog-area .btn-area ul li:first-child {
	margin-bottom: 25px;
}

@media (max-width: 768px) {
.top-catalog-box .in-box .catalog-area {
	margin-top: 20px;
	display: block;
}

.top-catalog-box .in-box .catalog-area .pic-area {
	margin:0 auto 20px;
	width: 40%;
}

.top-catalog-box .in-box .catalog-area .btn-area ul li:first-child {
	margin-bottom:0;
}

.top-catalog-box .in-box .catalog-area .btn-area ul li {
	margin-top:10px;
}

.btn-story {
	font-size:4vw;
	text-align:center;
}
}

/*カタログ*/
.btn-gene.catalog.single {
	margin: 20px auto 0;
	max-width: 310px;
}

.btn-gene.catalog p {
	height: 56px;
	font-size: 17px;
}

@media (max-width: 768px) {
.btn-gene.catalog p {
	padding:0.5em 0;
	height: auto;
	min-height:35px;
	font-size: 3.8vw;
}
}

/* ------------------------------
	お知らせ
------------------------------ */
.infomation-area {
	margin: 60px auto 0;
	padding: 0 20px;
	text-align: left;
}

.infomation-ttl {
	padding: 0 0 15px 30px;
	font-size: 24px;
	border-bottom:  solid 1px #000;
	line-height: 1;
}

.infomation-box {
	padding: 30px 30px 0;
}

@media (max-width: 768px) {
.infomation-area {
	margin: 30px auto 0;
	padding: 0 15px;
}

.infomation-ttl {
	padding: 0 0 10px 0px !important;
	font-size: 4.5vw;
}
	
.past-contract .infomation-ttl {
	padding: 0 0 0px 0px !important;
	font-size: 4.0vw;
	border-bottom:none;
}

.infomation-box {
	padding: 20px 0px 0;
}
	
/**/
.infomation-area .past-contract {
	padding:10px;
	padding-right:0;
	background:#eee;
	
}
	
.infomation-area .past-contract-inner {
	padding-right:10px;
	height:270px;
	overflow-y:scroll;
}
	
.infomation-area .past-contract-inner {
  height: 270px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; /* スムーズスクロール */
  /*scrollbar-width: thin;*/ /* Firefox用: スクロールバーを常に表示 */
}

.infomation-area .past-contract-inner::-webkit-scrollbar {
  width: 6px; /* スクロールバーの幅 */
}

.infomation-area .past-contract-inner::-webkit-scrollbar-thumb {
  background-color: #999; /* スクロールバーの色 */
  border-radius: 0px; /* スクロールバーの角丸 */
}

.infomation-area .past-contract-inner::-webkit-scrollbar-track {
  background-color: #eee; /* スクロールバーのトラック（背景）色 */
}
	
/**/
.simplebar-track.simplebar-vertical {
    top: 0;
    width: 15px
}

.simplebar-content-wrapper {
  scrollbar-width: auto;
  -ms-overflow-style: auto;
}
.simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar {
  display: initial;
  width: initial;
  height: initial;
}

/*スクロールバーの色*/
.simplebar-scrollbar.simplebar-visible:before {
    opacity: 1 !important;
    transition: opacity 0s linear;
}

.simplebar-scrollbar:before {
    background: #858585 !important;
    border-radius: 0px !important;
}
}

/**/
.giftcard-info {
	margin-bottom:5px;
}

@media (max-width: 768px) {
.giftcard-info {
	/*margin-bottom:15px;*/
	margin-bottom:5px;
	font-size: 3.5vw;
}
}

.giftcard-info a {
	text-decoration: underline !important;
	transition: .2s;
}

.giftcard-info a:hover {
	opacity: .7;
}

@media (max-width: 768px) {
.giftcard-info a {
	color:#0000ee !important;
}	
}

/**/
.top-info-table {
	margin-top:10px;
	margin-bottom:0;
}

.top-info-table th, .top-info-table td {
	padding-bottom:15px !important;
	text-align:left;
	vertical-align:top;
}

@media (max-width: 768px) {
.past-contract .top-info-table {
	margin-top:20px;
}
	
.top-info-table th, .top-info-table td {
	display: block;
	font-size: 3.5vw;
}

.top-info-table th {
	padding-right: 0 !important;
	padding-bottom:5px !important;
}

.top-info-table td {
	padding-bottom:1.5em !important;
}
}

.top-info-table th:last-child {
	padding-bottom:0 ;
}

.top-info-table td:last-child {
	padding-bottom:0 ;
}

.top-info-table tr {
/*border-bottom: dotted 1px #333;*/
}

.top-info-table th {
	padding-right:1em;
	white-space: nowrap;
}

.top-info-table td a {
	/*color:#00F;*/
	text-decoration:underline;
	display: block;
	transition: .2s;
}

.top-info-table td a.disp-inline {
	display: inline;
}

.top-info-table td a:hover {
	/*color:#F00;*/
	/*text-decoration:none;*/
	opacity: .7;
}

/* ------------------------------
	snsギフト
------------------------------ */
.sns-gift-area {
	margin: 100px auto 0;
	padding: 30px 15px 55px;
	background: #F5F5F5;
}

.sns-gift-area .txt {
	text-align: center;
}

.sns-gift-area .bn {
	margin: 25px auto 0;
	max-width: 920px;
}

@media (max-width: 768px) {
.sns-gift-area {
	margin: 30px auto 0;
	padding: 15px 15px 25px;
}

.sns-gift-area .txt {
	text-align: left;
}

.sns-gift-area .bn {
	margin: 15px auto 0;
}
}


/* ------------------------------
	ギフトセンターなど
------------------------------ */
.another-info-area {
	margin: 50px auto 0;
	padding: 0 0px 0;
	max-width: 1040px;
}
.another-info-list {
	max-width: 1040px;
	display: flex;
}

.another-info-list.post-contract-col2 {
	display: flex;
	justify-content: space-between;
}

.another-info-list > li {
	padding: 0 25px 20px;
	flex: 1;
	border-right: solid 1px #000;
	text-align: left;
}

.another-info-list > li:first-child {
	border-left: solid 1px #000;
}

.another-info-list.post-contract-col2 > li {
	padding: 0 25px 20px;
	width:49%;
	flex: inherit;
	border: solid 1px #000;
}

.another-info-list .add-link > a {
	display: block;
	text-decoration: none;
}

.another-info-list .add-link > a img:hover {
}

@media (max-width: 768px) {
.another-info-area {
	margin: 40px auto 0;
	padding: 0 15px 0;
}

.another-info-list {
	display: grid;
	gap:10px 0px;
	grid-template-columns:repeat(1,1fr);
}
	
.another-info-list.post-contract-col2 {
	display: grid;
	gap:10px 0px;
	grid-template-columns:repeat(1,1fr);
}

.another-info-list > li {
	/*padding: 0 10px 20px;*/
	padding: 10px 10px 10px 0;
	border-right: none;
}
	
.another-info-list > li#sp-inq {
	padding: 15px;
}

.another-info-list > li:first-child {
	border-left:none;
}

.another-info-list > li  {
	border: solid 2px #D9D9D9 !important;
	border-radius:0px;
}
	
.another-info-list.post-contract-col2 > li {
	padding: 0 25px 20px;
	width: inherit;
}
}

.another-info-box.past-contract-quality {
	margin: 0 auto;
	/*max-width: 360px;*/
	max-width: 410px;
}

.another-info-box.past-contract-freedial {
	margin: 0 auto;
	max-width: 420px;
}

@media (max-width: 768px) {
.another-info-box.past-contract-quality {
	max-width: none;
	width:90%;
}
	
.another-info-box .in-box {
	display:flex;
	align-items:center;
}
	
.post-contract-col2 .another-info-box .in-box {
	display:block;
}
}

@media (max-width: 768px) {
.another-info-box .in-box {
	display:flex;
	align-items:center;
}
}

.past-contract-another-box .another-info-icon {
	flex-shrink: 0;
}

.another-info-icon img {
	width:auto !important;
	/*max-width: 100% !important;*/
}


@media (max-width: 768px) {
.another-info-icon {
	width:110px;
	flex-shrink:0;
}
.another-info-icon img {
	width:100% !important;
}
	
.past-contract-another-box .another-info-icon {
	width:60px;
}
	
#sp-inq .another-info-icon {
	display: none;
}
}

.another-info-ttl {
	margin-top: 40px;
	font-weight: 600;
	text-align: center;
	letter-spacing: normal;
}

.past-contract-another-box .another-info-ttl {
	margin-top: 0px;
	margin-left:10px;
	font-size: 24px;
	text-align: left;
}

.another-info-txt {
	margin-top: 20px;
}

.post-contract-col2 .another-info-txt {
	margin-top: 0px;
	font-size:18px;
}

.past-contract-freedial .another-info-txt {
	text-align: center;
}

@media (max-width: 768px) {
.another-info-ttl {
	/*margin-top: 20px;*/
	margin-top: 0;
	font-weight: 600 !important;
	font-size:3.2vw;
	text-align: left;
}
	
#sp-inq .another-info-ttl {
	font-size: 4vw;
	}
	
.past-contract-another-box .another-info-ttl {
	font-size: 4vw;
}

.another-info-txt {
	/*margin-top: 15px;*/
	margin-top: 5px;
	font-size:3.2vw;
}
	
.post-contract-col2 .another-info-txt {
	margin-top: 5px;
	font-size:3.2vw;
}
}

.past-contract-another-box {
	display:flex;
	align-items:center;
}

/**/
.quality-btn-list {
	margin-top: 30px;
}

.post-contract-col2 .quality-btn-list {
	margin-top: 20px;
}

.quality-btn-list > li {
	margin-top: 15px;
}

.quality-btn-list > li:first-child {
	margin-top: 0;
}

@media (max-width: 768px) {
.quality-btn-list {
	margin-top:10px;
	padding-left:10px;
	display:grid;
	gap:0 15px;
	grid-template-columns:repeat(2,1fr);
}
	
.post-contract-col2 .quality-btn-list {
	margin-top:20px;
	padding-left:0px;
	display:grid;
	gap:10px 0px;
	grid-template-columns:repeat(1,1fr);
}

.quality-btn-list.single {
	margin-left: 110px;
	margin-top:10px;
	padding-left:0px;
	display:grid;
	gap:0 0;
	grid-template-columns:repeat(1,1fr);
	width: 160px;
}

.quality-btn-list > li {
	margin-top: 0px;
}
}

.quality-btn {
}

.quality-btn-list p {
	color: #fff;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #494949;
}

.post-contract-col2 .quality-btn-list p {
	height: 46px;
	font-size: 18px;
}

@media (max-width: 768px) {
.quality-btn-list p {
	padding:0.3em 0;
	height: auto;
	/*color:#000;
	background:#fff;
	border:solid 1px #000;*/
}
	
.post-contract-col2 .quality-btn-list p {
	padding:0.5em 0;
	height: auto;
	font-size: 3.5vw;
}
}

.quality-btn-list a {
	display: block;
	text-decoration: none;
	transition:.2s;
}

.quality-btn-list a:hover {
	opacity: .7;
}

/*フリーダイヤル*/
.dial-area {
	margin-top: 30px;
	text-align: center;
	font-weight: 600;
}

.past-contract-freedial .dial-area {
	margin-top: 20px;
	padding: 15px 0;
	border: solid 1px #000;
}

.free-dial-ttl {
	font-size: 20px;
}

.past-contract-freedial-box .free-dial-ttl {
	font-size: 16px;
}

.free-dial {
	font-size: 24px;
	font-weight: 900;
}

.past-contract-freedial-box .free-dial {
	margin-left:20px;
	font-size: 32px;
	font-weight:600;
}

.past-contract-freedial .dial-time {
	margin-top:10px;
	font-size: 14px;
	font-weight:  normal;
}

.past-contract-freedial-box {
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 768px) {
.dial-area {
	margin-top: 10px;
	display: flex;
}
	
.past-contract-freedial .dial-area {
	margin-top: 20px;
	padding: 10px 0;
	display:block;
}

.free-dial-ttl {
	margin-right:7px;
	font-size:2.8vw;
	text-align:left;
	line-height:1.2;
}
	
#sp-inq .free-dial-ttl {
	margin-right:10px;
	font-size:3.5vw;
	text-align:left;
	line-height:1.2;
}
	
.past-contract-freedial-box .free-dial-ttl {
	font-size: 3vw;
}

.free-dial {
	margin-bottom:3px;
	/*font-size: 6.2vw;*/
	font-size: 5.2vw;
	line-height:1;
}
	
#sp-inq .free-dial {
	margin-bottom:10px;
	font-size: 6.5vw;
}
	
.past-contract-freedial-box .free-dial {
	margin-left:0px;
	font-size: 6vw;
}
	
.free-dial a {
	color:#4b96b5 !important;
	text-decoration:underline !important;
}
	
.past-contract-freedial .dial-time {
	margin-top:5px;
	font-size: 3vw;
}
	
.dial-time {
	font-size: 3vw;
	}

}

/* ------------------------------
	ギフトセンターなど（ギフト名簿含む）
------------------------------ */
.meibo-info-area {
	 display: grid;
	 grid-template-columns: repeat(2,1fr);
}

.meibo-info-area > li {
	display: flex;
}

.meibo-info-area > li:first-child {
	padding-right: 20px;
}

.meibo-info-area .another-info-list {
}

@media (max-width:768px) {
.meibo-info-area {
	 display: grid;
	 grid-template-columns: repeat(1,1fr);
}

.meibo-info-area > li:first-child {
	padding-right: 0px;
	padding-bottom: 20px;
}
}

/* ------------------------------
	申し込み手順ボタン
------------------------------ */
.order-flow-btn {
	margin: 100px auto 80px;
	display: flex;
	justify-content: space-between;
}

.order-flow-btn > li {
	width: 48.46%;
}

@media (max-width: 768px) {
.order-flow-btn {
	margin: 30px auto 0;
	display: grid;
	gap:20px 0;
	grid-template-columns:repeat(1,1fr);
}

.order-flow-btn > li {
	width: inherit;
}
}

/*手順ボタン*/
.btn-gene.flow p {
	height: 90px;
	font-size: 16px;
	font-weight: 600;
	background-color: #494949;
}

.btn-gene.flow span {
	margin-left:2em;
}

@media (max-width: 768px) {
.btn-gene.flow p {
	padding:1em 0;
	height: auto;
	min-height:35px;
	font-size: 3.5vw;
}

.btn-gene.flow span {
	margin-left:1.5em;
}

}

.add-icon-catalog-w:before {
	content:'';
	width: 40px;
	height: 29px;
	position: absolute;
	top: 50%;
  transform: translateY(-50%);
	left: -60px;
	background: url("../images250508/common/icon_book_w.png") no-repeat center;
	background-size: contain;
}

.add-icon-device:before {
	content:'';
	width: 40px;
	height: 29px;
	position: absolute;
	top: 50%;
  transform: translateY(-50%);
	left: -60px;
	background: url("../images250508/common/icon_device.png") no-repeat center;
	background-size: contain;
}

@media (max-width: 768px) {
.add-icon-catalog-w:before {
	width: 30px;
	height: 19px;
	left: -40px;
}

.add-icon-device:before {
	width: 30px;
	height: 19px;
	left: -40px;
}
}

/* ------------------------------
	しきたりとマナー（バナー的）
------------------------------ */
.bn-manner-area {
	margin:40px auto 0;
	max-width: 1040px;
}

.bn-manner-area.message {
	margin:60px auto 0;
}

/*.bn-manner-area > a {
	display: block;
	text-decoration: none;
}*/

.bn-manner-set {
	display: flex;
	background: #F5ECE5;
}

.bn-manner-set.message {
	background: #F8F7F3;
}

.bn-manner-set .pic-area {
	width:340px;
	flex-shrink:0;
}

.bn-manner-set .txt-area {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 768px) {
.bn-manner-area {
	/*margin:60px auto 0;*/
	margin:20px 15px 0;
}
	
.bn-manner-area.message {
	margin:40px auto 0;
}

.bn-manner-set {
	display: block;
}

.bn-manner-set .pic-area {
	margin:0 auto;
	/*width:75%;*/
	width: 100%;
}

.bn-manner-set .txt-area {
	/*display: block;*/
	display: none;
}

}

.bn-manner-set .txt-area .in-box {
}

.bn-manner-set .manner-ttl {
	font-size: 32px;
	font-weight: 500;
	font-family: "Noto Serif JP", serif;
	line-height:1;
}

.bn-manner-set .manner-ttl.post-contract {
	font-size: 24px;
	font-family: "Noto Sans JP", sans-serif;
	letter-spacing: normal;
}

.bn-manner-set .manner-txt {
	margin: 25px auto 0;
	display: table;
	text-align: left;
}

.bn-manner-set .manner-list {
	margin-top: 10px;
	font-size: 14px;
}

.bn-manner-set .manner-link {
	margin-top: 20px;
	font-size: 20px;
}

.bn-manner-set .manner-link a {
	text-decoration: underline;
	transition: .2s;
}

.bn-manner-set .manner-link a:hover {
	opacity: .7;
}

@media (max-width: 768px) {
.bn-manner-set .txt-area .in-box {
	padding:20px 40px 30px;
}

.bn-manner-set .manner-ttl {
	font-size: 5.7vw;
}

.bn-manner-set .manner-txt {
	margin: 20px auto 0;
	display: block;
}

.bn-manner-set .manner-link {
	margin-top: 10px;
	font-size: 4vw;
}
}

/* ------------------------------
	豆知識
------------------------------ */
.trivia-area {
	margin-top: 60px;
	padding: 0 20px;
	text-align: left;
}

@media (max-width: 768px) {
.trivia-area {
	margin-top: 30px;
	padding: 0 15px;
	font-size: 3.5vw;
}
	
.trivia-list strong {
	font-weight: bold !important;
	}
}

.trivia-list {

}

.trivia-list > li {
	margin-top:15px;
}

.trivia-list > li:first-child {
	margin-top: 0;
}

.trivia-link {
	margin-top: 20px;
}

.trivia-link a {
	text-decoration: underline;
	transition: .2s;
}

.trivia-link a:hover {
	opacity: .7;
}

/* ------------------------------
	特集のご案内
------------------------------ */
.feat-info-area {
	margin: 60px auto 0;
	padding: 0 20px;
	text-align: left;
}

.feat-info-list {
	display: grid;
	gap:35px 25px;
	grid-template-columns: repeat(3,1fr);
}

@media (max-width: 768px) {
.feat-info-area {
	margin: 30px auto 0;
	padding: 0 15px;
	font-size: 3.5vw;
}

.feat-info-list {
	display: grid;
	gap:30px 0;
	grid-template-columns: repeat(1,1fr);
}

.feat-ttl {
	margin-bottom:5px;
}
	
.feat-ttl strong {
	font-weight: bold !important;
	}

}

/* ------------------------------
	SP時アコーディオン
------------------------------ */
.more-aco-area {
	margin:35px auto 0;
}

@media (max-width: 768px) {
.more-aco-area {
	margin:30px auto 0;
	display:none;
}
}

.btn-more,.btn-more-close {
	display:none;
}

#pc-kv-aco-area {
	margin: 35px auto 0;
}

#pc-kv-aco-area .btn-more,#pc-kv-aco-area .btn-more-close {
	margin-top: 5px;
	display: block;
	text-align: center;
	text-decoration: underline;
	cursor: pointer;
}

#pc-kv-aco-area .btn-more.open {
	display: none;
}

#pc-kv-aco-area .more-aco-area {
	margin:0px auto 0;
	display:none;
}

@media (max-width: 768px) {
#pc-kv-aco-area {
	margin: 30px auto 0;
	font-size: 3.5vw;
}
	
.btn-more {
	margin-top:20px;
	display:flex;
	flex-direction:column;
	font-size:3.5vw;
	border-radius:2px;
	text-align:center;
}

.btn-more.open {
	display:none;
}

.btn-more-close {
	margin-top:20px;
	display:flex;
	flex-direction:column;
	font-size:3.5vw;
	border-radius:2px;
	text-align:center;
}

}

/* ------------------------------
	通常アコーディオン
------------------------------ */
.aco-area {
	padding-top: 20px;
	display: none;
}

/* ------------------------------
	終了対応
------------------------------ */

.post-contract-bn {
	margin-top: 40px
}

@media (max-width:768px) {
.post-contract-bn {
	margin-top: 20px
}	
}