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

div.form{margin:0 auto 30px;}
div.form p{margin:0 0 1em;}
#tour_name{width:100%;}
.sort fieldset{margin-right: 20px;}
.cldr_srt .button{width:100px; margin:0;}
.noon_night a{padding:20px; border-radius:5px; color:#fff; font-size:2em; background:#6ca6eb; transition: 0.2s ease-out;}
.noon_night a:hover{opacity:0.7;}
.noon_night a:first-child{background:#e8ba70;}
.calender{margin:0 0 20px;}
.calender > p{padding:5px; background:#fff;}
#berth_cldr tr td:first-child, #berth_cldr tr .hover:first-child, #berth_cldr tr:nth-child(even) .hover:first-child{background:none;}
#berth_cldr .date-button td, #berth_cldr .date-button td.hover{background:none; padding:5px 0;}
#berth_cldr .date-button a.submit, #berth_cldr tr td:first-child a.submit{width: 15px; height: 15px; font-size: 12px; line-height: 15px;}
#berth_cldr{margin:0 auto;}
#berth_cldr tr th{background:#6ca6eb; padding:8px; color:#fff;}
#berth_cldr tr th.hover, #berth_cldr tr.over th[class^="time"], #berth_cldr tr:nth-child(even).over th[class^="time"]{background:#e8ba70;}
#berth_cldr tr td{padding:0; vertical-align:middle;}
#berth_cldr tr th[class^="time"]{background:#71dae2; color:#fff; text-align:right;}
#berth_cldr tr:nth-child(even) th[class^="time"]{background:#75e2e1;}
#berth_cldr tr:nth-child(even) td:not(.no_busstop){background:#e4f9f8;}
#berth_cldr tr:nth-child(even) td:first-child{background:none;}
#berth_cldr td.no_busstop{background:#eee;}
#berth_cldr tr td.ui-selected, #berth_cldr tr:nth-child(even) td.ui-selected{background:#fce6f6;}
#berth_cldr tr td.hover, #berth_cldr tr:nth-child(even) td.hover{background:#FFFF99;}
.time-vertical li{position:absolute; top:80px; left:5px;}
.time-vertical li:last-child{top:710px;}
@media screen and (min-width: 721px){
	.wrapper{padding:20px 125px 80px;}
	.reserve_form p, .reserve_form .sort{width:930px; margin:0 auto 20px;}
	.sort{display:flex;}
	.cldr_srt{margin:auto;}
	.noon_night{width:30%; margin: 0 auto;}
	.noon_night a{float:right;}
	.noon_night a:first-child{float:left;}
}
@media screen and (max-width: 720px){
	.pankuzu{margin:0 0 10px; flex-wrap:wrap;}
	.pankuzu li:nth-child(3), .pankuzu li:nth-child(4), .pankuzu li:last-child{width:28%;}
	.pankuzu li:last-child{margin:0 0 10px 0;}
	.cldr_srt{text-align: center;}
	.noon_night{display:flex; justify-content:space-around;}
	.noon_night a{padding:10px;font-size:1.6em;}
}