@charset "utf-8";

/*
*
* Copyright (c) 2014, AD Line Inc. All rights reserved.
* Data : 2014.11.21
*
*/

/*****************************************************

 全体のレイアウト
 
*****************************************************/

body {
	background: #FFF repeat;
	z-index:0;
	font-size: 0.8125em;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	font-weight:normal;
	line-height:1.65;
	color: #4d4d4d;
	position:relative;
	letter-spacing:0.5px;
}


.inner {
	width:980px;
	margin:0 auto;
	position:relative;
}

/* 中ページ全体
----------------------------------------------------*/

#content_wrap {
	width:980px;
	margin:0 auto 60px;
}

/* サイドメニュー
----------------------------------------------------*/

#side_col {
	width:284px;
	float:left;
	padding-top:9px;
	position:relative;
}

#side_col h3 {
	width:100%;
	padding-bottom:4px;
	font-size:1.23em;
	font-weight:bold;
	color:#36485c;
	line-height:1;
	border-bottom:1px #36485c solid;
}

/* 中ページコンテンツ
----------------------------------------------------*/

#main_col {
	width:656px;
	float:left;
	margin-left:20px;
	padding:0 10px;
}

#main_col h3 {
	width:656px;
	margin:0 0 28px -10px;
	padding:7px 10px 6px;
	font-size:1.23em;
	font-weight:bold;
	color:#aa926a;
	border:1px #aa926a solid;
	line-height:1;
}

/*****************************************************

 共通
 
*****************************************************/
.inner02 {
	width:960px;
	margin:0 auto;
	position:relative;
}

.contact {
	width: 928px;
	height: 112px;
	border: 1px solid #DCD2C2;	
	padding: 10px 15px;
}

.contact ul li {
	float: left;
	margin-left: 14px;
}

.contact ul li:first-child {
	margin-left: 0;	
}

.contact p {
	font-size: 1.23em;
	font-weight: bold;
	color: #AA926A;
}

.table_base {
	width: 656px;
	border-left: 1px solid #9e9e9f;
	border-top: 1px solid #9e9e9f;
	border-right: 1px solid #9e9e9f;
	line-height: 17px;
}

.table_base tr th,
.table_base tr td {
	padding: 12px 0 12px 10px;
	border-bottom: 1px solid #9e9e9f;	
}

.table_base tr th {
	width: 237px;
	background: #dbdcdc;
	border-bottom: 1px solid #9e9e9f;
	font-weight: bold;
	vertical-align: top;
}

.table_base tr td {
	width: 416px;
}

#side_facebook {
	position: fixed;
	top: 294px;
	right: 0;
	z-index: 100;
}

#side_line {
	position: fixed;
	top: 120px;
	right: 0;
	z-index: 100;
}

.recruit {
	width: 928px;
	border: 1px solid #DCD2C2;	
	padding: 10px 15px;
	margin-top: 20px;
}

.recruit p {
	font-size: 1.23em;
	font-weight: bold;
	color: #AA926A;
}

.recruit span {
	font-size: 1.0em;
	color: #333333;
}



/*****************************************************

 テーブルレイアウト
 
*****************************************************/






/*　リンク設定
================================================== */

a {
	color:#aa926a;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}


/*****************************************************

 グローバルヘッダー 
 
*****************************************************/

#global_header #top_header {
	height: 30px;
	background: #aa926a;
	position: relative;
}

#global_header #top_header h1,
#global_header #top_header #head_address {
	color: #fff;
}

#global_header #top_header h1 {
	font-size: 	1.076em;
	position: absolute;
	top: 3px;
	left: 0;
}

#global_header #top_header #head_address {
	font-size: 0.923em;	
	position: absolute;
	top: 5px;
	right: 0;
}

#global_header .logo {
	display: block;
	width: 184px; height: 130px;
	margin: 0 auto 20px;
	transition: all .3s ease-out;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}

#global_header .logo:hover {
	opacity: 0.8;
}

#global_header .logo img {
	vertical-align: bottom;
	margin: 0; padding: 0;
}

#global_nav {
	width: 980px;	
}

#global_nav li {
	float: left;
}

#global_nav li a {
	display: block;
	width: 140px;
	height: 28px;
	padding-top: 42px;
	text-decoration: none;
	text-align: center;
	font-size: 0.923em;
	color: #aa926a;
}

#global_nav li a#nav_home {
	background: url(../images/common/global_nav.png) no-repeat;
	background-position: 0 0;	
}

#global_nav li a#nav_home:hover {
	background-position: 0 -70px;	
}

#global_nav li a#nav_home.active {
	background-position: 0 -70px;	
}

#global_nav li a#nav_used {
	background: url(../images/common/global_nav.png) no-repeat;
	background-position: -140px 0;	
}

#global_nav li a#nav_used:hover {
	background-position: -140px -70px;	
}

#global_nav li a#nav_used.active {
	background-position: -140px -70px;	
}

#global_nav li a#nav_sales_performance {
	background: url(../images/common/global_nav.png) no-repeat;
	background-position: -280px 0;	
}

#global_nav li a#nav_sales_performance:hover {
	background-position: -280px -70px;	
}

#global_nav li a#nav_sales_performance.active {
	background-position: -280px -70px;	
}

#global_nav li a#nav_service {
	background: url(../images/common/global_nav.png) no-repeat;
	background-position: -420px 0;	
}

#global_nav li a#nav_service:hover {
	background-position: -420px -70px;	
}

#global_nav li a#nav_service.active {
	background-position: -420px -70px;	
}

#global_nav li a#nav_coating {
	background: url(../images/common/global_nav.png) no-repeat;
	background-position: -560px 0;	
}

#global_nav li a#nav_coating:hover {
	background-position: -560px -70px;	
}

#global_nav li a#nav_coating.active {
	background-position: -560px -70px;	
}

#global_nav li a#nav_company {
	background: url(../images/common/global_nav.png) no-repeat;
	background-position: -700px 0;	
}

#global_nav li a#nav_company:hover {
	background-position: -700px -70px;	
}

#global_nav li a#nav_company.active {
	background-position: -700px -70px;	
}

#global_nav li a#nav_contact {
	background: url(../images/common/global_nav.png) no-repeat;
	background-position: -840px 0;	
}

#global_nav li a#nav_contact:hover {
	background-position: -840px -70px;	
}

#global_nav li a#nav_contact.active {
	background-position: -840px -70px;	
}

/*****************************************************

 サイドカラム
 
*****************************************************/

#side_menu li {
	color:#aa926a;
	position:relative;
}

#side_menu li a {
	display:block;
	width:249px;
	padding:9px 10px 9px 26px;
	border-bottom:1px #aa926a dotted;
	text-decoration:none;
}

#side_menu li a:before {
	content:url(../images/common/sidemenu_icon.gif);
	margin-right:10px;
	position:absolute;
	top:8px;
	left:10px;
}

#side_menu li a:hover {
	background:#f7f7f7;
}

#side_menu li a.active {
	background:#f7f7f7;
}


/*****************************************************

 グローバルフッター 
 
*****************************************************/

#global_footer {
	background: #36485C;
	height: 120px;
	position: relative;
	line-height: 18px;
}

#footer_nav {
	width: 764px;
	border-bottom: 1px solid #fff;	
}

#global_footer .inner02 ul li {
	float: left;	
	margin-right: 30px;
}

#global_footer .inner02 ul li:before {
	font-family: 'FontAwesome';
	content: "\f0da";
	color: #fff;
	margin-right: 10px;
}

#global_footer .inner02 ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 1.076em;
}

#global_footer .inner02 ul li a.blank:after {
	font-family: 'FontAwesome';
	content: "\f08e";
	margin-left:6px;
}

#global_footer .inner02 ul li a:hover {
	text-decoration: underline;
}

#global_footer .inner02 dl {
	color: #fff;	
}

#global_footer .inner02 dt {
	font-weight: bold;
}

#global_footer .inner02 dd {
	font-size: 0.923em;
}	

#footer_logo {
	position: absolute;
	top: -10px;
	right: 10px;	
}

#copyright {
	width: 100%;
	height: 24px;
	line-height: 24px;
	background: #231815;
	font-size: 0.769em;
	position: absolute;
	bottom: 0;
	min-width: 960px;
}




/*****************************************************

 ページ共通
 
*****************************************************/


/* 各コンテンツメインイメージ
----------------------------------------------------*/

#content_main_img {
	width:980px;
	height:240px;
	margin:0 auto;
	position:relative;
}

#content_main_img h2 {
	width:254px;
	padding:95px 15px 0;
	font-size:2.6em;
	font-weight:bold;
	color:#fff;
	line-height:1;
}

#content_main_img p {
	width:254px;
	margin-top:15px;
	padding:0 15px;
	color:#fff;
	line-height:1.5;
}

.service_bg {
	background:url(../images/service/main_img_service.jpg) no-repeat;
}

.coating_bg {
	background:url(../images/other/main_img_coating.jpg) no-repeat;
}

.company_bg {
	background:url(../images/company/main_img_company.jpg) no-repeat;
}

.contact_bg {
	background:url(../images/contact/main_img_contact.jpg) no-repeat;
}

/* トピックパス
----------------------------------------------------*/

#topic {
	margin:10px 0 50px;
	color:#aa926a;
	line-height:1;
}

#topic li {
	display:inline-block;
}

#topic li.next:before {
	content:">";
	margin:0 4px;
}

/* 罫線
----------------------------------------------------*/

hr {
	margin:25px 0;
	border-top:1px #aa926a dotted;
}

/* コンテンツh4
----------------------------------------------------*/

.content_h4 {
	margin-bottom:12px;
	font-size:1.15em;
	font-weight:bold;
}

/*****************************************************

 Home
 
*****************************************************/

/* スライド
----------------------------------------------------*/

#home_slider {
	width: 980px;
	margin: 0 auto;	
}

#home_point li {
	width: 320px;
	float: left;
	text-align: center;
}

#home_content #home_h2 {
	color: #aa926a;
	font-size: 1.23em;
	text-align: center;
	border: 1px solid #aa926a;
	font-weight: bold;
	padding: 2px 0 1px 0;
}

#home_content #home_point li p {
	color: #3e3a39;
	font-weight: bold;
	font-size: 1.461em;
}

#home_intro {
	letter-spacing: 0;
	line-height: 20px;
}

#home_intro li {
	width: 470px;
}

#home_intro li section h3 {
	font-size: 1.23em;
	color: #36485c;
	font-weight: bold;
	border-bottom: 1px solid #36485c;
	padding-bottom: 5px;
}

#home_intro li section h3:before {
	font-family: 'FontAwesome';
	content: "\f054";
	color: #aa926a;
	margin-right: 10px;
}

#home_intro02,
#home_intro03 {
	letter-spacing: 0;
	line-height: 20px;
}

#home_intro02 li,
#home_intro03 li {
	width: 310px;
	margin-left: 15px;
	float: left;
	position: relative;	
}

#home_intro02 li:first-child,
#home_intro03 li:first-child {
	margin-left: 0;	
}

#home_intro02 li section h3 {
	background: #AA926A;
	padding: 2px 0 2px 8px;
	color: #fff;
	font-size: 1.076em;
	font-weight: bold;
	margin-bottom: 10px;
}

#home_intro02 li section a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 310px;	
	height: 230px;
}

#home_intro03 h4 {
	font-size: 1.076em;
	color: #36485C;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px solid #36485C;
}

/*****************************************************

 SERVICE
 
*****************************************************/


/* 修理・整備・カスタム
----------------------------------------------------*/

.li_2col {
	margin-left:-20px;
}

.li_2col li {
	float:left;
	width:318px;
	margin:0 0 20px 20px;
}

.li_2col li h5 {
	font-size:1.15em;
	font-weight:bold;
	margin:7px 0 4px;
}

/* 鈑金塗装
----------------------------------------------------*/

.img_area {
	width:241px;
	float:left;
}

.text_area {
	width:395px;
	float:left;
	margin-left:20px;
}

.text_area h5 {
	margin-bottom:4px;
	font-size:1.15em;
	font-weight:bold;
}

/*****************************************************

 トータルリペア
 
*****************************************************/

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

#tab_menu {
	width:676px;
	margin:0 0 30px -10px;
	border-bottom:1px #AA926A solid;
}

#tab_menu li {
	display:inline-block;
	margin-right:5px;
}

#tab_menu li a {
	display:block;
	border-top:1px #AA926A solid;
	border-left:1px #AA926A solid;
	border-right:1px #AA926A solid;
	padding:6px 18px 5px;
	color:#AA926A;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	-webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
}

#tab_menu li a:hover {
	color:#fff;
	background:#AA926A;
	transition: all .3s ease-out;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}

#tab_menu li.active a {
	color:#fff;
	background:#AA926A;
}

/* ポイント
----------------------------------------------------*/

.coating_point {
	width: 676px;
	margin-left: -20px;
}

.coating_point li {
	width: 318px;
	height: 70px;
	float: left;
	margin: 0 0 20px 20px;
}

.coating_point li p {
	color: #323333;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 26px;
	padding: 12px 0 0 100px;
}

.coating_point li.point01 {
	background: url(../images/other/coating_img01.png) no-repeat;
}

.coating_point li.point02 {
	background: url(../images/other/coating_img02.png) no-repeat;
}

.coating_point li.point03 {
	background: url(../images/other/coating_img03.png) no-repeat;
}

.coating_point li.point04 {
	background: url(../images/other/coating_img04.png) no-repeat;
}

.declaration {
	color: #c30d23;
	text-align: center;
	font-size: 1.538em;
	font-weight: bold;	
}

/* メンテナンス
----------------------------------------------------*/

#cost_table {
	border: 1px solid #434343;	
}

#cost_table tr th {
	background: #00a199;
	color: #fff;
	text-align: center;
	padding: 13px 0 11px 0;
}

#cost_table tr th#th01 {
	width: 182px;
}

#cost_table tr th#th02 {
	width: 94px;
	border-left: 1px solid #434343;
}

#cost_table tr th#th03 {
	width: 192px;
	border-left: 1px solid #434343;
}

#cost_table tr th#th04 {
	width: 182px;
	border-left: 1px solid #434343;
}

#cost_table tr td {
	text-align: center;	
	padding: 13px 0 11px 0;
	border-bottom: 1px solid #434343;
	border-left: 1px solid #434343;
	line-height: 18px;
}

/* 価格表
----------------------------------------------------*/

#price_list ul {
	width: 672px;
	margin-left: -16px;	
}

#price_list ul li {
	float: left;
	margin: 0 0 15px 16px;
}

#price_list ul li section {
	position: relative;
	width: 208px;
	height: 190px;
}

#price_list ul li section h5 {
	position: absolute;
	bottom: 34px;
	color: #000;
	font-weight: bold;
	line-height: 18px;
}

#price_list ul li section .show_car {
	position: absolute;
	top: 0;
}

#price_list ul li section .show_price {
	position: absolute;
	bottom: 0;
	color: #c30d23;
	font-size: 1.538em;
	font-weight: bold;
}

/* インテリアリペア
----------------------------------------------------*/

.repair_table {
	float:left;
	width:238px;
	margin:0 0 0 15px;
}

.repair_table h5 {
	width:222px;
	margin-bottom:10px;
	padding:3px 8px 1px;
	font-size:1.18em;
	font-weight:bold;
	color:#fff;
	background:#00A199;
}

.repair_table table {
	width:238px;
}

.repair_table table th {
	width:60px;
	padding:1px 0;
	font-weight:bold;
}

.repair_table table td {
	width:178px;
	text-align:right;
	padding:1px 0;
}

.repair_table table td.price {
	font-weight:bold;
	color:#c30d23;
	font-size:1.5em;
}

/* その他ラインナップ
----------------------------------------------------*/

.repair_other_2col {
	margin-left:-20px;
}

.repair_other_2col section {
	float:left;
	width:318px;
	margin-left:20px;
}

.repair_other_2col h5 {
	width:302px;
	padding:8px 8px 6px;
	margin-bottom:15px;
	background:#00A199;
	text-align:center;
	font-weight:bold;
	color:#fff;
	font-size:1.18em;
	line-height:1.4;
}

.repair_other_2col p {
	margin-bottom:10px;
}

.repair_other_3col {
	margin-left:-10px;
}

.repair_other_3col section {
	float:left;
	width:212px;
	margin-left:10px;
}

.repair_other_3col h5 {
	width:196px;
	padding:6px 8px 4px;
	margin-bottom:15px;
	background:#00A199;
	text-align:center;
	font-weight:bold;
	color:#fff;
	font-size:1.18em;
	line-height:1.4;
}

.repair_other_3col p {
	margin-bottom:10px;
	height:60px;
}

/*****************************************************

 会社概要
 
*****************************************************/

/* マルサ自動車販売について
----------------------------------------------------*/

#company_contact_txt {
	font-weight: bold;
	font-size: 1.076em;
}

/*****************************************************

 お問い合わせ
 
*****************************************************/

/* メールフォーム
----------------------------------------------------*/

input,textarea,select {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	padding-left: 4px;
}

/*input[type="checkbox"] {
	border: 1px solid #ccc;
	width: 10px;
	height: 10px;
	outline: none;
	margin-right: 5px;
	-webkit-appearance: none;
	   -moz-appearance: none;
		-ms-appearance: none;
		 -o-appearance: none;
			appearance: none;
}

input[type="checkbox"]:checked {
	width: 10px;
	height: 10px;
	background: #446e63;
	color: #000;
	outline: none;
}
*/

#contact_check label {
	margin-right: 10px;
	vertical-align: top;
}

#contact_check input {
	margin: 0 3px 10px 0;
}

#post_num #auto_address {
	width: 139px;
	height: 20px;
	background: #446e63;
	color: #fff;
	font-size: 0.923em;
	border: none;
	cursor: pointer;
}

.form_name input,
#tel input {
	width: 158px;
}

#car_type input,
#mail_address input {
	width: 218px;	
}

#post_num input {
	width: 98px;	
}

#address input {
	width: 258px;
}

#form_text textarea {
	width: 378px;
	height: 140px;
}

#form_control {
	width: 270px;
	margin: 0 auto;
}

#form_control li {
	float: left;
	margin-left: 30px;
}

#form_control li:first-child {
	margin-left: 0;
}

#form_control li input {
	width: 120px;
	height: 25px;
	cursor: pointer;
}

#form_control li input#submit {
	background: #446e63;
	color: #fff;
	border: none;
	font-weight: bold;
}

#form_control li input#reset {
	border: 1px solid #446e63;
	color: #446e63;
	font-weight: bold;
	background: #fff;
}


/* プライバシーポリシー
----------------------------------------------------*/

#privacy_policy h4 {
	font-size: 1.153em;
	color: #323333;
	font-weight: bold;
}

#privacy_policy > ul > li {
	margin-bottom: 25px;
}

#privacy_policy  ul  li section h5 {
	color: #323333;
	font-weight: bold;
}


/* 181004　動画ボタン追加
----------------------------------------------------*/

.btn_movie {
	position: absolute;
	top: 50%; right: 16px;
	display: block;
	width: 180px; height: 101px;
	margin-top: -9.5%;
	
	transition: all .3s ease-out;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}

.btn_movie:hover {
	opacity: 0.7;
}

.btn_movie img {
	max-width: 100%; height: auto;
	vertical-align: bottom;
	margin: 0; padding: 0;
}

.youtube_box {
	position: absolute;
	top: 50%; right: 16px;
	width: 240px; height: auto;
	margin-top: -11%;
}

.youtube_box .youtube,.youtube_box2 .youtube {
	position:relative;
  width:100%; height: auto;
  padding-top:56.25%;
}

.youtube_box .youtube iframe,.youtube_box2 .youtube iframe {
	position:absolute;
  top:0; right:0;
  width:100%; height:100%;
}

.youtube_box2 {
	position: absolute;
	top: 50%; left: 16px;
	width: 240px; height: auto;
	margin-top: -11%;
}

/* 200310　キャンピングカーリスト追加
----------------------------------------------------*/

.col3_li {
	margin: -18px 0 0 -22px;
}

.col3_li li {
	float: left;
	width: 204px; height: auto;
	margin: 18px 0 0 22px;
}

.col3_li li.col2 {
	width: 430px;
}

.col3_li li p.caption {
	margin-top: 8px;
	line-height: 1.4;
}

.col3_li li img {
	vertical-align: bottom;
	margin: 0; padding: 0;
}

.cc_example {
	margin-top: 8px;
}

.cc_example dt {
	display: inline-block;
	padding: 6px 8px 5px;
	color: #fff;
	font-weight: bold;
	border-radius: 3px;
	line-height: 1;
	background: #aa926a;
}

.cc_example dd {
	margin-top: 6px;
}

.cc_tbl {
	width: 100%; height: auto;
	margin-top: 10px;
	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
}

.cc_tbl th {
	width: 45%; height: auto;
	padding: 8px 16px;
	text-align: right;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	background: #f2f2f2;
}

.cc_tbl td {
	width: 55%; height: auto;
	padding: 8px 16px;
	text-align: right;
	font-weight: bold;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
}

.cc_tbl td.red {
	color: #c1272d;
}

/* 210330　追加
----------------------------------------------------*/

.tbl_coating {
  width: 100%; height: auto;
  border-top: 1px #cccccc solid;
  border-left: 1px #cccccc solid;
}

.tbl_coating th {
  width: 26%; height: auto;
  padding: 12px;
  vertical-align: middle;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  color: #fff;
  background: #00a199;
  border-right: 1px #cccccc solid;
  border-bottom: 1px #cccccc solid;
}

.tbl_coating th span {
  display: block;
  font-size: 0.85em;
}

.tbl_coating td {
  width: 24%; height: auto;
  padding: 12px;
  vertical-align: middle;
  text-align: center;
  border-right: 1px #cccccc solid;
  border-bottom: 1px #cccccc solid;
}

.tbl_coating td span.price {
  font-weight: bold;
  color: #c30d23;
  font-size: 1.4em;
}

.tbl_glasscoating {
  width: 100%; height: auto;
  border-top: 1px #cccccc solid;
  border-left: 1px #cccccc solid;
}

.tbl_glasscoating th {
  width: 20%; height: auto;
  padding: 10px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background: #e3aa00;
  border-right: 1px #cccccc solid;
  border-bottom: 1px #cccccc solid;
}

.tbl_glasscoating th span {
  display: block;
  font-size: 0.85em;
}

.tbl_glasscoating th.bg_p {
  background: #00a199;
}

.tbl_glasscoating td {
  padding: 10px;
  vertical-align: middle;
  text-align: center;
  border-right: 1px #cccccc solid;
  border-bottom: 1px #cccccc solid;
}

.tbl_glasscoating td span.price {
  font-weight: bold;
  color: #c30d23;
  font-size: 1.3em;
}

/* 210507　追加
----------------------------------------------------*/

.tbl_price {
  width: 100%; height: auto;
  margin-top: 4px;
  border-top: 1px #cccccc solid;
  border-left: 1px #cccccc solid;
}

.tbl_price th {
  width: 60%;
  padding: 8px 16px;
  color: #fff;
  font-weight: bold;
  background: #aa926a;
  border-right: 1px #cccccc solid;
  border-bottom: 1px #cccccc solid;
}

.tbl_price td {
  width: 40%;
  padding: 8px 16px;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  color: #dc0012;
  border-right: 1px #cccccc solid;
  border-bottom: 1px #cccccc solid;
}

/* 210517　追加
----------------------------------------------------*/

.top_2col_box {
  display: flex;
  justify-content: space-between;
  width: 100%; height: auto;
  margin-top: 20px;
}

.top_2col_box .container {
  box-sizing: border-box;
  width: 48%; height: auto;
  padding: 15px 24px;
  border: 1px solid #DCD2C2;
}

.top_2col_box .container .title {
  margin-bottom: 8px;
  font-size: 1.23em;
  font-weight: bold;
  color: #AA926A;
  text-align: center;
}

.top_2col_box .container .bnr_list li {
  text-align: center;
}

.top_2col_box .container .bnr_list li + li {
  margin-top: 12px;
}

/* 220524　追加
----------------------------------------------------*/

.instagram_box {
  position: relative;
  box-sizing: border-box;
  width: 100%; height: auto;
  margin-top: 20px;
  padding: 15px 24px;
  border: 1px solid #DCD2C2;
}

.instagram_box .title {
  margin-bottom: 8px;
  font-size: 1.23em;
  font-weight: bold;
  color: #AA926A;
  text-align: center;
}

#instagram_feed {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#instagram_feed li {
  width: 23.5%; height: auto;
  margin-top: 15px;
}

#instagram_feed li:nth-child(-n+4) {
  margin-top: 0;
}

#instagram_feed li img {
  display: block;
  object-fit: cover;
  width: 100%; height: 213px;
}

#instagram_feed::after {
  content: "";
  display: block;
  width: 23.5%;  /* .boxに指定したwidthと同じ幅を指定する */
  height: 0;
}

#instagram_feed::before {
  content: "";
  display: block;
  width: 23.5%;  /* .boxに指定したwidthと同じ幅を指定する */
  height: 0;
  order: 1; 
}

.yt_wrap {
  position: relative;
  width: 100%; height: auto;
  padding-top: 56.25%;
}

.yt_wrap iframe {
  position: absolute;
  top: 0; right: 0;
  width: 100%; height: 100%;
}

.yt_channel_btn {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%; height: auto;
  margin-top: 10px;
  line-height: 1.4;
}

.yt_channel_btn li:first-child {
  font-weight: bold;
}

.yt_channel_btn li:last-child {
  margin-left: auto;
}