@charset "utf-8";
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// layout
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.baseWidth {
	width: 90%;
	margin: 0 auto;
}
.pcOnly {
	display: none !important;
}
.btnArea .btnBasic {
	width: 100%;
}
.btnArea02 {
	margin-bottom: 20px;
}
.btnArea02 .btnBasic {
	width: 100%;
}
.btnArea02 .btnBasic + .btnBasic {
	margin-top: 10px;
}
.btnBasic {
	background: #1f4e87;
	color: #fff;
	text-align: center;
}
.btnBasic.hvr-shutter-out-horizontal {
	color: #fff;
}
.btnBasic.hvr-shutter-out-horizontal:before {
	background: #0079d6;
}
.btn_mini {
	padding: 4px 10px;
}
.btn_small {
	padding: 16px 0;
	font-size: 1.8rem;
}
.btn_middle {
	padding: 16px 10px;
	font-size: 1.8rem;
	font-weight: bold;
	display: block;
}
.btn_middle span {
	font-size: 1.4rem;
}
.btn_middle img {
	margin-right: 10px;
}
.btnSingle {
	width: 100%;
	max-width: 250px;
	margin: 0 auto;
	padding: 18px 0;
}
#main.p_t60 {
	padding-top: 30px;
}
.mini {
	font-size: 1.3rem;
}
.bnrArea img {
	margin: 10px auto 40px auto;
	width: 100%;
	max-width: 650px;
}
.bgGray {
	background: #f2f2f2;
}
.red {
	color: #ff0000;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// icon
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.shopList .icon {
  position: relative;
}
.shopList .icon:before {
  position: absolute;
  top: 50%;
  bottom: 50%;
  right: 0.5em;
  margin: -0.5em 0;
  content: "";
  border: 1px solid #ccc;
  width: 1em;
  height: 1em;
}
.アイスシルバー・メタリック:before {
  background: #c8d9e3;
}
.アーバンナイトブルークリスタル・メタリック:before {
  background: #675F98;
}
.インペリアルゴールドクリスタル・メタリック:before {
  background: rgb(198, 143, 64);
}
.オークブラウン・パール:before {
	background: #4a322a;
}
.クォーツブルー・パール:before {
  background: #4595d1;
}
.クリスタルブラック・シリカ:before {
  background: #100500;
}
.クリスタルホワイト・パール:before {
  background: #ffffff;
}
.クールグレーカーキ:before {
	background: #b4cbdc;
}
.コットンアイボリー:before {
  background: rgb(255, 251, 193);
}
.サンシャインオレンジ:before {
	background: #e07630;
}
.シルキーブルー・パール:before {
  background: rgb(118, 175, 227);
}
.スカイブルー:before {
  background: rgb(127, 190, 208);
}
.スティールブルーグレー・メタリック:before {
	background: #bcd6eb;
}
.セピアブロンズ・メタリック:before {
	background: #bf9f87;
}
.タングステン・メタリック:before {
	background: #d5d1c5;
}
.タンジェリンオレンジ・パール:before {
  background: #ef7109;
}
.ダークグレー・メタリック:before {
  background: #424242;
}
.ダークブルー・パール:before {
  background: #1c2c6b;
}
.ディープブルークリスタル・マイカ:before {
  background: rgb(17, 91, 178);
}
.デザートカーキ:before {
  background: #bab460;
}
.ナイトシャドーパープルクリスタル・メタリック:before {
  background: rgb(52, 40, 92);
}
.パール・ホワイトⅢ:before {
  background: #ffffff;
}
.ピュアレッド:before {
  background: #e50018;
}
.ファイアークォーツレッド・メタリック:before {
  background: rgb(213, 25, 39);
}
.ファインブルー・マイカメタリック:before {
  background: rgb(27, 194, 235);
}
.フレッシュグリーン・メタリック:before {
  background: rgb(154, 204, 74);
}
.ブライトシルバー・メタリック:before {
  background: rgb(199, 204, 212);
}
.ブラック・マイカメタリック:before {
  background: rgb(20, 24, 26);
}
.プラムブラウンクリスタル・マイカ:before {
  background: rgb(124, 43, 39);
}
.マゼンタベリー・マイカメタリック:before {
  background: rgb(228, 30, 74);
}
.ライトローズ・マイカメタリックⅡ:before {
  background: rgb(255, 193, 193);
}
.ラピスブルー・パール:before {
	background: #3443a2;
}
.レーザーブルークリスタルシャイン:before {
  background: rgb(16, 97, 124);
}
.ＷＲブルー・パール:before {
	background: #008ac7;
}
.オフビートカーキ・メタリック:before {
	background: #8e7b55;
}
.クリムゾンレッド・パール:before {
	background: rgb(152,0,32);
}
.ジャスパーグリーン・メタリック:before {
	background: rgb(114, 130, 88);
}
.スカイブルー・メタリック:before {
	background: rgb(127, 190, 208);
}
.ストームグレー・メタリック:before {
	background: rgb(102,121,141);
}
.スプラッシュブルー・メタリック:before {
	background: rgb(53, 132, 214);
}
.タングステングレー・メタリック:before {
	background: rgb(92, 104, 109);
}
.トニコオレンジ・メタリック:before {
	background: #ff6633;
}
.ファインミント・メタリック:before {
	background: #4ec4c1;
}
.ブラック／ディープブルークリスタル・マイカ:before {
	background: rgb(17, 91, 178);
}
.ブラック／パール・ホワイトIII:before {
	background: rgb(255, 255, 255);
}
.ブラック／ファイアークォーツレッド・メタリック:before {
	background: rgb(193, 0, 17);
}
.ブラック／ブライトシルバー・メタリック:before {
	background: rgb(199, 204, 212);
}
.ブラック／ブリリアントカッパークリスタル・マイカ:before {
	background: rgb(165, 76, 31);
}
.ブラック／レーザーブルークリスタルシャイン:before {
	background: rgb(0, 88, 119);
}
.ブリリアントカッパークリスタル・マイカ:before {
	background: rgb(165, 76, 31);
}
.ホライゾンブルー・パール:before {
	background: rgb(85, 107, 159);
}
.ホワイトIII:before {
	background: rgb(255, 255, 255);
}
.マグネタイトグレー・メタリック:before {
	background: rgb(36, 41, 42);
}
.ミストブルー・マイカメタリック:before {
	background: #cee0ea;
}
.ライトローズ・マイカメタリック:before {
	background: #f9dedc;
}
.ラグーンブルー・パール:before {
	background: rgb(0, 164, 221);
}
.レモンスカッシュクリスタル・メタリック:before {
	background: rgb(248, 238, 0);
}
.ワイルドネスグリーン・メタリック:before {
	background: rgb(67,73,57);
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// bxslider
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.shop .bx-wrapper {
	margin-bottom: 0;
}
.shop .bx-wrapper .bx-pager {
	display: none;
}
.shop .bx-wrapper .bx-pager, .shop .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -50px;
	width: 80%;
	margin: 0 auto;
	text-align: center;
	right: 0;
	left: 0;
}
.shop .bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 16px;
	height: 16px;
	margin: 0 4px;
	outline: 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.shop .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 20%;
	margin-top: 0px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 3;
}
.shop .bx-wrapper .bx-prev {
	background: url(../img/common/controls.png) no-repeat 0 -32px;
	left: -6%;
}
.shop .bx-wrapper .bx-next {
	background: url(../img/common/controls.png) no-repeat -43px -32px;
	right: -6%;
}
.shop #filter {
    height: 130px;
    margin-left: -6%;
    width: 112%;
    overflow: hidden;
    padding: 0 6%;
}
.shop #filterlist h2#noShop {
	margin: 40px 0 80px 0;
}
.shop_info .add {
	width: 80%;
	float: left;
}
.shop_info .favor {
	color: #ff00e4;
	font-size: 3rem;
    display: contents;
	width: 8%;
	float: left;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// header
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
#container {
	overflow: hidden;
}
header {
	display: none;
}
#headerSp {
	text-align: center;
	padding: 16px 0;
}
#headerSp img {
	width: 50%;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// nav
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.navTrigger {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 16px;
	right: 4%;
	cursor: pointer;
	z-index: 9999;
}
.navTrigger i {
	-webkit-transition-property: -webkit-transform background-color;
	transition-property: -webkit-transform background-color;
	transition-property: transform background-color;
	transition-property: transform background-color, -webkit-transform background-color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	width: 100%;
	height: 3px;
	position: absolute;
	top: 8px;
	left: 0;
	background-color: #1d1d1d;
}
.navTrigger i:before, .navTrigger i:after {
	content: "";
	-webkit-transition-property: -webkit-transform background-color;
	transition-property: -webkit-transform background-color;
	transition-property: transform background-color;
	transition-property: transform background-color, -webkit-transform background-color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0;
	background-color: #1d1d1d;
}
.navTrigger i:before {
	top: -8px;
}
.navTrigger i:after {
	top: 8px;
}
.navTrigger.active i {
	background-color: transparent;
}
.navTrigger.active i:before, .navTrigger.active i:after {
	top: 0px;
	background: #fff;
}
.navTrigger.active i:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.navTrigger.active i:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#navSp {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	-webkit-transition-property: visibility;
	transition-property: visibility;
	-webkit-transition-delay: 1.05s;
	transition-delay: 1.05s;
	overflow: hidden;
	z-index: 7777;
}
#navSp ul {
	width: 100%;
	height: 100%;
	-webkit-perspective: 100px;
	perspective: 100px;
}
#navSp ul li {
	display: block;
	background: rgba(0,0,0,0.9);
	text-decoration: none;
	font-weight: bold;
	/* outline: 1px solid rgba(0, 0, 0, 0.15); */
	-webkit-transition: -webkit-transform 0.45s ease-in;
	transition: -webkit-transform 0.45s ease-in;
	transition: transform 0.45s ease-in;
	transition: transform 0.45s ease-in, -webkit-transform 0.45s ease-in;
	-webkit-transform: translateX(100%) translateZ(50px);
	transform: translateX(100%) translateZ(50px);
	width: 100%;
	height: 16.7%;
	position: relative;
}
#navSp ul li:nth-child(1) {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
#navSp ul li:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
#navSp ul li:nth-child(3) {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
#navSp ul li:nth-child(4) {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}
#navSp ul li:nth-child(5) {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
#navSp.active {
	visibility: visible;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
#navSp.active ul li {
	-webkit-transform: translateX(0) translateZ(0px);
	transform: translateX(0) translateZ(0px);
}
#navSp ul li a {
	color: #fff;
	text-align: center;
	font-size: 2.0rem;
	/*flex*/
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	flex-direction: row;
	/*justify*/
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-flex-pack: center;
	-moz-flex-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	/*alignItem*/
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-box-align: center;
	-moz-box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	/*天地中央*/
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	width: 100%
}
#navSp.active ul li img {
	display: block;
	margin-right: 6%;
}
#navSp.active ul li:nth-child(1) img, #navSp.active ul li:nth-child(2) img {
	width: 17%;
}
#navSp.active ul li:nth-child(3) img, #navSp.active ul li:nth-child(4) img {
	width: 15%;
}
#navSp.active ul li:nth-child(5) img {
	width: 8%;
}
#navSp.active ul li:nth-child(6) img {
	width: 15%;
}
#road02 + .p_t60 {
	padding-top: 30px !important;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 見出しh1
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
#h1 {
	font-size: 40px;
	background: url(../img/common/btn_main_ami.png), /* 最前面の背景レイヤーの背景画像 */ linear-gradient( to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.6) ), url(../img/shop/h1Bg_shop.jpg);
	background-repeat: repeat, /* 最前面の背景レイヤーに対応 */ repeat, no-repeat;
	background-position: top left, /* 最前面の背景レイヤーに対応 */ top left, top left;
	background-size: auto, auto, cover;
}
#h1 h1 {
	color: #fff;
	font-size: 1.8rem;
	text-align: center;
	/* .flex*/
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	flex-direction: row;
	/* .justifyC */
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-flex-pack: center;
	-moz-flex-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	/*alignItemC*/
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-box-align: center;
	-moz-box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	padding: 30px 2%;
	width: 100%;
	margin: 0 auto;
}
#h1 h1 img {
	display: block;
	margin-right: 6px;
	width: 12%;
}
.h1 {
	background: #f2f2f2;
	font-size: 1.8rem;
	padding: 6% 2%;
	/*flex*/

	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	flex-direction: row;
	/*justifyC*/
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-flex-pack: center;
	-moz-flex-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	/*alignItemC*/
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-box-align: center;
	-moz-box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	margin-bottom: 30px;
}
.h1 img {
	margin-right: 10px;
	width: 16%;
	max-width: 80px;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 見出しh2
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
h2.h2 {
	font-size: 2.0rem;
	padding-bottom: 6px;
	border-bottom: 3px solid #1f4e87;
	margin-bottom: 20px;
	text-align: center;
}
h2.sawarabi {
	font-size: 2.0rem;
	margin-bottom: 20px;
	text-align: center;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 見出しh3
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
h3.h3 {
	font-size: 20px;
	padding: 15px;
	border-left: 6px solid #1f4e87;
	margin-bottom: 20px;
	background: #e9f0f7;
}
h3.h3_02 {
	font-size: 1.8rem;
	padding: 10px 14px;
	border-left: 6px solid #1f4e87;
	margin-bottom: 16px;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 見出しh4
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
h4.h4 {
	font-size: 18px;
	padding: 15px;
	border-left: 4px solid #1f4e87;
	margin-bottom: 16px;
	border-bottom: 1px solid #ccc;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 見出しh5
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
h5.h5 {
	font-size: 20px;
	margin-bottom: 10px;
	text-align: center;
	color: #1f4e87;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 見出しh6
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
h6.h6 {
	font-size: 13px;
	padding-bottom: 6px;
	border-bottom: 3px solid #1f4e87;
	margin-bottom: 20px;
	text-align: center;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// テーブル　table01
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

.table01 {
	border: 1px solid #ccc;
	margin: 20px 0 0 0;
	width: 100%;
}
.table01 tr th, .table01 tr td {
	padding: 10px;
	border-top: 1px solid #ccc;
}
.table01 tr:first-child th, .table01 tr:first-child td {
	padding: 10px;
	border-top: none;
}
.table01 tr th {
	background: #f2f2f2;
	font-weight: bold;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// テーブル　table02
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

.table02 {
	margin: 20px 0 0 0;
	background: #e9f0f7;
}
.table02 thead {
	background: #e9f0f7;
	border-bottom: 3px solid #1f4e87;
	font-weight: bold;
}
.table02 tbody tr:nth-child(odd) {
	background: #f2f2f2;
}
.table02 tbody tr:nth-child(even) {
	background: #fff;
}
.table02 tr th, .table02 tr td {
	padding: 4px 10px;
	display: block;
}
.table02 tr th {
	font-weight: bold;
	padding-top: 14px;
	font-size: 1.7rem;
}
.table02 tr td {
	padding-bottom: 14px;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// テーブル　table03
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.table03 {
	border: 1px solid #ccc;
	margin: 20px 0;
	width: 100%;
	text-align: center;
}
.table03 tr th, .table03 tr td {
	border-top: 1px solid #ccc;
	display: block;
}
.table03 tr:first-child th, .table03 tr:first-child td:first-child {
	border-top: none;
}
.table03 tr th a, .table03 tr td a {
	padding: 10px;
	text-decoration: underline;
	color: #1f4e87;
	display: block;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// マーカーリスト
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.map.baseWidth {
	width: 100%;
}
.markerList {
	margin: 8px auto 30px auto;
	width: 100%;
	max-width: 980px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}
.markerList ul {
	/*flex*/

	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	flex-direction: row;
	/*justifySb*/

	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-webkit-flex-pack: justify;
	-moz-flex-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	/*wrap*/

	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.markerList ul li {
	font-size: 16px;
	margin-bottom: 6px;
}
.markerList ul li img {
	margin: 0 10px;
	width: 24px;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// map
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

#map01, #map02, #map03, #map04 {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.infoWindow {
	max-width: 400px;
	max-height: 400px;
}
.infoWindow h2 {
	color: #fff;
	background: #1f4e87;
	line-height: 2.0;
	text-align: center;
	padding: 0 16px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font-weight: normal;
}
.infoWindow h3 {
	color: #fff;
	background: #e9f0f7;
	line-height: 2.0;
	text-align: center;
	padding: 0 16px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font-weight: normal;
}
.infoWindow p {
	text-align: center;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// slide03
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
/*サムネイルのポインターの色を変える*/
#slider03 .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before, #slider03 .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
	border-color: #1f4e87;
}
#slider03 .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after, #slider03 .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
	color: #1f4e87;
}
/*縦スライド時の矢印の位置*/
#slider03 .sp-vertical .sp-previous-arrow {
	top: 0;
}
#slider03 .sp-vertical .sp-next-arrow {
	bottom: 0;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// カード風レイアウト01
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.cards01.baseWidth {
	width: 100%;
	padding-top: 30px !important;
}
.cards01 li {
	border: 1px solid #ccc;
	margin-bottom: 16px;
}
.cards01 li h2 a:link, .cards01 li h2 a:visited {
	background: #1f4e87;
	color: #fff;
	display: block;
	padding: 8px 12px;
	overflow: hidden;
}
.cards01 li .img-block {
	max-height: 230px;
	overflow: hidden;
}
.cards01 li .img-block img {
	width: 100%;
}
.cards01 li .add {
	margin: 12px;
}
.cards01 li .icon {
	margin: 12px;
}
.cards01 li .icon img {
	width: 11%;
}
.cards01 li .icon img + img {
	margin-left: 6px;
}
.cards01 .hvr-icon-forward:before {
	font-size: 23px;
}
.cards01 h2 .hvr-icon-forward:before {
	font-size: 20px;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// カード風レイアウト02
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.cards02 {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}
.cards02 li {
	margin-bottom: 30px;
}
.cards02 li .img-block {
	max-height: 230px;
	overflow: hidden;
}
.cards02 li .img-block img {
	width: 100%;
}
.cards02 li dl {
	margin: 12px 0;
}
.cards02 li div a {
	text-align: center;
	display: block;
	margin-bottom: 10px;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// カード風レイアウト03
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.cards03 {
	margin-bottom: 40px;
}
.cards03 li {
	width: 100%;
	border: 1px solid #ccc;
	margin-bottom: 16px;
}
.cards03 li .img-block {
	max-height: 230px;
	overflow: hidden;
}
.cards03 li .img-block img {
	width: 100%;
}
.cards03 dl {
	margin: 12px 12px 12px 12px;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// カード風レイアウト04
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.cards04 {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	margin-bottom: 40px;
}
.cards04 li {
	width: 48%;
	-webkit-width: calc(48%);
	width: calc(48%);
	border: 1px solid #ccc;
	margin-bottom: 16px;
}
.cards04 li h4 {
	background: #1f4e87;
	color: #fff;
	padding: 8px 12px;
	overflow: hidden;
}
.cards04 li h4 + .clearfix.p_20 {
	padding: 20px 10px !important;
}
.cards04 li p {
	text-align: justify;
}
.cards04 li .secClumL {
	float: none;
	width: 100%;
	text-align: center;
}
.cards04 li .secClumR {
	float: none;
	width: 100%;
	text-align: center;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// カード風レイアウト05
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.cards05 li {
	position: relative;
	padding: 0 0 30px 0;
}
.cards05 li + li {
	border-top: 1px dotted #ccc;
	padding: 30px 0;
}
.cards05 .imgArea {
	text-align: center;
}
.cards05 .imgArea img {
	max-width: 100%;/* text-align: center; *//* margin: 0 auto; */
}
.cards05 h2 {
	font-size: 2.0rem;
	padding: 15px;
	margin-bottom: 16px;
	border-bottom: 2px solid #1f4e87;
}
.cards05 p {
	margin-bottom: 10px;
}
.cards05 span {
	display: block;
	margin-bottom: 10px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.blogDetail .cards05 span {
	position: static;
	display: inline-block;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// カード風レイアウト06
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.cards06 {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}
.cards06 li {
	width: 100%;
	border: 1px solid #ccc;
	margin-bottom: 16px;
	background: #fff;
}
.cards06 li h2 a:link, .cards06 li h2 a:visited {
	background: #1f4e87;
	color: #fff;
	display: block;
	padding: 8px 12px;
	overflow: hidden;
}
.cards06 li .img-block {
	max-height: 230px;
	overflow: hidden;
}
.cards06 li .img-block img {
	width: 100%;
}
.cards06 dl {
	margin: 12px 12px 12px 12px;
}
.cards06 h2 .hvr-icon-forward:before {
	font-size: 22px;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// カード風レイアウト07
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.cards07 li {
	width: 100%;
	border: 1px solid #ccc;
	margin-bottom: 33px;
}
.cards07 li h2 a:link, .cards07 li h2 a:visited {
	background: #1f4e87;
	color: #fff;
	display: block;
	padding: 16px 12px;
	overflow: hidden;
}
.cards07 li .img-block {
	max-height: 230px;
	overflow: hidden;
}
.cards07 li .img-block img {
	width: 100%;
}
.cards07 li p {
	margin: 12px 12px 12px 12px;
}
.cards07 li h2 a {
	font-size: 20px;
}
.cards07 h2 .hvr-icon-forward:before {
	font-size: 26px;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// カード風レイアウト08
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.cards08 li {
	width: 100%;
	border: 1px solid #ccc;
	margin-bottom: 33px;
}
.cards08 li div {
	position: relative;
	overflow: hidden;
}
.cards08 li div a {
	display: block;
}
.cards08 li div a img {
	width: 100%;
	max-width: 100%;
}
.cards08 li div a + img {
	position: absolute;
	bottom: -1px;
	z-index: 0;
	width: 100%;
	max-width: 104%;
	left: 0;
}
.cards08 li div.even > img:first-of-type {
	position: absolute;
	top: -1px;
	z-index: 2;
	width: 100%;
	max-width: 104%;
	left: 0;
}

.cards08 li h2 a {
	font-size: 20px;
}
.cards08 li h2 a:link, .cards08 li h2 a:visited {
	background: url(../img/common/cover_deapBlueBg.png);
	color: #fff;
	display: block;
	padding: 16px 12px;
	overflow: hidden;
}
.cards08 li:nth-child(even) h2 a:link, .cards08 li:nth-child(even) h2 a:visited {
	background: url(../img/common/cover_rightBlueBg.png);
	color: #fff;
	display: block;
	padding: 16px 12px;
	overflow: hidden;
}
.cards08 h2 .hvr-icon-forward:before {
	font-size: 2.6rem;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 1カラムのセクション
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.sec1clum {
	width: 100%;
	margin-bottom: 40px;
}
.sec1clum li .secClumL {
	float: none;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
.sec1clum li .secClumR {
	float: none;
	width: 100%;
	text-align: center;
}
.sec1clum li p {
	text-align: justify;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 2カラムのセクション
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.sec2clum ul li {
  width: 100%;
  margin-bottom: 16px;
	position: relative;
}
.sec2clum p {
  text-align: justify;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// BOXレイアウト
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.borderBox {
	border: 1px solid #ccc;
	padding: 20px 10px;
}
.secClumL {
	float: left;
	width: 46%
}
.secClumL img {
	max-width: 100%;
}
.secClumR {
	float: right;
	width: 50%
}
.secClumR p {
	margin-bottom: 10px;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// <dl class="desc">
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.desc dt {
	padding-left: 0.5em;
	border-left: 6px solid #1f4e87;
}
.desc dt + dt {
	margin-top: 10px;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// <dl class="desc02">
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.desc02 {
	border-top: 3px solid #1f4e87;
	padding-top: 20px;
}
.desc02 dt {
	padding-left: 0.5em;
	border-left: 6px solid #1f4e87;
}
.desc02 dt {
	margin-right: 20px;
}
.desc02 dd + dt, .desc02 dd + dt + dd {
	margin-top: 10px;
}
.desc02 dd + dt {
	clear: left;
}
.desc02 dt, .desc02 dd {
	float: left;
}
.desc02 dd a {
	text-decoration: underline;
	color: #149fe7;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// ページトップボタン／右固定タブ
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.right-tab-menu, .right-tab-menu02 {
	display: none;
}
#road {
	display: none;
}
#road02 {
	display: none;
}
#road03 {
	display: none;
}

.calendar table {
	font-weight: bold;
	text-align: center;
	display: inline-block;
}
.calendar th {
	background-color: #e9f0f7;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #1f4e87;
    font-size: 90%;
}
.calendar td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
    font-size: 85%;
    padding: 5px 9px;
	background-color: #fff;
}
.calendar td.title {
	font-weight: normal;
	border-right: none;
	background-color: transparent;
}
.calendar td.title span {
	font-weight: bold;
	font-size: 120%;
	margin-left: 5px;
}
.calendar td.holiday {
	background-image: url(../img/common/icon_holiday.png);
	background-repeat: no-repeat;
	background-position: center center;
    background-size: 80% 90%;
	background-color: #fff;
}
.calendar td.holiday2 {
	background: url(../img/common/icon_holiday2.png) no-repeat center center;
    background-size: 80% 90%;
}
.calendar td.holiday3 {
	background: url(../img/common/icon_holiday3.png) no-repeat center center;
    background-size: 80% 90%;
}
.calendar tr th:first-child,
.calendar tr td:first-child {
	border-left: 1px solid #ccc;
}
.calendar td.next img,
.calendar td.prev img {
	width: 50%;
	height: auto;
}
.calendar td.next,
.calendar td.prev {
	padding: 0;
	border-right: none;
	background-color: transparent;
}
.calendar tr td.prev {
	border-left: none;
}

.calendarIndex .calendar table {
	margin: 20px 3%;
	vertical-align: top;
}
.calendarIndex .calendar.tab table {
	margin: 0;
}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// footer
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
footer#footPc {
	display: none;
}
footer#footSp {
	padding: 30px 0 0 0;
	border-top: 1px solid #ccc;
}
footer#footSp .logo_f {
	text-align: center;
}
footer#footSp .logo_f p {
	font-size: 1.2rem;
}
footer#footSp .logo_f img {
	margin: 10px auto;
}
.copy {
	font-size: 1.2rem;
	text-align: center;
	margin-bottom: 100px;
}
#floatingTab {
	display: block;
	width: 100%;
	position: fixed;
	left: 0px;
	bottom: 0px;
	z-index: 1111;
	text-align: center;
	padding: 0 auto;
}
#floatingTab #slideout {
	position: absolute;
	width: 80%;
	height: 437px;
	bottom: -437px;
}
#floatingTab .clickme {
	position: absolute;
	top: -51px;
	height: 61px;
	width: 45%;
	z-index: 2;
}
#floatingTab #slidecontent {
	background: #fff;
	padding: 10px 6% 70px 6%;
	z-index: 1;
}
#floatingTab #slidecontent dl {
	margin-top: 8px;
	text-align: left;
}
#floatingTab #slidecontent dt {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 4px;
}
#floatingTab #slidecontent dt img {
	height: 20px;
}
#floatingTab #slidecontent p {
	margin-top: 10px;
	text-align: left;
}
#floatingTab #slidecontent a {
	margin-top: 8px;
}
#floatingTab .tabMysubaru {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 32.8%;
}
#floatingTab img {
	max-width: 100%;
}
/*to top*/
#page-top {
	position: fixed;
	bottom: 5em;
	right: 0;
	z-index: 9999;
}
#page-top img {
	display: block;
	width: 90%;
	margin: 0 auto;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// タグ
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.tag {
	line-height: 22px;
	height: 24px;
	padding: 0 12px;
}
.blogSide .archive .tag {
	line-height: 1.2;
	height: auto;
	padding: 3px 12px;
}
.tag {
	float: left;
	margin: 8px 0 8px 10px;
}
.tag.hvr-shutter-out-horizontal:before {
	background: #0079d6;
}
.tagBorderRed {
	border: 1px solid #ec4747;
	color: #ec4747;
}
.tagBorderGreen {
	border: 1px solid #128f09;
	color: #128f09;
}
.tagBgBlue {
	background: #1f4e87;
	color: #fff;
}
.tagBgBlue a {
	color: #fff;
}
.tagBgRed {
	background: #ec4747;
	color: #fff;
}
.tagBgRed a {
	color: #fff;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// タブ切り替え
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.tab-button-outer {
	display: none;
}
.tab-select-outer {
	display: block;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// デイト
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

.date {
	float: left;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// tabLayout
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
/*.gridtab--0*/
.hier01.baseWidth {
	width: 100%;
}
.hier01 > dt {
	margin: 0 0 0 0 !important;
	border-width: 0 !important;
	border-color: #fff !important;
	border-bottom: 1px solid #1f4e87 !important;
	text-align: center;
	font-weight: bold;
	font-size: 1.8rem;
	color: #1f4e87;
	border-right: 1px solid #1f4e87 !important;
	display: block;
	padding: 16px 0 !important;
	background: #fff;
	width: 25%;
	float: left;
	width: calc(100% / 4);
}
.hier01 > dt:last-child {border-right: none !important;}
.hier01 > dt.large {
	padding: 8px 0 !important;
	line-height: 1.2;
	min-height: 60px;
}
.hier01 > dt.active {
	color: #fff;
	background: #1f4e87 !important;
}
.hier01 > dt a {
	color: #1f4e87;
	display: block;
}
/*.gridtab--1*/
.hier02.m_t40 {
	margin-top: 20px !important;
}
.hier02 > dt {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #1f4e87;
	display: block;
	padding: 10px 0 !important;
	background: #fff;
	margin-bottom: 2px !important;
	line-height: 1.4em;
}
.hier02 > dt.is-active {
	background: #e9f0f7 !important;
	border-bottom: 2px solid #1f4e87;
	position: relative;
	overflow: visible;
}
/*.hier02 > dt.is-active:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 10px 6px;
	border-color: transparent transparent #1f4e87 transparent;
	line-height: 0px;
	_border-color: #1f4e87 #000000 #000000 #000000;
 _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	position: absolute;
	top: 54px;
	display: block;
	margin: 0 auto;
	left: 0;
	right: 0;
	background: none !important;
	top: 82px;
}*/
.hier02 > dt + dd {
	display: none;
}
.hier02>dd {
	min-width: calc(100% + 0px);
	max-width: calc(100% + 0px);
	margin: 0 !important;
	border-width: 0px;
	border-color: #fff;
	padding: 8px 0 40px 0 !important;
	background: #fff;
}/*.gridtab--2*/
.hier03 {
	background: #e9f0f7 !important;
	border-top: 1px solid #1f4e87 !important;
	padding: 13px 0 0 0 !important;
	margin-top: 0px;
}
.hier03 > dt {
	margin: 0 0 13px 13px !important;
	border-width: 0px;
	padding: 2px !important;
	border-color: #fff !important;
	background: none !important;
	text-align: center;
	font-size: 14px;
}
.hier03 >dt.is-active {
	background: #1f4e87 !important;
	color: #fff;
}
.hier03>dd {
	min-width: calc(100% + 0px);
	max-width: calc(100% + 0px);
	margin: 0 !important;
	border-width: 0px;
	border-color: #fff;
	padding: 40px 0 !important;
	background: #fff;
}
/* 1つの場合 */
.tabChild:only-child, .tabChild + dd dl .tabChild_Child:only-child {
	width: 100%;
	min-width: calc(100%) !important;
	width: calc(100%) !important;
}
/* 2つの場合 */
.tabChild:first-child:nth-last-child(4), .tabChild:first-child:nth-last-child(4) ~ .tabChild {
	width: 50%;
	min-width: calc(50%) !important;
	width: calc(50%) !important;
}
/* 3つの場合 */
.tabChild:first-child:nth-last-child(6), .tabChild:first-child:nth-last-child(6) ~ .tabChild {
	width: 33.33333%;
	min-width: calc(33.33333%) !important;
	width: calc(33.33333%) !important;
}
/* 4つの場合 */
.tabChild:first-child:nth-last-child(8), .tabChild:first-child:nth-last-child(8) ~ .tabChild {
	width: 25%;
	min-width: calc(25%) !important;
	width: calc(25%) !important;
}
/* 5つの場合 */
.tabChild:first-child:nth-last-child(10), .tabChild:first-child:nth-last-child(10) ~ .tabChild {
	width: 20%;
	min-width: calc(20%) !important;
	width: calc(20%) !important;
}
/* 6つの場合 */
.tabChild:first-child:nth-last-child(12), .tabChild:first-child:nth-last-child(12) ~ .tabChild {
	width: 16.66666%;
	min-width: calc(16.66666%) !important;
	width: calc(16.66666%) !important;
}
/* 7つの場合 */
.tabChild:first-child:nth-last-child(14), .tabChild:first-child:nth-last-child(14) ~ .tabChild {
	width: 14.285%;
	min-width: calc(14.285%) !important;
	width: calc(14.285%) !important;
}
/* 8つの場合 */
.tabChild:first-child:nth-last-child(16), .tabChild:first-child:nth-last-child(16) ~ .tabChild {
	width: 12.5%;
	min-width: calc(12.5%) !important;
	width: calc(12.5%) !important;
}
/* 9つの場合 */
.tabChild:first-child:nth-last-child(18), .tabChild:first-child:nth-last-child(18) ~ .tabChild {
	width: 11.11111%;
	min-width: calc(11.11111%) !important;
	width: calc(11.11111%) !important;
}
/* 10つの場合 */
.tabChild:first-child:nth-last-child(20), .tabChild:first-child:nth-last-child(20) ~ .tabChild {
	width: 10%;
	min-width: calc(10%) !important;
	width: calc(10%) !important;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 3階層目
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
/* 1つの場合 */
.tabChild + dd dl .tabChild_Child:only-child {
	width: 100%;
	min-width: calc(100%) !important;
	width: calc(100%) !important;
}
/* 2つの場合 */

.tabChild + dd dl .tabChild_Child:first-child:nth-last-child(4) {
	width: 50%;
	min-width: calc(50%) !important;
	width: calc(50%) !important;
}
/* 3つの場合 */

.tabChild + dd dl .tabChild_Child:first-child:nth-last-child(6) {
	width: 33.33333%;
	min-width: calc(33.33333%) !important;
	width: calc(33.33333%) !important;
}
/* 4つの場合 */

.tabChild + dd dl .tabChild_Child:first-child:nth-last-child(8) {
	width: 25%;
	min-width: calc(100% / 4 - 17px) !important;
	width: calc(100% / 4 - 17px) !important;
}
/* 5つの場合 */

.tabChild + dd dl .tabChild_Child:first-child:nth-last-child(10) {
	width: 25%;
	min-width: calc(100% / 4 - 17px) !important;
	width: calc(100% / 4 - 17px) !important;
}
/* 6つの場合 */

.tabChild + dd dl .tabChild_Child:first-child:nth-last-child(12) {
	width: 25%;
	min-width: calc(100% / 4 - 17px) !important;
	width: calc(100% / 4 - 17px) !important;
}
/* 7つの場合 */

.tabChild + dd dl .tabChild_Child:first-child:nth-last-child(14) {
	width: 25%;
	min-width: calc(100% / 2 - 17px) !important;
	width: calc(100% / 4 - 17px) !important;
}
/* 8つの場合 */

.tabChild + dd dl .tabChild_Child:first-child:nth-last-child(16) {
	width: 25%;
	min-width: calc(100% / 4 - 17px) !important;
	width: calc(100% / 4 - 17px) !important;
}
/* 9つの場合 */

.tabChild + dd dl .tabChild_Child:first-child:nth-last-child(18) {
	width: 25%;
	min-width: calc(100% / 4 - 17px) !important;
	width: calc(100% / 4 - 17px) !important;
}
/* 10つの場合 */

.tabChild + dd dl .tabChild_Child:first-child:nth-last-child(20) {
	width: 25%;
	min-width: calc(100% / 4 - 17px) !important;
	width: calc(100% / 4 - 17px) !important;
}
.tabChild + dd dl .tabChild_Child {
	width: 50%;
	min-width: calc(100% / 2 - 17px) !important;
	width: calc(100% / 2 - 17px) !important;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 店舗設備
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

.facility, .facility02 {
	margin: 0 auto 20px auto;
	width: 100%;
	max-width: 980px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 6px 0;
}
.facility ul, .facility02 ul {
	/*flex*/

	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	flex-direction: row;
	/*justifySb*/

	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-webkit-flex-pack: justify;
	-moz-flex-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	/*wrap*/

	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.facility ul li, .facility02 ul li {
	font-size: 14px;
	width: calc(100% / 2);
	margin-bottom: 6px;
}
.facility ul li:first-child {
	background: #e9f0f7;
	padding: 4px;
	width: 100%;
}
.facility ul li img, .facility02 ul li img {
	height: 30px;
	margin-right: 6px;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// お客様サポート・アフターサービス
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.service #h1, .categories #h1 {
	background: url(../img/common/btn_main_ami.png), /* 最前面の背景レイヤーの背景画像 */ linear-gradient( to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.6) ), url(../img/service/h1Bg_service.jpg);
	background-repeat: repeat, /* 最前面の背景レイヤーに対応 */ repeat, no-repeat;
	background-position: top left, /* 最前面の背景レイヤーに対応 */ top left, top left;
	background-size: auto, auto, cover;
}
#gridLayoutSp {
	margin-bottom: 40px;
}
#gridLayoutSp li:nth-child(1) {
	background: url(../img/service/service_img01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}
#gridLayoutSp li:nth-child(2) {
	background: url(../img/service/service_img02.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
}
#gridLayoutSp li:nth-child(3) {
	background: url(../img/service/service_img03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}
#gridLayoutSp li:nth-child(4) {
	background: url(../img/service/service_img04.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
}
#gridLayoutSp .txtArea {
	position: relative;
}
#gridLayoutSp .dark .txtArea > img {
	position: absolute;
	height: 100%;
	top: 0;
	left: -22px;
}
#gridLayoutSp .right .txtArea > img {
	position: absolute;
	height: 100%;
	top: 0;
	right: -22px;
}
#gridLayoutSp .dark .txtArea {
	background: url(../img/common/cover_deapBlueBg.png);
	padding: 24px 16px;
	width: 56%;
	float: right;
}
#gridLayoutSp .right .txtArea {
	background: url(../img/common/cover_rightBlueBg.png);
	padding: 24px 16px;
	width: 56%;
	float: left;
}
#gridLayoutSp .txtArea h2, #gridLayoutSp .txtArea p, #gridLayoutSp .txtArea a {
	color: #fff;
}
#gridLayoutSp .txtArea h2 {
	font-size: 1.7rem;
	margin-bottom: 12px;
}
#gridLayoutSp .txtArea h2 img {
	width: 26%;
	height: 26%;
	margin-right: 6px
}
#gridLayoutSp .txtArea h2 a {
	/*.flex */
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	flex-direction: row;
	/*.justifyC*/
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-flex-pack: center;
	-moz-flex-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	/*.alignItemC*/
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-box-align: center;
	-moz-box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}
.service #slider03 {
	margin-bottom: 60px;
}

section#mysubaru {
	text-align: center;
	padding: 40px 0;
	background-color: #fff;
}
section#mysubaru p {
	margin-bottom: 20px;
}
section#mysubaru img {
	max-width: 80%;
}
section#mysubaru a:hover {
	filter: alpha(opacity=80);
	moz-opacity: 0.80;
	opacity: 0.80;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// サービスメニュー　serviceMenu
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.serviceMenu li {
  border: 1px solid #ccc;
}
.serviceMenu li img {
  display: block;
  width: 100%;
}
.serviceMenu li h4 {
  font-size: 16px;
  line-height: 1.2;
  position: absolute;
  bottom: 5%;
  left: 5%;
  color: #fff;
  font-weight: bold;
  text-shadow: 1px 1px 3px #000000;
}
.serviceMenu li {
  margin-bottom: 20px;
}
.service .cards03 {
  margin-bottom: 27px;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// サービスカード（各種サポートの参考料金）
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
#ReferenceCharge { display: block; padding-top: 40px; }
#maintenanceBlog { display: none; }

#serviceCard ul {/*flex*/
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	flex-direction: row;
	/*justifySb*/

	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-webkit-flex-pack: justify;
	-moz-flex-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	/*wrap*/

	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#serviceCard ul li {
	border: 1px solid #ccc;
	width: 48%;
	-webkit-width: calc(100% / 2 -1%);
	width: calc(100% / 2 -1%);
	margin-bottom: 16px;
}
#serviceCard ul li h4 {
	text-align: center;
	font-size: 18px;
	padding: 1em 0 0 0;
	min-height: 72px;
	vertical-align: middle;/* display: table-caption; */
}
#serviceCard ul li .inr {
	background: #e9f0f7;
	text-align: center;
	margin-top: 3em;
	padding: 0em 0.5em 1.2em 0.5em;
	min-height: 220px;/* overflow: hidden; */
}
#serviceCard ul li h5 {
	text-align: center;
	font-size: 1.8rem;
}
#serviceCard ul li img {
	margin: -25% auto 6px auto;
}
#serviceCard ul li dl, #serviceCard ul li .mini {
	text-align: left;
	display: block;
}
#serviceCard + p.mini {
	margin-bottom: 40px;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// carDetails
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.carContents {
	margin: 24px auto;
}
.carContents .imgArea {
	margin-bottom: 20px;
}
.carContents .txtArea h4 {
	font-size: 2.2rem;
	border-left: #1f4e87 solid 4px;
	padding-left: 14px;
	margin: 10px 0 20px 0;
}
.carContents .table02 {
	margin-bottom: 20px;
	width: 100%;
}
.carDetails .addImg {
	overflow: scroll;
	margin-bottom: 40px;
}
.carDetails .btnArea02 + p {
	font-size: 1.3rem;
	text-align: justify;
	margin-bottom: 40px
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 各ショップ
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.shopList #h1 {
	background: url(../img/common/btn_main_ami.png), /* 最前面の背景レイヤーの背景画像 */ linear-gradient( to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.6) ), url(../img/blog/takatsuki/h1Bg_takatsuki.jpg);
	background-repeat: repeat, /* 最前面の背景レイヤーに対応 */ repeat, no-repeat;
	background-position: top left, /* 最前面の背景レイヤーに対応 */ top left, top left;
	background-size: auto, auto, cover;
}
.shopDesc .txtArea .desc02 {
	margin-bottom: 30px;
}
.shopDesc .txtArea .facility02 {
	margin: 0 0 20px 0;
	padding: 12px 0 0 0;
}
.shopDesc .txtArea .btnBasic {
	margin-bottom: 20px;
	display: block;
}
.shopList .icon_access, .shopList .icon_faq {
	width: 24px;
	margin-right: 6px;
}
.shopList .icon_manager, .shopList .icon_reserv02, .shopList .icon_testDrive03 {
	width: 32px;
	margin-right: 6px;
}
.shopList .gtm_shoplist-manager {
	background-image: url(../img/common/icon_manager.png);
	background-repeat: no-repeat;
    background-position: calc(50% - 45px) center;
    background-size: 32px auto;
	padding: 20px 0 20px 32px;
}
.shopDesc .calendar {
	margin: 0 auto 20px auto;
	width: 90%;
}
.shopDesc .calendar p {
	margin-bottom: 8px;
}
.shopDesc .calendar p img {
	width: 100%;
}
.shopDesc .calendar dl dt {
	font-weight: bold;
}
.shopDesc .calendar dl dt img {
	height: 24px;
}
.shopDesc .calendar dl dd {
	font-size: 1.4rem;
}
.shopList .modal-wrap .flex.justifyC img {
	height: 133px;
	margin-right: 24px;
}
.shopList .modal .modal-overlay .close {
	font-size: 25px;
}
.shopList .modal .modal-wrap {
	background-color: #fff;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	padding: 30px 20px;
	width: 90%;
	margin: 20px auto;
	align-self: flex-start;
	border-radius: 2px;
	transition: all 0.5s ease;
}
.shopList .bgGray {
	margin: 40px auto;
}
.shopList .bgGray .btnArea02 {
	max-width: 880px;
	padding: 40px 0;
}
.shopList .indoorView {
	margin: 0 auto 40px auto;
	height: 300px !important;
	overflow: hidden;
}
.shopList .btnSingle {
	margin-bottom: 60px;
}

.shopList section.cs-hirakata .bgGray,
.shopList section.g-park-minoo .bgGray,
.shopList section.cs-shinosaka .bgGray,
.shopList section.cs-sotokan-nishiura .bgGray,
.shopList section.cs-iwade .bgGray,
.shopList section.cs-hirakata h2.blog,
.shopList section.g-park-minoo h2.blog,
.shopList section.cs-shinosaka h2.blog,
.shopList section.cs-sotokan-nishiura h2.blog,
.shopList section.cs-iwade h2.blog,
.shopList section.cs-hirakata a.blog,
.shopList section.g-park-minoo a.blog,
.shopList section.cs-shinosaka a.blog,
.shopList section.cs-sotokan-nishiura a.blog,
.shopList section.cs-iwade a.blog {
	display: none;
}
.shopList section.cs-hirakata .cards03,
.shopList section.g-park-minoo .cards03,
.shopList section.cs-shinosaka .cards03,
.shopList section.cs-sotokan-nishiura .cards03,
.shopList section.cs-iwade .cards03 {
	margin-top: 60px;
}


.shopList #test-car-table {
	display: block;
	position: relative;
	margin-bottom: 40px;
	width: 100%;
	border: 1px solid #ccc;
}
.shopList #test-car-table thead {
	display: block;
	float: left;
	border-bottom: none;
	border-right: 3px solid #fff;
}
.shopList #test-car-table tbody {
	display: block;
	width: auto;
	position: relative;
	overflow-x: auto;
	white-space: nowrap;
}
.shopList #test-car-table thead tr {
	display: block;
}
.shopList #test-car-table th {
	display: none;
}
.shopList #test-car-table td {
	text-align: center;
	padding: 6px 0;
}
.shopList #test-car-table td img {
	width: 90%;
	height: auto;
}
.shopList #test-car-table td label {
	width: 80%;
	margin: 0 auto;
	padding: 10px 0;
}
.shopList #test-car-table tbody tr {
	display: inline-block;
	vertical-align: top;
	width: 80%;
}
.shopList #test-car-table td {
	display: block;
}
/* borderの調整 */
.shopList th {
	border-bottom: 0;
}
.shopListtd {
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.shopList #test-car-table tbody tr {
	border-right: none;
}
.shopList #test-car-table th:last-child,
.shopList #test-car-table td:last-child {
	border-bottom: none;
}
.shopList #test-car-table label {
	display: block;
}
.shopList #shopMap {
	height: 300px;
	width: 110%;
    margin: 0 -5%;
}
.shopList #shopMap + .desc02 {
	border-top: none;
	margin-bottom: 60px;
}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// MAPタブリンク（大阪・京都・兵庫・滋賀・和歌山）
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
#areaMapLink {
	position: relative;
}
#tabs-list {
	background: url(../img/shop/areaOsaka.png) no-repeat center top;
	height: 300px;
	margin-bottom: 16px;
	background-size: auto 300px;
	position: relative;
}
.tabShop {
	overflow: hidden;
}
.tabShop li.select {
	box-shadow: 0 0 0 10px rgba(55,113,214,.5);
	background: #3771d6;
	color: #fff;
}
.hideShop {
	display: none;
}
.circleHover {
	overflow: hidden;
	box-shadow: 0 0 0 4px #fff;
	transform: box-shadow .2s, background .2s;
	margin-bottom: 90px;
	font-size: 1.4rem;
	font-weight: 600;
	background: #fff;
	line-height: 1.0;
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
	padding: 0.82em 0;
}
.circleHover:after {
	display: inline-block;
	position: relative;
	border-radius: 50%;
	content: '';
	box-sizing: content-box;
	backface-visibility: hidden;
}
.circleHover:before {
	position: relative;
	display: block;
	font-family: 'FontAwesome', sans-serif;
	font-size: 2.5rem;
	z-index : 1;
	line-height: 90px;
	color: #fff;
	transform: color .2s;
}
.circleHover:hover {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.circleHover:hover, .circleHover.focus, .circleHover.select {
	box-shadow: 0 0 0 10px rgba(55,113,214,.5);
	background: #3771d6;
	color: #fff;
}
.circleHover:hover:before, .circleHover.focus:before {
	color: #333;
	animation: slide .3s forwards;
}
.icon_areaMap li:first-child {
	position: absolute;
	left: 42%;
	top: 2%;
}
.icon_areaMap li:nth-child(2) {
	position: absolute;
	left: 38%;
	top: 18%;
}
.icon_areaMap li:nth-child(3) {
	position: absolute;
	left: 52%;
	top: 25%;
}
.icon_areaMap li:nth-child(4) {
	position: absolute;
	left: 28%;
	top: 32%;
}
.icon_areaMap li:last-child {
	position: absolute;
	left: 39%;
	top: 55%;
}
.icon_areaMap_externalLink {
	margin: 0 auto 16px auto;
	width: 90%;
}
.icon_areaMap_externalLink li {
	width: calc(100% / 3 - 2%);
	float: left;
}
.icon_areaMap_externalLink li:nth-child(2) {
	margin: 0 3%;
}
.icon_areaMap_externalLink li a {
	color: #fff;
	font-weight: bold;
	display: block;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	box-shadow: none;
	margin-bottom: 0;
	font-size: 1.4rem;
	background: #3771d6;
	line-height: 1.0;
	width: 100%;
	height: auto;
	border-radius: 6px;
	cursor: pointer;
	padding: 8px 0;
}
.icon_areaMap_externalLink li a.circleHover:after {
	position: static;
	border-radius: 0;
}
.icon_areaMap_externalLink li a.circleHover:hover, .icon_areaMap_externalLink li a.circleHover.focus {
	box-shadow: none;
	background: #3771d6;
	color: #fff;
}
.icon_areaMap_externalLink li a.circleHover:hover:before, .icon_areaMap_externalLink li a.circleHover.focus:before {
	color: #fff;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// ブログトップ
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.blogTop #h1 {
	font-size: 40px;
	background: url(../img/common/btn_main_ami.png), /* 最前面の背景レイヤーの背景画像 */ linear-gradient( to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.6) ), url(../img/blog/h1Bg_blog.jpg);
	background-repeat: repeat, /* 最前面の背景レイヤーに対応 */ repeat, no-repeat;
	background-position: top left, /* 最前面の背景レイヤーに対応 */ top left, top left;
	background-size: auto, auto, cover;
}
.blogTop #h1 h1 {
	padding-bottom: 10px;
}
.blogTop #h1 h4 {
	color: #fff;
	text-align: center;
	font-size: 1.4rem;
	padding-bottom: 30px;
}
.blogTop h3 {
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 16px;
	padding-top: 20px;
}
.blogTop #slider .bx-viewport {
	max-width: 960px!important;
}
.blogTop #slider {
	width: 100%;
	overflow: hidden;
	padding: 0 0 60px 0;
	background: #f2f2f2;
}
.blogTop #slider .bxslider {
	padding: 0;
	margin: 0;
}
.blogTop #slider .bx-wrapper {
	background: #f2f2f2;
	padding: 0 5%;/* margin-bottom: 30px; */
}
.blogTop #slider .slider {
	margin: 0;
	zoom: 1;
}
.blogTop #slider .slider li {
	background: rgba(0,0,0,0.6);
}
.blogTop #slider .slider dl + a.img-block {
	background: rgba(0,0,0,1);
}
.blogTop #slider .slider dl + a.img-block img {
	opacity: 0.6;
}
.blogTop #slider .slider li.active {
	background: rgba(255,255,255,1);
}
.blogTop #slider .slider li.active dl + a.img-block img {
	opacity: 1;
}
.blogTop #slider .slider dl {
	float: none;
	width: 100%;
	padding: 20px;
}
.blogTop #slider .slider dl + a {
	width: 100%;
	float: none;/* padding: 20px; */
}
.blogTop #slider .slider dl + a > img {
	display: block;
	width: 100%;
}
.blogTop #slider .slider dt {
	margin-bottom: 20px;
}
.blogTop #slider .slider .tag {
	float: right;
}
.blogTop #slider .bx-wrapper .bx-prev {
	left: 50%;
	margin-left: -530px;
	background: url('../img/common/controls.png') no-repeat 0 -32px;
}
.blogTop #slider .bx-wrapper .bx-prev:hover, .blogTop #slider .bx-wrapper .bx-prev:focus, .blogTop #accessRanking .bx-wrapper .bx-prev:hover, .blogTop #accessRanking .bx-wrapper .bx-prev:focus {
	background-position: 0 0;
}
.blogTop #slider .bx-wrapper .bx-next {
	right: 50%;
	margin-right: -530px;
	background: url('../img/common/controls.png') no-repeat -43px -32px;
}
.blogTop #slider .bx-wrapper .bx-next:hover, .blogTop #slider .bx-wrapper .bx-next:focus, .blogTop #accessRanking .bx-wrapper .bx-next:hover, .blogTop #accessRanking .bx-wrapper .bx-next:focus {
	background-position: -43px 0;
}
.blogTop #slider .bx-wrapper .bx-pager, .blogTop #slider .bx-wrapper .bx-controls-auto, .blogTop #accessRanking .bx-wrapper .bx-pager, .blogTop #accessRanking .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -45px;
	width: 90%;
}
/*アクセスランキング*/
.blogTop #accessRanking .bx-wrapper .bx-prev {
	left: 50%;
	margin-left: -700px;
	background: url('../img/common/controls.png') no-repeat 0 -32px;
}
#accessRanking .bx-wrapper .bx-next {
	right: 50%;
	margin-right: -700px;
	background: url('../img/common/controls.png') no-repeat -43px -32px;
}
.blogTop #accessRanking .bx-viewport {
	max-width: 1300px!important;
	overflow: hidden !important;
	min-height: 396px !important;
}
.blogTop #accessRanking .bx-viewport ul {
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.blogTop #accessRanking .rank {
	width: 97px;
	position: absolute;
	z-index: 2;
}
.blogTop .cards03 li {
	width: 25%;
	-webkit-width: calc(100% / 4 - 2%);
	width: calc(100% / 4 - 2%);
	/* border: none; */
	margin-bottom: 0;
}
.blogTop .cards03 li + li {
	margin-left: 0;
}
.blogTop .cards03 li:nth-child(4n+1) {
	margin-left: 0;
}
.cards03 li .img-block {
	max-height: 230px;
	min-height: 230px;
	background-color: #eee;
	overflow: hidden;
	position: relative;
}
.blogTop .cards03 li .img-block img {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.blogTop .cards03 dl {
	margin: 12px 12px 12px 12px;
}
.blogTop #main .ofh {
	overflow: hidden;
}
/*.gridtab--0*/
.blogTop .hier01 > dt {
	margin: 0 0 0 0 !important;
	border-width: 0 !important;
	border-color: #fff !important;
	border-bottom: 1px solid #1f4e87 !important;
	text-align: center;
	font-weight: bold;
	font-size: 1.8rem;
	color: #1f4e87;
	border-right: 1px solid #1f4e87 !important;
	display: block;
	padding: 16px 0 !important;
	background: #fff;
	width: 25%;
	float: left;
	width: calc(100% / 4);
}
.blogTop .hier01 >dt.is-active {
	color: #fff;
	background: #1f4e87 !important;
}
.blogTop .hier01>dd {
	min-width: calc(100%) !important;
	max-width: calc(100%) !important;
	margin: 0 !important;
	border-width: 0 !important;
	border-color: #fff !important;
	padding: 40px 0 !important;
	background: #fff !important;
}
/* 1つの場合 */
.blogTop .tabParent:only-child {
	width: 100%;
	min-width: calc(100%) !important;
	width: calc(100%) !important;
}
/* 2つの場合 */
.blogTop .tabParent:first-child:nth-last-child(4), .blogTop .tabParent:first-child:nth-last-child(4) ~ .tabParent {
	width: 50%;
	min-width: calc(50%) !important;
	width: calc(50%) !important;
}
/* 3つの場合 */
.blogTop .tabParent:first-child:nth-last-child(6), .blogTop .tabParent:first-child:nth-last-child(6) ~ .tabParent {
	width: 33.33333%;
	min-width: calc(33.33333%) !important;
	width: calc(33.33333%) !important;
}
/* 4つの場合 */
.blogTop .tabParent:first-child:nth-last-child(8), .blogTop .tabParent:first-child:nth-last-child(8) ~ .tabParent {
	width: 25%;
	min-width: calc(25%) !important;
	width: calc(25%) !important;
}
/* 5つの場合 */
.blogTop .tabParent:first-child:nth-last-child(10), .blogTop .tabParent:first-child:nth-last-child(10) ~ .tabParent {
	width: 20%;
	min-width: calc(20%) !important;
	width: calc(20%) !important;
}
/* 6つの場合 */
.blogTop .tabParent:first-child:nth-last-child(12), .blogTop .tabParent:first-child:nth-last-child(6) ~ .tabParent {
	width: 16.66666%;
	min-width: calc(16.66666%) !important;
	width: calc(16.66666%) !important;
}
/* 7つの場合 */
.blogTop .tabParent:first-child:nth-last-child(14), .blogTop .tabParent:first-child:nth-last-child(14) ~ .tabParent {
	width: 14.285%;
	min-width: calc(14.285%) !important;
	width: calc(14.285%) !important;
}
/* 8つの場合 */
.blogTop .tabParent:first-child:nth-last-child(16), .blogTop .tabParent:first-child:nth-last-child(16) ~ .tabParent {
	width: 12.5%;
	min-width: calc(12.5%) !important;
	width: calc(12.5%) !important;
}
/* 9つの場合 */
.blogTop .tabParent:first-child:nth-last-child(18), .blogTop .tabParent:first-child:nth-last-child(18) ~ .tabParent {
	width: 11.11111%;
	min-width: calc(11.11111%) !important;
	width: calc(11.11111%) !important;
}
/* 10つの場合 */
.blogTop .tabParent:first-child:nth-last-child(20), .blogTop .tabParent:first-child:nth-last-child(20) ~ .tabParent {
	width: 10%;
	min-width: calc(10%) !important;
	width: calc(10%) !important;
}

.blogTop #accessRanking {
  max-width: 1400px;
}
.blogTop .tab-titles {
  display: table;
  padding-top: 60px;
  width: 100%;
}
.blogTop .tab-titles h3 {
  display: table-cell;
  padding: 0;
  margin-bottom: 0;
}
.blogTop .tab-titles h3 a {
  color: inherit;
  display: block;
  padding: 10px 0;
  background-color: #8DA6C4;
  color: #C0CEDD;
  transition: none;
}
.blogTop .tab-titles h3:first-child a {
  box-shadow: inset -5px -5px 5px 0 rgba(0, 0, 0, 0.30);
}
.blogTop .tab-titles h3:last-child a {
  box-shadow: inset 5px -5px 5px 0 rgba(0, 0, 0, 0.30);
}
.blogTop .tab-titles h3 a.active {
  background-color: #DDE4EE;
  color: #325E94;
  box-shadow: none;
}
.blogTop .tab-contents {
  background-color: #DDE4EE;
  padding: 20px 0;
}
.blogTop .tab-contents .bx-wrapper {
  background-color: transparent;
}
.blogTop .cards03 {
  display: none;
}
.blogTop .cards03.active {
  display: block;
}
.blogTop .cards03 .slide {
  background-color: white;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+//  ストアブログトップ
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.storeBlog #main, .blogDetail #main {
	padding-bottom: 40px;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// ブログ詳細
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.blogDetail #h1, .storeBlog #h1 {
	font-size: 40px;
	background: url(../img/common/btn_main_ami.png), /* 最前面の背景レイヤーの背景画像 */ linear-gradient( to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.6) ), url(../img/blog/takatsuki/h1Bg_takatsuki.jpg);
	background-repeat: repeat, /* 最前面の背景レイヤーに対応 */ repeat, no-repeat;
	background-position: top left, /* 最前面の背景レイヤーに対応 */ top left, top left;
	background-size: auto, auto, cover;
}
.blogDetail #main {
	padding-top: 40px;
}
.blogDetail article {
	max-width: 960px;
	background: #fff;
	padding: 20px 30px 30px 30px;
	margin-bottom: 30px;
	overflow: hidden;
}
.blogDetail article .date {
	float: none;
	text-align: right;
}
.blogDetail article h3 {
	font-size: 1.8rem;
	padding: 0 0 0 20px;
	margin-left: -30px;
	border-left: 6px solid #1f4e87;
	margin-bottom: 20px;
}
.blogDetail article h3:first-letter {
	font-size: 3.0rem;
	color: #1f4e87;
}
.blogDetail article p {
	margin-bottom: 10px;
	text-align: justify;
	font-size: 1.4rem;
	line-height: 1.4;
}
.blogDetail article img {
	max-width: 100%;
	height: auto;
}
.blogDetail #pager02 {
	/*flex*/
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	flex-direction: row;
	/*justifySb*/
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-webkit-flex-pack: justify;
	-moz-flex-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
}
.blogDetail .wp-video,
.blogDetail .wp-video-shortcode{
	width: 100%!important;
	height: auto!important;
}
.blogDetail .socialBtn {
	text-align: center;
	border-top: 1px solid #ccc;
	padding-top: 10px;
    margin-top: 50px;
}
.blogDetail .socialBtn p {
	text-align: center;
}
.blogDetail .socialBtn ul li {
	border: none;
	display: inline-block;
	width: 40px;
	margin: 10px 5px 20px 5px;
	background-color: transparent;
}
.blogDetail .socialBtn ul li img {
	width: 100%;
}
.blogDetail .socialBtn ul li.copy_btn {
	text-indent: -999999px;
	background: url(../img/blog/btn_urlcopy_off.png) no-repeat top center;
	background-size: 100%;
	width: 40px;
	height: 53px;
}
.blogDetail .socialBtn ul li.copied {
	text-indent: -999999px;
	background: url(../img/blog/btn_urlcopy_on.png) no-repeat top center;
	background-size: 100%;
}

.blogDetail .wp-caption {
	width: 100%!important;
}
.blogDetail .wp-caption p {
    margin-top: 5px;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// ブログサイド
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.blogSide .btnBasic, .blogSide .archive, .blogSide .btnBasic, .blogSide .calendar {
	margin-bottom: 16px;
}
.blogSide .btnBasic img {
	width: 61px;
	height: 35px;
}
.blogSide .cards01 li {
	background: #fff;
	width: 100%;
	margin: 0 auto;
	-webkit-width: calc(100%);
	width: calc(100%);
	border: 1px solid #ccc;
	margin-bottom: 33px;
}
.blogSide .cards01 li .img-block {
	max-height: 330px;
	overflow: hidden;
}
.blogSide .calendar p img {
	background: #fff;
	width: 100%;
}
.blogSide .calendar dt {
	font-weight: bold;
	font-size: 1.6rem;
}
.blogSide .calendar dt img {
	width: 30px;
}
.blogSide .calendar dd {
	font-size: 1.4rem;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// ページャー
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
#pager02 {/*flex*/
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	flex-direction: row;
	/*wrap*/

	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 60px;
}
#pager02 a {
	background: #666;
	color: #fff;
	padding: 8px 8px;
	margin: 0 2px;
	font-size: 1.2rem;
}
#pager02 a.hvr-shutter-out-horizontal:before {
	background: #0079d6;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// アーカイブ
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

.archive {
	background: #fff;
}
.archive dl {
	padding-bottom: 20px;
}
.archive dt {
	border-top: 2px solid #1f4e87;
	border-bottom: 1px solid #ccc;
	padding: 8px 10px;
	font-size: 1.6rem;
	font-weight: bold;
}
.archive dd {
	padding: 8px 0;
	font-size: 1.6rem;
	margin: 0 12px;
}
.archive dd + dd {
	border-top: 1px dotted #ccc;
}
.archive .txtArea {
	float: left;
	position: relative;
	width: 50%;
}
.archive .txtArea h4 a:hover {
	color: #1f4e87;
	text-decoration: underline;
}
.archive .imgArea {
	float: right;
	max-height: 120px;
	min-height: 120px;
	overflow: hidden;
	background-color: #eee;
}
.archive .imgArea img {
	width: 133px;
}
.archive .tag, .archive .date {
	float: none;
	margin: 0;
}
.archive.ranking .txtArea {
	position: relative;
}
.archive.ranking .txtArea img.rankImg {
	position: absolute;
	top: -8px;
	left: -12px;
}
.archive.ranking .txtArea .tag {
	margin-left: 32px;
}
.archive .open_area {
	width: 80%;
    margin: 10px auto 0 auto;
    padding: 2px 0;
    text-align: center;
    background-color: #eee;
    color: #1f4e87;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// カーラインアップ
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.newcar #h1 {
	background: url(../img/common/btn_main_ami.png), /* 最前面の背景レイヤーの背景画像 */ linear-gradient( to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.6) ), url(../img/newcar/h1Bg_lineup.jpg);
	background-repeat: repeat, /* 最前面の背景レイヤーに対応 */ repeat, no-repeat;
	background-position: top left, /* 最前面の背景レイヤーに対応 */ top left, top left;
	background-size: auto, auto, cover;
}
.newcar #h1 h1 img {
	width: 20%;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 試乗車をさがす
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.testcar-description span {
  display: block;
  color: #254474;
  padding: 20px 0;
  font-weight: bold;
  text-align: center;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 各車種詳細
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.carDetails .btnArea02 .btnBasic.campaign img {
	height: 40px;
	vertical-align: middle;
}
.carDetails .btnArea02 .btnBasic.carlineup img {
	height: 25px;
}
.carDetails .table02 tr th,
.carDetails .table02 tr td {
	width: 49%;
	display: inline-block;
	padding: 5px 10px;
}
#transcare .btnBasic.hvr-shutter-out-horizontal { display: block; }

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// キャンペーン情報
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.camp #h1 {
	background: url(../img/common/btn_main_ami.png), /* 最前面の背景レイヤーの背景画像 */ linear-gradient( to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.6) ), url(../img/camp/h1Bg_camp.jpg);
	background-repeat: repeat, /* 最前面の背景レイヤーに対応 */ repeat, no-repeat;
	background-position: top left, /* 最前面の背景レイヤーに対応 */ top left, top left;
	background-size: auto, auto, cover;
}
.camp #h1 h1 img {
	width: 14%;
	margin-right: 8px;
}
.camp-img,
.default-page img { width: 100%!important; height: auto; }

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 社会貢献活動
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.environment #h1 {
	background: url(../img/common/btn_main_ami.png), /* 最前面の背景レイヤーの背景画像 */ linear-gradient( to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.6) ), url(../img/environment/h1Bg_eco.jpg);
	background-repeat: repeat, /* 最前面の背景レイヤーに対応 */ repeat, no-repeat;
	background-position: top left, /* 最前面の背景レイヤーに対応 */ top left, top left;
	background-size: auto, auto, cover;
}
.environment #h1 h1 img {
	width: 8%;
}
.environment #main img {
	max-width: 100%;
}
.environment #main {
	padding-bottom: 30px;
}
.environment #main p {
	margin-bottom: 10px;
}
.environment h2.sawarabi {
	text-align: left;
}
.environment #main a.txtA {
	color: #1f4e87;
	text-decoration: underline;
}
.environment .sec01, .environment .sec02 {
	margin-bottom: 40px;
}
.environment .sec02 ul {
	margin-top: 10px;
}
.environment .sec02 ul li a {
	font-size: 1.4rem;
}
.environment .sec2clum ul ul {
	margin-bottom: 20px;
}
.environment .sec2clum ul li li {
	margin-bottom: 6px;
}
.environment .sec2clum li:last-child .imgArea {
	width: 50%;
	margin: 0 auto;
	text-align: center;
}
.environment .sec2clum li:last-child .imgArea img {
	max-width: 100%;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// SUBARU認定中古車
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.usedcars #road02 + .p_t60 {
	padding-top: 0 !important;
	width: 100%;
}
.usedcars #h1 {
	background: url(../img/common/btn_main_ami.png), /* 最前面の背景レイヤーの背景画像 */ linear-gradient( to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.6) ), url(../img/usedcars/h1Bg_certification.jpg);
	background-repeat: repeat, /* 最前面の背景レイヤーに対応 */ repeat, no-repeat;
	background-position: top left, /* 最前面の背景レイヤーに対応 */ top left, top left;
	background-size: auto, auto, cover;
}
.usedcars #h1 h1 img {
	width: 12%;
}
.usedcars img {
	max-width: 100%;
}
.usedcars p > img {
	display: block;
}
.usedcars .secBtn01 {
	background: url(../img/usedcars/certificat01_sp.jpg) no-repeat 0 0;
	padding: 320px 5% 20px 5%;
	margin: -1px auto 0 auto;
	background-size: cover;
}
.usedcars .imgArea img {
	max-width: 100%;
}
.usedcars .sec01 .txtArea {
	width: 90%;
	margin: 20px auto;
}
.usedcars .txtArea h3 {
	text-align: center;
	font-size: 1.5rem;
	color: #1f4e87;
}
.usedcars .txtArea h2 {
	text-align: center;
	font-size: 2.8rem;
	color: #1f4e87;
	margin-bottom: 8px;
}
.usedcars .txtArea img {
	margin-top: 20px;
}
.usedcars .sec02, .usedcars .sec03, .usedcars .sec04 {
	margin: 0 auto 20px auto;
	width: 90%;
}
.usedcars .sec04 {
	margin-bottom: 20px;
}
.usedcars .sec02 .imgArea, .usedcars .sec03 .imgArea, .usedcars .sec04 .imgArea {
	text-align: center;
	margin-bottom: 10px;
}
.usedcars .sec05,
.usedcars .sec01 {
	margin: 0px auto 20px;
	width: 90%;
}
.usedcars .sec06 {
	background: #eaf5fb;
	padding: 20px;
}
.usedcars .sec06 .txtArea .inr02 {
	margin-bottom: 20px;
	padding: 20px 0 0 0;
}
.usedcars .sec07 {
	padding: 20px 0 0 0;
}
.usedcars .sec08 .sub_txt {
	margin: 0 0 10px;
	text-align: center;
}
.usedcars .sec08 dl {
	width: 90%;
	margin-bottom: 15px;
	text-align: center;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-top: 1px solid #e3e3e3;
	box-sizing: border-box;
	margin: 0 auto;
}
.usedcars .sec08 dt {
	padding: 17px 0 0;
}
.usedcars .sec08 dt .title {
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 5px;
	display: block
}
.usedcars .sec08 dd {
	padding: 0 20px 18px;
	border-bottom: 1px solid #e3e3e3;
}
.usedcars .sec08 dd .txt {
	font-size: 1.3rem;
	line-height: 1.7;
}
.usedcars .sec08 dd .txt.txt_left {
	text-align: left;
}
.usedcars h6 {
	margin: 10px auto 20px auto;
	font-weight: normal;
	width: 90%;
	font-size: 1.3rem;
}
.usedcars .secBtn02 {
	margin: 0 auto 60px auto;
	width: 90%;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 各種サポート
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.support #h1 {
	background: url(../img/common/btn_main_ami.png), /* 最前面の背景レイヤーの背景画像 */ linear-gradient( to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.6) ), url(../img/support/h1Bg_support.jpg);
	background-repeat: repeat, /* 最前面の背景レイヤーに対応 */ repeat, no-repeat;
	background-position: top left, /* 最前面の背景レイヤーに対応 */ top left, top left;
	background-size: auto, auto, cover;
}
.support #h1 img {
	width: 14%;
}
.support #main {
	padding-bottom: 60px;
}
.support .cards08 {
	margin: 20px auto 0 auto;
  width: 90%;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// よくあるご質問
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

.faq #h1 {
	background: url(../img/common/btn_main_ami.png), /* 最前面の背景レイヤーの背景画像 */ linear-gradient( to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.6) ), url(../img/faq/h1Bg_faq.jpg);
	background-repeat: repeat, /* 最前面の背景レイヤーに対応 */ repeat, no-repeat;
	background-position: top left, /* 最前面の背景レイヤーに対応 */ top left, top left;
	background-size: auto, auto, cover;
}
.faq #h1 h1 img {
	width: 6%;
}
.faq .faqCont {
	padding-bottom: 40px;
}
.faq .faqCont .sec {
	background: #fff;
	padding: 30px;
}
.faq .faqCont .sec + .sec {
	margin-top: 40px;
}
.faq .faqCont .sec h2 {
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 16px;
}
.faq .faqCont .sec dl .lato {
	font-size: 30px;
	font-weight: bold;
	margin-right: 10px;
	min-width: 1.4em;
}
.faq .faqCont .sec dl dt {
	padding: 14px 0 14px 0;
	border-bottom: 1px dotted #ccc;
	font-size: 1.4rem;
}
.faq .faqCont .sec dl dt.clicked {
	border-bottom: none;
}
.faq .faqCont .sec dl dt.clicked i {
	transform: rotate(180deg);
	text-align: right;
	float: right;
}
.faq .faqCont .sec dd {
	padding: 10px 0 10px 2em;
	border-bottom: 1px dotted #ccc;
	display: none;
	font-size: 1.4rem;
	text-align: justify;
}
.faq .faqCont .sec dd .lato {
	color: #0079d6;
}
.faq .faqCont .sec dd h6 {
	text-align: center;
	padding: 30px 0 16px 0;
}
.faq .faqCont .sec dd h6 span {
	border: 1px solid #0079d6;
	padding: 6px 10px 6px 10px;
	margin: 10px auto;
	display: inline-block;
}
.faq .faqCont .sec dd h6 span + span {
	margin-left: 16px;
}
.faq .faqCont .sec dd h6 span i {
	color: #0079d6;
	font-size: 28px;
	position: relative;
	margin-right: 27px;
}
.faq .faqCont .sec dd h6 span i:before {
	top: -20px;
	position: absolute;
}
.faq .faqCont .sec dl dt i {
	margin: 2px auto 4px auto;
	font-size: 24px;
	color: #1f4e87;
	float: right;
	display: block;
}
.current {
	border-left: 6px solid #1f4e87;
	background: #e9f0f7;
}
.faq .contactArea {
	background: #1f4e87;
	color: #fff;
	padding: 40px 0;
}
.faq .contactArea h3 {
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 20px;
	color: #fff;
}
.faq .contactArea h4 {
	font-size: 1.5rem;
	text-align: center;
	margin-bottom: 16px;
	color: #fff;
	background: #7995b7;
	padding: 4px 0;
	margin-top: 24px;
}
.faq .contactArea h5 {
	font-size: 36px;
	text-align: center;
	margin-bottom: 16px;
	color: #fff;
	line-height: 27px;
}
.faq .contactArea h5 img {
	margin-right: 16px;
}
.faq .contactArea h6 {
	font-size: 1.4rem;
	text-align: center;
	margin-bottom: 16px;
	color: #fff;
}
.faq .contactArea .phoneArea p {
	font-size: 1.4rem;
	color: #fff;
}
.faq .contactArea .mailArea {
	margin-top: 30px;
}
.faq .contactArea .btnBasic {
	background: #fff;
	color: #1f4e87;
	text-align: center;
	margin: 0 auto;
}
.faq .contactArea .btnBasic i {
	font-size: 2.0rem;
	margin-right: 8px;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 企業情報
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.corporate #h1 {
	background: url(../img/common/btn_main_ami.png), /* 最前面の背景レイヤーの背景画像 */ linear-gradient( to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.6) ), url(../img/corporate/h1Bg_corporate.jpg);
	background-repeat: repeat, /* 最前面の背景レイヤーに対応 */ repeat, no-repeat;
	background-position: top left, /* 最前面の背景レイヤーに対応 */ top left, top left;
	background-size: auto, auto, cover;
}
.corporate #h1 h1 img {
	width: 6%;
}
.corporate #corporateMap {
	height: 300px !important;
	margin: 10px auto;
}
.corporate #main {
	padding-bottom: 60px;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+//  採用
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.recruit #h1, .mid-career_recruits #h1 {
	background: url(../img/common/btn_main_ami.png), /* 最前面の背景レイヤーの背景画像 */ linear-gradient( to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.6) ), url(../img/recruit/h1Bg_recruit.jpg);
	background-repeat: repeat, /* 最前面の背景レイヤーに対応 */ repeat, no-repeat;
	background-position: top left, /* 最前面の背景レイヤーに対応 */ top left, top left;
	background-size: auto, auto, cover;
}
.recruit #h1 h1 img, .mid-career_recruits #h1 h1 img {
	width: 16%;
}
.recruit img {
	max-width: 100%;
}
.recruit #main p, .mid-career_recruits #main p {
	margin-bottom: 10px;
}
.recruit .hier01, .mid-career_recruits .hier01 {
	margin-bottom: 30px;
}
.recruit .sec01 h4 {
	font-size: 2.0rem;
	margin-bottom: 10px;
}
.recruit .sec01 .table02, .mid-career_recruits .sec01 .table02 {
	margin-bottom: 20px;
}
.recruit .table02 + .txt_r {
	text-align: left;
}
.recruit .btnSingle {
	width: auto;
	max-width: 640px;
	margin: 10px auto 30px auto;
}
.recruit .sec02, .recruit .sec04 {
	margin: 40px auto;
}
.recruit .sec04 h3 {
	margin: 40px auto 10px auto;
}
.mid-career_recruits #main {
	padding-bottom: 40px;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+//  定休日カレンダー一覧
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.calendarIndex #h1 {
	background: url(../img/common/btn_main_ami.png), /* 最前面の背景レイヤーの背景画像 */ linear-gradient( to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.6) ), url(../img/calender/h1Bg_calendar.jpg);
	background-repeat: repeat, /* 最前面の背景レイヤーに対応 */ repeat, no-repeat;
	background-position: top left, /* 最前面の背景レイヤーに対応 */ top left, top left;
	background-size: auto, auto, cover;
}
.calendarIndex #h1 h1 img {
	width: 8%;
}
.holidayGreen {
	width: 16px;
	height: 16px;
	background: #bfeefa;
	background-size: 30px 30px;
	color: #bfeefa;
	font-size: 20px;
	display: inline-block;
	margin-right: 10px;
	position: absolute;
	top: 6px;
	left: 0px;
	border-radius: 50%;        /* CSS3草案 */
	-webkit-border-radius: 50%;    /* Safari,Google Chrome用 */
	-moz-border-radius: 50%;   /* Firefox用 */
}
.holidayBlue {
	width: 16px;
	height: 16px;
	background: #ffdaee;
	background-size: 30px 30px;
	color: #ffdaee;
	font-size: 20px;
	display: inline-block;
	margin-right: 10px;
	position: absolute;
	top: 5px;
	left: 0px;
	border-radius: 50%;        /* CSS3草案 */
	-webkit-border-radius: 50%;    /* Safari,Google Chrome用 */
	-moz-border-radius: 50%;   /* Firefox用 */
}
.holidayYellow {
	width: 16px;
	height: 16px;
	background: #f9e181;
	background-size: 30px 30px;
	color: #f9e181;
	font-size: 20px;
	display: inline-block;
	margin-right: 10px;
	position: absolute;
	top: 6px;
	left: 0px;
	border-radius: 50%;        /* CSS3草案 */
	-webkit-border-radius: 50%;    /* Safari,Google Chrome用 */
	-moz-border-radius: 50%;   /* Firefox用 */
}
.calendarIndex h3 {
	position: relative;
	padding-left: 1.2em;
}
.calendarIndex .sec01, .calendarIndex .sec02, .calendarIndex .sec03 {
	margin-bottom: 20px;
}
.calendarIndex .sec04 {
	margin: 20px 0 40px 0;
	text-align: center;
}
.calendarIndex .sec04 img {
	margin: 0 auto 20px auto;
	max-width: 252px;
}
.calendarIndex .table03 tr {
	overflow: hidden;
}
.calendarIndex .table03 tr td {
	width: 50%;
	-webkit-width: calc(100% / 2);
	width: calc(100% / 2);
	float: left;
}
.calendarIndex .table03 tr:first-child td:first-child, .calendarIndex .table03 tr:first-child td:nth-child(2) {
	border-top: none;
}
.calendarIndex .table03 tr td:nth-child(2), .calendarIndex .table03 tr td:nth-child(4) {
	border-left: 1px solid #ccc;
	;
}
.calendarIndex .slide {
	margin: 0 20px !important;
}
.calendarIndex .slide img {
	max-width: 100%;
}
.calendarIndex .tab {
	width: 100%;
}
.calendarIndex .tab li {
	display: inline-block;
	padding: 3px;
	margin-right: 10px;
	list-style: none;
	width: 46%;
}
.calendarIndex a:hover {
	opacity: 0.8;
}
.calendarIndex .content {
	clear: both;
}
.calendarIndex .area {
	display: none;
}
.calendarIndex table {
	margin: 0 0 40px 0;
	border: none;
	border-bottom: 1px solid #ccc;
}
.calendar table {
	font-weight: bold;
	text-align: center;
	display: inline-block;
}
.calendar th {
	background-color: #e9f0f7;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #1f4e87;
    font-size: 90%;
}
.calendar td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
    font-size: 85%;
    padding: 5px 0;
	background-color: #fff;
	width: 0.1%;
}
.calendar td.title {
	font-weight: normal;
	border-right: none;
	background-color: transparent;
}
.calendar td.title span {
	font-weight: bold;
	font-size: 120%;
	margin-left: 5px;
}
.calendar td.holiday {
	background-image: url(../img/common/icon_holiday.png);
	background-repeat: no-repeat;
	background-position: center center;
    background-size: 80% 90%;
	background-color: #fff;
}
.calendar td.holiday2 {
	background: url(../img/common/icon_holiday2.png) no-repeat center center;
    background-size: 80% 90%;
}
.calendar td.holiday3 {
	background: url(../img/common/icon_holiday3.png) no-repeat center center;
    background-size: 80% 90%;
}
.calendar tr th:first-child,
.calendar tr td:first-child {
	border-left: 1px solid #ccc;
}
.calendar td.next img,
.calendar td.prev img {
	width: 50%;
	height: auto;
}
.calendar td.next,
.calendar td.prev {
	padding: 0;
	border-right: none;
	background-color: transparent;
}
.calendar tr td.prev {
	border-left: none;
}

.calendarIndex .calendar table {
	margin: 20px 3%;
	vertical-align: top;
}
.calendarIndex .calendar.tab table {
	margin: 0;
}

.calendar dl dd {
	font-size: 90%;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+//  個人情報保護
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.privacy #h1 {
	background: url(../img/common/btn_main_ami.png), /* 最前面の背景レイヤーの背景画像 */ linear-gradient( to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.6) ), url(../img/privacy/h1Bg_privacy.jpg);
	background-repeat: repeat, /* 最前面の背景レイヤーに対応 */ repeat, no-repeat;
	background-position: top left, /* 最前面の背景レイヤーに対応 */ top left, top left;
	background-size: auto, auto, cover;
}
.privacy #h1 h1 img {
	width: 8%;
	margin-right: 16px;
}
.privacy .sec01, .privacy .sec02, .privacy .sec03, .privacy .sec04, .privacy .sec05, .privacy .sec06, .privacy .sec07 {
	margin-bottom: 40px;
}
.privacy ul li, .privacy ol li {
	font-size: 15px;
}
.privacy .sec03 h4 {
	margin-bottom: 10px;
}
.privacy .sec03 ul {
	margin: 10px 0;
}
.privacy .sec03 ul li, .privacy .sec04 ul li {
	font-weight: bold;
}
.privacy .sec08 {
	margin-bottom: 60px;
}
.privacy {
	line-height: 1.8;
}
.privacy ol li + li {
	margin-top: 6px;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+//  サイトマップ
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.siteMap #h1 {
	background: url(../img/common/btn_main_ami.png), /* 最前面の背景レイヤーの背景画像 */ linear-gradient( to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.6) ), url(../img/siteMap/h1Bg_siteMap.jpg);
	background-repeat: repeat, /* 最前面の背景レイヤーに対応 */ repeat, no-repeat;
	background-position: top left, /* 最前面の背景レイヤーに対応 */ top left, top left;
	background-size: auto, auto, cover;
}
.siteMap #h1 h1 img {
	width: 13%;
	margin-right: 16px;
}
.siteMap .sec2clum {
	margin-bottom: 40px;
}
.siteMap .sec2clum ul li {
	margin-bottom: 10px;
	font-size: 15px;
}
.siteMap .sec2clum ul li a:hover {
	text-decoration: underline;
	color: #1f4e87;
}
.siteMap .sec2clum ul li ul li ul li {
	width: 100%;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+//  新車販売協力店
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
#cooperationList {
	display: block;
	width: 96%;
	overflow-x: scroll;
	padding: 0 2% 60px 2%;
}
#cooperationList table {
	margin: 0 auto;
	width: 720px;
}
#cooperationList table tr {
	border-bottom: 1px solid #ccc;
}
#cooperationList table th {
	background-color: #eee;
	text-align: center;
}
#cooperationList table th,
#cooperationList table td {
	padding: 10px 2%;
	display: table-cell;
}
#cooperationList table a {
	color: #1f4e87;
}
#cooperationList table a:hover {
	text-decoration: underline;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+//  form01
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.form01 h4 {
	padding-bottom: 6px;
	border-bottom: 3px solid #1f4e87;
	text-align: center;
	font-size: 20px;
}
.form01 ul li {
	margin: 10px 0;
}
.form01 .text, .form01 textarea, .form01 .dropdown {
	border: 1px solid #777;
	padding: 5px;
	background: #fff;
	border-radius: 5px;
	margin: 8px 0;
	/* Webkit */
	background: -webkit-gradient( linear, left top, left bottom, from(#eee), to(#fff) );
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
	/* Firefox */
	background: -moz-linear-gradient( top, #eee, #fff );
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;
/* IE */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee, endColorstr=#ffffffff);
	zoom: 1;
}
.form01 .submit {
	border: 1px solid #777;
	padding: 8px 10px;
	color: #fff;
	cursor: pointer;
	background: #556e9e;
	border-radius: 5px;
	/* Webkit */
	background: -webkit-gradient( linear, left top, left bottom, from(#556e9e), to(#00266e) );
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
	/* Firefox */
	background: -moz-linear-gradient( top, #556e9e, #00266e );
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;
/* IE */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#556e9e, endColorstr=#00266e);
	zoom: 1;
	display: block;
	width: 50%;
	text-align: center;
	margin: 0 auto;
}
.form01 .required {
	font-size: 14px;
	background: #ff0000;
	padding: 0px 10px;
	color: #fff;
	border-radius: 3px;
}
.form01 .day select, .form01 .time select, .form01 .nam {
	width: 6em;
}
.form01 .day span, .form01 .time span, .form01 .add p span {
	margin: 0 6px 0 6px;
}
.form01 .name input, .form01 .kana input, .form01 .mail input, .form01 .tel input, .form01 .phone input, .form01 .add textarea, .form01 .comment textarea {
	width: 100%;
}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 受注生産を終了表示
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

.endoforder {
    margin: 40px auto;
    border: 1px solid #D00;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
	letter-spacing: 0;
}
.endoforder h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.6em;
    margin: 0 0 10px;
    text-align: left;
    color: #D00;
}
.endoforder p {
    font-size: 16px;
    line-height: 1.8em;
    padding: 0;
    display: inline-block;
    text-align: left;
	font-weight: normal;
}


/* 予約モーダル */
.modal .booking-by-tel {
  text-align: center;
  margin: 10px 0;
}

.modal .booking-by-tel .label {
  padding: 3px 15px;
  color: white;
  background-color: #1AC35B;
  border-radius: 5px;
  vertical-align: middle;
  margin-right: 10px;
}

.modal .booking-by-tel .tel {
  font-size: 35px;
  font-weight: bold;
  color: #1AC35B;
  vertical-align: middle;
  margin-right: 10px;
  display: block;
}

.modal .booking-by-tel .time {
  vertical-align: middle;
}

.modal .date-select-block {
  display: inline-block;
}

.modal .date-select-block input {
  width: 100%;
}

.calendar-date-picker {
  display: none;
}

.calendar-date-picker.show {
  display: block;
  position: absolute;
  z-index: 9999;
  border: solid 1px black;
  background-color: white;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
  padding: 10px;
  margin-top: -10px;
}

.calendar-date-picker table {
  margin-bottom: 0;
}

table.calendar-picker-table {
  border-collapse: separate;
}

.calendar-picker-table tr.date-list {
  background-color: black;
}

.calendar-picker-table td.exists {
  cursor: pointer;
}

.calendar-picker-table td.holiday,
.calendar-picker-table td.holiday2,
.calendar-picker-table td.holiday3,
.calendar-picker-table td.disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.testcar-block {
	text-align: center;
}
.testcar-block .btnBasic {
	margin: 15px auto;
	padding: 15px 0;
	width: 80%;
	display: block;
}

.carDetails .shop .title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
	margin-top: 50px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
}

.blogDetail .article-bottom {
  text-align: center;
  font-size: 16px;
  margin-top: 40px;
}

.blogDetail .article-bottom .logo {
  width: 50px;
  vertical-align: middle;
  margin-right: 10px;
}

.blogDetail .article-bottom .buttons {
  margin-top: 10px;
}

.blogDetail .article-bottom .btn {
  font-size: 18px;
  font-weight: bold;
  color: white;
  display: block;
  width: 100%;
  padding: 10px;
  background-color: #31BB7F;
  border-radius: 10px;
  margin-bottom: 10px;
}

.testcar-block .icon {
    position: relative;
    margin: 0 0 0 1em !important;
}

.testcar-block .icon::before {
    position: absolute;
    left: -1.5em;
    margin: 0.3em 0;
    content: "";
    border: 1px solid #ccc;
    width: 1em;
    height: 1em;
}

.recommendTag{
	display: flex;
	flex-wrap: wrap;
	flex-shrink: 0;
}

.recommendTag_item{
  display: flex;
  align-items: center;
	justify-content: center;
  height: 40px;
  padding: 0 15px;
  margin: 5px;
  text-overflow: ellipsis;
}
/* shop_oldcar */
.shop_oldcar .choose_car ul {
	display: inline-block;
}
.shop_oldcar .choose_car li {
	text-align: center;
	border: none;
	width: 50%;
	float: left;
}
.shop_oldcar .choose_car li img {
	width: 80%;
	margin: 0 auto;
	display: inherit;
}
.shop_oldcar .choose_car .m_t20 {
	display: table;
	margin: 0 auto;
}
.shop_oldcar .choose_car .m_t20 span {
	width: 25%;
	float: left;
}
.shop_oldcar .choose_car .m_t30 {
	text-align: center;
}
.shop_oldcar .hide {
	display: none;
}
.shop_oldcar .more {
	position: relative;
	bottom: 40px;
	color: white;
	text-align: center;
}
.shop_oldcar .more img {
	margin: 0 auto;
}
.shop_oldcar .more span {
	font-size: 0.6rem;
}
.shop_oldcar .more .open {
	width: 10%;
}
.shop_oldcar .more .close {
	width: 6%;
}

.shop_oldcar .storage-contact .form01 ul li {
	border: none;
}
.shop_oldcar .storage-contact span {
	margin: 0 6px 0 6px;
}
.shop_oldcar .storage-contact .contact label {
	display: block;
}
.shop_oldcar .rose {
	color: #d70051;
}

/* 200228　SUBARU 認定U-Carについて */
.shop_oldcar .block-none {
	display: none;
}
.shop_oldcar .about-ucar {
	margin-top: 40px;
	padding-bottom: 80px;
}
.shop_oldcar .about-ucar dd,
.shop_oldcar .about-ucar a,
.shop_oldcar .about-ucar p {
    font-size: 90%;
    line-height: 2;
}
.about-ucar p + p {
    margin-top: 1.75em;
}
.about-ucar header {
    display: block;
}
.about-ucar .l-pageHeader .l-pageHeader__title {
	margin-bottom: 0;
    background: #f8f9fa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
    padding: 15px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    line-height: 2.7rem;
	font-weight: normal;
}
.about-ucar .headline--lv2.-left {
    padding-top: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
	-webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
	font-weight: normal;
}
.about-ucar .headline--lv2.-reduce {
    margin-bottom: 25px;
}
.about-ucar .headline--lv2 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 28px;
    line-height: 2.8rem;
    color: #001335;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-bottom: 25px;
}
.about-ucar .headline--lv2::after {
    content: '';
    display: block;
    height: 2px;
    background: #dde2e6;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.about-ucar .l-innerBlock + .l-innerBlock {
    margin-top: 20px;
}
.about-ucar .c-dl-list + .c-dl-list {
    margin-top: 20px;
}
.about-ucar .headline--lv2::after {
    margin-left: 10px;
}
.about-ucar .l-grid-wrap {
    overflow: hidden;
}
.about-ucar .c-catalogImage img {
	width: 150px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    display: block;
    margin: 0 auto 20px;
}
.about-ucar .m-btn3.-darkgray {
    background: #3e3f40;
}
.about-ucar .-w-full.m-btn,
.about-ucar .-w-full.m-btn2,
.about-ucar .-w-full.m-btn3,
.about-ucar .-w-full.m-btn4 {
    min-width: 275px;
}
.btnWrap {
    text-align: center;
}
.about-ucar a:visited {
    text-decoration: none;
}
.about-ucar .m-btn3 {
    -webkit-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
    background: #00205b;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    line-height: 1;
    min-width: 220px;
    height: 50px;
    padding: 0 40px;
    text-align: center;
    border-radius: 25px;
    position: relative;
}
.about-ucar .c-aboutUcar dl {
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 280px;
    flex: 0 0 280px;
}
.about-ucar .c-aboutUcar dl + dl {
    margin-top: 20px;
}
.about-ucar .c-aboutUcar dl dt {
    color: #00a0dc;
    margin-bottom: 10px;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 24px;
    line-height: 2.4rem;
}
.about-ucar .c-aboutUcar dl dt span {
    color: #000;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
    background: #ebedef;
    border-radius: 4px;
    padding: 6px 12px;
    margin-top: 10px;
    display: inline-block;
}
.about-ucar .headline--lv4 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    line-height: 2.4rem;
    margin-bottom: 5px;
}
.about-ucar .headline--lv4.-premium {
    color: #00205b;
}
.about-ucar .headline--lv4.-ucar {
    color: #00a0dc;
}





/* single blog detail */
.relatives p {
	margin: 0 auto;
	border: 1px gray solid;
	border-radius: 20px;
	padding: 5px 20px;
	width: max-content;
}

.relatives div a {
	color: #1f4e87;
	text-decoration: underline;
}

.relatives div:before {
	content: '>';
}

/* slideout01 */
#floatingTab #slideout table {
	margin: 0 !important;
}
#floatingTab #slideout01 {
	position: absolute;
	width: 80%;
	height: 437px;
	bottom: -437px;
}
.myshop {
	padding-top: 35px !important;
}
#slideout01 .myshop p {
	text-align: center !important;
}
#floatingTab #slideout .clickme {
	margin-left: 42%;
	z-index: 2;
}
#floatingTab #slideout .clickme img,
#floatingTab #slideout01 .clickme img {
	height: 51px;
}
#slideout01 a {
	font-weight: bold;
}
#slideout01 .btn_small,
#slideout01 .btn_mini {
	display: inherit;
	width: 75%;
	margin: 0 auto;
	padding: 9px 10px;
}
#slideout01 .cards09 a:link,
#slideout01 .cards09 a:visited {
	background: #1f4e87;
	color: #fff;
	display: block;
	padding: 4px 10px;
	overflow: hidden;
}
/* Drive Route */
.drive-route iframe {
	width: 100%;
	height: 480px;
	margin-top: 20px;
}
.drive-route .modal-wrap img {
	width: 100%;
}
.drive-route-btn {
	color: #1f4e87;
	font-weight: bold;
	border: 1px #1f4e87 solid;
	padding: 10px 20px;
}
.drive-route-btn:before {
	content: "";
	background: url("../img/common/map_pin.png") no-repeat;
	background-size: cover;
	display: inline-block;
	width: 16px;
	height: 25px;
	vertical-align: middle;
	margin-right: 7px;
}
/* latestPosts */
.latestPosts_wrapper{
	display: none;
	width: 100%;
}
.latestPosts_wrapper.-active{
	display: block;
}

.latestPosts_contentArea{
	display: flex;
	justify-content: center;
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
}
.latestPosts_contentArea li{
	/*  width: 70vw !important;*/
	width: 70.2vw !important;
	/*  height: 280px;*/
	height: 39.5vw;
	opacity: 1;
	transition: opacity .3s;
}
.latestPosts_contentArea li:hover{
	opacity: .7;
}

.latestPosts_thumbnail{
	width: 100%;
	padding-top: 56.25%;
	background-size: cover;
	background-position: center;
}

.latestPosts .bx-wrapper{
	width: auto;
	left: 0;
	margin: 0 auto;
	padding: 0 10vw;
	background-color: transparent;
}

.latestPosts .bx-viewport{
	height: 100% !important;
	overflow: hidden !important;
}

.latestPosts .bx-wrapper .bx-controls-direction a{
	display: block;
}

.latestPosts .bx-wrapper .bx-controls-direction a.disabled{
	display: none;
}

/* HOME */
#event-btn {
	background: url(../img/index/menu_back_re.jpg);
	position: relative;
	z-index: 99;
}
#event-btn .left {
	background: #1f4e87;
}
#event-btn .left a {
	color: white;
}
#event-btn .right {
	background-color: white;
}
#event-btn .left span {
	vertical-align: -webkit-baseline-middle;
}
#event-btn span {
	font-size: 2rem;
	margin-left: 10px;
}
#event-btn .left img {
	height: 30px;
}
#event-btn .left,
#event-btn .right {
	padding: 15px;
	text-align: center;
}
#event-btn .right .tag {
	float: unset;
}
#event-btn .bx-controls {
	display: none;
}

/* navSP */
#navSp .small_cat li:nth-child(n+2) {
	height: 10%;
	font-weight: unset;
}
#navSp .tab-img li:nth-child(n+2) {
	height: 6%;
}
#navSp .small_cat li:nth-child(n+2) img {
	width: 17% !important;
	clip: rect(0px,100px,30px,0px);
	position: absolute;
	margin-top: 6px;
}
#navSp .small_cat li:nth-child(n+2) a {
	font-size: 1.8rem;
	flex-direction: column;
	align-items: flex-start;
	padding-left: 50px;
}
#navSp .tab-img li:nth-child(n+2) a {
	align-items: normal;
	padding-left: 50px;
	overflow: unset;
}
#navSp .small_cat li:nth-child(n+2) .back:before {
	content: '';
}
#navSp .small_cat li:nth-child(n+2) a:before {
	content: '>';
	position: absolute;
	right: 50px;
}

#navSp .small_cat li:nth-child(n+2) .brand:before {
	content: '';
}

.sp_brand_img{
	position: unset!important;
}

#navSp .tab-1-ul li:nth-child(6n) a,
#navSp .tab-2-ul li:nth-child(5n) a,
#navSp .tab-3-ul li:nth-child(5n) a {
	width: 40%;
	padding: 5px;
	background: white;
	color: black;
	padding: 5px 5px 5px 23px;
}
#navSp .tab-2-ul li:nth-child(5n) a {
	width: 70%;
}
#navSp .tab-3-ul li:nth-child(5n) a {
	width: 85%;
}
#navSp .tab-1-ul li:nth-child(6n) a:before,
#navSp .tab-2-ul li:nth-child(5n) a:before,
#navSp .tab-3-ul li:nth-child(5n) a:before {
	right: 10px;
}
#navSp .tab-7-ul li:nth-child(n+2) {
	height: 9%;
}
#navSp .tab-7-ul li:nth-child(7n) {
	height: 16%;
}
#navSp .tab-7-ul li:nth-child(8n) {
	height: 30% !important;
}
#navSp .tab-7-ul li:nth-child(7n) a {
	padding-left: 0;
}
#navSp .tab-7-ul li:nth-child(7n) a img {
	position: relative;
	width: 90% !important;
	margin: 0 auto;
	clip: unset;

}
#navSp .tab-7-ul li:nth-child(7n) a:before {
	content: '';
}

#navSp .small_cat li:nth-child(n+2) .back {
	background-color: gray;
	width: auto;
	padding: 0px 8px;
}
#navSp .tab-12-ul li:nth-child(2n) img{
	clip: unset;
	margin-top: 0px;
}