@charset "utf-8";
/* CSS Document */

/*-- modal --*/
.modalScr{overflow:scroll;}
.overlay-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:80;background:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;cursor:pointer;}
.overlay-modal.is-active{display:block;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5; z-index:2999;}

/* faresExCont 
------------------------------------------------------------------------------------------------ */
/* fareTable Hidden setting */
.tokubin_hidden1 .fareTable .fareItem:nth-child(1){display:none;}
.tokubin_hidden3 .fareTable .fareItem:nth-child(2){display:none;}
.tokubin_hidden7 .fareTable .fareItem:nth-child(3){display:none;}
/*全て設定なしの場合表示させる*/
.tokubin_hidden1.tokubin_hidden3.tokubin_hidden7 .fareTable .fareItem{display:block;}
/* modalContent 
------------------------------------------------------------------------------------------------ */
.modalContent {
	position: fixed;
    top: calc(50% - 125px );
    left: calc(50% - 200px );
	display: none;
	width: 400px;
	background: #e9ecf0;
	z-index:3000;
}
.modalContent p,
.modalContent li,
.modalContent dt,
.modalContent dd { line-height:1.7; }

.modalContent .modalTxt { margin-top:60px; }

.modalContent .mdl_wrapper { width:400px; }
.modalContent .mdl_headArea { padding:10px 15px; background:#626770; }
.modalContent .mdl_headArea p { color:#FFF; font-weight:bold; }
.modalContent .mdl_bodyArea { padding:15px; }

.modalContent label { cursor:pointer; }

/*-- select --*/
.modalContent select {
    vertical-align:middle;
	width:100%;
	border:none;
	background:transparent;
	padding:0 4px;
	color:#333;
	font-family:"ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4","Osaka",sans-serif;
	cursor:pointer;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	height:40px;
	line-height:40px;
	font-size:14px;
	font-size:1.4rem;
}
.modalContent select::-ms-expand {
	display:none;
}
.modalContent .mdl_selectWrap {
	background-image:url(/commonY15/img/icon_arrow_btm_red_01.png);
	background-repeat:no-repeat;
	background-position:98% center;
	background-position:-webkit-calc(100% - 8px) center;
	background-position:calc(100% - 8px) center;
	overflow:hidden;
}

/*-- inputBox --*/
.modalContent .mdl_inputBox {
	display:table;
	width:100%;
	height:40px;
	background-color:#fff;
	box-shadow:0 1px 1px 0 rgba(0,0,0,0.15);
}
.modalContent .mdl_inputBox > dt,
.modalContent .mdl_inputBox > dd {
	display:table-cell;
	vertical-align:middle;
}
.modalContent .mdl_inputBox > dt {
	padding:0 8px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	color:#282f39;
	font-weight:bold;
	line-height:1.2;
}

/*-- dateItem --*/
.modalContent .mdl_dateItems { display:table; table-layout:fixed; }
.modalContent .mdl_dateItem { display:table-cell; }
.modalContent .mdl_dateItem + .mdl_dateItem { padding-left:9px; }
.modalContent .mdl_dateItem .mdl_selectWrap { width:70px; }
.modalContent .mdl_dateItem .mdl_inputBox { height:32px; }
.modalContent .mdl_dateItem .mdl_inputBox select { height:32px; padding:0 24px 0 10px; line-height:32px; }

/*-- numberItem --*/
.modalContent .mdl_numberItems { display:table; table-layout:fixed; width:100%; margin-top:10px; }
.modalContent .mdl_numberItem { display:table-cell; width:114px; vertical-align:top; }
html:lang(en) .modalContent .mdl_numberItem { display:block; width:100%;}
.modalContent .mdl_numberItem + .mdl_numberItem { padding-left:9px; }
html:lang(en) .modalContent .mdl_numberItem + .mdl_numberItem { padding-left:0; margin-top: 10px;}
.modalContent .mdl_numberItem .mdl_sub { display:block; font-size:10px; font-size:1.0rem; font-weight:normal; white-space:nowrap; }
.modalContent .mdl_numberItem .mdl_selectWrap  { width:60px; }

/*-- optionItem --*/
.modalContent .mdl_optionItems { display:table; table-layout:fixed; width:100%; margin-top:10px; }
.modalContent .mdl_optionItem { display:table-cell; width:100%;padding: 0 50px;}
.modalContent .mdl_optionItems .btn{width: 100%;}

/*-- searchBtn --*/
.modalContent .mdl_searchBtn {
	display:inline-block;
	width:180px;
	height:40px;
	line-height:40px;
	background-color:#c00;
	text-align:center;
	color:#fff;
	font-size:18px;
	font-size:1.8rem;
	box-shadow:0 1px 1px 0 rgba(0,0,0,0.15);
}
.modalContent .mdl_searchBtn > span { display:inline-block; padding-left:10px; background:url(/commonY15/img/icon_arrow_right_white_01.png) left center no-repeat; }
.modalContent .mdl_searchBtn:hover { background-color:#db4d4d; }
.modalContent .mdl_searchBtn:hover > span { text-decoration:underline; }
.modalContent .mdl_wid100{width:100px!important;}

/*-- i-close-modal --*/
.modalContent .i-close-modal{position:absolute; top:15px; right:10px; z-index:3001;}

@media all and (max-width:739px){
.modalContent{
    width: 90%;
    left: 5%;
    top: 17%;
}
@media only screen and (orientation:landscape) {/*-- for landscape --*/
.modalContent{
    width: 90%;
    top: 0;
	bottom: 0;
	left: 0;
    right: 0;
	overflow-y: auto;
	margin: 8.5% 5% 5%;
}
}
.modalContent .mdl_dateItems{
    width: 100%;
}
.modalContent .mdl_numberItem{
    display: block;
    width: 100%;
}
.modalContent .mdl_numberItem .mdl_inputBox:first-child{
    margin-top: 10px;
}
.modalContent .mdl_inputBox > dt,
.modalContent .mdl_inputBox > dd{
	width: 100%;
}
.modalContent .mdl_inputBox > dt{
	padding-right: 0;
}
.modalContent .mdl_numberItem + .mdl_numberItem{
    padding-left: 0;
    margin-top: 10px;
}
.modalContent .mdl_numberItem .mdl_sub{
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
}
.modalContent .mdl_optionItem{
    text-align: center !important;
}
.mdl_headArea.sub{
    background: transparent;
    padding: 0;
}
.mdl_headArea.sub p{
    color: #333333;
}
.mdl_numberItems .mdl_numberItem .mdl_inputBox{
	background: transparent;
}
.mdl_numberItems .mdl_numberItem .mdl_inputBox dt,
.mdl_numberItems .mdl_numberItem .mdl_inputBox dd{
	display: block;
}
.mdl_numberItems .mdl_numberItem .mdl_inputBox dd{
	background-color: #fff;
	width: 100%;
	margin-top: 10px;
}
.i-close-modal,
.i-close-modal-nearest{
	background-position:0 -240px;
	width:13px;
	height:12px;
	cursor:pointer;
}
.i-close-modal,
.i-close-modal-nearest{
	background-image:url(/content/dam/sites/global/Y18/img/icon_util-s1be6131419_p.png);
	background-repeat:no-repeat;
}
}