@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700,900&subset=japanese');
@import url('https://fonts.googleapis.com/css2?family=Wix+Madefor+Text:ital,wght@0,400..800;1,400..800&display=swap');
/*----------------------*/
/*          mb          */
/*----------------------*/
@media screen and (max-width: 768px) {
	/* --------- 調整・消去 --------- */
	body .box-white,
	body .post-content{
		padding: 0 0 0;
	}
	body .group{
		padding: 0 0 80px;
	}
	body main > .title_area,
	body .group::before,
	body .inner > header,
	body .inner dl.periodText{
		display: none !important;
	}
	body .group .inner{
		width: 100%;
	}
	body .post-content p{
		margin: 0;
	}
	#campaign .pc { display: none !important; }
	#campaign .sp { display: block !important; }

	/* ↓ここから個別↓ */
	#campaign {
		margin-top: 8px; /*Tokaiロゴとの距離*/
		background:#2bbfc8 ;
	}
	body #campaign p,
	body #campaign th,
	body #campaign td,
	body #campaign li,
	body #campaign dt,
	body #campaign dd,
	body #campaign a{
		font-family: 'Wix Madefor Text','Noto Sans JP','メイリオ','Meiryo',sans-serif;
		font-size: 14px;
		line-height:1.75em;
		color: #111111;
	}
	#campaign h1,
	#campaign h2,
	#campaign h3,
	#campaign h4,
	#campaign h5{
		font-family: 'Wix Madefor Text','Noto Sans JP','メイリオ','Meiryo',sans-serif;
		line-height:1.4em;
		font-feature-settings : "palt";
	}
	#campaign h2{
		padding: 1rem 0 1.6rem;
		margin: 0 0 1rem;
		font-size: 1.5em;
		text-align: center;
		color: #111111;
	}
	#campaign h2 span{
		border-bottom: 2px dashed #fff;
		padding-bottom: 7px;
	}
	#campaign img{
		display:block;
		width:100%;
	}
	#campaign a{
		color:#fcff96;
	}

	/********** header **********/
	#campaign header{
		background-color:#2bbfc8;
		padding:0 20px 30px;
	}
	#campaign header .title img{
		width:80vw;
		margin:0 auto 20px;
	}
	#campaign header h2{
		color: #fff;
		margin-top: 50px;
	}
	#campaign header p{
		color: #fff;
		text-align: left;
		display: inline-block;
	}
	/********** area2 **********/

	#campaign div#area2{
		margin-top: 40px;
	}
	#campaign div#area2 h2{
		color: #2bbfc8;
		background-color: #fff;
		line-height: 2em;
		border-radius: 1em;
		padding: 0;
		margin: 20px;
	}
	#campaign div#area2 .white-space{
		background-color:#FFF;
		border-radius:15px;
		margin: 20px;
		padding:20px;
	}
	#campaign div#area2 .outer-box{
		border-bottom:solid 1px #eaeaea;
	}
	#campaign div#area2 .outer-box:last-of-type{
		border-bottom:none;
	}
	#campaign div#area2 .img-box{
		margin:20px auto 0;
	}
	#campaign div#area2 .img-box img{
		margin:0 auto 20px;
	}
	#campaign div#area2 .text-box h1{
		color:#111111;
		font-weight:bold;
		font-size:1.25em;
		line-height:1.6em;
		margin-bottom:15px;
		letter-spacing: 0.025em;
	}
	#campaign div#area2 .text-box h1 span{
		font-size:1.5em;
	}
	
	#campaign div#area2 .text-box p{
		color:#111111;
		font-size: 0.9em;
	}
	#campaign div#area2 p.price{
		color:#111111;
		font-size: 1.1em;
		margin: 20px 0 0;
		text-align: right;
	}
	#campaign div#area2 p.price span{
		font-size:1.2em;
	}
	#campaign div#area2 p.special-price{
		color:#2bbfc8;
		font-weight:bold;
		font-size:1.5em;
		line-height: 1.2em;
		text-align: right;
		margin-bottom: 10px;
	}
	#campaign div#area2 p.special-price span{
		font-size:1.5em;
	}
	#campaign div#area2 p.off-price{
		color:#fff;
		text-align: right;
	}
	#campaign div#area2 p.off-price span.pink{
		background:#2bbfc8;
		padding:0.25em 1em;
	}
	#campaign div#area2 p.off-price strong{
		color:#ffff6e;
	}
	#campaign div#area2 p.off-price strong span{
		font-size:1.2em;
	}
	
	
	#campaign .eclink{
		margin: 25px 0 0;
	}
	#campaign .eclink + p{
		text-align: center;
		font-size: 0.8em;
		margin: 5px 0 40px 0;
	}
	#campaign .eclink a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 50px;
		position: relative;
		background: #ffd634;
		border: 1px solid #ffd634;
		border-radius: 30px;
		box-sizing: border-box;
		padding: 0 45px 0 25px;
		color: #2bbfc8;
		line-height: 1.3;
		text-align: left;
		text-decoration: none;
		transition-duration: 0.3s;
	}
	#campaign .eclink a:before {
		content: '';
		width: 8px;
		height: 8px;
		border: 0;
		border-top: 2px solid #2bbfc8;
		border-right: 2px solid #2bbfc8;
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 25px;
		margin-top: -6px;
	}
	#campaign .eclink a:hover {
		background: #fff;
	}
	#campaign .eclink a:hover:before {
		border-top: 2px solid #2bbfc8;
		border-right: 2px solid #2bbfc8;
	}
	#campaign div#flyer{
		padding-bottom: 40px;
	}
	#campaign div#flyer h2{
		margin-bottom: 0px;
		color: #fff;
	}
	#campaign div#flyer p{
		text-align: center;
		color: #fff;
	}
	#campaign div#flyer .flyer_img{
		display:flex;
		justify-content:center;
		margin-bottom:20px;
		gap: 10px;
	}
	#campaign div#flyer .flyer_img img{
		width: 40vw;
		border: 2px solid #fff;
		border-radius: 10px;
	}
}

/*----------------------*/
/*          pc          */
/*----------------------*/
@media print, screen and (min-width: 769px) {
	/* --------- 調整・消去 --------- */
	body .box-white,
	body .post-content{
		padding: 0 0 0;
	}
	body .inner > header,
	body .inner dl.periodText{
		display: none !important;
	}
	body .post-content p{
		margin: 0;
	}
	#campaign div.image{
		text-align:center;
	}
	#campaign .pc { display: block !important; }
	#campaign .sp { display: none !important; }
	#campaign img { display:block; }

	/* ↓ここから個別↓ */

	#campaign {
		background: #2bbfc8;
		min-width: 800px;
	}
	body #campaign p,
	body #campaign th,
	body #campaign td,
	body #campaign li,
	body #campaign dt,
	body #campaign dd,
	body #campaign a{
		font-family: 'Wix Madefor Text','Noto Sans JP','メイリオ','Meiryo',sans-serif;
		font-size: 14px;
		line-height:1.75em;
		color: #111111;
	}
	#campaign h1,
	#campaign h2,
	#campaign h3,
	#campaign h4,
	#campaign h5{
		font-family: 'Wix Madefor Text','Noto Sans JP','メイリオ','Meiryo',sans-serif;
		line-height:1.4em;
		font-feature-settings : "palt";
	}
	#campaign h2{
		padding: 1rem 0 1.6rem;
		font-size: 1.8em;
		text-align: center;
		color: #fff;
		margin: 0;
	}
	#campaign h2 span{
		border-bottom: 1px solid #fff;
		padding-bottom: 8px;
	}
	#campaign img{
		display:block;
		width:100%;
	}
	#campaign a{
		color:#fcff96;
	}

	/********** header **********/
	#campaign header{
		background-color: #2bbfc8;
		padding:0 70px;
		text-align: center;
	}
	#campaign header img{
		width: 100%;
	}
	#campaign header h2{
		color: #fff;
		margin-top: 50px;
	}
	#campaign header p{
		color: #fff;
		text-align: left;
		display: inline-block;
	}

	/********** area2 **********/
	#campaign div#area2{
		background-color: #2bbfc8;
		padding:0 5vw 50px;
	}
	#campaign div#area2 h2{
		color: #2bbfc8;
		background-color: #fff;
		line-height: 2em;
		border-radius: 1em;
		padding: 0;
		margin: 2rem 0;
	}
	#campaign div#area2 .white-space{
		background-color:#FFF;
		border-radius:40px;
		padding:30px 25px 25px;
		min-width: 700px;
	}
	#campaign div#area2 .outer-box{
		margin-top:40px;
		border-bottom:solid 1px #eaeaea;
		gap: 20px;	
	}
	#campaign div#area2 .outer-box:last-child{
		border-bottom: 0px;
	}
	#campaign div#area2 .michine-box{
		display:flex;
		justify-content:space-between;
		margin-bottom:40px;
		gap: 25px;
	}

	#campaign div#area2 .img-box{
		width: 50%;
		margin-top:0px;
	}
	#campaign div#area2 .img-box img{
		width:390px;
		margin-top:0px;
	}
	#campaign div#area2 .text-box{
		 flex: 1;
		 margin-right: 10px;
	}
	#campaign div#area2 .text-box h1{
		color:#111111;
		font-weight:bold;
		font-size:1.25em;
		line-height:1.6em;
		margin-bottom:15px;
		letter-spacing: 0.05em;
	}
	#campaign div#area2 .text-box h1 span{
		font-size:1.5em;
	}
	
	#campaign div#area2 .text-box p{
		color:#111111;
	}
	#campaign div#area2 p.price{
		color:#111111;
		font-size: 1.1em;
		margin: 25px 0 0;
		text-align: right;
	}
	#campaign div#area2 p.price span{
		font-size:1.2em;
	}
	#campaign div#area2 p.special-price{
		color:#2bbfc8;
		font-weight:bold;
		font-size:1.5em;
		line-height: 1.2em;
		text-align: right;
		margin-bottom:  25px;
	}
	#campaign div#area2 p.special-price span{
		font-size:1.5em;
	}
	#campaign div#area2 p.off-price{
		font-size:1.1em;
		color:#fff;
	}
	
	
	#campaign div#area2 p.off-price span.pink{
		background:#2bbfc8;
		padding:10px 20px;
		text-align: right;
	}
	#campaign div#area2 p.off-price strong{
		color:#ffff6e;
	}
	#campaign div#area2 p.off-price strong span{
		font-size:1.2em;
	}

	#campaign .eclink{
		margin: 25px auto 0;
		width: 420px;
	}
	#campaign .eclink + p{
		text-align: center;
		font-size: 0.8em;
		margin: 5px 0 40px 0;
	}
	#campaign .eclink a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 50px;
		position: relative;
		background: #ffd634;
		border: 1px solid #ffd634;
		border-radius: 30px;
		box-sizing: border-box;
		padding: 0 45px 0 25px;
		color: #2bbfc8;
		line-height: 1.3;
		text-align: left;
		text-decoration: none;
		transition-duration: 0.3s;
	}
	#campaign .eclink a:before {
		content: '';
		width: 8px;
		height: 8px;
		border: 0;
		border-top: 2px solid #2bbfc8;
		border-right: 2px solid #2bbfc8;
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 25px;
		margin-top: -6px;
	}
	#campaign .eclink a:hover {
		background: #fff;
	}
	#campaign .eclink a:hover:before {
		border-top: 2px solid #2bbfc8;
		border-right: 2px solid #2bbfc8;
	}

	#campaign div#flyer{
		padding-bottom: 50px;
	}
	#campaign div#flyer h2{
		margin-bottom: 0px;
	}
	#campaign div#flyer p{
		text-align: center;
		color: #fff;
	}
	#campaign div#flyer .flyer_img{
		display:flex;
		justify-content:center;
		margin-bottom:20px;
		gap: 15px;
	}
	#campaign div#flyer .flyer_img img{
		width: 300px;
		border: 2px solid #fff;
		border-radius: 10px;
	}

	#campaign #info_banner img{
		width: 100%;
	}

	/*PCでは無効（改行しない）*/
	.mb{
    display: none;
    
	/*スマートフォンでは有効（改行する）*/
	@media screen and (max-width:768px) {
    .mb{
        display: block;
    }
}
	
}