@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@100..900&display=swap');

h2,h3,h4,h5{
	margin: 0;
	padding: 0;
}
/*コピペの枠線消す---------------------*/
input[type="button"],input[type="text"],input[type="submit"],input[type="image"],textarea{
    outline: none;
}
/*全体・リセット---------------------*/
header, nav, article, aside, section, footer {
	display:block;
}
.st2-page-title {
	padding: 0.5rem 20px 0;
	margin-bottom: 0.5rem;
}
.st2-page-title__heading__txt {
	font-size: 1.3rem;
	font-weight: normal;
}
.st2-main-container {
	padding-top: 0;
	
}
.st2-contents-wrapper>div>div {
	padding: 0;
}
a{
	color: #0048ab;
}
a:hover{
	text-decoration: none;
}
a{
    transition: opacity .5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.ap a:hover,
.use_btn_box a:hover,
.wcoupon_induction a:hover,
.wcoupon_title li a:hover{
	opacity: .7;
}
a:hover img {
    opacity: .5;
}
h2{
	margin:0;
}
p,ul,li,dl,dt,dd{
	margin: 0;
	padding: 0;
	line-height: 1.6;
}
li,ul{
	list-style: none;
}
.red{
	color: #cd0808;
}
.yellow{
	color: #fae500;
}
.yellow .st2-icon-pdf{
	fill: #fffc1e;
}
.L01 {
	font-size: 150%;
}
.L02 {
	font-size: 120%;
}
.S01 {
	font-size: 75%;
}

.S02 {
	font-size:50%;
}
.pa04 {
	padding-top: 4rem;
}
.indent {
	text-align: left;
	padding-left: 1rem;
	text-indent: -1rem;
	display: block;
	line-height: 1.8;
	font-weight: normal;
}
.box_ind {
	margin:0 2rem;
}
.ind_area {
	margin-top: 1rem;
}

.indent2 {
	text-align: left;
	padding-left: 2rem;
	text-indent: -2rem;
}
.st2-search-kokunaidp__inner .indent{
	text-align: left;
	padding-left: 1rem;
	text-indent: -1rem;
	display: inline-block;
}
.mt_n {
	margin-top:0;
}
.mb_1 {
	margin-bottom:1rem;
}
.st2-color-layout {
	margin: 0 0 3rem;
}
a .st2-icon-newwin, a .st2-icon-pdf {
	vertical-align: baseline;
	width: 0.7em;
	height: 0.7em;
	fill: #0b499d;
}
.cont_01 dl div{
	display: flex;
	padding-right: 0.5rem;
}
.st2-icon-right-arrow{
	width: 1.3rem;
	height: 1.3rem;
}

@media (max-width:1220px) {
	.sp_none{
		display: none;
	}
}
@media (min-width: 737px) {
	.pc_none{
		display:none;
	}
	.fw-top .fw-modal-container {
		justify-content: normal !important;
		margin-top: 5rem !important;
	}
}

@media (max-width: 736px) {
	.S01 {
		font-size: 60%;
		line-height: 1.6;
	}
	.blk_inner .S01 {
		font-size: 1.0rem;
	}
	.S02 {
		font-size: 65%;
		margin: 0;
	}
	.sp_none{
		display:none;
	}
	.left_img.sp_none{
		display:none !important;
	}
	.st2-site-footer__page-to-top.this-active a {
		bottom:11rem;
	}
	.st2-page-title {
		padding: 0.5rem 0.5rem 0;
	}
	.st2-page-title__heading__txt {
		margin: 0;
		font-size: 1.0rem;
	}
	.box_ind {
		margin:0 2% 2rem;
	}
	.ticket_box .box_ind {
		margin:0 2% 0.5rem;
	}
	.pa04 {
		padding-top: 1rem;
	}
	.indent {
		margin-top: .5rem;
		margin-bottom: .7rem;
	}
	.contact .ind_area {
		margin-bottom: -1rem;
	}
}


/*中央レイアウト---------------------*/


.page_body {
	display: flex;
	margin: 0 auto;
	justify-content: center;
	background: url(/cpn/natsuuri/2026/images/natsuuri2026_bk_pc.jpg) #f2e6d7;
	background-repeat: no-repeat;
	padding:3rem 0 15rem;
	background-attachment: fixed;
	background-size: 100%;
}
.page_body>section.left_contents_area,
.page_body>section.right_contents_area{
	flex: 1;
}

/* 左右サイドバー */
.left_contents, .right_contents {
	box-sizing: border-box;
	position: sticky;
	overflow: hidden;
	height: auto !important;
	text-align: center;
	margin-top: 4rem;
}
/* 左 */
.left_contents p{
	color: #00075a;
	font-size:2.3rem;
	font-family: "M PLUS 1", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	padding: 0 4px;
}
.left_date{
	font-size:2.3rem;
	display: inline-block;
	border-top: 2px #00075a solid;
	border-bottom: 2px #00075a solid;
	margin-top: 1rem;
}

.left_img img{
	max-width: 380px;
	width: 100%;
}

.left_date span{
	font-size: 4rem;
	font-family: "Abril Fatface", serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 1.5px;
}
.left_contents{
	container-type: inline-size; /* 横幅を見る */
}

@media (max-width: 736px) {
	.page_body {
		background: url(/cpn/natsuuri/2026/images/natsuuri2026_bk_pc.jpg) #f2e6d7;
		background-repeat: no-repeat;
	}
}



/* 右 */

.right_contents_area{
	margin:  0 3rem 0 1rem;
}

.right_contents li{
	margin-bottom: 1.7rem;
}
.right_contents .right_catch{
	text-align: center;
	color: #00075a;
	font-family: "M PLUS 1", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-size: 1.6rem;
	display: block;
	margin-bottom: 1rem;
}

.right_contents .right_catch .right_catch_txt{
	text-align: left;
	display: inline-block;
	line-height: 1.2;
}
.right_contents .right_catch .right_catch_txt span{
	font-size:150%;
}
.right_contents ul{
    text-align: center;
    margin: 0 auto;
    display: inline-block;
}

.right_contents li{
	position: relative;
	width: fit-content;
	width: -moz-fit-content;
}
.right_contents li a::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	width: 100%;
	height: 100%;
}
/*.right_contents li a.img_link_anc001::after {
	background: url(/cpn/hatsuuri/2026/images/hatsuuri2026_right_anc001_w.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.right_contents li a.img_link_anc002::after {
	background: url(/cpn/hatsuuri/2026/images/hatsuuri2026_right_anc002_w.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.right_contents li a.img_link_anc003::after {
	background: url(/cpn/hatsuuri/2026/images/hatsuuri2026_right_anc003_w.png);
	background-size: cover;
	background-repeat: no-repeat;
}*/

.right_contents li a img {
	height: auto;
	display: block;
	position: relative;
	z-index: 2;
	margin: 0 auto;
	width: 100%;
}

@container (max-width: 360px) {
	.left_img{
		width: 250px;
		margin: 0 auto;
	}
	.left_contents p,.left_date{
		font-size:1.8rem;
	}
	.left_date span{
		font-size: 2.5rem;
	}

}


/* 中央部分 */
.center_contents {
	overflow-y: auto;
	box-sizing: border-box;
	width: 630px;
	margin: 0 auto;
	padding: 0 15px;
	scrollbar-width: none;
}
.center_contents #anc_1 {
	background-color: #9abcff9c;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
	border-radius: 30px;
	margin-bottom: 10rem;
	padding-bottom: 5rem;
}

.st2-site-header {
	height: var(--header-height);
}

.st2-site-footer {
	height: var(--footer-height);
}


@media (min-width: 737px) {
/*	.left_contents,
	.right_contents {
    	transform: translateY(-50%);
	}*/
}

@media (max-width:1220px) {
	.page_body {
		display:block;
		padding:3rem 0 10rem; 
	}
	.page_body>section {
		width : 100%;
	}
	.left_contents p{
		padding: 0;
		font-size: 2.8rem;
	}
	.left_img{
		width: 240px;
		display: inline-block;
		vertical-align: middle;
		padding-right: 10px;
		margin-right: 1rem;
	}
	.left_img img {
		max-width: 300px;
		width: 100%;
	}
	.left_img.pc_none{
		display: none;
	}
	.left_catch{
		width: auto;
		display: inline-block;
		text-align: left;
		padding: 0 0 0 10px;
		vertical-align: middle;
	}
	
	.left_date{
		width: 100%;
        padding: 0;
        max-width: 600px;
        display: block;
        margin: 2rem auto;
	}
	.right_contents_area{
		position: fixed;
		bottom: 0;
		z-index: 1;
		margin: 0 auto;
		background-color: rgb(255 255 255 / 60%);
		padding: 1rem 0;
	}
	.right_contents{
		padding: 0;
		margin-top: 0.5rem
	}
	.right_contents_area ul{
		display: flex;
		justify-content: center;
		padding: 1rem 0;
	}
	.right_contents_area ul li{
		width: 26%;
		margin-right: 1%;
		margin-bottom: 0;
	}
	.right_contents .right_catch{
		margin-bottom: 0;
		font-size: 1.3rem;
	}
	.right_contents .right_catch .right_catch_txt br{
		display: none;
	}
}

@media (max-width: 736px) {
	.page_body {
		display:flex;
		flex-wrap: wrap;
		padding: 0.5rem 0 6rem;
	}
	.page_body>section.left_contents_area, .page_body>section.right_contents_area {
		flex: inherit;
	}
	.left_contents_area {
		order: 1;
	}
	.center_contents_area {
		order: 3;
	}
	.right_contents_area {
		order: 2;
		padding: 1rem 0 2rem;
	}
	.center_contents {
		overflow-y: auto;
		box-sizing: border-box;
		width:100%;
		margin: 0 auto;
		padding: 0 15px;
		scrollbar-width: none;
	}
	.left_img{
		width:90%;
		margin: 0 auto;
	}
	.left_img img {
		max-width: 100%;
		width: 100%;
	}
	.left_img.pc_none{
		display: block;
	}

	.left_catch{
		width:80%;
	}
	.left_contents p{
		font-size: 1.8rem;

		text-align: center;
	}
	.left_date{
		width: fit-content;
		display: block;
		margin: 1rem auto 3rem;
		padding: 0 10px !important;
	}
	.left_date span {
		font-size: 2.8rem;
		letter-spacing: 2px;
	}
	.right_contents_area{
		position:relative;
		margin-bottom: 3rem;
	}
	.right_contents_area ul {
		display: block;
		margin-bottom: 0;
	}
	.right_contents_area ul li{
        width: 90%;
        margin: 0 auto 2rem 2%;
	}
	.center_contents #anc_1 {
		padding-bottom: 5rem;
	}
    .right_contents .right_catch {
        margin-bottom: 0;
        font-size: 1.5rem;
    }
		.right_contents .right_catch .right_catch_txt br{
		display: block;
	}
}


/*H2---------------------*/

#anc_1 h2 img {
	border-radius: 30px 30px 0 0;
	width: 100%;
}
#anc_2 h2 img{
	width: 90%;
	margin: 0 auto;
	display: block;
}
.faq_contents h2,
.dp_contents h2{
	font-size: 2.5rem;
	max-width: 1100px;
	font-family: "M PLUS 1", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
}
.faq_contents h2{
	margin: 0 auto 2rem;
}

.dp_contents h2{
	text-align: center;
	margin: 0 auto;
	font-size: 3.5rem;
	color:#03287c;
}

@media (max-width: 1024px) {
}
@media (max-width: 736px) {
	.faq_contents h2{
		font-size: 1.8rem;
		line-height: 1.4;
	}
	.dp_contents h2 {
		font-size: 1.6rem;
	}
}

/*H3---------------------*/
h3{
	font-size: 3.3rem;
	line-height: 1.2;
	font-weight: 800;
	font-family: "M PLUS 1", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	text-align: center;
}
.cont_01 h3{
	font-size: 3.0rem;
	font-weight: 400;
	border-bottom: 1px solid #ccc;
    padding-bottom: 1rem;
}
.cont_02 h3{
	margin:10rem auto 2rem;
}
.wcoupon_linkarea h3{
	font-size: 4.5rem;
	color: #fff;
	margin-bottom: 2rem;
}
.wcoupon_linkarea h3 span{
	font-size: 1.8rem;
	display: block;
}

@media (max-width: 1024px) {
}
@media (max-width: 736px) {
	h3{
		font-size: 2.3rem;
		line-height: 1.6;
	}
	.cont_01 h3{
		font-size: 1.8rem;
	}
	.cont_02 h3{
		margin-bottom:1rem;
	}
	
	.wcoupon_linkarea h3 {
		font-size: 2.5rem;
		margin-bottom: 1rem;
	}
	.wcoupon_linkarea h3 span{
		font-size: 1.8rem;
		display: block;
	}
	.wcoupon_linkarea li {
		padding: 4rem 6% 0;
	}
}

/*キャンペーン概要 cont_01---------------------*/
.cont_01{
	background-color:#fffaf5;
	margin: 5rem 8%;
	padding: 3rem 6% 4rem;
	box-shadow:0px 1px 8px 0px rgba(0, 0, 0, 0.2);
	border-radius: 20px;
}
.cont_01 dl{
	padding-top: 3rem;
}
.cont_01 dt{
	font-size: 2rem;
	font-family: "M PLUS 1", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	padding-bottom: 0.5rem;
}
.cont_01 dd{
	font-size: 2.0rem;
	font-family: "M PLUS 1", sans-serif;
	font-optical-sizing: auto;
	font-weight:800;
	font-style: normal;
}
.ap{
	margin-top: 4rem;
	margin-bottom: 1.7rem;
}
.ap>div {
	width: 32%;
	display: inline-block;
	padding: .5rem;
	box-sizing: border-box;
}
.ap p{
	margin: 0 auto;
	background-color: #fff;
	padding: 2rem;
	border-radius: 50%;
	border: 3px solid #000757;
}
.ap svg{
	fill: #000757;
}

.ap p.ap_txt{
	font-size: 1.3rem;
	background-color: #000757;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	line-height: 1.2;
	padding:0.7rem .5rem;
	margin-top: -2.5rem;
}
.ap p.ap_txt span{
	font-size: 1.2rem;
}
.ap_c-txt{
	font-size: 1.6rem;
}
@media (max-width: 736px) {
	.cont_01 {
		margin: 5rem 4%;
		padding: 4rem 6% 3rem;
	}
	.cont_01 dl {
		padding-top: 1.5rem;
	}
	.cont_01 dt {
		font-size: 1.3rem;
	}
	.cont_01 dd{
		font-size: 1.4rem;
	}
	.ap {
		margin-top: 3rem;
		margin-bottom: -1rem;
		text-align: center;
		
	}
	.ap div{
		margin-bottom: 2rem;
	}
	.ap>div {
		width: 80%;
		display: inline-block;
		padding: .5rem;
		box-sizing: border-box;
	}
	.ap p {
		max-width: 33%;
	}
    .ap p.ap_txt {
        font-size: 1.2rem;
        max-width: 80%;
        padding: 0.3rem 0 0.5rem;
        margin-top: -3rem;
    }
	.ap p.ap_txt span{
		font-size: 1.0rem;
	}
	.ap_c-txt{
		font-size: 1.6rem;
	}

}

/*cont_02---------------------*/
.cont_02 {
	padding: 0 8%;
}
.cont_02 .count02_anc {
	margin: 3rem 0 8rem;
}
.cont_02 a.ancbtn{
	font-size: 1.6rem;
	box-sizing: border-box;
	color: #ffffff;
	border-radius: 7px;
	position: relative;
	display: inline-block;
	padding: 1rem 25px;
	text-align: center;
	width: 48%;
}
.cont_02 a.dp {
	background: #001082;
    margin-right: 3%;
}
.cont_02 a.yado {
	background: #e22e7d;
}
 #dp-cpn,
 #yado-cpn {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	margin: 2rem;
	border: dashed #333333;
	border-width: 2px 0;
	line-height: 2.7rem;
	padding: 1.5rem 0;
 }

.cont_02 p {
	font-size: 1.8rem;
	font-family: "M PLUS 1", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}
.cont_02 p.dp_title {
	text-align: center;
	margin-bottom: 2rem;
}
.cont_02 h4 {
	margin: 6rem 0 3rem;
}

.coupon_title{
	font-size: 2.0rem;
	text-align: center;
	margin-top: 0;
}
.use_btn_box{
	display: flex;
	margin-right: -1rem;
	margin-top: 1rem;
}
.use_btn_box li{
	flex: 1;
}
.use_btn_box a{
	font-size: 1.6rem;
	background-color: #ffffff;
	border: 2px solid #00075a;
	box-sizing: border-box;
	color: #00075a;
	border-radius: 10px;
	position: relative;
	margin-right: 1rem;
	display: block;
	padding: .7rem 25px;
	text-align: center;
}
.use_btn_box .st2-icon-right-arrow{
	position: absolute;
	right: 10px;
	transform: translateY(-50%);
	top: 50%;
	fill:#00075a;
}
.use_btn_box .one_btn a{
	width: 70%;
	margin: 0 auto;
}
.wcoupon_induction {
    text-align: center;
    margin-top: 4rem;
    line-height: 1.4;
    font-size: 2.3rem !important;
    border: double #db0000 8px;
    padding: 2rem 0;
}
.wcoupon_induction span{
	margin-top: 1rem;
}
.wcoupon_induction .st2-icon-right-arrow{
	fill:#0048ab;
	width: 1.1rem;
	height: 1.1rem;
	padding-left: 0.5rem;
}
.wcoupon_induction a:hover{
	text-decoration: underline;
}


.st2-accordion--more__body[aria-hidden=true]::after {
	    background: linear-gradient(0deg, #d6dded, rgba(255, 255, 255, 0) 100%);
}

@media (max-width: 736px) {
	.cont_02 {
		padding: 0 4%;
	}
	.cont_02 h4 {
		margin: 4rem 0 2rem;
	}
	.cont_02 p {
		font-size: 1.2rem;
	}
	.use_btn_box {
		display: block;
		margin-right: 0;
	}
	.use_btn_box a {
		font-size: 1.4rem;
		margin-right: 0;
		padding: 0.8rem 25px;
		margin-bottom: 1rem;
	}
	.wcoupon_induction {
		margin-top: 4rem;
		font-size: 1.8rem !important;
		border: double #db0000 6px;
		padding: 1rem 4%;
	}
	#dp-cpn, #yado-cpn {
		font-size: 1.7rem;
	}
}

/*クーポン*/
.cpn_blk {
	text-align: center;
	max-width: 96%;
	margin: 0 auto
}

.cpn_blk .cpn_box {
	background-color: #fffaf5;
	box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.3);
	padding-bottom: 1rem;
}
.cpn_blk .cpn_click {
	display: block;
	width: 100%;
	margin-bottom: 5rem;
}
.cpn_blk .cpn_top {
	color: #333333;
	font-size: 2.0rem;
	line-height: 1.2;
	padding-bottom: 1rem;
	font-family: "M PLUS 1", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
}
.cpn_blk .cpn_top b {
	border-bottom: 1px solid #333333;
	padding: 0 0.3rem;
	font-size: 2.5rem;
}
.cpn_blk .cpn_top_title{
	font-family: "M PLUS 1", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-size: 2.3rem;
	line-height: 1.2;
	color: #ffea00;
	padding-bottom: 1rem;
	position: relative;
}
.cpn_blk .cpn_01_box .cpn_top_title{
	background-color: #346fff;
}
.cpn_blk .cpn_02_box .cpn_top_title{
	background-color: #55AEF8;
}
.cpn_blk .cpn_03_box .cpn_top_title{
	background-color: #08DAC9;
}
.cpn_blk .cpn_04_box .cpn_top_title{
	background-color: #28DA9C;
}
.cpn_blk .cpn_05_box .cpn_top_title{
	background-color: #F234D8;
}
.cpn_blk .cpn_06_box .cpn_top_title{
	background-color: #F66EA5;
}
.cpn_blk .cpn_top_title span span{
	font-size: 240%;
}
/*.cpn_blk .cpn_top_title:before{
	background: url(/cpn/hatsuuri/2026/images/hatsuuri2026_center_couponimg_left.png);
	position: absolute;
	background-size: contain;

	background-repeat: no-repeat;
	content: "";
	display: block;
	top: -15px;
	left: -35px;
	height: 77px;
	width: 84px;
}
.cpn_blk .cpn_top_title:after{
	background: url(/cpn/hatsuuri/2026/images/hatsuuri2026_center_couponimg_right.png);
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
	display: block;
	top: -15px;
	right: -35px;
	height: 77px;
	width: 84px;
}
*/
.cpn_blk .cpn_top_title .coupon_ic{
    color: #fff;
    font-size: 1.4rem;
    display: inline-block;
    text-align: center;
    border: 2px solid #00075a;
    margin-right: 12px;
    border-radius: 5px;
    vertical-align: text-bottom;
	line-height: 1.1;
}
.cpn_blk .cpn_top_title .coupon_ic .coupon_ic_fs{
	font-size: 1.3rem;
	margin: 3px 7px 5px;
	display: block;
	color: #000757;
}
.cpn_blk .cpn_top_title .coupon_ic2 {
	font-size: 1.8rem;
	background: #00075a;
	color: #fff;
	display: block;
	padding: 3px 10px 3px;
}
.cpn_blk .cpn_01_box a:hover  {
	text-decoration: none;
	opacity:0.6;
	transition:0.5s;
}
.cpn_blk .cpn_btm p{
	margin: 0;
	line-height: 0;
}
.cpn_blk .three_box .cpn_btm .cpn_code input {
	color :#333333;
	font-size: 3.6rem;
	line-height: 4rem;
	border: none;
	background: none;
	text-align: center;

	width: 100%;
	padding: 0;
	font-family: "M PLUS 1", sans-serif;
	font-optical-sizing: auto;
    font-weight: 800;
    letter-spacing: 2px;
}
.cpn_blk .cpn_click {
	display: inline-block;
}
.cpn_blk .cpn_click .cpn_code_txt {
	line-height: 2.2rem;
	font-weight: bold;
	color: #333333;
	font-size: 1.5rem;
	padding-top: 0.7rem;
}
.cpn_blk .cpn_click button{
	min-width: 40%;
	padding: 0.5rem 1rem;
	margin-top: 0.5rem;
	font-size: 1.1rem;
}
#cpn_01.cpn_blk .cpn_click button{
	background: #f8f4db;
	border-radius: 50px;
	border: 1px #fbda00 solid;
	box-shadow: 3px 2px 2px 0px rgba(0, 0, 0, 0.15);
	font-feature-settings: "palt";
	color: #fff;
}
#cpn_01.cpn_blk .cpn_click .cpn_01_box button{
	border: 1px #346fff solid;
	background: #346fff;
}
#cpn_01.cpn_blk .cpn_click .cpn_02_box button{
	border: 1px #55AEF8 solid;
	background: #55AEF8;
}
#cpn_01.cpn_blk .cpn_click .cpn_03_box button{
	border: 1px #08DAC9 solid;
	background: #08DAC9;
}
#cpn_01.cpn_blk .cpn_click .cpn_04_box button{
	border: 1px #28DA9C solid;
	background: #28DA9C;
}
#cpn_01.cpn_blk .cpn_click .cpn_05_box button{
	border: 1px #F234D8 solid;
	background: #F234D8;
}
#cpn_01.cpn_blk .cpn_click .cpn_06_box button{
	border: 1px #F66EA5 solid;
	background: #F66EA5;
}
.cpn_blk .cpn_txt {
	font-size: 1.8rem;
	line-height: 2.5rem;
	margin: 0;
}
.cpn_blk .st2-search-kokunaidp {
	text-align: left;
}
.coupon_title {
	text-align: center;
	margin-bottom: 1rem;
}
.cpn_blk .plan_blk {
	margin-top: 5rem;
}

.cpn_blk .plan_blk h3 {
	margin-bottom: 0;
}


@media (max-width: 736px) {
	.cpn_blk .cpn_box {
		padding-bottom: 1rem;
	}
	.cpn_blk .cpn_top {
		font-size: 1.4rem;
		line-height: 1.6;
	}
	.cpn_blk .cpn_top b {
		font-size: 2.3rem;
	}
	.cpn_blk .cpn_top_title{
		font-size: 1.4rem;
		line-height: 1.2;
		padding-bottom: 0.5rem;
		padding-top: 1.0rem;
	}
	.cpn_blk .cpn_click .cpn_code_txt {
		line-height: 1;
		font-size: 1.4rem;
		padding-top:1.3rem;
	}
	.cpn_blk .cpn_top_title .coupon_ic {
		font-size: 1.0rem;
		display: block;
		width: max-content;
		text-align: center;
		padding: 0;
		margin: 0 auto;
	}
	.cpn_blk .cpn_top_title .coupon_ic2 {
		font-size: 1.2rem;
	}
	.cpn_blk .cpn_top_title:before {
		top: -10px;
		left: -13px;
		height: 65px;
		width: 71px;
	}
	.cpn_blk .cpn_top_title:after{
		top: -10px;
		right: -13px;
		height: 65px;
		width: 71px;
	}
	.cpn_blk .three_box .cpn_btm .cpn_code input {
		font-size: 3.0rem;
		padding: 0;
		letter-spacing: 0;
	}
	.cpn_blk .cpn_top_title .coupon_ic .coupon_ic_fs{
		font-size: 1.0rem;
	}
	.cpn_blk .cpn_click button{
		margin-top: 0.8rem;
		font-size: 1.0rem;
	}
}

/*cont_03---------------------*/

.cont_03{
	margin: 0 8%;
	padding-bottom: 3rem;
}
.cont_03 h4{
	font-size: 2.0rem;
	font-family: "M PLUS 1", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	margin-bottom: 1rem;
	text-align: center;
}
.cont_03 .blk_inner{
    background-color: rgb(255 255 255 / 41%);
    padding: 2rem 2rem 1px;
}
.cont_03 .st2-accordion--more{
	margin-bottom: 2rem;
}
.cont_03 li{
	font-size: 1.4rem;
	margin-bottom: 1.3rem;
}
.cont_03.cau li{
	padding-left: .8em;
	position: relative;
}
.cont_03.cau li>.S01{
	margin-top: 0.5rem;
}

.cont_03.cau li:before{
	content: "";
	width: 6px;
	height: 6px;
	display: inline-block;
	background-color: #00107e;
	border-radius: 50%;
	top: 8px;
	position: absolute;
	left: 0;
}
.cont_03.cau ol{
	counter-reset: listnum;
	margin-top: 1rem;
	padding-left: 1rem;
}
.cont_03.cau ol li{
	margin-bottom: 0.3rem;
}
.cont_03.cau ol li:before{
	counter-increment: listnum;
	content: counter(listnum);
	top: 0;
	background: none;
}
.cont_03.cau li.st2-list__item{
	text-indent: 0;
	padding-left: 2rem;
	margin-bottom: 0.5rem;
}
.cont_03 li.st2-list__item a:hover
{
	text-decoration: underline;
}
.cont_03.cau li.st2-list__item:before{
	content: none;
}

.cont_03 .st2-list{
	margin-top: 1rem;
}

@media (max-width: 736px) {
	.cont_03{
		margin: 0 4%;
		padding-bottom: 3rem;
	}
	.cont_03 h4{
		font-size: 1.4rem;
	}
	.cont_03.cau ol{
		padding-left: 0;
	}
	.cont_03 li{
		font-size: 1rem;
		margin-bottom: 1.3rem;
	}
	.cont_03 .blk_inner .st2-accordion--more__title{
		font-size: 1.2rem;
	}
	.cont_03.cau li.st2-list__item,
	.st2-list__item {
		padding-left: .7rem;
	}
	.st2-list__item>a.st2-list__container::before {
		left: 0;
	}

}


/*検索---------------------*/

.seach_tab{
	padding: 0 2rem;
	margin-bottom: 7rem !important;
}
.st2-tab--changer[data-style="1"] .st2-tab--changer__body, .st2-tab--changer[data-style="1"] .st2-tab--api__body, .st2-tab--api[data-style="1"] .st2-tab--changer__body, .st2-tab--api[data-style="1"] .st2-tab--api__body{
	padding-top: 0;
}
.st2-tab--changer[data-style="1"] .st2-tab--changer__container{
	border-radius: 20px 20px 0 0;
	border:none;
	background-color: #aaaaaf;
	padding: 1rem 0;
}
.st2-tab--changer[data-style="1"] .st2-tab--changer__item{
	flex: 1;
}
.st2-tab--changer[data-style="1"] .st2-tab--changer__item-txt{
	color: #fff;
}
.st2-tab--changer[data-color="1"] .st2-tab--changer__item[aria-selected=true] .st2-tab--changer__container{
	background-color: #fff;
}
.st2-tab--changer[data-style="1"] .st2-tab--changer__item[aria-selected=true] .st2-tab--changer__item-txt{
	color: #0b006d;
}
.st2-tab--changer[data-style="1"] .st2-tab--changer__item .st2-icon-bottom-arrow{
	display: none;
}
.st2-tab--changer[data-color="1"] .st2-tab--changer__switcher{
	border-bottom: none;
}

.st2-search-kokunaidp,.el-webconnect-module {
	margin: 0;
}
.st2-search-kokunaidp__select--lodging {
	width: 20rem;
	margin-top: .8rem;
}
#webconnect-gadget-air dl div{
	padding-right: 0;
}
.st2-search-kokunaidp__item {
	margin-left: 0;
	max-width: 100%;
}
.st2-search-kokunaidp__container {
	margin-left: 0;
}
.st2-search-kokunaidp__button-submit button {
	width: 100%;
}
.el-webconnect-module .fw-top .fw-search-top__body>dl[class=fw-search-top__item--company] .fw-search-top__item-data ul li {
    max-width: calc((100% - 3rem) / 2);
}
.el-webconnect-module .fw-top .fw-search-top__body>dl[class=fw-search-top__item--company] .fw-search-top__item-data ul li label.fw-radio__label {
	width: 100%;
	justify-content: center;
}
.el-webconnect-module .fw-top .fw-search-top__body>dl[class=fw-search-top__item--date],.el-webconnect-module .fw-top .fw-search-top__body>dl[class=fw-search-top__item--guest-room],
.el-webconnect-module .fw-top .fw-search-top__footer .fw-search-top__btn,.el-webconnect-module .fw-top .fw-search-top__body>dl[class=fw-search-top__item--trans] {
	width: 100%;
}
.el-webconnect-module .fw-top .fw-search-top__body>dl[class=fw-search-top__item--arr]>dd.fw-search-top__item-data>.fw-select--area-set {
	width: calc((100% - 1rem) / 2);
	height: auto;
}
.st2-search-kokunaidp__select--departure {
	width: 35rem;
}
.fw-change-route-wrap,.fw-change-route-departure,.fw-change-route-arrival{
    display: block;
    width: 100% !important;
}

.el-webconnect-module [id^=webconnect-gadget-train] .fw-top [class^=fw-text--] input, .el-webconnect-module [id^=webconnect-gadget-train] .fw-top .fw-text input, .el-webconnect-module [id^=webconnect-gadget-train] .fw-top [class^=fw-select--] select, .el-webconnect-module [id^=webconnect-gadget-train] .fw-top .fw-select select, .el-webconnect-module [id^=webconnect-gadget-train] .fw-top .fw-select-station, .el-webconnect-module [id^=webconnect-gadget-train] .fw-top .fw-search-top--train .fw-radio__label, .el-webconnect-module [id^=webconnect-gadget-train] .fw-train-list-time-search-ttl, .el-webconnect-module [id^=webconnect-gadget-train] .fw-train-list-time-select-txt, .el-webconnect-module [id^=webconnect-gadget-train] .fw-change-route-ttl,
.cont_02 p.fw-select-station-selected,.st2-search__input input,.st2-search__select select,.st2-search__radio__item,.st2-search__check-list__item{
	font-size: 1.2rem;
}
.cont_02 p.fw-select-station-selected{
	font-family: Roboto, "Hiragino Sans", "メイリオ", Meiryo, sans-serif;
	font-weight: normal;
}
.fw-train-list-time-search-accordion-wrap{
	justify-content: center;
}
.el-webconnect-module [id^=webconnect-gadget-train] .fw-search-top__item--train .fw-train-list-time-search-wrap.fw-is-open {
	gap: 0;
	margin: 1rem 0 0 0;
	padding: 0;
}
.el-webconnect-module [id^=webconnect-gadget-train] .fw-search-top__item--train .fw-train-list-time-search-wrap.fw-is-open .fw-train-list-time-search-col:first-child {
	border-bottom: none;
	border-radius: .2rem .2rem 0 0;
}
.el-webconnect-module [id^=webconnect-gadget-train] .fw-search-top__item--train .fw-train-list-time-search-wrap.fw-is-open .fw-train-list-time-search-col {
	margin: 0;
	padding: 1rem;
	width: 100%;
	height: auto;
}
.el-webconnect-module [id^=webconnect-gadget-train] .fw-search-top__item--train .fw-train-list-time-search-wrap.fw-is-open .fw-train-list-time-search-col .fw-train-list-time-search-ttl {
	font-weight: bold;
}
.el-webconnect-module [id^=webconnect-gadget-train] .fw-search-top__item--train .fw-train-list-time-search-wrap.fw-is-open .fw-train-list-time-search-col .fw-train-list-time-search {
    display: flex;
    gap: 0;
}
.el-webconnect-module [id^=webconnect-gadget-train] .fw-search-top__item--train .fw-train-list-time-search-wrap.fw-is-open .fw-train-list-time-search-col:last-child {
	border-top: none;
	border-radius: 0 0 .2rem .2rem;
	margin: 0;
	padding: 0 1rem 1rem 1rem;
}
.fw-top .fw-search-top--train .fw-train-list-time-search-accordion-wrap {
    margin-top: 20px !important;
    margin-bottom: 0 !important;
}
.el-webconnect-module [id^=webconnect-gadget-train] .fw-search-top__item--keyword {
    grid-area: 4 / 1 / 5 / 5;
}
.st2-search__item__title span {
	font-size: 1.6rem;
}
.st2-search__item:first-child,.st2-search__input-switch,.st2-search__select select{
	width: 100%;
}
.st2-search__input {
    width: 70%;
}
.st2-search__check-list {
	margin-left: 0;
	width: 30%;
}
.st2-search__select{
	margin-right: 0;
	width: calc((100% - 2rem) / 2);
}
.st2-search__item__content>div,.st2-search__container>div{
	gap: 1rem;
}
.st2-search__item+.st2-search__item {
	 margin-left: 0;
	width: calc((100% - 2rem) / 2);
}
.flatpickr-input[readonly],.st2-search__input input{
	min-height: 40px;
}
.st2-search__input-switch[data-direction=horizontal]>div>div>div>div {
	gap: 1rem;
	align-items: center;
}
.st2-search {
    margin: 0 2rem;
}
.st2-search>div{
	padding: 3rem 2rem;
}
.excludedplan{
	margin-top: 1rem;
}
.excludedplan a{
	font-size: 1.4rem;
}
.cont_02.yado .excludedplan{
	margin: 1rem 2rem 8rem;
}


@media (max-width: 736px) {
	.seach_tab{
		padding: 0;
		margin-bottom: 7rem !important;
	}
	.st2-search-kokunaidp__select--lodging {
        width: 47%;
        margin-right: 3%;
	}
	.el-webconnect-module .fw-top .fw-search-top__body>dl[class=fw-search-top__item--arr]>dd.fw-search-top__item-data {
        margin-bottom: 1rem;
    }
	.el-webconnect-module .fw-top .fw-search-top__body>dl[class=fw-search-top__item--arr]>dd.fw-search-top__item-data>.fw-select--area-set {
		width: calc((100% - 1rem) / 2);
	}
	.st2-search__item__title span {
		font-size: 1.0rem;
	}
	.st2-search{
		margin: 0;
	}
	.st2-search__select,.st2-search__input{
		width: 100%;
	}
	.st2-search>div {
		padding: 3.75vw;
	}
	.st2-search--yado .st2-search__inc-and-dec,.st2-search__item+.st2-search__item {
        width: 100%;
    }
	.cont_02.yado .excludedplan{
		margin: 1rem 0 8rem;
	}
	.excludedplan a {
		font-size: 1.2rem;
	}
}



/*wcoupon---------------------*/

.wcoupon_title{
	font-size: 4rem;
	font-family: "M PLUS 1", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
	font-style: normal;
	text-align: center;
	color: #fff;
	width: 90%;
	margin: 0 auto;
}
.wcoupon_title h2{
	font-size: 4rem;
	line-height: 1.2;
	font-weight: 800;
	margin-top: -1.5rem;
}

.wcoupon_title h2 span{
	font-size: 5.5rem;
}
.wcoupon_title ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2%;
}
.wcoupon_title li {
    width: 48%;
    margin-right: 2%;
    margin-top: 1rem;
}
.wcoupon_title li a{
    display: block;
    font-size: 3.5rem;
    color: #fff;
    border: 3px solid #fff;
    border-radius: 10px;
    padding: 0 0 0.5rem;
    font-weight: 500;
    margin: 0 0.5rem;
    background-color: #830000;
}
.wcoupon_cau{
	margin: 1rem 0;
}
.wcoupon_cau li{
	color: #fff;
	font-family: "M PLUS 1", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;	
	font-size: 1.4rem;
}
.wcoupon_linkarea{
	width: 100%;
	margin: 0 auto;
}
.wcoupon_linkarea li{
	margin-top: 5rem;
    border-top: dotted #fff 5px;
    padding:4rem 8% 0;
}
.wcoupon_linkarea li:first-child{
    border-top: none;
    padding-top: 0;
}
.wcoupon_img{
	position: relative;
}
.wcoupon_img a::after {
	content: "";
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	background-color: #fff;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
	width: 100%;
	height: 100%;
	border-radius: 35px;
}

.wcoupon_img a img {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	z-index: 2;
}

@media (max-width: 736px) {
	.wcoupon_title,.wcoupon_title h2{
		font-size: 2.5rem;
	}
	.wcoupon_title h2{
		margin-top: 0;
	}
	.wcoupon_title h2 span{
		font-size: 3.0rem;
	}
	.wcoupon_title ul {
		margin-left: 0;
	}
	.wcoupon_title li a {
		font-size: 2.0rem;
		border: 2px solid #fff;
		border-radius: 7px;
		padding: 0 0 0.3rem;
		margin: 0 0.5rem;
	}
	.wcoupon_cau li {
		font-size: 1.1rem;
	}
	.wcoupon_linkarea li{
		margin-top: 3rem;
		padding:3rem 4% 0;
	}

}



/*FAQ---------------------*/

.faq_contents{
	margin: 8rem 0;
	padding: 0 20px;
}
.st2-faq__title {
	font-size: 1.6rem;
	font-weight: normal;
}
.st2-faq__body .st2-paragraph p {
	font-size: 1.4rem;
}
.st2-faq__body::before{
	font-weight: normal;
}
@media (max-width: 736px) {
	.faq_contents{
		margin: 8rem 0 4rem;
		padding: 0 2.989%;
	}
	.st2-faq__title,.st2-faq__body .st2-paragraph p {
		font-size: 1.1rem;
	}
    .st2-faq__title-txt::before {
        top: 0;
        left: -1.5rem;
        font-size: 1.3rem;
    }
	.st2-faq__body::before {
        left: 0.5rem;
        font-size: 1.3rem;
		top: -5px;
    }
	.st2-faq__title .st2-icon-plus {
        right: 0.3rem;
    }
}

.st2-site-footer__page-to-top a{
	z-index: 1000;
}

/*メンバーズ---------------------*/
.members {
    padding: 0 20px;
}
.other_btn {
    margin: 10rem auto 6rem;
    max-width: 1100px;
    background-color: rgb(205 252 255 / 85%);
    padding: 3rem 4rem;
    box-sizing: border-box;
}
.other_btn p.title {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 0;
    text-align: center;
    color: #01044b;
}
.other_btn p {
    font-size: 1.6rem;
    margin: 0;
}
.other_btn_ano {
    margin-bottom: 2rem;
}
.other_btn_ano .ano {
    font-size: 1.2rem;
}
@media (max-width: 736px) {
	.other_btn {
		margin: 0 auto 4rem;
		padding: 2rem 4%;
	}
	.other_btn p.title {
		font-size: 1.6rem;
	}
	.other_btn p {
		font-size: 1.2rem;
		margin-bottom: 0.5rem;
	}
	.other_btn_ano {
		margin-bottom: 1.5rem;
	}
}


/*特集---------------------*/

.dp_contents{
	padding: 0 20px;
}

.st2-pic-block__container-wrapper .st2-pic-block__pic-caption--over p{
	font-weight: normal;
}
#other hr {
    border-style: dashed;
    border-color: #2a0069;
    margin: 7rem auto 4rem;
    max-width: 1100px;
}
#other hr.border_ct {
	border: none;
	border-bottom: 1px solid #cccccc;
    margin: 12rem auto 6rem;
    max-width: 1700px;
}
.dp_contents>p {
	font-size: 1.4rem;
	text-align: center;
	margin-bottom: 1rem;
}

@media (max-width: 736px) {
	.dp_contents>p{
		text-align: center;
		font-size: 1.6rem;
		margin-bottom: 1rem;
	}
	.dp_contents>p {
		font-size: 1.0rem;
	}
	.st2-divide-layout[data-sp-column="2"] .st2-divide-layout__item {
		margin: 0.5rem 0 0 0;
	}
	.dp_contents .highclass_bnr .st2-paragraph p{
		font-size: 1.0rem;
	}
	.dp_contents .highclass_bnr .st2-pic-block {
		margin-bottom: 1rem;
	}
	#other hr {
		margin: 3rem auto;
	}
	#other hr.border_ct {
		margin: 8rem auto 4rem;
	}
	.dp_contents .st2-divide-layout[data-sp-column="2"]>div>div>div>div{
		gap: 0 .6rem;
	}
}


/*モーダル---------------------*/
#modal_blk .modal{
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2000;
}
#modal_blk .modal__bg{
	background: rgba(0,0,0,0.8);
	height: 100vh;
	position: absolute;
	width: 100%;
}
#modal_blk .modal__content{
	background: #cdfbff;
	left: 50%;
	padding: 15px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 45%;
	font-size: 1.3rem;
}
#modal_blk .modal__content div {
	display: inline-block;
	width: 48%;
	vertical-align: top;
	margin: 0.5rem 0.8%;
}
#modal_blk .modal h6{
	background: #115f82;
	padding: 0.5rem 1rem;
	font-size: 1.5rem;
	display: inline-block;
	margin: 0;
	color: #fff;
}
#modal_blk .modal img {
	border: 1px solid #115f82;
}
#modal_blk .modal__content div p{
	margin: 1rem;
}
#modal_blk .js-modal-close {
	text-align: center;
	display: block;
	font-size: 1.5rem;
}
#modal_blk .js-modal-close span {
	border: 1px solid #0b499d;
	padding: 0.2rem 1rem;
	font-size: 1.3rem;
}
@media screen and (min-width:737px) {
#modal_blk .js-modal-close.pc_close {
	display:none;
}
}

@media screen and (max-width:736px) {
#modal_blk .modal__content{
	width: 80%;
	padding: 10px;
	height: 77%;
	overflow: scroll;
}
#modal_blk .modal__content div {
	width: 86%;
	display: block;
	margin: 2rem auto;
}
#modal_blk .js-modal-close {
}
#modal_blk .js-modal-close span{
	border-color: #fff;
	color: #fff;
	position: absolute;
	top: 30px;
	right: 30px;
}
#modal_blk .js-modal-close.sp_close {
	display:none;
}
#modal_blk .modal__content div p {
	font-size: 1.1rem;
}
}
/*追従---------------------*/
.tabbottomArea{
	display: none;
}
@media (max-width: 736px) {
	.tabbottomArea{
		display: none;
	}
	.fix {
		display: none;
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 1000;
		background-color: rgb(255 255 255 / 60%);
	}
	.fix.tabbottomArea ul{
		position: relative;
		display: flex;
		margin: 0 1rem;
		gap:10px;
		padding-top: 0.5rem;
		}
    .fix.tabbottomArea ul li {
        list-style: none;
        flex: 1;
        position: relative;
        max-width: 33%;
        margin: 0 auto;
    }
	.fix.tabbottomArea ul li a{
		display: block;
		box-sizing: border-box;
		margin: 0.5rem 0 2rem;
	}

}
/*終わり---------------------*/
.left_contents p.left_end{
	font-size: 2.5rem !important;
	color: #f9ff00 !important;
	padding-top: 2rem !important;
}
@media (max-width: 1220px) {
    .left_contents p.left_end {
        padding: 0 0 2rem;
    }
}
@media (max-width: 1024px) {
    .left_contents p.left_end {
        padding: 0 0 3rem;
        font-size: 3.0rem !important;
    }
}

@media (max-width: 736px) {
	.left_contents p.left_end{
		font-size: 1.8rem !important;
		padding: 0 2.989% 3rem !important;
	}
}


/*フェードアップ---------------------*/
.fadeUpTrigger{
	opacity: 0;
}

.fadeUp {
	animation-name: fadeUpAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
	opacity: 0;
}
@keyframes fadeUpAnime{
from {
	opacity: 0;
	transform: translateY(100px);
}
to {
	opacity: 1;
	transform: translateY(0);
}
}