@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
@media screen and (min-width: 1394px){
	#menu-item-2005 .item-label{
		position: relative;
		top: -6px;
	}
}
#menu-item-2005 .item-label{
	display: block;
	height: 60px;
	position: relative;
  top: -6px;
}
#menu-item-2005 .item-label div:nth-child(1){
	font-size: 17px;
	border-bottom: solid 2px #0072BC;
	height: 40px;
}
#menu-item-2005 .item-label div:nth-child(2){
	font-size: 12px;
	margin-top: -7px;
}
#menu-item-2005 .item-label div:nth-child(1):before{
	content: "\f095";
	display: inline-block;
	transform: scaleX(-1);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
	padding-left: 5px; 
	color: #0072BC;
}
.header-container #navi-in ul li:nth-child(5) .item-label:before,
.header-container #navi-in ul li:nth-child(5) .item-label:after{
	display: none;
}
/*--------------------------------------
 * トップページ
--------------------------------------*/

#homePageImage {
	position: relative;
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	border-top: solid 1px;
	border-bottom: solid 1px;
}
#homePageImage img {
	width: 100%;
	min-width: 100%;
	min-height: 85vh;
	vertical-align: top;
	object-fit: cover;
}

#imageCoverCSS {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.4;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

#list {
	max-width: 1280px;
	margin: 0 auto;
}
h1 {
	text-align: center;
	font-size: 25px !important;
	font-weight: normal !important;
	padding: 50px 0 50px 0;
}
.home h2 {
	text-align: center;
	margin: 10px 0 !important;
	font-size: 19px !important;
}
.ect-vertical-card.ect-tile-card .card-snippet {
	font-size: 15px !important;
}
table {
	text-align: center;
}
table th {
	padding: 10px 15px;
}
table th,
table td{
	font-size: 16px;
}
/* 予約ボタンバツを消したい */
.inner_bfb .bfb_closed{
display:none;
}
/* スマホとPC両方共0.9秒に変更 */
#bfb_content_sp,#bfb_content_pc{
    transition: .9s;
    background:transparent;
}
/* 予約ボタンサイズ */
#bfb_content_pc a.bfb_btn{
    padding:5px 5px;
}
/*--------------------------------------
 * お問い合わせ
--------------------------------------*/
.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
	border-radius: 0;
}
input[type='submit'] {
    padding: 20px;
	margin-bottom: -20px;
}
#wpcf7-f573-p441-o1{
	border-top: solid 1px #EEE;
	padding-top: 30px;
}

/*--------------------------------------
 * 料金ページ
--------------------------------------*/
.page-id-366 h2 {
	margin-top: 0;
	background:#faf0e6;
}
.page-id-366 table {
	border-color: #333;
}

.page-id-366 .table_1,
.page-id-366 .table_2{
	margin-bottom: 25px;
}
.page-id-366 .table_1 th {
	background: #e4eff8;
}
.page-id-366 .table_2 th {
	background: #fffacd;
}
.page-id-366 .table_3 {
	margin: 0;
}
.page-id-366 .table_3 th {
	background: #ffb6c1;
}
.page-id-366 table th,
.page-id-366 table td{
	padding: 10px;
	border-color: #999;
}
.page-id-366 .table_3 tr:nth-child(2) td{
	padding: 10px;
}
.car_shashu {
	display: grid;
	grid-template-areas: "left right";
	gap: 30px;
}
.carDataLeft {
	grid-area: left;
}
.carDataRight {
	grid-area: right;
}
.car_shashu .yoyakuButton {
	margin: 25px;
}
.car_shashu .image img{
	width: 100%;
}
.carDetall {
	text-align: center;
	background: #888;
	color: #FFF;
	padding: 10px;
	margin-bottom: 30px;
}
.carDetall:after {
	content: "\f078";
	font-family: 'FontAwesome';
	position: relative;
	top: -1px;
	left: 7px;
}
/*--------------------------------------
 * キャンセルポリシーページ
--------------------------------------*/
.page-id-368 table {
	border-color: #999;
}
.page-id-368 .table{
	margin-bottom: 10px;
}
.page-id-368 .table th {
	width: 50%;
	background: #e4eff8;
}
.page-id-368 table th,
.page-id-368 table td{
	border-color: #999;
}
/*--------------------------------------
 * 特定商法取引法に基づく表記ページ
--------------------------------------*/
.page-id-219 table {
	border-color: #999;
}
.page-id-219 .table{
	margin-bottom: 30px;
}
.page-id-219 .table th {
	width: 35%;
	background: #e4eff8;
}
.page-id-219 .table td {
	text-align: left;
}
.page-id-219 table th,
.page-id-219 table td{
	border-color: #999;
}

/*--------------------------------------
 * 保険についてページ
--------------------------------------*/
.page-id-220 h2 {
	margin-top: 0;
	background:#87ceeb;
}
.insurance {
	display: grid;
	grid-template-areas:    
		"a a a a b b b b"
    	"a a a a b b b b"
    	"c c c c d d d d"
    	"c c c c d d d d";
	gap: 30px;
	align-items: start;
}
.insuranceData1 {
	grid-area: a;
}
.insuranceData2 {
	grid-area: b;
}
.insuranceData3 {
	grid-area: c;
}
.insuranceData4 {
	grid-area: d;
}
.page-id-220 .color-red{
	color: #dc143c;
}
.page-id-220 .small{
	font-size: 14px;
}

/*--------------------------------------
 * ご利用に関する注意事項ページ
--------------------------------------*/
.page-id-221 .color-red{
	color: #dc143c;
}
.page-id-221 .small{
	font-size: 14px;
	padding-left:20px;
}
.page-id-221 .image{
	padding-left:20px;

}
/*--------------------------------------
 * トップページ
--------------------------------------*/
#lineUp {
	font-size: 30px;
	padding: 50px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Alegreya Sans SC', sans-serif;
}
#lineUp::before,
#lineUp::after {
	content: '';
	width: 30px;
	border-top: 1px solid black;
}
#lineUp::before {
	margin-right: 1rem;
}
#lineUp::after {
	margin-left: 1rem;
}
.optionList {
	display: flex;
	max-width: 1280px;
	margin: 0 auto;
}
.optionList a{
	width: 33.33%;
}
.widget-entry-cards.card-large-image .a-wrap {
	max-width: 426.666px !important;
}
.widget-entry-cards .a-wrap {
	padding: 9px !important;
}
/*--------------------------------------
 * ご予約の流れページ
--------------------------------------*/
.page-id-364 ul.liCSS{
	list-style-type: none;
	padding-left: 25px;
}
.page-id-364 .liCSS li {
	position: relative;
	padding-left: 25px;
	
}
.page-id-364 .liCSS li:before {
	content: "";
	position: absolute;
	top: .60em;
	left: 6px;
	-webkit-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	transform: rotate(50deg);
	width: 3px;
	height: 7px;
	border-right: 2px solid #8b6b4e;
	border-bottom: 2px solid #8b6b4e;
}
.page-id-364 .liCSS li:after {
	content: "";
	position: absolute;
	top: .4em;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #8b6b4e;
	border-radius: 2px;
}
.page-id-364 h2 {
	padding: 20px 0 20px !important;
	background: #00000000 !important;
	border-bottom: solid 5px #c8f1ff;
	font-size: 22px !important;
}

.page-id-364 h2 span {
	font-size: 15px;
	color: #555;
}

.page-id-364 h3 { 
	border: none !important;
	font-size: 20px !important;
	padding-left: 0em !important;
}
/*--------------------------------------
 * レンタカー予約
--------------------------------------*/
.page-id-168 p { 
	margin:0px 50px 30px 50px;
	text-align: left;
}
.page-id-168 .telephone{ 
	padding:10px 0px;
	font-size: 30px;
}
.page-id-168 .time{ 
	padding:5px 10px 10px 10px ;
	font-size: 16px;
}
.page-id-168 .list { 
	margin:10px 50px 20px 50px;
}
.page-id-168 div .maintenance { 
	margin:50px 50px 10px 50px;
}
/*--------------------------------------
 * フローデザイン
--------------------------------------*/
ul.flow{
	padding-top: 30px;
}
.flow li {
  list-style-type: none;
}
.article dd,
.article dl{
  margin: 0 !important;
	text-align: center;
}

.flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}
.flow > li {
  -ms-flex-preferred-size: 30.5%;
  flex-basis: 30.5%;
  padding: 20px 30px;
  margin-bottom: 8vh;
  border: 2px solid rgb(107,144,219);
  position: relative;
}
.flow > li dl dt {
  font-size: 20px;
  font-weight: 600;
  color: rgb(107,144,219);
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  text-align: center;
}
.flow > li .icon {
  font-size: 12px;
  color: #fff;
  background: rgb(107,144,219);
  background: -moz-linear-gradient(left, rgba(107,144,219,1) 0%, rgba(102,213,233,1) 100%);
  background: -webkit-linear-gradient(left, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
  background: linear-gradient(to right, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
  padding: 5px 20px;
  display: block;
  border-radius: 20px;
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 100;
}
/* .flow > li:not(:last-child) dl::before {
  content: "";
  width: 14px;
  height: 14px;
  margin-right: 10px;
  display: inline-block;
  border-top: 4px solid rgb(102,213,233);
  border-right: 4px solid rgb(102,213,233);
  position: absolute;
  top: calc(50% - 14px);
  left: 104%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
} */
/*--------------------------------------
コンバージョンアップボタン 吹き出し赤色（中央寄せ）
--------------------------------------*/
.button2,
a.button2,
button.button2 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
.button2-c-wrap {
  text-align: center;
}
a.button2-c {
  font-size: 1.15rem;
  width: 100%;
  max-width: 500px;
  position: relative;
  padding: 0.25rem 2rem 1.5rem 1.8rem;
  color: #fff;
  background: #e94919;
  -webkit-box-shadow: 0 5px 0 #d44114;
  box-shadow: 0 5px 0 #d44114;
}

a.button2-c span {
  font-size: 0.8rem;
  position: absolute;
  top: -0.75rem;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  max-width: 360px;
  width: 100%;
  padding: 0.25rem 0;
  color: #d44114;
  border: 2px solid #d44114;
  border-radius: 100vh;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
a.button2-c span:before,
a.button2-c span:after {
  position: absolute;
  left: calc(50% - 10px);
  content: "";
}
a.button2-c span:before {
  bottom: -10px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #d44114 transparent transparent transparent;
}

a.button2-c span:after {
  bottom: -7px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

a.button2-c i {
  margin-right: 0.75rem;
}

a.button2-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);

  color: #fff;
  background: #eb5b30;
  -webkit-box-shadow: 0 2px 0 #d44114;
  box-shadow: 0 2px 0 #d44114;
}
/*--------------------------------------
コンバージョンアップボタン 緑色（中央寄せ）
--------------------------------------*/
.button1,
a.button1,
button.button1 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

.button1-wrap {
  margin: 30px 0;
  text-align: left; 
}

a.button1-c {
    font-size: 1.15rem;
    width: 50%;
    position: relative;
    padding: 0.25rem 2rem 0.5rem 3.5rem;
    color: #fff;
    background: #32b16c;
    -webkit-box-shadow: 0 5px 0 #2c9d60;
    box-shadow: 0 5px 0 #2c9d60;
}

a.button1-c span {
  font-size: 0.8rem;

  position: absolute;
  top: -10px;
  left: calc(50% - 150px);

  display: block;

  width: 300px;
  padding: 0.2rem 0;

  color: #32b16c;
  border: 2px solid #32b16c;
  border-radius: 0.5rem;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

a.button1-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);

  color: #fff;
  background: #30a967;
  -webkit-box-shadow: 0 2px 0 #2c9d60;
  box-shadow: 0 2px 0 #2c9d60;
}

a.button1-c:hover:before {
  left: 2rem;
}
/*--------------------------------------
コンバージョンアップボタン 黄色（中央寄せ）
--------------------------------------*/
.button3,
a.button3,
button.button3 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

.button3-wrap {
  margin: 30px 0;
  text-align: center; 
}

a.button3-c {
    font-size: 1.15rem;
    width: 100%;
    position: relative;
    padding: 0.25rem 2rem 0.5rem 2.1rem;
    color: #333;
    background: #fff100;
    -webkit-box-shadow: 0 5px 0 #2c9d60;
    box-shadow: 0 5px 0 #ccc100;
}

a.button3-c span {
    font-size: 0.8rem;
    position: absolute;
    top: -10px;
    left: calc(50% - 150px);
    display: block;
    width: 300px;
    padding: 0.2rem 0;
    color: #333;
    border: 2px solid #333;
    border-radius: 0.5rem;
    background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

a.button3-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
  color: #333;
  background: #fff100;
  -webkit-box-shadow: 0 2px 0 #ccc100;
  box-shadow: 0 2px 0 #ccc100;
}

a.button3-c:hover:before {
  left: 2rem;
}
/************************************
** 背景色設定
************************************/
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover,
.navi-in a:hover,
.navi-footer-in a:hover,
.a-wrap:hover,
.comment-reply-link:hover,
.recent-comments .a-wrap:hover .recent-comment-content,
.pagination a:hover,
.pagination-next-link:hover, .comment-btn:hover,
.pager-links a:hover span,
.pager-links a:hover span,
.mobile-menu-buttons .menu-button:hover,
.menu-drawer a:hover,
.bp-login-widget-register-link a:hover{
background-color: #FFF; /*背景色*/
color: #333; /*フォントカラー*/
transition: all 0.5s ease;
}
a{
	text-decoration: none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (min-width: 1024px){
	/*--------------------------------------
	 * トップページ
	--------------------------------------*/
	#homePageImage img {
		width: 100%;
		height: 100%;
		min-width: 100%;
		min-height: 85vh;
		vertical-align: top;
		object-fit: cover;
	}
	#imageCoverText {
		max-width: 1280px;
		margin: 0 auto;
		position: absolute;
		top: 40vh;
		left: 50px;
  	 right: 50px;
}
	.imageCoverText {
		color: #FFF;
		text-shadow: 3px  3px 3px #333,
			-3px  3px 3px #333,
			3px -3px 3px #333,
			-3px -3px 3px #333;
	}
	.imageCoverText.line3 {
		font-size: 1.5em;
	}
	.imageCoverText.line1 {
		font-size: 2em;
	}
	.imageCoverText.line2 {
		font-size: 1.2em;
	}
	/* ヘッダー */
	.home #header-container-in {
		width: 100%;
	}
	.header-container {
		padding: 15px;
		max-width: 1920px;
		margin: 0 auto;
	}
	#header-container-in {
		width: 100%;
	}
	.home .header-container {
		position: absolute;
		top: 50px;
		left: 50px;
		right: 50px;
		z-index: 999;
		opacity: 0.9;
		max-width: 1920px;
		margin: 0 auto;
	}
	
	.header-container .item-label {
		font-size: 15px;
		font-weight: bold;
	}
	.header-container #navi-in ul li .item-label span{
		position: absolute;
		top: 20px;
		right: 0;
		left:0;
		width: 100%;
		font-size: 10px;
		color: #777;
	}
	.header-container #navi-in ul li{
		line-height: 45px;
	}
	.header-container #navi-in ul li .item-label:before {
		content: '';
		position: absolute;
		top: 60px;
		left: 50%;
		bottom: 0;
		width: 75%;
		transform: translateX(-50%);
		border-bottom: solid 3px #EEE;
	}
	.header-container #navi-in ul li .item-label:hover:after {
		content: '';
		position: absolute;
		top: 60px;
		left: 50%;
		bottom: 0;
		width: 0;
		border-bottom: solid 3px orange;
		transform: translateX(-50%);
		animation: border_anim 0.3s linear forwards;
	}
	@keyframes border_anim {
		0%{
			width: 0%;
		}
		100%{
			width: 75%;
		}
}

}
/*1023px以下*/
@media screen and (max-width: 1023px){
	/*--------------------------------------
	 * トップページ
	--------------------------------------*/
	#homePageImage img {
		width: 100%;
		height: 100%;
		min-width: 100%;
		min-height: 50vh;
		vertical-align: top;
		object-fit: cover;
	}
	#imageCoverText {
	max-width: 1280px;
	margin: 0 auto;
	position: absolute;
	top: 22vh;
	left: 50px;
   right: 50px;
	}
	.imageCoverText {
		color: #FFF;
		text-shadow: 3px  3px 3px #333,
			-3px  3px 3px #333,
			3px -3px 3px #333,
			-3px -3px 3px #333;
	}
	.imageCoverText.line3 {
		font-size: 1em;
	}
	.imageCoverText.line1 {
		font-size: 1.5em;
	}
	.imageCoverText.line2 {
		font-size: 0.9em;
	}
	.logo-header.logo-image{
		display: none;
	}
	/*.スライドインメニュー */
	.navi-menu-content {
		left: auto;
		right: 0;
		transform: translateX(100%);
		-webkit-transform: translateX(100%);
	}
	#navi-menu-input:checked ~ #navi-menu-close, #sidebar-menu-input:checked ~ #sidebar-menu-close, #search-menu-input:checked ~ #search-menu-close, #share-menu-input:checked ~ #share-menu-close, #follow-menu-input:checked ~ #follow-menu-close {
		display: block;
		opacity: .7;
	}
	
}

/*835px以上*/
@media screen and (min-width: 834px){
	/*--------------------------------------
		 * フッター
	--------------------------------------*/
	#navi-footer {
	padding: 15px 0 25px;
	}
	/*--------------------------------------
	料金カラム
	--------------------------------------*/
	#column {
		display: flex;
		gap: 50px;
	}
	#column .left,
	#column .center,
	#column .right {
		width: 33%;
	}
	#column .left h2:after ,
	#column .center h2:after ,
	#column .right h2:after  {
		font-size: 12px;
		color: #777;
		position: absolute;
		right: 0;
		bottom: 25px;
		left: 0;
	}
	#column .left h2:after {
		content: "Basic Charge";
	}
	#column .center h2:after {
		content: "Option Fee";
	}
	#column .right h2:after {
		content: "Vehicle Spec";
	}

	table {
		text-align: center;
	}
	table th {
		padding: 10px 15px;
	}
	table th,
	table td{
		font-size: 16px;
	}
}
/*834px以下*/
@media screen and (max-width: 834px){
	/*--------------------------------------
	 * フッター
	--------------------------------------*/
	.navi-footer-in > .menu-footer li.menu-item {
    padding: 5px 0;
	}
	#navi-footer {
	padding: 10px 0;
	}
	/*--------------------------------------
	料金カラム
	--------------------------------------*/
	#column .left,
	#column .center,
	#column .right {
		width: 100%;
	}
	#column .left h2:after ,
	#column .center h2:after ,
	#column .right h2:after  {
		font-size: 12px;
		color: #777;
		position: absolute;
		right: 0;
		bottom: 25px;
		left: 0;
	}
	#column .left h2:after {
		content: "Basic Charge";
	}
	#column .center h2:after {
		content: "Option Fee";
	}
	#column .right h2:after {
		content: "Vehicle Spec";
	}
	.car_shashu {
	display: grid;
	grid-template-areas: "left left" "right right";
	grid-template-columns:1fr 1fr;
	gap: 20px;
	}
	.page-id-366 table td{
		font-size: 14px;
	}
	.page-id-366 table td{
		font-size: 14px;
	}
	/*--------------------------------------
	 * 保険についてページ
	--------------------------------------*/
	.insurance {
		display: grid;
		grid-template-areas:    
			"a a a a"
 		   	"b b b b"
	    	"c c c c"
	    	"d d d d";
		gap: 10px;
		align-items: start;
	}
	/*--------------------------------------
	 * ご利用に関する注意事項ページ
	--------------------------------------*/
	a.button1-c {
		width: 65%;
	}
	/*--------------------------------------
	 * レンタカー予約
	--------------------------------------*/
	.page-id-168 p { 
		margin:0px 10px 5px 10px;
		text-align: left;
	}
	.page-id-168 .telephone{ 
		padding:10px;
		font-size: 22px;
	}
	.page-id-168 .time{ 
		padding:10px;
		font-size: 14px;
	}
	.page-id-168 .list { 
		margin:20px 10px 10px 10px;
	}
	.page-id-168 div .maintenance { 
		margin:10px 10px 10px 10px;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	/*--------------------------------------
	 * ご利用に関する注意事項ページ
	--------------------------------------*/
	a.button1-c {
		width: 80%;
    }
	/*--------------------------------------
	 * 予約ボタン
	--------------------------------------*/
	#bfb_content_sp a.bfb_btn{
		margin-bottom:-5px!important;
		margin-top:-5px;
		margin-right:65px!important;
        width: 250px;
    }
}


/* — コンタクトフォーム7　送信ボタンのカスタマイズ — */
input.wpcf7-submit {
padding:0.5em !important;/* ボタン内の余白 */
margin:2em 0em !important;/* ボタンの上下の余白 */
background-color: #30a967 !important;/* 背景の色 */
border-radius: 5px !important;/* 角を丸く*/
color: #fff !important;/* 文字の色*/
font-size: 30px !important;/* 文字の大きさ */
font-weight: bold !important;/* 文字の太さ*/
/*width: 50%; ボタンの横幅*/
transition:0.5s;/* 背景色が変わるまでの時間*/
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.10);/* 薄っすらとボタンにドロップシャドウをかける*/
}

input.wpcf7-submit:hover {
background-color:#21df78 !important;/* マウスを乗せたときの背景色 */
color: #fff !important;/* マウスを乗せたときの文字の色 */
}

.btn-submit {
    width: 100%;
    text-align: center;
}