/*
Theme Name: mightydog2022
Author: Kawasaki design
Description: mightydog2022
version: 1.0
*/

@charset "utf-8";
/* CSS Document */
html{
  scroll-behavior: smooth;
}

body {
	margin:0;padding:0;
	background-color:#FFF;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

.clear {
	clear:both;
}
.clear_l {
	clear:left;
}
.clear_r {
	clear:right;
}

a img:hover {
  opacity: 0.6;/*ホバーで不透明*/
}

a {
  color:#FFC926;
}

a:hover {
  color:#FFDC73;
  text-decoration: none;
}

.header_line {
	text-align:right;
	width:216px;
	text-decoration: none;
	border-bottom: 1px solid;
	padding-bottom: 1px;
}

#pankuzu p {
	padding:20px 0 0 10px;
	font-size:12px;
}

.sub_title {
	font-family: 'Zen Old Mincho', serif;
	font-weight:normal;
	font-size:14px;
	letter-spacing:1px;
	}

.sub_title_cont {
	font-family: 'Zen Old Mincho', serif;
	font-weight:normal;
	font-size:16px;
	letter-spacing:1px;
	}

.d_blue {
	color:#1C1A7A;
}
.purple {
	color:#7D76AF;
}
.gray {
	color:#666666;
}
.foot1 {
	background-color:#BBC3E0;
	margin-bottom:0px;
}
.foot1 p {
	padding:10px 0 0 0;
	color:#FFF;
}
.foot2 {
	background-color:#718BC6;
	margin-bottom:0px;
}
.foot2 p {
	padding:10px 0 10px 0;
	color:#FFF;
	font-size:70%;
}
.f180 {
	font-size:180%;
}
.f150 {
	font-size:150%;
}
.f140 {
	font-size:140%;
}
.f130 {
	font-size:130%;
}
.f120 {
	font-size:120%;
}
.f110 {
	font-size:110%;
}
.f90 {
	font-size:90%;
}
.f80 {
	font-size:80%;
}
.f70 {
	font-size:70%;
}

.pb5{
	padding-bottom:5px;
}
.pb10{
	padding-bottom:10px;
}
.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.ml30 {
	margin-left:30px;
}
.m10 {
	margin-top:10px;
}
.m20 {
	margin-top:20px;
}
.m30 {
	margin-top:30px;
}
.pl10 {
	padding:0 10px;
}
.pl20 {
	padding:0 20px;
}
.pl30 {
	padding:0 30px;
}

.bold {
	font-weight:bold;
}
#pagetop {
	text-align:right;
	margin:0;
	padding:10px 20px;
	scroll-behavior: smooth;
}
#pagetop img {
	margin:0;padding:0;
}

img.vace_m {
	vertical-align: middle;
}

.txt_left {
	float:left;
}
.txt_rightp {
	float:right;
}
.txt_right {
	text-align:right;
	padding:0 16px 20px 0;
}

.green {
	color:#008C68;
}
.orange {
	color:#FED000;
}
.red {
	color:#F00;
}
.white {
	color:#FFF;
}

iframe { margin: 5px 0px; }

.wp-block-gallery.has-nested-images figure.wp-block-image{
	flex-grow:0;
}

#biz_calendar {
	max-width: 350px;
	margin: auto;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

#biz_calendar table.bizcal {
	margin: 10px 0;
	width: 100%;
	background-color: #ffffff;
	table-layout: fixed;
	border: 1px #b5b5b6 solid;
	line-height: 1.6;
	cursor: default;
	vertical-align: middle;
}

#biz_calendar p span.boxholiday {
	background-color: #FED000;
	padding-left: 25px;
	margin-right: 10px;
}

#biz_calendar table.bizcal .holiday {
	background-color: #FED000;
	color: #008C68;
}

#biz_calendar p span.boxeventday {
	background-color: #008C68;
	padding-left: 25px;
	margin-right: 10px;
}

#biz_calendar table.bizcal .eventday {
	background-color: #008C68;
	color: #ffffff;
}

/* left_Infomationの表示 */
.title-block .news-date {
	color:#008C68;
}
.listpage {
	text-align:right;
	padding:5px 10px 5px 0;
}

.lborder {
	border-bottom: thin solid #CCC;
}
/* /left_Infomationの表示 */
/* left_タグの表示 */
.title-block .tag-item {
	background-color: #900;
	display: inline-block;
	font-size: 0.825em;
	font-weight: bold;
	letter-spacing:2px;
	line-height: 2;
	padding:0 4px;
	margin: 0 3px 5px 10px;
	border-radius: 2px;
}
.title-block .tag-item a {
	color:#FFF;
	text-decoration: none;
}
.title-block .tag-item a:hover {
	color:#FED000;
	text-decoration: underline;
}
/* /left_タグの表示 */
/* left_カテゴリーの表示 */
.title-block time .category {
	font-weight: bold;
	margin-left: 0.5em;
	margin-right: 0.5em;
	padding: -4px 8px 0 8px;
	vertical-align: text-top;
}
/* /カテゴリーの表示 */

._2lqg > div {
	-moz-box-sizing: border-box;
	height:100%;
	position:relative;
	width:70%;
	}

@media screen and (min-width: 480px) {
.post-thumb {
	float: right;
	margin: 0 100px 0 20px;
}
.iventgallery { margin: 0px 100px 0px 50px; }
.oldgallery  { margin: 0px 100px 0px 50px; }
}
@media screen and (max-width: 479px) {
.post-thumb {
	margin: 10px 30px;
}
.iventgallery { margin: 0px 20px 0px 20px; }
.oldgallery { margin: 0px 20px 0px 20px; }
}

/* ページネーション */
.pagination {
	margin-top: 30px;
	text-align: center;
}
.page-numbers {
	margin: 0 8px;
}
@media screen and (min-width: 768px) {
	.pagination {
		display: flex;
		/* justify-content: space-between; */
		justify-content: center;
	}
.pagination > .prev-article,
.pagination > .next-article {
	width: 100%;
	margin: 0 3px;
	padding: 0 100px 0 50px;
}
@media screen and (min-width: 768px) {
.pagination > .prev-article,
.pagination > .next-article {
	display: block;
	flex: 1 1 50%;
	height: auto;
	margin: 0;
	background-color: transparent;
	}
}
.pagination > .next-article {
	text-align: center;
}
@media screen and (min-width: 768px) {
	.pagination > .next-article {
		text-align: right;
		margin-left:0.5rem;
	}
}
.pagination > .prev-article {
	text-align: center;
}
@media screen and (min-width: 768px) {
	.pagination > .prev-article {
		text-align: left;
		margin-left:0.5rem;
	}
}

/* /ページネーション */

ul.post-categories {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.post-categories > li {
	display: inline-block;
	font-size: 0.825em;
}

/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
	 display:block!important;
	 width:100%!important;
 	border-top:none!important;
 	-webkit-box-sizing:border-box!important;
 	-moz-box-sizing:border-box!important;
 	box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 	border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */
.inquiry .haveto,.inquiry .any {
	font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 	text-align:left;
 	font-size:14px;
 	color:#444;
 	padding-right:0px;
 	width:38%;
	/* width:30%;*/s
	 background:#f7f7f7;
	 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
	 font-size:14px;
	/* font-size:13px;*/
	 border:solid 1px #d7d7d7;
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 	border:solid 1px #d7d7d7;
}
/*必須の調整*/
.haveto{
 	font-size:12px;
	/* font-size:7px;*/
 	padding:5px;
 	background:#FED000;
 	color:#004225;
 	border-radius:2px;
 	margin-right:5px;
 	position:relative;
 	bottom:1px;
}
/*任意の調整*/
.any{
 	font-size:12px;
	/* font-size:7px;*/
	padding:5px;
	background:#008C68;
	color:#fff;
	border-radius:2px;
	margin-right:5px;
	position:relative;
	bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
	display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
	display: block;
	padding:14px 26px;
	margin-top:30px;
	width:100%;
	background:#000;
	color:#fff;
	font-size:14px;
	letter-spacing:2px;
	font-weight:medium;
	border-radius:2px;
	border: none;
}
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
	background:#fff;
	color:#ffaa56;
}



/* Whats mightydog */

#head_massege {
	margin:50px 0 20px;
	padding:0;
}

#head_massege p {
	text-align:center;
}

#subimage img {
	width:100%;
	margin:0;
	padding:0;
	background-color:#FFF;
}
.subtext{
	font-size:140%;
	font-weight: bold;
	letter-spacing:2px;
	color:#008C68;
}

.access img {
	width:100%;
	height:100%;
}

.linethrough {
    text-decoration: line-through;
}

ul {
	margin:0;
}

li {
	list-style: inside square;
	font-size:120%;
	padding:30px 0 20px 0;
	margin:0 40px 0 0;
	border-bottom: 0.5px dashed #BBBBBB;
}

.header-nav li {
	list-style: none;
}

<!--
#textfield, #textfield2, #textfield3, #textfield4, #textfield5, #textfield7, #textfield8{
	width: 80%;
	height: 26px;
}
#textfield6{
	width: 60%;
	height: 26px;
}
#textarea{
	width: 80%;
	height: 80px;
}
-->


@media screen and (min-width: 479px){
  .pc { display:inline; }
  .sp { display:none; }
}


@media screen and (min-width: 480px) { /*ウィンドウ幅が480px以上の場合に適用*/

#s_header {
	display:none;
}
#s_contents {
	display:none;
}
#s_mainbtn {
	display:none;
}
#sp_calender {
	display:none;
}

#s_calender {
	display:none;
}

#container {
	display: flex;
	margin:0;padding:0;
	background-color:#FFF;
}
#s_leftnav{
	margin:0;
	padding:0;
}
#leftnav {
	margin:0;
	padding:0;
	width:350px;
	background-color:#333333;
	background-image:
url("images/back_left.png");
}

#leftnav h1 {
	text-align:center;
	padding-top:20px;
}

#leftnav h1 img {
	width:150px;
	height:35px;
}

#leftnav h2 {
	margin:20px 15px 5px 15px;
	background-image:
url("images/back_leftnav.png");
	text-align:center;
	color:#FFF;
	font-size:90%;
	padding:4px 0;
	letter-spacing: 1px;
}

#leftnav h3 {
	margin:0 25px 0 25px;
	color:#FFF;
	font-size:90%;
	padding:10px 0 10px 0;
}

#leftnav p {
	margin:0 25px 0 25px;
	color:#FFF;
	font-size:90%;
	padding:4px 0 4px 0;
}

.left_img_c{
	float:left;
}
.left_img_c img{
	width:150px;
	margin:0 -20px 0 -10px;
}


.listpage {
	text-align:right;
	padding:5px 10px 5px 0;
}

.lborder {
	border-bottom: thin solid #CCC;
}

.green {
	color:#008C68;
}
.orange {
	color:#FED000;
}
.new {
	background-color:#8C0000;
}

#main {
	flex: 1;
}

#topimage {
	width:100%;
	margin:0;
	padding:0;
	background-color:#004225;
}

#topimage img {
	width:100%;
}

#toptext {
	margin:0;
	padding:0;
	background-image:
url("images/back_main1.png");
	background-size: cover;
	height:300px;
}

#toptext h3 {
	color:#FFF;
	padding:10px 20px 0px 70px;
	letter-spacing:1px;
	font-size:120%;
}

#toptext p {
	color:#FFF;
	padding:0px 20px 10px 70px;
}

#topimage .bottun img {
	width:260px;
	height:70px;
}

#toptext .bottun p {
	padding:20px 0;
	text-align:center;
}

#contents h3 {
	text-align:center;
	letter-spacing:1px;
	font-size:130%;
	font-weight:bold;
}

#contents p {
	padding:10px 50px;
	font-size:95%;
	/*font-size:90%;*/
}

#contents h4 {
	padding:10px 50px;
	font-weight:normal;
	text-align:right;
	font-size:90%;
}

.captext{
	font-size:240%;
	font-weight: 900;
	line-height:160%;
}


#mainbtn {
	width:780px;
	margin:0 auto;
}
.mainbox {
	width:220px;
	border:solid 1px #CCC;
	float:left;
	margin:0 18px;
}
.mainbox p {
	padding:0px 10px;
	font-size:90%;
}

.carlist {
	margin:0 20px;
	float-left;
}
.carlist img {
	width:200px;
	padding:0 20px 0 0;
}
.carlist p {
	padding-left:20px;
}
.carlist_txt {
	width:700px;
}

.txt_cent {
	text-align:center;
}

#foot {
	margin:10px 0 0 0;
	padding:0;
	background-image:
url("images/back_main2.png");
	background-size: cover;
	height:240px;
}

#foot a{
	color:#FFF;
	text-decoration: none;
}
#foot a:hover {
	color:#FFF;
	text-decoration: underline;

}

.foot_a p {
	color:#FFF;
	font-size:90%;
	padding:110px 0 0 75px;
	letter-spacing:1px;
}
.foot_b p {
	color:#FFF;
	font-size:70%;
	padding:0px 0 0 75px;
	letter-spacing:1px;
}
.foot_bl {
	float:left;
}
.foot_br p {
	text-align:right;
	padding:10px 40px 0 0;
}

#main_nenu{
	margin:0;
	padding:0;
	width: 72px;
	height: 384px;
	position: fixed;
	right: 0px;
	top: 0;
}
#main_nenu img{
	margin-top:-8px;
	width:72px;
	height:64px;
}

#page_top{
	width: 74px;
	height: 74px;
	position: fixed;
	right: 10px;
	bottom: -150px;
	background: #333333;
	opacity: 0.6;
	border-radius: 50%;
}
#page_top a{
	position: relative;
	display: block;
	width: 74px;
	height: 74px;
	text-decoration: none;
}
#page_top a::before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f102';
	font-size: 18px;
	color: #FFD24C;
	position: absolute;
	width: 25px;
	height: 25px;
	top: -20px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}
#page_top a::after{
	content: 'Pagetop';
	font-size: 12px;
	color: #FFD24C;
	position: absolute;
	letter-spacing:1px;
	top: 35px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}


/* Whats mightydog */

#sub_contents h3 {
	margin:60px 100px 10px 50px;
	padding-bottom:5px;
	text-align:left;
	letter-spacing:1px;
	font-size:175%;
	font-weight:bold;
	color:#008C68;
	border-bottom:solid 1px #008C68;
	line-height: 1.4em;
}

#sub_contents h4 {
	padding:10px 100px 0px 50px;
	letter-spacing:1px;
	color:#008C68;
	font-weight:bold;
	text-align:left;
	font-size:130%;
}

#sub_contents h5 {
	padding:0px 100px 0px 50px;
	letter-spacing:1px;
	font-weight:bold;
	font-size:120%;
}

#sub_contents h6 {
	margin:0 100px 0 50px;
	padding:10px 0 10px 10px;
	letter-spacing:1px;
	font-weight:bold;
	font-size:110%;
	background:#EFEFEF;
}

#sub_contents p {
	padding:4px 50px 0 50px;
	/*padding:4px 100px 0 50px;*/
	font-size:98%;
	/*font-size:90%;*/
	line-height:175%;
}

.text_bold {
	font-weight:bold;
	font-size:110%;
}

#gray_sheet {
	background-color:#EEEEEE;
	margin:40px 100px 40px 50px;
	padding:20px 0;
}

#white_sheet {
	background-color:#FFFFFF;
	margin:40px 100px 40px 50px;
	padding:20px 0;
	border: 0.5px dashed #BBBBBB;
}

#white_sheet_noborder {
	background-color:#FFFFFF;
	margin:40px 100px 40px 50px;
	padding:20px 0;
}

.pubdate {
	padding:0 0 0 50px;
	color:#008C68;
	letter-spacing:1px;
	font-size:110%;
}


}


@media screen and (max-width: 479px) { /*ウィンドウ幅が最大479pxまでの場合に適用*/


#s_header {
	width:100%;
	margin:0;
	padding:0;
	background-color:#333333;
	font-size:80%;
}
#s_logo_main {
	/* width:420px; */
	margin:0;
	padding:0;
}

#s_logo_main h1 {
	text-align:center;
	padding:0 0 14px 0;
}

#s_logo_main h1 img {
	width:150px;
	height:35px;
}

#s_topimage {
	width:100%;
	margin:-10 0 0 0;
	padding:0;
	background-color:#004225;
}

#s_topimage img {
	width:100%;
}

#s_toptext {
	margin:0;
	padding:0;
	background-image:
url("images/back_main1.png");
	background-size: cover;
}

#s_toptext h3 {
	color:#FFF;
	padding:14px 30px 6px 30px;
	letter-spacing:1px;
	font-size:120%;
}

#s_toptext p {
	color:#FFF;
	padding:0px 30px 16px 30px;
	line-height: 140%;
}

#s_topimage .s_bottun img {
	width:260px;
	height:70px;
}

#s_toptext .s_bottun p {
	padding:20px 0;
	text-align:center;
}

.captext{
	font-size:200%;
	font-weight: 900;
	line-height:160%;
	padding:0 20px;
}


#s_contents {
	background-color:#FFF;
	margin-top:0px;
}

#s_contents h3 {
	text-align:center;
	/*padding-left:20px;*/
	letter-spacing:1px;
	/*font-size:120%;*/
	font-weight:bold;
	line-height: 1em !important;
}

#s_contents p {
	padding:10px 30px 10px 30px;
	font-size:90%;
	line-height: 140%;
}

#s_contents h4 {
	padding:10px 30px 10px 30px;
	font-weight:normal;
	text-align:right;
	font-size:90%;
}

.s_mainbox {
	width:360px;
	margin:0px auto 20px;
	border:dotted 2px #CCC;

}

.s_mainbox img {
	width:320px;
	height:100%;
	margin:0px;
	padding:20px;
}

.s_mainbox p {
	padding:0px 20px;
	font-size:90%;
	line-height: 140%;
}

.txt_cent {
	text-align:center;
}

/* ----------------------- */
/* base_sp
/* ----------------------- */
/* デフォルトのbuttonスタイルをリセット */
	button {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: transparent;
		border: 0;
		border-radius: 0;
		color: inherit;
		cursor: pointer;
		font: inherit;
		margin: 0;
		outline: none;
		padding: 0;
		vertical-align: middle;
	}

/* 以下、ハンバーガーボタン */
.burger-btn{
	display: block;
	width: 39px;
	height: 39px;
	position: relative;
	z-index: 3;
	border:none;
}
.bar{
	width: 20px;
	height: 1px;
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
}
.bar_top{
	top: 10px;
}
.bar_mid{
	top: 50%;
	transform: translate(-50%,-50%);
}
.bar_bottom{
	bottom: 10px;
}


.burger-btn.close .bar_top{
	transform: translate(-50%,10px) rotate(45deg);
	transition: transform .3s;
}
.burger-btn.close .bar_mid{
	opacity: 0;
	transition: opacity .3s;
}
.burger-btn.close .bar_bottom{
	transform: translate(-50%,-8px) rotate(-45deg);
	transition: transform .3s;
}


  /* 以下、ハンバーガーメニュー */
.nav-wrapper{
	visibility: hidden;
	opacity: 0;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	transition: all .5s;
	z-index: 2;
}
.header-nav{
	width: 100%;
	height: 100%;
	background-color:#333333;
	opacity: 0.9;
	z-index: 2;
}
.nav-list{
	display: block;
	position: absolute;
	top: 51%;
	left: 45%;
	transform: translate(-50%,-50%);
	text-align: left;
	list-style: none;
}
.nav-list img {
	vertical-align: middle;
}
.nav-list li {
	width:200px;
	border:solid 1px #FFF;
	padding:8px 30px;
	margin:4px;
}
.nav-list p {
	color:#FFF;
}

.nav-item{
	margin-right: 0;
	margin-bottom: 40px;
}

/* メニューオープン時 */
.nav-wrapper.fade {
	visibility: visible;
	opacity: 1;
}

.noscroll{
	overflow: hidden;
}




#main_nenu{
	display:none;
	margin:0;
	padding:0;
	width: 54px;
	height: 288px;
	position: fixed;
	right: 0;
	top: 0;
}

#main_nenu img{
	margin-top:-8px;
	width:54px;
	height:48px;
}


#page_top{
	width: 74px;
	height: 74px;
	position: fixed;
	right: 10px;
	bottom: -150px;
	background: #333333;
	opacity: 0.6;
	border-radius: 50%;
}
#page_top a{
	position: relative;
	display: block;
	width: 74px;
	height: 74px;
	text-decoration: none;
}
#page_top a::before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f102';
	font-size: 18px;
	color: #FFD24C;
	position: absolute;
	width: 25px;
	height: 25px;
	top: -20px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}
#page_top a::after{
	content: 'Pagetop';
	font-size: 12px;
	color: #FFD24C;
	position: absolute;
	letter-spacing:1px;
	top: 35px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}

#container {
	/* display: flex;
	flex-wrap: wrap; */
	margin:0;padding:0;
	background-color:#FFF;
}

#leftnav {
	margin:0;
	padding-top:0px;
	padding-bottom:10px;
	width:100%;
	background-color:#FFF;
}

#logo_main {
	display:none;
}

#leftnav h2 {
	margin:20px 20px 5px 20px;
	padding:4px 0;
	background-image:
url("images/back_leftnav.png");
	text-align:center;
	color:#FFF;
	font-size:90%;
	letter-spacing: 1px;
}

#leftnav h3 {
	margin:0 25px 0 25px;
	padding:2px 0 0 0;
	color:#000;
	font-size:70%;
}

#leftnav p {
	margin:0 25px 0 25px;
	padding:0px 0 10px 0;
	color:#000;
	font-size:70%;
}

.left_img {
	padding:0 25px 0 0px;
}

.left_img img {
	width:100%;
	height:100%;
}
.main_btn img {
	text-align:center;
	width:187px;
	height:36px;
}

#topimage {
	display:none;
}
#toptext {
	display:none;
}
.bottun {
	display:none;
}
#contents {
	display:none;
}
#mainbtn {
	display:none;
}

#leftnav{
}

#infomation {
	display:none;
}

#otherleft {
	display:none;
}

/* スマホカレンダーここから */
#sp_calender {
	margin:0 10px;
}
#sp_calender h2 {
	margin:20px 15px 5px 15px;
	background-image:
url("images/back_leftnav.png");
	text-align:center;
	color:#FFF;
	font-size:90%;
	padding:4px 0;
	letter-spacing: 1px;
}
/* スマホカレンダーここまで */

#foot {
	margin:10px 0 0 0;
	padding:0;
	background-color:#333333;
	background-image:
url("images/back_main2.png");
	background-size: cover;
	height:100%;
}

#foot a{
	color:#FFF;
	text-decoration: none;
}
#foot a:hover {
	color:#FFF;
	text-decoration: underline;

}

.foot_a p {
	color:#FFF;
	font-size:110%;
	padding:110px 20px 0px 20px;
	line-height:150%;
}
.foot_b p {
	color:#FFF;
	font-size:70%;
	padding:0px 0 16px 20px;
}
.foot_bl {
	float:left;
}
.foot_br p {
	text-align:right;
	padding:10px 20px 0 0;
}



.green {
	color:#008C68;
}
.orange {
	color:#FED000;
}
.new {
	background-color:#8C0000;
}

/* Whats mightydog */


#sub_contents {
    width: 100vw; /* コンテナの幅を画面幅いっぱいに設定 */
    padding: 0px; /* パディングを小さくする */
  }
#sub_contents img {
    max-width: 100vw; /* 画像の幅を画面幅いっぱいに設定 */
    height: auto; /* 高さを自動調整 */
  }

	
#sub_contents h3 {
	margin:60px 30px 10px 30px;
	padding-bottom:5px;
	text-align:center;;
	letter-spacing:1px;
	font-size:150%;
	font-weight:bold;
	color:#008C68;
	border-bottom:solid 1px #008C68;
	/* line-height: 1.3em; */
	line-height: 1em;	
}

#sub_contents h4 {
	margin:20px 0 20px 0;
	padding:20px 30px 0px 30px;
	letter-spacing:1px;
	color:#008C68;
	font-weight:bold;
	text-align:left;
	font-size:120%;
}

#sub_contents h5 {
	margin:20px 10px 10px 0;
	padding:10px 30px 0px 30px;
	letter-spacing:1.5px;
	font-weight:bold;
	font-size:110%;
}

#sub_contents h6 {
	margin:0 30px 0 30px;
	/*margin:0 100px 0 50px;*/
	padding:10px 0 10px 10px;
	letter-spacing:1px;
	font-weight:bold;
	font-size:100%;
	background:#EFEFEF;
}

#sub_contents p {
	margin:0px 0 10px 0;
	padding:15px 30px 10px 30px;
	/*padding:4px 30px 10px 30px;*/
	font-size:90%;
	line-height:1.4em;
}
#sub_contents iframe {
    width: 90vw;
}
.text_bold {
	font-weight:bold;
	font-size:110%;
}

#gray_sheet {
	background-color:#EEEEEE;
	margin:40px 30px 40px 30px;
	padding:20px 0;
}

#white_sheet {
	background-color:#FFFFFF;
	margin:40px 30px 40px 30px;
	padding:20px 0;
	border: 0.5px dashed #BBBBBB;
}

.pubdate {
	padding:0 0 0 25px;
	color:#008C68;
	letter-spacing:1px;
	font-size:110%;
}


}


/* -------------------- */
/* header
/* -------------------- */
.header{
    background-color: #1B1310;
    color: #fff;
    height:74px;
    padding: 0 120px;
    border-bottom:1px solid #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nav-list{
    /* navの横並び */
    display: flex;
}
.nav-item{
    /* メニューの右側に余白 */
    margin-right: 55px;
}

.burger-btn{
  display: none;
}

/* ------------------ */
/* fv
/* ------------------ */
.fv{
  height:90vh;
  background-color:#141414;
  background-image: url(../img/fv-bgi@2x.jpg);
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;

}
.main-copy{
   font-size: 50px;
   color: #fff;
   font-weight: bold;
   border:2px solid #fff;
   padding: 34px 42px;
}

/* ------------------ */
/* about
/* ------------------ */
.section-title{
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.05em;
  margin-bottom: 70px;
}
h3{
  font-size: 2.4rem;
  font-weight: bold;
  line-height:2;
  letter-spacing: 0.1em;
  margin-bottom: 40px;
}
.section-wrapper{
  padding:100px 10% 50px;

}




@media screen and (max-width:768px){
  /* ----------------------- */
  /* base_sp
  /* ----------------------- */


  /* ------------------ */
  /* humberger-menu */
  /* ------------------ */
  .header{
      padding: 0 5%;
  }


  /* ------------------ */
  /* fv */
  /* ------------------ */
  .main-copy{
    font-size: 30px;
  }

  /* ------------------ */
  /* about */
  /* ------------------ */
  h3{
      font-size: 20px;
      margin-bottom: 30px;
  }
  .section-wrapper{
      padding:100px 5% 50px;
  }

/* ----------------------- */
/* base_sp
/* ----------------------- */
/* デフォルトのbuttonスタイルをリセット */
	button {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: transparent;
		border: 0;
		border-radius: 0;
		color: inherit;
		cursor: pointer;
		font: inherit;
		margin: 0;
		outline: none;
		padding: 0;
		vertical-align: middle;
	}

/* 以下、ハンバーガーボタン */
.burger-btn{
	display: block;
	width: 39px;
	height: 39px;
	position: relative;
	z-index: 3;
	border:none;
}
.bar{
	width: 20px;
	height: 1px;
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
}
.bar_top{
	top: 10px;
}
.bar_mid{
	top: 50%;
	transform: translate(-50%,-50%);
}
.bar_bottom{
	bottom: 10px;
}

.burger-btn.close .bar_top{
	transform: translate(-50%,10px) rotate(45deg);
	transition: transform .3s;
}
.burger-btn.close .bar_mid{
	opacity: 0;
	transition: opacity .3s;
}
.burger-btn.close .bar_bottom{
	transform: translate(-50%,-8px) rotate(-45deg);
	transition: transform .3s;
}


  /* 以下、ハンバーガーメニュー */
.nav-wrapper{
	visibility: hidden;
	opacity: 0;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	transition: all .5s;
	z-index: 2;
}
.header-nav{
	width: 100%;
	height: 100%;
	background-color:#1B1310;
	z-index: 2;
}
.nav-list{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.nav-item{
	margin-right: 0;
	margin-bottom: 40px;
}

/* メニューオープン時 */
.nav-wrapper.fade {
	visibility: visible;

	opacity: 1;
}


.noscroll{
	overflow: hidden;
}

}


/********************************************************/
/*Fsta Ajust*/
/********************************************************/
.g_map_frame {
	display: block;
	position: relative;
	width: 100%;
	max-width: 600px;
	height: 0;
	padding-top: 37%;
}

.g_map_frame iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ver_sp {
	display: none !important;
}
@media screen and (max-width: 768px) {
	.g_map_frame {
		padding-top: 70%;
	}
}

@media screen and (max-width: 479px) {
	#container {
    display: flex;
    flex-wrap: wrap;
	}
	#leftnav {
    order: 1;
	}

}


/********************************************************/
/*Footer Ajust*/
/********************************************************/
#container {
    position: relative;
}
#main {
    padding-bottom: 280px;
}
#foot {
    position: absolute;
    width: calc(100% - 350px);
    right: 0;
    bottom: 0;
}

@media screen and (max-width: 479px) {
#foot {
      position: static;
      width: 100%;
      order: 2;
  }
#main {
    padding-bottom: 100px;
}
}


#topimage .top_main_visual {
	position: relative;
	background: url(images/main_bg.jpg) no-repeat center / cover;
}
#topimage .top_main_visual:before {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.15);
}
	#topimage .top_main_visual .ttl {
	display: block;
	margin: 0;
	padding-top: 1.8em;
	padding-left: 60px;
	padding-bottom: 1.5em;
	font-size: 4.8rem;
	color: #fff;
	line-height: 1.3;
}
#topimage .top_main_visual .inner {
	position: relative;
	z-index: 1;
}
#topimage .top_main_visual .ico {
	max-width: 110px;
	padding-left: 60px;
	padding-bottom: 70px;
}
#topimage .top_main_visual .overlay {
	padding-left: 60px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 30px;
	background-color: rgba(0,66,37,0.7);
}
#topimage .top_main_visual .overlay p {
	color: #fff;
	line-height: 1.6;
	font-size: 22px;
	letter-spacing: 0.05em;
	font-weight: bold;
}
.sp-only {
	display: block;
}

@media screen and (max-width: 479px) {
  .sp-only {
    display: none;
  }
}

/* ▽ Top Event枠 - 202508start */
.custom-posts-wrapper {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
	margin: 0 6% 10% 6%;
}

.custom-post-item {
    box-sizing: border-box;
    text-align: center;
    background: #fff;
    padding: 5px;
    border: 1px solid #ddd;
}

/* PC（3列） */
@media (min-width: 768px) {
    .custom-post-item {
        width: calc(33.333% - 20px);
    }
}

/* スマホ（1列） */
@media (max-width: 479px) {
    .custom-post-item {
        width: 100%;
    }
}

.custom-post-item img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 10px auto 10px;
}

@media screen and (min-width: 480px) {
    .custom-post-item p {
        padding: 10px 20px !important;
        font-size: 95%;
    }
}

@media screen and (min-width: 480px) {
    .custom-post-item-ttl  h3 {
        margin: 60px 100px 50px 50px !important;
        padding-bottom: 5px;
        text-align: left !important;
        letter-spacing: 1px !important;
        font-size: 175% !important;
        font-weight: bold !important;
        color: #008C68;
        border-bottom: solid 1px #008C68;
        line-height: 1.4em;
    }
}
@media screen and (max-width: 479px) {
    .custom-post-item-ttl h3 {
        margin: 60px 30px 30px 30px;
        padding-bottom: 5px;
        text-align: center;
        letter-spacing: 1px;
        font-size: 150%;
        font-weight: bold;
        color: #008C68;
        border-bottom: solid 1px #008C68;
        line-height: 1.3em;
    }
}
/* △ Top Event枠 - 202508start */


/* ▽ NEWマーク - 202511start */
.new_mark {
    color: #ffffff;
    font-size: 13px;
	font-weight: bold;
	background-color: #ff3366;
	letter-spacing: 0.2em;
    padding: 4px 4px 4px 6px;
}
.t10 {
    font-size: 10px !important;
	vertical-align: middle !important;
}
.t11 {
    font-size: 1ipx !important;
	vertical-align: middle !important;
}
.t12 {
    font-size: 12px !important;
	vertical-align: middle !important;
}
.t13 {
    font-size: 13px !important;
	vertical-align: middle !important;
}
.t14 {
    font-size: 14px !important;
	vertical-align: middle !important;
}
.t15 {
    font-size: 15px !important;
	vertical-align: middle !important;
}

/* お問い合わせ */
.wpcf7-list-item {
    display: block;   /* 1項目1行 */
    margin-bottom: 5px;
}

/* テーブルの幅を自動調整、中央寄せ */
table.inquiry {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
}

/* th、tdの基本設定 */
table.inquiry th,
table.inquiry td {
    padding: 8px 0;
    text-align: left;
    vertical-align: top;
}

/* ラベル列と入力列の幅比率 */
table.inquiry th {
    width: 30%;
}
table.inquiry td {
    width: 70%;
}
#autozip {
   display: none !important;
}

/* 入力欄をセル幅いっぱいに */
table.inquiry input[type="text"],
table.inquiry input[type="email"],
table.inquiry input[type="tel"],
table.inquiry textarea,
table.inquiry select {
    width: 100%;
    box-sizing: border-box;
	padding: 10px;
}

/* チェックボックス・ラジオボタンを縦並び */
.wpcf7-list-item {
    display: block;
    margin-bottom: 5px;
}

/* スマホ対応: 画面幅が狭くなったらラベルを上に移動 */
@media screen and (max-width: 600px) {
    table.inquiry th,
    table.inquiry td {
        display: block;
        width: 100%;
		padding: 0 !important;
    }
    table.inquiry th {
        margin-bottom: 4px;
    }
    table.inquiry td input,
    table.inquiry td textarea,
    table.inquiry td select {
        width: 90%;
    }
}
input[type="date" i] {
    text-autospace: no-autospace !important;
    font-family: monospace;
    padding-inline-start: 1px;
    cursor: default;
    padding: 10px !important;
}
@media screen and (min-width: 768px) {
    #formbtn {
        display: block;
        padding: 14px 26px;
        margin-top: 50px;
		width: 400px;
        background: #000;
        color: #fff;
        font-size: 14px;
        letter-spacing: 2px;
        font-weight: medium;
        border-radius: 2px;
        border: none;
		margin: 50px auto;
    }
	#formbtn:hover {
		border: 1px solid #000 !important;
	}
}
@media screen and (max-width: 767px) {
    #formbtn {
        display: block;
        padding: 14px 26px;
        margin-top: 50px;
        width: 80%;
        background: #000;
        color: #fff;
        font-size: 14px;
        letter-spacing: 2px;
        font-weight: medium;
        border-radius: 2px;
        border: none;
        margin: 50px auto;
    }
}
/* 送信ボタンの疑わしい疑似要素を消す */
#formbtn::before,
#formbtn::after,
input[type="submit"]#formbtn::before,
input[type="submit"]#formbtn::after,
button#formbtn::before,
button#formbtn::after {
  display: none !important;
  content: none !important;
}

/* マウスカーソルを通常の指アイコンに */
#formbtn,
input[type="submit"]#formbtn,
button#formbtn {
  cursor: pointer !important;
}

/* ホバー時の背景画像やフォントアイコンを解除 */
#formbtn:hover,
input[type="submit"]#formbtn:hover,
button#formbtn:hover {
  background-image: none !important;
  background: inherit !important;
  color: inherit !important;
}



/* ───────────────
   PC版 共通チェックボックス・ラジオ
──────────────── */
table.inquiry td span.wpcf7-list-item {
    display: block;
    margin: 0.3em 0;
}

table.inquiry td span.wpcf7-list-item label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    justify-content: flex-start;
}

/* スマホ専用：contact-2 のみ */
@media screen and (max-width: 767px) {
    .page-id-1922 table.inquiry td span.wpcf7-list-item {
        display: block !important;
        text-align: left !important;
        margin: 0.3em 0 !important;
    }

    .page-id-1922 table.inquiry td span.wpcf7-list-item label {
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 5px !important;
        text-align: left !important;
		line-height: 2em;
    }

    .page-id-1922 table.inquiry td span.wpcf7-list-item input[type="checkbox"],
    .page-id-1922 table.inquiry td span.wpcf7-list-item input[type="radio"] {
        margin: 0 5px 0 0 !important;
		width: 10%;
    }
}
/* ───────────────
   TOPページ中古車ボタン
──────────────── */
.custom-posts-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.custom-post-item {
    width: 100%;
    max-width: 300px;
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 8px;
    text-align: center;
    background: #fff;
}

.post-thumb-link img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 10px;
}

.custom-post-title {
    font-size: 1.2rem;
    margin: 10px 0;
}

.custom-post-title a {
    color: #000;
    text-decoration: none;
}

.new_mark {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 6px;
    background-color: #ff3b3b;
    color: #fff;
    font-size: 0.8rem;
    border-radius: 3px;
    vertical-align: middle;
}

.custom-post-excerpt {
    margin: 10px 0;
    color: #555;
    font-size: 0.9rem;
    line-height: 1.4;
}

.btn-wrapper {
    margin-top: 12px;
}

.btn-details {
    display: inline-block;
    width: 100%;
    padding: 12px 0;
    background-color: #008C68;
    color: #FFF;
	font-weight: bold;
    text-decoration: none;
    border-radius: 6px;
    transition: background-color 0.3s;
}

.btn-details:hover {
    background-color: #FFC926;
	color: #FFF;
}

@media (max-width: 768px) {
    .custom-post-item {
        max-width: 90%;
    }
}

/* スマホ以外では絶対に非表示 */
.br-sp {
    display: none !important;
}

/* 768px 以下だけ表示 */
@media (max-width: 768px) {
    .br-sp {
        display: inline !important; /* block でもOKですが inline の方が自然 */
    }
}