/* Minification failed. Returning unminified contents.
(7,1): run-time error CSS1019: Unexpected token, found '@charset'
(7,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(7,17): run-time error CSS1019: Unexpected token, found ';'
(1015,1): run-time error CSS1019: Unexpected token, found '@charset'
(1015,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(1015,17): run-time error CSS1019: Unexpected token, found ';'
(2062,1): run-time error CSS1019: Unexpected token, found '@charset'
(2062,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(2062,17): run-time error CSS1019: Unexpected token, found ';'
 */
/* Minification failed. Returning unminified contents.
(2,1): run-time error CSS1019: Unexpected token, found '@charset'
(2,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(2,17): run-time error CSS1019: Unexpected token, found ';'
 */
/* CSS Document */
@charset "utf-8";

/**
    all
*/
.allcontents{
    background:none;
}
html{
    overflow:hidden;
}

img{
	border:none;
	max-width: 100%; 
	height:auto;
	vertical-align: top;
}
.m2mg{
    margin-top:-2px !important;
}

/************************************/
/*��Step1
/************************************/
.Step{
	font-size:14px;
	color:#3e3a39;
	font-weight:bold;
	display:block;
}

.steptxt{
	font-size:1.0em;
	margin: 10px 0 10px 10px;
}

/************************************/
/*��PresetBtnsArea
/************************************/
#PresetBtnsArea{
	position:relative;
	width:100%;
	text-align:center;
}
.PresetBtns > li{
	display: inline-block;
    width: 46%;
    box-sizing: border-box;
}
.PresetBtn{
	background-color:#eeeeef;
	/*border:#00bff2 solid 1px;*/
	color:#3e3a39;
	cursor:pointer;
	display:table;
	font-size:14px;
	width:100%;
    font-weight:bold;
}
.PresetBtn.on{
	background-color:#00bff2;
	color:#fff;
}
.PresetBtnInner{
	display:table-cell;
	vertical-align:middle;
    padding: 2px 0;
    font-size:14px;
}

/************************************/
/*��Step2
/************************************/
.Error{
    background-color: #ffefe2;
    /*margin-bottom: 16px;*/
    color: #FD7100;
    font-weight: bold;
    font-size: 14px;
    text-align:center;
}
.ErrorItem{
	color:#f37000;
	display:inline-block;
	font-size:14px;
	padding:8px;
}
.ErrorItem::before{
	background-image:url('/Content/Icons/img/ico_alert.png');
	background-size:16px 16px;
	content:'';
	display:inline-block;
	height:16px;
	width:16px;
}

/************************************/
/*��FromArea
/************************************/
#FromArea {
	position:relative;
	line-height:1;
	/*margin: 8px 0;*/
    height:32px;
}
#FromArea .FromTxt2Select{
	height:44px;
	width:100%;
	outline: none;
	font-size:12px;
	color:#3e3a39;
	line-height:1.3;
	padding:4px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border:#afaead solid 1px;
	margin: 0;
	padding: 0 0 0 5px;
	background: none transparent;
	vertical-align: middle;
	font-size:12px;
	color: inherit;
	
	margin-left:0px;
	background-image:url(../../../cmn/img/pulldown.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:20px 20px;
}
.delbtn{
    display:none;
    position: absolute;
    top:2px;
    right: 8px;
    width: 28px;
    cursor: pointer;
}

/************************************/
/*��TransferArea
/************************************/
#TransferTable{
	position:relative;
	width:100%;
	display:table;
	table-layout:fixed;
	line-height:1;
}
#TransferArea {
	position:relative;
	line-height:1;
}
#TransferArea .Title{
	display:table-cell;
	vertical-align:top;
	background-color:#FFF;
	background-image :url(../img/transfer_bg1.png),
					   url(../img/transfer_bg3.png),
					   url(../img/transfer_bg2.png);
	background-position: left top,
					   left bottom,
					   left center;
	background-size:contain,
					   contain,
					   contain;
	background-repeat  : no-repeat,
					   no-repeat,
					   repeat-y;
}
#TransferArea .Data{
	height:44px;
	padding-left:2px;
	padding-right:0px;
	display:table-cell;
	vertical-align:top;
	text-align:left;
}

#TransferTxtBoxHolder{
	position:relative;
	width:100%;
	height:44px;
	display:table;
	table-layout:fixed;
}
#TransferTxtBox{
	width:100%;
	height:44px;
	display:table-cell;
	vertical-align:top;
	text-align:center;
	table-layout:fixed;
	padding-right:2px;
}
#TransferTxt{
	width:100%;
	height:44px;
	outline: none;
	font-size:12px;
	color:#3e3a39;
	line-height:1.2;
	padding:4px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border:#afaead solid 1px;
	margin: 0;
	background: none transparent;
}
#TransferBtnBoxHolder{
	width:100%;
	height:76px;
	display:table;
	text-align:center;
	table-layout:fixed;
}
#TransferBtnBox{
	width:100%;
	height:100%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	text-align:center;
}
#TransferBtn{
	display:inline-block;
	width:124px;
	height:44px;
}
#TransferArea .Change{
	width:52px;
	height:76px;
	min-height:76px;
	display:table-cell;
	vertical-align:middle;
	line-height:1;
	background-color:#FFF;
	background-image :url(../img/transfer_change_bg1.png),
					   url(../img/transfer_change_bg3.png),
					   url(../img/transfer_change_bg2.png);
	background-position: left top,
					   left bottom,
					   left center;
	background-size:contain,
					   contain,
					   contain;
	background-repeat  : no-repeat,
					   no-repeat,
					   repeat-y;
}


/************************************/
/*��ToArea
/************************************/

/*** To �v���_�E�� ***/
#ToNarita{
	width:100%;
	height:44px;
	outline: none;
	font-size:12px;
	color:#3e3a39;
	line-height:1.2;
	padding:4px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border:#afaead solid 1px;
	margin: 0;
	background: none transparent;
	display:none;
}
#ToNarita{
	height:44px;
	width:100%;
	outline: none;
	font-size:12px;
	color:#3e3a39;
	line-height:1.3;
	padding:4px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border:#afaead solid 1px;
	margin: 0;
	padding: 0 0 0 5px;
	background: none transparent;
	vertical-align: middle;
	font-size:12px;
	color: inherit;
	
	margin-left:0px;
	background-image:url(../../../cmn/img/pulldown.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:20px 20px;
}
.ListBtnGroup{
	font-size:0;
}
.ListBtnWrapper{
	display:inline-block;
}
.ListLoc{
    cursor:pointer;
}
.ListBtn{
	background-color:#00bff2;
	border:1px solid #00bff2;
	border-radius:0.5em;
	color:#fff;
	cursor:pointer;
	display:block;
	font-size:14px;
	text-align:center;
	text-decoration:none;
}

#Step2{
	/*display:none;*/
}

#ToArea {
	position:relative;
	line-height:1;
	margin: 8px 0;
}
#ToArea .ToTxt2Select{
	height:44px;
	width:100%;
	outline: none;
	font-size:12px;
	color:#3e3a39;
	line-height:1.3;
	padding:4px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border:#afaead solid 1px;
	margin: 0;
	padding: 0 0 0 5px;
	background: none transparent;
	vertical-align: middle;
	font-size:12px;
	color: inherit;
	margin-left:0px;
	background-image:url(../../../cmn/img/pulldown.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:20px 20px;
}


/************************************/
/*��TimeArea
/************************************/
#TimeArea{
	position:relative;
	line-height:1;
	/*margin-top:18px;*/
}
#TimeTable{
	position:relative;
	width:100%;
	display:table;
	table-layout:fixed;
	line-height:1;
}
.IconWrapper{
	cursor:pointer;
	text-align:center;
	display:inline-block;
}
.IconLabel{
	color:#eb008b;
	font-size:6pt;
}

#TrainTimeBox{	
	font-size:0;
	margin-bottom:12px;
    background: url(../../../cmn/img/wrapback.png);
}
.TrainTime {
	display:inline-block;
	font-size:14px;
}
.SelectBox, .IconBox{
	display: table-cell;
    vertical-align: middle;
    table-layout: fixed;
}

#LaterTimeBox{
	position:relative;
}
#LaterBox{
	background-color:#00bff2;
	border-radius:0.5em;
	box-shadow:2px 2px 2px 0 #999;
	display:none;
	padding:8px 0;
	position:absolute;
	width:120px;
	z-index:10;
}
.LaterTime{
	color:#fff;
	cursor:pointer;
	display:block;
	font-size:14px;
	text-align:center;
}
.LaterTime.on,.LaterTime:hover{
	background-color:#0085a9;
}

/************************************/
/*��OptionsArea
/************************************/
.SegmentedControl{
	display:block;
	overflow:hidden;
}
.Segment{
	display:table;
	float:left;
}
.SegmentedControl input{
	display:none;
}
.SegmentedControl label{
	border-color:#00bff2;
	border-style:solid;
	display:table-cell;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
}
.SegmentedControl input:checked + label{
	background-color:#00bff2;
	color:#fff;
}

/************************************/
/*��OptionArea
/************************************/
#OptionArea{
	position:relative;
	line-height:1;
	margin-bottom:16px;
}

/************************************/
/*��WalkSpeedArea
/************************************/
#WalkSpeedArea{
	position:relative;
	line-height:1;
	margin-bottom:16px;
}

/************************************/
/*��SearchArea
/************************************/
#SearchArea{
	/*border-top:#07185c solid 2px;*/
	position:relative;
	width:100%;
	text-align:center;
	margin-bottom:16px;
	/*margin-top:36px;*/
	/*padding-top:20px;*/
}

#SearchBtn {
    background-color: #eb008b;
    border: #eb008b solid 1px;
    border-radius: 2em;
    display: inline-block;
    width: 100%;
    height: 32px;
    box-sizing: border-box;
}
#SearchBtnLabel{
	background-image:url('../../../cmn/img/search.png');
	background-position:left center;
	background-repeat:no-repeat;
	background-size:16px 16px;
	color:#fff;
	padding-left:32px;
    font-size:16px;
}

/***********************************/
/*���T�W�F�X�g
    add 2017-09-05 m.ohkoshi#5391
/***********************************/
/* ��historyList��base.css�Ɉڍs���܂������A������͂��̂܂܂ł��B */
.history {
    background: rgba(245 ,245 ,245 ,.8);
    position: relative;
    float: right;
    width: 20%;
    border-radius: 0 6px 6px 0;
    border-left: none;
    text-align: center;
    box-sizing: border-box;
    font-size: 1.4rem; }
    .history a {
      color: white;
      display: block;
      height: 40px; }
      .history a::after {
        color: white;
        display: inline-block;
        content: "\25BC";
        padding-left: 40px; }
      .history a span {
        display: block;
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding-right: 30px; }


/************************************/
/*��Cat3
/************************************/
.Cat3List{
	display:none;
    vertical-align:top;
}
.Cat3Holder{
    margin-bottom:0px !important;
    display:inline-block;
    width:100%;
}
.Cat3{
	height: 70px;
	background-color:#F9F9FA;
	display:table;
	/*table-layout:fixed;*/
	border:none;
	cursor:pointer;
	width:100%;
    /*margin-top: 6px;*/
    border: 1px solid #CCCCCC;
    vertical-align:top;
}
.Cat3 .Check3{
	width:32px;
	height:28px;
	display:table-cell;
	vertical-align:middle;
	text-align:right;
}

.Cat3 .Title3{
	width:auto;
	height:28px;
	display:table-cell;
	vertical-align:middle;
	line-height:1;
    text-align:left;
}
.Cat3 span{
	font-size:12px;
	color:#3e3a39;
	line-height:1;
	font-weight:normal;
	display:inline;
    margin-left:10px;
}


.Cat3 img{
	vertical-align:middle;
}
.CheckBox{
		width:24px;
		height:48px;
}

/************************************/
/*��SP�T�C�Y
/************************************/
/*@media screen and (max-width: 634px) {*/
@media screen and (max-width: 980px) {

	/************************************/
	/*��Step1
	/************************************/
	.Step{
		    margin: 10px 12px 12px;
	}

	/************************************/
	/*��PresetBtnsArea
	/************************************/
	#PresetBtnsArea{
		padding:12px;
	}
	.PresetBtns > li{
		/*border-bottom:#fff solid 1px;*/
		margin-bottom:4px;
        width: 49.2%;
        
	}
	.PresetBtn {
		/*height:44px;*/
	}

    .PresetBtnInner{
        font-size: 12px;
    }
	/************************************/
	/*��FromArea
	/************************************/
	#FromArea{
		padding:0px 12px;
	}
	.Title{
		width:52px;
	}
	.ListBtnWrapper{
		padding:5px 2px 0;
		width:40%;
	}
    .ListLoc{
        /*padding: 5px 2px 0;*/
        display: inline-block;
        vertical-align: top;
    }
    .ListLoc img{
        /*width: 30px;
        height: 38px;
        margin-left: 8px;*/
    }
	.ListBtn{
		line-height:44px;
	}

	/************************************/
	/*�� TransferArea
	/************************************/
	#TransferArea{
		padding:0px 12px;
	}

	/************************************/
	/*�� ToArea
	/************************************/
	#ToArea{
		padding:0px 12px;
        height:32px;
	}
	.ListBtn{
		height:44px;
	}

	/************************************/
	/*��TimeArea
	/************************************/
	#TimeArea{
		padding:0px 12px;
	}
	#TimeBox{
		/*margin-top:8px;*/
	}
	.TrainTime{
		height:44px;
		line-height:44px;
		width:50%;
	}
	.IconBox{
		text-align:center;
		width:60px;
	}
	#LaterBox{
		right:44px;
		bottom:0;
	}
	.LaterTime{
		height:44px;
		line-height:44px;
	}

	/************************************/
	/*��OptionsArea
	/************************************/
	#OptionsArea{
		padding:0px 12px;
	}
	.Segment{
		width:50%;
	}
	.SegmentedControl label{
		border-width:1px 0 0 1px;
		height:44px;
	}
	.Segment:first-child label{
		border-top-left-radius: 0.5em;
	}
	.Segment:nth-child(2) label{
		border-right-width:1px;
		border-top-right-radius: 0.5em;
	}
	.Segment:nth-child(3) label{
		border-bottom-width:1px;
		border-bottom-left-radius: 0.5em;
	}
	.Segment:last-child label{
		border-bottom-width:1px;
		border-right-width:1px;
		border-bottom-right-radius: 0.5em;
	}

	/************************************/
	/*��WalkSpeedArea
	/************************************/


}

/************************************/
/*��PC�T�C�Y
/************************************/
/* @media screen and (min-width: 634px) { */
@media screen and (min-width: 889px) {

	/*��Step1
	/************************************/
	.Step{
		margin:32px 0 12px;
	}

	/************************************/
	/*��PresetBtnsArea
	/************************************/
	.PresetBtns{
		display:block;
	}
	.PresetBtns:after{  
		content: ".";   
		display: block;   
		visibility: hidden;   
		height: 0.1px;   
		font-size: 0.1em;   
		line-height: 0;   
		clear: both;   
	}  
	.PresetBtns > li{
		width: 49.7%;
	}
    .PresetBtns .Cat3List {
		position:relative;
		top:100%;
		right:0;
		z-index:10;
		width:100%;
		/*padding:0 2px;*/
	}
	.PresetBtn {
		/*height:30px;*/
        border:none;
	}

	/************************************/
	/*��FromArea
	/************************************/
	.Title{
		width:80px;
	}
	.ListBtnWrapper{
		padding:0 0 0 4px;
		width:22%;
	}
    .ListLoc img{
        /*width:30px;*/
        /*height:30px;*/
    }
	.ListBtn{
		line-height:36px;
	}
	#FromBox1, #ToBox1{
		padding-left:4px;
	}
	
	
	/************************************/
	/*��TransferArea
	/************************************/	
	#TransferTxtBoxHolder{
		position:absolute;
		top:16px; left:180px;
		width:348px;
	}
	#TransferTxt{
		width:348px;
	}
	#TransferBtn{
		position:absolute;
		top:16px; left:54px;
	}	
	
	
	/************************************/
	/*��TimeArea
	/************************************/
	#TimeArea{
		width:100%;
        height: 28px;
	}
	.TrainTime{
		height:36px;
		line-height:36px;
		width:25%;
	}
	.IconBox{
		padding-left:4px;
		width:80px;
	}
    #LaterBox {
        right: 64px;
        bottom: 40px;
    }
	.LaterTime{
		height:36px;
		line-height:36px;
	}
	.SelectBox{
		width:calc((100%-60px)/2);
	}
	
	/************************************/
	/*��OptionsArea
	/************************************/
	#OptionsArea{
		width:672px;
		margin: 8px 0;
	}
	.Segment{
		width:25%;
	}
	.SegmentedControl label{
		border-width:1px 0 1px 1px;
		height:36px;
	}
	.Segment:first-child label{
		border-radius: 0.5em 0 0 0.5em;
	}
	.Segment:last-child label{
		border-right-width:1px;
		border-radius: 0 0.5em 0.5em 0;
	}
	
	/************************************/
	/*��WalkSpeedArea
	/************************************/
	#WalkSpeedArea{
		width:672px;
	}

	/************************************/
	/*��Cat3
	/************************************/

}


/**
    search box ��������
*/

.FormWrapperPC {
    display: inline-block;
    width: 100%;
}
.txtloc{
    width:calc(100% - 50px);
}

.logw{
    width:auto;
    vertical-align: middle;
}

.Riyosyubetu{
    padding: 0px 0 0px 42px;
}

.Select{
    height:32px;
}

.RiyosyubetuWrapper{
    display: inline-block;
}

.TitleInner, .DataInner, .FormGroup, .Select, .FromToInput{
    height:32px;
    font-size:14px;
}

.RiyosyubetuImg{
    height:26px;
    margin-left: 8px;
}

.RiyosyubetuWrapper input[name="RiyoSyubetu"]{
    vertical-align:middle;
}

.tm{
    display: inline-block;
    vertical-align: top;
    table-layout: auto;
}
.DataInner .tm:nth-child(1) {
    width:40%;
}
.DataInner .tm:nth-child(2) {
    width:30%;
}
.DataInner .tm:nth-child(3) {
    width: 18%;
    margin-left: 4px;
}
@media screen and (min-width: 889px) {
    .DataInner .tm:nth-child(1) {
        width: 30%;
    }
    .DataInner .tm:nth-child(2) {
        width: 30%;
    }
    .DataInner .tm:nth-child(3) {
        width: 30%;
        margin-left: 8px;
    }
    
}
.historyList {
    max-height: 110px;
    max-width: calc( 90% - 50px);
}
@media screen and (max-width: 799px){
    #DateBox .Select , #TimeBox .Select , #HourBox .Select{
        background-image: none;
        padding: 0 4px;
        text-align:center;
    }
    .historyList{
        max-height: 110px;
        max-width: 64%;
    }

}
.RiyosyubetuInner{
    padding: 0 16px;
}

.SelectBox:last-child{
    padding-left:0px;
}
.SelectBox:first-child{
    padding-left:0px;
}

/**
    dialog 
*/

.ui-widget-overlay{
    background-color:#a9a9a9;
}
.ui-widget-content{
    border: none;
    background:none;
}
.ui-draggable .ui-dialog-titlebar{
    display:none;
}

#cat3_3{
    padding-top:32px;
}
.cat3msg{
    /*margin: 10px 0;*/
    display: block;
    background: rgba(255 ,255 ,255, .9);
    text-align: center;
    padding: 10px 0;
}




@charset "UTF-8";

	
html {
overflow-y: hidden;
}

/* set form ======================================================  */

@media screen and (max-width: 899px) {
input[type="text"],
select {
	font-size: 16px;
}


select::-ms-expand {
	display: none;
	}
	select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  padding: 0 0 0 5px
}

  
  

}


@media (min-width: 900px) {
select::-ms-expand {
	display: none;
	}

    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin-bottom: 20px;
        padding: 7px 30px 7px 10px;
        line-height: 1.1em;
        border-radius: 5px;
        border: none;
        background-image: url(../img/pic-arrow.png) !important;
        background-repeat: no-repeat !important;
        background-size: 16px 10px !important;
        background-position: right 5px center !important;
        font-size: 14px;
    }
}






/*�@foundation  ------------------------------------------- */
html {
  font-size: 62.5%; height:100%;
  overflow:auto;
  -webkit-overflow-scrolling:touch;}

body {
  font-family: Arial,Helvetica,"Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,"���C���I",sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 28px;
  line-height: 2.8rem;
  color: #000;
  background-color: #fff;
  box-sizing: border-box; 
  height:100%;
  overflow:hidden;
  -webkit-overflow-scrolling:touch;
}

* {
  box-sizing: border-box; }

a:link {
  color: #000;
  text-decoration: none; }
a:visited {
  color: #000;
  text-decoration: none; }

img {
  max-width: 100%;
  height: auto;
  width: auto;
}


/*�@layout(pc)  ------------------------------------------- */

#allwrap{
  width: 900px;
  padding: 0;
  margin: 0 auto;
}

.inline-block_set {
  display: inline-block;
  vertical-align:top;
  padding: 0;
  margin: 0;
}
.inline-block_set1 {
  display: inline-block;
  vertical-align:top;
  padding: 0;
  margin: 0;
}
.inline-block_set2 {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 10px;
    margin: 0;
    width: calc(100% - 130px );
}
.inline-block_set3{
  display: inline-block;
  vertical-align:top;
  padding: 0;
  margin: 0;
}

.inline-block_set3 {
    width: 95%;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0 0 12px 0;
    /*add*/
    display: flex;
    flex-wrap: nowrap;
    /*justify-content: space-between;*/
    align-items: flex-start;
}
.inline-block_set4{
  display: inline-block;
  vertical-align:top;
  padding: 0;
  margin: 0;
}
.inline-block_set5 {
    display: flex;
    vertical-align: top;
    padding: 0 0 0 10px;
    margin: 0;
    width: calc(100% - 130px );
}
.inline-block_set6 {
    display: flex;
    vertical-align: top;
    padding: 0;
    /* margin: 0 0 0 -1px; */
    margin-left: 4px;
    width: 120px;
}
    .inline-block_set6 a {
        margin-left:4px;
    }
    .inline-block_set7{
  display: inline-block;
  vertical-align:top;
  padding: 0;
  margin: 0;
}
.inline-block_set8{
  display: inline-block;
  vertical-align:top;
  padding: 0 0 0 10px;
  margin: 0;
}
.inline-block_set9{
  display: inline-block;
  vertical-align:top;
  padding: 0;
  margin: 0;
}
.inline-block_set10{
  display: inline-block;
  vertical-align:top;
  padding: 0;
  margin: 0px 33px 0 5px;
}
.inline-block_set11{
  display: inline-block;
  vertical-align:top;
  padding: 0;
  margin: 0;
}
.inline-block_set12{
  display: inline-block;
  vertical-align:top;
  padding: 0;
  margin: 0;
}
.inline-block_set13{
  display: inline-block;
  vertical-align:top;
  padding: 0;
  margin: 0;
}
.inline-block_set14{
  display: inline-block;
  vertical-align:top;
  padding: 0;
  margin: 0;
}

/*searchbox-width*/
.step2_box1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	
	height: 44px;
	margin-bottom: 5px;
}
.step2_box2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	
	height: 44px;
	margin-bottom: 5px;
}

.step2_f01 {
	width: 65px;
	margin-right: 10px;
}
.step2_f02 {
	width: 545px;
	margin-right: 20px;
}
.step2_f03 {
	width: 210px;
}
.step2_f04 {
	width: 772px;
}
.step2_f05 {
	width: 35px;
}
.step2_f06 {
	width: 110px;
	margin-right: 10px;
}
.step2_f07 {
	width: 150px;
	margin-right: 10px;
}
.step2_f08 {
	width: 847px;
}
.step2_f09 {
	width: 275px;
}
.step2_f10 {
	width: 416px;
}

.PresetBtnsAreaWrap {
  width: 900px;
  background-color: #fff;
}

.PresetBtn {
    display: inline-block;
    width: 446px;
    margin: 2px 1px 2px 0;
    padding: 10px 0px 10px 0px;
    background-color: #eeeeef;
    font-size: 14px;
    line-height: 1.2;
    font-weight: bold;
    color: #3e3a39;
    text-align: center;
}

.PresetBtnInnerOff {
  display: inline-block;
  width: 446px;
  margin: 2px 1px 2px 0;
  padding: 10px 0px 10px 0px;
  background-color: #ebedf2;
  font-size: 14px;
  line-height: 1.4;
  font-weight: bold;
  color: #000;
  text-align: center;
}


.steptxt{
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0 2px 0;
}
.steptxt2{
  font-size: 14px;
  font-weight: bold;
  margin: 15px 0 5px 0;
}





.step2size {
    width: 100%;
    height: 44px;
    background-color: #fff;
    margin: 0 0 5px 0;
    padding: 0;
    display:flex;
}
.step2size2{
  width: 100%;
  height: 44px;
  background-color: #fff;
  margin: 0 0 5px 0;
  padding: 0;
  display:flex;
}
.step2size3{
  width: 100%;
  height: 44px;
  background-color: #fff;
  margin: 0 0 5px 0;
  padding: 0;
}

.btmsize{
  width: 900px;
  margin: 10px 0 5px 0;
  padding: 0;
}


.TitleLabel-on{
  width:67px;
  height: 36px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eb008b;
}

.TitleLabel-off{
  width:67px;
  height: 36px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #07185c;
}


.inputframefrom{
box-sizing: border-box;
  border: solid #07185c 1px;
  width: 540px;
  height: 34px;
  border-radius: 4px;
  background-color: #fff;
  margin: 0 0 0 0;
}
.inputframeto {
    box-sizing: border-box;
    border: solid #07185c 1px;
    width: 100%;
    height: 34px;
    border-radius: 4px;
    background-color: #fff;
    padding: 0 0 0 10px;
    margin: 0 0 0 0;
    font-size: 16px;
}

input::placeholder {
  color: #999;
  font-size: 14px;
  padding: 0 0 0 2px;
}




.inputframemonday{
  border: solid #07185c 1px;
  width: 140px;
  height: 34px;
  border-radius: 4px; 
  background-color: #fff;
  margin: 0;
}
.inputframehourmin{
  border: solid #07185c 1px;
  width: 140px;
  height: 34px;
  border-radius: 4px;
  background-color: #fff;
  margin: 0;
}
.inputframeselect{
  border: solid #07185c 1px;
  width: 96px;
  height: 34px;
  border-radius: 4px;
  background-color: #fff;
  margin: 0;
}
.formsubmit{
  align-items: center;
  justify-content: center;
  background-color: #eb008b;
  vertical-align: bottom;
  text-align: center;
  border: solid #fff 1px;
  font-size: 18px;
  color: #fff;
  width: 900px;
  height: 38px;
  border-radius: 20px;
  margin: 10px 0 0 0;
  display: flex;

}
.formsubmit:link{
  font-size: 14px;
  color: #fff;
  border: solid #fff 1px;
  background-color: #eb008b;
}
.formsubmit:hover{
  font-size: 14px;
  color: #fff;
  border: solid #fff 1px;
  background-color: #eb008b;
}
.formsubmit:visited {
  font-size: 14px;
  color: #fff;
  border: solid #fff 1px;
  background-color: #eb008b;
}

.glassimg{
  width: 30px;
  padding: 0 8px 0 0;
}







.howto_bg {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 408px;
    height: 34px;
    background-color: #ebedf2;
    /*margin: 0 0 0 19px;*/
    margin-left: 46px;
    font-size: 14px;
}
    .howto_bg a {
        margin-left: 12px;
        text-decoration: underline;
        color: #07185c;
        line-height:1;
    }

.stepbtmimg{
  width: 35px;
  margin: 0;
}
.stepbtmimg2{
  width: 35px;
  margin: 0;
}
.stepbtmimg3{
  width: 35px;
  margin: 0;
}


.howto_bg input[type="radio"],
.howto_bg label {
    cursor: pointer;
    margin-left: 4px;
    line-height: 1;
}











@media screen and (max-width: 900px) {
    /*�@layout(sp)  ------------------------------------------------------------ */


    #allwrap {
        display: block;
        width: 100%;
        padding: 0 10px 0 10px;
        margin: 0 auto;
    }

    .inline-block_set {
        display: inline-block;
        vertical-align: top;
        background-color: #ccc;
        padding: 0;
        margin: 0;
    }

    .inline-block_set1 {
        width: 36px;
        display: inline-block;
        vertical-align: top;
        padding: 0;
        margin: 0;
    }

    .inline-block_set2 {
        width: calc(100% - 70px);
        display: inline-block;
        text-align: left;
        vertical-align: top;
        padding: 0;
        margin: 0;
    }

    .inline-block_set4 {
        width: 36px;
        display: inline-block;
        vertical-align: top;
        padding: 0;
        margin: 0;
    }

    .inline-block_set5 {
        width: calc(100% - 70px);
        display: inline-block;
        vertical-align: top;
        padding: 0;
        margin: 0;
    }
        

    .inline-block_set6 {
        width: 86px;
        display: flex;
        vertical-align: top;
        padding: 0;
        margin: 0;
        margin-left: 8px;
    }
.inline-block_set7{
  width: 10%;
  display: inline-block;
  vertical-align:top;
  padding: 0;
  margin: 0;
}
.inline-block_set8{
  /*width: 13%;*/
  display: inline-block;
  vertical-align:top;
  padding: 0;
  margin: 0;
}
.inline-block_set9{
  width: 13%;
  display: inline-block;
  vertical-align:top;
  padding: 0;
  margin: 0;
}
.inline-block_set10{
  width: 11%;
  display: inline-block;
  vertical-align:top;
  padding: 0;
  margin: 0 0 0 3px;
}
    .inline-block_set11 {
        width: 36px;
        display: inline-block;
        vertical-align: top;
        padding: 0;
        margin: 0;
    }
    .inline-block_set12 {
        width: 36px;
        display: inline-block;
        vertical-align: top;
        padding: 0;
        margin: 0;
    }
    .inline-block_set13 {
        width: 80px;
        display: inline-block;
        vertical-align: top;
        padding: 0;
        margin: 0;
    }  
.inline-block_set14{
  width: 35px;
  display: inline-block;
  vertical-align:top;
  padding: 0;
  margin: 0;
}
    



    .PresetBtnsAreaWrap {
        width: 100%;
        background-color: #fff;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

    .PresetBtn {
        box-sizing: border-box;
        display: inline-block;
        width: 49%;
        min-height: 4em;
        margin: 3px 0;
        padding: 10px 0px 10px 0px;
        background-color: #ebedf2;
        font-size: 12px;
        color: #000;
        text-align: center;
        display: -ms-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        height: 56px;
    }

.PresetBtnInnerOff {
  box-sizing: border-box;
  display: inline-block;
  width: 49%;
  min-height: 4em;
  margin: 3px 0;
  padding: 10px 0px 10px 0px;
  background-color: #ebedf2;
  font-size: 12px;
  color: #000;
  text-align: center;

  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}


.steptxt{
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0 2px 0;
}
.steptxt2{
  font-size: 14px;
  font-weight: bold;
  margin: 15px 0 5px 0;
}


.step2size{
  width: 100%;
  height: 40px;
  background-color: #fff;
  margin: 0 0 5px 0;
  padding: 0;
  display:flex;
}
.step2size2{
  width: 100%;
  height: 45px;
  background-color: #fff;
  margin: 0 0 5px 0;
  padding: 0;
  /*add*/
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
    .step2size3 {
        width: auto;
        height: 42px;
        background-color: #fff;
        margin: auto;
        /* padding: 0 32px; */
        display: block;
        flex-wrap: nowrap;
        /* justify-content: space-between; */
        align-items: flex-start;
        text-align: center;
    }


.TitleLabel-on{
  width:36px;
  height: 36px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eb008b;
}

    .TitleLabel-off {
        width: 36px;
        height: 36px;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #07185c;
    }


.inputframefrom{
  border: solid #07185c 1px;
  width: 89%;
  
  border-radius: 4px;
  background-color: #fff;
  margin: 0 0 0 5px;
}
    .inputframeto {
        border: solid #07185c 1px;
        width: 100%;
        height: 34px;
        border-radius: 4px;
        background-color: #fff;
        margin: 0 0 0 0;
        font-size: 16px;
        margin-left: 4px;
    }
  
input::placeholder {
  color: #999;
  font-size: 12px;
  padding: 0 0 0 2px;
}
  
  
.inputframemonday{
  border: solid #07185c 1px;
  width: 100%;
  height: 34px;
  border-radius: 4px; 
  background-color: #fff;
  margin: 0 0 0 5px;
}
  
.inputframehourmin{
  border: solid #07185c 1px;
  width: 100%;
  height: 34px;
  border-radius: 4px;
  background-color: #fff;
  margin: 0 0 0 0;
}
.inputframeselect{
  border: solid #07185c 1px;
  width: 100%;
  height: 34px;
  border-radius: 4px;
  background-color: #fff;
  margin: 0 0 0 0;
}
.formsubmit{
  align-items: center;
  justify-content: center;
  background-color: #eb008b;
  vertical-align: bottom;
  text-align: center;
  border: solid #fff 1px;
  font-size: 18px;
  color: #fff;
  width: 100%;
  height: 38px;
  border-radius: 20px;
  margin: 10px 0 0 0;
  display: flex;

}
.formsubmit:link{
  font-size: 14px;
  color: #fff;
  border: solid #fff 1px;
  background-color: #eb008b;
}
.formsubmit:hover{
  font-size: 14px;
  color: #fff;
  border: solid #fff 1px;
  background-color: #eb008b;
}
.formsubmit:visited {
  font-size: 14px;
  color: #fff;
  border: solid #fff 1px;
  background-color: #eb008b;
}

.glassimg{
  width: 30px;
  padding: 0 8px 0 0;
}



    .howto_bg {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 34px;
        background-color: #ebedf2;
        margin: 0;
        font-size: 14px;
        margin-left: 12px;
    }

.stepbtmimg{
  width: 35px;
  margin: 0 0 0 0;
}
.stepbtmimg2{
  width: 35px;
  margin: 0;
  }
.stepbtmimg3{
  width: 35px;
  margin: 0;
}
  
.css-br::after {
    content: "\A" ;
    white-space: pre;
    }


  }

/* 
    add
*/

@media (min-width: 900px) {
    .modal {
        max-width: 700px !important;
        padding: 32px !important;
    }

    .ui-datepicker{
        margin:auto 0;
    }

}

/*
    calendar
*/
@media screen and (max-width: 900px) {
    #cal {
        padding: 20px 0;
        margin: 0 auto;
    }
    #datapick div.ui-datepicker-inline {
        margin: 0 auto;
        display: block;
        padding: 0 24px;
    }
}


    .ui-datepicker .ui-datepicker-header {
        background: #06175b;
        color: #fff;
    }



    .ui-datepicker-week-end {
        color: #eb008b;
    }

    /* sunday */
    th.ui-datepicker-week-end {
        color: #eb008b !important;
    }

    td.ui-datepicker-week-end a.ui-state-default {
        background: #ffd7ef; /* 背景色を設定 */
        color: #eb008b !important; /* 文字色を設定 */
        border: 1px solid #ffd7ef;
    }

    td.ui-datepicker-week-end:hover {
        opacity: 0.8;
    }
    /* 土曜日 */
    th.ui-datepicker-week-end:last-child {
        color: #00bff2 !important;
    }

    td.ui-datepicker-week-end:last-child a.ui-state-default {
        color: #00bff2 !important;
        background: #b2ebfb;
        border: 1px solid #b2ebfb;
    }


    /* holiday */
    td.cls-holiday a.ui-state-default {
        background: #ffd7ef; /* 背景色を設定 */
        color: #eb008b !important; /* 文字色を設定 */
        border: 1px solid #ffd7ef;
    }

    /*
    en , zh-cn , zh-tw
*/

    /* sunday */
    th.ui-datepicker-week-end:lang(en) {
        color: #00bff2 !important;
    }

    td.ui-datepicker-week-end a.ui-state-default:lang(en) {
        background: #b2ebfb; /* 背景色を設定 */
        color: #00bff2 !important; /* 文字色を設定 */
        border: 1px solid #b2ebfb;
    }
    /* 土曜日 */
    th.ui-datepicker-week-end:last-child:lang(en) {
        color: #eb008b !important;
    }

    td.ui-datepicker-week-end:last-child a.ui-state-default:lang(en) {
        color: #eb008b !important;
        background: #ffd7ef;
        border: 1px solid #ffd7ef;
    }

    /* sunday */
    th.ui-datepicker-week-end:lang(zh-cn) {
        color: #00bff2 !important;
    }

    td.ui-datepicker-week-end a.ui-state-default:lang(zh-cn) {
        background: #b2ebfb; /* 背景色を設定 */
        color: #00bff2 !important; /* 文字色を設定 */
        border: 1px solid #b2ebfb;
    }
    /* 土曜日 */
    th.ui-datepicker-week-end:last-child:lang(zh-cn) {
        color: #eb008b !important;
    }

    td.ui-datepicker-week-end:last-child a.ui-state-default:lang(zh-cn) {
        color: #eb008b !important;
        background: #ffd7ef;
        border: 1px solid #ffd7ef;
    }



    /* sunday */
    th.ui-datepicker-week-end:lang(zh-tw) {
        color: #00bff2 !important;
    }

    td.ui-datepicker-week-end a.ui-state-default:lang(zh-tw) {
        background: #b2ebfb; /* 背景色を設定 */
        color: #00bff2 !important; /* 文字色を設定 */
        border: 1px solid #b2ebfb;
    }
    /* 土曜日 */
    th.ui-datepicker-week-end:last-child:lang(zh-tw) {
        color: #eb008b !important;
    }

    td.ui-datepicker-week-end:last-child a.ui-state-default:lang(zh-tw) {
        color: #eb008b !important;
        background: #ffd7ef;
        border: 1px solid #ffd7ef;
    }

.ui-datepicker .ui-datepicker-prev{
    background:#fff !important;
    cursor:pointer;
}
.ui-datepicker .ui-datepicker-next {
    background: #fff !important;
    cursor: pointer;
}
/* CSS Document */
@charset "utf-8";

#btnReverse {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 1px 0 0 10px;
}
#btnReverse:hover {
    cursor:pointer;
}
.selboxset {
    width: 100% !important;
}

.spc {
    display: inline-block;
}
.FromToInputWrapper{
    width:100%;
}
.ssp{
    display:none;
}
.inline-block_set15 {
    width: 8px;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0;
    font-weight: bold;
}
@media screen and (max-width: 899px) {
    .spc{
        display:none;
    }
    .ssp {
        display: inline-block;
    }
    .ListLoc {
        margin-left: 4px;
    }
    .inline-block_set3 {
        width: 100%;
        margin: 16px 0;
    }
    #btnReverse {
        margin: 0;
    }
    #btnCal2 {
        padding: 2px 6px;
        display: block;
        border: 1px solid #000;
        border-radius: 4px;
    }
    
    
}

@media (max-width: 979px) {
    .jquery-modal {
        padding: 0 !important;
    }
}
