/*
Theme Name: セントラルパーキング成田用テーマ
Theme URI: http://www.weby.co.jp/
Author: 株式会社WEBY
Author URI: http://www.weby.co.jp/
Description: セントラルパーキング成田オフィシャルサイト用のテーマです。
Version: 1.0
*/


.ChangeElem_Panel{
  display: none;
}
.ChangeElem_Btn_Content{
	overflow: hidden;
}
.ChangeElem_Btn{
	width: 50%;
	float: left;
	border: 1px solid #cccccc;
	padding: 20px;
	background-color: #ebebeb;
}
.is-active{
    background-color: #012059;
    color: #fff;
}
.tabs_res{
	list-style: none;
}
html,body {
	margin: 0;
	padding: 0;
}
html {
	font-size: 62.5%;
	overflow: auto;
	height: 100%;
}
body {
	position: relative;
	width: 100%;
	line-height: 1.6em;
	font-size: 1.8rem;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif;
	font-weight: 400;
	color: #171717;
	overflow: hidden;
}
img {
	max-width: 100%;
}
a {color: #012059;}
a:hover {color: #183b7a;}
.ffm {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif;
}
/* layout */
#wrap {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
}
.base-width {
	box-sizing: border-box;
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 20px;
}

/*追記*/
dl.inquiries dt{
	font-size:1.8rem;
	clear: left;
	float: left;
	width: 9em;
	white-space: nowrap;
 	padding: 13px 0.5em;
	font-weight: bold;
	}
dl.inquiries dd{
	font-size:1.8rem;
	margin-left: 0;
	padding: 13px 0.5em 13px 15em;
	}
dl.inquiries dd input,dl.inquiries dd textarea,.wpcf7 input[type="submit"]{
	border:1px solid #ccc;
	}
.wpcf7 input[type="submit"]{
	cursor:pointer;
	}
dl.inquiries dd p.sp-br{
	display:inline;
	}
@media (max-width: 700px) {
	dl.inquiries dt{
		float: none;
		white-space: nowrap;
	 	padding: 8px 0.1em;
		font-weight: normal;
		}
	dl.inquiries dd{
		margin-left: 0;
		padding: 0;
		border-bottom: #FFFFFF 0px dotted;
		}
	dl.inquiries dd input{
		display: inline;
		width: 100%;
		}
	dl.inquiries dd textarea{
		width: 100%;
		}
	dl.inquiries dt:before {font-family: 'FontAwesome';content: '\f152';padding-right:3px;}
	input.form-width  { max-width: 100%;}
	dl.inquiries dd p.sp-br{display:block;	}
}
/*追記ここまで*/


@media screen and (max-width: 700px) {
	.base-width {
		padding: 0 10px;
	}
}


/* header */
#site-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(255,255,255,.8);
	z-index: 8000;
}
#site-header .header-inner {
	position: relative;
	padding: 20px 0;
}
#site-header .logo {
	float: left;
	width: 350px;
	margin-right: 20px;
}
#site-header .desc {
	float: left;
}
#site-header .header-inq {
	float: right;
}
#site-header .logo h1,
#site-header .logo a,
#site-header .logo img {
	display: block;
	width: 90%;
	height: auto;
	margin: 0;
	padding: 0;
}
#site-header .desc p {
	line-height: 1.6rem;
	font-size: 1.2rem;
}
#site-header .header-inq .tel {
	float: left;
	margin-right: 15px;
}
#site-header .header-inq .form {
	float: left;
}
#site-header .header-inq .form.reserve {
	margin-right: 10px;
}
#site-header .header-inq a {
	display: block;
	text-decoration: none;
	font-weight: 500;
	color: #333;
}
#site-header .header-inq .btn-mile {
	width: 120px;
	float: left;
	margin-right: 15px;
}
#site-header .header-inq .tel a {

}
#site-header .header-inq .tel a span,
#site-header .header-inq .tel a small {
	display: block;
}
#site-header .header-inq .tel a span {
	padding: 0 0 5px 40px;
	background: url(/wp-content/uploads/2018/10/header_freedial_logo.png) 0 0 no-repeat;
	line-height: 2rem;
	font-size: 2rem;
	font-weight: 600;
}
#site-header .header-inq .tel a small {
	text-align: center;
	line-height: 1;
	font-size: 1.2rem;
}
#site-header .header-inq .form a {
	position: relative;
	padding: 8px 24px 8px 10px;
	border: 1px solid #ccc;
	border-radius: 2px;
	background: #fff;
	line-height: 2rem;
	font-size: 1.4rem;
}
#site-header .header-inq .form.reserve a,
#sp-main-menu .menu-inq .form.reserve a {
	background: #e74e62;
background: -moz-linear-gradient(top, #e74e62 0%, #c90821 50%, #e74e62 100%);
background: -webkit-linear-gradient(top, #e74e62 0%,#c90821 50%,#e74e62 100%);
background: linear-gradient(to bottom, #e74e62 0%,#c90821 50%,#e74e62 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e74e62', endColorstr='#e74e62',GradientType=0 );
	-webkit-background-size: 100% 200%;
	background-size: 100% 200%;
	color: #fff;
	border-color: #c90821;
}
#site-header .header-inq .form a:before,
#sp-main-menu .menu-inq .form a:before {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-right: 1px solid #012059;
	border-bottom: 1px solid #012059;
	transform: rotate(-45deg);
}
#site-header .header-inq .form.reserve a:before {
	border-right-color: #fff;
	border-bottom-color: #fff;
}
html.no-touchevents #site-header .header-inq .form.contact a:hover {
	background-color: #012059;
	color: #fff;
}
html.no-touchevents #site-header .header-inq .form.contact a:hover:before {
	border-right-color: #fff;
	border-bottom-color: #fff;
}
html.no-touchevents #site-header .header-inq .form.reserve a:hover,
html.no-touchevents #sp-main-menu .menu-inq .form.reserve a:hover {
	background-position: 0 -100%;
}
#site-header .header-inq .form a i {
	margin-right: 5px;
}
.menu-btn {
	position: absolute;
	display: none;
	top: 20px;
	right: 0;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.menu-btn span {
	display: block;
	position: absolute;
	top: 8px;
	left: 5px;
	width: 30px;
	height: 2px;
	border-radius: 1px;
	background: #333;
	transition: all .3s ease-in-out;
}
.menu-btn span:nth-child(1) {
	transform: translateY(-8px);
}
.menu-btn span:nth-child(2) {
	
}
.menu-btn span:nth-child(3) {
	transform: translateY(8px);
}
.menu-btn.active span:nth-child(1) {
	transform: rotate(-45deg) translateY(0);
}
.menu-btn.active span:nth-child(2) {
	opacity: 0;
}
.menu-btn.active span:nth-child(3) {
	transform: rotate(45deg) translateY(0);
}
.menu-btn em {
	display: block;
	width: 100%;
	padding-top: 24px;
	text-align: center;
	line-height: 1;
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	letter-spacing: -.05em;
}


/* sp menu */

#sp-main-menu {
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	padding: 52px 0 0;
	background: #fff;
	z-index: 9998;
	opacity: 0;
	transform: translateX(100%);
	transition: transform .5s ease-in-out;
	transition-property: transform,opacity;
}
#sp-main-menu .inner {
	position: relative;
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
body.menu-active #sp-main-menu {
	opacity: 1;
	transform: translateX(0);
}
#sp-main-menu ul {
	padding: 0 20px;
	list-style: none;
}
#sp-main-menu ul li {
	position: relative;
	border-bottom: 1px solid #ccc;
	font-size: 1.6rem;
}
#sp-main-menu ul li a {
	display: block;
	padding: 20px 0;
	text-decoration: none;
	line-height: 2rem;
	color: #454545;
}
#sp-main-menu ul li a small {
	position: absolute;
	top: 20px;
	right: 0;
	display: inline-block;
	line-height: 2rem;
	font-size: 1.2rem;
	color: #dccf43;
}
#sp-main-menu .menu-inq {
	padding: 40px 20px 20px;
	text-align: center;
}
#sp-main-menu .menu-inq .mile {
	width: 220px;
	margin: 0 auto 20px;
}
#sp-main-menu .menu-inq .mile a,
#sp-main-menu .menu-inq .mile img {
	display: block;
	width: 100%;
	height: auto;
}
#sp-main-menu .menu-inq .tel {
	width: 280px;
	margin: 0 auto 20px;
}
#sp-main-menu .menu-inq .tel a {
	display: block;
	text-decoration: none;
	color: #333;
}
#sp-main-menu .menu-inq .tel a span {
	display: inline-block;
	padding: 0 0 5px 40px;
	background: url(/wp-content/uploads/2018/10/header_freedial_logo.png) 0 0 no-repeat;
	line-height: 2rem;
	font-size: 2.5rem;
	font-weight: 600;
}
#sp-main-menu .menu-inq .tel a small {
	display: block;
	font-size: 1.2rem;
}
#sp-main-menu .menu-inq .form a {
	position: relative;
	display: block;
	max-width: 280px;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #ccc;
	border-radius: 2px;
	font-size: 1.6rem;
	color: #333;
}
#sp-main-menu .menu-inq .form.reserve a {
	margin-bottom: 10px;
}
#sp-main-menu .menu-inq .form a i {
	margin-right: 10px;
}
@media screen and (max-width: 1000px) {
	#site-header {
		width: 100%;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 9999;
	}
	.header-inq {
		display: none;
	}
	.menu-btn {
		display: block;
	}
}
@media screen and (max-width: 730px) {
	#site-header .desc p {
		display: none;
	}
}
@media screen and (max-width: 380px) {
	#site-header .logo {
		width: 280px;
		margin-right: 0;
	}
}
/* top page */

/* main visual */
#index-header {
	position: relative;
	width: 100%;
	height: 100vh;
}
#mv {
	position: relative;	
	height: 100%;
}
#mv .mv-slider {
	position: relative;
	width: 100%;
	height: 100%;
}
#mv .mv-slider ul {
	position: relative;
	height: 100%;
	list-style: none;
}
.slick-list,
.slick-track {
	height: 100%;
}
#mv .mv-slider ul li {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;	
	height: 100%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
}
#mv .mv-slider ul li span.cap {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -2rem;
	line-height: 4rem;
	font-size: 2.4rem;
	color: #012059;
	text-align: center;
}
#mv .mv-slider img {
	display: block;
	width: 100%;
	height: auto;
}
#mv .mv-catch {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	max-width: 740px;
	transform: translate(-50%, -50%);
}
#mv .mv-catch img {
	display: block;
}
#mv .mv-catch img.catch-sp {
	display: none;
}

@media screen and (max-width: 730px) {
	#mv .mv-slider ul li span.cap {
		font-size: 1.8rem;
	}
	#mv .mv-catch {
		top:calc(50% + 35px);
	}
}
@media screen and (max-width: 560px) {
	#index-header {
		height: 50vh;
	}
	#mv .mv-catch img.catch-pc {
		display: none;
	}
	#mv .mv-catch img.catch-sp {
		display: block;
	}
}
/* global navigation */
#gn {
	background: #012567;
background: -moz-linear-gradient(top, #012567 0%, #012059 100%);
background: -webkit-linear-gradient(top, #012567 0%,#012059 100%);
background: linear-gradient(to bottom, #012567 0%,#012059 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012567', endColorstr='#012059',GradientType=0 );
}
#gn.top-gn {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
body.page-scrolled #gn {
	position: fixed;
	top: 0;
	bottom: auto;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 9990;
}
#gn ul {
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
#gn ul li {
	float: left;
	/*width: 16.66666%;*/
	width: calc(100% / 7);
}
#gn ul li a {
	position: relative;
	display: block;
	padding: 20px 0;
	text-align: center;
	text-decoration: none;
	line-height: 2rem;
	font-size: 1.4rem;
	color: #fff;
	overflow: hidden;
	transition: all .3s ease-in-out;
}
body.page-scrolled #gn ul li a {
	padding: 10px 0;
}
#gn ul li a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	transform: translateY(100%);
	z-index: 1;
	opacity: 0;
}
html.no-touchevents #gn ul li a:before {
	transition: transform .5s ease-in-out;
	transition-property: transform,opacity;
}
html.no-touchevents #gn ul li a:hover:before {
	transform: translateY(0);
	opacity: 1;
}
#gn ul li a span,
#gn ul li a small {
	position: relative;
	display: block;
	z-index: 2;
}
#gn ul li a small {
	display: block;
	font-size: 1.2rem;
	color: #f8ec66;
}
@media screen and (max-width: 1000px) {
	#gn {
		display: none;
	}
}
/* top page upper banner */
.top-page-bnr {
	padding: 40px 0;
}
.cfarr{
	margin-bottom: 10px;
	margin-left: 100px;
	width: 20px;
}
.top-page-bnr ul {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	list-style: none;
}
.top-page-bnr ul li.slick-slide img {
	display: block;
	width: 100%;
	height: auto;
}
.top-page-bnr ul ul.slick-dots {
	position: absolute;
	bottom: -36px;
	left: 0;
	width: 100%;
	text-align: center;
}
.top-page-bnr ul ul.slick-dots li {
	display: inline-block;
	margin: 0 5px;
}
.top-page-bnr ul ul.slick-dots li button {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: #999;
}
.top-page-bnr ul ul.slick-dots li.slick-active button {
	background: #454545;
}

/* greeting */
#top-greeting {
	padding: 40px 0;
	background: url(/wp-content/uploads/2018/10/index_message_back.jpg) right center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
#top-greeting h2 {
	padding: 0 0 20px;
	line-height: 4rem;
	font-size: 2.4rem;
	font-weight: bold;
	color: #174598;
}
#top-greeting h2 span {
	background: linear-gradient(transparent 80%, #fffe99 80%) repeat-x;
}
#top-greeting h2 strong {
	font-size: 1.2em;
	font-weight: 800;
}
#top-greeting p {
	padding: 0 0 20px;
	line-height: 3rem;
	font-size: 1.8rem;
	font-weight: 500;
}
@media screen and (max-width: 880px) {
	#top-greeting {
		-webkit-background-size: cover;
		background-size: cover;
	}
}
@media screen and (max-width: 730px) {
	#top-greeting h2 {
		padding-right: 20px;
		padding-left: 20px;
		font-size: 2rem;
	}
	#top-greeting p {
		padding-right: 20px;
		padding-left: 20px;
	}

}
@media screen and (max-width: 480px) {
	#top-greeting {
		display: none;
	}
}
.sec {
	padding: 80px 0;
}
.sec.bg2 {
	background: #eff5fa;
}
body.home .sec h3 {
	margin: 0;
	padding: 0 0 30px;
	text-align: center;
	line-height: 4rem;
	font-size: 3.6rem;
	font-weight: bold;
}
body.home .sec#top-reason h3 em {
	display: inline-block;
	width: 60px;
	height: 60px;
	margin: 0 4px;
	line-height: 60px;
	border-radius: 50%;
	background: #012567;
background: -moz-linear-gradient(top, #012567 0%, #012059 100%);
background: -webkit-linear-gradient(top, #012567 0%,#012059 100%);
background: linear-gradient(to bottom, #012567 0%,#012059 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012567', endColorstr='#012059',GradientType=0 );
	text-align: center;
	font-size: 5rem;
	font-style: normal;
	font-weight: 800;
	color: #f8ec66;
}
@media screen and (max-width: 730px) {
	.sec {
		padding: 40px 0;
	}
}

/* top page reason */
#top-reason .reason-catch {
	padding-bottom: 20px;
}
#top-reason p {
	padding: 0 0 20px;
	line-height: 3rem;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 500;
}
#top-reason ol {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
	list-style: none;
}
#top-reason ol li {
	box-sizing: border-box;
	margin-bottom: 2%;
	width: 32%;
	background: #fff;
	border: 1px solid #ccc;
}
#top-reason ol li:nth-child(3n-1) {
	margin-right: 2%;
	margin-left: 2%;
}
#top-reason ol li a {
	position: relative;
	display: block;
	text-decoration: none;
	color: #454545;
}
#top-reason ol li a:before {
	content: "";
	position: absolute;
	right: 1px;
	bottom: 1px;
	width: 40px;
	height: 40px;
	background: url(/wp-content/uploads/2018/10/index_reason_arrow.png) 0 0 no-repeat;
}
html.no-touchevents #top-reason ol li a:before {
	transition: all .5s ease-in-out;
}
html.no-touchevents #top-reason ol li a:hover:before {
	opacity: .5;
}
#top-reason ol li a .ph {
	position: relative;
	display: block;
}
#top-reason ol li a .ph:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	opacity: 0;
}
#top-reason ol li a .ph:after {
	content: "詳細を見る";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 130px;
	margin-left: -60px;
	line-height: 2rem;
	background: url(/wp-content/uploads/2018/10/index_reason_arrow_detail.png) right center no-repeat;
	font-size: 2rem;
	color: #fff;
	transform: translateY(20px);
	opacity: 0;
}
html.no-touchevents #top-reason ol li a .ph:before,
html.no-touchevents #top-reason ol li a .ph:after {
	transition: all .5s ease-in-out;
}
html.no-touchevents #top-reason ol li a:hover .ph:before {
	opacity: 1;
}
html.no-touchevents #top-reason ol li a:hover .ph:after {
	opacity: 1;
	transform: translateY(0);
}
#top-reason ol li a .ph .label {
	position: absolute;
	left: 50%;
	bottom: -20px;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	line-height: 40px;
	text-align: center;
	background: rgba(248,236,102,.6);
	font-size: 2.4rem;
	color: #333;
}
#top-reason ol li img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

#top-reason ol li .txt {
	display: block;
	height: 180px;
	padding: 40px 10px;
	text-align: center;
	line-height: 3rem;
	font-size: 1.8rem;
}
@media screen and (max-width: 1000px) {
	#top-reason ol li .txt {
		font-size: 1.8rem;
	}
}
@media screen and (max-width: 730px) {
	body.home .sec h3 {
		padding: 0 0 20px;
		line-height: 3rem;
		font-size: 2.4rem;
	}
	body.home .sec#top-reason h3 em {
		width: 40px;
		height: 40px;
		margin: 0 3px;
		line-height: 40px;
		font-size: 3.5rem;
	}
	#top-reason ol li {
		margin-bottom: 2%;
		width: 48%;
		margin-right: 1%;
		margin-left: 1%;
		background: #fff;
		border: 1px solid #ccc;
	}
	#top-reason ol li:nth-child(3n-1) {
		margin-right: 1%;
		margin-left: 1%;
	}
}
@media screen and (max-width: 480px) {
	#top-reason ol li {
		margin-bottom: 2%;
		width: 98%;
		margin-right: 1%;
		margin-left: 1%;
		background: #fff;
		border: 1px solid #ccc;
	}
	#top-reason ol li .txt {
		font-size: 1.8rem;
		height: auto;
	}
}
/* top news */
#top-news .news-body {
	padding-bottom: 40px;
}
#top-news .news-body .entry {
	position: relative;
	padding: 10px 0;
	line-height: 2rem;
	font-size: 1.8rem;
}
#top-news .news-body .entry .cat-label {
	position: absolute;
	top: 10px;
	left: 0;
	width: 120px;
	background: #333;
	text-align: center;
	border-radius: 4px;
	line-height: 2rem;
	font-size: 1.2rem;
	color: #fff;
}
#top-news .news-body .entry .cat-label.cat1 {
	background: #d65122;
}
#top-news .news-body .entry .cat-label.cat2 {
	background: #264885;
}
#top-news .news-body .entry .date {
	position: absolute;
	top: 10px;
	left: 140px;
}
#top-news .news-body .entry a {
	display: block;
	margin-left: 250px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#top-news .more {

}
.more-btn {
	box-sizing: border-box;
	display: block;
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	padding: 20px 0;
	border: 1px solid #ccc;
	text-decoration: none;
	text-align: center;
	line-height: 2rem;
	background: #fff;
	font-size: 1.8rem;
	color: #454545;
}
html.no-touchevents a.more-btn:hover {
	background-color: #012059;
	color: #fff;
}
@media screen and (max-width: 730px) {
	#top-news .news-body .entry {
		padding-bottom: 20px;
		font-size: 1.6rem;
	}
	#top-news .news-body .entry .cat-label {
		top: 0;
		width: 100px;
	}
	#top-news .news-body .entry .date {
		top: 0;
		left: 110px;
		font-size: 1.4rem;
	}
	#top-news .news-body .entry a {
		display: block;
		margin-top: 20px;
		margin-left: 0;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	.more-btn {
		font-size: 1.6rem;
	}
}

/* cost */
.cost-body {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
	list-style: none;
	padding-bottom: 20px;
}
#top-cost p.cost-info {
	padding: 0 0 40px;
	line-height: 3rem;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 500;
}
.cost-body div.plan {
	box-sizing: border-box;
	margin: 0 .5% 5%;
	width: 49%;
	background: #fff;
	border: 1px solid #ccc;
}
.cost-body div.plan#plan1,
.cost-body div.plan#night_plan,
.cost-body div.plan#season_plan{
	width: 99%;
	margin: 0 .5% 1%;
}

.cost-body div.plan .plan-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
}

.cost-body div.plan .inner {
	padding: 40px 10px;
	text-align: center;
}
.entry-content .cost-body h4,
.cost-body h4 {
	margin: 0;
	padding: 0 0 20px;
	line-height: 1;
	font-size: 2.4rem;
	font-weight: 600;
	color: #233f73;
}
.entry-content .cost-body h4 {
	border-left: none;
	background: #fff;
	margin-bottom: 0.75rem;
}

 .cost-body #plan1 .cost-wrap{
/*	display: flex;
	align-items: flex-start;
	 flex-wrap: wrap;*/
	 
}
.cost-body .separator_line{
    width: 90%;
    height: 3px;
    background: #012260;
	margin: 0 auto 4rem;
}


.cost-wrap .bg {
	width: 100%;
	margin: 0 0 40px;
	border-collapse: collapse;
}


.cost-wrap table {
	width: 100%;
	margin: 0 0 40px;
	border-collapse: collapse;
	
}

/*.cost-wrap table:last-child {
	margin-bottom: 0;
}*/

@media screen and (max-width: 720px) {
	.cost-wrap table.tbl-pc {
		display: none;
	}
}
@media screen and (min-width: 721px) {
	.cost-wrap table.tbl-sp {
		/*display: none;*/
		width: calc(100% - 3rem);
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 6rem;
	}
	
	.cost-body #plan1 .cost-wrap{
		width: calc(100% / 2 - 4rem);
	}
	
	.cost-body .separator_line{
    	width: 1px;
    	height: 95%;
		margin: 0;
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
	}
}

.cost-wrap table th,
.cost-wrap table td {
	/*padding: 20px 10px;*/
	padding: 20px;
	border: 1px solid #fff;
	border-collapse: collapse;
	line-height: 2rem;
	vertical-align: middle;
	font-size: 1.7rem;
	font-weight: 500;
}
.cost-wrap table th {
	background: #233f73;
	color: #fff;
}

.cost-wrap table td {
	background: #fff;
}

.cost-wrap table th.th_half {
	width: 50%;
}
.cost-wrap table .normal{
	width: 35%;
}
.cost-wrap table .day{
	width: 20%;
}
.cost-wrap table tr td:first-of-type{
	border-right: 1px solid #d7d7d7;
}
/*.cost-wrap table tr:nth-child(odd) td{
	background-color: #f8f8f8;
}*/

.cost-wrap table .bg_red{
	background-color: #cc3033;
}

.cost-wrap table.border_table tr:nth-child(odd) td{
	background-color: #fff;
}
/*#plan1 .cost-wrap table tr td:nth-child(odd){
	background-color: #f8f8f8;
}*/
.cost-wrap table.border_table tr:nth-child(odd) td{
	background-color: #f8f8f8;
}



#plan1 .cost-wrap table th,
#plan1 .cost-wrap table td {
	vertical-align: middle;
	font-size: 1.5rem;
}
#plan1 .cost-wrap table tr.strg td {
	background: #233f73;
	color: #fff;
}
#plan1 .cost-wrap table td span {
	font-size: 2rem;
}
#plan1 .cost-wrap table td.tar span,
#plan1 .cost-wrap table td.tac span {
	font-weight: 600;
	color: #cc3033;
}

.cost-wrap .bg{
	width: 90%;
	margin: 0 auto 2rem;
	height: 20vh;
}

#plane_plan.cost-wrap .bg{
	background: url( "https://www.central-pk.com/wp-content/uploads/2018/10/charge_facility_01.jpg") no-repeat top center / cover;
}

#garage_plan.cost-wrap .bg{
	background: url( "https://www.central-pk.com/wp-content/uploads/2018/10/charge_facility_02.jpg") no-repeat center / cover;
}

.cost-wrap table td.merge_cell_row{
	height: calc(61px + 85px);
}

.cost-wrap table td.tal {
	text-align: left;
}
.cost-wrap table td.tar {
	text-align: right;
}
.cost-wrap table td.nowrap {
	white-space: nowrap;
}
.cost-wrap table td p {
	line-height: 2.4rem;
	padding-bottom: 10px;
}
.cost-wrap table td p:last-child {
	padding-bottom: 0;
}
.cost-wrap table td em {
	display: inline-block;
	margin-right: 2px;
	font-style: normal;
	font-weight: 600;
	font-size: 2.6rem;
	color: #cc3033;
}


/* 夜間割り増し料金 #night_plan style  */

#night_plan th{
	width: 25%;
}

#season_plan th,
#season_plan td{
	border-bottom: 1px solid #eee;
}


@media screen and (max-width: 990px) {
	.cost-body div.plan {
		margin-bottom: 2%;
		width: 48%;
		margin-right: 1%;
		margin-left: 1%;
	}
	.cost-body div.plan#plan1,
	.cost-body div.plan:nth-child(3n-1) {
		margin-right: 1%;
		margin-left: 1%;
	}
}
@media screen and (max-width: 740px) {
	.cost-body div.plan {
		margin-bottom: 10%;
		width: 98%;
		margin-right: 1%;
		margin-left: 1%;
		background: #fff;
		border: 1px solid #ccc;
	}
	
	table.sp_column_1 table,
	table.sp_column_1 tbody,
	table.sp_column_1 tr,
	table.sp_column_1 td,
	table.sp_column_1 th
	{
		width: 100%;
		display: block;
	}
	
	
	
	#plan1 .cost-wrap table th,
	#plan1 .cost-wrap table td {
		font-size: 1.25rem;
	}
	
	.cost-wrap table td,
	#plan2 .cost-wrap table td,
	#plan3 .cost-wrap table td {
		padding: 20px 5px;
	}
	
	.cost-wrap table th.th_half {
		width: auto;
	}
	
	.cost-wrap table td em {
		font-size: 2.2rem;
	}
	
	
	#night_plan th{
		width: 100%;
	}
	
	
}


/* ------- lower page ------------ */
#mv-fixed {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: url() 0 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: -1;
}

#mv-fixed img {
	display: block;
	width: 100%;
	height: auto;
}
.entry-header {
	padding: 160px 40px 100px;
	text-align: center;
	background: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.3) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.3) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#99ffffff',GradientType=0 );
}
.entry-header h1 {
	position: relative;
	display: inline-block;
	padding: 40px;
	line-height: 5rem;
	background: rgba(255,255,255,.5);
	font-size: 5.0rem;
	font-weight: bold;
}
.entry-header h1:before,
.entry-header h1:after {
	content: "";
	position: absolute;
	width: 40px;
	height: 40px;
}
.entry-header h1:before {
	top: -10px;
	left: -10px;
	border-top: 1px solid rgba(0,0,0,.5);
	border-left: 1px solid rgba(0,0,0,.5);
}
.entry-header h1:after {
	bottom: -10px;
	right: -10px;
	border-bottom: 1px solid rgba(0,0,0,.5);
	border-right: 1px solid rgba(0,0,0,.5);
}
.entry-header h1 span {
	display: inline-block;
	margin: 0 0 5px;
	padding: 0 0 3px;
	border-bottom: 1px solid rgba(200,8,33,.5);
}
.entry-header h1 small {
	display: block;
	line-height: 2rem;
	font-size: 1.4rem;
	color: rgba(200,8,33,1);
}
@media screen and (max-width: 730px) {
	.entry-header {
		padding: 40px;
	}
	.entry-header h1 {
		padding: 20px;
		line-height: 4rem;
		font-size: 3rem;
	}
	.entry-header h1:before {
		top: -5px;
		left: -5px;
	}
	.entry-header h1:after {
		bottom: -5px;
		right: -5px;
	}
}
@media screen and (max-width: 480px) {
	.entry-header {
		padding: 20px;
	}
	.entry-header h1 {
		padding: 20px;
		line-height: 3rem;
		font-size: 2.2rem;
	}
#mv-fixed {
	content: "";
	position: fixed;
	top: 72px;
	left: 0;
	width: 100%;
	background: url() 0 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: -1;
}
.lower-page #container {
    margin-top: 72px;
}
}

.entry-content {
	background: #fff;
	overflow: hidden;
	position: relative;
}
.entry-content h2 {
	position: relative;
	margin: 20px 0 20px;
	padding: 20px 20px 20px 60px;
	border-top: 4px double #233f73;
	border-bottom: 4px double #233f73;
	line-height: 1.5em;
	font-size: 4.2rem;
	font-weight: bold;
	color: #233f73;
}
.entry-content h2:before,
.entry-content h2:after {
	content: "";
	position: absolute;
	top: 30px;
	left: 20px;
	width: 20px;
	height: 20px;
	background: rgba(0,85,135,.5);
}
.entry-content h2:after {
	top: 40px;
	left: 30px;
}
.entry-content h3 {
	position: relative;
	margin: 40px 0 20px;
	padding: 0 0 10px;
	position: relative;
	border-bottom: 2px solid #6587c7;
	line-height: 1.5em;
	font-size: 3.2rem;
	font-weight: bold;
}
.entry-content h3:after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 30%;
	height: 2px;
	background: #233f73;
}
.entry-content h4 {
	margin: 20px 0 20px;
	padding: 10px 20px 10px 20px;
	border-left: 4px solid #ccc;
	line-height: 1.5em;
	background: #f8f8f8;
	font-size: 2.3rem;
	font-weight: 600;
}

.entry-content p {
	padding: 0 0 20px;
	line-height: 1.8em;
	font-size: 1.8rem;
}

ul.list-type1 {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.list-type1 li {
	position: relative;
	margin: 0;
	padding: 0 0 20px 20px;
	line-height: 1.8em;
	font-size: 1.8rem;
}
ul.list-type1 li:before {
	position: absolute;
	top: 1px;
	left: 0;
	content: "\f01d";
	font-family: FontAwesome;
	font-weight: 400;
	font-size: 1.2rem;
	color: #e49d57;
}

.page-lead {
	padding: 0 0 20px;
}
@media screen and (max-width: 730px) {
	.entry-content h2 {
		padding: 15px 15px 15px 40px;
		font-size: 2.4rem;
	}
	.entry-content h2:before,
	.entry-content h2:after {
		top: 20px;
		left: 10px;
		width: 16px;
		height: 16px;
	}
	.entry-content h2:after {
		top: 28px;
		left: 18px;
	}
	.entry-content h3 {
		font-size: 2rem;
	}
	.entry-content h4 {
		font-size: 1.8rem;
	}
}
/* bread crumb */
.bc {
	background: #fff;
}
.bc ul {
	list-style: none;
}
.bc ul li {
	position: relative;
	float: left;
	line-height: 1.5rem;
	font-size: 1.6rem;
}
.bc ul li a,
.bc ul li > span {
	display: block;
	padding: 15px;
	text-decoration: none;
	color: #454545;
}
.bc ul li > span {
	color: #999;
}
.bc ul li:before {
	content: "/";
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -7px;
	color: #999;
}
.bc ul li:last-child:before {
	display: none;
}
html.no-touchevents .bc ul li a:hover {
	text-decoration: underline;
}

.cnt-box {
	margin: 0 0 20px;
	border: 1px solid #ddd;
	padding: 40px;
}
.entry-content .cnt-box h3 {
	margin-top: 0;
}
.cnt-box .fll,
.cnt-box .flr {
	box-sizing: border-box;
}
.cnt-box .fll {
	padding-right: 20px;
}
.cnt-box .flr {
	padding-left: 20px;
}
@media screen and (max-width: 730px) {
	.cnt-box {
		padding: 20px;
	}
}
@media screen and (max-width: 480px) {
	.cnt-box .fll {
		float: none;
		padding-right: 0;
	}
	.cnt-box .flr {
		float: none;
		padding-left: 0;
	}
	.cnt-box .fll,
	.cnt-box .flr {
		width: 100% !important;
	}
	.cnt-box .ph {
		margin-bottom: 20px;
	}
}
.cnt-card {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.cnt-card .item {
	border: 1px solid #ddd;
	background: #fff;
}
.cnt-card.col4 .item {
	width: 23.5%;
	margin: 0 0 2%;
	color: #454545;
}
.cnt-card.col3 .item {
	width: 32%;
	margin: 0 0 2%;
	color: #454545;
}
.cnt-card.col2 .item {
	width: 49%;
	margin: 0 0 2%;
	color: #454545;
}
.cnt-card.col4 .item:nth-child(4n-1) {
	margin: 0 2% 2% 1%;
}
.cnt-card.col4 .item:nth-child(4n-2) {
	margin: 0 1% 2% 2%;
}
.cnt-card.col3 .item:nth-child(3n-1) {
	margin: 0 2% 2%;
}
.cnt-card.col2 .item:nth-child(odd) {
	margin: 0 1% 2% 0;
}
.cnt-card.col2 .item:nth-child(even) {
	margin: 0 0 2% 1%;
}
.cnt-card .item a {
	display: block;
	text-decoration: none;
	color: #454545;
}
.cnt-card .item .ph {
	position: relative;
	display: block;
	width: 100%;
}
.cnt-card .item .ph img {
	position: relative;
	display: block;
	width: 100%;
	z-index: 1;
}
.cnt-card .item a .ph:before {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #233f73;
	z-index: 2;
	transform: translateX(-50%);
	transition: all .3s ease-in-out;
}
.cnt-card .item a .ph:after {
	content: "";
	position: absolute;
	bottom: -7px;
	left: 49.5%;
	width: 14px;
	height: 14px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	z-index: 2;
	transform: translateX(-50%) rotate(-45deg);
}
html.no-touchevents .cnt-card .item a:hover .ph:before {
	background-color: #2454af;
	box-shadow: 0 3px 5px rgba(0,0,0,.2);
}
.cnt-card .item .txt {
	display: block;
	padding: 40px 20px 20px;
}
.entry-content .cnt-card .item .txt h3 {
	margin: 0 0 10px;
	padding: 0;
	border: none;
}
.entry-content .cnt-card .item .txt h3:after {
	display: none;
}
@media screen and (max-width: 900px) {
	.cnt-card.col4 .item {
		width: 49%;
		margin: 0 0 2%;
		color: #454545;
	}
	.cnt-card.col4 .item:nth-child(4n-1) {
		margin: 0 0 2%;
	}
	.cnt-card.col4 .item:nth-child(4n-2) {
		margin: 0 0 2%;
	}
	.cnt-card.col4 .item:nth-child(odd) {
		margin: 0 1% 2% 0;
	}
	.cnt-card.col4 .item:nth-child(even) {
		margin: 0 0 2% 1%;
	}
}
@media screen and (max-width: 730px) {
	.cnt-card.col3 .item {
		width: 49%;
		margin: 0 0 2%;
		color: #454545;
	}
	.cnt-card.col3 .item:nth-child(3n-1) {
		margin: 0 0 2%;
	}
	.cnt-card.col3 .item:nth-child(odd) {
		margin: 0 1% 2% 0;
	}
	.cnt-card.col3 .item:nth-child(even) {
		margin: 0 0 2% 1%;
	}
}
@media screen and (max-width: 480px) {
	.cnt-card.col2 .item,
	.cnt-card.col3 .item,
	.cnt-card.col4 .item {
		width: 100%;
		margin: 0 0 20px;
		color: #454545;
	}
	.cnt-card.col2 .item:nth-child(odd),
	.cnt-card.col3 .item:nth-child(odd),
	.cnt-card.col4 .item:nth-child(odd) {
		margin: 0 0 20px 0;
	}
	.cnt-card.col2 .item:nth-child(even),
	.cnt-card.col3 .item:nth-child(even),
	.cnt-card.col4 .item:nth-child(even) {
		margin: 0 0 20px 0;
	}
}
.entry-content table.tbl,
.entry-content table.tbl th,
.entry-content table.tbl td {
	border-collapse: collapse;
}
.entry-content table.tbl th,
.entry-content table.tbl td {
	padding: 20px 10px;
	border: 1px solid #fff;
	border-collapse: collapse;
	line-height: 2rem;
	vertical-align: top;
	font-size: 1.8rem;
	font-weight: 500;
}
.entry-content table.tbl th {
	background: #233f73;
	color: #fff;
}
.entry-content table.tbl tr:nth-child(odd) td{
	background-color: #f8f8f8;
}



/* reason page */
.reason-wrap {
	padding-bottom: 80px;
}
.reason-cnt {
	position: relative;
	overflow: hidden;
}
.reason-cnt .ph {
	position: absolute;
	width: 50%;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.reason-cnt.rc-even .ph {
	left: auto;
	right: 0;
}
.reason-cnt .ph img {
	display: block;
	width: 100%;
	height: auto;
}
.reason-cnt.rc-odd {
	background: #eff5fa;
}
.reason-cnt.rc-even {
	background: #fff;
}
.reason-cnt.rc-odd .ph:after {
	content: "";
	position: absolute;
	top: 0;
	right: -1px;
	width: 10%;
	height: 100%;
	background: url(images/sep_white.svg);
	background-repeat: no-repeat;
}
.reason-cnt.rc-even .ph:after {
	content: "";
	position: absolute;
	top: 0;
	left: -1px;
	width: 10%;
	height: 100%;
	background: url(images/sep_white2.svg);
	background-repeat: no-repeat;
}
.reason-cnt.rc-odd .base-width > .inner {
	margin-left: 50%;
	padding: 80px 0 80px 40px;
}
.reason-cnt.rc-even .base-width > .inner {
	margin-right: 50%;
	padding: 80px 40px 80px 0;
}
.reason-cnt .label {
	text-align: center;
}
.reason-cnt .label span {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-bottom: 10px;
	line-height: 40px;
	text-align: center;
	background: rgba(248,236,102,.6);
	font-size: 2.4rem;
	color: #333;
}
.reason-cnt h2 {
	margin: 0;
	padding: 0 0 20px;
	line-height: 4rem;
	font-size: 2.8rem;
	font-weight: 500;
}
.reason-cnt ul {
	list-style: none;
}
.reason-cnt ul li {
	position: relative;
	padding: 0 0 1rem 24px;
	line-height: 2.5rem;
	font-size: 2rem;
	transition:all .5s ease-in-out;
	opacity: 0;
	transform: translateY(20px);
}
.reason-cnt.view.active ul li {
	opacity: 1;
	transform: translateY(0);
}
.reason-cnt.view.active ul li:nth-child(2) {
	transition-delay: .2s;
}
.reason-cnt.view.active ul li:nth-child(3) {
	transition-delay: .3s;
}
.reason-cnt.view.active ul li:nth-child(4) {
	transition-delay: .4s;
}
.reason-cnt.view.active ul li:nth-child(5) {
	transition-delay: .5s;
}
.reason-cnt.view.active ul li:nth-child(6) {
	transition-delay: .6s;
}
.reason-cnt ul li:before {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #1abc9c;
}
.reason-cnt ul li:after {
	content: "";
	position: absolute;
	top: 5px;
	left: 4px;
	width: 6px;
	height: 10px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	box-shadow: 2px 0 0 rgba(0,0,0,.2);
}

/* access page */
#access-map {
	width: 100%;
	height: 500px;
}
.cost-wrap input{
	padding: 10px;
	border-radius: 5px;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	display: block;
	width: 100%;
}
.cost-wrap textarea{
	padding: 10px;
	border-radius: 5px;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	width: 100%;
}
.cost-wrap select{
	padding: 10px;
	border-radius: 5px;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	width: 100%;
}
.map-guide {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
.map-guide img {
	display: block;
	width: 100%;
	height: auto;
}
.map-guide .infomap {
	margin-bottom: 20px;
}
.map-guide ol {
	margin: 0;
	padding: 0;
	list-style: none;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.map-guide ol li {
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2%;
    background: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    text-align: center;
}
.map-guide .txt {
	display: block;
    padding: 40px 10px;
    text-align: center;
    line-height: 3rem;
    font-size: 1.8rem;
}
.map-guide ol li:nth-child(even){
	margin-right: 0px;
}
.map-guide ol li:last-child {
	margin-right: 0;
}
.map-guide ol li:nth-child(n+5){
	margin-bottom: 0px;
}

@media screen and (max-width: 730px) {
	#access-map {
		width: 100%;
		height: 400px;
	}
}
@media screen and (max-width: 640px) {
	.map-guide ol li {
		width: 49%;
		margin-right: 1%;
		margin-bottom: 2%;
	}
	.map-guide ol li:nth-child(even) {
		margin-right: 0;
		margin-left: 1%;
	}
}
@media screen and (max-width: 480px) {
	#access-map {
		width: 100%;
		height: 300px;
	}
}

/* bottom banner contents */
.btm-bnr {
	padding: 80px 0;
	background: #fff;
}
.btm-bnr li {
	padding: 0 10px;
}
.btm-bnr a,
.btm-bnr img {
	display: block;
	width: 100%;
	height: auto;
}
.btm-bnr .slick-arrow {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	width: 30px;
	height: 50px;
	background: url(/wp-content/uploads/2018/10/footer_bunner_arrow_right.png) 0 0 no-repeat;
	z-index: 1000;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.btm-bnr .slick-arrow.slick-prev {
	left: 5px;
	background-image: url(/wp-content/uploads/2018/10/footer_bunner_arrow_left.png);
}
.btm-bnr .slick-arrow.slick-next {
	right: 5px;
}
@media screen and (max-width: 730px) {
	.btm-bnr {
		padding: 40px 0;
	}
}

/* cta */
.cta {
    position: relative;
    padding: 120px 0;
    background: url(/wp-content/uploads/2018/10/footer_back.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.cta-inner {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
	padding: 20px;
	background: rgba(255,255,255,.9);
	border: 5px solid #3b588d;
}
.cta .cp {
	box-sizing: border-box;
	width: 65%;
	padding-right: 20px;
	border-right: 1px solid #ddd;
}
.cta .info {
	box-sizing: border-box;
	width: 35%;
	padding-left: 20px;
	border-left: 1px solid #fff;
}
.cta .cp h3 {
    padding: 5px 0 20px 45px;
    line-height: 3rem;
    background: url(/wp-content/uploads/2018/10/footer_exclamation.png) left top no-repeat;
    -webkit-background-size: 40px 30px;
    background-size: 40px 30px;
    font-size: 2.8rem;
    font-weight: 500;
    color: #012059;
}
.cta .cp h3 strong {
	font-weight: 600;
	color: #c90821;
}
.cta .cp p {
	padding: 0 0 20px;
	line-height: 2.5rem;
	font-size: 1.8rem;
}
.cta .cp p strong {
	color: #3c64ad;
}
.cta .cp .rsv {
	width: 100%;
}
.cta .cp .rsv .rsv-btn {
	float: left;
	width: 70%;
}
.cta .cp .rsv .rsv-btn a {
	position: relative;
	display: block;
	padding: 20px 0;
	text-align: center;
	text-decoration: none;
	border-radius: 1px;
	background: #e74e62;
background: -moz-linear-gradient(top, #e74e62 0%, #c90821 50%, #e74e62 100%);
background: -webkit-linear-gradient(top, #e74e62 0%,#c90821 50%,#e74e62 100%);
background: linear-gradient(to bottom, #e74e62 0%,#c90821 50%,#e74e62 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e74e62', endColorstr='#e74e62',GradientType=0 );
	-webkit-background-size: 100% 200%;
	background-size: 100% 200%;
	font-size: 1.8rem;
	color: #fff;
}
html.no-touchevents .cta .cp .rsv .rsv-btn a:hover {
	background-position: 0 -100%;
}
.cta .cp .rsv .rsv-btn a:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 10px;
	height: 10px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg) translateY(-5px);
}
.cta .cp .rsv .rsv-btn a i {
	margin-right: 10px;
}
.cta .cp .rsv .cp-link {
	float: right;
	width: 25%;
	line-height: 2rem;
	font-size: 1.4rem;
}
.cta .info p {
	padding: 0 0 20px;
	line-height: 2.5rem;
	font-size: 1.8rem;
}
.cta .info .contact {
	width: 80%;
	margin: 0 auto;
}

.cta .info .contact a {
	display: block;
	text-decoration: none;
	color: #333;
}
.cta .info .contact .tel a {
	margin-bottom: 20px;
}
.cta .info .contact .tel a span,
.cta .info .contact .tel a small {
	display: block;
}
.cta .info .contact .tel a span {
	padding: 0 0 5px 40px;
	background: url(/wp-content/uploads/2018/10/header_freedial_logo.png) 0 0 no-repeat;
	line-height: 2rem;
	font-size: 2.8rem;
	font-weight: 600;
}
.cta .info .contact .tel a small {
	text-align: center;
	line-height: 1;
	font-size: 1.2rem;
}
.cta .info .contact .form a {
	position: relative;
	padding: 8px 24px 8px 10px;
	border: 1px solid #ccc;
	border-radius: 2px;
	line-height: 2rem;
	text-align: center;
	background: #fff;
	font-size: 1.4rem;
}
.cta .info .contact .form a:before {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-right: 1px solid #012059;
	border-bottom: 1px solid #012059;
	transform: rotate(-45deg);
}
html.no-touchevents .cta .info .contact .form a:hover {
	background-color: #012059;
	color: #fff;
}
html.no-touchevents .cta .info .contact .form a:hover:before {
	border-right-color: #fff;
	border-bottom-color: #fff;
}
.cta .info .contact .form a i {
	margin-right: 10px;
}

.cost-wrap .contact_ta caption{
	padding: 1rem 0.5rem;
    background: #01225e;
	font-size: 1.5rem;
    color: #ffffff;
    font-weight: 600;
    border: 4px solid #d7d7d7;
    border-bottom: none;
}

.cost-wrap .contact_ta caption::before{
	content: "▼";
	display: inline-block;
	font-size: 1rem;
	width: 1rem;
	height: 1rem;
	margin-right: 1rem;
	position: relative;
	top: -0.25rem;
}

.cost-wrap .contact_ta th,
.cost-wrap .contact_ta td{
	border-bottom: 1px solid #e5e5e5;
}


.cost-wrap .contact_ta th{
	width: 30%;
    background: #f3f3f3;
    color: #333333;
    font-weight: bold;
    text-align: left;
    border-left: 5px solid #c6c6c6;
	position: relative;
	padding-right: 6rem;
}


.cost-wrap .contact_ta .required{
    display: inline-block;
    background-color: #cc3033;
    color: #fff;
    padding: 0.25rem 0.75rem;
    font-weight: bold;
    font-size: 1.25rem;
    position: absolute;
	right: 1.75rem;
}

.cost-wrap .input_wrap{
    display: flex;
}

.cost-wrap .input_wrap > span{
    display: inline-flex;
	align-items: center;
	margin-right: 1.5rem;
	gap:0.75rem;
}

.cost-wrap .input_wrap.input_type_date > span:nth-of-type(1){	width: 6em; margin-right: 1rem;}
.cost-wrap .input_wrap.input_type_date > span:nth-of-type(2){	width: 4em; margin-right: 1rem;}
.cost-wrap .input_wrap.input_type_date > span:nth-of-type(3){	width: 4em; margin-right: 0;}


.cost-wrap .contact_ta input{
	display: inline-block;
	width: auto;
}


.cost-wrap input[type="radio"],
.cost-wrap input[type="checkbox"]{
	display: inline-block;
	width: 1.5rem;
    margin-right: 1rem;
}


/*input[type="submit"]{
	display: inline-block;
	padding: 2.5rem 2rem;
	color: #fff;
    font-size: 125%;
	font-weight: bold;
	background: #cc3033;
	border-radius: 1rem;
}*/

input.submit{
	display: inline-block;
	padding: 2.5rem 2rem;
	color: #fff;
    font-size: 125%;
	font-weight: bold;
	background: #cc3033;
	border-radius: 1rem;
}

.cost-wrap input::placeholder{
	font-size: 1.5rem;
}
	
/*.cost-wrap select{
	margin-right: 1rem;
}*/

.note{
	font-size: 1.5rem;
    margin: 1rem 0;
    color: #555;
	line-height: 1.5;
}

.cost-wrap .contact_ta .terms{
	display: inline-block;
	color: red;
	margin-bottom: 1rem;
}

.cost-wrap .contact_ta .calendar_confirm {
    margin-bottom: 0;
    text-align: center;
    font-size: 87.5%;
    color: #666;
}

.cost-wrap .contact_ta .calendar_confirm input{
    color: #000;
    font-size: 100%;
    width: 7em;
    border: none;
    background: #efefef;
	text-align: center;
}

.cost-wrap .contact_ta div.error{
	color: red;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 0.5rem;
}

.cost-wrap .contact_ta td.error{
	background-color: #dfdfdf;
}


.cost-wrap .w_10{width: 10%;}
.cost-wrap .w_20{width: 20%;}
.cost-wrap .w_30{width: 30%;}
.cost-wrap .w_40{width: 40%;}
.cost-wrap .w_50{width: 50%;}
.cost-wrap .w_60{width: 60%;}
.cost-wrap .w_70{width: 70%;}
.cost-wrap .w_80{width: 80%;}
.cost-wrap .w_90{width: 90%;}



/* -- 確認画面 --*/


.cost-wrap .total_price_wrap{
	border: 10px solid #01225e;
}

.cost-wrap .total_price_ta{
	margin-bottom: 0;
}

.cost-wrap .total_price_ta caption{
	border: none;
    border-bottom: none;
    padding: 2rem 0.5rem;
    font-size: 1.75rem;
}


.cost-wrap .total_price_ta caption .smaller{
	font-size: 1.25rem;
	margin-right: -0.5rem;
}


.cost-wrap .total_price_ta  th{
	border-left: none;	
}


.cost-wrap .total_price_ta th,
.cost-wrap .total_price_ta td{
	color: #555;
	font-size: 1.5rem;
}

.cost-wrap .total_price_ta .result_t th,
.cost-wrap .total_price_ta .result_t td{
	color: #333333;
	font-size: 1.75rem;
}

/*.cost-wrap .total_price_ta .result_t th{
	font-size: 1.75rem;
	color: #cc3033;
	font-weight: bold;
}*/

.cost-wrap .total_price_ta .result_t td{
	color: #cc3033;
	font-size: 3rem;
    font-weight: bold;
}

.cost-wrap .total_price_ta .breakdown{
	padding: 1rem;
    color: #666;
	text-align: center;
}


/*--------------------
 -- calendar.jsの調整
----------------------*/


.calendar_block{
	width: 100%;
}

#calendar_dept,
#calendar_arrv{
	float: none;
	background: none;
}

.cost-wrap .calendar table{
	margin-bottom: 0;
}

.cost-wrap .calendar th{
	width: auto;
	color: #fff;
	text-align: center;
	padding: 0.5rem;
	border: 1px solid;
	background: #01225e;
}

.cost-wrap #calendar_dept .calendar th{
	background: #01225e;
}

.cost-wrap #calendar_arrv .calendar th{
	background: #233f73;
}

.cost-wrap .calendar td{
	padding:1.5rem 1rem;
	border:  1px solid #cccccc;
}


.cost-wrap .calendar input{
	display: inline-block;
}

.cost-wrap .calendar td.selectday {
    background: #cc3033;
}


form .btn_wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2rem;
}

form .btn_wrap .reset_btn{
	display: inline-block;
	min-width: 20%;
	background-color: #eee;
	color: #888;
	padding: 1.5rem 1rem;
	border-radius: 1rem;
}


/*--------------------
 -- ご予約完了画面
----------------------*/

.page-thanks p{
	line-height: 2.25;
}


.page-thanks{
	padding:0 0 10vh 0;
}


.page-thanks .btn {
    display: inline-flex;
	justify-content: space-between;
    min-width: 35%;
    padding: 2rem;
    text-align: left;
    background: #233f73;
    color: #fff;
    text-decoration: none;
    border-bottom: 5px solid rgb(89 89 89 / 50%);
    border-radius: 1rem;
}


.page-thanks .btn::after {
	content: ">";
	display: inline-block;
	font-size: 1.5rem;
	
}



@media screen and (max-width: 1000px) {
	.cta .cp {
		width: 100%;
		padding-right: 0;
		padding-bottom: 20px;
		border-right: none;
		border-bottom: 1px solid #ddd;
	}
	.cta .cp .rsv .rsv-btn {
		float: none;
		width: 100%;
		padding-bottom: 20px;
	}
	.cta .cp .rsv .cp-link {
		float: none;
		width: 100%;
		text-align: center;
	}
	.cta .cp .rsv .rsv-btn a {
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
	}
	.cta .info {
		width: 100%;
		padding-top: 20px;
		padding-left: 0;
		border-left: none;
		border-top: 1px solid #fff;
	}
	.cta .info .contact .tel a {
		text-align: center;
	}
	.cta .info .contact .tel a span,
	.cta .info .contact .tel a small {
		display: inline-block;
	}
	.cta .info .contact .tel a span {
		font-size: 2rem;
	}
	.cta .info .contact .tel a small {
		margin-left: 10px;
	}
	.cta .info .contact .form a {
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 730px) {
	.cta {
		padding: 40px 0;
	}
	.cta .cp h3 {
		line-height: 2.5rem;
		font-size: 2rem;
	}
	.cta .cp p {
		padding: 0 0 20px;
		line-height: 2rem;
		font-size: 1.6rem;
	}
	.cta .info p {
		padding: 0 0 20px;
		line-height: 2rem;
		font-size: 1.6rem;
	}
}


@media screen and (max-width: 480px) {
	.cost-wrap .contact_ta,
	.cost-wrap .contact_ta > caption,
	.cost-wrap .contact_ta > tbody,
	.cost-wrap .contact_ta > tbody > tr,
	.cost-wrap .contact_ta > tbody > tr > th,
	.cost-wrap .contact_ta > tbody > tr > td{
		display: block;
	}
	
	
	.form-7 table,
	.form-7 table > caption,
	.form-7 table > tbody,
	.form-7 table > tbody > tr,
	.form-7 table > tbody > tr > th,
	.form-7 table > tbody > tr > td{
		display: block;
	}
	
	.cost-wrap .contact_ta > tbody > tr > th,
	.cost-wrap .contact_ta > tbody > tr > td{
		width: 100%;
		padding:2.5rem 2rem;
		border:1px solid #d7d7d7;
	}
	
	.form-7 table > tbody > tr > th,
	.form-7 table > tbody > tr > td{
		width: 100%;
		padding:2.5rem 2rem;
		border:1px solid #d7d7d7;
	}
	
	.cost-wrap .contact_ta .w_10{width: 50%;}
	.cost-wrap .contact_ta .w_20{width: 50%;}
	.cost-wrap .contact_ta .w_30{width: 70%;}
	.cost-wrap .contact_ta .w_40{width: 70%;}
	.cost-wrap .contact_ta .w_50{width: 80%;}
	.cost-wrap .contact_ta .w_60{width: 80%;}
	.cost-wrap .contact_ta .w_70{width: 80%;}
	.cost-wrap .contact_ta .w_80{width: 80%;}

	.cost-wrap .input_wrap > span {
		margin-right: 2rem;
	}
	
	
	form .btn_wrap{
		flex-flow: column;
	}
}



/* hover animation */
html.no-touchevents .hover-btn {
	transition: all .4s ease-in-out;
}
html.no-touchevents .hover-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 1px 6px rgba(0,0,0,.2);
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーfooter */
#btm-info {
	padding: 40px 0;
	background: #233f73;
	font-size: 1.4rem;
	color: #fff;
}
#btm-info .info-l {
	box-sizing: border-box;
	float: left;
	width: 50%;
	padding-right: 20px;
}
#btm-info .info-r {
	box-sizing: border-box;
	float: right;
	width: 50%;
	padding-left: 20px;
}
#btm-info .info-l .logo {
	width: 100%;
	max-width: 360px;
	margin-bottom: 20px;
}
#btm-info .info-l .address {
	margin: 0 0 40px;
	overflow: hidden;
}
.addtext{
	float: left;
}
#btm-info .info-l .address p {
	line-height: 2rem;
}
#btm-info .info-l .address br {
	display: none;
}
#btm-info .info-l .address a {
	color: #f3f89c;
}
#btm-info .info-l .address a.btn {
	margin-left: 5px;
	text-decoration: none;
	text-align: center;
	padding: 8px 20px 8px 10px;
	background: #e74e62;
background: -moz-linear-gradient(top, #e74e62 0%, #c90821 50%, #e74e62 100%);
background: -webkit-linear-gradient(top, #e74e62 0%,#c90821 50%,#e74e62 100%);
background: linear-gradient(to bottom, #e74e62 0%,#c90821 50%,#e74e62 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e74e62', endColorstr='#e74e62',GradientType=0 );
	-webkit-background-size: 100% 200%;
	background-size: 100% 200%;
	line-height: 1;
	border: 1px solid #ddd;
	border-radius: 2px;
	color: #fff;
	float: right;
	position: relative;
}
html.no-touchevents #btm-info .info-l .address a.btn {
	transition: all .5s ease-in-out;
}
html.no-touchevents #btm-info .info-l .address a.btn:hover {
	background-position: 0 -100%;
	color: #fff;
}
#btm-info .info-l .address a.btn:before {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: rotate(-45deg);
}
html.no-touchevents #btm-info .info-l .address a.btn:hover:before {
	border-right-color: #fff;
	border-bottom-color: #fff;
}
#btm-info .info-l .address a.btn i {
	margin-right: 10px;
}

.map {
	position: relative;
	margin: 10px 0;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.map iframe,
.map object,
.map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.movie {
	margin-bottom: 40px;
}
.movie .inner {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.movie .inner iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

@media screen and (max-width: 480px) {
	#btm-info .info-l .address br {
		display: inherit;
	}
	#btm-info .info-l .address a.btn {
		margin-top: 10px;
	}
}

#btm-info .info-r .btn-mile a {
	display: block;
	width: 100%;
	max-width: 580px;
	margin: 0 auto 40px;
}
#btm-info .info-r .btn-mile a img {
	display: block;
	width: 100%;
	height: auto;
}
#btm-info .info-r .nav {
	float: left;
	width: 50%;
}
#btm-info .info-r .nav ul {
	list-style: none;
	margin: 0;
	padding: 0 0 20px;
}
#btm-info .info-r .nav ul li {
	position: relative;
	line-height: 2rem;
	font-size: 1.4rem;
	padding-bottom: 15px;
}
#btm-info .info-r .nav ul li:before {
	position: absolute;
	top: 1px;
	left: 0;
	content: "\f01d";
	font-family: FontAwesome;
	font-weight: 400;
	font-size: 1.2rem;
}
#btm-info .info-r .nav ul li a {
	position: relative;
	display: inline-block;
	margin-left: 1.5em;
	color: #fff;
	text-decoration: none;
}
html.no-touchevents #btm-info .info-r .nav ul li a:before {
	transition: all .3s ease-in-out;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	transform: scaleX(0);
	transform-origin: 0 0;
}
html.no-touchevents #btm-info .info-r .nav ul li a:hover:before {
	transform: scaleX(1);
}
.sns-btn {

}
.sns-btn ul {
	list-style: none;
}
.sns-btn ul li {
	float: left;
	width: 32%;
}
.sns-btn ul li:nth-child(3n-1) {
	margin: 0 2%;
}
.sns-btn ul li a {
	display: block;
	padding: 20px 0;
	border-radius: 1px;
	text-align: center;
	text-decoration: none;
	background: #333;
	font-size: 1.4rem;
	color: #fff;
}
html.no-touchevents .sns-btn ul li a {
	transition: all .3s ease-in-out;
}
.sns-btn ul li.fb a {
	background: rgba(59,89,152,1);
}
.sns-btn ul li.tw a {
	background: rgba(85,172,238,1);
}
.sns-btn ul li.gl a {
	background: rgba(221,75,57,1);
}
.sns-btn ul li.in a {
	background: rgba(193,53,132,1);
}
html.no-touchevents .sns-btn ul li.fb a:hover {
	background: rgba(59,89,152,.7);
}
html.no-touchevents .sns-btn ul li.tw a:hover {
	background: rgba(85,172,238,.7);
}
html.no-touchevents .sns-btn ul li.in a:hover {
	background: rgba(193,53,132,.7);
}
.sns-btn ul li a i {
	margin-right: 5px;
}

.copyright {
	padding: 40px 0;
	background: #012059;
}
.copyright p {
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 2rem;
	letter-spacing: .1em;
	color: #fff;
}
.copyright p small {
	font-size: 1.2rem;
}
@media screen and (max-width: 730px) {
	#btm-info .info-l {
		float: none;
		width: 100%;
		padding-right: 0;
		padding-bottom: 40px;
	}
	#btm-info .info-r {
		float: none;
		width: 100%;
		padding-left: 0;
	}
}

/* lower page common */
.page-index {
	margin: 0 0 0px;
	padding-top: 40px;
}
.page-index ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 4px;
	list-style: none;
}
.page-index ul li {
	position: relative;
	width: 20%;
	padding: 0 10px 0 20px;
	font-size: 1.8rem;
}
.page-index ul li:before {
	position: absolute;
	top: 11px;
	left: 0;
	content: "\f01d";
	font-family: FontAwesome;
	font-weight: 400;
	font-size: 1.2rem;
}
.page-index ul li a {
	display: block;
	padding: 10px 0;
}
@media screen and (max-width: 730px) {
	.page-index ul li {
		width: 25%;
	}
}
@media screen and (max-width: 480px) {
	.page-index ul li {
		width: 50%;
	}
}

.annotation p {
	margin-left: 1em;
	text-indent: -1em;
}

/* faq page */
#faq-cnt {
	margin: 0;
	padding: 0;
}
.faq-section {
	padding: 60px 0 80px;
}
.faq-section:nth-child(even) {
	background: #eff5fa;
}
.faq-section dl {
	font-size: 1.8rem;
}
.faq-section dl dt,
.faq-section dl dd {
	position: relative;
	display: block;
	padding: 10px 10px 10px 30px;
	line-height: 20px;
	border-bottom: 1px dotted #ddd;
}
.faq-section dl dt {
	cursor: pointer;
}
.faq-section dl dd {
	display: none;
	padding: 20px 10px 20px 60px;
}
.faq-section dl dt:before,
.faq-section dl dd:before {
	content: "Q";
	position: absolute;
	top: 10px;
	left: 0;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	background: #012059;
	color: #fff;
}
.faq-section dl dd:before {
	content: "A";
	left: 30px;
	top: 20px;
	background-color: #c90821;
}
.faq-section dl dt:after {
	content: "+";
	position: absolute;
	top: 10px;
	right: 0;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #999;
}
.faq-section dl dt.active:after {
	content: "-";
}
@media screen and (max-width: 730px) {
	.faq-section {
		padding: 20px 0 40px;
	}
.facilities-gallery ul li {
	width: 45% !important;
	}
.facilities-gallery ul li:nth-child(odd){
	margin: 0 2% 2%;
}
.facilities-gallery ul li:nth-child(even){
	margin: 0px !important;
}
}
@media screen and (max-width: 480px) {
.facilities-gallery ul li {
	width: 100% !important;
	}
.facilities-gallery ul li:nth-child(odd){
	margin: 0%;
}
}

/* charge page */
.facilities-gallery {
	margin: 0 0 40px;
}

.facilities-gallery ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
	list-style: none;
}
.facilities-gallery ul li {
	width: 32%;
	margin: 0 0 2%;
    background: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
	display: block;
    text-align: center;
    line-height: 3rem;
    font-size: 1.8rem;
}
.facilities-gallery ul li:nth-child(3n - 1){
	margin: 0 2% 2%;
}
.facilities-gallery ul li img {
	display: block;
	width: 100%;
	height: auto;
}
.facilities-gallery ul li span {
	display: block;
    padding: 40px 10px;
}
.cost-wrap.records {
	margin-bottom: 40px;
}
.mileage .logo {
	float: left;
	margin-right: 20px;
}
.mileage {
	padding-bottom: 40px;
}
.mileage table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #233f73;
}
.mileage table caption {
	margin: 0;
	padding: 0 0 10px;
	text-align: left;
	font-size: 1.8rem;
	font-weight: bold;
}
.mileage table th,
.mileage table td {
	padding: 20px;
	width: 50%;
	border-collapse: collapse;
	border: 1px solid #fff;
	font-size: 1.8rem;
}
.mileage table th {
	text-align: center;
	background: #233f73;
	color: #fff;
}
.mileage table td {
	color: #c90821;
}
@media screen and (max-width: 640px) {
	.mileage table th,
	.mileage table td {
		padding: 10px;
		font-size: 1.4rem;
	}
}
.credit-brand {
	position: relative;
	padding: 15px 0px 10px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	max-width: 580px;
}
.credit-brand p{
	display: none;
}
.credit-brand h4 {
	position: absolute;
	top: -10px;
	left: 10px;
	margin: 0;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 1.4rem;
	font-weight: bold;
}
.credit-brand ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.credit-brand ul li {
	max-width: 94px;
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 15px;
}

/* flow page */
#flow-cnt {
	padding: 0px 0 40px;
}
.flow-step {
	position: relative;
	padding: 30px 0;
}

#step1{
	margin-top: 60px;
}

.flow-step:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 40px;
	width: 2px;
	height: 100%;
	background: #012059;
}
.flow-step .step-title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.flow-step .step-title div.label {
	display: inline-block;
	margin-right: 10px;
	padding: 10px 10px;
	border-radius: 10px;
	background: #012059;
	line-height: 2.0rem;
	vertical-align: top;
	font-size: 2.8rem;
	color: #fff;
	letter-spacing: -1px;
}
.entry-content .flow-step .step-title h2 {
	display: inline-block;
	margin-top: 8px;
	padding: 0;
	border: none;
	vertical-align: middle;
	line-height: 2.4rem;
	font-size: 3rem;
}
.entry-content .flow-step .step-title h2:before,
.entry-content .flow-step .step-title h2:after {display: none;}
.step-body {
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 70px;
	padding: 20px;
	border: 1px solid #ccc;
}

.entry-content .step-body h3 {
	margin: 0 0 10px 260px;
	padding: 0 0 5px;
	line-height: 1.5em;
	font-size: 2rem;
}
.entry-content .step-body h4 {
	margin: 0 0 10px 260px;
}
.entry-content .step-body p {
	min-height: 140px;
	margin: 0 0 0 260px;
}
.entry-content .step-body .cf {
	position: relative;
}
.entry-content .step-body .ph {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 242px;
	border: 1px solid #ccc;
}
.entry-content .step-body .ph img {
	display: block;
	width: 100%;
	height: auto;
}
.entry-content .point {
	position: relative;
	padding: 20px;
	border: 4px double #dfcc89;
}
.entry-content .point h4 {
	position: absolute;
	top: -15px;
	left: 20px;
	display: inline-block;
	margin: 0;
	padding: 0 20px;
	border: 1px solid #dfcc89;
	background: #fff;
	line-height: 2rem;
	font-size: 1.4rem;
	box-shadow: 4px 4px 0 rgba(0,0,0,.3);
}
.entry-content .point ul {
	list-style: none;
}
.entry-content .point ul li {
	position: relative;
	margin: 0;
	padding: 0 0 10px 20px;
	line-height: 1.5em;
	font-size: 1.8rem;
}
.entry-content .point ul li:last-child {
	padding-bottom: 0;
}
.entry-content .point ul li:before{
	content: "\f0a4";
	position: absolute;
	top: 0;
	left: 0;
	font-family: FontAwesome;
	font-weight: 400;
	font-size: 1.2rem;
	color: #dfcc89;
}
@media screen and (max-width: 640px) {
	#flow-cnt {
		padding: 20px 0 10px;
	}
	.flow-step:before {
		left: 20px;
	}
	.step-body {
		margin-left: 40px;
		padding: 15px;
	}
	.entry-content .step-body h3 {
		margin: 0 0 10px 0;
	}
	.entry-content .step-body p {
		min-height: 10px;
		margin: 0;
	}
	.entry-content .step-body .ph {
		position: static;
		top: auto;
		left: auto;
		width: 242px;
		margin: 0 auto 10px;
	}
}
.meeting {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
}
.meeting .m1,
.meeting .m2 {
	box-sizing: border-box;
	width: 50%;
}
.meeting .m1 {
	padding-right: 10px;
}
.meeting .m2 {
	padding-left: 10px;
}
.entry-content .meeting h4 {
	border: none;
	margin: 0 0 10px;
	padding: 0;
	background: #fff;
}
.meeting img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
	.meeting {
		max-width: 400px;
	}
	.meeting .m1,
	.meeting .m2 {
		width: 100%;
	}

.entry-content .step-body h4 {
	margin: 0 0 10px 0px;
}
}
.reserve-flow {

}
.reserve-flow ol {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0 0 20px;
}
.reserve-flow ol li {
	position: relative;
	box-sizing: border-box;
	width: 14%;
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 4px;
	line-height: 1.5em;
	background: #fcfcfc;
	font-size: 1.4rem;
	margin-right: 3.2%;
}
.reserve-flow ol li:last-child {
	margin-right: 0 !important;
}
.reserve-flow ol li:before,
.reserve-flow ol li:after {
	box-sizing: border-box;
	content: "";
	position: absolute;
}
.reserve-flow ol li:before {
	left: -28px;
	top: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	border: 1px solid #ccc;
	border-radius: 50%;
	background: #fff;
}
.reserve-flow ol li:after {
	left: -20px;
	top: 50%;
	width: 0;
	height: 0;
	margin-top: -6px;
	border-left: 6px solid #012567;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}
.reserve-flow ol li:first-child:before,
.reserve-flow ol li:first-child:after {
	display: none;
}
.reserve-agreement-info {
	padding: 0 0 20px;
	text-align: center;
	font-size: 1.4rem;
	color: #993333;
}
.reserve-agreement-body {
	height: 350px;
	overflow-y: scroll;
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 2px;
	line-height: 1.8em;
	font-size: 1.4rem;
}

.reason-list{
	margin-bottom:20px;
}
.mileage table tr:nth-child(odd) td {
    background-color: #f8f8f8;
}

.highseasontbl{
	padding: 2rem;
	background-color: #f8f8f8;
	overflow: hidden;
}
@media screen and (max-width: 480px) {
	
.highseasontbl{
	padding: 2rem 0;
}	

.highseasontbl .abox{
	width: 100% !important;
	padding: 10px;
	float: none !important;
}
.reserve-flow ol li {
	width: 46%;
	margin-bottom: 3.2%;
}

.reserve-flow ol li:before {
	left: -18px;
	display: none;
}
.reserve-flow ol li:after {
	left: -10px;
	display: none;
	}

#linkmilege,#link1,#link2,#link3,#link4,#link5,#link6{
    padding-top: 60px !important;
    margin-top: -60px !important;
}
}


.highseasontbl table{
	margin-bottom: 0;
}

.highseasontbl td{
	background: #fff;
	/*border: none !important;*/
	border: none;
}

.highseasontbl .abox td{
	background: #fff !important;
	height: 120px !important;
}
.highseasontbl .abox{
	width: 50%;
	float: left;
	padding: 10px;
}
.tblspan{
	color: #cc3033;
	font-weight: bold;
	font-size: 1.8rem !important;
}
.pdnon_t{
	padding-top: 0px !important;
}
table th, .mileage table td {
    padding: 20px 10px;
    border: 1px solid #fff;
    border-collapse: collapse;
    line-height: 2rem;
    vertical-align: top;
    font-size: 1.8rem;
    font-weight: 500;
}
#linkmilege{
    padding-top: 100px;
    margin-top: -100px;
}
#link1{
    padding-top: 100px;
    margin-top: -100px;
}
#link2{
    padding-top: 100px;
    margin-top: -100px;
}
#link3{
    padding-top: 100px;
    margin-top: -100px;
}
#link4{
    padding-top: 100px;
    margin-top: -100px;
}
#link5{
    padding-top: 100px;
    margin-top: -100px;
}
#link6{
    padding-top: 100px;
    margin-top: -100px;
}

/*-        以下選べれるページ        -*/


.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
	}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
	}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
.clear{
	clear:both;
	line-height:0;
	height:0;
	padding:0 0 1px 0;
	}
.one_half { width: 50% }
.one_half {

	margin-right: 0%;
	margin-bottom: 15px;
	float: left;
}
.column-last {
	margin-right: 0!important;
	clear: right;
}
.v-container{
  display:table;
  width:48%;
}
.v-container:nth-child(even){
  margin-left: 2%;
}
.v-container:nth-child(odd){
  margin-right: 2%;
}
.v-container .target{
  display:table-cell;
  vertical-align:top;
}
.v-container p{
	padding: 0px !important;
}
h3 em {
	display: inline-block;
	width: 45px;
	height: 45px;
	margin: 0 4px;
	line-height: 50px;
	border-radius: 50%;
	background: #012567;
	background: -moz-linear-gradient(top, #012567 0%, #012059 100%);
	background: -webkit-linear-gradient(top, #012567 0%,#012059 100%);
	background: linear-gradient(to bottom, #012567 0%,#012059 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012567', endColorstr='#012059',GradientType=0 );
	text-align: center;
	font-size: 25px;
	font-style: normal!important;
	font-weight: 800;
	color: #f8ec66;
}
@media (max-width: 650px) {
	.alignleft,
	.alignright {
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
		}
	.one_half{
		width: 100%;
		margin-right: 0;
    	}
	.v-container{
		display:inline;
		width:100%;
		height:auto;
	}
	.v-container .target{
		display:inline;
		vertical-align:middle;
	}
	.myhalf {
		display:flex;
		flex-direction:column;
	}
	.hidari {
		order:1;
	}
}