@charset "utf-8";

/*----------日本旅行まつり開催中----------*/
#particles-js{ 
  position:fixed;
  z-index:0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 759.9px) {
.pages_value .kv {
	position: relative;
	z-index: -1;
    background: url(/cpn/images/bg_main.jpg) no-repeat;
    background-size: cover;
    background-position-x: 50%;
}
#main_fes{
	width: 65%;
    margin: auto;
    padding: 15px 0;
    display: block;
}
#in_session{
	position: absolute;
    width: 65px;
    height: auto;
    top: 12px;
    right: calc(35% - 65px);
    animation-name: balloon;
    animation-fill-mode: backwards;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    animation-delay: 0.5s;
    animation-direction: normal;
}
#character{
	position: absolute;
    width: 72px;
    height: auto;
    bottom: 45px;
    left: 0;
    animation-name: walk;
    animation-fill-mode: backwards;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-direction: normal;
}
#NTA_fes_plan_theme {position: relative;}
#NTA_fes_plan_theme:before {
    content: "";
    width: 92px;
    height: 85px;
    display: block;
    background: url(../images/treasure.png) no-repeat center;
    background-size: 60%;
    position: absolute;
    top: -15px;
    left: -15px;
}
#NTA_fes_plan_theme:after {
    content: "";
    width: 92px;
    height: 85px;
    display: block;
    background: url(../images/treasure.png) no-repeat center;
    background-size: 60%;
    position: absolute;
    top: -15px;
    right: -15px;
}
#NTA_fes_planwrap {
    background: #FFF;
    padding: 20px 0;
}
#NTA_fes {padding-bottom: 0!important;}
#NTA_fes h2 {
    width: 100%;
    font-size: 28px;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    padding: 10px 0 8px;
	position: relative;
}
#NTA_fes h2:before{
	content: "";
    width: 72px;
    height: 48px;
    position: absolute;
    top: -55px;
    left: calc((100% - 72px) / 2);
    display: block;
    background: url(../images/chara_hero.png?date=20230901) no-repeat;
    background-size: 70px;
}
#NTA_fes_planwrap > h3{
	text-align: center;
    font-size: 24px;
    margin-bottom: 15px;
}

/*アンケート*/
body #rt_special_popup2{width: 50%!important;}
body #rt_special_popup2 *{
	font-size: 10px!important;
    margin: 0!important;
}
body #rt_special_popup2 .rtTmplQuestionnaire_answeritem{padding: 5px 0!important;}
body #rt_special_popup2 .rtTmplQuestionnaire .rtTmplQuestionnaire_answeritem>label {width: 98% !important;}
}

@media screen and (min-width: 760px),print {
.pages_value .kv {
	position: relative;
	z-index: -1;
}
#in_session{
	position: absolute;
    width: 200px;
    height: auto;
    top: -35px;
    right: calc(50% - 350px);
	animation-name: balloon;
	animation-fill-mode:backwards;
	animation-duration:1.5s;
	animation-iteration-count:infinite;
	animation-timing-function:ease;
	animation-delay: 0.5s;
	animation-direction:normal;
}
#character{
	position: absolute;
    width: 280px;
    height: auto;
    bottom: 135px;
    left: calc(30% - 280px);
    animation-name: walk;
    animation-fill-mode: backwards;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-direction: normal;
}
#NTA_fes_plan_theme {position: relative;}
#NTA_fes_plan_theme:before {
    content: "";
    width: 184px;
    height: 170px;
    display: block;
    background: url(../images/treasure.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: -10px;
    left: -220px;
}
#NTA_fes_plan_theme:after {
    content: "";
    width: 184px;
    height: 170px;
    display: block;
    background: url(../images/treasure.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: -10px;
    right: -220px;
}
#NTA_fes_planwrap {
    background: #FFF;
    padding-top: 30px;
}
#NTA_fes {padding-bottom: 0!important;}
#NTA_fes h2 {
    width: 100%;
    font-size: 48px;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    padding: 18px 0 14px;
	position: relative;
}
#NTA_fes h2:before{
    content: "";
    width: 175px;
    height: 115px;
    position: absolute;
    top: -25px;
    left: -15px;
    display: block;
    background: url(../images/chara_hero.png?date=20230901) no-repeat;
    background-size: 175px;
}
#NTA_fes_planwrap > h3{
	text-align: center;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 25px;
}

}
@keyframes balloon{
0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
50% {
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1);
}
100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
}
@keyframes walk{
0% {
	-webkit-transform:rotate(0);
	transform:rotate(0);
}
25% {
	-webkit-transform:rotate(-5deg);
	transform:rotate(-5deg);
}
50% {
	-webkit-transform:rotate(0);
	transform:rotate(0);
}
75% {
	-webkit-transform:rotate(5deg);
	transform:rotate(5deg);
}
100% {
	-webkit-transform:rotate(0);
	transform:rotate(0);
}
}
@media screen and (min-width:759.9px) and (max-width:970px) {
#character,
#NTA_fes h2:before{display:none;}
}
#rt_special_popup {
	height: auto!important;
}
/*----------日本旅行まつり開催中----------*/

/*PCSP共通設定*/
.pages__faq a{
	text-decoration: underline;
	transition: 0.2s;
}
.pages__faq a:hover{
	color: #08a4b9;
	transition: 0.2s;
}
.is-hide,
.is-hide-kokunai,
.is-hide-kaigai {
  display: none;
}

/*search*/
:root {
	--gadget-accent-color: #35bd8b;
	--gadget-noactive-color: #f0f0f0;
	--gadget-botton-color: #F29A16;
}
.search_kokunaiBar .fw-top .fw-checkbox__label:before {border-color: var(--gadget-accent-color);}
.search_kokunaiBar .fw-top .fw-checkbox__input:checked + .fw-checkbox__label:before {
    background-color: var(--gadget-accent-color);
    border-color: var(--gadget-accent-color);
}
.search_kokunaiBar .fw-top .fwnta-modal-tab__list {border-bottom-color: var(--gadget-accent-color);}
.search_kokunaiBar .fw-top .fwnta-modal-tab__list > li.fw-is-active {background: var(--gadget-accent-color);}
.search_kokunaiBar .fw-top .fwnta-modal-btn-clear {
    border-color: var(--gadget-accent-color);
    color: var(--gadget-accent-color);
}
.search_kokunaiBar .fw-top .fwnta-modal-tab__list > li {background-color: var(--gadget-noactive-color);}
.search_kokunaiBar .fw-top .fw-btn-detail-01, .fw-top .fw-btn-fix-01 {background-color: var(--gadget-botton-color);}
.search_kokunaiBar .fw-top .fwnta-btn-search{background-color: var(--gadget-botton-color);}

.search_kokunaiBar {
	width: 100%;
	max-width:970px;
	margin: auto;
}
.search_kokunaiBar .fw-top .fwnta-btn-search span,
.search_kokunaiBar .box_airset #doAirSearch *{color: #FFF;}
.search_kokunaiBar .content_wrap.serchBox {
    border: 2px solid #35bd8b;
    border-top: none;
    margin-bottom: 5%;
    border-radius: 0 0 10px 10px;
}

/*759px以下*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.4;}
.spnone{display:none;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 12px;
	margin: 0 1%;
}
.inner{
	width: 96%;
	margin: 0 2%;
	box-sizing: border-box;
}
}

/*760px以上*/
@media screen and (min-width: 760px),print {
/* CSS */
#wrapper {line-height: 1.231;}
#dirPathBlock,
h1,
.iframe_end-content_gadget,
#anchorLinkBlock{
width: 100%;
max-width:970px;
min-width:760px;
margin: auto;
}
.pcnone { display: none;}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
width: 100%;
margin: 0 auto;
display: block;
font-size: 12px;
z-index: 1;
position: sticky;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
font-size: 14px;
width: auto;
max-width: 970px;
margin: 0 auto 5px;
}
.inner{
width: 96%;
max-width:970px;
margin: 0 auto;
display: block;
}
u{text-decoration-color: red;}

/*title*/
img#mainphoto {
width: 100%;
max-width:970px;
margin:0 auto 2%;
display:block;
}
}

/* ===========================================

CONTENTS ORIGINAL SETTING

=========================================== */
/* RESET */
.pages_value {overflow: hidden;}
.pages_value * {
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:#595757;
font-size:14px;
}
.pages_value img{
max-width:100%;
height:auto;
width /***/:auto;
border:none;
border-style:none;
}
.pages_value figure {
margin: 0;
padding: 0;
}
.pages_value .inner,
.pages__search .inner {max-width: 950px;}

/*お知らせ*/
@media screen and (max-width: 759.9px) {
#notice_small > small {
	color: #D91140!important;
	display: inline-block; margin: 0 2%;
	text-align: center;
}
}
@media screen and (min-width: 760px),print {
#notice_small > small {
	color: #D91140!important;
	display: inline-block; margin: 0 2%;
	text-align: left;
}
}
/*お知らせ*/

/*760px以上*/
@media screen and (min-width: 760px),print {
.pages_value * {font-size:16px;}

/* KV */
.pages_value .kv {
	margin:0 auto 0;
	background: url("../images/bg_main.jpg?20230601") no-repeat center top;
	text-align: center;
	height: 630px;
}
.pages_value .kv img {
    width: 580px;
    padding-top: 60px;
/*  fes ver
    width: 527px;
	padding-top: 90px;
*/
}
.pages_value .intro_anchor img{
max-width:55%;
}
.pages_value #notice_fest {
	margin: 0;
	padding: 20px 0;
	background: #6eaaf5;
	text-align: center;
}
.pages_value #notice_fest p {
	position: relative;
	width: 705px;
	margin: 0 auto;
	font-size: 43px;
	color: #fff;
	font-weight: bold;
	line-height: 1.2;
}
.pages_value #notice_fest p::before {
	display: block;
	content: "";
	position: absolute;
	background: url("../images/bg_notice01.png") no-repeat left top;
	width: 35px;
	height: 55px;
	margin: auto;
	top: 0;
	/*bottom: 0;*/
	left: 0;
}
.pages_value #notice_fest p::after {
	display: block;
	content: "";
	position: absolute;
	background: url("../images/bg_notice02.png") no-repeat right top;
	width: 35px;
	height: 55px;
	margin: auto;
	top: 0;
	/*bottom: 0;*/
	right: 0;
}
.pages_value #notice_fest p span {
	display: block;
    margin-top: 10px;
	font-size: 30px;
	color: #fff;
}
.pages_value #notice_fest p span:last-child {
    margin-top: 0;
}
.pages_value #notice_small {
	margin: 0.5em 0 2em;
	text-align: center;
}
.pages_value #notice_small p{
	font-size: 24px;
    line-height: 1.5;
}
}

/*759px以下*/
@media screen and (max-width: 759.9px) {
/* KV */
.pages_value .kv {
	margin:0 auto;
}
.pages_value .kv img {
	width: 100%;
	vertical-align: bottom;
}
.pages_value #notice_fest {
	/*margin: 0 0 2em;*/
	margin: 0;
	padding: 20px 0;
	background: #6eaaf5;
	text-align: center;
}
.pages_value #notice_fest p {
	position: relative;
	width: 90%;
	margin: 0 auto;
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	line-height: 1.2;
}
.pages_value #notice_fest p::before {
	display: block;
	content: "";
	position: absolute;
	background: url("../images/bg_notice01.png") no-repeat left top;
	background-size: contain;
	width: 25px;
	height: 39px;
	margin: auto;
	top: 0;
	/*bottom: 0;*/
	left: 0;
}
.pages_value #notice_fest p::after {
	display: block;
	content: "";
	position: absolute;
	background: url("../images/bg_notice02.png") no-repeat right top;
	background-size: contain;
	width: 25px;
	height: 39px;
	margin: auto;
	top: 0;
	/*bottom: 0;*/
	right: 0;
}
.pages_value #notice_fest p span {
	display: block;
    margin-top: 10px;
	font-size: 19px;
	color: #fff;
}
.pages_value #notice_fest p span:last-child {
    margin-top: 0;
}
.pages_value #notice_small {
	margin: 0.5em 0 2em;
	text-align: center;
}
.pages_value #notice_small p{
	font-size: 14px;
    line-height: 1.5;
}
}

/* TITLE */
.pages_value .headline {
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:4em auto 3em;
text-align: center;
}
@media screen and (max-width: 759.9px) {
.pages_value .headline {
margin:2em auto 3em;
text-align: center;
}
}

.pages_value .headline h3 {
background: linear-gradient(white 0%, white 100%);
font-feature-settings: 'palt';
font-size:32px;
font-weight: 700;
margin-bottom: 8px;
padding: .15em 0;
position: relative;
}
.pages_value .headline p {
background: linear-gradient(white 0%, white 100%);
font-feature-settings: 'palt';
font-size:24px;
font-weight: 700;
padding: .15em 0;
}
.pages_value .headline span {font-size:32px;}
.pages_value .headline .tx_dots {
background-image: radial-gradient(circle at center, #fff 20%, transparent 20%);
background-position: top right;
background-repeat: repeat-x;
background-size: 1em 0.4em;
padding-top: .7em;
}
.pages_value .pages__reservation .headline {
max-width:470px;
width: 96%;
}
.pages_value .pages__reservation .coupon_always .headline{max-width:480px;}
.pages_value .pages__reservation .good-value_plan .headline {
max-width: 550px;
width: 96%;
}
.pages_value .pages__traveling .headline,
.pages_value .pages__application .headline {
max-width:484px;
width: 96%;
}
.pages_value .pages__traveling .headline h3,
.pages_value .pages__traveling .headline p {
background: linear-gradient(#fff 0%, #fff 100%);
}
.pages_value .pages__application h3::after {
background: url(../images/bg_application_headline.png?20230601) no-repeat;
background-size: 100%;
content:'';
height:52px;
width: 171px;
position: absolute;
right:-24px;
top:-38px;
}

/*759px以下*/
@media screen and (max-width: 759.9px) {
.pages_value .headline h3,
.pages_value .headline .tx_dots {font-size:24px;}
.pages_value .headline p {font-size:18px;}
}

/*639px以下*/
@media screen and (max-width: 639px) {
.pages_value .headline h3,
.pages_value .headline .tx_dots {font-size:20px;}
.pages_value .headline p {font-size:15px;}
}

/* BOX SETTING */
.pages_value .bg_inner_box {
position: relative;
}
.pages_value .bg_inner_box::before,
.pages_value .bg_inner_box::after {
background: url(../images/bg_innerbox.gif) no-repeat 50% 0;
background-size: contain;
content:'';
display: block;
height:50px;
width:95.78%;
position: absolute;
top:0;
left:50%;
transform: translateX(-50%);
z-index: 2;
}
.pages_value .bg_inner_box::after {
top:auto;
bottom:0;
}

/* INTRO */
.pages_value .intro {
background: url(../images/bg_cnt01.png?20230601) no-repeat 50% 100%;
background-size: 96%;
padding-bottom: 12em;
}
.pages_value .intro_anchor {
margin:0 auto 2.5em;
max-width: 700px;
width: 90%;
}
.pages_value .intro_anchor ul {
display: flex;
justify-content: space-evenly;
z-index: 0;
position: sticky;
}
.pages_value .intro_anchor li figure {
background-color:#ffe145;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
height: 108px;
margin: auto;
width: 108px;
}
.pages_value .intro_anchor li a p {color:#000;}
.pages_value .intro_anchor li a span {
font-size:24px;
font-weight: 700;
}
@keyframes wave {
100% {
transform: translate3d(0, -10px, 0);
}
}
a.wave span {display: inline-block;}
a.wave:hover span {
animation-name: wave;
animation-duration: .2s;
animation-direction: alternate;
animation-iteration-count: 2;
}
a.wave:hover span:nth-child(2) {animation-delay: .05s;}
a.wave:hover span:nth-child(3) {animation-delay: .1s;}
a.wave:hover span:nth-child(4) {animation-delay: .1.5s;}
a.wave:hover span:nth-child(5) {animation-delay: .2s;}
a.wave:hover span:nth-child(6) {animation-delay: .2.5s;}
a.wave:hover span:nth-child(7) {animation-delay: .3s;}
a.wave:hover span:nth-child(8) {animation-delay: .3.5s;}
a.wave:hover span:nth-child(9) {animation-delay: .4s;}
.pages_value .intro .tx_lead {
font-size:20px;
margin:2.5em auto;
max-width: 700px;
}
.pages_value .btn_links {
background-color: #fd8632;
display: block;
font-weight: 700;
line-height: 58px;
margin:auto;
text-align: center;
width: 280px;
position: relative;
}
.pages_value .btn_links span {
color:#fff;
font-size:24px;
}
.pages_value .btn_links::before,
.pages_value .btn_links::after {
background: url(../images/bg_links_side.png) no-repeat;
background-size: cover;
content:'';
display: inline-block;
height:58px;
width:17px;
position: absolute;
top:0;
}
.pages_value .btn_links::before {left:-17px;}
.pages_value .btn_links::after {
right:-17px;
transform: rotate(180deg);
}
.pages_value .btn_nolinks {
background-color: #eee;
display: block;
font-weight: 700;
line-height: 58px;
margin:auto;
text-align: center;
width: 280px;
position: relative;
}
.pages_value .btn_nolinks::before,
.pages_value .btn_nolinks::after {
background: url(../images/bg_nolinks_side.png) no-repeat;
background-size: cover;
content:'';
display: inline-block;
height:58px;
width:17px;
position: absolute;
top:0;
}
.pages_value .btn_nolinks::before {left:-17px;}
.pages_value .btn_nolinks::after {
right:-17px;
transform: rotate(180deg);
}

/*759px以下*/
@media screen and (max-width: 759.9px) {
.pages_value .intro {
background: url(../images/bg_cnt01.png?20230601) no-repeat 50% 100%;
background-size: 150%;
padding-bottom: 8em;
}
.pages_value .intro_anchor li figure {
height: 96px;
width: 96px;
}
.pages_value .intro_anchor li a span {font-size:20px;}
.pages_value .intro .tx_lead {
font-size:16px;
margin:1.5em auto 2em;
}
.pages_value .btn_links {line-height: 48px;}
.pages_value .btn_links span {font-size:20px;}
.pages_value .btn_links::before,
.pages_value .btn_links::after {
height:48px;
width:14px;
}
.pages_value .btn_links::before {left:-14px;}
.pages_value .btn_links::after {right:-14px;}
}

/*639px以下*/
@media screen and (max-width: 639px) {
.pages_value .intro {
background: url(../images/bg_cnt01.png?20230601) no-repeat 50% 100%;
background-size: 200%;
padding-bottom: 6.5em;
}
.pages_value .intro_anchor li figure {
padding: 1.25em;
height: 80px;
width: 80px;
}
.pages_value .intro_anchor li a span {font-size:14px;}
}

/* RESERVATION */
.pages__reservation {
background-color: #d91140;
padding: 5.5em 0 12.5em;
}
.pages__reservation h2 {
margin: auto;
width: 72%;
}
.pages__reservation .location {
    width: 180px;
    margin: 0 auto 20px;
}
.pages__reservation .location h4 {
    position: relative;
    display: inline-block;
    padding: 0 65px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5;
}
.pages__reservation .location h4:before,
.pages__reservation .location h4:after {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50px;
    height: 6px;
    content: '';
    margin: auto 0;
    border-top: solid 2px #fff;
    border-bottom: solid 2px #fff;
}
.pages__reservation .location h4:before {
    left: 0;
}
.pages__reservation .location h4:after {
    right: 0;
}
.pages__reservation .good-value_plan h4 {
font-size: 24px;
font-weight: 700;
line-height: 32px;
margin-bottom: 1em;
text-align: center;
}
.pages__reservation .good-value_plan h4::before,
.pages__reservation .good-value_plan h4::after {
background: url(../images/bg_sec1_txt.png) no-repeat;
background-size: 100%;
content:'';
display: inline-block;
height:32px;
width: 32px;
position: relative;
top:8px;
}
.pages__reservation .good-value_plan h4::before {margin-right: 1em;}
.pages__reservation .good-value_plan h4::after {
margin-left:1em;
transform: rotate(90deg);
}
.pages__reservation .good-value_plan .inner_value {
background-color: #fff;
box-shadow: 4px 4px 4px rgba(0,0,0,.2);
padding: 2.5em 3em;
position: relative;
}
.pages__reservation .good-value_plan .inner_value::before,
.pages__reservation .good-value_plan .inner_value::after {
content:'';
display: block;
height: 100%;
width: 150px;
position: absolute;
}
.pages__reservation .good-value_plan .inner_value::before {
background: url(../images/bg_sec01-5.png) no-repeat top;
background-size:cover;
top:0;
left:-184px;
}
.pages__reservation .good-value_plan .inner_value::after {
background: url(../images/bg_sec01-6.png) no-repeat top;
background-size:cover;
top:0;
right:-184px;
}
.pages__reservation .tour_list li {
position: relative;
margin-bottom: 1em;
padding-bottom: 1.5em;
}
.pages__reservation .tour_list li a {
display: flex;
/*justify-content: center;*/
    padding: 0.5em 15px 0.5em 0;
width: 100%;
position: relative;
-ms-align-items: center;
align-items: center;
background-color: #ffe145; /* fff */
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
}
.pages__reservation .tour_list li a:hover {
background-color: #fff; /* ffe145 */
opacity: 1;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
}
.pages__reservation .tour_list li a::before {
border-style: solid;
border-width: 10px 0 10px 16px;
border-color: transparent transparent transparent #fd8632;
content:'';
display: block;
height: 0;
margin: auto 0;
width: 0;
position: relative;
top:0;
bottom: 0;
left: 20px;
}
.pages__reservation .tour_list li a:hover::before {
border-color: transparent transparent transparent #fd8632;
}
.pages__reservation .tour_list p {
display: inline-block;
font-size:24px;
font-weight: 700;
}
.pages__reservation .tour_list p.tour_name {
	width: 55%;
    margin-left: 5%;
}
.pages__reservation .tour_list .tour_price {
	width: 40%;
	text-align: right;
}
.pages__reservation .tour_list .tour_price small {
	color: #595757;
    width: 100%;
    display: inline-block;
}
.pages__reservation .tour_list .tour_price em {
color:#cc0000;
font-size:28px;
line-height: 1;
}

.pages__reservation .thumb {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin:0 -2.5%;
}
.pages__reservation .thumb li {
margin:0 2.5% 2em;
width: 45%;
}

/*759px以下*/
@media screen and (max-width: 759.9px) {
.pages__reservation {padding: 4em 0 6em;}
.pages__reservation h2 {width: 90%;/*125%*/}
.pages__reservation .good-value_plan h4 {font-size: 20px;}
.pages__reservation .good-value_plan h4::before,
.pages__reservation .good-value_plan h4::after {
height:28px;
width: 28px;
}
.pages__reservation .good-value_plan .inner_value::before,
.pages__reservation .good-value_plan .inner_value::after {display: none;}
.pages__reservation .tour_list li a {
flex-wrap: wrap;
padding: 1em 0;
background: #ffe145;
}
.pages__reservation .tour_list li a::before {
border-style: solid;
border-width: 7px 0 7px 12px;
border-color: transparent transparent transparent #fff;
content:'';
display: block;
height: 0;
margin-right:.5em;
width: 0;
position: absolute;
top:0;
bottom: 0;
left: 5px;
}
.pages__reservation .tour_list li::after {
    width: 100%;
    margin: 0 auto;
    border-bottom: 8px dotted #d91140;
    bottom: 0;
    left: 0;
    right: 0;
}
.pages__reservation .tour_list li:last-child::after {
    display: none;
}
.pages__reservation .tour_list p.tour_name {
	width: 100%;
    margin-left: 0;
}
.pages__reservation .tour_list {
	margin-bottom: 2.5em;
}
.pages__reservation .tour_list p {
display: block;
font-size:18px;
}
.pages__reservation .tour_list .tour_name { margin-bottom: 10px; padding: 0 5px 0 30px;}
.pages__reservation .tour_list .tour_price {
	width: 100%;
    display: block;
    margin: 0 10px;
    text-align: right;
}
.pages__reservation .tour_list .tour_price em {font-size:20px;}
.pages__reservation .tour_list .tour_price span {font-size:16px;}
.pages__reservation .thumb {margin:0;}
.pages__reservation .thumb li {
margin:0 auto 2em;
width: 80%;
}
}

/*639px以下*/
@media screen and (max-width: 639px) {
.pages__reservation {padding: 4em 0 6em;}
.pages__reservation h2 {width: 90%;/*125%*/}
.pages__reservation .good-value_plan h4 {font-size: 20px;}
.pages__reservation .good-value_plan h4::before,
.pages__reservation .good-value_plan h4::after {
height:28px;
width: 28px;
}
.pages__reservation .thumb li {width: 100%;}
}

/* TRAVELING */
.pages__traveling {
background: url(../images/bg_sec02.png?20230601),url("../images/bg_sec02_1.png?20230601");
background-size: contain;
background-repeat: no-repeat,repeat;
background-position: center top,center top;
padding: 6em 0 10em;
}

/*759px以下*/
@media screen and (max-width: 759.9px) {
.pages__traveling {
background-size: auto 50%;
}
}
.pages__traveling h2 {
margin:auto;
width:70.73%;
}
.pages__traveling .inner_traveling {
background-color: #fff;
border: 3px solid #ffe145;
padding: 2.5em 3em;
position: relative;
}
.pages__traveling .inner_traveling::before {
background-color: #ffe145;
content:'';
height: 100%;
width: 100%;
position: absolute;
top:10px;
left:10px;
z-index: -1;
}
.pages__traveling .inner_traveling ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin:0 -2.5%;
}
.pages__traveling .inner_traveling li {
margin:0 2.5% 2em;
width: 45%;
}

/*759px以下*/
@media screen and (max-width: 759.9px) {
.pages__traveling {padding: 4em 0 8em;}
.pages__traveling h2 {width: 88.42%;/*125%*/}
.pages__traveling .inner_traveling ul {margin:0;}
.pages__traveling .inner_traveling li {
margin:0 auto 2em;
width: 80%;
}
}

/*639px以下*/
@media screen and (max-width: 639px) {
.pages__traveling {padding: 2.5em 0 6.5em;}
.pages__traveling .inner_traveling::before {
top:4px;
left:4px;
}
.pages__traveling .inner_traveling li {	width: 100%;}
}

/* APPLICATION */
.pages__application {
background: url(../images/bg_sec03.png?20230601);
background-size: contain;
padding: 6em 0 10em;
}
.pages__application h2 {
margin:auto;
width:63.15%;
}
.pages__application .inner_application {
background-color: #fff;
box-shadow: 4px 4px 4px rgba(0,0,0,.2);
padding: 2.5em 3em;
position: relative;
}
.pages__application .inner_application::before {
background: url(../images/bg_sec03_txt.png?20230601) no-repeat 0 100%;
background-size: 100%;
content:'';
height:128px;
width: 100%;
position: absolute;
top:-128px;
left:0;
}
.pages__application .inner_application ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin:0 -2.5%;
}
.pages__application .inner_application li {
margin:0 auto 2em;
width: 45%;
}

/*979px以下*/
@media screen and (max-width: 979px) {
.pages__application .inner_application::before {
	height:120px;
	top:-116px;
	}
}

/*759px以下*/
@media screen and (max-width: 759.9px) {
.pages__application {padding: 4em 0 8em;}
.pages__application h2 {width: 78.93%;/*125%*/}
.pages__application .inner_application::before {
background-size: contain;
height:7em;
top:-7em;
}
.pages__application .inner_application ul {margin:0;}
.pages__application .inner_application li {
margin:0 auto 2em;
width: 80%;
}
}

/*639px以下*/
@media screen and (max-width: 639px) {
.pages__application {padding: 2.5em 0 6.5em;}
.pages__application h2 {width:94.725%;}
.pages__application .inner_application::before {
background-size: contain;
height:5em;
top:-5em;
}
.pages__application .inner_application li {	width: 100%;}
}

/* EXTRA */
.pages__extra {
background: url(../images/bg_sec04-1.png?20230601);
background-size: cover;
    margin: 0 0 50px;
    padding: 50px 0;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
@media screen and (max-width: 639px) {
.pages__extra {
background: url(../images/bg_sec04-1.png?20230601);
background-size: contain;
	margin: 0 0 25px;
    padding: 25px 0;
}
}
.pages__extra::after {
background: url(../images/bg_sec04-2.png?20230601) repeat-y 50% 0;
background-size: contain;
content:'';
display: block;
height: 100vh;
width: 100%;
position: absolute;
top:2.5em;
left:50%;
transform: translateX(-50%);
}
.pages__extra .inner {
position: relative;
z-index: 1;
}
.pages__extra h2 {
margin:auto;
width:82.1%;
}
.pages__extra .tx_lead {
font-weight: 700;
line-height: 2.4;
margin-top: .5em;
text-align: center;
}
.pages__extra .tx_lead span {
background: linear-gradient(white 0%, white 100%);
display: inline;
font-feature-settings: 'palt';
font-size:24px;
padding: .25em 1em;
}
.pages__extra .inner_extra {
margin:3.5em auto;
max-width: 950px;
width: 100%;
}
.pages__extra .inner_extra li {
background-color: #fff;
box-shadow: 4px 4px 4px rgba(0,0,0,.2);
padding: 16px 16px 40px;
}
.pages__extra .inner_extra dl {
display: inline-flex;
flex-wrap: nowrap;
align-items: center;
margin-top: 1em;
padding-bottom: 28px;
position: relative;
}
.pages__extra .inner_extra dl::after {
background: url(../images/bg_staff.png) no-repeat;
background-size: 100%;
content:'';
height:24px;
width: 38px;
position: absolute;
bottom:-2px;
left:32px;
}
.pages__extra .inner_extra dl::before {
background-color: #000;
content:'';
height:1px;
width: 100%;
position: absolute;
bottom:0;
left:0;
}
.pages__extra .inner_extra dt {
margin-right: 1em;
width:36.25%;
}
.pages__extra .inner_extra dd {
font-size:18px;
font-weight: 700;
line-height: 2;
}
.pages__extra .inner_extra dd > span {
display: block;
font-size:14px;
}
.pages__extra .inner_extra p {
margin:1em 5% 1em;
/*text-align: justify;*/
line-height: 1.5;
}
.pages__extra .swiper {
margin:auto;
overflow: visible;
width: 90%;
}
.pages__extra .swiper-slide:not(.swiper-slide-visible) .slide {
pointer-events: none;
opacity: .3;
}
.pages__extra .swiper-slide{ height: auto; }
.pages__extra .swiper-slide .box {
	height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.pages__extra .extra_link {
	margin: auto 0 0;
}
.pages__extra .extra_link a {
	position: relative;
    display: block;
    align-items: center;
    padding: 0.5em 1.5em 0.5em 1em;
    width: 100%;
    color: #fff !important;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    text-align: left;
    background-color: #35bd8b;
    border-radius: 5px;
	transition: all 0.2s;
}
.pages__extra .extra_link a::after {
    content: '';
    position: absolute;
    right: 15px;
    top: 0;
	bottom: 0;
    margin: auto 0;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}

/*759px以下*/
@media screen and (max-width: 759.9px) {
.pages__extra .tx_lead span {font-size:18px;}
.pages__extra .inner_extra dd {font-size:16px;}
.pages__extra .inner_extra dd > span {font-size:12px;}
.pages__extra .extra_link a {
    padding: 0.5em 1.5em;
    text-align: center;
}
}

/*639px以下*/
@media screen and (max-width: 639px) {
	.pages__extra .tx_lead span {font-size:16px;}
}

/*759px以下*/
.good-value_plan .smaii_text {
    margin-bottom: 15px;
    font-size: 13px;
    text-align: center;
}
#special_notice {
    width: 950px;
    margin: 0 auto 50px;
   
}
#special_notice h2 {
    padding: 15px 0;
    background: #FF3661;
    color: #fff;
    font-size: 30px;
    text-align: center;
}
#special_notice h2 span {
    color: #fff;
    font-size: 30px;
}
#special_notice div {
    padding: 20px 0;
    background: #fff7c6;
}
#special_notice dl {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    width: 550px;
    margin: 0 auto;
}
#special_notice dt {
    width: 10em;
    text-align: center;
}
#special_notice dd {
    width: calc( 100% - 10em );
    text-align: left;
}
#special_notice dt,
#special_notice dd {
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 24px;
    line-height: 1.5;
}
#special_notice p {
    font-size: 16px;
    text-align: center;
}

/*759px以下*/
@media screen and (max-width: 759.9px) {
#special_notice {
    width: 94%;
    margin: 0 auto 30px;
}
#special_notice h2 {
    padding: 20px;
    font-size: 20px;
    text-align: left;
    font-weight: bold;
}
#special_notice h2 span {
    display: none;
}
#special_notice div {
    padding: 20px;
    background: #fff7c6;
}
#special_notice dl {
    display: block;
    width: 100%;
    margin: 0;
}
#special_notice dt,
#special_notice dd {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 20px;
    text-align: center;
}
#special_notice dt {
    font-weight: bold;
}
#special_notice dd {
    margin-bottom: 15px;
}
#special_notice p {
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.3;
    font-weight: normal;
    text-align: left;
}
}

/* ------------------------------------------
	faq
------------------------------------------ */
.pages__faq {
	background: url(../images/bg_sec04-1.png?20230601);
    background-size: cover;
    margin: 0 0 50px;
    padding: 50px 0;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.pages__faq .inner{
padding-bottom: 40px;
}
.pages__faq h2,
.pages__search h2 {
margin:0 auto 30px; 
width:82.1%;
}
.accordion {
    background-color: #fff;
}
.accordion:not([open]) {
    margin-bottom: 2px;
}
.accordion summary {
    display: flex;
    align-items: center;
    position: relative;
    padding:1em 4em 1em 1em;
    background-color: #F1DDBF;/*#A8CCF9*/
    color: #000;
    cursor: pointer;
}
.accordion summary::-webkit-details-marker {
    display: none;
}
.accordion summary::before {
content: 'Q';
color: #fff;
font-size: clamp(1.875rem, 1.693rem + 0.91vw, 2.375rem);
font-family: 'Montserrat', sans-serif;
margin-right: 20px;
}
.accordion summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    transition: transform .3s;
    position: absolute;
    right:2em;
}
.accordion[open] summary::after {
    transform: rotate(225deg);
}
.accordion div {
display: flex;
align-items: center;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1.4em 1em ;
    color: #000;
    transition: transform .5s, opacity .5s;
}
.accordion div::before {
content: 'A';
color: #DDAB5E;/*#A8CCF9*/
font-size: 38px;
font-family: 'Montserrat', sans-serif;
margin-right: 20px;
}
.accordion[open] div {
    transform: none;
    opacity: 1;
}
.accordion div p {
    line-height: 1.5;
}
.pages__reservation .good-value_plan .inner_value .thumb div img,
.pages__traveling .inner_traveling div img,
.pages__application .inner_application div img {
    width: 100%;
    vertical-align: bottom;
}
.pages__reservation .good-value_plan .inner_value .thumb h5,
.pages__traveling .inner_traveling h4,
.pages__application .inner_application h4 {
margin: 0 0 5px;
padding: 5px 10px 3px;
font-size: 16px;
font-weight: bold;
background-color: #000;
color: #fff;
box-sizing: border-box;
}
.pages__reservation .good-value_plan .inner_value .thumb p,
.pages__traveling .inner_traveling p,
.pages__application .inner_application p {
font-size: 16px;
line-height: 1.5;
}

/*759px以下*/
@media screen and (max-width: 759.9px) {
.pages__reservation .good-value_plan .inner_value .thumb h5,
.pages__traveling .inner_traveling h4,
.pages__application .inner_application h4 {
font-size: 15px;
}
.pages__reservation .good-value_plan .inner_value .thumb p,
.pages__traveling .inner_traveling p,
.pages__application .inner_application p {
padding: 0 10px;
font-size: 15px;
}
}

/* ------------------------------------------
	NOREN化 クーポン部分
------------------------------------------ */
/* ここからタブ切り替えCSS */
.tab {
    position: relative;
    margin-bottom: 100px;
}
.tab::before,
.tab::after {
    content:'';
    display: block;
    height: 100%;
    width: 150px;
    position: absolute;
}
.tab::before {
    background: url(../images/bg_sec01-7.png) repeat-y top;
    background-size: 150px auto;
    top:0;
    left:-184px;
}
.tab::after {
    background: url(../images/bg_sec01-8.png) repeat-y top;
    background-size: 150px auto;
    top:0;
    right:-184px;
}
.tab .tab_wrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.tab .tab_wrap .tab_label {	/* タブ */
	position: relative;
	margin-right: 15px;
	padding: 20px 0;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
	-webkit-order: -1;
	-moz-order: -1;
	-ms-order: -1;
	-o-order: -1;
	order: -1;
	border-radius: 10px 10px 0 0;
	background: #ddd;
	transition: .5s;
	cursor: pointer;
	font-size: 20px;
    letter-spacing: 0.15em;
	color: #777;
	text-align: center;
	line-height: 1.2;
    font-weight: bold;
}
.tab .tab_wrap .tab_label:hover {
	background: #f0677f;/*#dd335d*/
	color: #fff;
}
.tab .tab_wrap .tab_label.tab_label_kaigai:hover {
	background: #4DB4EF;
}
.tab .tab_wrap .tab_label:nth-last-of-type(1){ margin-right: 0; }
.tab .tab_wrap input {		/* ラジオボタン非表示 */
	display: none;
}
.tab .tab_wrap .tab_content {	/* 本文 */
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
    margin-top: -3px;
    border-top: 3px solid #f0677f;/*#dd335d*/
    background-color: #fff;
}
.tab .tab_wrap #cpn_kaigai.tab_content {	/* 本文 */
    border-top: 3px solid #4DB4EF;
}
/*アクティブ（選ばれている時の）設定*/
.tab .tab_wrap input:checked + .tab_label {
	background: #f0677f; /* dd335d */
	color: #fff;
}

.tab .tab_wrap input + .tab_label span{
	color: #777;
	transition: .5s;
	font-size: 1em;
	margin: 0 10px;
}
.tab .tab_wrap input:checked + .tab_label span,
.tab .tab_wrap input + .tab_label:hover span {
	color: #FFF;
	transition: .5s;
	font-size: 1em;
	margin: 0 10px;
}

@media screen and (max-width: 759.9px) {
.tab .tab_wrap input + .tab_label span{
	width: 100%;
    display: inline-block;
    font-size: 0.8em;
	margin: 0;
}
.tab .tab_wrap input:checked + .tab_label span,
.tab .tab_wrap input + .tab_label:hover span {
	font-size: 0.8em;
	margin: 0;
}
}

.tab .tab_wrap input:checked + .tab_label.tab_label_kaigai {
	background: #4DB4EF;
	color: #fff;
}
.tab .tab_wrap input:checked + .tab_label + .tab_content {
	margin: 0;
	padding: 0;
	height: auto;
	/*overflow: auto;*/ /* 場合によっては復活させる */
	transition: .5s opacity;
	opacity: 1;
}
/* ここまでタブ切り替えCSS */

/* NOREN クーポン */
.tab_content h4 {
    margin: 60px 0 25px;
    font-size: 18px;
    text-align: center;
    color: #777;
    font-weight: bold;
}
#cpn_kokunai.tab_content h4.h4_destination {
    width: 8.1em;
    margin-right: auto;
    margin-left: auto;
    padding-left: 1.1em;
    background: url("../images/mapin01.png") no-repeat left top;
    background-size: 15px auto;
}
#cpn_kaigai.tab_content h4.h4_destination {
    width: 8.1em;
    margin-right: auto;
    margin-left: auto;
    padding-left: 1.1em;
    background: url("../images/mapin02.png") no-repeat left top;
    background-size: 15px auto;
}
.subjectBox {
    margin: 60px 0 0;
}
.subjectBox h4 {
    margin: 0 0 25px;
}
.tab_content .search-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 760px;
    margin: 0 auto 50px;
}
.tab_content .search-box.search-box-kokunai li {
    margin-right: 28px;
}
.tab_content .search-box.search-box-kaigai li {
    margin-right: 24px;
}
.tab_content .search-box.search-box-kokunai li:last-child,
.tab_content .search-box.search-box-kaigai li:last-child {
    margin-right: 0;
}
.tab_content .search-box li label {
    cursor: pointer;
}
.tab_content .search-box li label input:checked ~ span.cp_title {
    padding: 0 10px 3px;
    border-bottom: 3px solid #dd335d;
    font-weight: bold;
}
#cpn_kaigai.tab_content .search-box li label input:checked ~ span.cp_title {
    border-bottom-color: #4DB4EF;
}
.tab_content .search-box.search-box-kokunai li.all_coupon,
.tab_content .search-box.search-box-kaigai li.all_coupon {margin: 50px 0 0;}
.tab_content .search-box.search-box-kokunai li.all_coupon .cp_title,
.tab_content .search-box.search-box-kaigai li.all_coupon .cp_title {
	font-size: 18px;
	color: #777;
}
.subjectBox ul.couponList {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 96%;
    margin: 0 auto;
}
.subjectBox ul.couponList li.couponBox {
    position: relative;
	width: 46%;
    margin: 0 2% 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.4);
}
.couponBox_cpn,
.couponBox_fes_cpn,
.couponBox_dc,
.couponBox_fes_dc {
    position: relative;
    padding: 13px;
    background-color: #fd8632;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.15em;
    color: #fff !important;
}
.couponBox_cpn span,
.couponBox_dc span,
.couponBox_fes_cpn span,
.couponBox_fes_dc span {
    color: #fff;
}
.couponBox_dc,
.couponBox_fes_dc {
    background-color: #f0677f;
}
.couponBox_cpn::after,
.couponBox_dc::after,
.couponBox_fes_cpn::after,
.couponBox_fes_dc::after {
    position: absolute;
    top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #fd8632;
	border-width: 10px;
	margin-left: -10px;
}
.couponBox_fes_cpn span,
.couponBox_fes_dc span {
    padding: 0 35px;
    background-image: url("../images/bg_star.png"),url("../images/bg_star.png");
    background-position: left center,right center;
    background-size: 20px auto;
    background-repeat: no-repeat;
}
.couponBox_dc::after,
.couponBox_fes_dc::after {
 	border-top-color: #f0677f;
}
.subjectBox ul.category_icon {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px 15px;
}
.subjectBox ul.category_icon li {
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 5px 10px;
    border: 1px solid #999;
    border-radius: 10px;
    color: #999;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}
.subjectBox ul.couponList li.couponBox h5 {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px dashed #999;
    font-size: 17px;
    color: #fd8632;
    font-weight: bold;
    text-align: center;
}
.subjectBox ul.couponList li.couponBox.couponBoxDc h5 {
    color: #f0677f;
}
.subjectBox ul.couponList li.couponBox h5 span {
    display: block;
    margin-bottom: 10px;
    font-size: 20px;
    color: #888;
    font-weight: bold;
}
.subjectBox ul.couponList li.couponBox h5 strong {
    font-size: 35px;
    color: #fd8632;
    font-weight: bold;
}
.subjectBox ul.couponList li.couponBox.couponBoxDc h5 strong {
    color: #f0677f;
}
.subjectBox ul.couponList li.couponBox table.couponBox_table {
    width: 85%;
    margin: 0 auto;
}
.subjectBox ul.couponList li.couponBox table.couponBox_table th,
.subjectBox ul.couponList li.couponBox table.couponBox_table td {
    font-size: 12px;
    padding-bottom: 5px;
}
.subjectBox ul.couponList li.couponBox table.couponBox_table th {
    position: relative;
    width: 7em;
    vertical-align: top;
}
.subjectBox ul.couponList li.couponBox table.couponBox_table th::after {
    position: absolute;
    content: "：";
    top: 0;
    right: 0;
}
.subjectBox ul.couponList li.couponBox .category_btn a {
    display: block;
    width: 90%;
    margin: 20px auto;
    padding: 15px;
    border-radius: 25px;
    background-color: #fd8632;
    letter-spacing: 0.15em;
    font-weight: bold;
    text-align: center;
    color: #fff;
}
.subjectBox ul.couponList li.couponBox.couponBoxDc .category_btn a {
    background-color: #f0677f;
}
.subjectBox ul.couponList li.couponBox .category_btn span {
    display: none;
    width: 90%;
    margin: 20px auto;
    padding: 15px;
    border-radius: 25px;
    background-color: #ccc;
    letter-spacing: 0.15em;
    font-weight: bold;
    text-align: center;
    color: #777;
}
.subjectBox ul.couponList li.couponBox.limit .category_btn span {
    display: block;
}
.subjectBox ul.couponList li.couponBox .limit_txt {
    position: absolute;
    box-sizing: border-box;
    width: 300px;
    height: 3em;
    margin: auto;
    padding: 1em 0;
    text-align: center;
    color: #fff;
    letter-spacing: 0.1em;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color:rgba(0,0,0,0.8);
    font-weight: bold;
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
}
.tab_content p.textYet {
    margin: 50px 0;
    text-align: center;
}

/*  759px以下  */
@media screen and (max-width: 759.9px) {
.tab {
    margin-bottom: 70px;
}
.tab::before,
.tab::after {
    display: none;
}
.tab_content .search-box {
    width: 80%;
    margin-bottom: 0;
}
.tab_content .search-box li {
    margin: 0 20px 20px 0;
}
.subjectBox {
    margin-top: 30px;
}
.subjectBox ul.couponList {
    display: block;
    width: 100%;
}
.subjectBox ul.couponList li.couponBox {
    width: 90%;
    margin: 0 auto 30px;
}
.subjectBox ul.couponList li.couponBox:nth-child(odd) {
    margin: 0 auto 30px;
}
.subjectBox ul.couponList li.couponBox h5 span {
    padding-left: 10px;
    padding-right: 10px;
}
.couponBox_fes_cpn span,
.couponBox_fes_dc span {
    padding: 5px 35px;
    background-image: url("../images/bg_star.png"),url("../images/bg_star.png");
    background-position: left center,right center;
    background-size: 18px auto;
    background-repeat: no-repeat;
}
}

/*tripa*/
@media screen and (max-width: 759.9px) {
#tripa_article h2 {
    width: 82.1%;
    text-align: center;
    font-size: 18px;
    background: #ddab64;
    margin: 0 auto 25px;
    padding: 5px 0 3px;
    color: #896134;
    font-weight: bold;
}
#tripa_article .tripa {
	margin: 0;
	padding: 0;
	position: sticky;
}
#tripa_article .tripa div {
	overflow:hidden;
	padding:10px;
	margin:0 0 0 0;
	background:#FFF;
	float:none!important;
	width:auto!important;
	border-bottom:1px dashed #CCC
}
#tripa_article .tripa div p {
	float:left;
	margin:0 20px 0 0;
	width:75px;
	height:75px;
}
#tripa_article .tripa div p img {
	width:100%;
	height:auto;
}
#tripa_article .tripa div dl {
	overflow:hidden;
	display:block;
	padding:0 0 0 0;
}
#tripa_article .tripa div:last-child {
	border-bottom:none
}
#tripa_article .tripa div dl dt {
	font-size:14px;
	margin:0 0 10px 0;
	padding:0;
}
#tripa_article .tripa div dl dt a {
	color:#000;
}
#tripa_article .tripa div dl dd {
	font-size:12px;
	color:#999;
	margin:0;
	padding:0;
}
#tripa_article .tripa div dl dd > span {
	display:block;
	margin:5px 0 0 0;
}
#tripa_article .tripa div dl dd > span a {
	color:#CCC;
	display:inline-block;
	background:none;
	padding:0;
	text-align:center;
	margin-top:0;
	font-size:14px;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-bottom:none;
}
#tripa_article .tripa div dl dd > span span {
	color:#F69;
	display:inline;
}
#tripa_article .tripa .commonTit {
	margin:0;
}
}

@media screen and (min-width: 760px),print {
.pages__tripa{
	background: url(../images/bg_sec04-1.png?20230601);
    background-size: cover;
    margin: 0 0 50px;
    padding: 50px 0;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
#tripa_article h2 {
	text-align: center;
    font-size: 48px;
    background: #ddab64;
    margin-bottom: 25px;
    padding: 15px 0 8px;
    color: #896134;
    font-weight: bold;
}
#tripa_article .tripa {
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: 0 auto 30px;
	padding: 10px 0;
    position: relative;
    z-index: 2;
}
#tripa_article .tripa div {
	overflow: hidden;
	padding: 15px;
	margin: 0 0 0 0;
	background: #FFF;
	float: none !important;
	width: auto !important;
	border-bottom: 1px dashed #CCC;
}
#tripa_article .tripa div p {
	float: left;
	margin: 0 20px 0 0;
	width: 150px;
	height: auto;
}
#tripa_article .tripa div p img {
	width: 100%;
	height: auto;
}
#tripa_article .tripa div dl {
	overflow: hidden;
	display: block;
	padding: 0 0 0 0;
}
#tripa_article .tripa div dl dt {
	font-size: 18px;
	margin: 0 0 10px 0;
	padding: 0;
}
#tripa_article .tripa div dl dd {
	font-size: 14px;
}
#tripa_article .tripa div dl dd > span {
	display: block;
	margin: 5px 0 0 0;
}
#tripa_article .tripa div dl dd > span a {
	color: #CCC;
	display: inline-block;
	background: none;
	padding: 0;
	text-align: center;
	margin-top: 0;
	font-size: 14px;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-bottom: none;
}
#tripa_article .tripa div dl dd > span span {
	color: #F69;
	display: inline;
	font-size: 14px;
}
}

.bgnone{
	background: none !important;
}
#xmas_info {
    width: 950px;
    margin: 20px auto 30px;
}
#xmas_info img {
    width: 100%;
}
@media screen and (max-width: 759.9px) {
#xmas_info {
    width: 100%;
    margin: 20px auto;
}
}

/*シーズナリーバナー*/
@media screen and (max-width: 759.9px) {
.season_banner h2 {
	margin: 0 auto 15px;
    width: 82.1%;
}
.season_banner ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 50px;
	position: sticky;
}
.season_banner li {
    width: 48%;
    margin: 0 1% 2%;
    background: #fff;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
}
.season_banner li .thumb {
	text-align: center;
	padding: 5px 5px 0;
}
.season_banner li .thumb img {width: 100%;}
.season_banner li dl {padding: 10px;}
.season_banner li dt {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: bold;
    line-height: 1.5;
}
.season_banner li dl a {
    color: #000 !important;
    padding: 0 !important;
}
.season_banner li dd {
    font-size: 14px;
    line-height: 1.5;
}
}

@media screen and (min-width: 760px),print {
.season_banner h2,
.pages__search h2 {
    margin: 0 auto 30px;
    width: 82.1%;
}
.season_banner ul{
	display: flex;
	margin: 0 0 100px;
	position: sticky;
}
.season_banner li {
    width: 23%;
    margin: 0 1%;
    background: #fff;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
}
.season_banner li .thumb {
	text-align: center;
	padding: 15px 15px 0;
}
.season_banner li .thumb img {width: 100%;}
.season_banner li dl {padding: 10px;}
.season_banner li dt {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: bold;
    line-height: 1.5;
}
.season_banner li dl a {
    color: #000 !important;
    padding: 0 !important;
}
.season_banner li dd {
    font-size: 14px;
    line-height: 1.5;
}
}

#nta_footer {
	z-index: 0;
	position: sticky;
}