/*
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;
}

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;
}
@media screen and (min-width: 768px) {
	.pagination {
		display: flex;
		justify-content: space-between;
	}
}
.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;
	back-ground-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;
}

#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:left;
	padding-left:30px;
	letter-spacing:1px;
	font-size:120%;
	font-weight:bold;
}

#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 {
	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 h3 {
	margin:60px 30px 10px 30px;
	padding-bottom:5px;
	text-align:left;
	letter-spacing:1px;
	font-size:175%;
	font-weight:bold;
	color:#008C68;
	border-bottom:solid 1px #008C68;
}

#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:130%;
}

#sub_contents h5 {
	margin:20px 10px 10px 0;
	padding:10px 30px 0px 30px;
	letter-spacing:1.5px;
	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 {
	margin:0px 0 10px 0;
	padding:15px 30px 10px 30px;
	/*padding:4px 30px 10px 30px;*/
	font-size:90%;
	line-height:175%;
}

.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;
}

}