@charset "utf-8";

/*===================================
 CSS INFO
 Description : pages layout css
=====================================*/

/* パンくず
==================================== */
.breadcrumbs ul {
	margin: 15px auto;
	display: flex;
	font-size: 14px;
	list-style: none;
}
.breadcrumbs li{display: inline-block;}
.breadcrumbs li:after{content:">";display: inline-block;margin: 0 5px;}
.breadcrumbs li:last-child:after{content: none;}

/* 検索ボックス
==================================== */
.search-box{
	color: #333;
	margin: 10px 0 30px;
}
.search-box .search-box-ttl-head {
	border-radius: 5px 5px 0 0;
	margin-bottom: 0;
	padding: 10px 10px 10px 0;
	font-size: 1.8rem;
	color: #fff;
	font-weight: bold;
	background-color: #0090D4;
	margin-bottom: 10px;
	margin-right: -7px;
	margin-left: -7px;
	box-shadow: 0 1px 0 0 #2EB7F7;
	padding-left: 10px;
}
.search-box form {
	background-color: #019fe9;
	border-radius: 5px;
	padding: 0 8px 10px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.065);
}
.search-box .inner {
	background-color: #fff;
	border-radius: 5px;
	padding: 15px 10px 0px;
	overflow: hidden;
}
.search-box-wrap {
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 15px;
}
.search-box .box-dep,
.search-box .box-arv,
.search-box .box-dep-shop,
.search-box .box-cartype {
width: 100%;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 5px;
padding: 10px;
border-radius: 5px;
}
.search-box .box-dep input,
.search-box .box-arv input,
.search-box .box-dep select,
.search-box .box-arv select{
	display: inline-block;
}
.search-box .box-dep input,
.search-box .box-arv input{
	width: 140px;
}
.search-box .box-dep select,
.search-box .box-arv select{
	width: 80px;
}
.search-box .box-dep {background-color: #dffbff;}
.search-box .box-arv {background-color: #dfffdf;}
.box-cartype{background-color: #FFEEDF;}
.box-dep-shop{background-color: #FFFCDF;}
.box-cartype select.form-control{width: 100%;}
.search-box .btn-more-wp{
	width: 100%;
}
.search-box select{
	height: auto!important;
}
.search-box input:read-only{
	background-color: #fff;
}
.search-box .ttl {font-weight: bold; margin-bottom: 5px;}
.search-box .btn-primary,
.btn-wp .btn-primary,
.mitumori .btn-more-wp .btn-primary{
	box-shadow: 0 5px 0 0 #DD6D00;
	background-color: #ff830a;
	border: 1px solid #DD6D00;
	font-weight: bold;
	color: #FFF !important;
	padding: 1.5rem 1rem !important;
	font-size: 20px;
}
.search-box .btn-primary:hover,
.btn-wp .btn-primary:hover,
.mitumori .btn-more-wp .btn-primary:hover{
	background-color: #ff5c0a;
}
@media only screen and (min-width : 576px) {
	.search-box .box-dep,
	.search-box .box-arv,
	.search-box .box-dep-shop,
	.search-box .box-cartype {
		/*width: 46%;*/
		width: 100%;
	}
}
@media only screen and (min-width : 768px) {
	.search-box .box-dep,
	.search-box .box-arv{
		width: 46%;
	}
	.search-box .box-dep-shop,
	.search-box .box-cartype {
		/*width: 22.4%;*/
		width: 46%;
	}
}
@media only screen and (min-width : 992px) {
	.search-box .box-dep,
	.search-box .box-arv,
	.search-box .box-dep-shop,
	.search-box .box-cartype {
		/*width: 22.4%;*/
		width: 31%;
	}
}

/* フォーム
==================================== */
.cal-dep, .cal-arv {
	cursor: pointer;
	padding-left: 30px !important;
	padding-right: 0 !important;
	display: inline-block;
	background: url(../img/icon-calendar.png) no-repeat scroll 6px 5px #fff;
}

/* プランリスト
==================================== */
.plan.list .block, .plan.detail .block {
	border: 1px solid #DDDDDD;
	border-radius: 5px;
	padding: 20px 10px;
	margin-bottom: 30px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.065);
	overflow: hidden;
	background-color: #fff;
	border-top: 6px solid #019fe9;
	color: #333;
}
.plan-name {
	border-bottom: 1px dotted #C0C0C0;
	overflow: hidden;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.plan-name .ttl {
	font-size: 20px;
	font-weight: bold;
	color: #019fe9;
}
.plan .block .prc {
	background-color: #EBEFF2;
	border-radius: 5px;
	padding-bottom: 15px;
}
.plan .block .prc dt {
	border-radius: 5px 5px 0 0;
	text-align: center;
	padding: 10px 0;
	background-color: #7192BA;
	color: #fff;
	font-size: 1.8rem;
}
.plan .block .prc .prc-wp {
	padding: 15px 0 0 0;
	text-align: center;
}
.prc-lg {
	display: inline-block;
	font-size: 1.6rem;
	font-weight: bold;
}
.prc-lg b {
	font-size: 1.1rem;
	margin-right: 3px;
	background-color: #FF0000;
	color: #fff;
	display: inline-block;
	padding: 2px 5px;
	position: relative;
	top: -3px;
}
.prc-lg .price {
	font-size: 2.7rem;
	color: #FF0000;
}
.plan .block .prc dd {
	text-align: center;
}
.plan .block .btn-wp {
	padding: 15px 15px 15px 15px;
}
.plan .info .opt.opt-nml {
	background-color: #F3F3F1;
	border-radius: 5px;
	padding: 8px;
	margin-bottom: 10px !important;
}
.plan .info .opt dt {
	padding-top: 5px;
	padding-left: 5px;
	float: left;
	width: 80px;
}
.plan .info .opt dd {
	overflow: hidden;
}
.plan .info .opt li {
	display: inline-block;
	border-radius: 2px;
	background-color: #7E92AF;
	padding: 7px 10px;
	font-size: 1.3rem;
	color: #fff;
	margin-bottom: 5px;
}
.tbl-mdl {
	margin-top: 15px;
	clear: both;
	width: 100%;
}
.tbl-mdl th, .tbl-mdl td {
	padding: 5px;
	border: 1px solid #C0C0C0;
	font-size: 1.3rem;
	text-align: left;
}
.tbl-mdl th {
	background-color: #E7E7E7;
	width: 33.33%;
}
.plan .block .txt {
	font-size: 1.4rem;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

/* プラン詳細
==================================== */
.plan .pic {
	text-align: center;
	margin-bottom: 10px;
}
.mitumori {background-color: #A0ACBA; padding: 10px; border-radius: 5px; margin-bottom: 25px;}
.mitumori .inner {background-color: #fff; overflow: hidden; padding: 25px 3.6% 40px 3.6%; border-radius: 5px;}

.mitumori-ttl {font-size: 2.0rem; background-color: #A0ACBA; padding: 5px 0 15px 10px; color: #fff;}
.mitumori .cell {float: left; margin-left: 10px;}
@media(max-width:767px){
	.mitumori .cell+.cell {padding-top: 14px;}
}

.mitumori-set { overflow: hidden; }
.mitumori-set dt {background-color: #019fe9; border-radius: 3px; padding: 8px 0; color: #fff; margin-bottom: 10px;}
.mitumori-set dt span {padding-left: 15px;}
.mitumori-set dd .input-group {width: 160px;}
.mitumori-set dd {overflow: hidden; padding-bottom: 10px;}


#opt_list {overflow: hidden;}
.mitumori-opt {margin-bottom: 0; padding-bottom: 0; margin-bottom: 10px;}
.mitumori-opt dl {border-bottom: 1px dotted #C0C0C0; overflow: hidden;}
.mitumori-opt .opt-name {background-color: #fff; color: #444; float: left; margin-left: 10px;}
.mitumori-opt dt span {padding-left: 5px;}
.mitumori-opt dt:before {
	content: "\f111";
	font-family: FontAwesome;
	font-weight: normal;
}
.mitumori-opt .opt-num {float: right; padding-bottom: 0; margin-right: 10px;}
.mitumori-opt .cell { padding-bottom: 10px;}
.mitumori-opt .cell-ttl {display: inline-block; width: 40%;}
.mitumori-ttl-2 {font-size: 2.1rem; margin-bottom: 15px; border-bottom: 2px solid #E0E0E0; padding-bottom: 15px;}
.mitumori-ttl-2.head {margin-top: 20px;}



#footer-mitumori {padding: 10px 0 10px 0;  left: 0; bottom: 0; z-index: 99;}

#footer-mitumori .prc-lg {margin-bottom: 8px;}
#footer-mitumori .prc-lg b {font-size: 1.4rem;}

/*#footer-mitumori .naiyou {color: #fff;}*/


.mitumori-detail {overflow: hidden; padding: 25px 10px 15px 10px; background-color: #EBEFF2; border-radius: 10px 10px 0 0; margin-top: 20px;}

.mitumori-detail .naiyou .prc-nm {margin-top: 10px; padding-top: 10px; border-top: 1px dotted #C0C0C0; display: block; text-align: right; margin-bottom: 15px;}
.mitumori-detail .naiyou dt {padding: 5px 10px; background-color: #A0ACBA; border-radius: 3px; color: #fff;  margin-bottom: 10px; text-align: center;}
.mitumori-detail .naiyou dd {padding: 0 10px;}
.mitumori-detail .naiyou p{margin-bottom: 3px!important;}
.mitumori-detail .naiyou p span.ttl {font-weight: bold; margin-right: 15px;}

.mitumori .price-wp {clear: both; background-color: #DAE0E7; border-radius: 0 0 10px 10px; padding: 10px 25px; overflow: hidden; margin-bottom: 30px;}
.mitumori .price-wp .prc-lg {float: right; font-size: 2.6rem;}
.mitumori .price-wp .prc-lg b {font-size: 1.6rem; margin-right: 20px;}
.mitumori .price-wp .prc-lg .price {font-size: 4.0rem;}
.mitumori .price-wp small{display: inline;}
.mitumori .btn-more-wp {
	text-align: center;
	padding: 15px 0;
	clear: both;
}
.mitumori .btn-more-wp button.btn{
	font-size: 2.2rem;
}

.plan-annai {
	padding: 25px 15px 15px 15px;
	background-color: #fff;
	border-radius: 5px;
	min-height: 500px;
}

.ttl-b {
	font-size: 1.4rem;
	font-weight: bold;
	background-color: #019fe9;
	color: #fff;
	padding: 8px 15px;
	border-radius: 3px;
	margin-bottom: 15px;
}
.plan-annai dd {
	margin-bottom: 20px;
}
.plan-annai table {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}
.plan-annai table th,
.plan-annai table td{
	padding: 10px;
	border: 1px solid #C0C0C0;
}
.plan-annai table th{
	background-color: #ECF0F1;
	width: 50%;
}
@media(min-width:600px){
	.plan-annai table th{
		width: 25%;
	}

}