@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*カラムサイズ*/
body {
letter-spacing: 0.05em
}
/*
.no-sidebar .wrap {
 max-width: 1220px;
}
*/
/*ページの投稿日・更新日・著者情報を消す*/
.page .date-tags,
.page .author-info {
    display: none;
} 
/*エントリーカードカテゴリー名非表示*/
.cat-label {
    display: none;
}
.sp_only {
	display: none !important;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.no-sidebar .wrap {
 width: 100%;
}
div table th, 
div table td {
    font-size: 1em;
}
/*パンくず*/
#breadcrumb {
	display: none;
}
.sp_only {
	display: block !important;
}
.pc_only {
	display: none !important;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


/************************************
** 全体設定
************************************/

#container, .container, #content, #main {
	background: none;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}



#content {
	margin-bottom: 80px;
}
.content {
	margin: 0 20px;
	margin-top: 0;
	margin-bottom: 30px;
	padding-top: 0;
}
#main {
	margin-bottom: 0;
}
@media only screen and (max-width: 834px) {

#content {
	margin-bottom: 50px;
}
.content {
margin: 0 0;
	margin-top: 0;
	margin-bottom: 20px;
}
}

h2, h3, h4, h5, h6 {
	font-size: 120%;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	line-height: 130%;
	font-weight: 600;
	background: none;
	border: none;
}
p {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}
a:link, a:visited {
	color: #333;
	text-decoration: none;
}

.entry-content h3, .entry-content h4, .entry-content h5,
.entry-header h3, .entry-header h4, .entry-header h5 {
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    border: none;
}

/************************************
** ヘッダー
************************************/

#header-container {
position: relative;
	z-index: 1000 !important;
	box-shadow: 0 5px 5px rgba(0,0,0,0.1);
}
#header-container-in {
	padding: 0 0;
}
@media screen and (max-width: 1023px){
#header-container {
position: static;
}
#header-container-in {
	min-width: inherit;
}
}

#header-in {
display: block;
	margin: 0 auto;
	margin-top: 10px;
	width: 1100px;
}
h1 {
position: relative;
	margin: 0;
	padding: 0;
}
h1.logo {
position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 240px;
}
/*
h1.logo:after {
	display: block;
	white-space: nowrap;
position: absolute;
left: 230px;
top: 25%;
content:'中古トラック販売専門店';
}
*/
h1.logo img {
	display: block;
	max-width: 100% !important;
	width: 100% !important;
	height: auto !important;
	max-height: 100% !important;
}


/*1023px以下でロゴを消す*/
@media screen and (max-width: 1023px){
li img.site-logo-image {
		visibility: hidden !important;
}
}
/*1023px以下でモバイル用のロゴ表示*/
@media screen and (max-width: 1023px){
.logo-menu-button.menu-button{
padding: 5px 0;
padding-left: -15%;
		background: url("../../uploads/2021/08/logo.png");
		background-size: auto 40px;
		background-position: center;
		background-repeat: no-repeat;
}
}
/*モバイルボタンメニューを右から開く*/
.navi-menu-content {
  right: 0;
  left:unset;
  -webkit-transform: translateX(105%);
  transform: translateX(105%);
}
/*モバイルボタンメニュー閉じるボタンを右側に*/
.menu-close-button{
  text-align:right;
  padding-right:10px;
}


ul.head_right {
float: right;
margin: 0;
margin-top: 15px;
padding: 0;
    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;
}
@media only screen and (max-width: 1023px) {
ul.head_right {
display: none;
}
}
ul.head_right li {
display: inline-block;
list-style: none;
margin: 0;
margin-left: 10px;
padding: 0;
font-weight: 600;
font-size: 160%;
}
ul.head_right li a {
display: block;
color: #000;
font-weight: 600;
padding: 8px 0;
}

ul.head_right li.head_tel {
position: relative;
padding-left: 60px;
line-height: 130%;
}
ul.head_right li.head_tel a {
padding: 0;
padding-top: 5px;
}

ul.head_right li.head_tel:before {
position: absolute;
margin-left: -55px;
	display: inline-block;
  content: '\f879';
  font-family: "Font Awesome 5 Free";
  color: #c7001e;
  border-radius: 50%;
  font-size: 90%;
padding: 10px;
border: 4px solid #c7001e;
line-height: 100%;
}
ul.head_right li.head_contact {
position: relative;
padding-left: 60px;
line-height: 130%;
}

ul.head_right li.head_contact:before {
position: absolute;
margin-left: -55px;
	display: inline-block;
  content: '\f0e0';
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  color: #c7001e;
  font-size: 200%;
line-height: 100%;
}

.head_tel_time {
font-size: 52%;
line-height: 100%;
}


ul.head_right li a:hover {
color: #555;
	opacity:0.70;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

@media screen and (max-width: 1023px){
.navi {
	display: none;
}
}
.navi {
  margin: 0 !important;
  padding: 0;
}
.navi-in {
  margin: 0 auto !important;
  padding: 0 !important;
}
.navi-in a:hover {
	text-decoration: none;
}
.navi-in > ul {
	justify-content: left;
}
.navi-in ul li {
  margin: 0 !important;
  padding: 0;
}
.navi-in > ul li {
  width: auto !important;
  margin: 0 !important;
  padding: 0;
  line-height: 100%;
	white-space: nowrap;
}
.navi-in > ul li a {
margin: 0;
  line-height: 100% !important;
padding: 25px 15px !important;
	white-space: nowrap;
	font-size: 100% !important;
}

.navi-in > ul li a:hover {
	color: #555;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.navi-in > ul li ul li {
	border-top: 1px dotted #999;
  height: auto;
  line-height: auto;
}
.navi-in > ul li ul li:last-child {
	border-bottom: 1px dotted #999;
}
.navi-in > ul .sub-menu {
  background-color: rgba(255,255,255,0.9);
  min-width: 180px;
}
.navi-in > ul .sub-menu a {
  padding-left: 10px;
  padding-right: 10px;
}



/************************************
** フッター
************************************/
#footer {
	clear: both;
	display: block;
	margin: 0 auto;
	margin-top: 50px;
	padding: 0 0;
}
#footer-in {
	display: block;
	margin: 0 auto;
	padding: 50px 0;
	padding-top: 20px;
text-align: center;
}

@media screen and (max-width: 1023px){
#footer {
	padding: 0 0;
	margin-top: 20px;
}
#footer-in {
	padding: 0;
	padding-bottom: 20px;
}
}
.foot_copyright {
display: block;
margin: 0;
font-weight: 600;
margin-top: 30px;
padding: 0;
font-size: 90%;
line-height: 130%;
}
@media only screen and (max-width: 834px) {
.foot_copyright {
margin-top: 0;
font-size: 80%;
}
}

.foot_logo {
display: block;
margin: 0 auto;
padding: 0;
width: 220px;
margin-bottom: 20px;
}
.logo.logo-footer.logo-image {
margin: 0;
padding: 0;
}
.foot_logo img {
max-width: 100%;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
@media screen and (max-width: 1023px){
.foot_logo {
display: block;
margin: 0 auto;
margin-top: 30px;
padding: 0;
width: 30%;
max-width: 200px;
margin-bottom: 0;
}
.footer-bottom {
margin: 0;
padding: 0;
}
}

ul.foot_menu {
	margin: 0;
	padding: 0;
	margin-bottom: 50px;
}
ul.foot_menu li {
display: inline-block;
	list-style: none;
	text-align: left;
	margin: 0;
	margin-right: 8px;
	padding: 0;
}
ul.foot_menu li:last-child {
	margin-right: 0;
}
ul.foot_menu li a {
	display: block;
	text-decoration: none;
}

ul.foot_menu li a:hover {
text-decoration: underline;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


ul.foot_menu li ul {
	margin: 0;
	padding: 0;
}
ul.foot_menu li ul li:first-child {
	margin-top: 10px;
}
ul.foot_menu li ul li {
	display: block;
	list-style: none;
	margin: 0;
	margin-left: 5px;
	margin-top: 10px;
	padding: 0;
}

ul.foot_menu li ul li a:before {
content:"-";
margin-right: 3px;
}

@media screen and (max-width: 1023px){
ul.foot_menu {
text-align: left;
margin-bottom: 30px;
}
ul.foot_menu li {
float: left;
width: 50%;
	margin: 0;
	padding: 0;
	text-align: center;
/*	border-right: 1px solid #FFF;*/
}
ul.foot_menu li:nth-child(even) {
	border-right: none;
}
ul.foot_menu li:last-child {
float: none;
}
ul.foot_menu li a {
	color: #FFF;
	padding: 12px 5%;
/*	border-bottom: 1px solid #FFF;
	padding: 12px 5%;
	background: #cd2740;*/
}

ul.foot_menu li ul li a {
	color: #000;
	font-size: 90%;
	font-weight: normal;
}

ul.foot_menu li a:hover {
/*	background: #f1586f;
	text-decoration: none;*/
	text-decoration: underline;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

ul.foot_menu li ul li {
	margin: 0;
}
ul.foot_menu li ul li a {
	padding: 10px;
	padding-left: 20px;
}
ul.foot_menu li ul li:first-child {
	margin-top: 0;
}
}
.footer_company {
display: block;
}

.footer_company p {
margin-bottom: 0;
}

@media screen and (max-width: 1023px){
.footer_company p {
margin-bottom: 15px;
}
}


/** フッターお問い合わせ
************************************/

ul.foot_contact {
margin: 0;
padding: 0;
    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;
	 justify-content: center;
}

ul.foot_contact li {
position: relative;
display: inline-block;
vertical-align: middle;
list-style: none;
margin: 0 15px;
padding: 0;
font-weight: 600;
text-align: center;
}
ul.foot_contact li a {
position: relative;
display: block;
color: #FFF;
background-color: #CCC;
font-weight: 600;
padding: 15px;
width: 340px;
}

ul.foot_contact li a:hover {
	opacity:0.70;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

ul.foot_contact li:nth-child(1) a {
background-color: #0377fa;
}
ul.foot_contact li:nth-child(2) a {
background-color: #fa2283;
}

@media screen and (max-width: 1023px){
ul.foot_contact {
display: block;
}

ul.foot_contact li {
display: block;
margin: 0 15px;
margin-bottom: 15px;
}
ul.foot_contact li a {
padding: 10px;
width: auto;
}
}

.foot_tel {
position: relative;
display: inline-block;
margin: 0 auto;
text-align: left;
font-size: 200%;
line-height: 130%;
padding-left: 60px;
}

.foot_tel:before {
position: absolute;
margin-left: -60px;
	display: block;
  content: '\f879';
  font-family: "Font Awesome 5 Free";
  color: #FFF;
  border-radius: 50%;
  font-size: 90%;
padding: 10px;
border: 4px solid #FFF;
line-height: 100%;
}
.foot_tel_time {
font-size: 50%;
line-height: 100%;
}

.foot_mail {
position: relative;
display: inline-block;
margin: 0 auto;
text-align: left;
font-size: 180%;
line-height: 130%;
padding: 12px 0;
padding-left: 60px;
}
.foot_mail:before {
position: absolute;
margin-left: -60px;
margin-top: -10px;
	display: block;
  content: '\f0e0';
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  color: #FFF;
  font-size: 200%;
line-height: 100%;
}

/************************************
** タイトル
************************************/
#title {
position: relative;
z-index: -1;
	background-image: url(../../uploads/2021/09/title_back.jpg);
	background-size: cover;
	background-position: center center;
	clear: both;
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
	margin-top: -15px;
}
.title {
position: relative;
	display: block;
	width: 1120px;
	height: 360px;
	margin: 0 auto;
	text-shadow: 0 0 3px rgba(0,0,0,0.5);
}
.title h2 {
font-family: Arial, Helvetica, "sans-serif";
font-weight: 900;
	font-size: 400%;
	margin: 0;
	color: #FFF;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 2%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

@media screen and (max-width: 1023px){
.title {
	width: auto;
	padding: 10px;
	height: 320px;
}
}

@media screen and (max-width: 834px){
#title {
	margin-bottom: 20px;
}
.title {
	display: block;
	width: auto;
	margin: 0 auto;
	padding: 10px;
	height: 240px;
}
.title h2 {
	font-size: 240%;
}
}
@media screen and (max-width: 640px){
.title {
	height: 200px;
}
}


/************************************
** メイン
************************************/
#main_top {
	position: relative;
	display: block;
	clear: both;
	width: 100%;
	height: 88vh;
	overflow: hidden;
	margin-bottom: 80px;
}

.pic_main_img {
object-fit: cover;
width: 100%;
height: 100%;
}
.main_txt {
position: absolute;
width: 100%;
z-index: 2;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
font-family: "Arial Black", Gadget, "sans-serif";
text-align: center;
color: #c7001e;
text-shadow: 0 0 5px rgba(255,255,255,0.8);

}
.main_txt h3 {
font-size: 600%;
font-weight: 900;
margin-bottom: 15px;
}
.main_txt p {
font-size: 360%;
font-weight: 900;
margin-bottom: 0;
}
@media screen and (max-width: 834px){
#main_top {
	min-width: inherit;
	height: auto;
	margin-bottom: 30px;
}
.main_txt h3 {
font-size: 360%;
margin-bottom: 15px;
}
.main_txt p {
font-size: 200%;
line-height: 130%;
font-weight: 900;
margin-bottom: 0;
}
}

/************************************
** トップページ
************************************/
.top_title {
display: block;
margin-bottom: 50px;
text-align: center;
}

.top_title h3 {
font-family: "Arial Black", Gadget, "sans-serif";
text-align: center;
font-size: 300%;
font-weight: 900;
margin-bottom: 15px;
}
.top_title_eng {
  position: relative;
  display: inline-block;
  padding: 0 10em;
  text-align: center;
}
.top_title_eng:before,
.top_title_eng:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #c7001e;
}
.top_title_eng:before {
  left: 0;
}
.top_title_eng:after {
  right: 0;
}

@media screen and (max-width: 834px){
.top_title {
margin-bottom: 20px;
}
.top_title h3 {
font-size: 200%;
}
.top_title_eng {
  padding: 0 5em;
}
.top_title_eng:before,
.top_title_eng:after {
  width: 30px;
}
}




/** トップコンテンツ
************************************/
table.table_topcontents {
	table-layout: fixed;
	width: 100%;
	margin: 0;
	padding: 0;
}
table.table_topcontents tr, table.table_topcontents th, table.table_topcontents td {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
table.table_topcontents td {
position: relative;
vertical-align: top;
text-align: center;
padding: 3% 2%;
padding-bottom: 7%;
background-color: #F6F6F6;
}
table.table_topcontents td:nth-child(even) {
background-color: #c7001e;
color: #FFF;
}
table.table_topcontents td:nth-child(even) h5, table.table_topcontents td:nth-child(even) p{
color: #FFF;
}

table.table_topcontents td:hover {
background-color: #c7001e;
color: #FFF;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
table.table_topcontents td:hover h5, table.table_topcontents td:hover p {
color: #FFF;
}
table.table_topcontents td:nth-child(even):hover {
background-color: #F6F6F6;
color: #000;
}
table.table_topcontents td:nth-child(even):hover h5, table.table_topcontents td:nth-child(even):hover p {
color: #000;
}
table.table_topcontents td:after {
position: absolute;
	display: block;
	font-size: 300%;
	left: 47%;
	bottom: 0%;
  content: '\f078';
  font-family: "Font Awesome 5 Free";
}
table.table_topcontents td:hover:after {
	bottom: -5%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.table_topcontents h5 {
font-size: 130%;
}
.table_topcontents p {
margin-bottom: 0;
}

.table_topcontents i {
background-color: #FFF;
padding: 20px;
font-size: 300%;
width: 80px;
height: 80px;
text-align: center;
color: #000;
  border-radius: 50%;
  line-height: 100%;
box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
margin-bottom: 30px;
}

table.table_topcontents td:nth-child(even) i {
color: #c7001e;
}

@media screen and (max-width: 834px){

table.table_topcontents td {
display: block;
padding: 5%;
}
table.table_topcontents td:after {
	font-size: 200%;
	left: 90%;
	bottom: 32%;
  content: '\f105';
}
table.table_topcontents td:hover:after {
	bottom: 32%;
	left: 95%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
}


/** オススメの中古車
************************************/

.bg_top_osusume {
position: relative;
display: block;
z-index: 0;
background-color: #c7001e;
color: #FFF;
padding: 50px 0;
padding-bottom: 100px;
}
.bg_top_osusume:after {
content: '　';
position: absolute;
z-index: 100;
height: 0;
display: block;
padding-bottom: 50px;
background-color: #FFF;
	transform: translateX(-50%);
bottom: 0;
left: 50%;
width: 100%;
max-width: 1100px;
}
.bg_top_osusume .top_title_eng:before,
.bg_top_osusume .top_title_eng:after {
  background-color: #FFF;
}
@media screen and (max-width: 834px){
.bg_top_osusume {
padding: 30px 0;
margin-bottom: 30px;
}
.bg_top_osusume:after {
display: none;
}
}

/** オススメ
************************************/

ul.top_recommended {
margin: 0;
padding: 0;
    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;
}

ul.top_recommended li {
position: relative;
display: inline-block;
list-style: none;
vertical-align: middle;
margin: 0;
margin-right: 2.5%;
padding: 0;
margin-bottom: 30px;
width: 48.5%;
background-color: #FFF;
}
ul.top_recommended li a {
display: block;
}
ul.top_recommended li a:hover {
background-color: #F1F1F1;
box-shadow: 0 0 5px rgba(0,0,0,0.5);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

ul.top_recommended li:nth-child(even), ul.top_recommended li:last-child {
margin-right: 0;
}
ul.top_recommended li h4 {
letter-spacing: 0;
font-size: 120%;
margin-bottom: 5px;
border-bottom: 2px solid #c7001e;
}
ul.top_recommended li h5 {
letter-spacing: 0;
font-size: 100%;
margin-bottom: 10px;
}
@media screen and (max-width: 834px){
ul.top_recommended li {
display: block;
margin-right: 0;
margin-bottom: 15px;
width: auto;
}
}

table.table_top_recommended {
	table-layout: fixed;
	width: 100%;
	margin: 0;
	padding: 0;
}
table.table_top_recommended tr, table.table_top_recommended th, table.table_top_recommended td {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
table.table_top_recommended th, table.table_top_recommended td {
padding: 3%;
}
table.table_top_recommended th {
width: 45%;
}
.pic_top_recommended {
display: block;
position: relative;
height: 0;
padding-bottom: 65%;
background-color: #F5F5F5;
overflow: hidden;
}
.pic_top_recommended img {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	object-fit: cover;
	width: 100%;
	height: 100%
}

dl.list_top_recommended {
margin: 0;
padding: 0;
line-height: 130%;
}
dl.list_top_recommended dt {
clear: both;
float: left;
width: 100px;
margin: 0;
margin-bottom: 10px;
padding: 0;
font-size: 85%;
}
dl.list_top_recommended dd {
margin: 0;
margin-left: 110px;
margin-bottom: 10px;
padding: 0;
font-size: 110%;
}
dl.list_top_recommended dd .kingaku_small {
font-size: 100%;
}
dl.list_top_recommended dd.top_price_sougaku {
color: #c7001e;
font-size: 150%;
font-weight: 600;
}

dl.list_top_recommended dd.top_price_sougaku .kingaku_small {
font-size: 80%;
}


/** 在庫一覧
************************************/

ul.top_secondhandcar {
margin: 0;
padding: 0;
    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;
}

ul.top_secondhandcar li {
position: relative;
display: inline-block;
list-style: none;
vertical-align: top;
margin: 0;
margin-right: 3.0%;
padding: 0;
margin-bottom: 50px;
width: 22.5%;
background-color: #f7f7f7;
border-top: 3px solid #c7001e;
}
ul.top_secondhandcar li a {
display: block;
}
ul.top_secondhandcar li a:hover {
background-color: #F1F1F1;
box-shadow: 0 0 5px rgba(0,0,0,0.5);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

ul.top_secondhandcar li:nth-child(4n), ul.top_secondhandcar li:last-child {
margin-right: 0;
}

ul.top_secondhandcar li h4 {
text-align: center;
letter-spacing: 0;
font-size: 110%;
margin-bottom: 30px;
}
@media screen and (max-width: 834px){
ul.top_secondhandcar li {
margin-bottom: 30px;
margin-right: 5.0%;
width: 47.5%;
}
ul.top_secondhandcar li:nth-child(even) {
margin-right: 0;
}
ul.top_secondhandcar li h4 {
margin-bottom: 20px;
}
}

table.table_top_secondhandcar {
	table-layout: fixed;
	width: 100%;
	margin: 0;
	padding: 0;
}
table.table_top_secondhandcar tr, table.table_top_secondhandcar th, table.table_top_secondhandcar td {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
table.table_top_secondhandcar th {
position: relative;
display: block;
width: 100%;
height: 0;
padding-bottom: 64%;
overflow: hidden;
margin-bottom: 15px;
}
table.table_top_secondhandcar th img {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	object-fit: cover;
	width: 100%;
	height: 100%
}
table.table_top_secondhandcar td {
vertical-align: top;
padding: 5% 3%;
}
table.table_top_secondhandcar td.price_kakaku {
position: relative;
vertical-align: bottom !important;
background-color: #c7001e;
color: #FFF;
}

table.table_top_secondhandcar td.price_kakaku::before {
  content: '';
  position: absolute;
  display: block;
  top: -50px;
  left: 0;
  border-bottom: 100px solid #c7001e;  /* 三角を白にする */ 
  border-left: 100% solid transparent;
}
.sougaku_kin {
float: right;
display: inline-block;
font-size: 200%;
font-weight: 600;
line-height: 130%;
margin: 0;
}
p.sougaku_kin_title {
display: inline-block;
margin: 0;
}

dl.list_top_shc {
margin: 0 10px;
padding: 0;
line-height: 130%;
margin-bottom: 20px;
}
dl.list_top_shc dt {
clear: both;
float: left;
width: 60px;
margin: 0;
margin-bottom: 10px;
padding: 0;
padding-top: 2px;
font-size: 90%;
text-align: center;
background-color: #FFF;
}
dl.list_top_shc dd {
margin: 0;
margin-bottom: 10px;
margin-left: 65px;
padding: 0;
padding-top: 2px;
}



/** INFORMATION
************************************/

.bg_top_information {
position: relative;
display: block;
z-index: 0;
background-color: #000;
color: #FFF;
padding: 50px 0;
padding-bottom: 100px;
}
.bg_top_information:after {
content: '　';
position: absolute;
z-index: 100;
height: 0;
display: block;
padding-bottom: 50px;
background-color: #FFF;
	transform: translateX(-50%);
bottom: 0;
left: 50%;
width: 100%;
max-width: 1100px;
}
.bg_top_information .top_title_eng:before,
.bg_top_information .top_title_eng:after {
  background-color: #FFF;
}
@media screen and (max-width: 834px){
.bg_top_information {
padding: 30px 0;
margin-bottom: 30px;
}
.bg_top_information:after {
display: none;
}
}

.swiper-container {
margin: 0;
}

.top_info_swip .swiper-button-prev,
  .top_info_swip .swiper-button-next,
  .top_info_swip .swiper-pagination {
  color: #CCC;
  }

  
  
@media screen and (min-width: 834px){
.top_info_swip .swiper-wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .top_info_swip .swiper-slide {
	width: 22%;
	margin: 0 1.5%;
  }
  .top_info_swip .swiper-button-prev,
  .top_info_swip .swiper-button-next,
  .top_info_swip .swiper-pagination {
    display: none;
  }
}

   .top_info_swip .swiper-button-prev {
  left: 0;
  }
  .top_info_swip .swiper-button-next {
  right: 0;
  }
  .top_info_swip .swiper-pagination {
  display: none;
  }
.swiper-slide .inner {
position: relative;
	display: block;
	padding: 10%;
	padding-top: 30%;
	background-color: #FFF;
	color: #000;
}
.swiper-slide .inner:before {
content: '　';
position: absolute;
z-index: 100;
height: 5px;
display: block;
background-color: #c7001e;
	transform: translateX(-50%);
top: 0;
left: 50%;
width: 25%;
}

.swiper-slide a .inner {
display: block;
	background-color: #FFF;
	color: #000;
}
.swiper-slide a:hover .inner {
	background-color: #c7001e;
	color: #FFF;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.swiper-slide a:hover .inner:before {
background-color: #FFF;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}




.top_info_swip i {
font-size: 400%;
margin-bottom: 20px;
}
.top_info_swip h5 {
font-size: 130%;
margin-bottom: 0;
}
.top_info_swip p.title_eng {
margin-bottom: 0;
}

@media screen and (max-width: 834px){
.swiper-slide .inner {
	padding: 5% 10%;
	padding-top: 15%;
}
}





/** ABOUT
************************************/
ul.list_top_about {
margin: 0;
margin-bottom: 30px;
padding: 0;
    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;
}

ul.list_top_about li {
display: inline-block;
list-style: none;
vertical-align: top;
margin: 0;
margin-right: 5.0%;
padding: 0;
width: 30%;
}

ul.list_top_about li:nth-child(3n), ul.list_top_about li:last-child {
margin-right: 0;
}
@media screen and (max-width: 834px){
ul.list_top_about {
display: block;
margin-bottom: 30px;
}

ul.list_top_about li {
display: block;
margin-right: 0;
margin-bottom: 20px;
width: auto;
}
}

.list_top_about h5 {
text-align: center;
color: #c7001e;
font-size: 130%;
margin-bottom: 10px;
}
.list_top_about p {
margin-bottom: 0;
}

.top_service_img {
position: relative;
display: block;
height: 0;
padding-bottom: 68%;
overflow: hidden;
margin-bottom: 20px;
}
.top_service_img img {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	object-fit: cover;
	width: 100%;
	height: 100%
}
@media screen and (max-width: 834px){
.top_service_img {
padding-bottom: 52%;
margin-bottom: 15px;
}
}


/** ニュース
************************************/
.bg_top_news {
background-color: #dbd8d8;
padding: 50px 0;
margin-bottom: 50px;
}
.bg_top_news #content {
margin-bottom: 0 !important;
}
.bg_top_news .content {
margin-bottom: 0 !important;
}
@media screen and (max-width: 834px){
.bg_top_news {
padding: 30px 0;
margin-bottom: 20px;
}
}

ul.top_news {
margin: 0;
margin-bottom: 30px;
padding: 0;
    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;
}

ul.top_news li {
position: relative;
display: inline-block;
vertical-align: top;
list-style: none;
margin: 0;
margin-right: 5%;
margin-bottom: 15px;
padding: 0;
background-color: #FFF;
width: 47.5%;
}

ul.top_news li:nth-child(even), ul.top_news li:last-child {
margin-right: 0;
}

@media screen and (max-width: 834px){
ul.top_news {
display: block;
margin-bottom: 20px;
}

ul.top_news li {
display: block;
margin-right: 0;
margin-bottom: 15px;
width: auto;
}
}
ul.top_news li p {
margin-bottom: 0;
  overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
ul.top_news li a {
display: block;
padding: 3% 5%;
}

ul.top_news li a:hover {
background-color: #F5F5F5;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}





/************************************
** 在庫一覧
************************************/
.box_zaiko {
display: block;
margin-bottom: 50px;
clear: both;
}
@media screen and (max-width: 834px){
.box_zaiko {
margin-bottom: 30px;
}
}

.title_zaiko {
  position: relative;
  border-bottom: solid 5px #999;
  padding: 5px;
  margin-bottom: 50px;
}
.title_zaiko:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 5px #c7001e;
  bottom: -5px;
  left: 0;
  width: 10%;
}
.title_zaiko h4 {
display: inline-block;
  font-size: 220%;
  margin: 0;
  margin-right: 15px;
}
.title_zaiko p {
display: inline-block;
  margin: 0;
}
@media screen and (max-width: 834px){
.title_zaiko {
  margin-bottom: 30px;
}
.title_zaiko:after {
  bottom: -5px;
  left: 0;
  width: 20%;
}
.title_zaiko h4 {
display: block;
  font-size: 160%;
  margin: 0;
}
.title_zaiko p {
display: block;
  margin: 0;
}
}


h4.title_zaiko02 {
  font-size: 200%;
  margin: 0;
  position: relative;
  border-left: solid 5px #c7001e;
  padding: 5px 15px;
  margin-bottom: 30px;
}

table.table_secondhandcar_double {
	table-layout: fixed;
	width: 100%;
	margin: 0;
	padding: 0;
}
table.table_secondhandcar_double tr, table.table_secondhandcar_double th, table.table_secondhandcar_double td {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
table.table_secondhandcar_double td {
vertical-align: top;
padding: 0;
}
table.table_secondhandcar_double td:nth-child(even) {
padding-left: 10%;
width: 43%;
}
@media screen and (max-width: 1030px){
table.table_secondhandcar_double td:nth-child(even) {
padding-left: 5%;
width: 48%;
}
}
@media screen and (max-width: 834px){
table.table_secondhandcar_double td {
display: block;
margin-bottom: 15px;
}
table.table_secondhandcar_double td:nth-child(even) {
padding-left: 0;
width: auto;
}
}


table.table_spec {
	table-layout: fixed;
	width: 100%;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	border: none;
	border-collapse: collapse;
}
table.table_spec tr, table.table_spec th, table.table_spec td {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
vertical-align: top;
text-align: left;
}
table.table_spec th {
padding: 15px 20px;
text-align: left;
background-color: #ededed;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
width: 190px;
font-weight: 600;
}
table.table_spec td {
padding: 15px 20px;
background-color: #FFF;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
font-weight: 600;
}
@media screen and (max-width: 834px){
table.table_spec th, table.table_spec td {
display: block;
}
table.table_spec th {
width: auto;
padding: 5px 15px;
border: none;
}
table.table_spec td {
padding: 5px 15px;
border: none;
}
}



.box_tel_sh {
display: block;
padding: 0.5em;
border: 1px solid #555;
text-align: center;
}
.box_tel_sh p {
margin-bottom: 5px;
}
.box_tel_sh_inner {
text-align: left;
position: relative;
display: inline-block;
padding-left: 60px;
font-weight: 600;
font-size: 100%;
}

.box_tel_sh_inner a {
font-size: 200%;
line-height: 100%;
color: #000;
text-decoration: none;
}
.box_tel_sh_inner:before {
position: absolute;
margin-left: -60px;
	display: inline-block;
  content: '\f879';
  font-family: "Font Awesome 5 Free";
  color: #c7001e;
  border-radius: 50%;
  font-size: 180%;
padding: 8px;
border: 4px solid #c7001e;
line-height: 100%;
}
@media screen and (max-width: 834px){
.box_tel_sh {
padding: 1em;
text-align: center;
margin-bottom: 20px;
}
.box_tel_sh_inner {
padding-left: 60px;
font-size: 100%;
}
.box_tel_sh_inner a {
font-size: 180%;
}
.box_tel_sh_inner:before {
margin-left: -60px;
  font-size: 150%;
padding: 10px;
}
}

.bt_zaiko {
display: block;
text-align: center;
margin: 15px 0;
}
.bt_zaiko a {
display: block;
background-color: #ecba00;
padding: 25px 15px;
line-height: 100%;
font-size: 130%;
font-weight: 600;
}
.bt_zaiko span {
position: relative;
}
.bt_zaiko span:after {
position: absolute;
	display: block;
	top: 0;
	right: -30px;
  content: '\f054';
  font-family: "Font Awesome 5 Free";
}
.bt_zaiko a:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}
.bt_zaiko a:hover span:after {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	right: -50px;
}

ul.list_shc {
margin: 0;
padding: 0;
margin-bottom: 5px;
    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;
	justify-content: center;
}
ul.list_shc li {
display: inline-block;
list-style: none;
margin: 0;
width: 47.5%;
margin-right: 5%;
padding: 0;
font-weight: 600;
text-align: center;
font-size: 240%;
line-height: 130%;
}
ul.list_shc li:nth-child(even), ul.list_shc li:last-child {
display: inline-block;
margin-right: 0;
}
@media screen and (max-width: 834px){
ul.list_shc li {
font-size: 180%;
}
}

ul.list_shc li h5 {
display: block;
font-size: 50%;
padding: 5px;
margin-bottom: 10px;
background-color: #e7e7e7;
}
ul.list_shc li.sougaku h5 {
background-color: #ecba00;
color: #000;
}

ul.list_shc li.sougaku {
color: #c7001e;
}


hr.list_shc {
margin-top: 20px;
margin-bottom: 20px;
}

dl.list_shc {
margin: 0;
padding: 0;
line-height: 130%;
margin-bottom: 20px;
}
dl.list_shc dt {
clear: both;
float: left;
width: 80px;
margin: 0;
margin-bottom: 10px;
padding: 0;
padding-top: 2px;
  border-radius: 25px;
text-align: center;
border: 1px solid #555;
}
dl.list_shc dd {
margin: 0;
margin-bottom: 10px;
margin-left: 90px;
padding: 0;
padding-top: 5px;
}
dl.list_shc dd span {
font-weight: 600;
}


.photo_viewer {
display: block;
	margin: 0;
	text-align: left;
}
.photo_viewer div {
	position: relative;
display: block;
height: 0;
padding-bottom: 68%;
	overflow: hidden;
	margin-bottom: 15px;
	background-color: #F5F5F5;
}
.photo_viewer figure img {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	object-fit: contain;
	width: 100%;
	height: 100%
}
.photo_viewer figure figcaption {
position: absolute;
	bottom: 0;
	z-index: 100;
	width: 100%;
	display: block;
	padding: 10px;
	background-color: rgba(0,0,0,0.7);
	color: #FFF;
}

.photo_viewer ul {
	margin: 0;
	padding: 0;
}

.photo_viewer ul li {
	position: relative;
	display: inline-block;
	list-style: none;
	margin: 0.35%;
	width: 15%;
	height: 0;
	padding: 0;
	padding-bottom: 15%;
	overflow: hidden;
}

@media screen and (max-width: 834px){
.photo_viewer ul li {
	margin: 0.25%;
	width: 15%;
}
}
.photo_viewer ul li img {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	object-fit: cover;
	width: 100%;
	height: 100%;
}
	
.photo_viewer ul li a {
	display: block;
}
.photo_viewer .active {
filter:alpha(opacity=100)!important;
-moz-opacity: 1!important;
opacity: 1!important;
}

ul.list_soubi, ul.list_soubi02 {
margin: 0;
padding: 0;
    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;
}
ul.list_soubi li, ul.list_soubi02 li {
display: inline-block;
list-style: none;
margin: 0;
margin-bottom: 10px;
width: 24.6%;
margin-right: 0.5%;
padding: 7px 0.2%;
font-weight: 600;
text-align: center;
background-color: #f9dfdf;
color: #b32525;
vertical-align: middle;
}
ul.list_soubi02 li {
width: 49.5%;
margin-right: 0.5%;
padding: 7px 0.5%;
}
ul.list_soubi li:nth-child(4n), ul.list_soubi li:last-child {
margin-right: 0;
}
ul.list_soubi02 li:nth-child(even), ul.list_soubi02 li:last-child {
margin-right: 0;
}
@media screen and (max-width: 1023px){
ul.list_soubi li {
width: 32%;
margin-right: 2%;
padding: 7px 0.2%;
}
ul.list_soubi li:nth-child(4n) {
margin-right: 2%;
}
ul.list_soubi li:nth-child(3n), ul.list_soubi li:last-child {
margin-right: 0;
}
}

@media screen and (max-width: 834px){
ul.list_soubi02 {
display: block;
}
ul.list_soubi li {
width: 49%;
margin-right: 2%;
padding: 7px 0.2%;
}

ul.list_soubi02 li {
display: block;
width: auto;
margin-right: 0;
padding: 7px 0.5%;
}
ul.list_soubi li:nth-child(3n), ul.list_soubi li:nth-child(5n) {
margin-right: 2%;
}
ul.list_soubi li:nth-child(even), ul.list_soubi li:last-child {
margin-right: 0;
}
}


table.table_plan {
	table-layout: fixed;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
}
table.table_plan tr, table.table_plan th, table.table_plan td {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
vertical-align: top;
}
table.table_plan tr.table_plan_title {
text-align: center;
background-color: #faf8f8;
border: none;
}
table.table_plan tr.table_plan_title th {
border: none;
background-color: #faf8f8;
}
table.table_plan tr.table_plan_title td {
text-align: center;
background: none;
border: none;
line-height: 130%;
}

table.table_plan th {
padding: 15px 20px;
text-align: left;
background-color: #ededed;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
width: 180px;
}
table.table_plan td {
padding: 15px 20px;
text-align: center;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
font-weight: 600;
}
.kingaku_big {
font-weight: 900;
font-size: 200%;
line-height: 130%;
}
.kingaku_small {
font-size: 50%;
line-height: 130%;
}

@media screen and (max-width: 1023px){
.scroll-table table {
width: 1023px;
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
}


/************************************
** 在庫一覧 リスト
************************************/

table.table_zaiko_list {
	table-layout: fixed;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #555;
	margin-bottom: 20px;
}
table.table_zaiko_list tr, table.table_zaiko_list th, table.table_zaiko_list td {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
table.table_zaiko_list td {
vertical-align: top;
padding: 0;
	padding-bottom: 20px;
	padding-bottom: 20px;
}
table.table_zaiko_list td:nth-child(2) {
padding: 0 5%;
width: 50%;
}

@media screen and (max-width: 1023px){
table.table_zaiko_list td {
display: block;
	padding-bottom: 0;
margin-bottom: 15px;
width: auto;
}
table.table_zaiko_list td:nth-child(2) {
padding: 0;
width: auto;
}
}


.title_zaiko_list {
margin-bottom: 15px;
}
.title_zaiko_list h4 {
  font-size: 150%;
  margin: 0;
  margin-right: 15px;
  color: #c7001e;
}
.title_zaiko_list p {
font-weight: 600;
  font-size: 130%;
  margin: 0;
}
@media screen and (max-width: 834px){
.title_zaiko_list {
  margin-bottom: 15px;
}
.title_zaiko_list h4 {
display: block;
  font-size: 130%;
  margin: 0;
}
.title_zaiko_list p {
  font-size: 120%;
}
}

ul.list_spec {
margin: 0;
padding: 0;
margin-bottom: 5px;
}
ul.list_spec li {
display: inline-block;
list-style: none;
margin: 0;
margin-right: 10px;
padding: 0;
}
ul.list_spec li:before {
content: "□";
}


ul.list_shc_all {
margin: 0;
padding: 0;
    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;
}
ul.list_shc_all li {
display: inline-block;
list-style: none;
margin: 0;
margin-right: 5%;
padding: 0;
font-weight: 600;
font-size: 220%;
line-height: 130%;
}
ul.list_shc_all li:last-child {
display: inline-block;
margin-right: 0;
}
@media screen and (max-width: 834px){
ul.list_shc_all li {
font-size: 180%;
}
}

ul.list_shc_all li h5 {
display: inline-block;
font-size: 50%;
padding: 5px 10px;
margin-bottom: 10px;
background-color: #e7e7e7;
}
ul.list_shc_all li.sougaku h5 {
background-color: #ecba00;
color: #000;
}
ul.list_shc_all li.aplan h5 {
background: none;
color: #000;
}

ul.list_shc_all li.sougaku {
color: #c7001e;
}

ul.list_bt_zaiko {
float: right;
margin: 0;
padding: 0;

}
ul.list_bt_zaiko li {
display: inline-block;
list-style: none;
margin: 0;
margin-right: 10px;
padding: 0;

}



ul.list_bt_zaiko li a {
position: relative;
display: block;
background-color: #ecba00;
padding: 15px 25px;
padding-right: 50px;
line-height: 100%;
font-size: 130%;
text-align: center;
font-weight: 600;
}
ul.list_bt_zaiko li:nth-child(1) a {
background-color: #c7001e;
color: #FFF;
}
ul.list_bt_zaiko li a:after {
position: absolute;
	top: 35%;
	right: 10px;
  content: '\f054';
  font-family: "Font Awesome 5 Free";
}
ul.list_bt_zaiko li a:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}
ul.list_bt_zaiko li a:hover:after {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	right: 3px;
}



/************************************
** ページ
************************************/

.t_center h3.title_content {
margin: 30px auto;
}
h3.title_content {
  position: relative;
  display: inline-block;
  padding: 0 3.5em;
  margin: 0 auto;
  text-align: center;
  font-size: 300%;
  font-weight: 900;
  width: auto;
  white-space: nowrap;
}
h3.title_content:before, h3.title_content:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 60px;
  height: 2px;
  border-top: solid 1px #c7001e;
}
h3.title_content:before {
  left:0;
}
h3.title_content:after {
  right: 0;
}
@media screen and (max-width: 834px){
.t_center h3.title_content {
margin: 20px auto;
}
h3.title_content {
  padding: 0 2em;
  font-size: 200%;
}
h3.title_content:before, h3.title_content:after {
  width: 40px;
}
}

h4.title_content {
  border-bottom: solid 5px #999;
  position: relative;
  padding: 5px;
  font-size: 220%;
  margin-bottom: 30px;
}
h4.title_content:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 5px #c7001e;
  bottom: -5px;
  left: 0;
  width: 10%;
}
@media screen and (max-width: 834px){
h4.title_content {
  font-size: 160%;
  margin-bottom: 20px;
}
h4.title_content:after {
  bottom: -5px;
  left: 0;
  width: 20%;
}
}
h4.title_voice {
background-color: #ecba00;
  padding: 0.5em 1em;
  font-size: 160%;
  margin-bottom: 30px;
}

@media screen and (max-width: 834px){
h4.title_voice {
  padding: 0.5em 1em;
  font-size: 130%;
  margin-bottom: 20px;
}
}
/************************************
** ABOUT
************************************/

table.table_about {
	table-layout: fixed;
	width: 100%;
	margin: 0;
	padding: 0;
}
table.table_about tr, table.table_about th, table.table_about td {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
table.table_about td {
position: relative;
padding: 0;
}
table.table_about td:nth-child(even) {
padding-left: 7%;
width: 45%;
}
@media screen and (max-width: 834px){
table.table_about td {
display: block;
margin-bottom: 15px;
}
table.table_about td:nth-child(even) {
display: none;
}
}

/************************************
** SHOP
************************************/
ul.list_shop {
margin: 0;
padding: 0;
    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;
}

ul.list_shop li {
position: relative;
display: inline-block;
vertical-align: top;
list-style: none;
margin: 0;
margin-right: 3%;
padding: 0;
width: 31.3%;
}

ul.list_shop li:nth-child(3n), ul.list_shop li:last-child {
margin-right: 0;
}
ul.list_shop li p {
padding: 0 10px;
}
@media screen and (max-width: 834px){
ul.list_shop li {
margin-right: 5%;
margin-bottom: 15px;
width: 47.5%;
}
ul.list_shop li:nth-child(3n) {
margin-right: 5%;
}
ul.list_shop li:nth-child(even), ul.list_shop li:last-child {
margin-right: 0;
}
}

.pic_shop {
	position: relative;
	display: block;
	height: 0;
	overflow: hidden;
	margin: 0;
	margin-bottom: 20px;
	padding-bottom: 68%;
	background-color: #F5F5F5;
}
.pic_shop img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
  object-fit: contain;
  width: 100%;
  height: 100%;
}


table.table_company {
	table-layout: auto;
	width: 100%;
	margin: 0;
	padding: 0;
}
table.table_company tr, table.table_company th, table.table_company td {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
table.table_company th, table.table_company td {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
border-collapse: collapse;
padding: 15px 10px;
text-align: left;
font-weight: 400;
}
table.table_company th {
width: 25%;
}
@media screen and (max-width: 834px){
table.table_company th, table.table_company td {
display: block;
padding: 0 10px;
}
table.table_company th {
width: auto;
border: none;
padding-top: 10px;
font-weight: 600;
}
table.table_company td {
border-top: none;
padding-bottom: 10px;
}
}


table.table_access {
	table-layout: auto;
	width: 100%;
	margin: 0;
	padding: 0;
}
table.table_access tr, table.table_access th, table.table_access td {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
table.table_access th, table.table_access td {
text-align: left;
font-weight: 400;
}
table.table_access th {
white-space: nowrap;
}
@media screen and (max-width: 834px){
table.table_access th, table.table_access td {
display: block;
}
table.table_access th {
font-weight: 600;
}
table.table_access td {
padding-bottom: 10px;
}
}


.googlemap {
position: relative;
padding-bottom: 60%;
height: 0;
overflow: hidden;
margin-bottom: 20px;
}
.googlemap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 834px){
.googlemap {
padding-bottom: 100%;
}
}

/************************************
** お客様の声
************************************/
section.box_voice {
display: block;
clear: both;
margin-bottom: 50px;
}
.pic_thumb_voice {
float: right;
	position: relative;
	display: block;
	width: 30%;
	height: 0;
	overflow: hidden;
	margin: 0;
	margin-left: 50px;
	margin-bottom: 20px;
	padding-bottom: 20%;
	background-color: #F5F5F5;
}
.pic_thumb_voice img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
  object-fit: contain;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 834px){
section.box_voice {
margin-bottom: 30px;
}
.pic_thumb_voice {
float: right;
	width: 50%;
	padding-bottom: 36%;
	margin: 0;
	margin-left: 5px;
	margin-bottom: 0;
}
}

ul.list_voice {
margin: 0;
padding: 0;
}
ul.list_voice li {
display: inline-block;
list-style: none;
margin: 0;
margin-right: 20px;
margin-bottom: 20px;
padding: 0;
}
@media screen and (max-width: 834px){
ul.list_voice {
margin-bottom: 10px;
}
ul.list_voice li {
font-weight: 600;
display: block;
margin: 0;
margin-right: 0;
margin-bottom: 5px;
}
}



/************************************
** FAQ
************************************/

h4.title_faq {
position: relative;
background-color: #ecba00;
  padding: 0.5em 1em;
  padding-left: 60px;
  font-size: 160%;
  margin-bottom: 30px;
}
h4.title_faq:before {
position: absolute;
content: "Q";
color: #FFF;
  font-size: 200%;
  margin-left: -50px;
  font-weight: 900;
}

@media screen and (max-width: 834px){
h4.title_faq {
  padding: 0.5em 1em;
  font-size: 130%;
  margin-bottom: 20px;
  padding-left: 50px;
}
h4.title_faq:before {
  font-size: 200%;
  margin-top: 5px;
  margin-left: -40px;
}
}

section.box_faq {
display: block;
clear: both;
margin-bottom: 50px;
}
.pic_thumb_faq {
float: right;
	position: relative;
	display: block;
	width: 30%;
	height: 0;
	overflow: hidden;
	margin: 0;
	margin-left: 50px;
	margin-bottom: 15px;
	padding-bottom: 20%;
}
.pic_thumb_faq img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 834px){
section.box_faq {
margin-bottom: 30px;
}
.pic_thumb_faq {
float: none;
	width: auto;
	padding-bottom: 76%;
	margin: 0 auto;
	margin-bottom: 15px;
}
}

/************************************
** プライバシー
************************************/
dl.privacy {
	margin: 0;
	padding: 0;
}
dl.privacy dt {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	font-size: 120%;
	font-weight: 600;
	border-bottom: 1px dotted #CCC;
}
dl.privacy dd {
	margin: 0;
	padding: 20px;
	padding-top: 0;
	margin-bottom: 10px;
}
dl.privacy p {
	margin-bottom: 0;
}

/************************************
** フォーム
************************************/
.box_tel {
display: block;
padding: 1em 2em;
border: 1px solid #555;
text-align: center;
margin-bottom: 30px;
}
.box_tel p {
margin-bottom: 5px;
}
.box_tel_inner {
text-align: left;
position: relative;
display: inline-block;
padding-left: 80px;
font-weight: 600;
font-size: 150%;
}

.box_tel_inner a {
font-size: 200%;
line-height: 100%;
color: #000;
text-decoration: none;
}
.box_tel_inner:before {
position: absolute;
margin-left: -80px;
	display: inline-block;
  content: '\f879';
  font-family: "Font Awesome 5 Free";
  color: #c7001e;
  border-radius: 50%;
  font-size: 150%;
padding: 15px;
border: 4px solid #c7001e;
line-height: 100%;
}
@media screen and (max-width: 834px){
.box_tel {
padding: 1em;
text-align: center;
margin-bottom: 20px;
}
.box_tel_inner {
padding-left: 60px;
font-size: 100%;
}

.box_tel_inner a {
font-size: 180%;
}
.box_tel_inner:before {
margin-left: -60px;
  font-size: 150%;
padding: 10px;
}
}

/** フォーム
************************************/

hr.form_line {
margin-bottom: 50px;
}
@media screen and (max-width: 834px){
hr.form_line {
margin-bottom: 20px;
}
}

table.form_table {
table-layout: fixed;
width: 100%;
	margin: 0;
	padding: 0;
	margin-bottom: 50px;
}
table.form_table tr, table.form_table th, table.form_table td {
margin: 0;
padding: 0;
background: none;
border: none;
}
table.form_table th, table.form_table td {
	margin: 0;
	padding: 5px 15px;
	vertical-align: top;
	background: none;
}
table.form_table th {
	text-align: left;
	width: 300px;
	font-size: 110%;
	font-weight: 600;
}
table.form_table p {
	margin: 0;
	padding: 0;
}

.c_txt {
font-size: 120%;
padding: 5px 0;
margin-right: 10px;
}

@media screen and (max-width: 834px){
table.form_table {
	margin-bottom: 20px;
}
table.form_table th, table.form_table td {
display: block;
	border-top: none;
	border-bottom: none;
	padding: 10px;
	vertical-align: top;
}

table.form_table th {
	width: auto;
	margin-bottom: 5px;
	line-height: 130%;
	border: none;
	padding: 10px;
}
table.form_table td {
	border-top: none;
}
}

 .hissu {
	border-radius: 0;
	font-size: 70%;
	line-height: 100%;
	padding: 5px 5px;
	margin-left: 10px;
	text-decoration:none;
	display:inline-block;
	color: #FFF !important;
	background-color: #000;
	font-weight: 400;
	margin-top: -10px;
}

select,textarea,input[type="text"],input[type="datetime"],input[type="datetime-local"],input[type="date"] {
	display:inline-block;
	margin: 5px;
	width: auto;
	min-width: inherit;
  border-radius:0;
}
.form_table label, .form_table input[type="button"], .form_table input[type="radio"], .form_tableinput[type="checkbox"]{
font-size: 120%;
margin: 10px;
}

.selectbox {
display: inline-block;
min-width: 100px;
margin:0;
position:relative;
}
select{
  -webkit-appearance:none;
    appearance:none;
  width:100%;
  padding: 0.65em 1em;
padding-right: 30px;
  box-sizing:border-box;
  border:#ccc 1px solid;
  border-radius:0;
  background:#fff;
}
.selectbox::after{
  content:"";
  display:block;
  width:5px;
  height:5px;
  position:absolute;
  right:5%;
  top:1.6em;
  border-bottom:#333 2px solid;
  border-right:#333 2px solid;
  transform:rotate(45deg)translateY(-30%);
}

ul.renketsu {
margin: 0;
padding: 0;
}
ul.renketsu li{
display: inline-block;
margin: 0;
padding: 0;
}

.input-mini { width:100px !important }
.input-small { width: 30% !important; display: inline-block; }
.input-medium { width: 50% !important }
.input-large { width: 100% !important }
.input-xlarge { width: 100% !important }
.input-xxlarge { width: 100% !important }

@media screen and (max-width: 834px){
.input-small { width: 50% !important }
.input-medium { width: 98% !important }
.input-large { width: 98% !important }
.input-xlarge { width: 98% !important }
}

.btn {
	display:inline-block !important;
	width: auto !important;
	padding: 10px 100px !important;
	font-size: 130%;
	margin: 5px;
	margin-bottom:0;
	color:#333;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background-color:#f5f5f5;
	border-radius:0;
}
.btn:hover {
	color:#000;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}
.btn-primary{
	color:#000;
	background-color:#ecba01 !important;
}
@media only screen and (max-width: 834px) {
.btn {
	display:block !important;
	width: 95% !important;
	padding: 10px 10px !important;
	margin: 5px auto;

}
}

.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label.bt_label {
display: block;
    padding: 15px;
    font-weight: bold;
    border: solid 2px black;
    cursor :pointer;
	text-align: center;
}

@media screen and (max-width: 834px){
.hidden_box {
    margin: 0.5em 0;/*前後の余白*/
}

/*ボタン装飾*/
.hidden_box label.bt_label {
    padding: 10px;
	text-align: left;
}
}

/*ボタンホバー時*/
.hidden_box label.bt_label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box input#label1 {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

.slide-btn {
display: block;
    padding: 15px;
    font-weight: bold;
    border: solid 2px black;
    cursor :pointer;
	text-align: center;
}

.slide-btn:first-letter {
  font-weight: bold;
  margin-right: 2px;
}

.slide-contents {
  width: 100%;
  margin: 0 0 1.6em 0;
  display: none;
}
/************************************
** NEWS
************************************/
article {
clear: both;
margin-bottom: 50px;
}
.entry_newstitle {
display: block;
padding: 5px 2em;
border-left: 5px solid #c7001e;
margin-bottom: 20px;
}

.entry_newstitle h4 {
padding: 0;
margin: 0;
font-size: 200%;
}

.news_pic_thumb {
position: relative;
display: block;
max-width: 35%;
margin-left: 5%;
float: right;
}
.news_pic_thumb img {
display: block;
margin: 0 auto;
max-width: 100%;
}

.eye-catch-wrap {
background: #CCC;
}

/************************************
** アイキャッチ配置
************************************/

.eyecatch_center {
display: block;
margin: 0 auto;
margin-bottom: 30px;
}
.eyecatch_right {
float: right;
max-width: 45%;
margin-left: 5%;
margin-bottom: 10px;
}
@media screen and (max-width: 834px){
.eyecatch_right {
float: none;
max-width: inherit;
margin: 0 auto;
margin-bottom: 30px;
}
}
.eyecatch_center img, .eyecatch_right img {
display: block;
margin: 0 auto;
max-width: 100%;
}

/************************************
** 個別
************************************/



ul.list_bn_half {
margin: 0;
padding: 0;
    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;
}

ul.list_bn_half li {
position: relative;
display: inline-block;
vertical-align: top;
list-style: none;
margin: 0;
padding: 0;
margin-right: 5%;
margin-bottom: 15px;
width: 47.5%;
}

ul.list_bn_half li:nth-child(even), ul.list_bn_half li:last-child {
margin-right: 0;
}



/** ボタン
************************************/
.bt_more_s {
	display: inline-block;
	margin: 5px;
}

.bt_more_s a {
	display: block;
	background-color: #FFF;
	border: 1px solid #555;
	padding: 8px 25px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-align: center;
	overflow: hidden;
}
.bt_more_s a:hover {
	color: #FFF;
	background-color: #555;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
@media only screen and (max-width: 834px) {
.bt_more_s a {
	padding: 5px 20px;
	min-width: inherit;
}
}

.bt_more_red, .bt_more_yellow {
	display: inline-block;
	margin: 5px;
	font-size: 120%;
	font-weight: 600;
}
.bt_more_red a {
  position: relative;
	display: block;
	color: #FFF;
	background-color: #c7001e;
	padding: 20px;
	text-align: center;
	min-width: 400px;
	overflow: hidden;
}
.bt_more_yellow a {
  position: relative;
	display: block;
	color: #000;
	background-color: #ecba00;
	padding: 20px;
	text-align: center;
	min-width: 400px;
	overflow: hidden;
}

.bt_more_red a:after, .bt_more_yellow a:after {
position: absolute;
	display: block;
	right: 10%;
	top: 30%;
  content: '\f054';
  font-family: "Font Awesome 5 Free";
}
.bt_more_red a:hover:after , .bt_more_yellow a:hover:after {
	right: 0.5%;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}
.bt_more_red a:hover {
	background-color: #dd233f;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}
.bt_more_yellow a:hover {
	background-color: #f5d661;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}
@media only screen and (max-width: 834px) {
.bt_more_red, .bt_more_yellow {
	display: block;
}
.bt_more_red a, .bt_more_yellow a {
	padding: 10px;
	min-width: inherit;
}
.bt_more_red a:after, .bt_more_yellow a:after {
	right: 5%;
	top: 22%;
}
}


/** 画像配置
************************************/
.pic_right_page {
	float: right;
	display: inline-block;
	max-width: 43%;
	margin-left: 5%;
}
.pic_right_page img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
@media only screen and (max-width: 834px) {
.pic_right_page {
	float: none;
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
}

.imageright {
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
}
.imageright_pc {
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
	max-width: 50%;
}
@media screen and (max-width: 834px){
.imageright_pc {
float: none;
	max-width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
}
}

.imageleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.imagecenter {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
}
.imagecenter00 {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.bt_center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}
.bt_center:hover {
	opacity:0.80;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


/** テキスト
************************************/

.t_left {
	text-align: left !important;
}
.t_right {
	text-align: right !important;
}

.t_center, .t_center_pc {
	text-align: center;
}

@media screen and (max-width: 834px){
.t_center_pc {
	text-align: left;
}
}

/** 文字
************************************/
.f50 {
	font-size: 50%;
	line-height: 110%;
}
.f70 {
	font-size: 70%;
	line-height: 110%;
}
.f80 {
	font-size: 80%;
	line-height: 110%;
}
.f90 {
	font-size: 90%;
	line-height: 110%;
}
.f110 {
	font-size: 110%;
}
.f120 {
	font-size: 120%;
}
.f150 {
	font-size: 150%;
}
.f200 {
	font-size: 200%;
}

.f12 {
	font-size: 12px;
	line-height: 110%;
}

.f10 {
	font-size: 10px;
	line-height: 110%;
}

.red {
color: #F00;
}
.blue {
color: #06F;
}
.wine {
color: #c7001e;
}


.mb0 {
	margin-bottom: 0 !important;
}
.right {
float: right;
}