@charset "UTF-8";
/*
 Theme Name: SANGO Child 2022
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

/*Simple Author Box アーカイブタイトルwidth変更*/
#archive_header .dfont {
    width: 100%;
}

@font-face {
  font-family: "Lato";
  src: url(fonts/Lato-Bold.woff2) format("woff2"),
  url(fonts/Lato-Bold.woff) format("woff"),
  url(fonts/Lato-Bold.eot) format("eot");
  font-weight: 700;
  font-style: bold;
}

body{
  background-color: #FFF;
  color: #272626;
}

/* 指定デバイスのみで表示するclass */
@media (min-width:1024px){
  .tb:not(.pc){
    display: none;
  }
  .sp:not(.pc){
    display: none;
  }
}
@media (min-width:768px) and (max-width:1023px){
  .pc:not(.tb){
    display: none;
  }
  .sp:not(.tb){
    display: none;
  }
}
@media (max-width:767px){
  .pc:not(.sp){
    display: none;
  }
  .tb:not(.sp){
    display: none;
  }
}

body:not(.home) .header,
body.home.paged .header{
  height: 100px;
  background: #FFF;
}

.header{
  background: #FFF !important;
  box-shadow: none;	
}
.header .logo{
  position: absolute;
  z-index: 9999;
  top: 15px;
  left: 25px;
  width: 275px;
  margin: 0;
}
/*.header .header-search{
  z-index: 3;
}*/

.header .search{
  display: flex;
  align-items: center;
  position: absolute;
  right: 20px;
  top: 10px;
}
.header .search form{
  position: relative;
}
.header .search form input{
  background: #FFF;
  border: 2px solid #dbdbdb;
  border-radius: 8px;
  width: 380px;
  height: 40px;
  margin: 0;
}
.header .search form button{
  background: none;
  border: 0;
  color: #dbdbdb;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.header .search .gnav_btn{
  /*height: 100%;*/
  margin-left: 10px;
}
.header .search .gnav_btn a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  background-color: #77bd0e;
  border-radius: 50%;
  text-decoration: none;
}
.header .search .gnav_btn a i{
  font-size: 24px;
  color: #FFF;
}

.header .search.sp{
  display: none;
}
#content {
  margin-bottom: 300px;
}
.mv {
  width: 100%;
  /*display: flex;
  justify-content: center;
  align-items: center;*/
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  background: url(./img/220817/mv_re.png) no-repeat;
  background-size: cover;	
}
.mv .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1400px;
    margin: auto;
    width: 92%;
}
.mv .mv_video{
  position: absolute;
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.mv .mv_img{
		margin-top: 200px;
    margin-bottom: 145px;
    width: 43%;
}
.mv .map {
	margin-top: 150px;
	width: 55%;
}
.mv .map .map01{
    text-align: center;
}
.mv .map .map_list h2 {
	text-align: center;
	margin-bottom: 15px;
}
.mv .map .nav {
  　display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	margin: 0;
}

.mv .map .nav > li {
    position: relative;
    max-width: 185px;
    background: #fff;
    border: 1px solid #95c44d;
    margin-right: 10px;
    margin-bottom: 15px;
    width: 23%;
}
.mv .map .nav > li::after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 8px;right: 15px;
  color: #95c44d;
  font-size: 14px;
}
.mv .map .nav > li a:hover {
  background: #95c44d;
  color: #fff;
  text-decoration: none;
}
.mv .map .nav > li:hover::after {
  color: #fff;
}
.mv .map .nav > li:nth-of-type(4n){
  /*margin-right: 0;	*/
}
.mv .map .nav a {
  display: block;
  padding: 10px 0;
  font-size: 18px;
  color: #95c44d;
  line-height: 1;
  text-align: center;
  z-index: 1;
}
.mv .map .sub {
  position: absolute;
  left: 0;
  top: 22px;
  display: none;
  width: 100%;
  z-index: 3;
  border: 1px solid #95c44d;
  border-top: none;	
}
.mv .map .sub > li > a {
  font-size: 18px;
  color: #95c44d;
  background-color: #fff;
  position: relative;
}
.mv .map .sub > li > a::after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 14px;right: 35px;
  color: #95c44d;
  font-size: 10px;	
}
.mv .map .sub > li > a:hover {
  opacity: 1;
  text-decoration: none;
}
.mv .map .sub > li > a:hover::after {
  color: #fff;
}
.map_sp {
	display: none;
}
@media (min-width: 1279px) and (max-width: 1400px) {
.mv .map .nav > li {
    width: 30%;
    max-width: none;
}
}
@media(max-width:1279px){
   #content {
    margin-bottom: 25vmin;
  }
   .mv .mv_img{
	max-width: 100%;
	margin-top: 16vmin;
	margin-left: 0vmin;
	margin-bottom: 0vmin;
	}
  .mv .mv_video{
    width: auto;
    height: 100%;
  }
  .mv .map{
	display: none;
  }	
  .mv {
  background: url(./img/220817/mv_re_sp.png) no-repeat;
  background-size: 100%;	  
  }
  .mv .mv_video{
    /*width: auto;*/
    /*height: 100%;*/
  }
  .map_sp {
	display: block;
  }	
  .map_sp h2{
	text-align: center;
	width: 80%;
	margin: auto;
	margin-top: 5vmin; margin-bottom: 5vmin;
  }		
  /* アコーディオン全体 */
  .accordion {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	-webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
   }

   /* アコーディオン */
  .accordion__item {
  margin-bottom: 5px;margin-right: 5px;
  width: 49%;	
  cursor: pointer;
  }
  .accordion__item:nth-of-type(2n) {
  margin-right: 0px;
  }

  /* アコーディオンのタイトル */
  .accordion__title {
  position: relative;
  font-weight: bold;
  cursor: pointer;
  font-size: 3vmin;	
  background: #fbfff2;	  
  padding: 15px 0;	
  text-align: center;	  
  }

  /* (+)アイコン */
  .accordion__title::before,
  .accordion__title::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 0px;
  bottom: 0;
  margin: auto 0;
  background-color: #000;
  width: 12px;
  height: 2px;
  transition: all 0.3s;
  }

  .accordion__title::after {
  transform: rotate(90deg);
  }

  /* アコーディオンのコンテンツ */
  .accordion__content , .accordion__content02{
  padding: 15px 10px 15px 10px;
  display: none;
  cursor: pointer;
  }
  .accordion__content a , .accordion__content02 a{
  display: block;
  text-align: center;
  margin-bottom: 5px;
  color: #000;
  font-size: 3vmin;
  }

  .accordion__content.is-open , .accordion__content02.is-open {
  display: block;
  }

  /* アコーディオン展開時の(-)アイコン */
  .accordion__item.is-active .accordion__title::before {
  transform: rotate(180deg);
  }

  .accordion__item.is-active .accordion__title::after {
  transform: rotate(180deg);
  opacity: 0;
  }	
  .ac-parent {
  position: relative;
  transition: .3s;
  }
.ac-parent:before {
 content: "";
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
    width: 10px;
    height: 2px;
    background: #000;
    bottom: auto;
}
.foot_nav02 .ac-parent:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border: 1px solid;
  border-color: transparent transparent #999 #999;
  transform: rotate(-45deg);
  background: none;
  top: 1vmin;
}
.ac-parent:after {
 content: "";
    position: absolute;
    top: 19%;
    right: 17px;
    transform: translateY(-50%);
    transition: all .3s;
    width: 2px;
    height: 10px;
    background: #000;
}	
.foot_nav02 .ac-parent:after {
  content: none;
}		
/* 縦線（after）だけ縦回転させる */
.ac-parent.open:after {
  top: 25%;
  transform: rotate(90deg);
  opacity: 0;
}
.foot_nav02 .ac-parent.open:after {
  content: none;
}	

}

@media(max-width:767px){
 .home #home_posts1 .slider02 .img {
    max-width: 320px;
    height: 220px;
    border-radius: 10px;
    margin-bottom: 40px;
    position: relative;
    width: 100%;
}
  
}

/*==// スライダーのコンテナ //==*/
.home .pickup .slider{
    width: 100%;
    list-style: none;
    max-width: 1300px;
    margin: auto;
}
.home .pickup .slider li {
    margin: 0 10px;
}
/*==// ここから矢印 //==*/
.home .pickup .slide-arrow{
	position:absolute;
	/*上下中央に矢印配置*/
	top:35%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index:1;
	cursor:pointer;/*ポインター表示にし、クリック可能なことを視覚的にわかりやすくします*/
}
.home .pickup .slide-arrow::before{
	display:block;
	color:#fff;
	font-size:30px;
	font-weight:900;
	font-family:"Font Awesome 5 Free";
}
.home .pickup .next-arrow{ right: -25px; }/*内側に右から10ピクセル移動*/
.home .pickup .prev-arrow{ left: -25px; }/*内側に左から10ピクセル移動*/
.home .pickup .next-arrow::before{
	
}
.home .pickup .prev-arrow::before{
	
}
/*マウスオーバーで矢印が水色へ*/
.slide-arrow:hover::before{
	
}
/*==// ここからdots //==*/
.home .pickup .slick-dots{
	/*画像の下部へ配置*/
	position:absolute;
	bottom: -20px;
}
.home .pickup .slick-dots li button {
	width: 13px;
	height: 13px;
	border: 1px solid #a7e051; 
	border-radius: 50px;
}
.home .pickup .slick-dots li button:before{
	opacity:1;
	color: inherit;
}
.home .pickup .slick-dots li.slick-active button:before{ 
	background: #a7e051; 
	border-radius: 50px;
	opacity:1; 
	width: 13px;
	height: 13px;
}

.home .pickup {
	padding-bottom: 30px;
}
.home .pickup h2 {
	text-align: center;
	font-size: 36px;
	margin-bottom: 30px;
	position: relative;
}
.home .pickup h2 span {
	display: block;
	font-size: 16px;
	color: #719b3b;
	margin-bottom: 5px;
}
.home .pickup h2::after {
	content: "";
	display: block;
	border-top: 4px solid #719b3b;
	width: 74px;
	margin: auto;
	margin-top: 5px;
}
.home .pickup .slider a {}
.home .pickup .slider a:hover {
	text-decoration: none;
	opacity: 0.8;
}
.home .pickup .slider .title {
		font-size: 20px;
    color: #272626;
}
.home .pickup .slider .title span {
	display: block;
	font-size: 16px;
}
.home .pickup .link_btn {
	display: block;
	text-align: center;
	width: 210px;
	float: right;
	position: relative;
	padding-top: 10px;padding-bottom: 10px;
	border: 1px solid #719b3b;
	border-radius: 50px;
	font-size: 18px;
	margin-right: 40px;margin-top: 30px;
	box-shadow: 3px 3px 10px 0 #ccc;
	color: #000;
}
.home .pickup .link_btn::after {
	content: "\f105";
	position: absolute;
	top: 10px;
	right: 20px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #719b3b;
}

.home .trouble {
	margin-top: 150px;margin-bottom: 50px;
	clear: both;
}
.home .trouble h2 {
	text-align: center;
	font-size: 36px;
	position: relative;
	margin-bottom: 50px;
}
.home .trouble h2::after {
	content: "";
	display: block;
	border-top: 4px solid #719b3b;
	width: 74px;
	margin: auto;
	margin-top: 5px;
}
.home .trouble ul {
	display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	-webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.home .trouble ul li {
	width: 15%;
	margin-bottom: 20px;margin-right: 20px;
}
.home .trouble ul li:nth-of-type(6n) {
	margin-right: 0;
}
.home .trouble ul li:last-child {
	margin-right: 0;
}
.home .trouble ul li .img {
	text-align: center;
	min-height: 110px;
}
.home .trouble ul li .title {
	text-align: center;
	font-size: 16px;
	position: relative;
}
.home .trouble ul li .title::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid #a7e051;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    top: 40%;
    right: 10px;
}
.home .trouble ul li a{
	color: #000;
}


.home #home_posts1 h2 {
	text-align: center;
	font-size: 36px;
	position: relative;
	margin-bottom: 50px;
}
.home #home_posts1 h2::after {
	content: "";
	display: block;
	border-top: 4px solid #719b3b;
	width: 74px;
	margin: auto;
	margin-top: 5px;
}

.home #home_posts1 .slider02 {
	
}

@media screen and (max-width: 1279px) {
	
.home .pickup .slider li {
	margin: 0 5px;
}
.home .pickup .prev-arrow {
    left: 0;
}
.home .pickup .next-arrow {
    right: 0;
}
.home .pickup h2 {
    font-size: 8vmin;
}	
.home .pickup .link_btn {
    display: block;
    text-align: center;
    width: 70%;
    float: none;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #719b3b;
    border-radius: 50px;
    font-size: 5vmin;
    margin-right: 0;
	margin: auto;
    margin-top: 15vmin;
    box-shadow: 3px 3px 10px 0 #ccc;
    color: #000;
}	
.home .trouble {
    margin-top: 10vmin;
    margin-bottom: 0vmin;
    clear: both;
}	
.home .trouble h2 {
    font-size: 5vmin;
}	
.home .trouble ul li {
    width: 25%;
    margin-bottom: 5vmin;
    margin-right: 10vmin;
	font-size: 0vmin;
}
.home .trouble ul li:nth-of-type(3n) {
    margin-right: 0vmin;
}	
.home .trouble ul li .title {
    font-size: 3vmin;
}	
.home .trouble ul li .title::after {
    right: -10px;
}	
.home .pickup .link_btn::after {
	font-size: 5vmin;
}	
}





/*==// スライダーのコンテナ //==*/
.home #home_posts1 .slider02 {
	width:100%;/* スライダーの幅を指定*/
	list-style:none;
}
/*==// ここから矢印 //==*/
.home #home_posts1 .slider02 .slide-arrow{
	position:absolute;
	/*上下中央に矢印配置*/
	top:45%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index:100;
	cursor:pointer;/*ポインター表示にし、クリック可能なことを視覚的にわかりやすくします*/
}
.home #home_posts1 .slider02 .slide-arrow::before{
	display:block;
	color:#fff;
	font-size:30px;
	font-weight:900;
	font-family:"Font Awesome 5 Free";
}
.home #home_posts1 .slider02 .next-arrow{ right: -30px; }/*内側に右から10ピクセル移動*/
.home #home_posts1 .slider02 .prev-arrow{ left: -30px; }/*内側に左から10ピクセル移動*/
.home #home_posts1 .slider02 li {
	margin: 0 15px;
}
.home #home_posts1 .slider02 .img {
    max-width: 320px;
    height: 220px;
    border-radius: 10px;
    margin-bottom: 40px;
    position: relative;
    width: 100%;
}
.home #home_posts1 .slider02 a {
	color: #000;
}
.home #home_posts1 .slider02 h3 {
	font-size: 22px;
	min-height: 180px;
	line-height: 1.5;
}
.home #home_posts1 .cat_icon {
	background: #9bca54;
	text-align: center;
	font-size: 18px;
	color: #fff;
	padding-top: 5px;padding-bottom: 5px;padding-left: 15px;padding-right: 15px;
	border-radius: 5px;
	position: absolute;
	top: 200px;right: 30px;
	line-height: 1.2;
}
.home #home_posts1 .slider02 li .pubdate {
	color: #9bca54;
	padding-right: 10px;
}

@media screen and (max-width: 1279px) {
	
.home_posts_wrap#home_posts1 {
	margin-bottom: 0;
	padding-bottom: 0;
}	
.home #home_posts1 h2 {
	font-size: 7vmin;
	margin: 0;
	margin-bottom: 7vmin;
}	
.home #home_posts1 .slider02 {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	-webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
}	
.home #home_posts1 .slider02 li {
    margin: 0;
	width: 47%;
	margin-right: 5vmin;
	margin-bottom: 10vmin;
}	
.home #home_posts1 .slider02 li:nth-of-type(2n) {
	margin-right: 0vmin;
}		
.home #home_posts1 .slider02 .img {
    width: 100%;
    height: 110px;
    margin-bottom: 10vmin;
    position: relative;	
}	
.home #home_posts1 .cat_icon {
    background: #9bca54;
    font-size: 3vmin;
    position: absolute;
    right: 5vmin;
    top: 95px;
}	
.home #home_posts1 .slider02 h3 {
    font-size: 4vmin;
    min-height: auto;
    line-height: 1.5;
}	
.home #home_posts1 .slider02 li .pubdate {
    font-size: 3vmin;
}	
	
}


.home .sidelong {
	padding: 0;
	border: none;
}
.home .tt2 {
	display: block;
	font-size: 36px;
	text-align: center;
	position: relative;
}
.home .tt2::before {
	content: none;
}
.home .tt2::after {
	content: "";
	display: block;
	border-top: 4px solid #719b3b;
	width: 74px;
	margin: auto;
	margin-top: 5px;
	background: none;
}
.home .tt2 em.em2 {
	display: none;
}
.home .sidelong__article-info .cat_icon {
	background: #9cc95e;
}

@media screen and (max-width: 1279px) {
	
.home .tt2 {
    font-size: 7vmin;
	margin-top: 0;
	margin-bottom: 10vmin;
}	
	
	
}


/*  */
.gnav{
  /*display: none;*/
  
  position: fixed;
  z-index: 999;
  background: #FFF;
  border-top: 2px solid #ffa191;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow-y: auto;
  padding: 0 10px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  
}
.gnav.active{
  /*display: block;*/
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

#footer-menu{
  padding: 0;
  padding-top: 20px;
  background-color: #fff !important;
  color: #272626;
  /*border-top: 2px solid #77bd0e;*/
  position: relative;
}
#footer-menu::before {
  content: "";
  background: url(./img/220817/foot_ph01.png) repeat-x;
  background-size: cover;
  width: 100%;
  height: 56px;	
  position: absolute;
  top: -100px;
  left: 0;
}

#footer-menu a{
  color: #272626 !important;
  
}
#footer-menu nav{
  padding: 30px 0;
}
footer .copyright {
  background: #77bd0e;
  padding: 10px;
}



@media screen and (max-width: 1279px) {
	
#footer-menu::before {
  content: "";
  background: url(./img/220817/foot_ph01_sp.png) repeat-x;
  background-size: cover;
  width: 100%;
  height: 135px;
  position: absolute;
  top: -40vmin;
  left: 0;
}

	
}



.archive main#main{
  
}
#archive_header{
  /*background: #ffebe8;*/
  margin: 0;
  border: 0;
  border-radius: 10px 10px 0 0;
  border: 2px solid;
  border-bottom: 0;
  border-color: #f6f6f6 !important;
}
#archive_header + .sidelong{
  border-radius: 0 0 10px 10px;
  border-top: 0;
}

#entry{
  /*background: #ffebe8;*/
  /*box-shadow: 0px 0px 1px 2px #f6f6f6;*/
  border: 2px solid #f6f6f6;
  border-radius: 10px;
}

#breadcrumb li a{
  /*background: #fbbc2c;*/
  color: #9bca54;
  padding: 3px;
  border-radius: 4px;
}
#breadcrumb li:last-of-type:after {
	display: none;
}
#archive_header{
  padding-left: 50px;
  padding-right: 50px;
}
#archive_header h1{
  background-image: url('img/cat_bg.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 100% auto;
  /*height: 123px;*/
  padding-top: 15.37%;;
  padding-left: 15px;
  font-size: 24px;
  color: #FFF;
  position: relative;
}
#archive_header h1 span{
  /*position: absolute;
    top: 71%;
    transform: translateY(-50%);*/
}

@media (max-width:1360px){
  #archive_header h1{
    background-size: 100% auto;
    font-size: 20px;
  }
}
@media (max-width:1023px){
  #archive_header h1{
    font-size: 16px;
  }
}
@media (max-width:767px){
  #archive_header{
    padding-left: 10px;
    padding-right: 10px;
  }
  #archive_header h1{
    background-size: 100% auto;
    background-image: url('img/cat_bg_sp.png');
    
    padding-top: 15.34%;
    height: auto;
    position: relative;
  }
  #archive_header h1 span{
    
  }
}

@media (max-width:580px){
  #archive_header h1{
    font-size: 14px;
  }
}



.tt2{
  display: flex;
  justify-content: center;
  font-size: 22px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 500;
  text-align: center;
  margin-bottom: 30px;
  
}
.tt2:before,
.tt2:after{
  content: "";
  display: inline-block;
  width: 28px;
  height: 21px;
  background-repeat: no-repeat;
  background-position: left top, right top;
  margin-top: 10px;
}
.tt2:before{
  background-image: url('img/tt2_bg1.png');
}
.tt2:after{
  background-image: url('img/tt2_bg2.png');
}

.tt2 em{
  font-family: "Lato";
  font-style: normal;
  font-weight: bold;
}
.tt2 em.em1{
  font-size: 26px;
  margin-right: 5px;
}
.tt2 em.em2{
  display: block;
  font-size: 14px;
  color: #ffa191;
  margin-top: 5px;
}
.tt2 span{
  margin: 0 10px;
}

.home_posts_wrap{
  width: 100%;
  float: left;
  /*background: #ffebe8;*/
  /*box-shadow: 0px 0px 1px 2px #f6f6f6;
  border: 2px solid #f6f6f6;*/
  padding: 20px 25px;
  border-radius: 10px;
  margin-bottom: 50px;
}


.post_items{
  display: flex;
  margin-left: -20px;
  margin-right: -20px;
}
.post_items .item{
  width: 33.33333%;
  padding-left: 20px;
  padding-right: 20px;
  background: none;
  box-shadow: none;
  margin: 0;
  font-size: 15px;
}
.post_items .item a{
  text-decoration: none;
  color: #272626;
}
.post_items .item .img{
  width: 100%;
  /*padding-top: calc(100% - 10px);*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 50%;
  border: 5px solid #ffa495;
  margin-bottom: 25px;
}
.post_items .item .img:before{
  content: "";
  display: block;
  padding-top: 100%;
}
.post_items .item .meta{
  
}
.post_items .item .meta .cat_icon{
  background: #fbbc2c;
  border-radius: 4px;
  color: #FFF;
  padding: 3px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size: 14px;
}
.post_items .item .meta .pubdate{
  
}
.post_items .item .meta .title{
  line-height: 1.6;
}

.cardtype,
.sidelong{
  width: 100%;
  padding: 30px 50px;
  /*background: #ffebe8;*/
  /*box-shadow: 0px 0px 1px 2px #f6f6f6;*/
  border: 2px solid #f6f6f6;
  float: left;
  border-radius: 10px;
}
.sidelong__article{
  
  width: 100%;
  
  margin-right: 0;
}
.sidelong__img{
  width: 285px;
  height: 170px;
}
.sidelong__article-info{
  width: calc(100% - 385px);
}
.sidelong__article-info .cat_icon{
  background-color: #fbbc2c;
  color: #FFF;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size: 14px;
  margin-right: 10px;
  padding: 3px 10px;
  border-radius: 4px;
}
.sidelong__article-info .pubdate {
  display: inline-block;
  color: #272626;
}
.sidelong__article-info h2{
  border-top: 1px dotted;
  margin-top: 10px;
  padding-top: 10px;
  height: calc(4.2em + 10px);
  color: #272626;
}

/* カテゴリ一覧 */
.archive .sidelong{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.archive .sidelong .sidelong__article{
  width: 49%;
  margin-left: 0;
  margin-right: 0;
}

.archive .sidelong .sidelong__link{
  display: block;
}
.archive .sidelong .sidelong__link .sidelong__img,
.archive .sidelong .sidelong__link .sidelong__article-info{
  display: block;
  width: 100%;
}
.archive .sidelong .sidelong__link .sidelong__img{
  height: auto;
  overflow: hidden;
  margin-bottom: 10px;
  
}
.archive .sidelong .sidelong__link .sidelong__img img{
  border-radius: 3px 3px 0 0;
}
.archive .sidelong .sidelong__article .entry-time.pubdate{
  color: #fbbc2c;
}


.archive .sidelong .sidelong__article:first-child{
  width: 100%;
}
.archive .sidelong .sidelong__article:first-child .sidelong__img{
  height: auto;
  overflow: hidden;
  
}




/* サイドメニュー */
.sidebar{
  /*background: #ffebe8;*/
  border-radius: 10px;
}
.insidesp{
  /*padding: 18px !important;*/
  padding: 0 !important;
}

.single #inner-content, 
.page #inner-content{
  align-items: flex-start;
}

.widget{
  padding: 10px;
  margin-bottom: 25px;
  border-radius: 10px;
}
.widgettitle {
	font-size: 1.1em;
}
.gnav h4:first-child, 
#sidebar1 h4:first-child, 
#nav_drawer h4:first-child{
  background-color: #FFF;
  border-radius: 10px;
  color: #000;
}
.sidebar .has-fa-before:before{
  color: #77bd0e;
}
.sidebar .widget_categories .widgettitle::before {
	content: "";
	background: url(./img/220817/side_ph01.png) no-repeat;
	background-size: 74%;
	width: 92px;
	height: 52px;
	padding-right: 15px;
	display: inline-block;
	vertical-align: bottom;
}
.sidebar .widget h4 + ul,
.sidebar .widget .yearBox {
	background: #f7f9f0;
	padding: 10px;
}
.sidebar .widget h4 + ul li,
.sidebar .widget .yearBox ul li {
	background: #fff;
	border: none;
}
.sidebar .widget.widget_categories h4 + ul li:first-child {
	padding-top: 20px;
}
.sidebar .widget.widget_categories h4 + ul li:last-child {
	padding-bottom: 20px;
}
.sidebar .widget.widget_categories h4 + ul li a {
	padding: 10px 15px;
	position: relative;
	font-size: 16px;
}
.sidebar .widget.widget_categories h4 + ul li a::before {
	content: "・";
	display: inline-block;
	vertical-align: middle;
	color: #f1bb13;
	font-size: 20px;
}
.sidebar .widget.widget_recent_entries h4 {
	margin-bottom: 15px;
}
.sidebar .widget.widget_recent_entries h4::before {
	content: "";
	background: url(./img/220817/side_ph02.png) no-repeat;
	width: 39px;height: 72px;
	padding-right: 15px;
	display: inline-block;
    vertical-align: bottom;
}
.sidebar .widget.widget_recent_entries .my-widget {
	background: none;
	padding: 0;
	border-radius: 0;
}
.sidebar .widget.widget_recent_entries .my-widget li{
	border-top: 3px dotted #f2b100;
	padding-top: 10px;
	margin-bottom: 35px;
    margin-top: -20px;
	position: relative;
}
.sidebar .widget.widget_recent_entries .my-widget li:nth-child(1)::before{
	content: "";
	background: url(./img/220817/side_ph03.png) no-repeat;
	width: 38px;height: 39px;
	position: absolute;
	top: 10px; left: 0;
	z-index: 10;
}
.sidebar .widget.widget_recent_entries .my-widget li:nth-child(2)::before{
	content: "";
	background: url(./img/220817/side_ph04.png) no-repeat;
	width: 38px;height: 39px;
	position: absolute;
	top: 10px; left: 0;
	z-index: 10;
}
.sidebar .widget.widget_recent_entries .my-widget li:nth-child(3)::before{
	content: "";
	background: url(./img/220817/side_ph05.png) no-repeat;
	width: 38px;height: 39px;
	position: absolute;
	top: 10px; left: 0;
	z-index: 10;
}
.sidebar .widget.widget_recent_entries .my-widget li a .my-widget__img {
    display: table-cell;
    width: 100px;
    height: 70px;
    padding-right: 8px;
    vertical-align: middle;
}
.sidebar .widget.widget_recent_entries .my-widget li a .my-widget__img img {
    border-radius: 8px;
}
.sidebar .widget.widget_recent_entries .my-widget li a .my-widget__text {
    font-size: 16px;
}
.sidebar .widget.widget_recent_entries .my-widget li .post-date.dfont {
	color: #f2b100;
}
.sidebar .widget.widget_archive h4 {
	position: relative;
}
.sidebar .widget.widget_archive h4::before {
	content: "";
	background: url(./img/220817/side_ph07.png) no-repeat;
	background-size: 73%;
	width: 46px;
	height: 46px;
	padding-right: 15px;
	display: inline-block;
	vertical-align: middle;
}
.sidebar .widget.widget_archive h4::after {
	content: "";
	background: url(./img/220817/side_ph06.png) no-repeat;
	width: 69px;
	background-size: 100%;
	height: 155px;
	position: absolute;
	z-index: 99;
	top: -45px;
	right: 10px;
}
.sidebar .widget.widget_archive h4 + ul li {
	margin-bottom: 5px;
}
.sidebar .widget.widget_archive h4 + ul li:first-child {
	
}
.sidebar .widget.widget_archive h4 + ul li:last-child {
	
}
.sidebar .widget.widget_archive h4 + ul li a {
	padding: 10px 15px;
	position: relative;
	font-size: 18px;
}
.sidebar .widget.widget_archive h4 + ul li a::before {
	content: "・";
	display: inline-block;
	vertical-align: middle;
	color: #f1bb13;
	font-size: 20px;
}

.sidebar .widget.widget_archive  ul li a {
	padding: 10px 15px;
	position: relative;
	font-size: 18px;
}
.sidebar .widget.widget_archive  ul li a::before {
	content: "・";
	display: inline-block;
	vertical-align: middle;
	color: #f1bb13;
	font-size: 20px;
}


.sidebar .widget.widget_archive .yearList {}
.sidebar .widget.widget_archive .yearList .year {
	padding: 10px 15px;
	position: relative;
	font-size: 18px;
	background: #fff;
	border: none;
	margin: 0;
	font-weight: bold;
	cursor: pointer;
	position: relative;
}
.sidebar .widget.widget_archive .yearList .year span::before {
	content: "・";
	display: inline-block;
	vertical-align: middle;
	color: #f1bb13;
	font-size: 20px;
}
.sidebar .widget.widget_archive .yearList .year::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 10px;
  height: 2px;
  /*縦線に*/
  transform: rotate(90deg);
  background: #000;
  transition: all .3s ease-in-out;
}

.sidebar .widget.widget_archive .yearList .year::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  /*横線*/
  width: 10px;
  height: 2px;
  background: #000;
  transition: all .2s ease-in-out;
}

.sidebar .widget.widget_archive .yearList .year.open::before {
  transform: rotate(180deg);
}

.sidebar .widget.widget_archive .yearList .year.open::after {
  opacity: 0;
}
.sidebar .widget.widget_archive .yearList .year::after {
	content: "";
}

.sidebar .widget.widget_archive  .yearList .list {
	display: none;
}
.sidebar .widget.widget_archive .yearBox .yearList:first-child .list {
	display: block;
}
.sidebar .widget.widget_archive  .yearList .list li {}
.sidebar .widget.widget_archive  .yearList .list li a {}

.widget h4 + *{
  background-color: #FFF;
  margin-top: 10px;
  border-radius: 10px;
}
.widget ul li a{
  color: #272626;
}
.widget ul li + li{
  border-top: 1px solid #ffa191;
}

.widget.widget_custom_html{
  background: none;
  padding: 10px 0 0;
}
.widget .custom_links{
  
}
.widget .custom_links li{
  
}
.widget .custom_links li + li{
  border: 0;
  margin-top: 15px;
}
.widget .custom_links li a{
  background-color: #ffa191;
  color: #FFF;
  padding: 3px 4px;
  border-radius: 28px;
  display: flex;
  align-items: center;
}
.widget .custom_links li a:before{
  content: "";
  width: 50px;
  height: 50px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 15px;
}
.widget .custom_links li.icon1 a:before{
  background-image: url('img/icon1.png');
}
.widget .custom_links li.icon2 a:before{
  background-image: url('img/icon2.png');
}
.widget .custom_links li.icon3 a:before{
  background-image: url('img/icon3.png');
}
.widget .custom_links li a:after{
  content: "▶";
  width: 42px;
  height: 100%;
  margin-left: auto;
  border-left: 1px solid #FFF;
  
  text-align: center;
}
.widget .custom_links li a:hover{
  background-color: #ff907d;
}

#pickup-recommended.widget {}
#pickup-recommended.widget h4 {
    position: relative;
    padding-right: 50px;
}
#pickup-recommended.widget h4::after {
		content: "";
    background: url(./img/pickup-recommended_icon.png) no-repeat;
    width: 56px;
    height: 120px;
    padding-right: 15px;
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    bottom: -35px;
    right: -15px;
    z-index: 2;
}
.side_t01.widget .my-widget {
    background: none;
    padding: 0;
    border-radius: 0;
}
.side_t01.widget .my-widget li {
    border-top: 2px dotted #9bca54;
    padding-top: 10px;
    /* margin-bottom: 35px; */
    /* margin-top: -20px; */
    position: relative;
}
.side_t01.widget .my-widget li:last-of-type {
	border-bottom: 2px dotted #9bca54;
}
.side_t01.widget .my-widget li .my-widget__img {
    display: table-cell;
    width: 100px;
    height: 70px;
    padding-right: 8px;
    vertical-align: middle;
}
.side_t01.widget .my-widget li .my-widget__img img {
    border-radius: 8px;
}
.side_t01.widget .my-widget li .my-widget__text {}
.side_t01.widget .my-widget li .my-widget__text .post-date {
    color: #9bca54;
    margin-top: 3px;
}
.side_t01.widget.widget h4.widgettitle02 {
		text-align: center;
    line-height: 1.7;	
}
.side_t01.widget.widget h4.widgettitle02 span {
    color: #9bca54;	
}
.sidebar_real_estate {
    margin-top: 25px;
}
.sidebar_real_estate .side_t01.widget.widget.side02 {}
.sidebar_real_estate .side_t01.widget.widget.side02 h4.widgettitle02 span {
    color: #eda500;
}
.sidebar_real_estate .side_t01.widget.widget.side02 .my-widget li {
    border-top: 2px dotted #eda500;
}
.sidebar_real_estate .side_t01.widget.widget.side02 .my-widget li:last-child {
    border-bottom: 2px dotted #eda500;
}
.sidebar_real_estate .side_t01.widget.widget.side02 .my-widget li .my-widget__text .post-date {
    color: #eda500;
    font-size: 12px;
}
.sidebar_real_estate .side_t01.widget.widget.side03 {}
.sidebar_real_estate .side_t01.widget.widget.side03 h4.widgettitle02 span {
    color: #d1645e;
}
.sidebar_real_estate .side_t01.widget.widget.side03 .my-widget li {
    border-top: 2px dotted #d1645e;
}
.sidebar_real_estate .side_t01.widget.widget.side03 .my-widget li:last-child {
    border-bottom: 2px dotted #d1645e;
}
.sidebar_real_estate .side_t01.widget.widget.side03 .my-widget li .my-widget__text .post-date {
    color: #d1645e;
    font-size: 12px;
}
.sidebar_real_estate .consultation_side .side_t01.widget.widget.side00:nth-child(even) h4.widgettitle02 span {
    color: #eda500;
}
.sidebar_real_estate .consultation_side .side_t01.widget.widget.side00:nth-child(odd) h4.widgettitle02 span {
    color: #d1645e;
}
@media only screen and (max-width:767px){
#pickup-recommended.widget {}
#pickup-recommended.widget h4 {}
.side_t01.widget.my-widget {}
.side_t01.widget.my-widget li {}
.side_t01.widget.my-widget li .my-widget__img {}
.side_t01.widget.my-widget li .my-widget__img img {}
.side_t01.widget.my-widget li .my-widget__text {}
.side_t01widget.my-widget li .my-widget__text .post-date {}
.side_t01.widget.widget h4.widgettitle02 {}
.side_t01.widget.widget h4.widgettitle02 span {}	
}

/*
#searchsubmit, #toc_container .toc_title:before, .ez-toc-title-container:before, .cat-name, .pre_tag > span, .pagination .current, #submit, .withtag_list > span, .main-bc-before li:before{
  background-color: #77bd0e;
}
#toc_container .toc_title, .entry-content .ez-toc-title-container, #footer_menu .raised, .pagination a, .pagination span, #reply-title:before, .entry-content blockquote:before, .main-c-before li:before, .main-c-b:before{
  color: #77bd0e;
}
*/

/* 記事ページ */

.article-header .infoBox {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 15px 0 0;
}
.article-header .infoBox .catList {
}
.article-header .infoBox .catList a {
    display: inline-block;
    background-color: #9bca54;
    color: #fff;
    font-size: 12px;
    padding: 2px 8px;
    margin-right: 5px;
    line-height: 2;
}
.article-header .infoBox .catList a.prefectures_tag {}
.article-header .infoBox .catList a.consultation_tag {
	background-color: #eda500;
}
.article-header .infoBox .catList .cat_icon {}
.article-header .infoBox .entry-meta {
    margin: 0;
}

.single-title {
    border-bottom: 1px solid #9bca54;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 30px;
}
.single-title::after {
	content: "";
	display: block;
	border-bottom: 9px solid #9bca54;
	position: absolute;
	bottom: -9px;
	left: 0;
	width: 40%;
}
#toc_container p.toc_title{
  padding-left: 60px;
}
/*.entry-content h2{
  background-color: #f5fdf7;
  background-image: url('img/icon4.png');
  background-repeat: no-repeat;
  background-position: left 10px center;
  border-bottom: 3px solid #77bd0e;
  color: #646262;
  padding: 10px 10px 10px 60px;
} */
.entry-content h2{
    border-bottom: 1px solid #9bca54;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 30px;
	
} 
.entry-content h2::after {
	content: "";
	display: block;
	border-bottom: 5px solid #9bca54;
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 30%;
}
.entry-content h3{
  
}
.entry-content h4{
  /*border-bottom: 3px solid #77bd0e;*/
  position: relative;
  padding-left: 30px;
}
.entry-content h4::before {
  font-family: "Font Awesome 5 Free";
  content: "\f078";
  font-weight: 900;
  background-color: #9bca54;
  color: #fff;
  font-size: 3px;
  line-height: 2;
  padding: 1px 7px;
  border-radius: 50px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 5px;
}
.entry-content h5 {
	position: relative;
	padding-bottom: 5px;
}
.entry-content h5::after {
	content: "";
	display: block;
	border-bottom: 3px solid #9bca54;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 5%;
}
.entry-content table,
.entry-content ul,
.entry-content ol{
  /*background-color: #FFF;*/
  background-color: #f5fdf7;
}

.entry-content ul, 
.entry-content ol{
  border: solid 2px #b2da77;
}
.entry-content table,
.entry-content tr,
.entry-content tr:not(:last-child),
.entry-content td{
  /*border-color: #b2da77;*/
  border-color: #efefef;
}
.entry-content p a {
    text-decoration: underline;
	color: #6daf09;
}
.entry-content .content_btn {
	text-align: center;
}
.entry-content .btn_t01 {
  text-align: center;
}
.entry-content .btn_t01 a {
    background-color: #f9c03d;
    color: #fff;
    padding: 14px 30px 10px;
    padding-right: 60px;
    display: inline-block;
    border-radius: 5px;
    box-shadow: 0 4px 0 #daa732;
    position: relative;
    max-width: 500px;
    width: auto;
		margin: 10px 0;
}
.entry-content .btn_t01 a::after {
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	font-weight: 900;
	position: absolute;
	right: 20px;
	top: 53%;
	-webkit-transform: translateY(-50%) translateX(0%);
	transform: translateY(-50%) translateX(0%);
}
.entry-content .archive_btn {
	text-align: center;
}
.entry-content .archive_btn .btn_t01 a {
	background-color: #9bca54;
	box-shadow: 0 4px 0 #7ba33f;
}



.entry-content .btn_t02 {
  text-align: center;
}
.entry-content .btn_t02 a {
    background-color: #6daf09;
    color: #fff;
    padding: 14px 30px 10px;
    padding-right: 60px;
    display: inline-block;
    border-radius: 5px;
    box-shadow: 0 4px 0 #528504;
    position: relative;
    max-width: 500px;
    width: auto;
		margin: 10px 0;
}
.entry-content .btn_t02 a::after {
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	font-weight: 900;
	position: absolute;
	right: 20px;
	top: 53%;
	-webkit-transform: translateY(-50%) translateX(0%);
	transform: translateY(-50%) translateX(0%);
}

#inner-content .btn.cubic1 {
  color: #fff;
}
#toc_container {
    position: relative;
    padding: 20px;
    background-color: #fafff3;
    border: 1px solid #d5ecb3 !important;
    border-radius: 4px;
}
#toc_container p.toc_title {
		width: 100%;
    text-align: left;
    padding-top: 5px;
}
#toc_container p.toc_title .toc_toggle {
    background: none;
    position: absolute;
    right: 0;
    top: 10px;
}
#toc_container p.toc_title .toc_toggle a {
    color: #636363;
    font-size: 16px;
    text-decoration: underline;
}

@media only screen and (max-width:767px){
.article-header .infoBox {
    width: 92%;
    margin: auto;
}
.article-header .infoBox .catList {}
.article-header .infoBox .catList a {
    font-size: 2.4vmin;
    margin-right: 1vmin;
    line-height: 1.7;
}
.article-header .infoBox .catList a.prefectures_tag {}
.article-header .infoBox .catList a.consultation_tag {}
.article-header .infoBox .catList .cat_icon {}
.article-header .infoBox .entry-meta {
    padding: 0;
    margin: 2vmin 0 0;
}
	
	
.single-title {}
.single-title::after {}
#toc_container p.toc_title{}
.entry-content h2{} 
.entry-content h3{}
.entry-content h4{}
.entry-content table,
.entry-content ul,
.entry-content ol{}
.entry-content ul, 
.entry-content ol{}
.entry-content table,
.entry-content tr,
.entry-content tr:not(:last-child),
.entry-content td{}	
	
}

/* 404ページ */
.notfound, .nofound-contents{
  /*background: #ffebe8;*/
  margin-right: 0;
}
.notfound{
  padding: 50px;
}
.nofound-contents{
  padding: 0;
}
.nofound-contents #searchform input#s{
  background: #FFF;
  border: 2px solid #77bd0e;
}
.withtag_list {
  border: 2px solid #77bd0e;
  border-radius: 5px;
}
.withtag_list h4{
  display: flex;
  justify-content: space-between;
  background-image: url('img/tt4_bg.jpg');
  color: #FFF;
  margin: 0;
  padding: 0px 15px;
}
.withtag_list h4 span{
  color: #baed6e;
}
.withtag_list ul{
  background:#FFF;
  list-style: none;
  padding-left: 15px;
}
.withtag_list ul li{
  
}
.withtag_list ul li a:before{
  content: "▶";
}

.nofound-title:before{
  display: none;
}
.nofound-title{
  text-align: center;
  color: #fbbc2c;
  background: #FFF;
}
.nofound-title .txt1{
  font-size: 24px;
}
.nofound-title .txt1 img{
  margin-right: 10px;
}
.nofound-title .txt2{
    font-size: 92px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
}
.nofound-title .txt2.comingSoon {
    bottom: 80px;
    position: relative;	
}
.accent-bc, 
.has-sango-accent-background-color{
  background-color: #77bd0e !important;
}

/* ページTOPに戻る */
.pagetop{
  display: none;
  position: fixed;
  right: 10px;
  bottom: 60px;
}
.pagetop a{
  display: block;
  font-size: 0;
  width: 42px;
  height: 42px;
  text-align: center;
  color: #77bd0e;
}
.pagetop a i{
  font-size: 40px;
}

@media only screen and (min-width: 1030px){
  .wrap, .maximg, .single #inner-content, .page #inner-content, .inner-footer{
    width: 92%;
  }
  .d-5of7{
    width: 77%;
  }
  .d-2of7{
    width: 23%;
  }
}

@media only screen and (min-width: 1360px){
  .wrap, .maximg, .single #inner-content, .page #inner-content, .inner-footer{
    /*width: 1360px;*/
		max-width: 1360px;
  }
  
}

@media only screen and (max-width:1280px){
  
  .gnav h4:first-child, 
  #sidebar1 h4:first-child, 
  #nav_drawer h4:first-child{
    /*font-size: 5vmin;*/
    font-size: 1.2vw;
  }
  .widget ul li{
    font-size: 14px;
  }
  
  .widget .custom_links li a{
    font-size: 14px;
  }
  .widget .custom_links li a:before{
    width: 30px;
    height: 30px;
  }
  .widget .custom_links li a:after{
    width: 30px;
  }
}
@media (min-width: 769px) and (max-width: 1029px) {
  #sidebar1 h4:first-child{
    /*font-size: 5vmin;*/
    font-size: 1.8vw;
  }
}
@media only screen and (max-width:1023px){
  
  .header .logo{
    width: 200px;
    
  }
  .header .search form input{
    width: 300px;
  }
  .header .search .gnav_btn { z-index: 9999;}
  .header .search .gnav_btn a{
    width: 45px;
    height: 45px;
  }
  .header .search .gnav_btn a i{
    font-size: 20px;
  }
  
  
  body:not(.home) .header,
  body.home.paged .header{
    height: 75px;
  }
  
  .nofound-title .txt1{
    font-size: 20px;
  }
  .notfound{
    
  }
  
  
  #archive_header + .sidelong{
    padding-top: 0;
  }
  
}
@media only screen and (max-width:767px){
  
  .header .logo{
    width: 140px;
    top: 10px;
    left: 5px;
  }
  
  .header .search{
    /*top: auto;
    bottom: 10px;
    left: 10px;
    right: 10px;*/
    right: 5px;
  }
  
  .header .search form{
    display: none;
  }
  /*.header .search form{
    display: none;
    width: calc(100% - 45px - 10px);
  }
  .header .search form input{
    width: 100%;
  }*/
  
  .header .search .gnav_btn a{
    width: 35px;
    height: 35px;
  }
  .header .search .gnav_btn a i{
    font-size: 16px;
  }
  
  .header .search.sp{
    display: flex;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    background: #77bd0e;
    padding: 5px 15px;
  }
  .header .search.sp form{
    display: flex;
    width: 100%;
  }
  .header .search.sp form input{
    width: 100%;
  }
  
  body:not(.home) .header,
  body.home.paged .header{
    height: 100px;
  }
  
  .mv .mv_img{
    width: 100%;
  }
  
  .pagetop{
    bottom: 15px;
  }
  
  #archive_header{
    margin-left: -4%;
    margin-right: -4%;
    
  }
  #archive_header + .sidelong{
    padding-top: 15px;
  }
  
  .home_posts_nav{
    display: flex;
    margin-left: -4%;
    margin-right: -4%;
  }
  .home_posts_nav li{
    width: 50%;
    background: #d5d5d5;
  }
  .home_posts_nav li a{
    color: #908e8e;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .home_posts_nav li.on{
    background: #77bd0e;
  }
  .home_posts_nav li.on a{
    color: #FFF;
  }
  .home_posts_nav li .tt2{
    font-size: 11px;
    margin-bottom: 0;
  }
  .home_posts_nav li .tt2 em.em1{
    font-size: 13px;
  }
  .home_posts_nav li .tt2 em.em2{
    color: inherit;
    margin-top: 0;
    line-height: 1.4;
  }
  
  .home_posts_nav li a:before{
    background-image: url(img/tt2_bg1_gr_sp.png);
  }
  .home_posts_nav li a:after{
    background-image: url(img/tt2_bg2_gr_sp.png);
  }
  .home_posts_nav li.on a:before{
    background-image: url(img/tt2_bg1_wh_sp.png);
  }
  .home_posts_nav li.on a:after{
    background-image: url(img/tt2_bg2_wh_sp.png);
  }
  
  
  .tt2:before, 
  .tt2:after{
    width: 14px;
    height: 12px;
    background-size: contain;
  }
  
  .home_posts_wrap{
    width: auto;
    margin-left: -4%;
    margin-right: -4%;
    border: 0;
    border-radius: 0;
  }
  .home_posts_wrap#home_posts1{
    
  }
  .home_posts_wrap#home_posts2{
    display: none;
  }
/*  .home_posts_wrap h2{
    display: none;
  }*/
  
  .post_items{
    flex-wrap: wrap;
    
  }
  .post_items .item{
    width: 100%;
    padding: 0 10px;
  }
  .post_items .item + .item{
    border-top: 1px solid #ffa191;
    margin-top: 20px;
    padding-top: 20px;
  }
  .post_items .item>a{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .post_items .item .img{
    width: 46%;
    margin-bottom: 0;
  }
  .post_items .item .meta{
    width: 50%;
  }
  .post_items .item .meta .title{
    font-size: 14px;
  }
  
  
  
  .cardtype, .sidelong{
    width: auto;
    margin-left: -4%;
    margin-right: -4%;
    border: 0;
    border-radius: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .sidelong{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sidelong .tt2{
    width: 100%;
  }
  
  .sidelong__article{
    width: 95%;
	margin: auto;
	margin-bottom: 5vmin;  
  }
  
  .sidelong__link{
    
    padding: 0;
  }
  .sidelong__img, .sidelong__article-info{
    height: auto;
    margin: 0;
    
  }
  .sidelong__img{
    width: 30%;
	vertical-align: top;  
  }
  .home .sidelong__article-info .cat_icon {
    background: #96c358;
    font-size: 12px;
    display: block;
    width: 90px;
    text-align: center;
  }	
  .sidelong__article-info{
    padding-bottom: 10px;
    margin-top: 5px;
	width: 60%;  
  }
  .sidelong__article-info h2 {
	font-size: 12px;  
	margin-top: 0;  
  } 
  .archive .sidelong .sidelong__article:first-child{
    width: 100%;
  }
  
  .pagination a, 
  .pagination span{
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
  
  .nofound-title .txt1{
    font-size: 16px;
  }
  .nofound-title .txt1 img{
    /*display: block;*/
    width: 75px;
  }
  .notfound{
    padding: 15px;
  }
  .sidebar .widget_categories .widgettitle {
    text-align: center;
    font-size: 5vmin; 
  }	
  #sidebar1.sidebar .widget.widget_recent_entries h4 {
	text-align: center;
    font-size: 5vmin;   
  }
  #sidebar1.sidebar .widget.widget_recent_entries h4::before {
    content: "";
    background: url(./img/220817/side_ph02.png) no-repeat;
    width: 20px;
    height: 50px;
	background-size: contain;  
  }	
  #sidebar1.sidebar .widget.widget_archive h4 {
	text-align: center;
    font-size: 5vmin;
	margin-right: 3vmin;
	padding-right: 15vmin;  
  }	
  .sidelong__article-info .pubdate {
    display: inline-block;
    width: 42%;
    font-size: 10px;
    padding: 0;
  }	
	.nofound-title .txt2{}
.nofound-title .txt2.comingSoon {
    font-size: 9vmin;
    bottom: 10vmin;
	}
.gnav h4:first-child, #sidebar1 h4:first-child, #nav_drawer h4:first-child{
		font-size: 5vmin;
	}
	
}

@media only screen and (max-width:320px){
  .home_posts_nav li .tt2{
    font-size: 10px;
  }
  .home_posts_nav li .tt2 em.em1{
    font-size: 10px;
  }
  .home_posts_nav li .tt2 em.em2{
    font-size: 10px;
  }
}


#footer-menu .foot_nav {
	max-width: 1400px;
	margin: auto;
	margin-top: 50px; margin-bottom: 150px;
}
#footer-menu .foot_nav.pc {
	width: 94%;
}
#footer-menu .foot_nav.sp {
	display: none;
}
#footer-menu .foot_nav .flex div {
	width: 23%;
	margin-right: 20px;
}
#footer-menu .foot_nav .flex div.center_box {
    width: 28%;
}
#footer-menu .foot_nav .flex div.last_box:last-child {
	margin-right: 0px;
}
#footer-menu .foot_nav .flex h5 {
	text-align: left;
	font-size: 18px;
	margin-bottom: 30px;
	position: relative;
}
#footer-menu .foot_nav .flex div.last_box ul:nth-of-type(1){
	margin-bottom: 50px;
}
#footer-menu .foot_nav .flex h5::after {
	content: "";
	border-top: 3px solid #9bca54;
	width: 38px;
	display: block;
	margin-top: 5px;
}
#footer-menu .foot_nav .flex .center_box h5::after {
	content: "";
	border-top: 3px solid #f9c03d;
	width: 38px;
	display: block;
	margin-top: 5px;
}
#footer-menu .foot_nav .flex .right_box h5::after {
	content: "";
	border-top: 3px solid #f29b96;
	width: 38px;
	display: block;
	margin-top: 5px;
}
#footer-menu .foot_nav .flex .last_box h5::after {
	content: none;
}
#footer-menu .foot_nav ul {
	margin: 0;
	text-align: left;
}
#footer-menu .foot_nav .flex .flex {
	margin: 10px; 
	width: auto;
}
#footer-menu .foot_nav .flex li {
	font-size: 14px;
	position: relative;
	width: 100%;
	display: block;
	padding: 0 10px;
}
#footer-menu .foot_nav .flex .left_box li {
	padding: 0;
	margin-right: 25px;
}
#footer-menu .foot_nav .flex .last_box li {
	margin-bottom: 10px;
}
#footer-menu .foot_nav .flex li::before {
	content: "・";
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
	color: #9bca54;
}
#footer-menu .foot_nav .flex .center_box li::before {
	content: "・";
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
	color: #f9c03d;
}
#footer-menu .foot_nav .flex .right_box li::before {
	content: "・";
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
	color: #f29b96;
}
#footer-menu .foot_nav .flex .last_box li::before {
	content: none;
}

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

#footer-menu .foot_nav.sp {
	display: block;
	margin-top: 0vmin;
	margin-bottom: 10vmin;
}	
#footer-menu .foot_nav.pc {
	display: none;
}	
#footer-menu .foot_nav.sp h5 {
	font-size: 5vmin;
	margin-top: 0;
	margin-bottom: 5vmin;
}	
#footer-menu .foot_nav02 dl {
	border-bottom: 1px solid #ccc;
	padding-bottom: 4vmin;
}
#footer-menu .foot_nav02 ul li {
    font-size: 14px;
    position: relative;
    width: 100%;
    display: block;
    padding: 0 10px;
}	
#footer-menu .foot_nav02 ul li::before {
    content: "・";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    color: #f9c03d;
}		
#footer-menu .foot_nav02 dl:nth-child(2) {
	margin-bottom: 0;	
}	
#footer-menu .foot_nav02 dl:nth-child(2) ul li::before {
	content: "・";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    color: #f29b96;
}	
#footer-menu .foot_nav02 .flex dl {
	width: 50%;
	border-right: 1px solid #ccc;
	margin: 0;
	padding-top: 4vmin;
	border-bottom: 1px solid #ccc;
}	
#footer-menu .sp.logo {
	margin-bottom: 20vmin;
	position: relative;
}
#footer-menu .sp.logo::after {
	content: "";
	background: url(./img/220817/foot_ph01.png) repeat-x;
	background-size: cover;
	width: 100%;
	height: 56px;
	position: absolute;
	top: 24vmin;
	left: 0;
}	
	
}

/**--------------------------
一覧
--------------------------**/
.headArea {
    margin: 40px 0 40px;
    text-align: center;
}
.headArea h1 {
    font-size: 36px;
    display: inline-block;
}
.headArea h1::after {
	content: "";
	display: block;
	border-bottom: 2px solid #9bca54;
	width: 50%;
	margin: auto;
	padding-top: 10px;
}
.articleList {}
.articleList .sidelong__article {}
.articleList .sidelong__article .sidelong__img {
    height: 200px;
}
.articleList .sidelong__article .sidelong__article-info {
}
.articleList .sidelong__article .sidelong__article-info h2 {
    border: none;
    height: auto;
    margin: 0 0 6px;
    padding: 0;
}
.articleList .sidelong__article .sidelong__article-info .location {
    margin: 0;
}
.articleList .sidelong__article .sidelong__article-info .location span {
    display: inline-block;
    vertical-align: middle;
    background-color: #9bca54;
    font-size: 14px;
    padding: 6px 8px;
    margin-right: 10px;
    border-radius: 4px;
    color: #fff;
    line-height: 1;
}
.articleList .sidelong__article .sidelong__article-info .con {
    border-top: 2px dotted #5e8b19;
    margin-top: 10px;
}
.footTxt { font-size: 13px;}
@media only screen and (max-width: 1279px){}
@media only screen and (max-width:767px){
.headArea {}
.headArea h1 {
    font-size: 7vmin;
}
.headArea h1::after {}	
.articleList {}
.articleList .sidelong__article {}
.articleList .sidelong__article .sidelong__img {
    width: 30%;
    vertical-align: top;
    height: auto;
    margin: 0;
}
.articleList .sidelong__article .sidelong__article-info {
    vertical-align: top;
}
.articleList .sidelong__article .sidelong__article-info h2 {
    font-size: 4vmin;
}
.articleList .sidelong__article .sidelong__article-info .location {
    font-size: 3.4vmin;
}
.articleList .sidelong__article .sidelong__article-info .location span {
    font-size: 2vmin;
    padding: 1vmin 2vmin;
}
.articleList .sidelong__article .sidelong__article-info .con {
    display: none;
}
	


	.sidelong__article-info .cat_icon{

  padding: 2px;

}
	.sp.logo img {
		width: 55%;
	}
.footTxt {
    padding: 5vmin 0 0;
    font-size: 3vmin;	
	}
}

.entry-content pre {
	font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
}