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


/* --- 全体設定　---- */
.wrapper{
	width:420px;
	margin:0 auto;
	font-family:"Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.login{
	background:url(../images/head_login_bg.png) repeat-x;
	padding:20px 0px 0 0px;
}

header .logout{
	height:38px;
	padding:10px 15px 0 15px;
	margin:0 0 15px 0;
	font-size:12px;
}
header .logout a{
	color:#FFFFFF;
}

header{
	background:url(../images/head_bg.png) repeat-x;
	padding:0px 0 0px 0;
	text-align:center;
}
header .inn{
	padding:0 20px;
	line-height:180%;
	overflow:hidden;
}
header .head_box,.ticket_box{
	background:#FFFFFF;
	border:solid 1px #ddddde;
	text-align:left;
	padding:10px 10px;
	margin:0 0 10px 0;
}
header .head_box dl,.ticket_box dl{
	margin:0 0 10px 0;
	overflow:hidden;
}
header .head_box dt,.ticket_box dt{
	color:#253b73;
	font-weight:bold;
	float:left;
}
header .head_box .ticketnumber,.ticket_box .ticketnumber{
	margin:0 0 0px 0;
	overflow:hidden;
}
header .head_box .ticketnumber dt,.ticket_box .ticketnumber dt{
	color:#253b73;
	font-weight:bold;
	float:none;
}
header .head_box .ticketnumber dd,.ticket_box .ticketnumber dd{
	float:none;
	margin-left:0px;
}
header .head_box dt span,.ticket_box dt span{
	margin-right:5px;
}
header .head_box dd,.ticket_box dd{
	float:left;
	margin-left:10px;
}

footer{
	text-align:center;
	padding:10px 0;
}
.inn{
	padding:20px;
	line-height:170%;
	overflow:hidden;
	
}
.btm_btn{
	margin:0px -5px 0px -5px;
	padding:10px 0 0 0;
	clear:both;
}

/* --- 文字　---- */
.subttl{
	color:#253b73;
	font-size:18px;
	padding:5px 0;
	font-weight:bold;
	border-bottom:solid 1px #253b73;
}
.subttl2{
	color:#253b73;
	font-size:20px;
	padding:0px 0;
	font-weight:bold;
}
.ttl{
	font-size:20px;
	font-weight:bold;
	padding:0;
	margin:0;
}
.ttl_bar{
	font-size:18px;
	font-weight:bold;
	background:#1b2e7d;
	color:#FFFFFF;
	padding:10px;
	margin:0 0 5px 0;
}
.warning_bar{
	font-size:18px;
	font-weight:bold;
	background:#f20000;
	color:#FFFFFF;
	padding:10px;
	margin:0 0 5px 0;
}
.bg_gray{
	background:#f8f8f8;
	border-top: solid 1px #ddddde;
	border-bottom: solid 1px #ddddde;
}
.bg_gray_jpnTime{
	background:#f8f8f8;
	border-top: solid 1px #ddddde;
}
.bg_white{
  background-color:#fff !important;
}
.form h4{
	font-size:14px;
	padding-top:10px;
}
.pd0{
	padding:0 !important;
}

.pd5{
	padding:0 5px;
}

.pdt5{
	padding-top:5px!important;
}
.pdtb5{
	padding:5px 0;
}
.mgt30{
	margin-top:30px;
}
.mgb0{
	margin-bottom:0px !important;
}
.error{
	color:#f20000;
	font-size:14px;
	margin:10px 0;
	clear:both;
}
.warning{
	color:#000CF0;
	font-size:14px;
	margin:10px 0;
	clear:both;
}
.seat_empty{
	border:solid #000CF0 2px;
	color:#000CF0;
	font-weight:bold;
	background:#EDEDFF;
	padding:0px 15px;
	margin:0 0 7px 0;
	display:inline-block;
}
.seat_full{
	border:solid #ED0003 2px;
	color:#ED0003;
	font-weight:bold;
	background:#FFCECF;
	padding:0px 15px;
	margin:0 0 7px 0;
	display:inline-block;
}
.seat_few{
	border:solid #FF5700 2px;
	color:#FF5700;
	font-weight:bold;
	background:#FFE8D2;
	padding:0px 15px;
	margin:0 0 7px 0;
	display:inline-block;
}
/* --- ラジオボタン・チェックボックス ---- */
{
    padding: 6px;
}
input[type=radio],
input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
input[type=radio] + label,
input[type=checkbox] + label {
    position: relative;
     
    display: inline-block;
    margin-right: 12px;
     
    font-size: 14px;
    line-height: 30px;
     
    cursor: pointer;
}
@media (min-width: 1px) {
    input[type=radio],
    input[type=checkbox] {
        display: none;
        margin: 0;
    }
    input[type=radio] + label{
        padding: 5px 0 0 28px;
    }
    input[type=checkbox] + label {
        padding: 5px 0 0 30px;
		font-size:18px;
		font-weight:normal;
    }

    input[type=radio] + label::before,
    input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 22px;
        height: 22px;
        margin-top: -9px;
        background: #FFF;
    }
    input[type=radio] + label::before {
        border: 2px solid #ccc;
        border-radius: 30px;
    }
    input[type=checkbox] + label::before {
        border: 2px solid #ccc;
    }
    input[type=radio]:checked + label::after,
    input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    input[type=radio]:checked + label::after {
        left: 5px;
        width: 12px;
        height: 12px;
        margin-top: -4px;
        background: #153d78;
        border-radius: 8px;
    }
    input[type=checkbox]:checked + label::after {
        left: 3px;
        width: 16px;
        height: 8px;
        margin-top: -4px;
        border-left: 3px solid #153d78;
        border-bottom: 3px solid #153d78;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

/* --- ボタン設定　---- */
.btn-blue {
font-family:"Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
   background: #1C4BBA;
   background-image: -webkit-linear-gradient(top, #1C4BBA, #062E8D);
   background-image: -moz-linear-gradient(top, #1C4BBA, #062E8D);
   background-image: -ms-linear-gradient(top, #1C4BBA, #062E8D);
   background-image: -o-linear-gradient(top, #1C4BBA, #062E8D);
   background-image: linear-gradient(to bottom, #1C4BBA, #062E8D);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #FFFFFF;
   font-size: 16px;
   font-weight: 900;
   padding: 10px;
   box-shadow: inset 0px 1px 2px 0px #FFFFFF;
   -webkit-box-shadow: inset 0px 1px 2px 0px #FFFFFF;
   -moz-box-shadow: inset 0px 1px 2px 0px #FFFFFF;
   text-shadow: 1px 1px 20px #000000;
   border: solid #07339C 1px;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
}
.btn-blue:hover {
font-family:"Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
   color: #FFFFFF;
   background: #1C4BBA;
   background-image: -webkit-linear-gradient(top, #1C4BBA, #1C4BBA);
   background-image: -moz-linear-gradient(top, #1C4BBA, #1C4BBA);
   background-image: -ms-linear-gradient(top, #1C4BBA, #1C4BBA);
   background-image: -o-linear-gradient(top, #1C4BBA, #1C4BBA);
   background-image: linear-gradient(to bottom, #1C4BBA, #1C4BBA);
   text-decoration: none;
}
.btn-skyblue {
 font-family:"Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  background: #30AEE9;
   background-image: -webkit-linear-gradient(top, #30AEE9, #009CE5);
   background-image: -moz-linear-gradient(top, #30AEE9, #009CE5);
   background-image: -ms-linear-gradient(top, #30AEE9, #009CE5);
   background-image: -o-linear-gradient(top, #30AEE9, #009CE5);
   background-image: linear-gradient(to bottom, #30AEE9, #009CE5);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #FFFFFF;
   font-size: 16px;
   font-weight: 900;
   padding: 10px;
   box-shadow: inset 0px 1px 2px 0px #FFFFFF;
   -webkit-box-shadow: inset 0px 1px 2px 0px #FFFFFF;
   -moz-box-shadow: inset 0px 1px 2px 0px #FFFFFF;
   text-shadow: 1px 1px 20px #000000;
   border: solid #009ce5 1px;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
}

.btn-skyblue:hover {
font-family:"Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
   color: #FFFFFF;
   background: #2ECEFF;
   background-image: -webkit-linear-gradient(top, #2ECEFF, #00A9F7);
   background-image: -moz-linear-gradient(top, #2ECEFF, #00A9F7);
   background-image: -ms-linear-gradient(top, #2ECEFF, #00A9F7);
   background-image: -o-linear-gradient(top, #2ECEFF, #00A9F7);
   background-image: linear-gradient(to bottom, #2ECEFF, #00A9F7);
   text-decoration: none;
}
.btn-gray {
font-family:"Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
   background: #7B7B7B;
   background-image: -webkit-linear-gradient(top, #7B7B7B, #555555);
   background-image: -moz-linear-gradient(top, #7B7B7B, #555555);
   background-image: -ms-linear-gradient(top, #7B7B7B, #555555);
   background-image: -o-linear-gradient(top, #7B7B7B, #555555);
   background-image: linear-gradient(to bottom, #7B7B7B, #555555);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #FFFFFF;
   font-size: 16px;
   font-weight: 900;
   padding: 10px;
   box-shadow: inset 0px 1px 1px 0px #FFFFFF;
   -webkit-box-shadow: inset 0px 1px 1px 0px #FFFFFF;
   -moz-box-shadow: inset 0px 1px 1px 0px #FFFFFF;
   text-shadow: 1px 1px 20px #000000;
   border: solid #555555 1px;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
}

.btn-gray:hover {
font-family:"Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
   color: #FFFFFF;
   background: #8A8A8A;
   background-image: -webkit-linear-gradient(top, #8A8A8A, #555555);
   background-image: -moz-linear-gradient(top, #8A8A8A, #555555);
   background-image: -ms-linear-gradient(top, #8A8A8A, #555555);
   background-image: -o-linear-gradient(top, #8A8A8A, #555555);
   background-image: linear-gradient(to bottom, #8A8A8A, #555555);
   text-decoration: none;
}
/* ----------------
	tp01.html
----------------　*/
.flight_box{
	position:relative;
	padding:10px 10px 2px 10px;
	margin:7px 0;
	background:#FFFFFF;
	border-top:solid 1px #03004c;
	border-bottom:solid 1px #03004c;
	border-left:solid 26px #03004c;
	border-right:solid 1px #03004c;
    border-radius: 5px; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.flight_box .left_plan{
	color:#FFFFFF;
	position:absolute;
	left:-19px;
	top:48%;
}
.flight_box .left_check{
	color:#FFFFFF;
	position:absolute;
	left:-24px;
	top:48%;
}
.flight_box .seat{
	border:solid 1px #03004c;
	background:#f8f8f8;
	color: #03004c;
	padding:5px 15px;
	font-size:10px;
}
.flight_box .name{
	font-size:18px;
	margin:0px 0 0px 0;
}
.flight_box .next{
	font-size:20px;
	padding-top:20px;
	text-align:center;
}
.flight_box .time{
	font-size:11px;
	line-height:150%;
	padding:5px 8px;
	border:solid 1px #ddddde;
	margin:10px 0;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f8f8f8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f8f8f8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
}
.flight_box ul{
	margin:0;
	padding:0;
}
.flight_box li{
	list-style:none;
	overflow:hidden;
}
.flight_box .line_edit{
	border-bottom: dotted 1px #03004c;
	margin:0px 0 10px 0;
}

/* --change --*/
.flight_box_change{
	position:relative;
	padding:10px 10px 2px 10px;
	margin:7px 0;
	background:#FFFFFF;
	border-top:solid 1px #f20000;
	border-bottom:solid 1px #f20000;
	border-left:solid 26px #f20000;
	border-right:solid 1px #f20000;
    border-radius: 5px; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.flight_box_change .left_plan{
	color:#FFFFFF;
	position:absolute;
	left:-19px;
	top:48%;
}
.flight_box_change .left_check{
	color:#FFFFFF;
	position:absolute;
	left:-24px;
	top:48%;
}
.flight_box_change .seat{
	border:solid 1px #f20000;
	background:#f8f8f8;
	color: #03004c;
	padding:5px 15px;
	font-size:10px;
}
.flight_box_change .name{
	font-size:18px;
	margin:0px 0 0px 0;
}
.flight_box_change .next{
	font-size:20px;
	padding-top:20px;
	text-align:center;
}
.flight_box_change .time{
	font-size:11px;
	line-height:150%;
	padding:5px 8px;
	border:solid 1px #ddddde;
	margin:10px 0;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f8f8f8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f8f8f8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
}
.flight_box_change ul{
	margin:0;
	padding:0;
}
.flight_box_change li{
	list-style:none;
	overflow:hidden;
}
.flight_box_change .line_edit{
	border-bottom: dotted 1px #03004c;
	margin:0px 0 10px 0;
}

/* --Gray --*/
.flight_box_gray{
	position:relative;
	padding:10px 10px 2px 10px;
	margin:7px 0;
	background:#FFFFFF;
	border-top:solid 1px #696969;
	border-bottom:solid 1px #696969;
	border-left:solid 26px #696969;
	border-right:solid 1px #696969;
    border-radius: 5px; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.flight_box_gray .left_plan{
	color:#FFFFFF;
	position:absolute;
	left:-19px;
	top:48%;
}
.flight_box_gray .left_check{
	color:#FFFFFF;
	position:absolute;
	left:-24px;
	top:48%;
}
.flight_box_gray .seat{
	border:solid 1px #696969;
	background:#f8f8f8;
	color: #03004c;
	padding:5px 15px;
	font-size:10px;
}
.flight_box_gray .name{
	font-size:18px;
	margin:0px 0 0px 0;
}
.flight_box_gray .next{
	font-size:20px;
	padding-top:20px;
	text-align:center;
}
.flight_box_gray .time{
	font-size:11px;
	line-height:150%;
	padding:5px 8px;
	border:solid 1px #ddddde;
	margin:10px 0;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f8f8f8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f8f8f8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
}
.flight_box_gray ul{
	margin:0;
	padding:0;
}
.flight_box_gray li{
	list-style:none;
	overflow:hidden;
}
.flight_box_gray .line_edit{
	border-bottom: dotted 1px #03004c;
	margin:0px 0 10px 0;
}

.selectbox{
	padding:20px 0;
	clear:both;
}
.check,.check2{
	cursor:pointer;
}

/* ----------------
	ch01.html
----------------　*/
.search{
	color:#ff6600;
	font-weight:bold;
	margin:10px 0 0px 0;
	padding:0
}
.bg_blue{
	background:#1b2e7d;
	border:solid 1px #1b2e7d;
	color:#FFFFFF;
}
.bg_blue:hover,.bg_blue:active,.bg_blue:visited,.bg_blue:link {
	background:#1b2e7d;
	border:solid 1px #1b2e7d;
	color:#FFFFFF;
}

/* ----------------
	ch03.html
----------------　*/
.seat_box dt{
	background:#f20000;
	color:#FFFFFF;
	clear:both;
	padding:5px;
}
.seat_box dd{
	border:solid 1px #f20000;
	padding:10px 5px 5px 5px;
	overflow:hidden;
}
.seat_box .seat_empty{
	border:solid #000CF0 2px;
	color:#000CF0;
	font-weight:bold;
	background:#EDEDFF;
	margin:7px 0 7px 0;
	display:block;
	text-align:center;
}
.seat_box .seat_full{
	border:solid #ED0003 2px;
	color:#ED0003;
	font-weight:bold;
	background:#FFCECF;
	margin:7px 0 7px 0;
	display:block;
	text-align:center;
}
.seat_box .seat_few{
	border:solid #FF5700 2px;
	color:#FF5700;
	font-weight:bold;
	background:#FFE8D2;
	margin:7px 0 7px 0;
	display:block;
	text-align:center;
}
.seat_box .full label{
	margin-top:10px;
}
/* ----------------
	ch05.html
----------------　*/
.entrust{
	color:#ff6600;
	font-weight:bold;
	margin:30px 0 30px 0;
	padding:0;
	font-size:18px;
	text-align:center;
}

.rely_msg
{
	height:100px;
	padding-top:25px;
}

/* ----------------
	ch07.html
----------------　*/
.inquiry_number{
	background:#f8f8f8;
	border:solid 1px #ddddde;
	font-size:18px;
	font-weight:bold;
	padding:15px 0;
	text-align:center;
	width:70%;
	margin:20px auto;
}
/* ----------------
	ch09.html
----------------　*/
.full_ttl{
	font-size:16px !important;
	font-weight:bold;
	color:#f20000;
	margin:20px 0 5px 0;
	clear:both;
	line-height:150%;
}
/* ----------------
	ch13.html
----------------　*/
.ticket_number{
	background:#f8f8f8;
	border:solid 1px #ddddde;
	font-size:18px;
	font-weight:bold;
	padding:15px 0;
	text-align:center;
	width:90%;
}


/* ----------------
	datepicker
----------------　*/
.overlay {
  display: none;
  width: 100%;
  height:100%;
  text-align: center;
  position: fixed;
  top: 0;
  z-index: 1500;
  background: rgba(0,0,0,0.7);
}
.calendar {
  display: none;
  width: 600px;
  height:350px;
  margin-left:-300px;
  text-align: center;
  position:absolute;
  top: 30%;
  left:50%;
  z-index: 1510;
  background: rgba(255,255,255,1);
}
.calendar .cal_ttl{
	background:#777;
	color:#FFFFFF;
	text-align:left;
	padding:10px 15px;
	margin:0;
	font-size:130%;
	font-weight:bold;
}

.ui-datepicker-group-first{
	margin-right:2%;
}
.ui-widget-content{
	margin:20px auto;
}
.ui-datepicker-inline{
	width:95% !important;
}
.btnClose{
	position:absolute;
	top:12px;
	right:10px;
	color:#fff;
	cursor:pointer;
}
.btnClose i{
	margin-right:5px;
}

@media only screen and (max-width: 767px){
.calendar {
  display: none;
  width: 90%;
  height:600px;
  margin-left:-45%;
  text-align: center;
  position:absolute;
  top: 30%;
  left:50%;
  z-index: 1510;
  background: rgba(255,255,255,1);
}
.ui-datepicker-group-first{
	margin-bottom:15px;
	height:250px;
}
.ui-widget-content{
	margin:20px auto;
}
.ui-datepicker-inline{
	width:95% !important;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    float:none;
	width:100% !important;
}
.ui-datepicker .ui-datepicker-next {
	position:absolute;
    top: -785% !important;
    right: 2px !important;
}
}