/*******************************************************************************
  CP終了による表示
********************************************************************************/
.cpEnd{
position: relative;
}
.cpEnd::after{
content: "ご好評につき1月6日18:00をもって受付を終了しました。";
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
width:100%;
height: 100%;
margin: -2.5em 0 0 -1em;
padding: 1.4em 0.5em;
background-color: rgba(0,0,0,0.7);
color: #FFF;
font-weight: bold;
position: absolute;
left: 0;
top: 0;
}

.end_info{
position: relative;
}
.end_info::after{
content: "ご好評につき1月9日18:00をもって販売を終了しました。";
text-align: center;
width:100%;
height: 100%;
padding: 1em;
padding-top: 1.3em;
font-size: 1.5em;
background-color: rgba(0,0,0,0.65);
color: #FFF;
font-weight: bold;
position: absolute;
left: 0;
top: 0;
}
#countdownArea p{ font-weight: normal;}

/*******************************************************************************
  COMMON
********************************************************************************/
html,body{overflow-x:hidden; box-sizing: border-box;}
/*{box-sizing: border-box;}*/
body{position: relative; overflow: hidden;min-height: 100vh; min-height: -webkit-fill-available;}

.container {
width: 100%;
margin: 0 auto;
font-family: 'Noto Sans JP', sans-serif;
font-size:14px;
line-height:1.6;
font-feature-settings: "palt";
word-wrap: break-word;
overflow-wrap: break-word;
box-sizing: border-box;
position: relative;
}
#breadcrumb{width: 1200px}
dl,dt,dd,ul,li,ol,li{
margin:0;
padding:0;
text-decoration:none;
}
#container:after, .content:after, .inner:after, dl:after{
visibility: visible;
font-size: 1em;
height: auto;
}
/*
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;
*/
img {
margin:0;
padding:0;
vertical-align:bottom;
/*width: 100%;*/
}
footer img{width: auto;}
a, a:link{background:none; text-decoration:none;}

th {font-family: 'Noto Sans JP', sans-serif;}
.container:after, .content:after, .inner:after, dl:after,.clearfix:after{display: none;}
/*pagetop*/
#gotop{display: none;}
#pagetop {
position: fixed;
bottom: 1em;
right: 1em;
z-index:50;
width:4em;
height:4em;
border-radius:50%;
overflow:hidden;
text-align: center;
}
#pagetop a {
position: relative;
display:block;
width:100%;
height:100%;
padding:0;
background-image: none;
background-color:rgba(119,119,119,0.4);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
#pagetop a:before{
content: "▲";
display: block;
position: absolute;
color: #FFF;
font-size: 2em;
text-indent: 0;
left: 50%;
top: 50%;
transform: translateY(-50%) translateX(-50%);
}
#pagetop a:hover {
text-decoration: none;
background-color: #a5a5a5;
}
.fullsize{
margin-left:-200%;
margin-right: -200%;
padding-left:200%;
padding-right: 200%;
position: relative;
}
.disc{
position: relative;
padding-left: 1em;
}
.disc:before{
content: "\30FB";
display: block;
position: absolute;
left: 0;
top:0;
}
.asterisk{
position: relative;
padding-left: 1em;
}
.asterisk:before{
content: "\203B";
display: block;
position: absolute;
left: 0;
top:0;
}
[class^="btn-"]{
font-size: 1.1em;
text-align: center;
overflow: hidden;
margin: 0.5em 0;
}
[class^="btn-"] a{
color: #FFF;
display: block;
padding: 0.4em 1.5em;
border-radius: 2em;
line-height: 1.4;
}
br.pc{display: block;}
br.sp{display: none;}
.sp_only{display: none;}
.text_center{
text-align: center;
}
.countdown{
letter-spacing: 0.08em;
font-size: 185%;
}
/*--------------------f_point */
.ribbon14-wrapper {  
display: block;
position: relative;
margin: 0 auto 15px;
padding: 7px 0;
width: 100%;
height: 80px;
background: #22223c;
box-sizing: border-box;
}
.ribbon14-wrapper p{
padding: 3px 0 0 10px;
text-align: center;
font-weight: 800;
font-size: 155%;
color: #fff;
line-height: 1.4em;
}
/*
.ribbon14-wrapper p.seat{
padding-top: 18px;
}
*/
.ribbon14 {  
display: inline-block;
position: absolute;
top: 0;
left: 10px;
margin: 0;
padding: 10px 0;
z-index: 2;
width: 40px;
text-align: center;
font-size: 120%;
color:#22223c;
background :#B9C3C9;
font-weight: 800;
}
.ribbon14:after {
content: '';
position: absolute;
left: 0;
top: 100%;
height: 0;
width: 0;
border-left: 20px solid #B9C3C9;
border-right: 20px solid #B9C3C9;
border-bottom: 10px solid transparent;
}
/*--------------------------------------*/
#f_point{
padding: 35px 0 20px;
background: #f5f5f5;
}
#f_point h5{
font-size: 185%;
font-weight: 700;
text-align: center;
color: #22223c;
margin-bottom: 10px;
}
.heading-16 {
display: flex;
justify-content: center;
align-items: center;
}
.heading-16::before,
.heading-16::after {
width: 3px;
height: 40px;
background-color: #22223c;
content: '';
}
.heading-16::before {
transform: rotate(-35deg);
margin-right: 25px;
}
.heading-16::after {
transform: rotate(35deg);
margin-left: 10px;
}
#f_point h5 span.material-symbols-outlined{
font-size: 135%;
vertical-align: -8px;
}
#f_point ul{
display: flex;
justify-content: space-between;
padding: 30px 0;
}
#f_point ul li{
width: calc(100%/3.1);
}
#f_point dl dt{
text-align: center;
background:#0000cc;
color: #fff;
font-weight: 800;
font-size: 155%;
height: 80px;
line-height: 1.3;
margin-bottom: 15px;
}
#f_point dl dt p{
padding: 10px;
}
#f_point dl dt.pt_right p,
#f_point dl dt.pt_center p{
padding: 25px 0;
}
span.circle_number,
span.circle_number_2{
display: inline-block;
width: 28px;
height: 28px;
background-color:#fff;
color: #0000cc;
border-radius: 50%;
text-align: center;
font-size: 83%;
box-sizing: border-box;
margin-right: 5px;
}
span.material-symbols-outlined{
vertical-align: -3px;
padding-right: 5px;
}
#f_point dl dd{
font-weight: 500;
}
#f_point dl dd.points{
color: #22223c;
font-size: 110%;
}
#f_point dl dd.pt_price,
#f_point dl dd.pt_ate{
color: #0000cc;
text-align: center;
font-weight: 600;
}
#f_point dl dd.pt_ate{
padding-bottom: 7px;
}
#f_point dl dd.pt_price{
font-size: 110%;
}
#f_point dl dd.pt_price span{
font-size: 110%;
font-weight: 900;
padding-left: 7px;
}
#f_point dl{
position: relative;
}
/******************************************************************************* search */
#search{ 
width: 100%;
padding-top: 3em;
padding-bottom: 4em;
background-color: #fff;
}
.flexWrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#search p.search_ttl{
text-align: center;
font-size: 2.2em;
margin-bottom: 20px;
}
#search p.search_ttl span{
font-size: 75%;
font-weight: 700;
display: block;
}
#search h3{
border-left: 3px solid #052981;
margin-bottom: 0.5em;
color: #052981;
padding-left: 1em;
font-size: 1.4em;
}
#search .howoto h3{
margin-bottom: 30px;
}
.fw-top .fw-search-top__ttl{
display: none;
}
.fw-top .fw-mv-search{
width: 800px;
margin: 0 auto;
}
.fw-top .fw-search-top__btn button{
width: 350px;
margin: 20px auto 0;
background: #0000cc;
border-radius: 30px;
}
.fw-top .fw-search-top__btn button:hover{
background: #0000cc;
opacity: 0.6;
transition: 0.3s;
}
/*---------------------searchGadget */
.howoto{
	flex-basis: 43%;
	max-width: 43%;
	counter-reset: number 0;  
}
.howoto ul li{
	margin-bottom: 1.5em;
	line-height: 1.4;
}
.howoto ul h4{
	font-size: 1.2em;
}
.howoto ul h4:before {
	counter-increment: number 1;
 	content:"STEP" counter(number) ;
	display: inline-block;
	vertical-align: text-top;
	padding: 0.1em 0.5em 0;
	font-size: 0.75em;
	background-color: #052981;
	color: #FFF;
	margin-right: 0.5em;
}
.howoto ul li p+p{
	margin-top: 0.5em;
}
.howoto ul li img{
	width: 100%;
	border: 5px solid #FFF;
}
/*--1000px以下------------------------------------*/
@media only screen and (max-width: 1200px) {
.container{width:100%; padding: 0; overflow-x: hidden;}
#breadcrumb{width: 100%}
.fullsize{
margin-left: -3.1%;
margin-right: -3.1%;
padding-left: 3.1%;
padding-right: 3.1%;
}
.container img { width: 100%;}
}
/*--737px以下------------------------------------*/
@media screen and (max-width: 737px)  {
#breadcrumb{display: none;}
br.pc{display: none;}
br.sp{display: block;}
.pc_only{display: none;}
.sp_only{display: block;}
.sp_none{display: none;}

.fw-top .fw-mv-search{
width: 95%;
}
.fw-top .fw-search-top__btn button{
width: 100%;
}
}

/*--460px以下------------------------------------*/
@media screen and (max-width: 460px)  {
.container {
font-size: 13px;
}
/*---------------------searchGadget */
#search .flexWrap{
display: block;
}
.searchGadget{
max-width: 100%;
margin-bottom: 30px;
}
.howoto{
max-width: 100%;
}
}
/*******************************************************************************
  main
********************************************************************************/
.w1000{
width: 1046px;
margin: 0 auto;
}
.bg_check{
width: 100%;
background-color: #ffffff;
opacity: 1;
background-image:  linear-gradient(135deg, #f6f6f6 25%, transparent 25%), linear-gradient(225deg, #f6f6f6 25%, transparent 25%), linear-gradient(45deg, #f6f6f6 25%, transparent 25%), linear-gradient(315deg, #f6f6f6 25%, #ffffff 25%);
background-position:  10px 0, 10px 0, 0 0, 0 0;
background-size: 10px 10px;
background-repeat: repeat;
}
.bg_destination{
background: url("../img/bg_search.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#main{
width: 100%;
height: 450px;
margin: 0 auto;
background: url("../img/bg_top.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: block;
position: relative;
}
#main .titleimage{
width: 780px;
margin: 0 auto;
padding: 40px 10px 0 0;
}
#main .titleimage img{
width: 100%;
}
.infomation{
width: 1000px;
margin: 0 auto;
padding-top: 20px;
}
.infomation h6{
color: #E50000;
text-shadow:
1px 1px 0 #fff,
-1px 1px 0 #fff,
-1px -1px 0 #fff,
1px -1px 0 #fff;
}
.infomation p{
color: #E50000;
font-weight: 500;
text-shadow:
1px 1px 0 #fff,
-1px 1px 0 #fff,
-1px -1px 0 #fff,
1px -1px 0 #fff;
}
.infomation p span{
display: block;
}
#main .credit{
position: absolute;
bottom: 0;
right: 2%;
font-weight: 500;
color: #fff;
text-shadow:
1px 1px 0 #000,
-1px 1px 0 #000,
-1px -1px 0 #000,
1px -1px 0 #000;
}
#main_sp{
display: none;
}
#main ul{
position: absolute;
bottom: 40px;
font-size: 125%;
color: #22223c;
padding-left: 110px;
}
#main ul li{
font-weight: bold;
font-size: 150%;
text-shadow:
1px 1px 0 #fff,
-1px 1px 0 #fff,
-1px -1px 0 #fff,
1px -1px 0 #fff;
}
#main ul li span{
display: inline-block;
width: 180px;
}
.newyearpage #title{
background: url("../img/title_bg.gif") bottom center;/*------newyear*/
}
.newyearpage #title::before{
content: "";
display: block;
position: absolute;
left: 49%;
top: 0;
transform: translateX(-50vw);
background: url("../img/title_decoration02.png") no-repeat left center;
/*background-size: contain;
width: 50vw;
height: 90%;*//*----------------earlyspring*/
background-size: cover;
width: 35vw;
height: 100%;
z-index: -1;
}
.newyearpage #title::after{
content: "";
display: block;
position: absolute;
right: 49%;
top: 0;
transform: translateX(50vw);
background: url("../img/title_decoration01.png") no-repeat right center;
/*background-size: contain;
width: 50vw;
height: 90%;*//*----------------earlyspring*/
background-size: cover;
width: 30vw;
height: 100%;
z-index: -1;
}
#title h1{
position: relative;
/*margin-top: 2em;*/
}
#title h1 .label{
width: 20%;
max-width: 206px;
position: absolute;
top:1%;
left:0;
}
#title h1 .ctgy_link{
position: absolute;
bottom:2%;
right:0;
text-align: center;
}
#title h1 .ctgy_link a{
display: block;
font-size: 1.2em;
color: #000;
background: rgba(255,255,255,0.9);
border: #000000 3px dashed;
padding: 1.4em .5em;
border-radius: 50%;
}
#title h1 .ctgy_link a:hover{background: #DEF6F9;}
#timeLimitedScript{
margin: 1em auto;
background: url("../img/sale_box.png") no-repeat top center/ cover;
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
font-size: 1.5em;
}
#timeLimitedScript h3 img{max-width: 135px;}
#timeLimitedScript h3{
color: #fff;
text-align: center;
font-size: 2em;
line-height: 1.3;
letter-spacing: 3px;
margin-bottom: .5em;
}
#timeLimitedScript h3 + p{font-weight: 500;}
#timeLimitedScript ul{
width: 2000px;
display: flex;
justify-content: center;
}
#timeLimitedScript ul li{flex: 1; margin: 1em; max-width: 300px;}
#timeLimitedScript img{width: 100%;}
#timeLimitedScript ul li:hover{opacity: .7;}

/*--1000px以下------------------------------------*/
@media screen and (max-width:1200px)  {
#title{
background: url("../img/title_bg.jpg") top center;
background-size: cover;
}

}

/*--737px以下------------------------------------*/
@media screen and (max-width: 737px)  {
#title{background: none;}
#title{
padding-left: 0;
padding-right: 0;
}

#timeLimitedScript{font-size: 3.2vw;}
#timeLimitedScript ul{width: 100%;}
#timeLimitedScript ul li{ margin: 1em .3em;}

#title h1 .label{
width: 50%;
max-width: 319px;
}
#title h1 .ctgy_link{
position: absolute;
bottom:22%;
right:1em;
text-align: center;
}
#title h1 .ctgy_link a{
font-size: 3.2vw;
padding: .4em 1em;
border-radius: 0;
}
.infomation{
width: 100%;
margin: 0 auto;
padding-top: 0;
}
/*--------------------f_point */
#f_point h5{
font-size: 150%;
}
#f_point ul{
display: block;
padding: 30px 0 0;
}
#f_point ul li{
width: 95%;
margin: 0 auto;
padding-bottom: 30px;
}
#f_point dl dt.pt_left,
#f_point dl dt.pt_right{
border-radius: 0;
}
.heading-16::before,
.heading-16::after {
content: none;
}
}
/*******************************************************************************
  lead
********************************************************************************/
#lead{
background:url("../img/paper.jpg");
/*background: #309EA2;*/
font-size: 1.4em;
border-top: #48b2b1 5px solid;

}
#lead dl{
display: flex; 
flex-wrap: wrap;
color: #fff;
padding: 1em 0;
max-width: 50em;
margin: auto;
 text-shadow: 
   2px  2px 1px #169190,
  -2px  2px 1px #169190,
   2px -2px 1px #169190,
  -2px -2px 1px #169190,
   2px  0px 1px #169190,
   0px  2px 1px #169190,
  -2px  0px 1px #169190,
   0px -2px 1px #169190;
}
#lead dt{
flex: 6em;
text-align: center;
}
#lead dd{
flex: calc(100% - 6em);
line-height: 1.2;
margin-bottom: .5em;
}
#lead dd small{margin-left: 1em;}

/*--737px以下------------------------------------*/
@media screen and (max-width: 737px)  {
#lead dl{display: block;}
#lead dt{ font-size: 0.8em;}
#lead dd{font-size: 3.85vw;}
#lead dd small{margin-left: 0;}
}
/*******************************************************************************
  sns_cp
********************************************************************************/

/*******************************************************************************
  local_nav
********************************************************************************/
#local_nav {
/*background-color: #48a0e8;*/
background-color: #f2eee2; /*summer*/
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative;
z-index: 0;
/*margin-top: -6em;*/
}
#local_nav ul{
display: flex;
flex-wrap: wrap;
/*justify-content: space-between;*/
justify-content: center;
position: relative;
z-index: 0;
width: 100%;
}
#local_nav ul li{
flex-basis: calc(100% / 3 - 1%);
max-width:  calc(100% / 3 - 1%);
margin-left: 5px;
margin-right: 5px;
/*flex-basis: calc(100% / 3 - 1%);
max-width:  calc(100% / 3 - 1%);*/
background-color: rgba(255,255,255,0.9);
/*border: #1a92d1 2px solid; /*summer*/
border-bottom: none;
line-height: 1.2;
position: relative;
border-radius: 10px 10px 0 0;
overflow: hidden;
}
#local_nav ul::after{
content: "";
display: block;
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 100vw;
height: 0.3em;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
z-index: 0;
}
#local_nav ul li a{
display: flex;
flex-wrap: wrap;
height: 100%;
justify-content: center;
align-content: center;
font-size: 1.5em;
font-weight: 600;
font-family: 'Noto Sans JP', sans-serif;
background-color: #ffff00;/*summer*/
color: #1a92d1;/*summer*/
padding: 1em 0;
}
.newyearpage #local_nav ul li a{
background-color: #fff;
color: #427E00;
}
#local_nav ul li:hover,
#local_nav ul li.on{
z-index: 1;
}
.newyearpage #local_nav ul li a:hover,
.newyearpage #local_nav ul li.on a{
background-color: #427E00;/*newyear*/
color: #fff;
}
#local_nav ul li a small{
font-size: 0.7em;
font-weight: 500;
}

/*--1000px以下------------------------------------*/
@media screen and (max-width:1200px)  {
#local_nav ul{
font-size: 1.4vw;
}
#local_nav ul li{
flex: 1;
margin-left: 2px;
margin-right: 2px;
}
}
/*--737px以下------------------------------------*/
@media screen and (max-width: 737px)  {

#local_nav ul {
font-size: 2.8vw;
padding-bottom: 3%;
}
#local_nav ul li{
height: 16vw;
border-radius: 10px;
text-align: center;
overflow: visible;
/*border: 2px solid #1a92d1;/*summer*/
}
#local_nav ul li a{
border-radius: 8px;
}
#local_nav ul li:nth-of-type(2){
font-size: 0.85em;
}
#local_nav ul li small{
display: none;
}
#local_nav ul li.on{
/*border: 3px solid #1a92d1;/*summer*/
}
#local_nav ul li.on::after{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 1.5em 1.3em 0 1.3em;
border-color: #427E00 transparent transparent transparent;/*newyear*/
/*border-color: #1a92d1 transparent transparent transparent;/*summer*/
position: absolute;
left: 50%;
bottom: -1.5em;
transform: translateX(-50%);
}
}
/*******************************************************************************
  deptselect
********************************************************************************/
#deptselect-kokunai dl.intro{
display: block;
text-align: center;
/*margin-bottom: 3em;*/
}
#deptselect-kokunai dl.intro_sp{
display: none;
}
#deptselect-kokunai dl.intro a,
#deptselect-kokunai dl.intro_sp a{
color: #0000cc;
font-weight: 500;
margin: 0 3px;
border-bottom: 1px solid #0000cc;
}
#deptselect-kokunai dl.intro a:hover,
#deptselect-kokunai dl.intro_sp a:hover{
opacity: 0.6;
transition: 0.3s;
}
#deptselect-kokunai dt{
font-size: 1.5em;
font-weight: 700;
margin-bottom: .3em;
color: #0000cc;
}
#deptselect-kokunai dt span{
display: block;
font-size: 125%;
color: #333;
}
#deptselect-kokunai dt strong{
font-size: 1.2em;
display: block;
}
#deptselect-kokunai dd{
font-size: 1.3em;
padding-bottom: 10px;
line-height: 1.85em;
}
/*
#deptselect-kokunai dd strong{
background:linear-gradient(transparent 65%, #fff799 65%);
}*/
#deptselect-kokunai dd span{
display:inline;
background:linear-gradient(transparent 65%, #9BC5E8 65%);
padding: 3px;
font-weight: 600;
margin-right: .3em;
}
#deptselect-kokunai dd span.red{
background: none;
font-weight: 500;
margin: 0;
padding: 0;
}
span.red{
color: #ff0000;
}
#deptselect-kokunai dd.t_left{text-align:  left;}
[id^="deptselect"]{
padding: 3% 0;
background: #F4F7FF;
position: relative;
}

[class^="deptselect"]{
display: flex;
flex-wrap: wrap;
border: 1px solid #CCC;
border-radius: 10px;
overflow: hidden;
font-family: 'Noto Sans JP', sans-serif;
background-color: #FFF;
position: relative;
margin-bottom: 30px;
}
[class^="deptselect"]::before{
content: "\51FA\767A\5730\9078\629E";
display: inline-block;
flex-basis: 7em;
padding: 0.5em 0;
font-size: 1.2em;
text-align: center;
background-color: #EBEBEB;
}
[class^="deptselect"] li{
flex-grow: 1;
text-align: center;
padding: 0.5em 0;
font-size: 1.2em;
border-left: 1px solid #CCC;
cursor: pointer;
}
[class^="deptselect"] li:hover,
[class^="deptselect"] li.on{
background-color: #22223c;
border-color: #22223c;
color: #fff;
font-weight: 700;/*summer*/
}
#deptselect-kokunai dd.int_asterisk{
font-size: 100%;
padding-top: 0;
}
/*--900px以下------------------------------------*/
@media screen and (max-width: 900px)  {
#deptselect-kokunai dd{text-align: left;}
}
/*--737px以下------------------------------------*/
@media screen and (max-width: 737px)  {
[class^="deptselect"]{
font-size: 3.4vw;
}
[class^="deptselect"]::before{
display: none; 
}
[class^="deptselect"] li:nth-of-type(1){
border-left: 0;
}
#deptselect-kokunai{
width: 95%;
margin: 0 auto;
}
[id^="deptselect"]{
background: #fff;
}
/*
#deptselect-kokunai dt{
font-size: 3.3vw;
}
*/
#deptselect-kokunai dd{
font-size: 0.95em;
margin-bottom: 0;
padding-top: 10px;
}
#deptselect-kokunai dd.int_asterisk{
padding-top: 0;
}
}
/*******************************************************************************
  section_common
********************************************************************************/
.section_common{
padding-top: 2%;
padding-bottom: 4%;
}
.section_common h3{
flex-basis: 100%;
width: 100%;
font-size: 2.2em;
line-height: 1.4;
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
position: relative;
z-index: 1;
}
/*
.section_common h3 strong::before{
content: '';
display: inline-block;
width: 1.5em;
height: 1.5em;
background: url(../img/train-solid.svg) no-repeat;
background-size: contain;
vertical-align: middle;
margin-right: .5em;
margin-bottom: 15px;
}
#reco_tour.section_common h3 strong::before,
#dp_item.section_common h3 strong::before{background: url(../img/bullhorn-solid.svg) no-repeat;}
#calendar_search.section_common h3 strong::before{background: url(../img/calendar-alt-solid.svg) no-repeat;}
#air_jr_tour.section_common h3 strong::before,
#destSelect.section_common h3 strong::before{background: url(../img/plane-solid.svg) no-repeat;}
#air_jr_tour.section_common h3.h3jr strong::before{background: url(../img/train-solid.svg) no-repeat;}
#searchGadget.section_common h3 strong::before{background: url(../img/search-solid.svg) no-repeat;}
#theme.section_common h3 strong::before{background: url(../img/flag-solid.svg) no-repeat;}
#page-yado #reco_tour.section_common h3 strong::before{background: url(../img/building-solid.svg) no-repeat;}
#about_dp.section_common h3 strong::before{background: url(../img/question-circle-regular.svg) no-repeat;}
#reco_tour.section_common h3 strong::before{background: url(../img/bullhorn-solid.svg) no-repeat;}
#reco_tour.section_common h3 strong::before{background: url(../img/bullhorn-solid.svg) no-repeat;}
*/
.section_common h3 span{
display: block;
font-size: 0.55em;
font-weight: 500;
}
.section_common h3 small{
display: block;
color: #FF4B67; 
font-size: 0.45em;  
margin-bottom: -.2em;
}
.flex_wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.deptname,
.deptairport{
display: inline-block;
}
/*--737px以下------------------------------------*/
@media screen and (max-width: 737px)  {
.section_common{
width: 95%;
margin: 0 auto;
}
.section_common h3{
font-size: 6.2vw;
}
}
/*******************************************************************************
  calendar_search
********************************************************************************/
#calendar_search{
background: url("../img/bg_paper04.jpg");
}
.select_month{display: none;}
/*-------------------------------------datepicker*/
#datepicker{
position: relative;
}
#app,.hasDatepicker{
width: 100%;
}
.ui-widget.ui-widget-content{
display: flex !important;
flex-wrap: wrap;
justify-content: space-between;
width: 100% !important;
max-width: 100%;
background-color: transparent;
border: 0;
padding: 0;
}
.ui-datepicker-multi .ui-datepicker-group{
/*flex-basis: calc(100% / 2  - 1%);
max-width:  calc(100% / 2  - 1%);/*2ヶ月*/
flex-basis: calc(100% / 4  - 1%);
max-width:  calc(100% / 4  - 1%);/**3ヶ月*/
float: none;
background-color: #FFF;
border-radius: 5px;
padding: 10px;
}
.ui-datepicker-multi .ui-datepicker-group table{
margin: 0;
width: 100%;
}
.ui-widget-header{
background: #22223c;
border-radius: 5px;
border: 0;
}
.ui-datepicker .ui-datepicker-title{
font-size: 1.2em;
left: 1.2;
}
.ui-datepicker-next,.ui-datepicker-prev{
display: none;
}
.ui-datepicker-calendar tbody td a{
font-size: 1.2em;
text-align: center;
}
.ui-state-active, .ui-widget-content .ui-state-active {
border: 1px solid #eee;
background: #CE0135;
font-weight: bold;
color: #FFF;
}
.cal_btn_dest{
width: 80%;
display: flex;
flex-wrap: wrap;
margin: 1em auto;
justify-content: space-between;
align-items: flex-end;
background-color: #FFF;
border-radius: 5px ;
padding: 1em 5% 2em;
position: relative;
}
.cal_btn_dest dt{
width: calc(100% / 2 - 2em);
max-width:  calc(100% / 2 - 2em);
}
.cal_btn_dest dd{
width: calc(100% / 2 );
max-width:  calc(100% / 2);
padding-left: 4em;
position: relative;
}
.cal_btn_dest.on::before{
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 1.5em 1.5em 0 1.5em;
border-color: #9BC5E8 transparent transparent transparent;
position: absolute;
left: 50%;
bottom: calc(100% + 0.25em);
transform: translateX(-50%);
}
.cal_btn_dest.on #cal_dest{
border: 2px solid #9BC5E8 ;
}
select#cal_dest {
border-radius: 5px;
border: 1px solid #999;
margin: 0;
background: none transparent;
vertical-align: middle;
color: inherit;
font-size: 16px;
width: 100%;
padding: 0.5em;
position: relative;
cursor: pointer;
}
select#cal_dest.on{
border: 2px solid #22223c;
}
.cal_subtitle{
font-size: 1.2em;
font-weight: 500;
}
button.cal_btn_submit {
width: 100%;
margin: 0;
padding:0.7em 0.5em;
background: 5px;
border: none;
border-radius: 5px;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 16px;
background-color: #22223c;
color: #FFF;
position: relative;
cursor: pointer;
}
button.cal_btn_submit:disabled {
background-color: #CCC;
color: #FFF;
cursor: default;
}
.cal_btn_dest.on dd.on::before{
content: "";
display: block;
position: absolute;
left:0;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 1em 0 1em 1.5em;
border-color: transparent transparent transparent #22223c;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
display: none;
}
.ui-icon {
transform: scale(1.8);
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
top: 0.4em;
}
/*--737px以下------------------------------------*/
@media screen and (max-width: 737px)  {
.select_month li.active{
background-color: #f46967;
color: #FFF;
}
.select_month li:last-of-type{
margin-right: 0;
}
.ui-widget.ui-widget-content{
display: block;
}
.ui-datepicker-next,.ui-datepicker-prev{
display: block;
}
.hasDatepicker{
padding: 10px;
background-color: #FFF;
border-radius: 5px;
}
.ui-widget-header {
width: 100%;
}
.ui-datepicker-year,
.ui-datepicker-month{
border-radius: 5px;
border-color: #48a0e8;
background-color: #FFE;
text-align: center;
font-weight: bold;
color: #48a0e;
}
.ui-datepicker-calendar tbody td a{
font-size: 5.4vw;
}
.cal_btn_dest{
width: 100%;
padding: 1em 3% 2em;
}
.cal_btn_dest dt {
width: calc(100% / 2 - 1em);
max-width: calc(100% / 2 - 1em);
}
.cal_btn_dest dd {
padding-left: 2em;
}
}
/*******************************************************************************
  reco_tour
********************************************************************************/
#reco_tour{
background: url("../img/bg_paper01.jpg");
}
#reco_tour .flex_wrap::before{
content: "";
display: block;
flex-basis: calc(100% / 3 - 2%);
max-width: calc(100% / 3 - 2%);
order: 1;
}
.gadgetList{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.reco_box{
flex-basis: calc(100% / 3 - 2%);
max-width: calc(100% / 3 - 2%);
line-height: 1.4;
position: relative;
margin-bottom: 2em;
}

.reco_box.air h4::before{
margin-right: 0.5em;
content: url("../img/dp_plane-solid.svg");
display: inline-block;
vertical-align: top;
padding-top: 3px;
width: 1.4em;
height: 1.4em;
}
.reco_box.train h4::before{
margin-right: 0.5em;
content: url("../img/dp_train-solid.svg");
display: inline-block;
vertical-align: top;
padding-top: 4px;
width: 1.1em;
height: 1.1em;

}
.reco_box dt {
position: relative;
overflow: hidden;
padding-top: 67%;
}
.reco_box dt img{
width: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
.reco_box h4{
margin: 0 0 0.3em;
}
.plan_area{
position: absolute;
left: -10px;
top: -10px;
background-color: #0000cc;
color: #FFF;
display: flex;
justify-content: center;
align-items: center;
width: 55px;
height: 55px;
border-radius: 2em;
font-size: 1.1em;
}
.plan_usj{
position: absolute;
left: -10px;
top: -10px;
background-color: #0000cc;
color: #FFF;
display: flex;
justify-content: center;
align-items: center;
width: 55px;
height: 55px;
border-radius: 50%;
line-height: 1.3em;
font-size: 0.6em;
text-align: center;
}
.plan_term{
/*display: inline-block;*/
margin-right: 1em;
color: #0000cc;
font-weight: 700;
}
.plan_price{
color: #CC0000;
font-weight: bold;
font-size: 1.3em;
line-height: 1;
}
.plan_price::before{
content: "大人1名様";
display: inline-block;
margin-right: .5em;
font-weight: normal;
font-size: 0.75em;
padding: 2px 4px;
background: #CC0000;
color: #fff;
}
.plan_price::after{
content: "円";
display: inline-block;
font-size: 0.85em;
}
.plan_link{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
}
.plan_link a{
width: 100%;
height: 100%;
display: block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
/*--737px以下------------------------------------*/
@media screen and (max-width: 737px)  {
.reco_box{
flex-basis: 100%;
max-width: 100%;
margin-bottom: 2em;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.reco_box dt{
flex-basis: 30%;
max-width: 30%;
padding-top: 20vw;
}
.reco_box dt img{
height: 100%;
width: auto;
}
.reco_box dd{
flex-basis: 68%;
max-width: 68%;
}
.reco_box h4{
margin: 0 0 0.3em;
}
/*
.plan_area{
font-size: 3vw;
}*/
}
/*******************************************************************************
  reco_bnr
********************************************************************************/
#reco_bnr{
background: 
repeating-linear-gradient(0deg, transparent, transparent 6px, rgba(255, 255, 255, 0.5) 6px, rgba(255, 255, 255, 0.5) 9px ),
url("../img/bg_paper07.jpg") center top / cover;
}
.reco_bnr_list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.reco_bnr_list li{
flex-basis: calc(100% / 3 - 1%);
max-width:  calc(100% / 3 - 1%);
margin-bottom: 2%;
border: 2px solid #FFF;
}
.reco_bnr_list::before,
.reco_bnr_list::after{
content: "";
display: block;
flex-basis: calc(100% / 3 - 1%);
max-width:  calc(100% / 3 - 1%);
order: 1;
}
.reco_bnr_list li img{
width: 100%;
}
#reco_bnr .f-bnr-link__text{
font-size: 1em;
}
/*--737px以下------------------------------------*/
@media screen and (max-width: 737px)  {
.reco_bnr_list li,
.reco_bnr_list li::before,
.reco_bnr_list li::after{
flex-basis: calc(100% / 2 - 1%);
max-width:  calc(100% / 2 - 1%);
}
}
/*******************************************************************************
  air_jr_tour
********************************************************************************/
#air_jr_tour{
background: url("../img/bg_paper02.jpg");
background-color: rgba(240,240,240,1.00);
/*background: url("../img/bg_paper06.jpg")no-repeat center top;  
background-size:100vw auto;*/
/*background: url("../img/bg_paper07.jpg");*/
}
[class^="flex_count"]{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
/*align-items: flex-start;*/
}
[class^="flex_count"] h4{
text-align: center;
font-size: 1.2em;
background: rgb(237,237,237);
background: linear-gradient(351deg, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 54%);
padding: 0.7em ;
border-radius: 5px 5px 0 0/5px 5px 0 0;
}
[class^="flex_count"] h4 img{
height: 1.8em;
width: auto;
}
.flex_count3 .flexBox{
flex-basis: calc(100% / 3 - 1%);
max-width:  calc(100% / 3 - 1%);
}
.flex_count3::after{
content: "";
display: block;
flex-basis: calc(100% / 3 - 1%);
max-width:  calc(100% / 3 - 1%);
}
.flex_count4 .flexBox{
flex-basis: calc(100% / 4 - 1%);
max-width:  calc(100% / 4 - 1%);
}
[class^="flex_count"] .flexBox{
box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
background-color: #FFF;
border-radius: 5px;
overflow: hidden;
}
#air_jr_tour .destlist{
/*display: flex;
flex-wrap: wrap;*/
font-size: 1.2em;
background-color: #FFF;
overflow: hidden;
}
#air_jr_tour .destlist dt{
display: flex;
flex-wrap: wrap;
align-items: center;
background-color: #e4e4e4;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
}
#air_jr_tour .destlist dd{
flex-grow: 1;
text-align: center;
}
#air_jr_tour .destlist dd p{
border-bottom: 1px solid #eeeeee;
}
#air_jr_tour .destlist dd p:nth-of-type(even){
background-color: #F9F9F9;
}
#air_jr_tour .destlist dd p a{
display: block;
color: #000;
padding: 0.5em 1em;
position: relative;
}
#air_jr_tour .destlist dd p a::after {
position: absolute;
right: 3%;
top: 50%;
transform: translateY(-50%);
content: "";
display: block;
vertical-align: middle;
width: 1.1em;
height: 1.1em;
-webkit-mask-image: url("../img/arrow-alt-circle-right-solid.svg");
mask-image: url("../img/arrow-alt-circle-right-solid.svg");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: #CCC;
}
#air_jr_tour .destlist dd p a:hover::after {
background-color: #CF0000;
}
#air_jr_tour .destlist dd p a:hover{
background-color: rgba(255,216,217,0.4);
}
#air_jr_tour .destlist dt.destlist_select span{
cursor: pointer;
}
#air_jr_tour .destlist dt span{
padding: 0.4em 1em;
flex-grow: 1;
min-width: 50%;
border-bottom: 3px solid #e4e4e4;
}
#air_jr_tour .destlist dt span.active{
border-bottom: 3px solid #999;
}
[id^="tourbox_"]{
margin-bottom: 3em;
margin-top: -1em;
}
#air_jr_tour [id^="tourbox_jr_"] .destlist dt span{
text-align: center;
font-size: 1.2em;
background: rgb(237,237,237);
background: linear-gradient(351deg, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 54%);
padding: 0.5em ;
border-radius: 5px 5px 0 0/5px 5px 0 0;
font-weight: 500;
}
#air_jr_tour [id^="tourbox_jr_"] .destlist dt span::before{
content: "";
display: inline-block;
width: 1.7em;
height: 1.2em;
background: url("../img/logo_jr.png") no-repeat left top;
background-size: contain;
vertical-align: middle;
margin-right: 0.3em;
}
/*--737px以下------------------------------------*/
@media screen and (max-width: 737px)  {
.flex_count3 .flexBox,
.flex_count4 .flexBox{
flex-basis: calc(100% / 2 - 1%);
max-width: calc(100% / 2 - 1%);
margin-bottom: 2%;
}
#air_jr_tour .destlist dt span{
padding: 0.4em 0.5em;
min-width: 0;
font-size: 3.4vw;
}
}
article ul{
line-height: 1.2;
margin-left: 1.5em;
}
article ul li{
text-indent: -1em;
margin-bottom: .2em;
}
article:first-of-type{flex: 1;}
article:last-of-type{flex: 1.5; margin-left: 1em;}
article{
font-size: 1.2em;
}
.bot_box{
border-top: #5A4800 2px solid;
padding-top: 1em;
}
/*--737px以下------------------------------------*/
@media screen and (max-width: 737px)  {
article:last-of-type{margin-left: 0; margin-top: .5em;}
}
/*******************************************************************************
  destSelect
********************************************************************************/

[id^="destSelect"] h3 + p{
font-size: 1.2em;
margin-bottom: 2em;
}
.destlistbox{
display: flex;
flex-wrap: wrap;
margin-bottom: 1em;
}
.destlistbox li{
flex-basis: calc(100% / 4 - 1%);
max-width:  calc(100% / 4 - 1%);
margin-bottom: 1em;
margin-right: 1%;
text-align: center;
position: relative;
}
.destlistbox li a{
font-size: 1.6em;
color:#22223c;
display: block;
font-weight: bold;
}
.destlistbox li a span{
display: block;
position: relative;
padding-top: 68%;
overflow: hidden;
}
.destlistbox li p{
font-size: 65%;
font-weight: 500;
color: #000;
}
.destlistbox li img{
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
transition: 0.2s;
}
.destlistbox li:hover img{
transform: translateX(-50%) translateY(-50%) scale(1.2);
}
.destlistbox li.hide{display: none;}
/*--900px以下------------------------------------*/
@media screen and (max-width: 900px)  {
.destlistbox li{
flex-basis: calc(100% / 4 - 1%);
max-width:  calc(100% / 4 - 1%);
}
}
/*--737px以下------------------------------------*/
@media screen and (max-width: 737px)  {
.destlistbox li{
flex-basis: calc(100% / 2 - 1%);
max-width:  calc(100% / 2 - 1%);
}
.destlistbox li a{
font-size: 1.3em;
}
}

/*------------------------spook*/
.ga-main-mdom{
margin: 0 auto;
font-family: 'Noto Sans JP', sans-serif;
font-size:14px;
line-height:1.6;
}
.Gadget_wrap .f-search-panel{
padding: 0;
font-size: 16px !important;
}
.Gadget_wrap .f-search-display__input{
font-size: 16px !important;
}
.Gadget_wrap .f-search-panel.is-mdom,
.Gadget_wrap .f-search-panel.is-mdom_jr,
.Gadget_wrap .f-search-panel.is-mdom_air,
.Gadget_wrap .f-search-panel.is-mdom-dp,
.Gadget_wrap .f-search-panel.is-mdom-dptour,
.Gadget_wrap .f-search-panel.is-map-mdom{
background-color: transparent;
}
.Gadget_wrap .f-search-departure,
.Gadget_wrap .f-search-destination,
.Gadget_wrap .f-search-tourist-spot,
.Gadget_wrap .f-search-schedule,
.Gadget_wrap .f-search-room,
.Gadget_wrap .f-search-number,
.Gadget_wrap .f-search-airline{
margin-bottom: 0.3em;
}
.Gadget_wrap .f-search-display__title{
height: 2.8em;
font-size: 16px !important;
background-color: #73B9F3 !important;
border: 0 !important;
width: 7em;
}
.newyearpage .Gadget_wrap .f-search-display__title{background-color: #f46967 !important;}
.Gadget_wrap .f-search-keyword .f-search-display__title{
height: 2.8em;
width: 7em;
}
.Gadget_wrap .f-search-display__input{
padding: 0.5em 0 0.5em 0.5em;
height:2.8em;
border-color: #999 !important;
overflow: hidden;
}
.Gadget_wrap .f-search-btn-wrap{
margin-top: 1.2em;
}
.Gadget_wrap .f-search-btn-wrap a{
width: 23em;
padding-top: 15px;
padding-bottom: 15px;
}
.f-search-menu{
width: 70% !important;
}
.f-search-btn{
font-size: 1em;
border-radius: 2em;
}
.f-search-display__input:disabled{
background-color: rgba(0,0,0,0.1);
}
#mdom_pref{
border-radius: 0;
}
.f-search-calendar {
width: calc(40% - 0.5em);
}
dl.fw-search-top__item--transportation {    display: none!important;}

/*--宿泊ガジェット-------*/
.ga-main-yado .fw-top .fw-mv-search {width: auto!important;}
.ga-main-yado .fw-text--date {width: 85%;}
.ga-main-yado .fw-top .fw-text-set--grid-2 {width: 100%;}
.ga-main-yado .fw-top .fw-search-top__item-label{flex-basis: 12em; font-size: 1.2em;}
.ga-main-yado .fw-top .fw-select--area-set {
flex: 1;
margin: 0 3px 0 0; 
border-radius: 0;
}
.ga-main-yado .fw-top .fw-select--area-set:nth-child(n+3){ 
margin: 0; 
border-radius: 0 4px 4px 0;
}
.ga-main-yado .fw-top .fw-text--date input{
border-radius: 0 4px 4px 0;
}
.ga-main-yado .fw-top .fw-text--guest input{
border-radius:0;
}
.ga-main-yado .fw-top .fw-btn-search-01 {
background-color: #48a0e8;
max-width: 60%;
margin-left: auto;
margin-right: auto;
border-radius: 3em;
}
/*--737px以下------------------------------------*/
@media screen and (max-width: 737px)  {
.f-search-menu{
width: 100% !important;
}
.Gadget_wrap{
border: 0;
box-shadow: 0px 0px 0px ;
padding: 1em 4%;
margin: 0 -3%;
}
/*------------------------spook*/
/*
.searchGadget_select {
font-size: 3vw;
}
.searchGadget_select li span{
display: none;
}*/
.f-search-display{
flex-wrap: wrap;
}
.f-search-display__title,
.f-search-keyword .f-search-display__title{
font-size: 13px !important;
flex-basis: 100%;
max-width: 100%;
height: auto;
justify-content: flex-start;
padding: 0;
color: #000000;
background-color: transparent !important;
border: 0;
}
.f-search-departure,
.f-search-destination,
.f-search-tourist-spot,
.f-search-schedule,
.f-search-room,
.f-search-number,
.f-search-airline{
margin-bottom: 0.7em;
}
.f-search-schedule {
align-items: flex-end;
}
.f-search-departure .f-search-display__title + .f-search-display__input,
.f-search-destination .f-search-display__title + .f-search-display__input{
border-radius: 0.3em 0 0 0.3em;
border-left: 1px solid #CCC;
}
.f-search-tourist-spot select,
.f-search-people select,
.f-search-keyword input,
.f-search-schedule .f-search-display__input{
border-radius: 0.3em;
border: 1px solid #CCC;
}
.f-search-btn-wrap a{
width: 80%;
}
}
/*-------------------------------price*/
.fw-static-api-tour-price-list{
padding: .5em 0;
color: #CC0000;
font-weight: bold;
}
.fw-static-api-tour-price-list li{
display: flex;
}
.fw-static-api-tour-price-list-area{
display: inline-block;
margin-right: .5em;
font-weight: normal;
font-size: 0.75em;
padding: 2px 4px;
background: #CC0000;
color: #fff;
}
.price{font-size: 1.2em;}
/******************************************************************************* countdown */
#countdownArea{
background: #22223c;
color: #FFF;
text-align: center;
font-size: 2em;
line-height: 1.2;
letter-spacing: 0.08em;
font-weight: 900;
padding: 8px 0;
}
.countdown{
letter-spacing: 0.08em;
font-size: 100%;
}
#countdownArea span{ margin: .2em; font-size: 1.3em;}
.yycountdown-box{
text-align:center;
margin:0;
color:#FFF;
display: inline-block;
margin-left: 0.5em;
font-size: 1.5em;
font-weight: bold;
letter-spacing : 6px;/* 文字間 */
text-shadow: 
   5px  5px 4px #000000,
  -5px  5px 4px #000000,
   5px -5px 4px #000000,
  -5px -5px 4px #000000,
   5px  0px 4px #000000,
   0px  5px 4px #000000,
  -5px  0px 4px #000000,
   0px -5px 4px #000000; 

/*padding: 1em 0 .2em; /* 終了後 */
/*font-size: 1.2em;*/
}
.yyc-day{font-size: 1.8em;}
.yyc-day-text,.yyc-hou-text,.yyc-min-text,.yyc-sec-text{font-size: .6em;}
/*--737px以下------------------------------------*/
@media screen and (max-width: 737px)  {
#countdown{font-size: 4vw;}
/*---------Mi---------*/
.w1000{
width: 100%;
margin: 0 auto;
}
#main{
display: none;
}
#main_sp{
display: block;
background:url("../img/bg_smart-ttl.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.sp_top_image img{
width: 100%;
height: 145px;
object-fit: cover;
object-position: center -95px;
}
#main_sp .title_sp img{
display: block;
width: 95%;
margin: 0 auto;
padding: 10px 10px 20px 5px;
overflow: visible;
}
#main_sp ul{
width: 95%;
margin: 0 auto;
padding: 15px 0 20px;
color: #22223c;
}
#main_sp ul li{
font-weight: bold;
font-size: 110%;
padding-bottom: 7px;
text-align: center;
}
#main_sp ul li span{
display: block;
text-align: center;
font-weight: 700;
background: #22223c;
color: #fff;
border-radius: 25px;
letter-spacing: 0.15em;
/*width: 15%;*/
}
#main_sp .credit{
width: 95%;
margin: 0 auto;
text-align: right;
color: #222;
}
.fullsize{
width: 100%;
margin: 0 auto;
}
#countdownArea{
/*border-top: 2px solid #fff;*/
font-size: 1.5em;
}
#deptselect-kokunai dl.intro_sp{
margin: 0 auto;
display: block;
text-align: center;
}
#deptselect-kokunai dl.intro{
display: none;
}

}