@CHARSET "utf-8";

/*
Theme Name: tesuto4
Author URI: https://hashimura.group/
*/

/*---------------------------------------------------------*/
/* General */
/*---------------------------------------------------------*/
body {
    font-family: "游明朝","serif","游ゴシック",'Noto Serif JP', serif,"sans-serif", 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    font-size: 16px;
    color: black;
    padding: 0;
    margin: 0;
	height: 100%;
	width: 100%;
	overflow-x: hidden;
}
@media screen and (max-width:760px) {
body {
    font-family: "游明朝","serif","游ゴシック",'Noto Serif JP', serif,"sans-serif", 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    font-size: 15px;
    color: black;
    padding: 0;
    margin: 0;
	overflow-x: hidden;
}
}

div#container {
    margin: 0 auto;
    width:100%;
    padding: 0;
    overflow:hidden;
	background-color:#f2f2f2;
}
@media screen and (max-width:760px) {
div#container {
    margin: 0 auto;
    width: 100%;
    padding: 0;
}
}

#header {
    display: block;
	margin-bottom:0;
	background-color:#fff;
}
@media screen and (max-width:760px) {
#header {
    display: block;	
}
}


div#main {
	background-color: #f2f2f2;
    overflow: hidden;
	max-width:1300px;
	min-width:760px;
	margin-left: auto;
	margin-right: auto;	
}
@media screen and (max-width:760px) {
div#main {
	max-width:100%;
	min-width: 100%;	
    background-color: #fff;
    margin-top: 0px;   
    overflow: hidden;	
}	
}	
	
div#content {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
	text-align:left;
	min-height: 100vh;
    background-color: #fff;
}
@media screen and (max-width:760px) {
div#content {
    width: 100%;
    padding: 0;
    margin: 8px 0px 0px 0px;
	text-align:left;	
}
}



article.post {
	display: block;
	margin:0;
}
@media only screen and (max-width : 760px){
article.post {
	display: block;
	margin:0 5px;
}	
}





/* ▼▼▼サイドバー▼▼▼ */
div#sidebar {
	width: 25%;
    float: right;
    padding: 0;
    margin: 15px 10px 5px 5px;
}
@media screen and (max-width:760px) {
div#sidebar {
    width: 100%;
	padding: 0 5px;
    margin: 0;
	box-sizing: border-box;
}
}
/* ▲▲▲サイドバー▲▲▲ */





a {
    color: #1111cc;
    text-decoration: underline;
}
a img {
    border: none;
}
a:hover {
    color: #1111cc;
    text-decoration: none;	
}
a:hover img.hoverIMG{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
	transform: translateY(3px);
}

p {
    font-size: 1.1em;
    line-height: 1.6em;
}

/* 画像属性等 */
img {
	max-width: 100%;
	height: auto;
	-webkit-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
	vertical-align: bottom;
}

figure {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.alignleft {
	float: left;
	margin: 5px 10px 5px 0;
}

.alignright{
	float: right;
	margin: 5px 0 5px 10px;
}

.aligncenter{
	margin: 5px auto;
	display:block;
}

a.link img,a img.link {
	margin: 0;
	overflow: hidden;
}

a:hover.link img,a:hover img.link{
	transform: scale(1.15,1.15);
	-webkit-transform:scale(1.15,1.15);
	-moz-transform:scale(1.15,1.15);
	-ms-transform:scale(1.15,1.15);
	-o-transform:scale(1.15,1.15);
	
}

ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 5px;
}



/*---------------------------------------------------------*/
/* Header */
/*---------------------------------------------------------*/
header {
	margin: 0px 0px;
	padding: 10px 10px 0px 10px;
}
@media only screen and (max-width : 760px){
header {
	margin: 0px 0px;
	padding: 10px 0px 0px 0px;
}	
}

h1.top_page {
    margin: 10px 0 0 10px;
	font-size:1.7em;
}
a.no_underline {
	text-decoration:none;
}

div#site_title_wrapper {
	float:left;
}


h1#site-title {
    font-size: 2.0em;
    margin: 15px 0 5px 0;
    color:#2ea7e0;
}
h1#site-title a {
    color: #2ea7e0;
}

h2 {
    display: block;
    font-size: 1.8em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
	text-align:center;
}

h2#site-description {
    font-size: 1.2em;
    font-weight: bold;
    color: #555555;
    margin: 0 0 10px 0;
}

h2.widgettitle {
	text-align:left;
    font-size: 1.6em;
}




/* ▼▼▼ハンバーガーメニュー▼▼▼ */
#nav-drawer {
	position: relative;
	display: flex;
	margin: 0px -5px 0px 0px;
}
@media screen and (max-width: 960px) {
#nav-drawer {
	position: relative;
	display: flex;
	margin: 0px -5px 0px -0px;
}
}

/*チェックボックス等は非表示に*/
.nav-unshown {
	display:none;
}
@media screen and (max-width: 960px) {	
.nav-unshown {
	display:none;
}
}

/*アイコンのスペース*/
#nav-open {
	display: inline-block;
	width: 44px;
	height: 40px;
	vertical-align: middle;
	background-color: #fff;
	margin-left: auto;
	padding: 8px 18px 0px 18px;
}
@media screen and (max-width: 960px) {	
#nav-open {
	display: inline-block;
	width: 100%;
	height: 60px;
	vertical-align: middle;
	background-color: #fff;
	margin-left: auto;
	padding: 8px 28px 0px 18px;
}
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
	position: absolute;
	right: 0.7%;
	height: 3px;/*線の太さ*/
	width: 33px;/*長さ*/
	border-radius: 3px;
	background: #555;
	display: block;
	content: '';
	cursor: pointer;
}
@media screen and (max-width: 960px) {		
#nav-open span, #nav-open span:before, #nav-open span:after {
	position: absolute;
    right: 1.9%;
	height: 3px;/*線の太さ*/
	width: 33px;/*長さ*/
	border-radius: 3px;
	background: #555;
	display: block;
	content: '';
	cursor: pointer;
}
}

#nav-open span:before {
	bottom: -12px;
}
@media screen and (max-width: 960px) {		
#nav-open span:before {
	bottom: -12px;
}
}

#nav-open span:after {
	bottom: -24px;
}
@media screen and (max-width: 960px) {		
#nav-open span:after {
	bottom: -24px;
}
}

@media only screen and (max-width : 960px){
#nav-open p {
    position: absolute;
    left: 1.9%;
    width: 100%;
    display: block;
    content: '';
    cursor: pointer;
	margin: 0;
	font-size: 20px;
	font-weight: bold;
}	
}

/*閉じる用の薄黒カバー*/
#nav-close {
	display: none;/*はじめは隠しておく*/
	position: fixed;
	z-index: 99;
	top: 0;/*全体に広がるように*/
	right: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}
@media screen and (max-width: 960px) {		
#nav-close {
	display: none;/*はじめは隠しておく*/
	position: fixed;
	z-index: 99;
	top: 0;/*全体に広がるように*/
	right: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}
}

/*中身*/
#nav-content {
	overflow: auto;
	position: fixed;
	top: 0;
	right: 0%;
	z-index: 9999;/*最前面に*/
	width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
	max-width: 330px;/*最大幅（調整してください）*/
	height: 100%;
	background: #fff;/*背景色*/
	transition: .3s ease-in-out;/*滑らかに表示*/
	-webkit-transform: translateX(205%);
	transform: translateX(205%);/*左に隠しておく*/
	padding:50px 50px 50px 50px;
}
@media screen and (max-width: 960px) {		
#nav-content {
	overflow: auto;
	position: fixed;
	top: 0;
	right: 0%;
	z-index: 9999;/*最前面に*/
	width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
	max-width: 230px;/*最大幅（調整してください）*/
	height: 100%;
	background: #fff;/*背景色*/
	transition: .3s ease-in-out;/*滑らかに表示*/
	-webkit-transform: translateX(205%);
	transform: translateX(205%);/*左に隠しておく*/
	padding:10px 10px 10px 10px;
}
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
	display: block;/*カバーを表示*/
	opacity: .5;
}
@media screen and (max-width: 960px) {		
/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
	display: block;/*カバーを表示*/
	opacity: .5;
}
}

#nav-input:checked ~ #nav-content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);/*中身を表示（右へスライド）*/
	box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
@media screen and (max-width: 960px) {		
#nav-input:checked ~ #nav-content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);/*中身を表示（右へスライド）*/
	box-shadow: 6px 0 25px rgba(0,0,0,.15);
}	
}

#nav-drawer ul li a{
	text-decoration: none;
	color: #333;
}

#nav-drawer ul li a:hover{
	color: #aaaaaa;
	text-decoration: underline;
}
/* ▲▲▲ハンバーガーメニュー▲▲▲ */



/* ▼▼▼ハンバーガーメニューの中のSNSボタン▼▼▼ */
.sns_button {
	position: relative; 
	overflow: hidden; 
}
.sns_button ul {
	position: relative;
	left: 50%;
	float: left;
}
.sns_button ul li {
	position: relative;
	left: -50%;
	float: left;
}
.sns_button img {
	margin: 0px 5px 0px 5px;
}
/* ▲▲▲ハンバーガーメニューの中のSNSボタン▲▲▲ */



/* ▼▼▼ハンバーガーメニューのナビゲーション（レスポンシブ対応）▼▼▼ */
#hamburger{
    width: 100%;
	height:60px;
}	
#hamburger ul{
    padding: 0;
    margin-top: 0px;
}
@media screen and (max-width: 960px) {
/* 760px以下は3列 */
#hamburger ul{
    padding: 0;
    margin-top: 20px;
}
}

#hamburger li{
	font-size: 20px;
    padding:10px 0;
    margin: 15px 0px 15px 0px;
    box-sizing:border-box;
    display: block;
    text-align: center;
}
@media screen and (max-width: 960px) {
#hamburger li{
	font-size: 17px;
    padding:10px 0;
    margin: 5px 0px 5px 0px;
    box-sizing:border-box;
    display: block;
    text-align: center;
}
}
/* ▲▲▲ハンバーガーメニューのナビゲーション（レスポンシブ対応）▲▲▲ */



/* ▼▼▼ハンバーガーメニューの固定▼▼▼ */
.fixed {
    position: fixed;
    top: 0;
    padding: 0;
    width: 100%;
    z-index: 1000;
}
/* ▲▲▲ハンバーガーメニューの固定▲▲▲ */







/*---------------------------------------------------------*/
/* Article's Header */
/*---------------------------------------------------------*/
/* ▼▼▼オシャレな見出し　H1▼▼▼ */
h1.post_title {
  position: relative;
  padding: 0.3rem 1.5rem;
  text-align: center;
  font-size:30px;
  margin: 30px 0px 40px 0;
}
h1.post_title:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #ef877b;
}
@media only screen and (max-width : 760px){
h1.post_title {
  position: relative;
  padding: 0.3rem 1.5rem;
  text-align: center;
  font-size:27px;
}
}
/* ▲▲▲オシャレな見出し　H1▲▲▲ */





p.post-meta {
    color: #555;
    font-size: 1.0em;
    padding: 5px 0 5px 20px;
    margin: 0 0 10px 0;
    text-align: right;
}



/* ▼▼▼オシャレな見出し　H3▼▼▼ */
h2.midashi_01 {
  position: relative;
  padding: 0.3rem 1.5rem;
  text-align: center;
  font-size:27px;
  margin:50px 0 30px 0;
}
h2.midashi_01:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #ef877b;
}
@media only screen and (max-width : 760px){
h2.midashi_01 {
  position: relative;
  padding: 0.3rem 1.5rem;
  text-align: center;
  font-size:27px;
}	
}
/* ▲▲▲オシャレな見出し　H3▲▲▲ */


/* ▼▼▼オシャレな見出し　H3▼▼▼ */
h3.midashi_01 {
  position: relative;
  padding: 0.3rem 1.5rem;
  text-align: center;
  font-size:27px;
  margin:50px 0 30px 0;
}
h3.midashi_01:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #ef877b;
}
@media only screen and (max-width : 760px){
h3.midashi_01 {
  position: relative;
  padding: 0.3rem 1.5rem;
  text-align: center;
  font-size:27px;
  margin:20px 0 30px 0;
}	
}
/* ▲▲▲オシャレな見出し　H3▲▲▲ */



/* ▼▼▼二重線見出し　H3▼▼▼ */
h3.double_orange {
	position: relative;
	width: 400px;
	margin: 30px 0px 10px 0px;
	padding: 5px 15px 5px 15px;
	border-bottom: 2px solid #fc8e22;
	font-size:22px;
	margin-left: auto;
    margin-right: auto;	
	text-align:center;
}
@media only screen and (max-width : 760px){
h3.double_orange {
	position: relative;
	width: 100%;
	margin-left: 0;
	padding: 5px 15px 5px 15px;
	border-bottom: 2px solid #fc8e22;
	font-size:22px;
}	
}

h3.double_orange::before {/*疑似要素*/
	position: absolute;
	content: "";
	width: 100%;
	min-height: 100%;
	top: -12px;
	left: 0px;
	border-bottom: 1px solid #fc8e22;
	padding: 0px 0 0px 0;
	margin: 8px 0px 0px 0px;
}
/* ▲▲▲二重線見出し　H3▲▲▲ */

h3 {
  position: relative;
  padding: 0.3rem 1.5rem;
  text-align: center;
  font-size:25px;
margin:50px 0 10px 0;
}

h4 {
  position: relative;
  padding: 0.3rem 1.5rem;
  text-align: center;
  font-size:25px;
margin:50px 0 10px 0;
}

/*---------------------------------------------------------*/
/* Article post */
/*---------------------------------------------------------*/
div.post-content {
	padding: 0px 10px 10px 10px;
	text-align:left;
}
@media only screen and (max-width : 760px){
div.post-content {
    padding: 0px 0px 10px 0px;
}	
}


/*---------------------------------------------------------*/
/* 個別投稿 post */
/*---------------------------------------------------------*/
div#single_main {
    background-color: #fff;
    overflow: hidden;
	max-width:1100px;
	min-width:760px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width:760px) {
div#single_main {
	max-width:100%;
	min-width: 100%;	
    background-color: #fff;
    margin-top: 0px;   
    overflow: hidden;
}	
}

div#single_content {
    width: 70%;
    float: left;
    padding: 20px 0 0 0;
    margin: 10px;
}
@media screen and (max-width:760px) {
div#single_content {
    width: 100%;
    padding: 0;
    margin: 20px 0 0 0;
}	
}

div.content_01 {
    padding: 0px 10px 10px 10px;
}
@media only screen and (max-width : 760px){
div.content_01 {
    padding: 0px 0px 0px 0px;
}	
}

/* ▼▼▼オシャレな見出し　H1▼▼▼ */
h1.single_title {
  position: relative;
  padding: 0.3rem 1.5rem;
  text-align: center;
  font-size:30px;
  margin: 10px 0px 40px 0;
}
h1.single_title:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #ef877b;
}
@media only screen and (max-width : 760px){
h1.single_title {
  position: relative;
  padding: 0.3rem 1.5rem;
  text-align: center;
  font-size:27px;
}
}
/* ▲▲▲オシャレな見出し　H1▲▲▲ */



/* ▼▼▼オシャレな見出し　H1▼▼▼ */
h1.single_title {
  position: relative;
  padding: 0.3rem 1.5rem;
  text-align: center;
  font-size:30px;
  margin: 30px 0px 40px 0;
}
h1.single_title:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #ef877b;
}
@media only screen and (max-width : 760px){
h1.single_title {
  position: relative;
  padding: 0.3rem 1.5rem;
  text-align: center;
  font-size:27px;
}
}
/* ▲▲▲オシャレな見出し　H1▲▲▲ */



/* ▼▼▼オシャレな見出し　H1▼▼▼ */
h1.cat-title {
  position: relative;
  padding: 0.3rem 1.5rem;
  text-align: center;
  font-size:30px;
  margin: 30px 0px 40px 0;
}
h1.cat-title:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #ef877b;
}
@media only screen and (max-width : 760px){
h1.cat-title {
  position: relative;
  padding: 0.3rem 1.5rem;
  text-align: center;
  font-size:27px;
}
}
/* ▲▲▲オシャレな見出し　H1▲▲▲ */





/*---------------------------------------------------------*/
/* アーカイブ post */
/*---------------------------------------------------------*/
div.archive-content {
    padding: 0px 0px 0px 0px;
	height: 100%;
	width: 75%;
	margin-left: auto;
    margin-right: auto;	
}
@media only screen and (max-width : 760px){
div.archive-content {
    padding: 0px 0px 0px 0px;
	height: 100%;
	width: 100%;
	margin-left: auto;
    margin-right: auto;
}	
}




/*---------------------------------------------------------*/
/* カテゴリー post */
/*---------------------------------------------------------*/
div.category-content {
    padding: 0px 0px 0px 0px;
	height: 100%;
	width: 75%;
	margin-left: auto;
    margin-right: auto;		
}
@media only screen and (max-width : 760px){
div.category-content {
    padding: 0px 0px 0px 0px;
	height: 100%;
	width: 100%;
	margin-left: auto;
    margin-right: auto;
}	
}



/*---------------------------------------------------------*/
/* 404 */
/*---------------------------------------------------------*/








/*---------------------------------------------------------*/
/* footer */
/*---------------------------------------------------------*/
#footer {
    font-size: 0.9em;
    width:100%;
    height: 100%;
    background-color: #ef877b;
    background-repeat: no-repeat;
    background-size: 100%;	
	padding:0px;		
    margin: 0px;
	color:#fff;	
}
@media only screen and (max-width : 760px){
#footer {
    height: 100%;
}	
}

p.foot {
	text-align:center;
	padding:0 0 10px 0;
	margin:0;
	color:#fff;
}
a.low {
color:#fff;
}

/* ▼▼▼フッターのメニュー横並び▼▼▼ */
.f_navi{
text-align: center;
	margin: 10px 0px;
}
@media screen and (max-width: 760px) {
.f_navi{
text-align: center;	
}
}

.f_navi ul{
margin: 0 ;
padding: 1% 10% 2% 10%;
}
@media screen and (max-width: 760px) {
.f_navi ul{
margin: 0 ;
padding: 5px 0px 10px 0px;
}
}

.f_navi ul li{
list-style: none;
display: inline-block;
width: 14%;
min-width: 90px;
}
@media screen and (max-width: 760px) {
.f_navi ul li{
list-style: none;
display: inline-block;
width: 23%;
min-width: 35px;
}
}

.f_navi ul li a{
text-decoration: none;
color: #fff;
}
@media screen and (max-width: 760px) {
.f_navi ul li a{
text-decoration: none;
}
}

.f_navi ul li.f_navi01 a{
color: #F33135;
}
@media screen and (max-width: 760px) {
.f_navi ul li.f_navi01 a{
color: #F33135;
}
}

.f_navi ul li a:hover{
color: #FFFF00;
}
@media screen and (max-width: 760px) {
.f_navi ul li a:hover{
}
}

.f_navi img{
    margin: 0 10px;
}
/* ▲▲▲フッターのメニュー横並び▲▲▲ */

a.footer_01{
	color:#fff;
}



/*
==================================================
フッターカスタマイズ
==================================================
*/
.footer-block-in {
    width: 33%;
    padding: 10px 10px 10px 50px;
    float: left;
	margin:0 ;
}
 
.footer-block-in > ul {
    padding: 5px;
    list-style-type: none;
    margin-bottom:10px;
}
 
.footer-block-in > ul ul {
    text-align: left;
    margin: 15px 0px 13px 0px; 
	padding: 0px 0px 0px 0px;
}
 
.footer-block:after{
    content: "";
    clear: both;
    display: block;
}
 
@media (max-width: 770px) {
.footer-block-in {
	width: 98%;
	padding: 10px 1%;
	float: none;
}
}

div.cat_img { margin: 0px 4px 4px 4px;}








/*---------------------------------------------------------*/
/* Sidebar */
/*---------------------------------------------------------*/
.sidebar-wrapper {
	margin:15px 0;
}
.sidebar-title {
	font-size: 1.3em;
	padding: 6px 0 6px 10px;
	margin: 20px 0 10px 0;
	color: #555;
	border-bottom: solid 1px #ccc;
}
.textwidget {
	padding: 0 8px;
}
#calendar_wrap {
	text-align: center;
}
#calendar_wrap table {
	margin-left: auto;
	margin-right: auto;
}
#calendar_wrap table a {
	text-decoration: underline;
	color: #2ea7e0;
}
#calendar_wrap table a:hover {
	background-color: #2ea7e0;
	color: #fff;
}
.sidebar-wrapper ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.sidebar-wrapper li {
	border-bottom: dotted 1px #fc8e22;
	margin:10px 0 0 0;
}
.sidebar-wrapper li a {
	display: block;
	color: #555;
	padding: 3px 0 3px 8px;
	text-decoration: none;
}
.sidebar-wrapper li a:hover {
    color: #aaaaaa;
	text-decoration: underline;
}



/* ▼▼▼コメント・トラックバック▼▼▼ */
div#respond {
	padding:20px 5px;
    height: 100%;
    width: 100%;


}
@media only screen and (max-width : 760px){
div#respond {

}	
}

.tback {border: none;}
.tback h2 {margin-bottom: 0; padding-bottom: 15px;}
.tback p {margin: 0 0 10px 10px;padding: 0;font-size: 12px; line-height: 1.6em;}
.comments {margin: 10px 0; border: none;}
.comments ul {list-style: none; margin: 0; color:#444; font-size: 100%;}
.comments ul li {margin-bottom: 10px; background: #FFF; padding: 12px;}
.comments ul li.depth-1 {border-bottom: 1px dotted #CCC; margin-bottom: 12px;}
.comments ul.children {list-style: none;}
.comments p {padding: 0 10px 5px 20px; text-align: left;}
.comments form p {line-height: 1.8em; display: block;}
.comments label {font-weight: 600; display:block;}
.comments form p.comment-notes,.comments form p.form-allowed-tags {font-size: 100%; text-align: left;}
.comments .reply {width: 40px; height: 20px;margin-left: 20px;text-align: center; line-height: 20px; border: 1px solid #CCC; background: #FFF; display: block;}
.comments .reply a {color: #444; text-decoration: none;display: block;} 
.comments .reply a:hover {color: #FFF; background: #009CDE;} 
.comments h3 small {font-size: 114%;}
#author {width: 200px; height: 2em;}
#email {width: 200px; height: 2em;}
#url {width: 200px; height: 2em;}
#comment {width: 75%; height:100px;}

@media only screen and (max-width : 760px){
#comment {width: 100%; height:100px;}	
}

a#cancel-comment-reply-link {font-size: 92%; color: #009CDE;}
#submit	{margin:0; padding:2px 25px; cursor:pointer;}
.comment {width:75%; margin-left: auto; margin-right: auto;}

@media only screen and (max-width : 760px){
.comment {width:100%;}	
}
/* ▲▲▲コメント・トラックバック▲▲▲ */





/*---------------------------------------------------------*/
/* ナビゲーションメニュー */
/*---------------------------------------------------------*/
/* ▼▼▼ヘッダーのメニュー横並び（パソコン版）▼▼▼ */
#contact{
	text-align: right;	
	background-color:#fff;
	max-width:100%;
	min-width:100%;
}
@media screen and (max-width: 760px) {
#contact{
	text-align: center;
}
}

#contact ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 760px) {
#contact ul{
	margin: 0 ;
	padding: 10px 0px 10px 0px;
}
}

#contact ul li{
	list-style: none;
	display: inline-block;
	width: 15%;
	min-width: 200px;
	font-size:13px;
	margin: 3px 3px 3px 3px;
	padding: 0px 0px 0px 0px;	
}
@media screen and (max-width: 760px) {
#contact ul li{
	list-style: none;
	display: inline-block;
	width: 18%;
	min-width: 35px;
}
}

.contact01 a {
	color: #000;
}

.contact01:hover {
	color: #aaaaaa;
}

.contact02 a {
	color: #fff;
}

.contact02 a:hover {
	color: #fff;
}

#contact img{
    margin: 0 10px 0px 10px;
}



/*---------------------------------------------------------*/
/* ナビゲーションメニュー */
/*---------------------------------------------------------*/
/* ▼▼▼ヘッダーのメニュー横並び（パソコン版）▼▼▼ */
#contact_01{
	text-align: right;	
	background-color:#fff;
	max-width:100%;
	min-width:100%;
}
@media screen and (max-width: 760px) {
#contact_01{
	text-align: center;
}
}

#contact_01 ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 760px) {
#contact_01 ul{
	margin: 0 ;
	padding: 10px 0px 10px 0px;
}
}

#contact_01 ul li{
	list-style: none;
	display: inline-block;
	width: 27%;
	min-width: 360px;
	font-size:18px;
	margin: 3px 3px 3px 3px;
	padding: 0px 0px 0px 0px;	
}
@media screen and (max-width: 760px) {
#contact_01 ul li{
	list-style: none;
	display: inline-block;
	width: 18%;
	min-width: 35px;
}
}






/*---------------------------------------------------------*/
/* ナビゲーションメニュー */
/*---------------------------------------------------------*/
/* ▼▼▼ヘッダーのメニュー横並び（パソコン版）▼▼▼ */
#header_navi{
	text-align: center;	
	background-color:#fff;
	padding:0;
	margin:0;
	width:100%;
	border-bottom: solid 1px #fff;/*線色*/
	height:65px;
}
@media screen and (max-width: 760px) {
#header_navi{
	text-align: center;
}
}

#header_navi ul{
	margin: 0px;
	padding: 0px;
}
@media screen and (max-width: 760px) {
#header_navi ul{
	margin: 0 ;
	padding: 10px 0px 10px 0px;
}
}

#header_navi ul li{
	list-style: none;
	display: inline-block;
	width: 10%;
	min-width: 100px;
	font-size:16px;	
	margin: 20px 5px 10px 5px;
	padding: 0px 0px 0px 0px;	
}
@media screen and (max-width: 760px) {
#header_navi ul li{
	list-style: none;
	display: inline-block;
	width: 18%;
	min-width: 35px;
}
}

#header_navi ul li a{
	text-decoration: none;
	color: #333;
}
@media screen and (max-width: 760px) {
#header_navi ul li a{
	text-decoration: none;
	color: #333;
}
}

#header_navi ul li.header_navi01 a{
	color: #F33135;
}
@media screen and (max-width: 760px) {
#header_navi ul li.header_navi01 a{
	color: #F33135;
}
}

#header_navi ul li a:hover{
	color: #aaaaaa;
}
@media screen and (max-width: 760px) {
#header_navi ul li a:hover{
	color: #aaaaaa;
}
}

#header_navi img{
    margin: 0 10px 0px 10px;
}


/* ▲▲▲ヘッダーのメニュー横並び（パソコン版）▲▲▲ */


.btn_blue {
	width:100%;
	position: relative;
	display: inline-block;
	padding: 5px 5px;
	text-decoration: none;
	background: #036EB8;/*色*/
	border: solid 2px #172A88;/*線色*/
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	text-align: center;
	color: #fff;	
}

.btn_blue a {
	color:#fff;	
}

.btn_blue:hover {
  background-color: #fff;
	border:solid 2px #172A88;
	color:#000;
}

.btn_blue:active {
	border: solid 2px #172A88;
	box-shadow: none;
	text-shadow: none;
}

.phone_blue {
	color:#036EB8;
}

.box2 {
	float:right;
	width:200px
}


.btn_blue_01 {
	width:100%;
	position: relative;
	display: inline-block;
	padding: 0.3em 0.5em;
	text-decoration: none;
	background: #ff8c1a;/*色*/
	border: solid 1px #ff781d;/*線色*/
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	text-align:center;
	color:#fff;
	font-weight:bold;
}

.btn_blue_01 a {
	color:#fff;	
}

.btn_blue_01:hover {
  background-color: #fff;
	border:solid 1px #ff8c1a;
	color:#000;
}

.btn_blue_01:active {
	border: solid 1px #ff8c1a;
	box-shadow: none;
	text-shadow: none;
}








/* ▼▼▼画像横並び（スマホだと列が変わる）▼▼▼ */
*, *:before, *:after {
	box-sizing: border-box;
}

.col_2 {
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_2 > div {
	width: 50%;
	padding: 3px 5px;
}
@media screen and (max-width: 960px) {
.col_2 > div {
		width: 100%;
}
}
@media screen and (max-width: 480px) {
.col_2 > div {
		width: 100%;	
}
}

.col_3 {
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_3 > div {
	width: 33.33333%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
.col_3 > div {
		width: 50%;
		padding: 5px 2px 5px 2px;
}
}
@media screen and (max-width: 480px) {
.col_3 > div {
		width: 50%;
		padding: 5px 2px 5px 2px;		
}
}

.col_4 {
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_4 > div {
	width: 25%;
	padding: 0px 0px 0px 0px;
	text-align: center;
	padding: 10px;	
}
@media screen and (max-width: 960px) {
.col_4 > div {
	width: 50%;
	padding: 5px 2px;	
}
}
@media screen and (max-width: 480px) {
.col_4 > div {
	width: 100%;
	padding: 5px 2px;	
}
}

p.consultation {
	font-size:1.0em
}	
@media only screen and (max-width : 480px){
p.consultation {
	font-size:1.2em
}	
}	

/* ▲▲▲画像横並び（スマホだと列が変わる）▲▲▲ */


.box1 {
    padding: 0em;
    margin: 0em;
    border: solid 1px #C0C0C0;
}
.box1 p {
    margin: 10px; 
    padding: 0;
	text-align:center;
}







/* ▼▼▼パソコンとスマホで表示内容を切り替え（スマホ　760px）▼▼▼ */
.pc_display {
	display:block;
	margin:0;
}
.sp_display {
	display:none;
}
@media only screen and (max-width : 760px){
.pc_display {
	display:none;
}
.sp_display {
	display:block;
}
}
/* ▲▲▲パソコンとスマホで表示内容を切り替え（スマホ　760px）▲▲▲ */




/* ▼▼▼パソコンとスマホで表示内容を切り替え（スマホ　960px）▼▼▼ */
.pc_display_01 {
	display:block;
	margin:0;
}
.sp_display_01 {
	display:none;
}
@media only screen and (max-width : 960px){
.pc_display_01 {
	display:none;
}
.sp_display_01 {
	display:block;
}
}
/* ▲▲▲パソコンとスマホでスライドショーの表示内容を切り替え（スマホ　960px）▲▲▲ */








/* ▼▼▼SNSアイコンの色サイズ指定▼▼▼ */
.icon_sns {
	color:#036EB8;
	font-size:30px;
}
/* ▲▲▲SNSアイコンの色サイズ指定▲▲▲ */





/* ▼▼▼トップページの最新の投稿を表示（アイキャッチ画像の大きさ指定）▼▼▼ */
.ileft {
	width:150px;
height:100px;
}

/* ▲▲▲トップページの最新の投稿を表示（アイキャッチ画像の大きさ指定）▲▲▲ */


/* ▼▼▼トップページの最新の投稿を表示　アイキャッチ画像▼▼▼ */
/* リスト */
.new_01 {
	list-style: none;
	padding: 0px;
	margin: 15px 0;
	margin-left:auto;
	margin-right:auto;
	width:80%;
	text-align:left;	
}
@media only screen and (max-width : 760px){
.new_01 {
	list-style: none;
	padding: 0px;
	margin: 15px 0px;
	width:100%;
}	
}

/* h5 */
.new_02 {
	font-size:1.1em;
	padding: 0px 3px;
	margin: 3px 3px 0px 3px;
    overflow: hidden;
}
@media only screen and (max-width : 760px){
.new_02 {
	padding: 0;
	margin: 3px 0px 0px 0px;
}	
}

p.new_03 {
	font-size:0.7em;
	padding: 0px 3px;
	margin: 0px 3px;
    overflow: hidden;
}
@media only screen and (max-width : 760px){
p.new_03 {
	padding: 0;
	margin: 0;
}	
}

/* 画像 */
.new img {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 5px 20px 5px 10px;
}
@media only screen and (max-width : 760px){
.new img {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 5px 20px 5px 10px;
}	
}

/* ボックス */
.new {
	width:100%;
	margin-left: auto;
    margin-right: auto;
	padding: 1.5em 1em 1.5em 1em;
    font-weight: bold;
    color: #000;/*文字色*/
	background-color: #fff;
    border-bottom: solid 1px #C0C0C0;/*線*/
}
@media only screen and (max-width : 760px){
.new {
	width:100%;
	margin-left: auto;
    margin-right: auto;
	padding: 0.5em 1em 0.5em 1em;
}	
}

.new p {
	font-size:13px;
	padding: 0px;
	margin: 0px;
}
@media only screen and (max-width : 760px){
.new p {
}	
}

/* ▲▲▲トップページの最新の投稿を表示　アイキャッチ画像▲▲▲ */


/* ▼▼▼トップページの新着情報の背景▼▼▼ */
.back_05 {
	text-align:center;
    padding: 10px 19px;
    margin: 2em 0;
    color: #2c2c2f;
    background: #fff;
}
@media only screen and (max-width : 760px){
.back_05 {
    padding: 10px 7px;
    margin: 2em 0;
}	
}
/* ▲▲▲トップページの新着情報の背景▲▲▲ */



/* ▼▼▼カテゴリーにあるアイキャッチ画像▼▼▼ */
/* リスト */
.category_01 {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
}
@media only screen and (max-width : 760px){
.category_01 {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 20px 10px 20px 10px;
}	
}

/* h5 */
.category_02 {
	font-size:16px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;	
}
@media only screen and (max-width : 760px){
.category_02 {
	font-size:16px;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	
}	
}

/* 画像 */
.category img {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 5px 20px 5px 10px;
}
@media only screen and (max-width : 760px){
.category img {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 5px 20px 5px 10px;
}	
}

/* ボックス */
.category {
	width:100%;
	margin-left: auto;
    margin-right: auto;
	padding: 0.5em 1em 0.5em 1em;
    font-weight: bold;
    color: #000;/*文字色*/
    background-color: #FFF;
    border-bottom: solid 1px #C0C0C0;/*線*/
}
@media only screen and (max-width : 760px){
.category {
	width:100%;
	margin-left: auto;
    margin-right: auto;
	padding: 0.5em 1em 0.5em 1em;
    font-weight: bold;
    color: #000;/*文字色*/
    background-color: #FFF;
    border-bottom: solid 1px #C0C0C0;/*線*/
}	
}

.category p {
	font-size:12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
@media only screen and (max-width : 760px){
.category p {
}
}

.more_link {
	text-decoration:underline;
}	

a:hover.more_link {
	text-decoration:none;
}
/* ▲▲▲カテゴリーにあるアイキャッチ画像▲▲▲ */









/* ▼▼▼次の記事・前の記事▼▼▼ */
.box3 {
	width:100%;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
	padding: 10px 0px;
	margin: 6% 0 4% 0;
}
@media only screen and (max-width : 760px){
.box3 {
	padding: 10px 5px;
	margin: 40px 0 20px 0;
}	
}

.next {
    background: #FFF;
    padding: 0px;
    overflow: hidden;
}
.next_image {
    float: left;
    margin: 0px 10px 0px 0px;
}
.next_summary {
    overflow: hidden;
}
.next_heading {
    font-size: 16px;
    font-weight: bold;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
	text-align:left;
}

p.next_text {
	padding: 0px 0px 0px 0px;
	margin: 25px 0px 0px 0px;
	text-align:left;
	line-height:1.3em;
}
@media only screen and (max-width : 760px){
p.next_text {
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
	text-align:left;
}	
}



.prev {
    background: #FFF;
    padding: 0px;
    overflow: hidden;
}
.prev_image {
    float: right;
    margin: 0px 0px 0px 10px;
}
.prev_summary {
    overflow: hidden;
}
.prev_heading {
    font-size: 16px;
    font-weight: bold;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
	text-align:right;
}

p.prev_text {
	padding: 0px 0px 0px 0px;
	margin: 25px 0px 0px 0px;
	text-align:right;
	line-height:1.2em;
}
@media only screen and (max-width : 760px){
p.prev_text {
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
	text-align:right;
}	
}

.prev_thumbnail {
	width:100px;
	padding: 0px 0px 0px 0px;
	margin: 0px 20px;
	float: left;
}
@media only screen and (max-width : 760px){
.prev_thumbnail {
	width:70px;
	padding: 0px 0px 0px 0px;
	margin: 5px;
	float: left;
}	
}

.next_thumbnail {
	width:100px;
	padding: 0px 0px 0px 0px;
	margin: 0px 20px;
	float: right;	
}
@media only screen and (max-width : 760px){
.next_thumbnail {
	width:70px;
	padding: 0px 0px 0px 0px;
	margin: 5px;
	float: right;
}	
}
/* ▲▲▲次の記事・前の記事▲▲▲ */








/* ▼▼▼アーカイブにあるアイキャッチ画像▼▼▼ */
h1.archive_title {
    font-size: 2.0em;
	padding: 0px 0px 0px 0px;
	margin: 30px 0px;
}

h2.archive_title {
	font-size: 1.2em;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px;
}

/* リスト */
.archive_01 {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
}
@media only screen and (max-width : 760px){
.archive_01 {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 20px 10px 20px 10px;
}	
}

/* h5 */
.archive_02 {
	font-size:16px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}
@media only screen and (max-width : 760px){
.archive_02 {
	font-size:16px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}	
}

/* 画像 */
.archive img {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 5px 20px 5px 10px;
}
@media only screen and (max-width : 760px){
.archive img {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 5px 20px 5px 10px;
}	
}

/* ボックス */
.archive {
	width:75%;
	margin-left: auto;
    margin-right: auto;
	padding: 0.5em 1em 1.5em 1em;
    font-weight: bold;
    color: #000;/*文字色*/
    background-color: #FFF;
    border-bottom: solid 1px #C0C0C0;/*線*/
}
@media only screen and (max-width : 760px){
.archive {
	width:100%;
	margin-left: auto;
    margin-right: auto;
	padding: 0.5em 1em 0.5em 1em;
    font-weight: bold;
    color: #000;/*文字色*/
    background-color: #FFF;
    border-bottom: solid 1px #C0C0C0;/*線*/
}	
}

.archive p {
	font-size:12px;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
}
@media only screen and (max-width : 760px){
.archive p {
	font-size:12px;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
}	
}
/* ▲▲▲アーカイブにあるアイキャッチ画像▲▲▲ */









/* ▼▼▼表▼▼▼ */
.box5 {
	margin:0px 8px 0px 8px;
}
table {
	width: 100%;
	table-layout: fixed;
	font-size: 16px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin:10px 0;
}
@media only screen and (max-width : 760px){
table {
	width: 100%;
	table-layout: fixed;
	font-size: 16px;
	border-spacing: 0px;
	border-collapse: collapse;	
}
}

th{
	border: solid 1px #aaaaaa;	
	padding: 15px 10px;
	background: #f7f7f7;
	text-align:center;
}

td{
	border: solid 1px #aaaaaa;	
	padding: 15px 10px;
	text-align: left;
}

/* ▲▲▲表▲▲▲ */








.btn_orange {
	width:100%;
	position: relative;
	display: inline-block;
	padding: 0.1em 0.5em;
	text-decoration: none;
	background: #e83828;/*色*/
	border: solid 1px #e83828;/*線色*/
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	text-align:center;
	color:#fff;
}

.btn_orange a {
	color:#fff;	
}

.btn_orange:hover {
  background-color: #fff;
	border:solid 1px #fc8e22;
	color:#000;
}

.btn_orange:active {
	border: solid 1px #fc8e22;
	box-shadow: none;
	text-shadow: none;
}

.box2 {
	float:right;
	width:200px;
}


p.map {
	font-size:1.2em;	
	text-align:left;	
	margin:50px 20px;
}
@media only screen and (max-width : 760px){
p.map {
	text-align:left;
	margin:15px 5px;
}	
}


.accordion_01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #e60012;
    margin:20px 0;	
}
.accordion_01:hover .slist {
    width: 20%;
}
.accordion_01 .slist {
    position: relative;
    overflow: hidden;
    width: 20%;
    height: 60vh;
    -webkit-transition: width 0.5s ease;
    transition: width 0.5s ease;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.accordion_01 .slist:nth-child(1) {
    background-image: url('https://mikihouse3939.com/wp-content/uploads/k1.jpg');
}
.accordion_01 .slist:nth-child(2) {
    background-image: url('https://mikihouse3939.com/wp-content/uploads/k2.jpg');
}
.accordion_01 .slist:nth-child(3) {
    background-image: url('https://mikihouse3939.com/wp-content/uploads/k3.jpg');
}
.accordion_01 .slist:nth-child(4) {
    background-image: url('https://mikihouse3939.com/wp-content/uploads/k4.jpg');
}
.accordion_01 .slist:nth-child(5) {
    background-image: url('https://mikihouse3939.com/wp-content/uploads/k5.jpg');
}
.accordion_01 .slist:before,
.accordion_01 .slist:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.accordion_01 .slist:after {
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    opacity: 1;

}
.accordion_01 .slist:before {
    z-index: 1;
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-transform: translate3d(0, 0, 0) translateY(50%);
    transform: translate3d(0, 0, 0) translateY(50%);
    opacity: 0;

}
.accordion_01 .slist:hover {
    width: 60% !important;
}
.accordion_01 .slist:hover:after {
    opacity: 0;
}
.accordion_01 .slist:hover:before {
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease 0.25s;
    transition: opacity 1s ease, -webkit-transform 1s ease 0.25s;
    transition: opacity 1s ease, transform 1s ease 0.25s;
    transition: opacity 1s ease, transform 1s ease 0.25s, -webkit-transform 1s ease 0.25s;
    -webkit-transform: translate3d(0, 0, 0) translateY(0);
    transform: translate3d(0, 0, 0) translateY(0);
    opacity: 1;
}
.accordion_01 .slist:hover .scontent {
    -webkit-transition: all 0.75s ease 0.5s;
    transition: all 0.75s ease 0.5s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.accordion_01 .slist h2 {
    font-size: 1.4em;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transition: all 0.75s ease;
    transition: all 0.75s ease;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    white-space: nowrap;
}
.accordion_01 .slist h2::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
}
.accordion_01 .slist:hover h2 {
    top: 2%;
}
.accordion_01 .scontent {
    position: relative;
    z-index: 1;
    top: 10%;
    margin: 0 1.618em;
    -webkit-transform: translate3d(0, 0, 0) translateY(25px);
    transform: translate3d(0, 0, 0) translateY(25px);
    text-align: center;
    opacity: 0;
}
@media only screen and (max-width:768px) {
.accordion_01 {
    display: block;
}
.accordion_01:hover .slist {
    width: 100%;
    height: 20vh;
}
.accordion_01 .slist {
	width: 100%;
	height: 20vh;
}
.accordion_01 .slist:hover {
	width: 100% !important;
	height: 100vh !important;
}
.accordion_01 .slist h2 {
	top: 35%;
}
}








.swiper-container{
    width: 100%;
height: 300px;
	margin:10px 0;
object-fit: cover;
}
@media only screen and (max-width:768px) {
.swiper-container{
    width: 100%;
}
}

.swiper-button-next:after, .swiper-button-prev:after {
	color:#ef877b;
}

.swiper-container .swiper-pagination-bullet-active {
  background: #ef877b;
}



.section {
		padding:0 12% 0 12%;
			width: 100%;

}
	
		@media screen and (max-width: 480px) {
.section {
		padding:0 0 0 0;
			width: 100%;

}
	}



/*====================================================================
inview
====================================================================*/

.content {
	overflow-x: hidden;
		width: 100%;
}
.fadeIn {
	opacity: 0;
	transition: 0.8s;
}
.fadeIn.is-show {
	opacity: 1;
}
.fadeIn_up {
	opacity: 0;
	transform: translate(0, 200px);
	transition: 0.8s;
}
.fadeIn_up.is-show {
	transform: translate(0, 0);
	opacity: 1;
}
.fadeIn_left {
	opacity: 0;
	transform: translate(-200px, 0);
	transition: 0.8s;
}
.fadeIn_left.is-show {
	transform: translate(0, 0);
	opacity: 1;
}
.fadeIn_right {
	opacity: 0;
	transform: translate(200px, 0);
	transition: 0.8s;
}
.fadeIn_right.is-show {
	transform: translate(0, 0);
	opacity: 1;
}


p.map {
	text-align:left;
	font-size:1.0em;
}


/* ▼▼▼トップページの文字の大きさ▼▼▼ */
.front_01 {
  position: relative;
  padding: 0.3rem 1.5rem;
  text-align: center;
  font-size:27px;
  margin:10px 0 30px 0;
  font-weight:bold;
}
.front_01:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #ef877b;
}
@media only screen and (max-width : 960px){
.front_01 {
	font-size:24px;
	padding: 6% 0 0% 0;
	margin: 0px 0px 0px 0px;
}	
}
@media only screen and (max-width : 480px){
.front_01 {
	font-size:22px;
	padding: 3% 0 0% 0;
	margin: 0px 0px 10px 0px;
}	
}

.front_02 {
	font-size:32px;
	padding: 35px 0 50px 0;
	margin: 0px 0px 0px 0px;
}
@media only screen and (max-width : 960px){
.front_02 {
	font-size:32px;
	padding: 6% 0 0% 0;
	margin: 0px 0px 0px 0px;
}	
}
@media only screen and (max-width : 480px){
.front_02 {
	font-size:23px;
	padding: 3% 0 0% 0;
	margin: 20px 0px 20px 0px;
}	
}


.front_03 {
	font-size:24px;
	padding: 10px 0 20px 0;
	margin: 5px 0px 5px 0px;
}
@media only screen and (max-width : 960px){
.front_03 {
	font-size:24px;
	padding: 6% 0 0% 0;
	margin: 5px 0px 40px 0px;
}	
}
@media only screen and (max-width : 480px){
.front_03 {
	font-size:18px;
	padding: 3% 0 0% 0;
	margin: 5px 0px 30px 0px;
}	
}
/* ▲▲▲トップページの文字の大きさ▲▲▲ */



/*
==================================================

==================================================
*/
.box6 {
  width: 100%;
  height:500px;
}
@media only screen and (max-width : 960px){
.box6 {
  width: 100%;
  height:250px;
}	
}

.kakomi {
  margin: 0px;
  float: left;
  width: 100%;
}
.kakomi img {
  float: left;
  margin: 50px 15px 50px 0px;
  width: 70%;
}
@media only screen and (max-width : 960px){
.kakomi img {
  float: left;
  margin: 10px 15px 35px 0px;
  width: 100%;
}
}
.kakomi p {
  margin: 70px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}




.business {
    border: 8px solid #fff;

}

.box7 {
	width: 100%;
	background-color:#fff;
	padding:10px;
	font-size:20px;
box-shadow: 5px 5px 0px 0 rgb(214, 214, 214);
}
@media only screen and (max-width : 760px){
.box7 {
	width: 100%;
	background-color:#fff;
	padding:3px;
	font-size:16px;
}	
}



/* ▼▼▼リンクボタン（灰色）▼▼▼ */
.btn_gray {
	display: inline-block;
	max-width: 180px;
	text-align: left;
	border: 2px solid #205DAB;
	background-color:#205DAB;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding: 8px 25px;
	transition: .4s;
	margin:0px 0px 0px 0px;
}
@media only screen and (max-width : 760px){
.btn_gray {
	display: inline-block;
	max-width: 180px;
	text-align: left;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	padding: 8px 25px;
	transition: .4s;
	margin: 0px 0px 0px 0px;
}	
}
.btn_gray:hover {
	background-color: #fff;
	border-color: #172A88;
	color: #172A88;
}
@media only screen and (max-width : 760px){
.btn_gray:hover {
}	
}
/* ▲▲▲リンクボタン（灰色）▲▲▲ */



p.company {
	font-size:1.2em;
}



/*
==================================================
お問い合わせ
==================================================
*/
.contact-width{max-width: 100%;}


/*
==================================================
お問い合わせ
==================================================
*/
textarea {
	width:100%;
}

@media only screen and (max-width : 760px){
input {
	width:100%;
	font-size:0.5em;
}
}
	
select {
	width:100%;
	height:30px;	
}
@media only screen and (max-width : 760px){	
select {
	width:100%;
}
}

input[type="text" i] {
	width:100%;
	height:25px;
}	
@media only screen and (max-width : 760px){	
input[type="text" i] {
	width:100%;
}	
}
input[type="submit" i] {
	font-size:1.2em;
}

input[type="reset" i] {
	font-size:1.2em;	
}

input[type="radio" i] {
	width:20px;	
}

input[type="checkbox" i] {
	width:20px;
}

.grecaptcha-badge { visibility: hidden; }



.box9 {
  width: 760px;	
		margin-left: auto;
	margin-right: auto;	
}
@media only screen and (max-width : 760px) {
.box9 {
  width: 100%;	
}	
}


.grid {
  display: grid;
  gap: 10px;
  grid-template-columns: 2fr 1fr;
		vertical-align : middle;
}
.main_01 {
    background: #fff;
}
.side_01 {
  background: #fff;
}
.main_01,
.side_01 {
  padding: 2%;
  border-radius: 10px
}

@media(max-width: 760px){
  .grid {
	gap: 0px;
    grid-template-columns: 1fr;
  }
}

p.town {
	font-size:20px;
	line-height:2;
}

p.town_01 {
	font-size:20px;
	line-height:2;
	text-align:center;
}

.grid_01 {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 2fr;
  vertical-align : middle;
}
.main_02 {
    background: #fff;
}
.side_02 {
  background: #fff;
}
.main_02,
.side_02 {
  padding: 2%;
  border-radius: 10px
}

@media(max-width: 760px){
  .grid_01 {
	gap: 0px;
    grid-template-columns: 1fr;
  }
}

/* ▼▼▼リンクボタン（ピンク色）▼▼▼ */
.btn_pink {
	display: inline-block;
	max-width: 200px;
	text-align: left;
	background-color: #ef877b;
	border-color: #ef877b;
	color: #F6F6F6;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	padding: 8px 25px;
	border-radius: 30px;
	transition: .4s;
	margin:20px 0px 20px 0px;
}
@media only screen and (max-width : 760px){
.btn_pink {
	max-width: 200px;
	margin: 15px 0px 15px 0px;
}	
}
.btn_pink:hover {
	border: 1px solid #ef877b;
	color: #696969;
	background-color: #fff;
}
@media only screen and (max-width : 760px){
.btn_pink:hover {
	background-color: #c0c0c0;
	border-color: #dcdcdc;
	color: #F6F6F6;
}	
}
/* ▲▲▲リンクボタン（ピンク色）▲▲▲ */



/* ▼▼▼橋村農園のこだわりの背景▼▼▼ */
.commit {
	margin: 0px 0px 0px 0px;
}
@media only screen and (max-width : 760px){
.commit {
	margin: 0px 0px 0px 0px;
}	
}

.back_01 {
    background-image: url("https://hashimura.group/wp-content/uploads/momo-backimage.png");
    background-position: center center;
    background-repeat: repeat-x;
    background-size:1800px;
	padding: 30px 10px;

}
@media only screen and (max-width : 960px){
.back_01 {
    background-image: url("https://hashimura.group/wp-content/uploads/momo-backimage-sp.png");
    background-size:1600px;
	padding: 10px 10px;
}	
}
@media only screen and (max-width : 760px){
.back_01 {
    background-image: url("https://hashimura.group/wp-content/uploads/momo-backimage-sp.png");
    background-size:1500px;
	padding: 10px 5px;
}	
}
@media only screen and (max-width : 480px){
.back_01 {
    background-image: url("https://hashimura.group/wp-content/uploads/momo-backimage-sp-01.png");
    background-size:1100px;
	padding: 10px 3px;
}	
}

/* ▲▲▲橋村農園のこだわりの背景▲▲▲ */


/* ▼▼▼フッター　リンクの色変更▼▼▼ */
.noline {
  text-decoration:none;
	color:#fff;
}
a:hover.noline {
  text-decoration:underline;
	color:#fff;
}
/* ▲▲▲フッター　リンクの色変更▲▲▲ */

/* ▼▼▼栽培日記　リンクの色変更▼▼▼ */
.noline_01 {
  text-decoration:none;
	color:#000;
}
a:hover.noline_01 {
  text-decoration:underline;
	color:#000;
}
/* ▲▲▲栽培日記　リンクの色変更▲▲▲ */

.box8 {
	margin:0 15%;
}
@media only screen and (max-width : 960px){
.box8 {
	margin:0 5px;
}
}

.boxCh {
  margin: 10px;
  padding: 10px;
  border: 1px solid #ccc;
  background: #ffffff;
	text-align:center;
}

li.cat-item {
  text-decoration:none;
	color:#000;
	font-size:15px;
}
li.cat-item-1 a {
  text-decoration:none;
	color:#000;
}

li.cat-item-2 a {
  text-decoration:none;
	color:#000;
}

li.cat-item-3 a {
  text-decoration:none;
	color:#000;
}

li.cat-item-1 a:hover {
  text-decoration:underline;
	color:#000;
}
li.cat-item a:hover {
  text-decoration:underline;
	color:#000;
}

.formTable {
	table-layout: auto;	
}

#breadcrumb {
	margin: 0 0 0 10px;
}
@media only screen and (max-width : 760px){
#breadcrumb {
	margin: 0 0 0 0;
}
}
#breadcrumb a {
    text-decoration: none;
    color: #000;	
}
#breadcrumb a:hover {
    text-decoration: underline;
    color: #000;	
}

/* ▼▼▼囲みボックス▼▼▼ */
.box10 {
    margin: 2em 0;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box10 .box-title {
    font-size: 1.2em;
    background: #ef877b;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box10 .box-title:before {
    content: url("https://hashimura.group/wp-content/uploads/momo-icon.png");  /*画像のURL*/
    margin:0 20px 0 0;  /*画像右の余白*/
	vertical-align: middle;
}
.box10 .box-title:after {
    content: url("https://hashimura.group/wp-content/uploads/momo-icon.png");  /*画像のURL*/
    margin:0 0 0 10px;  /*画像右の余白*/
	vertical-align: middle;
}
.box10 p {
    padding: 15px 20px;
    margin: 0;
}

/* ▲▲▲囲みボックス▲▲▲ */

/* ▼▼▼表（農園案内に使用）レスポンシブ▼▼▼ */
table.time {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
	table-layout: auto;
	margin:10px 0;
}

table.time tr {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: .35em;
}
table.time th,
table td {
  padding: 1em 10px 1em 1em;
  border-right: 1px solid #bbb;
}
table.time th {
  font-size: 1.2em;
}
table.time thead tr{
  background-color: #eee;
}
.txt{
   text-align: left;
   font-size: 1.0em;
}
.price{
   text-align: left;
}
@media screen and (max-width: 960px) {
table.time {
    border: 0;
    width:100%
  }
table.time th{
    background-color: #eee;
    display: block;
    border-right: none;
  }
table.time thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
table.time tr {
    display: block;
    margin-bottom: .625em;
  }
  
table.time td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: 1.0em;
    text-align: right;
    position: relative;
    padding: .625em .625em .625em 4em;
    border-right: none;
  }
  
table.time td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
  }
  
table.time td:last-child {
    border-bottom: 0;
  }
}
/* ▲▲▲表（農園案内に使用）レスポンシブ▲▲▲ */


h3.momo {
    padding:5px 5px;  /*内側の余白*/
}

h3.momo:before {
    content: url("https://hashimura.group/wp-content/uploads/momo-icon-01.png");  /*画像のURL*/
    margin:0 20px 0 0;  /*画像右の余白*/
	vertical-align: middle;
}
h3.momo:after {
    content: url("https://hashimura.group/wp-content/uploads/momo-icon-01.png");  /*画像のURL*/
    margin:0 0 0 20px;  /*画像右の余白*/
	vertical-align: middle;
}
@media only screen and (max-width : 760px){
h3.momo:before {
    content: url("https://hashimura.group/wp-content/uploads/momo-icon-01-sp.png");  /*画像のURL*/
    margin:0 10px 0 0;  /*画像右の余白*/
	vertical-align: middle;
}
h3.momo:after {
    content: url("https://hashimura.group/wp-content/uploads/momo-icon-01-sp.png");  /*画像のURL*/
    margin:0 0 0 10px;  /*画像右の余白*/
	vertical-align: middle;
}
}

h3.hassaku {
    padding:5px 5px;  /*内側の余白*/
}

h3.hassaku:before {
    content: url("https://hashimura.group/wp-content/uploads/hassaku-icon.png");  /*画像のURL*/
    margin:0 20px 0 0;  /*画像右の余白*/
	vertical-align: middle;
}
h3.hassaku:after {
    content: url("https://hashimura.group/wp-content/uploads/hassaku-icon.png");  /*画像のURL*/
    margin:0 0 0 20px;  /*画像右の余白*/
	vertical-align: middle;
}
@media only screen and (max-width : 760px){
h3.hassaku:before {
    content: url("https://hashimura.group/wp-content/uploads/hassaku-icon-sp.png");  /*画像のURL*/
    margin:0 10px 0 0;  /*画像右の余白*/
	vertical-align: middle;
}
h3.hassaku:after {
	content: url("https://hashimura.group/wp-content/uploads/hassaku-icon-sp.png");  /*画像のURL*/
    margin:0 0 0 10px;  /*画像右の余白*/
	vertical-align: middle;
}
}

h3.kaki {
    padding:5px 5px;  /*内側の余白*/
}

h3.kaki:before {
    content: url("https://hashimura.group/wp-content/uploads/kaki-icon.png");  /*画像のURL*/
    margin:0 20px 0 0;  /*画像右の余白*/
	vertical-align: middle;
}
h3.kaki:after {
    content: url("https://hashimura.group/wp-content/uploads/kaki-icon.png");  /*画像のURL*/
    margin:0 0 0 20px;  /*画像右の余白*/
	vertical-align: middle;
}
@media only screen and (max-width : 760px){
h3.kaki:before {
    content: url("https://hashimura.group/wp-content/uploads/kaki-icon-sp.png");  /*画像のURL*/
    margin:0 10px 0 0;  /*画像右の余白*/
	vertical-align: middle;
}
h3.kaki:after {
	content: url("https://hashimura.group/wp-content/uploads/kaki-icon-sp.png");  /*画像のURL*/
    margin:0 0 0 10px;  /*画像右の余白*/
	vertical-align: middle;
}
}