@charset "utf-8";

/* -------------------------------------------------------------------
期間限定のキャンペーンのスタイル
------------------------------------------------------------------- */
@media screen and (max-width:768px){
.tableWrap {
    width: 95%; 
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
	margin:0 auto 0;
	}
}
.campaign_inner_common{
	background:#fff;
	width:min(93% , 1000px);
	margin: 0px auto 30px;
	padding:40px;
	border-top:8px solid #222;
}
@media screen and (max-width:768px){
.campaign_inner_common{
	padding:40px 20px;
	}
}
.campaign-title_common{
	font-size:clamp(17px, 3vw, 30px);
	font-weight:700;
	text-align:center;
	padding:.5em 0 ;
}
.lbl-black{
	background:#222;
	color:#fff;
}
.lbl-autumn{
	background:#B6255E;
	color:#fff;
}
.campaign-title_text{
	text-align:center;
	margin:30px 0 15px;
}
.campaign-title_text dt{
	font-size:clamp(14px, 3vw, 18px);
	font-weight:500;
}
.campaign-title_text dd{
	font-size:clamp(19px, 3vw, 22px);
	font-weight:700;
}
.campaign-figure{
	text-align:center;
	margin:10px 0 ;
}
.present_table_detail{
	width:100%;
	margin:30px 0 0;
	border:1px solid #222;
}
@media screen and (max-width:768px){
.present_table_detail{
	width:800px;

	}
}
.present_table_detail caption{
	font-size:clamp(14px, 3vw, 16px);
	margin:0 0 5px;
}

.present_table_detail th{
	background:#F6F3EA;
	padding:10px 10px;
	border:1px solid #222;
	font-size:clamp(14px, 3vw, 16px);
	text-align:center;
}
.present_table_detail td{
	padding:13px 10px;
	border:1px solid #222;
	font-size:clamp(14px, 3vw, 16px);
	text-align:center;
}
.present_table_detail .dots_style{
	border:1px solid #fff;
}
.btn-type_two{
	display:block;
	margin:30px 0 0;
}
.btn-type_two li{
	margin:15px auto 0 ;
	max-width:280px;
	}


.btn-type_two a{
	font-size:clamp(14px, 3vw, 16px);
	color:#333;
	text-decoration:none;
	border:1px solid #000;
	display:block;
	padding:15px 15px ;
	text-align:center;
}
@media screen and (max-width:768px){
.btn-type_two a{
	padding:8px 15px ;
	}
}

.btn-type_two a:hover{
	opacity:.5;
}
.btn-type_two .member{
	background:#FFFF00;
	font-weight:500;
	max-width:600px;
	border:1px solid #000;
}
@media screen and (max-width:768px){
.btn-type_two .member{
	max-width:90%;
	}
}

.campaign-days_common{
	display:flex;
	gap:0 15px;
	justify-content:center;
	align-items:center;
	margin:25px auto ;
}
@media screen and (max-width:768px){
.campaign-days_common{
	flex-wrap:wrap;
	gap:8px 0;
	}
}

.campaign-days_common dt{
	padding:3px 30px;
	font-size:clamp(14px, 3vw, 16px);
	border:1px solid #222;
	text-align:center;
}
@media screen and (max-width:768px){
.campaign-days_common dt{
	width:100%;
	margin: 0 auto;
	}
}

.campaign-days_common dd{
	font-size:clamp(16px, 3vw, 20px);
}
@media screen and (max-width:768px){
.campaign-days_common dd{
	width:100%;
	text-align:center;
	}
}
/*---ボタンの設定---*/

.page-btn{
	margin:30px auto 10px;
	text-align:center;
	font-size:clamp(14px, 3vw, 17px);
}

.btn06{
	position: relative;
	text-decoration: none;
	display: inline-block;
	background:#34A5C2;
	color:#fff;
	padding: 10px 50px 13px 40px;
	border-radius:25px;
	text-align: center;
	outline: none;
	transition: ease .2s;
}
@media screen and (max-width:768px){
.btn06{
	padding: 10px 40px 13px 30px;
	}
}
.btn06:hover{
	background:#555;
}


/* 矢印が右に移動 */

.btnarrow1::after{
	content: '';
	position: absolute;
	top:42%;
	right: 13px;
	width: 7px;
	height: 7px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	transition: all .3s;
}
.btnarrow1:hover::after{
	right: 11px;
}