@charset "UTF-8";

/*バナー領域*/
.bnr_wrap{
	width:85%;
	margin:80px auto;
	text-align:center;
	transition:.3s ease;
}
.bnr_wrap img{
	max-width:100%;
}
@media screen and (max-width:480px) {
	.bnr_wrap{
		width:100%;
	}
}
.bnr_wrap a{
	transition:.3s ease;
}
.bnr_wrap a:hover{
	opacity:.7;
	transition:.3s ease;
}

/*CTAボタン領域*/
.ctabtn_wrap{
	width: 80%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin:80px auto 30px;
}
.ctabtn_wrap > div{
	width:calc((100% - 60px) / 3);
}

@media screen and (max-width:768px) {
	.ctabtn_wrap{
		width: 100%;
	}
}

@media screen and (max-width:480px) {
	.ctabtn_wrap > div{
		width:100%;
		margin-bottom:15px;
	}
	.ctabtn_wrap > div:last-child{
		margin:0;
	}
}

/*黄色ボタン*/
.yellow-btn {
	display:inline-block;
	position: relative;
	transition:0.5s;
	color: #000 !important;
	font-weight: bold;
	line-height: 1.25;
	text-align: center;
	text-decoration: none;
	background: #ffd601;/*黄*/
	border-radius: .5em;
	border: .15em solid #000 !important;/*黒*/
	padding: 0.8em 2.5em 0.8em 1.5em;
	width:100%;
	font-size:20px;
}
.yellow-btn:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1em;
	margin: auto;
	width: .5em;
	height: .5em;
	border-top: .15em solid #000;/*黒*/
	border-right: .15em solid #000;/*黒*/
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.yellow-btn:hover{
	opacity:.7;
	transition:0.5s;
}
@media screen and (max-width:768px) {
	.yellow-btn {
		font-size:18px;
	}
}
/*赤色ボタン*/
.red-btn {
	display:inline-block;
	position: relative;
	transition:0.5s;
	color: #FFF !important;
	font-weight: bold;
	line-height: 1.25;
	text-align: center;
	text-decoration: none;
	background: #C03;/*赤*/
	border-radius: .5em;
	border: .15em solid #000 !important;/*黒*/
	padding: 0.8em 2.5em 0.8em 1.5em;
	width:100%;
	font-size:20px;
}
.red-btn:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1em;
	margin: auto;
	width: .5em;
	height: .5em;
	border-top: .15em solid #FFF;/*白*/
	border-right: .15em solid #FFF;/*白*/
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.red-btn:hover{
	opacity:.7;
	transition:0.5s;
}
@media screen and (max-width:768px) {
	.red-btn {
		font-size:18px;
	}
}

/*モーダル*/
.title_sub{
	font-size:18px !important;
	font-weight:bold !important;
	line-height:1.4 !important;
	padding:0 1.8em !important;
}
@media screen and (max-width:480px) {
	.title_sub{
		font-size:14px !important;
		text-align:left;
		padding: 0 3em 1em 2em !important;
	}
}
/*モーダル スクロールできるように*/
@media screen and (max-width:768px) {
	#bspack .main_modal .mainvisual-modal.modal__open {
	  overflow-y: scroll;
	  height: 100%;
	}
	#bspack .main_modal .mainvisual-modal .modal__wrap {
		height: initial;
	  margin-top: 10%;
	  margin-bottom: 10%;
	}
}


/*割引適用内訳 タイトル*/
.detail_ttl{
	font-size:22px;
	font-weight:bold;
	line-height:1.3;
	text-align:center;
	margin:0 0 20px;
}

/*リンク色*/
a:visited {
	color: inherit;
}

/*-------------------------------------------
特典
-------------------------------------------*/
.special_outer_wrap{
	width:100%;
	padding:30px;
	border-radius:15px;
	background-color:#FAE6EA;/* ピンク */
	margin:0 0 20px;
}
.special_outer_ttl{
	font-size:24px;
	font-weight:bold;
	line-height:1.3;
	text-align:center;
	margin:0 0 30px;
}

.special_inner_2col_wrap{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap:15px;
	/*margin-top:15px;*/
}

.special_inner_pic_wrap{
	width: calc((100% - 15px) / 2);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding:0 15px;
	border-radius:10px;
	background-color:#FFF;
}
@media screen and (max-width: 768px) {
	.special_inner_pic_wrap{
		width: 100%;
	}
}
.special_inner_pic{
	width:120px;
	align-self: flex-end;/*人物イラストは下余白ナシにするため*/
	order: 1;
}
.special_inner_pic img{
	max-width:100%;
	display:block;
	margin:0 auto;
}
.special_inner_pic_txt{
	width:calc(100% - 120px - 15px);
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	margin:10px 0;
	order: 2;
}
.special_inner_pic_txt strong{
	color: #C03;
	font-size: 22px;
	font-weight: bold;
}
.special_inner_pic_txt sup{
	font-size:12px;
	font-weight:normal;
}
.special_inner_pic_more{
	font-size:12px;
	font-weight:normal;
	line-height:1.5;
	text-align:right;
	margin:5px 0 0;
}
.special_inner_pic_more strong{
	font-size:12px;
}
.special_inner_pic_note{
	padding-left: 1.2em;
	text-indent: -1.2em;
	font-size:12px;
	font-weight:normal;
	line-height:1.5;
	margin:5px 0 0;
}

@media screen and (max-width: 480px) {
	.special_inner_pic,
	.special_inner_pic_txt{
		width:100%;
		text-align:center;
	}
	.special_inner_pic{
		order: 2;
	}
	.special_inner_pic_txt{
		order: 1;
	}
}

/*赤色カッコ書き*/
.special_outer_wrap .brackets{
	color:#C03;
	font-size: 16px;
	font-weight: normal;
}

/*特典が1つしかない場合（PC表示のみ、SPは他と同）*/
@media screen and (min-width: 769px) {
	.special_outer_wrap.single_col {
		width: 50% !important;
		margin: 0 auto 20px !important;
	}
	.special_outer_wrap.single_col .special_inner_pic_wrap {
		width: 100% !important;
	}
}