@import url("https://www.mwt.co.jp/gadget/dp/mwt_add.css");

/* gadget_switching */

/*******************************************************************************
COMMON
********************************************************************************/
/**{box-sizing: border-box;}
#container:after, .content:after, .inner:after, dl:after{display: none;}
#container {
	width: 1000px;
	margin: 0 auto;
	font-family:'メイリオ', 'Meiryo', 'Helvetica', 'ヒラギノ角ゴシック ProN', 'Arial', 'ＭＳ Ｐゴシック',sans-serif;
	font-size:14px;
	line-height:1.6;
	box-sizing: border-box;
	position: relative;
    padding: 10vh 0 0;
}*/
.itemSelect{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.itemSelect li{
    flex-basis: calc(100% / 4 - 2px); 
    padding: 1em;
    line-height: 1.2;
    text-align: center;
    background-color: #F1F1F1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content:center;
    cursor: pointer;
/*    margin-bottom: 2px;*/
}

.itemSelect li.active{
    background-color: #CEEEF7;
}
.itemSelect li small{
    display:block;
    margin-top: 0.2em;
}
.itemSelect li{
    color: #FFF;
}

#sl-yado{background-color: #FF6F00;}
#sl-dpair{background-color: #005899;}
#sl-dpjr{background-color: #009999;}
#sl-dptour{	background-color: #E06698;}

.fw-top .fw-icon-logo-ana,.fw-top .fw-icon-logo-sky,
.fw-top .fw-radio--normal .fw-radio__label:link,
.fw-top .fw-radio--normal .fw-radio__label:hover,
.fw-top .fw-radio--normal .fw-radio__label:active,
.fw-top .fw-radio--normal .fw-radio__label:visited{
    mix-blend-mode: darken;
}

.fw-search-top__item--departure,
.fw-search-top__item--night-day,
.fw-search-top__item--people{
	margin: 10px 0 0;
}

/*--1000px以下------------------------------------*/
@media only screen and (max-width: 1000px) {
/*#container{	width:100%; padding: 10vw 4% 0; overflow-x: hidden;}*/
}
/*--737px以下------------------------------------*/
@media screen and (max-width: 737px)  {
/*#container*/ 
#gadget_switching{
    font-size: 13px;
    line-height: 1.6;
}
.itemSelect li{
    padding: .3em;
	font-size: 1em;
}	
.fw-top .fw-search-top__item-label {
    margin-bottom: 0;
	line-height: 1.4;
}
.fw-top .fw-search-top__item-label:first-child {margin-top: 0;}
}


/*******************************************************************************
gadgetBox
********************************************************************************/
.f-search-panel.is-mdom,
.f-search-panel.is-myado{
    font-size: 10.7px;
	padding-top: 4em;
}

.f-search-panel.is-mdom{	border-top: 10px #D81515 solid;	}
.f-search-panel.is-myado{	border-top: 10px #FF6F00 solid;	}

#gadget_switching .fw-top .fw-search-top__ttl {
    display: none!important;
	background: red;
}
#gadget_switching h2{
    display: none;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

#gadget_switching .fw-top .fw-search-top__ttl {
    font-size: 15px;
    font-weight: bold;
    color: #FF0004!important;
    margin: 0;
    position: relative;
    display: none;
}
/*******************************************************************************
YADO
********************************************************************************/
.f-search-display__input{
    height: auto;
}

/*******************************************************************************
DP-AIR
********************************************************************************/
#webconnect-gadget{
    width: 100%;
}
.f-search-panel.is-mdom_dp{
    background-color: #EDF9F9;
	padding: 0;		
	border-top: 10px #005899 solid;
}
.fw-top .fw-mv-search{
    width: 100%;
}
.fw-top .fw-search-top--jr, .fw-top .fw-search-top--air{
    background-color: transparent;
}
.MuiAutocomplete-hasPopupIcon .MuiAutocomplete-inputRoot[class*="MuiOutlinedInput-root"], .MuiAutocomplete-hasClearIcon .MuiAutocomplete-inputRoot[class*="MuiOutlinedInput-root"]{
    background-color: #FFF;
}
.fw-top .fw-search-top--air .fw-search-top__btn{
    width: 14em;
    margin: 1em auto;
}
.fw-search-top__item--company ul li{
	padding: .3em;
	flex: 1;
}
.fw-top .fw-radio--normal .fw-radio__label span{
	margin-left: -10px;
}
/*--737px以下------------------------------------*/
@media screen and (max-width: 737px)  {
.fw-search-top__item--company ul li{
	max-width: 33%;
}
}
/*******************************************************************************
DP-tour
********************************************************************************/
.f-search-panel.is-mdom-dptour{
    background-color: #FFF6FC;
	border-top: 10px #E06698 solid;
}
/*******************************************************************************
DP-JR
********************************************************************************/
#webconnect-gadget-train{
    width: 100%;
}
.f-search-panel.is-mdom_dpjr{
    background-color: #EDF9F9;
	padding: 0;		
	border-top: 10px #009999 solid;	
}
.fw-search-top__footer{
    width: 14em;
    margin: 1em auto;
}
.fw-top .fw-search-top--train{
    padding: 15px;
}
/*--737px以下------------------------------------*/
@media screen and (max-width: 737px)  {
.fw-top .fw-search-top--train .fw-change-route-wrap {
    padding-top: 0;
}
}
/*******************************************************************************
WEBコネクト版YADO
********************************************************************************/
/*--宿泊ガジェット-------*/
.ga-main-yado .fw-top .fw-mv-search {width: auto!important;}
.ga-main-yado .fw-text--date {    width: 67%;}
.ga-main-yado .fw-search-top__item-data{display: flex;}
.ga-main-yado .fw-research-exception{width: 30%;}
.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!important;
	margin-right: 3px; 
	border-radius: 0;
}
.ga-main-yado .fw-top .fw-select--area-set:nth-child(2){	border-radius: 0 !important; margin-right: 3px!important; }
.ga-main-yado .fw-top .fw-select--area-set:nth-child(3){	border-radius: 0 4px 4px 0!important; margin-right: 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: #FF6F00;
    max-width: 60%;
	margin-left: auto;
	margin-right: auto;
}
.ga-main-yado .fw-top .fw-btn-search-01:hover {    background-color: #FF9848;}
/*目的地非表示*/
.is-mdom-dptour .fw-search-top__item--map,
.ga-main-yado .fw-search-top__item--arr{display: none;}

/*.map_bg_hover img {    display: none;}
*/