@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: center;
}
.itemSelect li{
    flex-basis: calc(100% / 5); 
	margin: .5em;
    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;
	color: #4B4B4B!important;
	border: #7E7E7E 1px solid;
}
.itemSelect li.active{
    background-color: #CEEEF7;
	color: #fff!important;
	border: none;	
}
.itemSelect li small{
    display:block;
    margin-top: 0.2em;
}
.itemSelect #sl-dptour small {
	margin: 0 .5em .5em;
}
.itemSelect li{
    color: #FFF;
}
/*#sl-kokunai{background-color: #D81515;}
#sl-yado{background-color: #FF6F00;}
#sl-dpair{background-color: #005899;}
#sl-dpjr{background-color: #009999;}
#sl-dptour{	background-color: #E06698;}*/
#sl-kokunai.active{background-color: #D81515;}
#sl-yado.active{background-color: #FF6F00;}
#sl-dpair.active{background-color: #005899;}
#sl-dpjr.active{background-color: #009999;}
#sl-dptour.active{	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 {
    font-size: 13px;
    line-height: 1.6;
}
.itemSelect li{	width: calc(100% / 5 - 2px); padding: .5em .2em;}	
.itemSelect #sl-dptour small {	margin: .2em 0;}	
.itemSelect{    flex-wrap:nowrap;}	
}


/*******************************************************************************
gadgetBox
********************************************************************************/
.f-search-panel.is-mdom,
.f-search-panel.is-myado{
    font-size: 10.7px;
}
.f-search-panel.is-mdom{	border-top: 10px #D81515 solid;	}
.f-search-panel.is-myado{	border-top: 10px #FF6F00 solid;	}
/*******************************************************************************
TOUR
********************************************************************************/
section.fw-search-top--tour {
    padding: 0.8em;
}
/*******************************************************************************
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-search-top--air{padding: 0;	}
.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-JR
********************************************************************************/
#webconnect-gadget-train{
    width: 100%;
}
.f-search-panel.is-mdom_dpjr{
    background-color: #EDF9F9;
	border-top: 10px #009999 solid;	
}
.fw-search-top__footer{
    width: 14em;
    margin: 1em auto;
}
.fw-top .fw-search-top--train{
    padding: 15px;
}

/*******************************************************************************
DP-tour
********************************************************************************/
.f-search-panel.is-mdom-dptour{
    background-color: #FFF6FC;
	border-top: 10px #E06698 solid;
}