@charset "utf-8";
body{
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro';
	font-weight: 500;
	background:#f5f5f5;
	line-height:1.6;
	position: relative;
	word-break: break-all
}

article a{
	text-decoration:underline;
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group,
.btn-group-vertical .btn+.btn,
.btn-group-vertical .btn+.btn-group,
.btn-group-vertical .btn-group+.btn,
.btn-group-vertical .btn-group+.btn-group{
	margin-left:0;
}

.btn.disabled,
.btn.disabled,
.btn.disabled:hover,
.btn.disabled:hover,
.btn.disabled:hover,
.btn.disabled:hover{
	color:#666 !important;
	background:rgba(0,0,0,0.06) !important;
}

.btn,
.nav a,
a[href^="tel:"],
article a:hover,
a.btn-add02{
	text-decoration:none;
}

.disabled:hover{
	cursor: not-allowed
}

.bus-station-box .bus-station-name{
	text-decoration:underline;
}

.bus-station-box .bus-station-name:hover,
.bus-station-box .bus-station-time{
	text-decoration:none !important;
}

.bus-station-box a.btn-disabled:hover{
	cursor:default !important;
}

.bus-station-box a.btn-disabled .bus-station-name{
	text-decoration:none !important;
}


.datalist{
	overflow:visible;
}

.btn {
	white-space:normal;
	line-height:1.5 !important;
}

.searchbox01{
	margin-bottom:15px;
}

.btn-search{
	width:250px;
	margin:0 auto;
}

.btn.btn-search{
	display:block !important;
}

.fa-hotel:before{
	content: "\f594" !important;
}

.w-230px{
	width:230px !important;
}

.modal-body p{
	margin-bottom:10px;
}

@media(max-width:374px) {
	.ip5{
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
	}
}

.important-border{
	font-size:15px !important;
	font-weight:bold;
	color:#f25b5b;
	padding:10px;
	border:1px solid #f25b5b !important;
	border-radius: 3px;
}

.txt-normal{
	font-weight:normal !important;
}

@media(max-width:767px) {
	.important-border{
		font-size:14px !important;
	}
}

/*
htmigi-group
***************************************/

.plan-info h2,
.plan-info .hotel-name dd,
.plan-info .ticket-info dt{
	color:#F53D7E !important;
}

.plan-info h2,
.plan-info h3{
	border-color:#F53D7E !important;
}

.plan-info .main-title,
.name-is{
	z-index:0;
}

.plan-info .main-title:before,
.plan-info .main-title:after{
	z-index:-1;
}

.name-is {
    position: relative;
    padding: 10px 15px !important;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
}

.name-is span{
	padding:0 !important;
}
.name-is:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    content: "";
    z-index: -1;
}

.name-is:after {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    display: block;
    content: "";
    background: #fff;
    border-radius: 50px;
    z-index: -1;
}

.tittpoint{
	margin-top: 30px !important;
	margin-bottom: 20px !important;
	font-size:20px !important;
	color:#F53D7E !important;
	padding: 0 0 5px 5px !important;
}
.tittpoint_border{
	font-size:20px !important;
	color:#F53D7E !important;
	border-bottom:3px solid #F53D7E !important;
	padding: 0 0 5px 5px !important;
	margin-top: 30px !important;
	margin-bottom: 20px !important;
}

ol.tpointarea{
	color: #cc0000 !important;
	padding: 20px 15px;
	margin:20px 0 10px 0 !important;
	background: #F5EEDF !important;
}

ol.tpointarea li:before{
	display:none;
}

.hotel-name{
	font-size: 18px !important;
	color:#F53D7E !important;
}
.hotel-images{
	margin:15px 0 !important;
}

.about-ticket dt{
	position:relative;
	padding-left: 1.2em;
	font-size:16px;
	color:#F53D7E !important;
}
.about-ticket dt:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "■";
}

.about-ticket dd{
	margin-top:3px;
	line-height: 1.6;
}
.ticket-get,
.other-plan{
	float:none !important;
	display:inline-block !important;
}

.ticket-get{

}
.other-plan{
	width:183px;
	margin-left: 10px !important;
}

.ticket-get + .clear{
	display:none;
}

a.ticket-get-btn{
	display: inline-block;
	position: relative !important;
	margin: 10px 10px 10px 0 !important;
	padding: 15px 15px 15px 15px !important;
	font-size: 14px !important;
	font-weight: bold !important;
	color: #fff !important;
	border-radius: 4px;
	line-height: 1.2 !important;
	text-align: center !important;
	text-shadow: 1px 1px #F53D7E !important;
	border: 1px solid #F53D7E !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f46698+0,f53d7e+100 */
	background: #f46698 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #f46698 0%, #f53d7e 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f46698 0%,#f53d7e 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f46698 0%,#f53d7e 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f46698', endColorstr='#f53d7e',GradientType=0 ) !important; /* IE6-9 */
}

a.ticket-get-btn:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f46698+0,f53d7e+100 */
	background: #f46698 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #f53d7e 0%, #f46698 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f53d7e 0%,#f46698 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f53d7e 0%,#f46698 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f46698', endColorstr='#f53d7e',GradientType=0 ) !important; /* IE6-9 */

}

a.other-plan-btn i{
	display:none;
}
a.other-plan-btn{
	width:183px;
	position:relative;
	margin:10px 10px 10px 0;
	padding:15px 40px 15px 15px;
	font-size:14px;
	font-weight:bold;
	color:#222!important;
	line-height: 1.2;
	text-align:center;
	text-decoration:none!important;
	text-shadow:1px 1px #fff;
	box-shadow:0 0 5px rgba(255,255,255,0.9) inset;
	border:1px solid #bbb;
	border-radius:5px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
a.other-plan-btn:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,ffffff+100 */
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
a.other-plan-btn:before{
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-0.6em;
	content:"\f138";
	font-weight:normal;
	font-family:"fontAwesome";
}

@media (max-width: 767px) {
	.name-is{
		padding:10px 15px;
		font-size:12px !important;
	}
	
	.name-is span{
		font-size:12px !important;
	}
}

.plan-info .plan-btn01{
	text-shadow: 1px 1px #F53D7E !important;
	border: 1px solid #F53D7E !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f46698+0,f53d7e+100 */
	background: #f46698 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #f46698 0%, #f53d7e 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f46698 0%,#f53d7e 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f46698 0%,#f53d7e 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f46698', endColorstr='#f53d7e',GradientType=0 ) !important; /* IE6-9 */
}

.plan-info .plan-btn01:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f46698+0,f53d7e+100 */
	background: #f46698 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #f53d7e 0%, #f46698 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f53d7e 0%,#f46698 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f53d7e 0%,#f46698 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f46698', endColorstr='#f53d7e',GradientType=0 ) !important; /* IE6-9 */

}

ol.area-bg li,
.plan-info li{
	list-style:none;
}

.htmigiside{
	margin:15px 0;
	background:#f4f4f4;
	padding:10px;
}

.htmigiside:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.htpic{
	width:232px;
	float:left;
	margin-right:15px;
}

.htpic img{
	width:100%;
}
.thum_list{
	float:left;
	width:240px;
}

.tl_fig{
	float:left;
}

.side-desc{
	padding:3px 0;
	font-size:14px;
}
.tl_cap{
	padding:3px 0 0 0;
	font-size:12px;
}

.plan-info ul li:before{
	background:#F53D7E;
}

.plan-info .area-bg{
	color:#cc0000 !important;
	background:#F5EEDF !important;
}

.plan-info ol li:before{
	background:#cc0000 !important;
}

.tab-content .htdesc p.main-title,
.tab-content .htdesc p.name-is{
	text-align:center !important;
}

/*
full
*****************************/

.htdesc ul.col-1{
	padding-right:0;
	max-width:100%;
}

.htdesc ul.col-1 p{
	text-align:center;
}

.tab-content .htdesc p{
	text-align:left;
}
@media(max-width:767px) {
	.plan-info .hotel-img li{
		width: 47.5%;
	}
	
	.htmigiside{
		margin-top:0px;
	}
	
	.htpic,
	.htpic img{
		width:100%;
		height:auto;
	}
}

.mc-plan-in{
	padding:10px 15px;
	margin-bottom:20px;
	background:#f4f4f4;
	border:1px solid #DBDBDB;
	border-radius: 4px;
}

.mc-plan-in .select-wrap{
	display:inline-block;
	width:150px;
	margin-right:5px;
}

.mc-plan-in .select-wrap select{
	margin-bottom:0;
}

#mc-price .mc-plan-in .select-wrap{
	width:150px;
	margin-right:5px;
}

#mc-price .mc-plan-in .select-wrap select{
	width:100%;
}

@media(max-width:767px) {
	.mc-plan-in{
		font-size:14px;
	}
	.mc-plan-in .form-inline{
		display:block;
	}
	

}

@media(max-width:374px) {
	.mc-plan-in .select-wrap{
		display:block;
		margin-bottom:5px;
	}
	
	.mc-plan-in .select-wrap{
		width:100%;
	}

}

/*
tbl-mc-plan
***************************************/

table.tbl-mc-plan{
	width:100%;
}

table.tbl-mc-plan th{
	width:250px;
}

table.tbl-mc-plan th,
table.tbl-mc-plan td{
	padding:2px;
}

@media(max-width:767px) {
	table.tbl-mc-plan{
		font-size:14px !important;
		margin-bottom:10px;
	}
	table.tbl-mc-plan th{
		width:100px;
		line-height:1.3;
	}
	
	table.tbl-mc-plan td{
		padding-left:20px;
	}

}

.tit_sec{
	font-weight:bold !important;
}

/*
mc-plan-price
***************************************/

.mc-plan-price-txt{
	font-weight:bold;
	margin-bottom:0;
	font-size:14px !important;
	text-align:center;
}

.mc-plan-price-txt02{
	font-size:12px !important;
	text-align:right;
	margin-bottom:0;
}

.mc-plan-price .price-line{
	margin-bottom:0;
}

.mc-plan-price .price-line .txt-red{
	font-size:18px;
	font-weight:bold;
}

@media(max-width:767px) {
	.mc-plan-price{
		margin:10px 0 0 0;
	}
	
	.mc-plan-price-txt{
		text-align:left;
	}
}


/*
mc-calendar
**************************************/

.mc-calendar{
	padding:0;
	margin:0
	text-align:center;
	background:#fff;
}


.mc-calendar .btn-group{
	margin-bottom:16px;
	width:100%;
	border:none;
}

.mc-calendar .btn-group .monthly{
	font-size:20px;
	font-weight:bold;
	color:#000;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	background:#fff;
	width:100%;
}

.mc-calendar .btn-group .monthly:hover{
	cursor:auto;
	color:#000;
	background:#fff;
}

@media(max-width:767px) {
	.mc-calendar .btn-group .monthly{
		font-size:14px;
	}

}

.mc-calendar .btn-group .monthly-prev{
	border-radius: 18px 0 0 18px !important;
	color:#F53D7E;
	font-size:12px;
	background:#fff;
	width:47px;
	margin-right:1px;
	border:1px solid #e7e7e7;
}
.mc-calendar .btn-group .monthly-next{
	border-radius: 0 18px 18px 0 !important;
	color:#F53D7E;
	font-size:12px;
	background:#fff;
	width:47px;
	margin-left:1px;
	border:1px solid #e7e7e7;
}

.mc-calendar .btn-group .monthly-prev:hover,
.mc-calendar .btn-group .monthly-next:hover{
	background:#f53d7e;
}

.mc-calendar .btn-group .monthly-prev:hover i,
.mc-calendar .btn-group .monthly-next:hover i{
	color:#fff;
}

.mc-calendar .btn-group .monthly-prev.disabled,
.mc-calendar .btn-group .monthly-next.disabled,
.mc-calendar .btn-group .monthly-prev.disabled:hover,
.mc-calendar .btn-group .monthly-next.disabled:hover,
.mc-calendar .btn-group .monthly-prev.disabled:hover i,
.mc-calendar .btn-group .monthly-next.disabled:hover i{
	color:#999;
	background:#eee;
}


.mc-calendar table.tbl_calendar_pc{
	width:100%;
	margin:10px 0;
}

.mc-calendar table.tbl_calendar_pc th{
	font-size:12px;
	color:#fff;
	background:#333;
	border:1px solid #fff;
	width: 14.285714285714286%;
	text-align:center;
	padding:3px;
}

.mc-calendar table.tbl_calendar_pc tr,
.mc-calendar table.tbl_calendar_pc td{
	border:1px solid #e7e7e7;
}
.mc-calendar table.tbl_calendar_pc td{
	background:#fff;
	vertical-align:bottom;
	position:relative;
	height:80px;
}

.mc-calendar table.tbl_calendar_pc td:first-child .day-num{
	color:#da4453;
}
.mc-calendar table.tbl_calendar_pc td:last-child .day-num{
	color:#3bafda;
}

.mc-calendar .c-price{
	font-size:18px;
	font-weight:bold;
	color:#000;
	text-align:center;
	position: absolute;
	bottom:15px;
	width:100%;
}

@media (min-width : 992px) and (max-width : 1199px) {
	.mc-calendar .c-price{
		font-size:16px;
	}

}

.mc-calendar .day-num{
	font-size:14px;
	text-align:right;
	text-decoration:none !important;
	position: absolute;
	top:5px;
	right: 5px;
}

.mc-calendar .empty-day{
	background:#f4f4f4 !important;
}

.mc-calendar .empty-day .day-num{
	color:#B2B2B2 !important;
}

.mc-calendar table.tbl_calendar_pc a{
	display:block;
	min-height:80px;
}

.mc-calendar table.tbl_calendar_pc a:hover{
	text-decoration:none;
	background:#FEEBF2;
}

.mc-calendar table.tbl_calendar_pc .day-checked{
	background:#FEEBF2;
}

.mc-calendar table.tbl_calendar_pc a:hover .c-price{
	text-decoration:underline;
}

.mc-calendar table.tbl_calendar_pc .ic_decision{
	color:#fff;
	font-size:12px;
	font-weight:bold;
	background:#088A08;
	text-decoration:none !important;
	text-align:center;
	position: absolute;
	top:5px;
	left:5px;
	width:65px;
	border-radius:3px;
}

.mc-calendar table.tbl_calendar_pc .ic_stop{
	color:#fff;
	font-size:12px;
	font-weight:bold;
	background:#848484;
	text-decoration:none !important;
	text-align:center;
	position: absolute;
	top:5px;
	left:5px;
	width:65px;
	border-radius:3px;
}


.mc-calendar table.tbl_calendar_pc .ic_deadline{
	color:#fff;
	font-size:12px;
	font-weight:bold;
	background:#cc0000;
	text-decoration:none !important;
	text-align:center;
	position: absolute;
	top:5px;
	left:5px;
	width:65px;
	border-radius:3px;
}

/*
tbl_calendar_mbtab
***************************************/


.mc-calendar table.tbl_calendar_mbtab{
	width:100%;
	font-size:14px;
}

.mc-calendar table.tbl_calendar_mbtab tr{
	border-top:1px solid #e7e7e7;
}

.mc-calendar table.tbl_calendar_mbtab tr:last-child{
	border-bottom:1px solid #eee;
}

.mc-calendar table.tbl_calendar_mbtab td{
	padding:10px 0;
	height:60px;
}

.mc-calendar table.tbl_calendar_mbtab td:first-child{
	width:80px;
	padding-left:5px;
	padding-left:5px;
	text-align:center;
}

.mc-calendar table.tbl_calendar_mbtab td:nth-child(2){
	padding-left:5px;
	padding-left:5px;
	text-align:center;
}

.mc-calendar table.tbl_calendar_mbtab td:last-child{
	width:80px;
	padding-left:5px;
	padding-left:5px;
	text-align:center;
}

.mc-calendar table.tbl_calendar_mbtab tr.satday td:first-child{
	color:#3BAFDA;
}

.mc-calendar table.tbl_calendar_mbtab tr.holiday td:first-child{
	color:#DA4453;
}

.td_price{
	color:#000;
	font-size:18px;
	font-weight:bold;
}

.mc-calendar table.tbl_calendar_mbtab td p{
	margin-bottom:0;
}
.btn_reserve a{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	background:#f53d7e;
	text-decoration:none;
	display:block;
	padding:8px 0;
	border-radius: 3px;
}

.btn_soldout{
	font-weight:bold;
}

.mc-calendar table.tbl_calendar_mbtab tr.noset{
	background:#f4f4f4;
}

.mc-calendar table.tbl_calendar_mbtab .ic_decision{
	color:#fff;
	font-size:11px;
	font-weight:bold;
	background:#088A08;
	text-decoration:none !important;
	text-align:center;
	display:block;
	border-radius:3px;
}

.mc-calendar table.tbl_calendar_mbtab .ic_stop{
	color:#fff;
	font-size:11px;
	font-weight:bold;
	background:#848484;
	text-decoration:none !important;
	text-align:center;
	display:block;
	border-radius:3px;
}


.mc-calendar table.tbl_calendar_mbtab .ic_deadline{
	color:#fff;
	font-size:11px;
	font-weight:bold;
	background:#cc0000;
	text-decoration:none !important;
	text-align:center;
	display:block;
	display:block;
	border-radius:3px;
}

/*
tbl-mc-sc
***************************************/

table.tbl-mc-sc{
	width:100%;
	font-size:14px;
	border-collapse: separate;
	border-spacing: 0;
}

table.tbl-mc-sc + table.tbl-mc-sc{
	margin-top:15px;
}

table.tbl-mc-sc thead th{
	border: 1px solid #DDD;
	vertical-align: middle;
	padding:10px 30px;
	background: #F4F4F4;
	font-weight: bold;
	border-radius: 4px 4px 0 0;
}

table.tbl-mc-sc thead th span{
	float:right;
	font-weight:normal;
	font-size:12px;
	margin-top: 2px;
}

table.tbl-mc-sc thead th:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

table.tbl-mc-sc tbody th{
	width:150px;
	text-align:center;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

table.tbl-mc-sc tbody td{
	border-right: 1px solid #DDD;
}

table.tbl-mc-sc tbody th,
table.tbl-mc-sc tbody td{
	border-bottom: 1px solid #DDD;
	padding:15px 15px;
}

table.tbl-mc-sc tbody td.col-box{
	border-left: 1px solid #DDD;
	background:#fbf7eb;
}


table.tbl-mc-sc .bg-pink{
	color:#666;
	background:#FEF5F8;
	padding:15px;
	margin-top:12px;
}

table.tbl-mc-sc .bg-beige{
	color:#666;
	background:#fbf7eb;
	padding:15px;
	margin-top:5px;
}


table.tbl-mc-sc .bg-pink a{
	
}

table.tbl-mc-sc tbody th i{
    color: #F53D7E;
    margin-right:0;
}

p.detail-link {
	margin-top:10px;
	margin-bottom:0;
	font-size:16px;
	font-weight:bold;
}

.acc-menu.btn-plan-detail{
	text-align:right;
	margin-bottom:15px;
}
.acc-menu.btn-plan-detail a,
.acc-menu.btn-plan-detail a:hover{
	font-size:14px !important;
	background:#fff;
	padding:7px 20px;
	display:inline-block;
	border:1px solid #ddd;
	border-radius: 3px;
}

.acc-menu.btn-plan-detail a:hover{
	color:#F53D7E;
}

.acc-menu a.angle-down:after,
.acc-menu a.angle-down.collapsed:after{
	color:#F53D7E;
}

.sticky {
  position: -webkit-sticky; /* safari対応 */
  position: sticky;
  bokttom: 300px;　/* 上端から10pxのところで固定 */
}


@media(max-width:767px) {
	.mb-center{
		text-align:center !important;
	}
	table.tbl-mc-sc{
		font-size:12px;
	}
	
	table.tbl-mc-sc thead th{
		padding:7px 15px 4px 15px;
	}
	
	table.tbl-mc-sc thead th span{
		margin-top:0;
	}
	table.tbl-mc-sc tbody th{
		width:80px;
	}
	
	table.tbl-mc-sc tbody th,
	table.tbl-mc-sc tbody td{
		display:block;
		padding:10px;
	}
	
	table.tbl-mc-sc tbody th{
		width:100%;
	}
	
	table.tbl-mc-sc tbody td{
		border-left: 1px solid #DDD;
	}
	
	table.tbl-mc-sc .bg-pink{
		padding:5px;
		margin-top: 10px;
		font-size:11px;
	}
	
	table.tbl-mc-sc tbody tr:last-child td{
		border-radius: 0 0 4px 4px;
	}
}


/*
Map
***************************************/

#map {
	width: 100%;
	height: 500px;
	z-index:0;
	background:url(/st/share/area/layout/loading.gif) center center;
	background-repeat:no-repeat;
	border:#cccccc 1px solid;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


.mapzone{
	position:relative;
}

ul.yolp-ctrl li{
	height:auto !important;
}

/*
title
**************************************/

h1{
	font-size:22px;
	font-weight:bold;
}

.txt-red{
	color:#cc0000;
}

.plan-id{
	display: inline-block;
	font-weight: bold;
	color: #fff;
	padding: 2px 10px;
	margin: 2px 0 0 0;
	border-radius: 2px;
	background: #3BAFDA;
}

h2.mc-plan-name{
	font-size:16px;
	font-weight:bold;
	padding:3px 0;
}

h2.mc-plan-name02{
	font-size:14px;
	font-weight:bold;
	padding:3px 0;
	color:#f53d7e;
}


h2.mc-ttl{
	font-size:18px;
	font-weight:bold;
	color:#cc0000;
	margin-bottom:15px;
}

h2.mc-ttl02{
	font-size:20px;
	font-weight:bold;
	padding:10px 0;
}

article{
	padding-bottom:20px;
}
article p{
	font-size:14px;
	margin-bottom:10px;
}


@media(max-width:767px) {
	article{
		/*padding-top:40px;*/
	}
	p,
	.card-body p{
		font-size:12px;
	}
	
	h2.mc-ttl{
		font-size:15px;
	}
	h2.mc-ttl02{
		font-size:16px;
		font-weight:bold;
		padding:15px 0;
	}
	
}

/*
btn-back
**************************************/

.btn-back{
	display:inline-block;
	color:#333;
	font-weight:bold;
	background:#ccc;
	width:150px;
}

/*
btn-center01
**************************************/

.btn-center01{
	text-align:center;
}

/*
btn-center02
**************************************/

.btn-center02{
	padding:10px 0;
	text-align:center;
	margin-top:15px;
	margin-bottom:20px;
}

.btn-center02 .btn-back{
	padding:12px;
	font-size: 14px;
	margin-right:12px;
	width:100px;
}
.btn-center02 .btn-next{
	display:inline-block;
	padding:12px !important;
	margin:0 0 0 0 !important;
	float:none;
}

@media(max-width:767px) {
	.btn-center02 .btn-back{
		width:85px;
		margin-right:8px;
	}
	.btn-center02 .btn-next{

	}

}

.btn-center02 .btn-next.disabled{
	color:#fff !important;
	background:#666 !important;
	border-color:#666 !important;
}




/*
btn-acc
**************************************/

.btn-acc{
	text-align:center;
	background: #ddd;
    border: 1px solid #ccc;
	margin-bottom:15px;
	border-radius: 5px;
}

.btn-acc.acc-menu a{
	display:block !important;
	font-size:16px !important;
	padding:10px;
}

/*
btn_add,
btn_cancel
**************************************/

.btn_add,
.btn_cancel{
	display:block;
	width:100px;
	text-align:center;
	padding:3px 0;
	margin:10px auto;
	text-decoration:none;
	color:#fff;
	border-radius: 2px;
}

.btn_add:hover,
.btn_add:focus,
.btn_cancel:hover,
.btn_cancel:focus{
	color:#fff;
	opacity:0.8;
}

.btn_add{
	background:#f53d7e;
}

.btn_cancel{
	background:#585858;
}


/*
select-from-to
************************************/

.form-inline .form-control.select-from-to{
	width:129px;
	margin-bottom:0 !important;
}


@media(max-width:374px) {
	.form-inline .form-control.select-from-to{
		width:100px;
		padding:2px 5px;
	}

}



/*
userinfo-tbl
************************************/

.userinfo.card h3{
	font-size:14px;
	padding-top:0;
	margin-top:5px;
	margin-bottom:5px;
}

table.userinfo-tbl{
	width:100%;
}

table.userinfo-tbl th,
table.userinfo-tbl td{
	text-align:left !important;
	font-size:13px;
}

table.userinfo-tbl th{
	width:100px !important;
	padding-top:0;
}

table.userinfo-tbl td:last-child{
	width:auto;
}

table.userinfo-tbl tr {
	border-top:1px solid #DBDBDB;
}


table.userinfo-tbl tr:last-child{
	border-bottom:1px solid #DBDBDB;
}

table.userinfo-tbl td{
	padding-left:10px;
}

.userinfo-th{
	padding:5px;
	background:#eee;
	margin:5px 0;
	letter-spacing:-0.5px;
}

@media(max-width:767px) {
	.userinfo.card p{
		display:none;
	}
	table.userinfo-tbl th{
		width:100px !important;
	}
}

@media(max-width:374px) {
	.userinfo.card p{
		display:none;
	}
	table.userinfo-tbl th,
	table.userinfo-tbl td{
		width:100% !important;
		display:block;
	}
	
	table.userinfo-tbl td{
		padding:5px 5px 10px 5px;
	}
	table.userinfo-tbl th br{
		display:none;
	}

}


table.userinfo-tbl.top-bnone {
	margin-top:-10px;
}

table.userinfo-tbl.top-bnone tr:first-child{
	border-top:none;
}


/*
txt-b
************************************/

.txt-b{
	font-weight:bold;
}

/*
attention
************************************/
.attention{
	font-size:14px;
	color:#cc0000;
}

.attention .txt-b{
	font-size:14px;
	color:#333 !important;
}

@media(max-width:767px) {
	.attention .hissu{
		display:block;
	}
}

/*
field
************************************/

.field3{
	width:45px;
	padding:5px 5px;
	display:inline-block;
}

@media(max-width:374px) {
	.field3{
		width:45px;
		padding:2px;
		display:inline-block;
	}


}

.field4{
	display:inline-block;
	width:55px;
	padding:5px 5px;
}

.field10{
	margin-bottom:10px;
	margin-right:10px;
}

.age-group{
	margin-top:29px;
}

@media(max-width:767px) {
	.age-group{
		margin-top:0px;
		margin-bottom:15px;
	}
}

.age-group .field3{
	margin:0 5px;
}

.nameArea .field10{
	width:100%;
}

.form-control:disabled {
    background:#eee;
}

.select-card-brand-wrap,
.select-wrap-short {
	position:relative;
	display:inline-block;
}

.select-card-brand-wrap:before,
.select-wrap-short:before {
	z-index: 1;
	position: absolute;
	right: 10px;
	top:0px;
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-weight:900;
	line-height: 40px;
	color: #F53D7E;
	font-size:18px;
	pointer-events: none;
}

.w-80px{
	width:80px;
}

.w-90px{
	width:90px;
}

.w-100px{
	width:100px;
}

.w-120px{
	width:120px;
}

.w-150px{
	width:150px;
}

select.form-control{
	font-size:16px;
}

select.card-brand{
	width:150px;
}


.img-security-code-wrap{
	position:relative;
	height:160px;
}

.img-security-code{
	position: absolute;
	top:-27px;
	left:110px;
}

.img-security-code-wrap p{
	position: absolute;
	top:78px;
	left:0px;
}

.american-ex{
	margin-top:27px;
	margin-bottom:10px;
}

.pay-inner{
	margin-top:-9px;
	padding:10px 15px;
	background:#f4f4f4;
}

@media(max-width:767px) {
	.select-card-brand-wrap,
	select.card-brand{
		width:100%;
	}
	.img-security-code-wrap{
		height:210px;
	}
	.img-security-code{
		top:40px;
		left:-5px;
	}
	.img-security-code-wrap p{
		top:auto;
		bottom:0px !important;
		left:0 !important;
	}
	
	.american-ex{
		margin-top:10px;
		margin-bottom:10px;
	}
	.american-ex br{
		display:none;
	}
}

.mini{
	font-size:12px;
}

/*
mc-tab
************************************/

.nav.mc-tab a{
	font-size:14px;
	font-weight:bold;
	color:#333;
	border:none;
	background:#eee;
	padding:10px;
	border-radius: 5px 5px 0 0 ;
	display:block;
	text-align:center;
	border:1px solid #DBDBDB;
}

.nav.mc-tab a:hover,
.nav.mc-tab a.active{
	color:#fff;
	border:1px solid #f53d7e;
	background:#f53d7e;
}

.nav-tabs.mc-tab .nav-item{
	margin-bottom:0px;
}
.nav-tabs.mc-tab{
	border-bottom:3px solid #f53d7e;
}
.nav.mc-tab li{
	width:32.8%;
}
.nav.mc-tab li + li{
	margin-left:3px;
}

@media(max-width:767px) {
	.nav.mc-tab li{
		width:31.8%;
	}
	
	.nav.mc-tab a{
		font-size:12px;
		padding:10px 0;
	}
}


.tab-pane.active{
	animation: fadeIn 0.8s ease 0s 1 normal;
	-webkit-animation: fadeIn 0.8s ease 0s 1 normal;
}

@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

.select-wrap a{
	display:block;
	background:#fff;
	padding: .375rem .75rem;
	text-decoration:none;
	border:1px solid #DBDBDB;
	border-radius: 2px;
}




/*
check-inout-box
************************************/

.check-inout-box{
	padding:10px;
	background:#f4f4f4;
}

.check-inout-box hr{
	margin:7px 0 12px 0;
}


ul.check-inout li{
	float:left;
	font-weight:bold;
	font-size:14px;
}

.txt-pepa{
	color:#fff;
	padding:2px 10px 0px 10px;
	margin:0 10px;
	background:#666;
	border-radius:3px;
	display:inline-block;
}

@media(max-width:767px) {
	ul.check-inout li{
		float:none;
	}
	.txt-pepa{
		margin:5px 0;
	}

}

/*
atena-box 
************************************/

#atena-box .btn-group{
	border: 1px solid #F53D7E;
	margin-bottom:10px;
}

#atena-box .btn-group .btn{
	font-size:14px;
	padding-left:10px;
	padding-right:10px;
}

#atena-box input[type="text"] {
	margin-bottom:5px;
}

/*
 txt-change
************************************/

p.txt-change{
	color:#f53d7e;
	font-size:15px;
	font-weight:bold;
	padding:10px;
	background:#FBEFF5;
}



/*
narubeku
************************************/

.narubeku {
	position: relative;
	background:#088A08;
	margin-top:5px;
	margin-left:110px;
	padding:5px 10px;
	border-radius:3px;
	color:#fff;
	font-size:14px;
	display:inline-block;
}
.narubeku:after {
	bottom: 100%;
	left: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(18, 117, 34, 0);
	border-bottom-color: #088A08;
	border-width: 10px;
	margin-left: -10px;
}

@media(max-width:767px) {
	.narubeku {
		margin-top:0px;
		margin-left:0;
	}
	.narubeku:after {
		bottom: 100%;
		left: 50%;
	}

}



/*
zaseki_atnplan
************************************/

.zaseki_atnplan{
	font-size:14px;
	margin-bottom:15px;
}

/*
input-check-block
************************************/

.input-check-block{
	margin-top:15px;
}

.rtbox{
	display:block;
	font-size:16px !important;
	margin-bottom:5px;
}

.rtbox input[type="radio"]{
	margin-right:10px;
}

/*
pecuperson-tbl
************************************/

.pecuperson-tbl{
	font-size:14px;
	width:100%;
	border-spacing:8px;
}

.pecuperson-tbl th.col1{
	width:85px;
	padding:5px 5px 5px 0;
}

.pecuperson-tbl th .bg-g{
	background:#f4f4f4;
	padding:5px;
}

.pecuperson-tbl th:first-child,
.pecuperson-tbl td:first-child{
	text-align:center;
}

.pecuperson-tbl tr{
	border-top:1px solid #DBDBDB;
}

.pecuperson-tbl tr:last-child{
	border-bottom:1px solid #DBDBDB;
}

.pecuperson-tbl td{
	padding:5px;
	margin-left:10px;
}



/*
tipoico
************************************/

.tipoico{
	margin-top:10px;
	margin-bottom:5px;
	font-weight:bold;
}

.tipoico .impeico{
	margin-right:10px;
}

.tipoico i{
	color:#666;
}


/*
cho-tbl
************************************/

table.cho-tbl{
	margin:5px 0 15px 0;
	width:100%;
}

table.cho-tbl td{
	border:1px solid #DBDBDB;
	padding:10px;
}

.chohd{
	width:180px;
	font-weight:bold;
	background:#f4f4f4;
	text-align:center;
}

.chohd span{
	display:block;
}

.chohd i{
	font-size:18px;
	color:#F53D7E;
	margin-right:0 !important;
}

.chohd .p-tipoico i{
	color:#666;
}

.chohd .leader,
.chohd .leader i{
	color:#F53D7E !important;
}

table.cho-tbl a{
	text-decoration:underline;
}

table.cho-tbl a:hover{
	color:#F53D7E;
}

table.cho-tbl,
.chori p{
	font-size:12px;
	margin-bottom:5px;
}

.chori li{
	list-style:none;
}

.chori-ttl{
	color:#F53D7E;
	margin-bottom:5px;
}

.popicosp{
	margin-right:5px;
}


.kay{
	font-size:11px;
	padding:3px 7px;
	background:#eee;
	border-radius: 3px;
	margin:0 3px 5px 0;
	display:inline-block;
	line-height:1.0;
}

.total_p{
	font-size:14px;
	font-weight:bold;
	background:#f4f4f4;
	padding-left:15px !important;
	border-top: #ccc 3px double!important;
}

@media(max-width:767px) {
	.chohd{
		width:100%;
	}
	
	table.cho-tbl{
		margin:5px 0;
	}
	
	table.cho-tbl td{
		display:block;
		margin:0;
		padding:5px;
		vertical-align: middle;
	}
	
	table.cho-tbl .chohd,
	table.cho-tbl .chori{
		margin-top:-1px;
		margin-bottom:-1px;
	}
	
	
	.chohd span br{
		display:none;
	}
	
	.chohd i{
		font-size:16px;
	}
}


@media(max-width:374px) {
	.chohd i{
		font-size:14px;
	}
	table.cho-tbl,
	.chori p{
		font-size:11px;
	}
}

/*
pr-link
************************************/

.totalprice{
	position: relative;
}

.pr-link{
	position: absolute;
	bottom: -2px;
	right:0px;
}

.pr-link a{
	color:#333;
	font-weight:normal !important;
	font-size:12px !important;
}

.pr-link i{
	font-size:14px !important;
}

.pr-link02{
	text-align:right;
}

.pr-link02 a{
	font-size:12px !important;
}

.pr-link02 i{
	font-size:14px !important;
	color:#F53D7E;
}

.pr-link03{
	text-align:left;
	margin-bottom:20px;
}

.pr-link03 a{
	font-size:14px !important;
	font-weight:bold;
}

.pr-link03 i{
	font-size:14px !important;
	color:#F53D7E;
}


/*
acc-menu
************************************/

.acc-menu a,
.acc-menu a:hover{
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	display:inline-block;
}

.acc-menu a.angle-down:hover{
	cursor:pointer;
}

.acc-menu a.angle-down.collapsed:after{
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-weight:900;
	margin-left:10px;
}

.acc-menu a.angle-down:after{
	content: "\f106";
	font-family: "Font Awesome 5 Free";
	font-weight:900;
	margin-left:10px;
}

.totalprice .acc-menu a.angle-down{
	/*margin-left:20px;*/
}

/*
select-1-1-box
************************************/

.select-1-1-box{
	background:none;
	padding:0;
	margin-bottom:10px;
}

/* TOUR 料金明細 */
.tour-ryokinub-tbl{
	font-size:12px;
	clear:both;
	/*table-layout:fixed;*/
	/*margin-bottom:15px;*/
	margin-bottom:15px;
	width:100%;
	border:#ccc 1px solid;
}

.tour-ryokinub-tbl p{
	font-size:12px;
}

.tour-ryokinub-tbl tr{
}
.tour-ryokinub-tbl td{
	/*border-bottom:#ccc 1px dotted;*/
	vertical-align:top;
	padding-top:8px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:5px;
}
.tour-ryokinub-tbl th{
	border-bottom:#ccc 1px solid;
	border-right:#ccc 1px solid;
	vertical-align:top;
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:5px;
	background-color:#dddddd;
	font-weight:bold;
}
.tour-ryokinub-tbl .value{
	background-color:#f0f0f0;
	width:65px;
	vertical-align:middle;
	font-weight:bold;
}
.tour-ryokinub-tbl .rozintro{
	line-height:1.6;
	font-size:14px;
	background-color:#e7e7e7;
	border-top:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
}
.tour-ryokinub-tbl .roz{
	background-color:#f5f5f5;
	border-bottom:#ccc 1px solid;
	border-top:#ccc 1px solid;
}
.tour-ryokinub-tbl .nrg{
	text-align:right;
}
.tour-ryokinub-tbl .min{
	color:#cc0000;
}

.tour-ryokinub-tbl .unselected{
	color:#cc0000;
}

.tour-ryokinub-tbl .totfin{
	font-size:14px;
	font-weight:bold;
	border-top:#ccc 3px double!important;
	border-bottom:#ccc 1px solid!important;
	white-space:nowrap;
}
.tour-ryokinub-tbl .totline{
	border-top:#ccc 3px double!important;
}
/*.colone{width:490px;}*/
/*.coltwo{width:150px;}*/
/*.colthree{width:188px;}*/

.tour-ryokinub-tbl .vdot{
	border-bottom: 1px dotted #ccc;
}
.tour-ryokinub-tbl .colcoup{
	width:600px;
	border-bottom: 1px dotted #ccc;
}
.tour-ryokinub-tbl .colcoup p{
	font-weight:bold;
}

.chori p{
	font-weight:bold;
}




.videtail p{
	font-weight:bold;
}


.tour-ryokinub-tbl .colweb{
	text-align:center;
	border-right:1px solid #ccc;
	border-bottom: 1px dotted #ccc;
	background:#f8f8f8;
	/*white-space:nowrap;*/
	width:130px;
}

.tour-ryokinub-tbl .colweb i{
	color:#F53D7E;
	margin-right:0;
}
.tour-ryokinub-tbl .colweb span{
	font-size:12px;
	font-weight:bold;
}

.tour-ryokinub-tbl .colicon{
	padding-right:0;
	padding-left:0;
	width:30px;
	border-bottom: 1px dotted #ccc;
	text-align:center;
}
.tour-ryokinub-tbl .colweb .absmid{
}
*:first-child+html .tour-ryokinub-tbl .colweb .absmid{
	float:right;
border: 1px solid #c00;
}

.tour-ryokinub-tbl .colinfo{
	width:168px;
}


@media(max-width:767px) {
	.tour-ryokinub-tbl{
		font-size:12px;
	}
	
	.tour-ryokinub-tbl td{
		padding:5px 7px;
	}
	
	.tour-ryokinub-tbl .colweb{
		width:80px;
	}
	.tour-ryokinub-tbl .colweb span{
		font-size:12px;
	}
	
	.tour-ryokinub-tbl .colcoup {
		width: auto !important;
	}
}

.picknote {
	margin-bottom:15px;
}


/* TOUR 料金明細 END */

/*
price-mc
********************************/

dl.price-mc{
	font-size:14px;
	padding:10px;
	background:#f4f4f4;
	width:100%;
	margin:0 auto;
}


dl.price-mc dt{
	width:130px;
	float:left;
}


dl.price-mc dd{
	text-align:right;
	margin-left:150px;
}


/*
totalprice-set
********************************/

dl.totalprice-set{
	width:220px;
	float:right;
}

dl.totalprice-set dt{
	width:120px;
	float:left;
}

dl.totalprice-set dd{
	margin-left:120px;
	font-weight:bold;
	text-align:right;
}

dl.totalprice-set dt,
dl.totalprice-set dd{
	padding:3px 10px;
	font-size:15px;
}

dl.totalprice-set:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

/*
discount-price-set
********************************/

dl.discount-price-set{
	width:300px;
	float:right;
}

dl.discount-price-set dt{
	width:200px;
	float:left;
}

dl.discount-price-set dd{
	margin-left:200px;
	color:#cc0000;
	font-weight:bold;
	text-align:right;
}

dl.discount-price-set dt,
dl.discount-price-set dd{
	padding:3px 10px;
	font-size:15px;
}

dl.discount-price-set:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

@media(max-width:767px) {
	dl.totalprice-set,
	dl.discount-price-set{
		float:none;
		width:100%;
	}
	
	dl.totalprice-set dd,
	dl.discount-price-set dd{
		text-align:right;
	}

}

/*
totalprice
********************************/

dl.totalprice dd{
	font-size:20px;
}

@media(max-width:374px) {
	.card-body dl.totalprice dt{
		width:120px;
	}
	.card-body dl.totalprice dd{
		margin-left:120px;
		font-size:20px;
	}

}


/*
add-box
********************************/

.add-box.card .close{
	top:10px;
	right:10px;
}

.add-box .btn-group{
	margin-bottom:0;
}

.add-box .btn-group label{
	width:120px;
	text-align:center;
}


.add-box input[type="text"].form-control{
	padding:2px 3px !important;
	height:auto;
}

.add-box .userinfo-tbl th{
	padding:2px 0px;
}

.add-box .select-1-1-box{
	margin-bottom:0;
}

.melmaga-link{
	position: absolute;
	bottom:-20px;
	left: 20px;
}

.add-box .userinfo-tbl td:last-child{
	position: relative;
}

.add-box table.userinfo-tbl tr:last-child{
	border-bottom:none;
}

.btn-add02{
	display:inline-block;
	width:300px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	background:#333;
	padding:10px 20px;
	border-radius: 5px;
	margin-bottom:30px;
}

.btn-add02:hover,
.btn-add02:focus{
	color:#fff;
	text-decoration:none;
	opacity:0.8;
}

.btn-add02 i{
	margin-right:10px;
}


@supports (-ms-ime-align: auto) {
	.melmaga-link {
		position: absolute;
		bottom: -38px;
		left: 20px;
	}
}



@media(max-width:767px) {
	.add-box table.userinfo-tbl{
		margin-bottom:45px !important;
	}
	.add-box table.userinfo-tbl th{
		width:100px !important;
	}
	
	.add-box .btn-group label{
		width:100px;
	}

	.melmaga-link{
		position: absolute;
		bottom:-40px;
		left: -100px;
	}
	
	.btn-add02{
		width:100%;
	}
	
	@supports (-ms-ime-align: auto) {
		.melmaga-link {
			position: absolute;
			bottom: -60px;
			left: 20px;
		}
	}

}

@media(max-width:374px) {
	.add-box table.userinfo-tbl{
		margin-bottom:45px !important;
	}
	
	.add-box .btn-group{
		margin:5px 0;
	}
	.add-box .btn-group label{
		width:84px;
		font-size:11px;
		padding:3px 2px;
	}
	
	.add-box table.userinfo-tbl th,
	.userinfo-th{
		width:100% !important;
	}
	
	.melmaga-link{
		position: absolute;
		bottom:-40px;
		left: 0px;
	}


}

/*
select-bus-plan-card
******************************/

.bin-list .card.select-bus-plan-card{
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
}

.select-bus-plan-card + .select-bus-plan-card{
	margin-top:20px !important;
}

/*
select-bus-plan-list
******************************/

ul.select-bus-plan-list{
	background:#ddd;
}
ul.select-bus-plan-list li{
	padding:15px 20px 15px 20px;
	font-size:14px;
	position: relative;
	background:#fff;
	border:2px solid transparent;
	margin-top:1px;
}

ul.select-bus-plan-list li:hover{
	cursor:pointer;
	background:#FEF5F8;
}

ul.select-bus-plan-list li:hover:after{
	color: #F53D7E;
}

ul.select-bus-plan-list li.active{
	background:#FEF5F8;
	border:2px solid #F53D7E;
}

ul.select-bus-plan-list li.active .show-box a.btn-back{
	display:none !important;
}

ul.select-bus-plan-list li.active .show-box a.btn-next{
	width:280px;
}

@media(max-width:767px) {
	ul.select-bus-plan-list li.active .show-box a.btn-next{
		width:100%;
	}

}

ul.select-bus-plan-list li:after{
	position: absolute;
	top:10px;
	left:15px;
	content: "\f058";
	font-family: "Font Awesome 5 Free";
	font-weight:900;
	color: #ccc;
	font-size:20px;
}

ul.select-bus-plan-list li.active:after{
	color: #F53D7E;
}

ul.select-bus-plan-list li.active:hover{
	cursor:default;
}


.price-breakdown label{
	font-size:14px;
	margin-bottom:0;
}

.select-bus-plan-box dl{

}

.select-bus-plan-box dl dt{
	float:left;
	padding-left:35px;
}

.select-bus-plan-box dl dd{
	text-align:right;
	font-weight:bold;
}

.select-bus-plan-box a{
	text-decoration:underline;
}

.select-bus-plan-box a:hover{
	text-decoration:none;
}

.select-bus-plan-box dl dd .txt-price{
	color:#cc0000;
	font-size:16px;
}

.price-breakdown{
	border:1px solid #ccc;
	padding:7px 10px 5px 10px;
	margin:10px auto 0 auto;
	border-radius: 3px;
	width:450px;
	background:#fff;
}

.price-breakdown dl{
	width:350px;
	margin:0 auto;
}

.price-breakdown dl dt{
	width:155px;
	float:left;
}


.price-breakdown dl dd{
	margin-left:155px;
	text-align:right;
}

.price-breakdown dl dd:after,
.price-breakdown ol:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.price-breakdown ol {
	counter-reset: my-counter;
	list-style: none;
	padding:0;
	background:none;
	margin-left:150px;
}

.price-breakdown ol li{
	text-align:left;
}

.price-breakdown ol li span{
	margin-bottom: 5px;
	padding: 0 !important;
	position: relative;

}
.price-breakdown ol li span:before{
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #ccc;
	color: #222;
	position: absolute;
	top:0px;
	left:-2em;
	display: block;
	line-height: 22px;
	text-align: center;
	height: 20px;
	width: 20px;
	border-radius: 50%;
}

dl.multi-list{
	width:350px;
	margin:0 auto 5px auto;
}

dl.multi-list dt{
	width:100%;
	float:none;
	margin-bottom:3px;
}

dl.multi-list dd{
	margin-left:0;
}

dl.multi-list dd li{
	text-align:left
}
.show-box{
	display:none;
}

ul.select-bus-plan-list li.active .show-box{
	display:block;
}



@media only screen and (min-width : 768px) and (max-width : 991px) {
	.bin-list .card .seat-right{
		min-height: 105px;
		margin-left:150px;
	}
	.bin-list .card img.thumb{
		left:10px;
	}
	

}


@media(max-width:767px) {
	.bin-list .card.select-bus-plan-card img.thumb{
		left:10px;
	}
	
	.select-bus-plan-box dl dt{
		float:none;
		width:100%;
	}
	.select-bus-plan-box dl dd{
		margin-left:0;
		width:100%;
	}
	
	.bin-list .card.select-bus-plan-card .seat-right{
		margin-left:100px;
	}
	ul.select-bus-plan-list{
		margin-top:15px;
	}
	ul.select-bus-plan-list li{
		padding:15px 15px 15px 15px;
	}
	
	.price-breakdown,
	.price-breakdown dl{
		width:100%;
	}
	.price-breakdown dl{
		margin-top:5px;
	}
	
	.price-breakdown dl dt,
	.price-breakdown dl dd{
		line-height:1.3;
		margin-bottom:2px;
	}

	.bin-list .card.select-bus-plan-card .seat-right .ellipsis{
		top: 10px;
    	right: 5px;
	}
	
	dl.multi-list{
		width:100%;
		margin:0 auto 5px auto;
	}

	dl.multi-list dt{
		width:100%;
		float:none;
		margin-bottom:3px;
	}

	dl.multi-list dd{
		margin-left:90px;
	}
	
	.price-breakdown ol {
		margin-left:30px;
	}
	
	.price-breakdown ol li{
		width:auto;
		padding:0 !important;
		margin-bottom:5px;
	}

}

@media(max-width:374px) {
	.price-breakdown dl dt{
		width:90px;
		float:left;
	}

	.price-breakdown dl dd{
		margin-left:90px;
		text-align:right;
	}
	
	dl.multi-list{
		width:100%;
		margin:0 auto 5px auto;
	}

	dl.multi-list dt{
		width:100%;
		float:none;
		margin-bottom:10px;
	}

	dl.multi-list dd{
		margin-left:50px;
	}
	
	.price-breakdown ol {
		margin-left:30px;
	}
	
	.price-breakdown ol li{
		width:auto;
		padding:0 !important;
		margin-bottom:5px;
	}

	

}

/*
tbl-bus-station
******************************************/

.tbl-bus-station{
	margin-bottom:5px;
}

.tbl-bus-station tr{
	border-top:1px solid #DBDBDB;
}

.tbl-bus-station tr:last-child{
	border-bottom:1px solid #DBDBDB;
}

.tbl-bus-station th{
	width:70px;
}

.tbl-bus-station th{
	font-size:12px;
	padding:5px 0;
}

.tbl-bus-station td{
	font-size:12px;
	padding:5px 0 5px 8px;
}

.tbl-bus-station td span{
	color:#cc0000;
}

.tbl-bus-station th div{
	background:#eee;
	padding:5px;
}


/*
saiyasune_box
******************************************/
.saiyasune_box {
	position: relative;
	background: #d50000;
	border-radius: 2px;
	-webkit-border-radius: 2px;  
	-moz-border-radius: 2px; 
	padding:2px 6px 2px 5px;
	color:#fff;
	font-size:12px;
	margin:0px 10px 7px 0;
	display:inline-block;
}

.saiyasune_box:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(213, 0, 0, 0);
	border-left-color: #d50000;
	border-width: 4px;
	margin-top: -4px;
}

/*
img-type
***********************************/

.img-type .bin-ttl-box{
	padding-top:5px;
}

.img-type .i-hirukou,
.img-type .i-yakou{
	width:54px;
	height:auto;
}

.img-type .card-header .bin-ttl-box h2{
	position: absolute;
	top:32px;
	left:85px;
}

.img-type .bus-logo{
	width:120px;
	height:auto;
	position: absolute;
	top:3px;
	right:0px;
}

.brand-name{
	position: absolute;
	top:17px;
	left:85px;
	font-weight:bold;
	color:#999;
	font-size:12px;
}

.img-type ul.BusSeatIcon li{
	float:left;
	margin-right:3px;
}

.img-type ul.BusSeatIcon li:last-child{
	margin-right:0;
}

@media(min-width:992px) {

	.img-type .card-header .bin-ttl-box h2{
		position: absolute;
		top:8px;
		left:65px;
	}

	.brand-name{
		position: absolute;
		top:10px;
		right:0;
		text-align:right;
		font-size:16px;
	}

}

@media(min-width:768px) {
	.img-type .bin-list .card.select-bus-plan-card img.thumb{
		position:absolute;
		left:-140px;
		height:auto;
	}
	.img-type .bin-list .card.select-bus-plan-card .seat-right{
	    min-height: 120px !important;
	    margin-bottom:0;
	}
}

@media(max-width:767px) {
	.img-type .card-header .bin-ttl-box h2{
		font-size:16px;
	}
	.img-type .bin-list .card.select-bus-plan-card .seat-right{
		margin-left:0px;
		margin-bottom:10px;
		text-align:center;
	}
	
	.img-type .bin-list .card.select-bus-plan-card .seat-right h3{
		padding-left:10px;
		margin-bottom:8px;
		text-align:left;
	}
	
	.img-type .bin-list .card.select-bus-plan-card img.thumb{
		position:static;
		width:305px;
		height:auto;
		margin-top:10px;
		margin-bottom:10px;
		display:inline-block;
	}
	
	.img-type ul.BusSeatIcon{
		position:static;
		text-align:center;
		margin-top:8px;
		width:300px;
	}
	
	.img-type ul.BusSeatIcon li{
		float:none;
		display:inline-block;
		margin-right:0;
	}
	.img-type ul.BusSeatIcon li img{
		width:28px;
	}
	
	.img-type ul.seat-spec{
		padding-left:10px;
	}
	
	.img-type .select-bus-plan-list{
		margin-top:0;
	}

}

@media(max-width:374px) {
	.img-type .bin-list .card.select-bus-plan-card img.thumb{
		width:250px;
	}
	
	.img-type ul.BusSeatIcon{
		width:250px;
	}
	
	.img-type ul.BusSeatIcon li img{
		width:25px;
		margin-bottom:5px;
	}
	
	.img-type .bus-logo{
		top:55px;
		left:20px;
	}

}

/*
利用人数選択
******************************/

.card.p-num h3{
	color:#cc0000;
	padding-top:0;
}

.p-num .people-selection input{
	text-align:center;
}

.p-num .input-group .sex-txt{
	color:#666;
	font-size:12px;
	left: 53px;
}

@media(min-width : 1200px) {
	.p-num .people-selection input{
		text-align:right;
	}
	
	.p-num input[type="text"].form-control{
		padding: 2px 45px 2px 3px !important;
	}
	
	.p-num input[type="text"].form-control.text-center{
		padding: 2px 3px 2px 3px !important;
	}
	
}
@media(min-width : 992px) and (max-width : 1199px) {
	.p-num .people-selection input{
		text-align:right;
	}
	
	.p-num input[type="text"].form-control{
		padding: 2px 14px 2px 3px !important;
	}0
	
	.p-num input[type="text"].form-control.text-center{
		padding: 2px 3px 2px 3px !important;
	}
	
	.p-num .input-group .sex-txt{
		font-size:11px;
	}

}

@media(max-width:767px) {
	.p-num .people-selection input{
		text-align:center;
	}
	
	.p-num input[type="text"].form-control{
		padding: 2px 7px 2px 3px !important;
	}
	
	.p-num .input-group .sex-txt{
		font-size:11px;
	}

}

.btn-open{
	text-align:center;
	margin:15px 0;
}


.btn-open a,
.btn-open a:hover{
	color:#666;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}

.btn-open a.ac:before{
	content:"\f146";
	font-family: "Font Awesome 5 Free";
	font-weight:900;
	margin-right:5px;
	color:#F53D7E;
}
.btn-open a.ac.collapsed:before{
	content:"\f0fe";
	font-family: "Font Awesome 5 Free";
	font-weight:900;
	margin-right:5px;
	color:#F53D7E;
}

@media(max-width:374px) {
	.p-num .people-selection input{
		text-align:center;
	}
	
	.p-num input[type="text"].form-control{
		padding: 2px 3px 2px 3px !important;
	}

}

.txt-green{
	color:#228b22 !important;
}

/*
乗降地選択
******************************/

.ttl-getoff-group-select{
	font-size:14px;
	vertical-align: 7px;
	margin-right:5px;
	font-weight:bold;
}

.getoff-group-select.btn-group{
	margin-bottom:15px;
}
.getoff-group-select .btn{
	font-size:14px !important;
	font-weight:bold;
	width:172px;
}
	
@media(max-width:767px) {
	.ttl-getoff-group-select{
		vertical-align: 0px;
		margin-right:0px;
	}

}

@media(max-width:374px) {
	.getoff-group-select .btn{
		width:145px;
		font-size:12px !important;
	}

}

.get-off dl{
	width:250px;
	float:right;
	margin-top:5px;
}

.get-off dl dt{
	width:100px;
	text-align:right;
	float:left;
	font-size:14px;
	padding:3px 5px;
}


.get-off dl dd{
	margin-left:120px;
	text-align:right;
	padding:3px 5px;
	font-size:14px;
	font-weight:bold;
	color:#F53D7E;
}

.station-name{
	font-size:14px;
	padding:10px;
	background:#FEF5F8;
}

.getoff-group + .getoff-group{
	border-top:1px solid #DBDBDB;
	margin-top:20px;
	padding-top:20px;
}

.ttl-person{
	font-weight:bold;
}


/*
商品情報
*******************************/

.card.important-box{
	padding:0;
}

.card.important-box .card-header{
	color:#fff;
	background:#F78181;
	border:none;
	margin-left:-1px;
	margin-right:-1px;
}


.card.important-box .card-header h2{
	font-size:15px;
}

.card.important-box .card-header h2 i{
	color:#fff;
}

.card.important-box{
	border:1px solid #F5A9A9;
}

.card.important-box dl + dl{
	margin-top:20px;
}

.card.important-box dt{
	margin-bottom:5px;
}

#information .card-body,
.card.important-box .card-body{
	font-size:12px;
	color:#666;
}

/*
キャンセル
*******************************/

table.cancel-txt tr:first-child th,
table.cancel-txt tr:first-child td {
    padding:15px 0;
}

table.cancel-txt td{
	text-align:center;
}

@media (min-width: 992px){
	table.cancel-txt th {
	    width: 85%;
	}
}
/*
.modal-body .carousel
******************************/

.modal-body .carousel{
	width:320px;
	margin:0 auto 20px auto;
}

.modal-body ul.BusSeatIcon{
	position:static;
	text-align:center;
	margin-top:0px;
}

.modal-body ul.BusSeatIcon li{
	float:none;
	display:inline-block;
	margin-right:0;
	margin-bottom:10px;
}

@media(max-width:767px) {
	.modal-body ul.BusSeatIcon li img{
		width:30px;
	}

}


@media(max-width:374px) {
	.modal-body .carousel{
		width:270px;
	}
}

/*
car-num
******************************/

.car-num{
	margin-top:20px;
	text-align:center;
	line-height:1.0;
	position: relative;
}

.car-num .txt-count{
	margin:0 5px;
	display:inline-block;
	color:#666;
}

.car-num a:hover,
.car-num a:focus{
	text-decoration:none;
	opacity:0.8;
}

.car-num .prev-link,
.car-num .next-link{
	display:inline-block;
	text-align:center;
	width:85px;
	background:#F53D7E;
	border-radius: 3px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding:8px 5px;
}

.car-num .prev-link i{
	color:#fff !important;
	margin:0 5px 0 0 !important;
}

.car-num .next-link i{
	color:#fff !important;
	margin:0 0 0 5px !important;
}

.car-num .prev-link.disabled,
.car-num .next-link.disabled{
	color:#fff !important;
	background:#ccc !important;
}

.car-num .prev-link.disabled i,
.car-num .next-link.disabled i{
	color:#fff !important;
}

.ttl-car-num{
	display:block;
	text-align:center;
	font-size:16px !important;
	font-weight:bold;
	padding:5px 5px;
	width:80px;
	margin:15px auto 15px auto !important;
}


@media(max-width:374px) {
	.car-num{
		margin-top:35px;
	}
	.car-num .txt-count{
		position: absolute;
		top:-25px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	
	.car-num .prev-link{
		margin-right:10px;
	}

	.car-num .next-link{
		margin-left:10px;
	}
	

}

/*
select-seat-tab
******************************/

ul.select-seat-tab .nav-item a{
	font-weight:bold;
	background:#eee;
}

ul.select-seat-tab .nav-item a.active{
	color:#fff;
	background:#F53D7E;
	border-bottom:none;
}

ul.select-seat-tab .nav-item + .nav-item{
	margin-left:3px;
}


/*
bus-station-box
******************************/

.bus-station-box.bus-geton-day{
	color:#333;
	background:#eee;
	border:1px solid #ccc;
	padding:5px;
	width:110px;
	line-height:33px;
	text-align:center;
}

.bus-station-box.bus-getoff-day{
	color:#333;
	background:#eee;
	border:1px solid #ccc;
	padding:5px;
	width:110px;
	line-height:33px;
	text-align:center;
}

.overnight{
	color:#333;
	background:#E0E6F8;
	padding:2px 5px;
	width:60px;
	height: 44px;
	margin-bottom:0;
	position: relative;
	font-size:14px;
}

.overnight span{
	display:block;
	width:100%;
	text-align:center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

@media(max-width:767px) {
	.bus-station-box.bus-geton-day{
		display:block;
		width:100%;
		min-height:auto;
	}
	.bus-station-box.bus-getoff-day{
		display:block;
		width:100%;
		min-height:auto;
	}
	
	.bus-station-box.bus-geton-day span,
	.bus-station-box.bus-getoff-day span{
		margin-left:10px;
	}
	
	.bus-get-arrow{
		display:none;
	}
	
	.overnight{
		display:block;
		margin-bottom:8px;
	}
	

}

/*
ticket-select
***************************************/

.card.ticket-select .card-body{
	padding:0px 0;
}

.card.ticket-select .card-header{
	padding:0;
	background:none;
	border-bottom:none;
	position: relative;
}
.card.ticket-select .card-header h2{
	font-size:16px;
	margin-bottom:5px;
}

.card.ticket-select .ellipsis {
	right:0;
}

.card.ticket-select .person-select li{
	float:left;
}

.card.ticket-select .person-select li{
	width:150px;
}

.ticket-group{
	padding:20px;
	border: 2px solid transparent;
}

.ticket-group + .ticket-group{
	padding-top:20px;
	border-top:1px solid #ddd;
}

.card.ticket-select{
	
}

.card.ticket-select .acc-menu{
	background:#eee;
}

.card.ticket-select .acc-menu a{
	display:block;
	padding:7px 10px;
	position: relative;
}

.card.ticket-select .acc-menu a.angle-down:after{
	display:none;
}

.card.ticket-select .acc-menu a.angle-down.collapsed:before{
	content: "\f13a";
	font-family: "Font Awesome 5 Free";
	font-weight:900;
}

.card.ticket-select .acc-menu a.angle-down:before{
	content: "\f139";
	font-family: "Font Awesome 5 Free";
	font-weight:900;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 5px;
	font-size:16px;
}

ul.person-select {
	padding:10px 0 0 10px;
}

.person-select input[type="checkbox"]{
    width: 20px;
    height: 20px;
    vertical-align: -5px;
    margin-right:5px;
}

.card.ticket-select .person-select li label{
	font-size:14px;
	font-weight:normal;
}

.person-select input[type="checkbox"]:hover,
.card.ticket-select .person-select li label:hover{
	cursor:pointer;
}

.ticket-group .acc-menu dl{
	
}

.ticket-group .acc-menu dl dt{
	float:left;
	width:50px;
	text-align:right;
}



.ticket-num{
	font-weight:bold;
	margin-left:10px;
	color:#339900;
}

.sagaku{
	float:right;
}

.sagaku.red{
	color:#cc0000;
}

.ticket-group.active{
	background:#FEF5F8;
	border: 2px solid #F53D7E;
}

@media(min-width:768px) {
	.ticket-group .acc-menu dl dd{
		margin-left:460px;
	}

}

@media(min-width : 992px) and (max-width : 1199px) {
	.ticket-group .acc-menu dl dd{
		margin-left:370px;
	}

}


@media(max-width:767px) {
	.card.ticket-select .card-header h2{
		font-size:14px;
		padding-right:20px;
	}
	.ticket-group{
		padding-left:15px;
		padding-right:15px;
	}
	.ticket-group .acc-menu dl dd{
		margin-left:85px;
	}
}


@media(max-width:374px) {
	.ticket-group .acc-menu dl dt{
		float:none;
	}
	.ticket-group .acc-menu dl dd{
		margin-left:25px;
	}
	
	.card.ticket-select .person-select li{
		width:125px;
	}

}

/*
hotel
**********************/

.hotel-type .bin-ttl-box{
	padding-top:5px;
	padding-bottom:0px;
}

.hotel-type.bin-box .card-header{
	padding-bottom:15px;
}

.hotel-type .card-header .bin-ttl-box h2 {
	position: relative;
	padding-top:5px;
	padding-left:35px;
	padding-right:25px;
}

.hotel-type .card-header .bin-ttl-box h2:before{
	content: "\f594";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top:3px;
	left: 0;
	font-size:20px;
	color:#F53D7E;
}



.hotel-type .card-header .ellipsis{
	position: absolute;
	top:20px;
	right:-5px;
}


.hotel-price-all{
	text-align:right;
	font-weight:bold;
	padding:10px 0;
	margin-bottom:10px;
	border-bottom:1px solid #ddd;
}

.hotel-plan-box {
	position: relative;
	padding-left:155px;
}
.hotel-plan-box .bin-list .card img.thumb{
	position: absolute;
	top:0;
	left:0px;
	height: auto;
}

.hotel-type .acc-menu a.angle-down:after,
.hotel-type .acc-menu a.angle-down.collapsed:after{
	color:#fff;
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
	.hotel-type .card-header .ellipsis{
		position: absolute;
		top:35px;
		right:10px;
	}

}

@media(max-width:767px) {
	.hotel-type .card-header .ellipsis{
		position: absolute;
		top:35px;
		right:10px;
	}

}



/*
hotel-info
******************************/

.hotel-info h3 {
	color:#F53D7E !important;
	padding-right:0;
}

.hotel-info a{
	text-decoration:underline;
}


.hotel-info a:hover,
.hotel-info a:focus{
	text-decoration:none;
}


/*
select-hotel-plan-card
******************************/

.bin-list .card.select-hotel-plan-card{
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
}

.select-hotel-plan-card + .select-hotel-plan-card{
	margin-top:20px !important;
}

/*
select-hotel-plan-list
******************************/

ul.select-hotel-plan-list{
	background:#ddd;
}
ul.select-hotel-plan-list > li{
	padding:15px 20px 15px 20px;
	font-size:14px;
	position: relative;
	background:#fff;
	border:2px solid transparent;
	margin-top:1px;
}

ul.select-hotel-plan-list > li:hover{
	cursor:pointer;
	background:#FEF5F8;
}

ul.select-hotel-plan-list > li:hover:after{
	color: #F53D7E;
}

ul.select-hotel-plan-list > li.active{
	background:#FEF5F8;
	border:2px solid #F53D7E;
}

ul.select-hotel-plan-list > li.active:hover{
	cursor:default;
}

ul.select-hotel-plan-list li.active .show-box a.btn-back{
	display:none !important;
}

ul.select-hotel-plan-list li.active .show-box a.btn-next{
	width:280px;
}

@media(max-width:767px) {
	ul.select-hotel-plan-list li.active .show-box a.btn-next{
		width:100%;
	}

}

.select-hotel-plan-box{
	padding-left:35px;
	position: relative;
}

.select-hotel-plan-box:before{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left:0px;
	content: "\f058";
	font-family: "Font Awesome 5 Free";
	font-weight:900;
	color: #ccc;
	font-size:20px;
}

.select-hotel-plan-list li.active .select-hotel-plan-box:before{
	color: #F53D7E;
}

.select-hotel-plan-box p{
	margin-bottom:3px;
}

a.plan-name{
	font-size:14px;
	text-decoration:underline;
}

a.plan-name:hover,
a.plan-name:focus{
	text-decoration:none;
}


.select-hotel-plan-box .txt-price{
	color:#cc0000;
	font-size:16px;
	font-weight:bold;
}

.select-hotel-plan-box dd{
	text-align:right;
}


ul.select-hotel-plan-list li.active .show-box{
	display:block;
}

.bin-list .card.select-hotel-plan-card img.thumb{
	position:static;
}

ul.hotel-i{

}

ul.hotel-i li{
	float:left;
	background:none;
	padding:2px;
	line-height:1.0;
	font-size:11px;
	color:#fff;
	background:#666;
	margin-right:5px;
	margin-bottom:5px;
	border-radius:2px;
}

ul.hotel-i li:hover{
	color:#fff;
	background:#666;
}

.price-line{
	text-align:right;
}

.select-hotel-plan-card .acc-menu{
	margin-top:1px;
}

.select-hotel-plan-card .acc-menu a{
	color:#fff;
	display:block;
	text-align:center;
	background:#333;
	padding:10px;
}

.select-hotel-plan-card .acc-menu a:hover{
	background:#555;
}

.modal-body h2.h2-catch{
	font-size:16px;
	font-weight:bold;
	color:#F53D7E;
	margin:10px 0;
}

.modal-body .scroll-box {
	font-size: 12px;
	/*overflow-y: auto;
	overflow-x: hidden;
	height: 150px;*/
	margin: 10px auto;
}

.modal-body .hotel-type .card-header{
	border-top: 4px solid #F53D7E;
	padding:10px 20px 5px 20px !important;
}

.modal-body .hotel-type .bin-ttl-box{
	padding-bottom:10px;
}

.modal-body .hotel-type .card-header .hotel-area-txt{
	font-size:12px;
	color:#666;
}

.modal-body .hotel-type .tbl-txt th{
	width:105px;
}

.modal-body .hotel-type .acc-menu{
	background:#555;

}

.modal-body .hotel-type .acc-menu a{
	display:block;
	text-align:center;
	color:#fff;
	padding:10px 0;
}

.modal-body .hotel-type .carousel{
	margin:20px 0 0 0;
}

.modal-body .hotel-type .carousel,
.modal-body .hotel-type .carousel-item img {
	width:100%;
}

.modal-body .hotel-type .carousel-item img {
	width:100%;
	height:280px;
	object-fit: cover;
}
.modal-body .hotel-type .carousel-caption{
	padding:10px;
	background:rgba(0,0,0,0.4);
}

.modal-body .hotel-type .carousel-caption h5{
	font-size:14px;
	font-weight:bold;
}

.modal-body .hotel-type .carousel-caption p{
	font-size:12px;
	margin-bottom:0 !important;
}

.carousel-caption h5,
.carousel-caption p{
	color:#fff;
}

.tbl-one-row th{
	display:block;
	width:100% !important;
	padding:0 !important;
}

.tbl-one-row td{
	display:block;
	padding-top:2px !important;
	padding-bottom:7px !important;
}


#mc-conditions table.tbl-txt th,
#mc-conditions table.tbl-txt td,
#mc-conditions dl{
	color:#666;
	font-size:14px;
}

#mc-conditions table.tbl-txt th{
	width:150px;
}

#mc-conditions dl.notes + dl.notes{
	border-top:1px solid #E7E7E7;
	padding-top:20px;
	margin-top:20px;
}

#mc-conditions dl.notes dt{
	margin-bottom:10px;
}

.room-select{
	width:100%;
	margin:15px auto;
}

.room-select .btn.disabled{
	color:#999;
	background:#eee;
}

.select-1-1-box .btn.disabled:before{
	color:#ccc;
}

.room-select .select-1-1-box{
	float:left;
	width:48.35%;
}

.room-select .select-1-1-box:nth-child(even){
	margin-left:10px;
}

.select-1-1-box .btn{
	border-radius: 3px;
}

#mc-conditions dl + dl{
	margin-top:20px;
}

#mc-conditions dt{
	margin-bottom:5px;
}

.pay-confirm-detail-set dl.confirm-detail{
	padding:5px 0;
}

.pay-confirm-detail-set dl + dl{
	margin-top:0 !important;
}

.pay-confirm-detail-set dl.confirm-detail dt{
	margin-bottom:0 !important;
}

/*
zonetoplist
***********************************/

ul.zonetoplist li{
	margin-bottom:0px;
	line-height:1.2;
}

@media(max-width:767px) {

	ul.zonetoplist li{
		margin-bottom:10px;
		line-height:1.2;
	}

}

/*
料金明細
***********************************/

.ryokin-ela-tbl{
	clear:both;
	font-size:14px;
	margin-top:15px;
	margin-bottom:15px;
	width:100%;
	border:#ccc 1px solid;
}
.ryokin-ela-tbl td{
	border-bottom:#ccc 1px dotted;
	vertical-align:middle;
	padding-top:8px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:8px;
}

.ryokin-ela-tbl td.value.nrg{
	border-right:#ccc 1px solid;
}
.ryokin-ela-tbl th:first-child{
	width:50%;
}

.ryokin-ela-tbl td:first-child{
	border-right:#ccc 1px solid;
}

.ryokin-ela-tbl th{
	border-top:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	border-right:#ccc 1px solid;
	vertical-align:middle;
	padding-top:5px;
	padding-left:5px;
	padding-left:10px;
	padding-right:10px;
	background-color:#eee;
	font-weight:bold;
}
.ryokin-ela-tbl .value{
	background-color:#f0f0f0;
	width:65px;
}
.ryokin-ela-tbl .rozintro{
	line-height:1.6;
	font-size:14px;
	background-color:#e7e7e7;
	border-top:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
}
.ryokin-ela-tbl .roz{
	background-color:#f5f5f5;
}
.ryokin-ela-tbl .nrg{
	text-align:right;
}
.ryokin-ela-tbl .min{
	color:#cc0000;
}
.ryokin-ela-tbl .semitotfin{
	border-top:#ccc 3px double!important;
	border-bottom:#ccc 1px solid!important;
	white-space:nowrap;
}
.ryokin-ela-tbl .semitxtfin{
	border-top:#ccc 3px double!important;
	border-bottom:#ccc 1px solid!important;
	white-space:nowrap;
	font-weight:bold;
}

.ryokin-ela-tbl .totfin{
	font-size:14px;
	font-weight:bold;
	border-top:#ccc 3px double!important;
	border-bottom:#ccc 1px solid!important;
	white-space:nowrap;
}
.ryokin-ela-tbl .fin{
	border-bottom:#ccc 1px solid!important;
	white-space:nowrap;
}
.ryokin-ela-tbl .tesucell{
	font-weight:normal!important;
	vertical-align:bottom;
}
.ryokin-ela-tbl .tesutxt{
	font-weight:normal!important;
}
.ryokin-ela-tbl .subtot{
	font-weight:bold;
	white-space:nowrap;
}
.ryokin-ela-tbl .topline{
	border-top:#ccc 1px solid;
	white-space:nowrap;
}

.ryokin-ela-tbl .colcoup{
	width:420px;
}
.ryokin-ela-tbl .colweb{
	padding-right:8px;
	width:97px;
	/*white-space:nowrap;*/
}
.ryokin-ela-tbl .colastic{
	/*white-space:nowrap;*/
}
.ryokin-ela-tbl .colinfo{
	width:168px;
}


@media only screen and (min-width : 992px) and (max-width : 1199px) {
	.ryokin-ela-tbl th:first-child{
		width:200px;
	}
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
	.ryokin-ela-tbl th:first-child{
		width:200px;
	}
}

@media(max-width:767px) {
	.ryokin-ela-tbl{
		width:540px;
	}
	.ryokin-ela-tbl th:first-child{
		width:120px;
	}
	.ryokin-ela-tbl .colinfo{
		width:212px;
	}
	.ryokin-ela-tbl .value{
		width:80px;
	}
}

hr.st-line{
	margin:15px 0;
}

/*
tbl-mc-sc-detail
***********************************/

.tbl-mc-sc-detail dt{
	width:95px;
	float:left;
	line-height:1.3;
	padding:2px 0;
}

.tbl-mc-sc-detail dd{
	margin-left:95px;
	line-height:1.3;
	padding:2px 0;
}

.tbl-mc-sc-detail dd:after {
	content: '';
	display: block;
	clear: both;
}

@media(max-width:767px) {
	.room-select{
		width:325px;
		margin:15px auto;
	}
	
	.room-select .select-1-1-box{
		width:157px;
	}
}


@media(max-width:374px) {
	.room-select{
		width:270px;
		margin:15px 0;
	}
	
	.room-select .select-1-1-box{
		width:130px;
	}
}


@media(max-width:767px) {
	#mc-conditions table.tbl-txt th,
	#mc-conditions table.tbl-txt td,
	#mc-conditions dl{
		font-size:12px;
	}
	
	#mc-conditions table.tbl-txt th{
		width:100px;
	}

	.hotel-type .card-header .bin-ttl-box h2 {
		font-size:16px;
	}

	.bin-list .card.select-hotel-plan-card{
		padding:0;
	}
	
	.select-hotel-plan-box:before{
		display:none;
	}
	
	.select-hotel-plan-box{
		padding-left:0;
	}

	.select-hotel-plan-box dl dt{
		float:none;
		width:100%;
	}
	.select-hotel-plan-box dl dd{
		margin-left:0;
		width:100%;
	}
	
	.bin-list .card.select-hotel-plan-card .seat-right{
		margin-left:100px;
	}
	ul.select-hotel-plan-list{
		margin-top:0px;
	}
	ul.select-hotel-plan-list li{
		padding:10px;
	}

	.bin-list .card.select-hotel-plan-card .seat-right .ellipsis{
		top: 10px;
    	right: 5px;
	}
	
	a.plan-name{
		font-size:12px;
	}
	
	.plan-detail{
		margin-top:10px;
		padding-left:35px;
		position: relative;
	}
	
	.plan-detail:before{
		position: absolute;
		top:27px;
		left:0px;
		content: "\f058";
		font-family: "Font Awesome 5 Free";
		font-weight:900;
		color: #ccc;
		font-size:20px;
	}

	.select-hotel-plan-list li.active .plan-detail:before{
		color: #F53D7E;
	}
	
	
	ul.hotel-i li{
		float:left;
		background:none;
		padding:2px;
		line-height:1.0;
		font-size:11px;
		color:#fff;
		background:#666;
		margin-bottom:5px;
	}
	

}

/*
ponban-group
***********************************/

.ponban-group ul{
	width:100%;
}
.ponban-group ul li{
	float:left;
	width:285px;
}

.ponban-group ul li a{
	display:block;
}

.ponban-group ul li a:hover{
	opacity:0.8;
}

.ponban-group ul li:nth-child(2){
	margin:0 17.5px;
}

.ponban-group ul li:nth-child(4){
	margin-top:17px;
	width:100%;
}

.ponban-group ul li:last-child a{
	margin-bottom:10px;
}

.ponban-group ul li img{
	display:block;
	width:100% !important;
	padding:0;
}

.ponban-group ul li p{
	margin-bottom:0;
}

@media(max-width:767px) {
	.ponban-group ul li{
		width:100%;
	}
	
	.ponban-group ul li:nth-child(2),
	.ponban-group ul li:nth-child(4){
		margin:0;
	}
	
	.ponban-group ul li + li{
		margin-top:15px !important;
	}

}

/*
btn-seat-confirm
******************************/
.btn-seat-confirm{
	color:#fff;
	font-weight:bold;
	background: #f53d7e;
	display:inline-block;
	border-radius: 2px;
	padding:6px 8px;
	margin-top:-5px;
	line-height:1.0;
	text-decoration:none;
}

.btn-seat-confirm:hover,
.btn-seat-confirm:focus{
	color:#fff !important;
	background:#f53d7e;
	opacity:0.8;
}

.btn-seat-confirm i{
	margin-right:5px;
}

/*
btn-seat-selection
******************************/

table.cho-tbl .btn-seat-selection{
	color:#fff;
	font-weight:bold;
	background: #f53d7e;
	display:inline-block;
	border-radius: 2px;
	padding:6px 8px;
	margin-top:-5px;
	line-height:1.0;
	text-decoration:none;
	width:100px;
}

table.cho-tbl a.btn-seat-selection:hover,
table.cho-tbl a.btn-seat-selection:focus{
	color:#fff !important;
	background:#f53d7e;
	opacity:0.8;
}
table.cho-tbl .btn-seat-selection i{
	color:#fff;
	margin-right:5px;
}

table.cho-tbl .btn-seat-selection{
	margin-top:5px;
}

table.cho-tbl .chohd .btn-seat-selection i{
	font-size:10px !important;
}


/*
btn-seat-non-selection
******************************/

table.cho-tbl .btn-seat-non-selection,
table.cho-tbl .btn-seat-selected{
	color:#333;
	font-weight:bold;
	background: #ccc;
	display:inline-block;
	border-radius: 2px;
	padding:6px 8px;
	margin-top:-5px;
	line-height:1.0;
	text-decoration:none;
	width:100px;
}

table.cho-tbl a.btn-seat-non-selection:hover,
table.cho-tbl a.btn-seat-selected:hover,
table.cho-tbl a.btn-seat-non-selection:focus,
table.cho-tbl a.btn-seat-selected:focus{
	color:#333 !important;
	background:#ccc;
	opacity:0.8;
}
table.cho-tbl .btn-seat-non-selection i,
table.cho-tbl .btn-seat-selected i{
	color:#fff;
	margin-right:5px;
}

table.cho-tbl .btn-seat-non-selection,
table.cho-tbl .btn-seat-selected{
	margin-top:5px;
}

table.cho-tbl .chohd .btn-seat-non-selection i,
table.cho-tbl .chohd .btn-seat-selected i{
	font-size:10px !important;
}

/*
mc-alert-box
***************************************/

.mc-alert-box{
	border:1px solid #f38585;
	margin-bottom:30px;
	padding:20px;
	font-size:14px;
	border-radius: 4px;
	color:#d44a4a;
	font-weight:bold;
}
.mc-alert-box ul{
	margin:15px 0 20px 20px;
}
.mc-alert-box ul li{
	list-style:disc;
	margin-bottom:10px;
}

/*
mc-icon
***************************************/

.mc-icon{
	width:26px;
	height:auto;
}

img.mc-icon {
    max-width: 26%;
}
img[src$=".svg"].mc-icon {
    width: 26%;
}

.chori img.mc-icon {
    max-width: 5%;
}
.chori img[src$=".svg"].mc-icon {
    width: 5%;
}


/*
birthday
***************************************/

.b-year{
	width:80px;
	margin-right:10px;
	display:inline-block;
}

.b-month{
	width:50px;
	margin-left:10px;
	margin-right:10px;
	display:inline-block;
}

.b-day{
	width:50px;
	margin-left:10px;
	margin-right:10px;
	display:inline-block;
}

@media(max-width:767px) {
	.b-year{
		width:55px;
		margin-right:4px;
		display:inline-block;
		padding:5px;
	}

	.b-month{
		width:35px;
		margin-left:4px;
		margin-right:4px;
		display:inline-block;
		padding:5px;
	}

	.b-day{
		width:35px;
		margin-left:4px;
		margin-right:4px;
		display:inline-block;
		padding:5px;
	}
}

@media(max-width:767px) {
	img.mc-icon {
	    max-width: 10%;
	}
	img[src$=".svg"].mc-icon {
	    width: 10%;
	}
	.chori img.mc-icon {
	    max-width: 10%;
	}
	.chori img[src$=".svg"].mc-icon {
	    width: 10%;
	}
	.colweb img.mc-icon {
	    width: 50% ;
	}
	.colweb img[src$=".svg"].mc-icon {
	    max-width:50% ;
	}
	.colweb{
		width:80px !important;
	}
}


.chori-ttl .mc-icon{
	margin-right:10px;
}

.p-tipoico i{
	margin-right:5px !important;
}


/*
MC用アイコン
***************************************/

.i-label{
	padding:2px 20px;
	font-size:13px;
	width:180px;
	display:block;
}

.i-label + .i-label{
	margin-top:2px;
}

.i-label .mc-icon{

	height:auto;
}

.i-label img.mc-icon {
    max-width: 17%;
    display: inline-block;
}
.i-label img[src$=".svg"].mc-icon {
    width:17%;
    display: inline-block;
    margin-right:8px;
}


/*
modal
***************************/

article.modal-wrap {
	position:relative;
	clear:both;
	width:100%;
	color:#222;
	font-size:16px;
	font-family: Verdana, Roboto, "Droid Sans", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.6;
	z-index:1;
}
article.modal-wrap h1,
article.modal-wrap h2,
article.modal-wrap h3,
article.modal-wrap h4,
article.modal-wrap h5,
article.modal-wrap h6,
article.modal-wrap div,
article.modal-wrap span,
article.modal-wrap ol,
article.modal-wrap ul,
article.modal-wrap li,
article.modal-wrap dl,
article.modal-wrap dt,
article.modal-wrap dd,
article.modal-wrap a{
	box-sizing:border-box;
}
article.modal-wrap h1,
article.modal-wrap h2,
article.modal-wrap h3,
article.modal-wrap h4,
article.modal-wrap h5,
article.modal-wrap h6{
	float:none;
}



#tel-modal .modal-header{
	background:#fafafa;
	border-radius:5px 5px 0 0;
}
#tel-modal .modal-body{
	padding:20px 15px!important;
}

#tel-modal .close,
#tel-modal .close:hover,
#tel-modal .close:focus{
	color:#333;
}
#tel-modal .close{
	margin-left:10px;
	opacity:1.0;
}
#tel-modal .close > span{
	display:inline-block;
	padding:5px 8px;
	vertical-align:middle;
	color: #fff;
	background:#333;
	border-radius:5px;
}

#tel-modal .modal-header{
	height:47px;
}

#tel-modal .modal-footer{
	text-align:center;
}

@media screen and (max-width: 960px) {
	body{
		min-width:inherit;
	}
	article.modal-wrap {
		font-size:14px;
	}
}

@media screen and (min-width: 768px) and (max-width: 959px) {
	.modal-lg {
		width: 680px;
	}
}


 /* ======================================
01.
       Common Settings.
========================================= */

#tel-modal .modal-footer .btn{
	color:#fff;
	background:#333;
}

/* Dantai Page
------------------------------------------*/
.dantai-wrap{
	padding:30px 0;
}
.dantai-wrap .modal-title02{
	font-size:20px;
}
.dantai-wrap .tel-box{
	display:block;
	width:80%;
	margin:30px auto;
	padding:10px 40px;
	text-align:center;
	text-decoration:none!important;
	border:2px solid #ec6580;
	border-radius:5px;
}
.dantai-wrap dt{
	vertical-align:middle;
	line-height: 1.2;
	font-size:34px;
	color:#ec6580!important;
	text-decoration:none!important;
	cursor:default;
}
.dantai-wrap dd{
	font-size:14px;
	color:#333;
}

#tel-modal{
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 100;
	background:#fff;
	border:3px solid #ccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;  
	-moz-border-radius: 10px;
	width:600px;
}

/* title */
#tel-modal h1.modal-title01{
	margin-top:8px;
	font-size:17px;
	font-weight:bold;
	line-height: 1.2;
}
#tel-modal h1.modal-title02,
#tel-modal p.modal-title02 {
	position:relative;
	margin-bottom:0px;
	padding:0 0 10px;
	font-size:22px;
	font-weight:blod;
	line-height: 1.2;
	color:#e96492;
	text-align:center;
}

#tel-modal h1.modal-title02 + p,
#tel-modal p.modal-title02 + p{
	text-align:center;
	font-size:14px;
}

#tel-modal .note-box{
	width:80%;
	margin:0 auto;
}

#tel-modal .note-box p{
	font-size:14px !important;
}

#modal-bg {
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	left:0;
	z-index:70;
}



@media screen and (max-width: 767px) {
	.dantai-wrap{
		padding:20px 0;
	}
	.dantai-wrap .modal-title02{
		font-size:16px;
	}
	.dantai-wrap .tel-box{
		width:100%;
		margin:20px auto;
		padding:10px 20px;
	}
	.dantai-wrap dt{
		font-size:20px;
	}
	.dantai-wrap dd{
		font-size:14px;
	}

	#tel-modal{
		width:340px;
	}
	
	#tel-modal h1.modal-title02,
  #tel-modal p.modal-title02{
		font-size:20px;
		line-height:1.4;
	}
	
	#tel-modal .close > span {
		display: inline-block;
		padding: 4px 7px;
	}
	#tel-modal .modal-body {
		padding: 5px 8px!important;
	}
	#tel-modal p{
		font-size:12px;
	}
	#tel-modal .close{
		opacity: 1.0;
	}
	#tel-modal .modal-title02{
		margin-top:0;
		font-size:14px;
	}
	#tel-modal dl{
		margin-bottom:0;
	}
	#tel-modal .dantai-wrap{
		padding:5px 0;
	}
	
	#tel-modal .note-box{
		width:100%;
	}
}

@media screen and (max-width: 374px) {
	#tel-modal{
		width:310px;
	}
}

/* くろまつレイアウト画像 */

#vehicle-img .vertical{
	display: block;
	margin: 0 auto;
	padding-top: 10px;
	width: 90%;
}
#vehicle-img .horizontally{
	display: none;
}

#tab1 .bin-msg{
	color: #f53d7e;
	font-size: 15px;
	font-weight: bold;
	padding: 10px;
	background: #FBEFF5;
}

#tel-modal .modal-footer{
	position:static !important;
	background: none;
}

table.tbl-mc-sc tbody td font{
	font-size:14px;
}

/*
MCバス画像調整
*********************************/

.thum_list{
	display:inline-block;
	width:460px;
}

.htpic,
.tl_fig{
	width:220px;
}

.htpic img,
.tl_fig img{
	width:100%;
	height:auto;
}

.tl_li:first-child .tl_fig{
	margin-right:15px;
}

.tl_li:last-child .tl_cap{
	letter-spacing:-1.5px;
}

@media(min-width : 768px) and (max-width : 991px) {
	.thum_list{
		display:inline-block;
		width:460px;
	}
	
	.htpic,
	.tl_fig{
		width:210px;
	}
}

@media(max-width:767px) {
	.thum_list{
		display:inline-block;
		width:100%;
	}
	
	.htpic,
	.tl_fig{
		width:100%;
		margin-bottom:10px;
	}
	
	.htpic img,
	.tl_fig img{
		width:100%;
		height:auto;
	}

}

/*
btn-set-bottom-fixed
*********************************/

.btn-set-bottom-fixed01,
.btn-set-bottom-fixed02{
	padding:10px 0;
	text-align:center;
	margin:15px -15px 20px -15px;
	background:rgba(245,245,245,0.8);
}

.btn-set-bottom-fixed01 .btn-back,
.btn-set-bottom-fixed02 .btn-back{
	padding:12px;
	font-size: 14px;
	margin-right:12px;
	width:100px;
}

.btn-set-bottom-fixed01 .btn-next,
.btn-set-bottom-fixed02 .btn-next{
	width:280px;
	margin:0 0 0 0 !important;
}

.btn-set-bottom-fixed01 .btn-next.disabled,
.btn-set-bottom-fixed02 .btn-next.disabled{
	color:#fff !important;
	background:#999 !important;
	border-color:#999 !important;
	opacity:1.0 !important;
}

@media(max-width:767px) {
	.btn-set-bottom-fixed01,
	.btn-set-bottom-fixed02{
		position: -webkit-sticky;
		position: sticky;
		bottom: 0px;
		z-index:5;
	}
	
	.btn-set-bottom-fixed01 .btn-next,
	.btn-set-bottom-fixed02 .btn-next{
		width:150px !important;
	}

}

@media(max-width:374px) {
	.btn-set-bottom-fixed01 .btn-next,
	.btn-set-bottom-fixed02 .btn-next{
		width:160px;
	}
}

/*
微調整
*******************************/

.bin-list .card{
	padding:0;
	margin-bottom:0;
}
/*
複数選択時　調整
*******************************/

ul.select-bus-plan-list li ol.group li{
	padding:0;
	border:none;
	margin:0;
}
ul.select-bus-plan-list li ol.group li:after{
	display:none;
}

ul.select-bus-plan-list li ol.group li:hover{
	background:none !important;
	cursor:auto !important;
}

ul.select-hotel-plan-list li .price-breakdown ol.group{
	margin-left:0;
}

/*
タイトル　調整
*******************************/
.ttl-box h1 {
	max-width:100% !important;
}

/*
GOTOキャンペーン
*******************************/

/*
@media(min-width:992px) {
	#common_pc_loginActionForm .ttl-box .container,
	.ttl-box.goto-cp.noside .container{
		width:980px;
		max-width:83.333333%;
	}
}
*/


.mc-plan-price.goto-price dl.price-line-set{
	width:300px;
	margin:0 auto;
}

.mc-plan-price.goto-price dl.price-line-set dt{
	font-weight:normal;
	width:90px;
	text-align:right;
}

.mc-plan-price.goto-price dl.price-line-set dd{
	text-align:right;
	font-size:18px;
	font-weight:bold;
	width:200px;
}
.mc-plan-price.goto-price dl.price-line-set dt,
.mc-plan-price.goto-price dl.price-line-set dd{
	padding:0 5px;
	display:inline-block;
}
.mc-plan-price.goto-price dl.price-line-set.goto-after dt{
	font-size:13px;
}
.mc-plan-price.goto-price dl.price-line-set.goto-after dd{
	color:#cc0000
}
.mc-plan-price.goto-price dl.price-line-set.goto-before dt{
	font-size:13px;
}
.mc-plan-price.goto-price dl.price-line-set.goto-before dd{
	font-size:15px;
}

@media(max-width:767px) {
	.mc-plan-price.goto-price dl.price-line-set{
		width:100%;
	}
	.mc-plan-price.goto-price dl.price-line-set dt{
		width:80px;
		text-align:left;
		padding:0;
	}
	.mc-plan-price.goto-price dl.price-line-set dd{
		width:200px;
		padding:0;
	}

}
@media(max-width:374px) {
	.mc-plan-price.goto-price dl.price-line-set dt{
		width:80px;
		text-align:left;
	}
	.mc-plan-price.goto-price dl.price-line-set dd{
		width:148px;
	}
	
	.mc-plan-price.goto-price dl.price-line-set.goto-before dd{
		font-size:13px;
	}
	.mc-plan-price.goto-price dl.price-line-set.goto-after dd{
		font-size:14px;
	}
}


#newsflash{
	display:none;
}

.ttl-box.goto-cp{
	padding-top:0;
}

.label-goto-shien{
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:url(/static/3/img/tour/sys/ico/logo-goto-w.png) no-repeat calc(50% - 150px) center,#F53D7E;
	background-size:55px 55px;
	height:65px;
	line-height:65px;
	padding:0px;
	margin-bottom:10px;
}

@media(max-width:374px) { 
	.label-goto-shien{
		font-size:14px;
		background:url(/static/3/img/tour/sys/ico/logo-goto-w.png) no-repeat calc(50% - 120px) center,#F53D7E;
		background-size:50px 50px;
		padding:0px 0px 0px 20px;
	}
}

/*

.label-goto-shien{
	font-size:13px;
	font-weight:bold;
	line-height:1.4;
	color:#fff;
	background:#F53D7E;
	padding:4px 3px 3px 3px;
	margin:3px 0 5px 0;
	border-radius:3px;
	text-align:center;
	width:200px;
	display:inline-block;
}

@media(min-width:992px) { 
	.ttl-box.goto-cp > .container{
		
	}
	.ttl-box.goto-cp{
		min-height:115px;
	}
	.ttl-box.goto-cp .label-goto-shien{
		float:left;
		font-size:14px;
		background:url(/static/3/img/tour/sys/ico/logo-goto-w.png) no-repeat 7px center,#F53D7E;
		background-size:55px 55px;
		height:65px;
		display: flex;
		align-items: center;
		width:200px;
		padding-left:70px;
		text-align:center;
		height:75px;
		margin-right:15px;
	}
	.ttl-box.goto-cp .mc-plan-name{
		margin-left:215px;
		padding-top:5px;
		display:block;
	}
	.ttl-box.goto-cp .mc-plan-name02{
		margin-left:215px;
		display:block;
	}
	
	.ttl-box.goto-cp .plan-id{
		margin-left:215px;
		display:block;
		width:150px;
		text-align:center;
	}
	.ttl-box.goto-cp > .container{
		position:relative;
	}
	.ttl-box.goto-cp.totalprice-fixed-mb0 h1{
		position:absolute;
		top:0;
		left:20px;
	}
	
	.ttl-box.goto-cp.totalprice-fixed-mb0 .label-goto-shien{
		margin-top:30px;
	}
	
	.ttl-box.goto-cp.totalprice-fixed-mb0 .mc-plan-name{
		padding-top:30px;
	}
	
	.ttl-box.goto-cp:after{
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}

}
@media(max-width:991px) { 
	.ttl-box.goto-cp{
		padding-top:0;
	}
	.label-goto-shien{
		display:block;
		width:auto;
		margin-left:-15px;
		margin-right:-15px;
		margin-bottom:8px;
		border-radius:0px;
		font-size:16px;
		background:url(/static/3/img/tour/sys/ico/logo-goto-w.png) no-repeat calc(50% - 150px) center,#F53D7E;
		background-size:55px 55px;
		height:65px;
		line-height:65px;
	}
	.label-goto-shien br{
		display:none;
	}
} 

@media(max-width:374px) {
	.label-goto-shien{
		background:url(/static/3/img/tour/sys/ico/logo-goto-w.png) no-repeat 15px center,#F53D7E;
		background-size:55px 55px;
		text-align:left;
		padding-left:80px;
	}
}
*/

dl.totalprice dt{
	width:165px;
}

dl.totalprice.goto-price dt{
	font-size:13.5px;
}
dl.totalprice.goto-price dd{
	font-size:15px;
}

dl.price-mc dt{
	width:150px;
}

.label-goto-price{
	font-size:13px;
	color:#fff;
	background:#F53D7E;
	padding:2px 4px;
	margin-right:5px;
	display:block;
}

.txt-goto-totalprice{
	font-size:13px;
	font-weight:bold;
	color:#d44a4a;
	margin-bottom:0;
}

.plan-detail .txt-goto-totalprice{
	text-align:right;
}

@media(min-width : 992px) and (max-width : 1199px) { 
	#sidebar dl.totalprice dt{
		width:150px;
	}

}
@media(min-width:768px) { 
	.goto-waribiki dl.totalprice-set{
		width:348px;
	}
}

#mc-conditions .tbl-txt.tbl-goto-cp td p.txt-hosoku,
.tbl-txt.tbl-goto-cp td p.txt-hosoku{
	text-align:left;
}

.label-goto{
	text-align:right;
}
.label-goto span{
	font-size:14px;
}

table.tbl-goto-cp tr + tr{
	border-top:1px solid #E7E7E7;
}

table.tbl-goto-cp th,
table.tbl-goto-cp td{
	padding:10px 0;
}

@media(max-width:767px) { 
	#mc-conditions .tbl-txt.tbl-goto-cp th,
	.tbl-txt.tbl-goto-cp th{
		width:70px;
	}
	#mc-conditions .tbl-txt.tbl-goto-cp td,
	.tbl-txt.tbl-goto-cp td{
		padding-left:0;
		padding-right:0;
	}
	
	#mc-conditions .tbl-txt.tbl-goto-cp td p.txt-hosoku,
	.tbl-txt.tbl-goto-cp td p.txt-hosoku{
		margin-top:6px;
	}
} 


.modal-header h2{
	font-size:17px;
	font-weight:bold;
	padding:8px 15px;
	margin-top:2px;
}

.modal-body p.txt-goto-area{
	font-size:14px;
	font-weight:bold;
	color:#333;
	position:relative;
	padding-left:20px;
	line-height:1.4;
}
.modal-body p.txt-goto-area:before{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 0;
	content: "\f058";
	font-family: "Font Awesome 5 Free";
	font-weight:900;
	color:#F53D7E;
}

/*チェックボックス
---------------------------------------------------------------------------*/
.modal-body .area-checkbox label {
	display: inline;
	cursor: pointer;
}
.modal-body .area-checkbox input[type=checkbox] {
	display: none; 
}
.modal-body .area-checkbox input[type=checkbox] + label {
	font-size: 15px;
	position:relative;
	display:inline-block;
	border-radius:4px;
	border:1px solid #eee;
	padding:5px 5px 5px 40px;
}
.modal-body .area-checkbox input[type=checkbox] + label:before {
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 8px;
	width: 22px;
	font-family: 'Font Awesome 5 Free';
	content: "\f058";
	font-size: 22px;
	color: #e7e7e7; 
}
.modal-body .area-checkbox input[type=checkbox]:checked + label:before {
	color: #fff; 
}

.modal-body .area-checkbox input[type=checkbox]:checked + label{
	color:#fff;
	background:#F53D7E;
}

a.area-acc{
	font-size: 15px;
	position:relative;
	text-decoration:none;
	margin:10px 0 0 10px;
	display:inline-block;
}
a.area-acc:after{
	font-family: 'Font Awesome 5 Free';
	font-weight:900;
	content: "\f077";
	font-size: 18px;
	color: #F53D7E;
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	right:-30px;
}

a.area-acc.collapsed:after{
	font-family: 'Font Awesome 5 Free';
	font-weight:900;
	content: "\f078";
	color: #F53D7E; 
}

ul.goto-area-list{
	margin:0 0 0 30px;
}
ul.goto-area-list li{
	font-size:16px;
	list-style:disc;
}




dl.discount-price-set dt,
dl.totalprice-set dt{
	text-align:right;
}


@media(max-width:767px) { 
	dl.totalprice-set dt{
		width:200px;
	}
}
@media(max-width:374px) { 
	.card-body dl.totalprice dt{
		font-size:13px;
		width:160px;
	}
	
	table dl.totalprice-set dt{
		font-size:13px;
		width:160px;
		
	}
	table dl.totalprice-set dd{
		margin-left:150px;
		padding-right:0;
	}
	
	table dl.discount-price-set dt{
		font-size:13px;
		width:160px;
	}
	dl.discount-price-set dd{
		margin-left:150px;
		padding-right:0;
	}
}

#select-plan-detail .label-goto{
	padding:3px 7px;
	margin-right:5px;
	color:#fff;
	text-align:center;
	background:#F53D7E;
	border-radius:3px;
	margin-bottom:3px;
	display:inline-block;
}

.modal-area-confirm .disabled,
.modal-area-confirm .disabled:hover{
	color: #fff !important;
	background: #bbb !important;
	border-color: #bbb !important;
	opacity:1.0;
	cursor:auto;
}




/*
.bin-box .bin-ttl-box
*******************/
@media(max-width:767px) { 
	.bin-box .bin-ttl-box{
		padding-bottom:15px;
	}
} 

.card-body label i{
	font-weight:900 !important;
}

/*
GOTO 承認
****************************/

.goto-set{
}

.goto-set .card-header{

}

.goto-set .card-header i{
	color:#F53D7E;
}

.goto-set .select-1-1-box .btn{
	color:#F53D7E;
	border:1.5px solid #F53D7E;
}
.goto-set .select-1-1-box .btn.active{
	color:#fff;
}

.goto-set .btn-dec{
	color:#fff;
	font-weight:bold;
	border:none;
	padding:10px 15px;
	width:150px;
	margin:20px auto 0 auto;
	background:#333;
	border-radius:4px;
	display:block;
	outline:none;
}

.goto-set .btn-dec:hover{
	opacity:0.8;
	cursor:pointer;
}

/* ボタン表示調整 
**********************************/
@media (max-width: 991px){
	#sidebar .btn-center01,
	#sidebar .btn-next{
		display:inline-block !important;
	}
}

/*
地域共通クーポン
*******************************/

.card-body label.coupon-ttl{
	font-size:16px;
	font-weight:bold;
	margin-bottom:0;
}

.coupon-type{
	font-size:14px;
}

.coupon-type .type-ttl:after{
	content:":";
	margin-left:7px;
	margin-right:7px;
}


dl.coupon-price {
	overflow:hidden;
	margin-bottom:-5px;
}


dl.coupon-price dt{
	float:left;
	width:500px;
	font-size:14px;
	font-weight:normal;
	vertical-align:middle;
	line-height:32px;
}

dl.coupon-price dt br{
	display:none;
}

dl.coupon-price dd{
	text-align:right;
	font-size:20px;
	font-weight:bold;
	color:#F53D7E;
}

@media(max-width:767px) {
	dl.coupon-price dt{
		width:220px;
	}
	dl.coupon-price dt br{
		display:block;
	}
}

@media(max-width:374px) {
	dl.coupon-price dt{
		width:175px;
		font-size:12px;
	}
	dl.coupon-price dd{
		font-size:18px;
	}
	
	.card .pr-link02 a{
		font-size:11px !important;
	}
	
	.col-7 .pr-link02 a{
		font-size:10px !important;
	}
	
	.coupon-type{
		font-size:12px;
	}
}

/* 同意ボタンの下マージン追加*/
.agree-list + .select-1{
	margin-bottom:15px;
}

.agree-list + .select-1 + input + .txt-bld-14{
	margin-top:30px;
}


/* ツアー特集ページへのリンク追加 */

.tour-link-box{
	margin-top:40px;
}

.tour-link-box .card-body{
	padding:15px 40px;
}

.tour-link-box a{
	position:relative;
	padding-left:18px;
}

.tour-link-box a:before{
	position:absolute;
	left:0;
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #f53d7e;
}


/* モギリMC用 */

.mgr-link a{
	position:relative;
	color:#fff;
	font-weight:bold;
	background:#3bafda;
	padding:3px 10px 3px 10px;
	margin-bottom:5px;
	display:inline-block;
	padding-left:22px;
	border-radius:3px;
	text-decoration:none;
	line-height:1.2;
}


.mgr-link a:before{
	position:absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left:5px;
	content: "\f06a";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.mgr-link{
	margin-top:15px !important;
	margin-left:30px;
}

.bin-box .mgr-link{
	margin-top:0 !important;
	margin-left:0;
}

.detail-title .mgr-link + .bin-ttl-box{
	padding-top:0;
}

.detail-title .mgr-link + .bin-ttl-box .ellipsis{
	top:23px;
}

.mgr-txt{
	color:#F53D7E;
	font-weight:bold;
}

@media(max-width:991px) {
	.mgr-link{
		margin-left:20px;
	}

}

#comp-mgr-txt-box .mgr-link{
	margin-left:0;
	margin-bottom:10px;
}

#comp-mgr-txt-box .mgr-link a{
	padding:10px 30px 10px 45px;
	text-align:center;
	line-height:1.0;
}

.mgr-link a:before{
	left:5px;
}

/* もぎりスケジュール確認リンク */

.mgr-sch-link{
	text-align:center;
}

.mgr-sch-link a{
	position:relative;
	color:#F53D7E;
	font-size:16px;
	font-weight:bold;
	padding:10px 15px;
	margin:10px 0 15px 0;
	display:inline-block;
	border-radius:3px;
	text-decoration:none;
	border:1px solid #F53D7E;
	border-radius:4px;
}

.bus-station + .mgr-sch-link{
	margin-top:20px;
}

.mgr-sch-link a:hover{
	color:#FFF;
	background:#F53D7E;
}

.modal-body .mgr-link{
	margin:-10px 0 10px 0 !important;
}

/* もぎり運行スケジュール */

.sch-modal .bus-station-name{
	margin-bottom:0px;
}
.sch-modal .bus-station-time{
	margin-top:3px;
}


.sch-modal .time-table-box{
	margin-bottom:30px;
}

.sch-modal .time-table-box .bus-station-box{
	min-width:100%;
}

.sch-modal .time-table-box .bus-station-box.bus-get-arrow{
	width:50px;
	min-width:50px;
}

.sch-modal .bus-station-box a,
.sch-modal .bus-station-box a:hover{
	display: block;
	padding-top:6px;
}

.sch-modal .time-table-box{
}

.sch-modal .time-table{
	width:100%;
}
.sch-modal .bus-station-box{
	width: 100%;
	overflow-x: scroll;
	display: flex;
	justify-content: space-between;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	white-space: nowrap;
}

.sch-modal .bus-station-box table{
	width:100%;
	margin-bottom:10px;
}
.sch-modal .bus-station-box table th{
	font-size:13px;
	font-weight:normal;
	width:155px !important;
	color:#333;
	padding-left:30px !important;
}


.sch-modal .bus-station-box table td{
	font-size:13px;
	width:75px;
	text-align:center;
}

.sch-modal .bus-station-box table th,
.sch-modal .bus-station-box table td{
	padding:5px 10px;
}

.sch-modal .bus-station-box table td.map-cell{
	text-align:center;
	width:30px !important;
}

.sch-modal .bus-station-box table td.map-cell a{
	display:inline-block;
	padding:5px;
}

.btn-primary{
	border:none;
}

.sch-modal .bus-station-box table td.bg-arrow{
	background:none;
	text-align:left;
}

.sch-modal .bus-station-box table td{
	background:#fafafa;
}

.sch-modal .bus-station-box table tr + tr{
	border-top:5px solid #fff;
}


.sch-modal .bus-station-box .bus-getonoff:before{
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  letter-spacing:3px;
}

table.cho-tbl .mgr-link a{
	text-decoration:none;
}

table.tour-ryokinub-tbl .mgr-link,
table.tbl-mc-sc .mgr-link,
table.cho-tbl .mgr-link{
	margin:0 !important;
}

table.cho-tbl .chori-ttl .mgr-link{
	display:inline-block;
	margin-left:10px !important;
}

table.cho-tbl .mgr-link a:hover{
	color:#fff;
}

article .btn-set-bottom-fixed01 a{text-decoration:none;}


.modal-body h1 i.fa-exclamation-circle,
.mgr-sch-link a .fa-clock{
	margin-right:5px;
}

.modal-body p.mogiri-ttl-select-comfirm{
	font-size:16px;
	font-weight:bold;
	color:#46a0d5;
	margin-bottom:10px;
}
.select-1.mogiri-select-comfirm .btn-group{
	display:block;
	border:none;
}

.select-1.mogiri-select-comfirm .btn-group .btn{
	padding:1px 1px 0px 26px;
	font-size:13.5px;
	font-weight:normal;
	margin-bottom:15px;
	transition:none;
}

.select-1.mogiri-select-comfirm .btn.active{
	color:#333;
	background:none;
}

.select-1.mogiri-select-comfirm .btn:before,
.select-1.mogiri-select-comfirm .btn.active:before{
	font-size:20px;
	top:10px;
	left:0 !important;
}

.select-1.mogiri-select-comfirm .btn.active:before{
	color:#F53D7E;
}

.select-1.mogiri-select-comfirm .btn-popclose,
.select-1.mogiri-select-comfirm .btn-popclose:focus{
	border-color:#ccc;
	background:#ccc;
}

.select-1.mogiri-select-comfirm .btn-next{
	margin-top:5px !important;
}

.select-1.mogiri-select-comfirm .btn{
	width:100%;
}

.mogiri-error-box{
	font-size:14px;
	font-weight:bold;
	color:#ec6580;
}

.select-1.mogiri-select-comfirm .alert-box{
	margin-bottom:10px;
}

@media(min-width:992px) {
	.step-box{ padding-top:20px; }
}
@media(max-width:767px) {
	.modal-body .mgr-sch-link a{
		padding:5px 15px;
	}
	.modal-body p.mogiri-ttl-select-comfirm{
		font-size:14px;
		margin-top:-10px;
	}
	.select-1.mogiri-select-comfirm .btn-group .btn{
		font-size:12px;
		margin-bottom:5px;
	}
	.select-1.mogiri-select-comfirm .btn-next{
		margin-top:0 !important;
	}
}

#operating-schedule-info-modal .modal-footer .btn{
	background:#F53D7E !important;
}

#unspecified-confirm-modal{
	z-index:1050;
}

.sch-modal,
#modal-sch01,
#station-modal{
	z-index:1100;
}

/* 分社化お知らせ
--------------------------------------------------------- */
.bunsha-before-2023,
.bunsha-after-2023 {
	font-size: 12px!important;
	font-weight: bold;
}
@media(max-width:767px) {
	.bunsha-before-2023,
	.bunsha-after-2023 {
		font-size: 14px;
	}
}
.bunsha-before-2023 {
	margin-bottom: 1rem;
}
.bunsha-after-2023 {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
.bunsha-after-2023 a {
	font-size: 14px;
}
.bunsha-more-detail:before {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #F53D7E;
}


/* USJオリジナル
--------------------------------------------------------- */
.box-usjmain{
    background: url(/static/img/usj/2023/bg-parade.webp) no-repeat center center;
    background-size: cover;
    padding: 10px !important;
}
.box-usjmain img{
	max-width: 100%;
	height: auto;
	vertical-align: top;
	margin-bottom: 10px;
}
.box-busstopselect{
	margin-bottom: 20px;
}
.box-busstopselect p{
	font-size: 16px !important;
}
.box-busstopselect p b{
	color: #399548;
}
.box-busstopselect p + p{
	margin-top: 10px !important;
}
.row-box-3{
	display: flex;
	flex-wrap: wrap;
}
.col-box-3{
	width: 33.33%;
	padding: 10px 10px !important;
}
.col-box-3 p{
	font-size: 14px;
}
.col-box-3 p b{
	color: #399548;
}
.col-box-3 img + p{
	margin-top: 5px;
}
.col-box-3 img{
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
.title-sub-border{
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px dotted #333;
}
.box-selectcaptcha{
	background: #fafafa;
	padding: 15px !important;
	display: flex;
	margin-bottom: 30px !important;
	margin-top: 20px !important;
}
.box-selectcaptcha img{
	width: 100%;
	max-width: 200px;
	order: 1;
}
.box-selectcaptcha p{
	width: calc(100% - 200px);
	padding-left: 20px;
	font-size: 13px !important;
	order: 2;
	font-weight: bold;
}
@media(max-width:767px) {
.box-busstopselect{
	margin-bottom: 20px !important;
}
.box-busstopselect p{
	font-size: 13px !important;
}
.box-busstopselect p + p{
	margin-top: 10px !important;
}
.row-box-3{
	display: block;
}
.col-box-3{
	width: 100%;
	padding: 0 !important;
}
.col-box-3 + .col-box-3{
	margin-top: 10px;
}
.col-box-3 p{
	font-size: 13px !important;
}
.row-box-3.ver-yoko .col-box-3{
	display: flex;
}
.row-box-3.ver-yoko .col-box-3 img{
	width: 100%;
	max-width: 100px;
}
.row-box-3.ver-yoko .col-box-3 p{
	width: calc(100% - 100px);
	padding-left: 10px;
}
.row-box-3.ver-yoko .col-box-3 img + p{
	margin-top: 0px;
}
.title-sub-border{
	margin-bottom: 10px !important;
	font-size: 16px !important;
}
.box-selectcaptcha{
	display: block;
	margin-bottom: 30px !important;
	margin-top: 20px !important;
}
.box-selectcaptcha img{
	width: auto;
	max-width: 100%;
}
.box-selectcaptcha p{
	width: 100%;
	padding-left: 0px;
	margin-bottom: 10px !important;
	font-size: 13px !important;
}
}