@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-kokunai{background-color: #D81515;}
#sl-yado{background-color: #FF6F00;}
#sl-dpair{background-color: #005899;}
#sl-dpjr{background-color: #009999;}


/*--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;
}
}


/*******************************************************************************
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;	}

/*******************************************************************************
YADO
********************************************************************************/
.f-search-display__input{
    height: auto;
}

/*******************************************************************************
DP-AIR
********************************************************************************/
#webconnect-gadget{
    width: 100%;
}
.f-search-panel.is-mdom_dp{
    background-color: #EDF9F9;
	
	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;
}

/*******************************************************************************
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;
}