@charset "UTF-8";
/*ここからヘッダー部分*/
@media screen and (max-width: 986px){
.pc{
		display: none;
	}
header{
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	width: 100%;
	height: 70px;
	padding: 10px 0;
	position: relative;
	background-color: #fff;
	margin-bottom: 5px;
}
.site_logo{
	display: block;
	width: 30%;
	position:absolute;
	left: 50%;
	transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
	}
img.logo{
	width: 100%;
	margin: auto;	
	}
}

@media screen and (min-width: 987px){
header{
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	height: 90px;
	padding: 25px 0 10px 0;
	margin-bottom: 5px;
	background-color: #fff;
	}
.site-logo{
	display: block;
	width: 20%;
	position:absolute;
	left: 50px;
}
img.logo{
	width: 80%;
	margin: 5rem;	
	}
}

/*グローバルナビゲーション*/
@media screen and (max-width: 986px){
.main-menu{
		display: block;		
	}
.g-nav{
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position:fixed;
    z-index: 90;
    /*ナビのスタート位置と形状*/
    top:0;
    left: -110%;
    width: 100%;
    height: 100vh;/*ナビの高さ*/
    background:#919191;
    /*動き*/
    transition: all 0.6s;
}
.g-nav.panelactive{
    left: 0;
}
.gnav__list{
	padding: 70px 20px 0;
	}
.gnav__list li{
	border-bottom: solid 1px #ffffff;
    list-style: none;
	}
.gnav__list li a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}
.gnav__list li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}	
.sub-menu li{
		text-indent: 2rem;
	}
	/*ボタンのCSSと動き*/
.openbtn1{
  position:fixed;
    z-index: 9999;/*ボタンを最前面に*/
  top:2px;
  left: 10px;
  cursor: pointer;
    width: 60px;
    height:60px;
}
/*×に変化*/  
.openbtn1 span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
  background-color: #000;
    width: 45%;
  }

.openbtn1 span:nth-of-type(1) {
  top:15px; 
}

.openbtn1 span:nth-of-type(2) {
  top:25px;
}

.openbtn1 span:nth-of-type(3) {
  top:35px;
}

.openbtn1.active span:nth-of-type(1) {
    top: 15px;
    left: 10px;
    transform: translateY(10px) rotate(-45deg);
    width: 33%;
	background-color: #fff;
}

.openbtn1.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn1.active span:nth-of-type(3){
    top: 35px;
    left: 10px;
    transform: translateY(-10px) rotate(45deg);
    width: 33%;
	background-color: #fff;
}

.headerColor-default span {
  background-color: #000;
}
}
@media screen and (min-width: 987px){
.main-menu{
  display: block;
  position: relative;
  left: 10%;
	top: 20px;
	margin-bottom: 1rem;
}
.gnav__list {
	display:flex;
	gap:4rem;
	
}
.nav.gnav ul.gnav__list a:hover{
	color: darkred;
}
.nav.gnav ul.gnav__list li{
	display: block;
	width: 10rem;
	height: 50px;
}
.nav.gnav ul.gnav__list li a{
	display: block;
	width: 10rem;
	height: 50px;
}
.has-menu {
		display: block;
		position: relative;
	}
.sub-menu {
    visibility: hidden;/*デフォルトでは非表示の状態にしておく*/
    opacity: 0;/*不透明度0*/
    transition: all .3s;/*表示の変化を0.3秒に指定*/
    width: 180px;
    position: absolute;
    top: 40px;
    left: 0;
}
.has-menu:hover .sub-menu {
    visibility: visible;/*Gナビメニューにホバーしたら表示*/
    opacity: 1;/*不透明度1*/
}
.sub-menu_list {
    background-color:#928F8F;
    height: 50px;
    transition: all .3s;
    position: relative;
}
.sub-menu_list:not(:first-child)::before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #928F8F;
    position: absolute;
    top: 0;
    left: 0;
}
.sub-menu_list:hover {
    background-color: #85A7B3;
}
.sub-menu_list a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    position: relative;
	padding-top: 1rem;
}	
}

/*検索フォーム*/
@media screen and (min-width: 987px){
form{
	position: absolute;
	top: 35px;
	left: 80%;

	
}
form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    /*border: 1px solid #7d8c97;*/
    border-radius: 3px;
}

form input.text {
    padding: 3px 10px;
    border: none;
    box-sizing: border-box;
    font-size: 1em;
    outline: none;
}

form input.text::placeholder{
    color: #767d83;
}

form input.submit {
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background-color: #7d8c97;
    cursor: pointer;
}

.search-form button::after {
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpath%20d%3D%22M23.7%2020.8%2019%2016.1c-.2-.2-.5-.3-.8-.3h-.8c1.3-1.7%202-3.7%202-6C19.5%204.4%2015.1%200%209.7%200S0%204.4%200%209.7s4.4%209.7%209.7%209.7c2.3%200%204.3-.8%206-2v.8c0%20.3.1.6.3.8l4.7%204.7c.4.4%201.2.4%201.6%200l1.3-1.3c.5-.5.5-1.2.1-1.6zm-14-5.1c-3.3%200-6-2.7-6-6s2.7-6%206-6%206%202.7%206%206-2.6%206-6%206z%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    content: '';
}
	}

/*リンクボタンエリア*/
@media screen and (max-width: 986px){
.button-area{
	display: block;
	width: 100%;
	margin: 5rem 0;
	text-align: center;
}
.button-area button{
	width: 60%;
	height: auto;
	font-size: 1.8rem;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 300;
	border: none;
	background-color: aqua;
	padding: 1rem;
	
}
.wp-block-button{
	width: 60%;
	height: auto;
	font-size: 1.8rem;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 300;
	border: none;
	background-color: aqua;
	padding: 1rem;
	
}
}
@media screen and (min-width: 987px){
.button-area{
	display: block;
	width: 100%;
	margin: 5rem 0;
	text-align: center;
}
.button-area button{
	width: 40%;
	height: auto;
	font-size: 1.8rem;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 300;
	border: none;
	background-color: aqua;
	padding: 1rem;
	
}
.wp-block-button{
	width: 40%;
	height: auto;
	font-size: 1.8rem;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 300;
	border: none;
	background-color: aqua;
	padding: 1rem;
	
}
}
.wp-block-button .is-style-arrow{
	display: flex;
	align-items: center;
	background-color: aqua;
	color: #fff;
}
.wp-block-button .is-style-arrow::after{
	content:'';
	margin-left: 0.5em;
	width: 10px;
	height: 18px;
	display: flex;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg width='9' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 15a1 1 0 01-.77-1.64L5.71 8 1.39 2.63a1 1 0 01.15-1.41A1 1 0 013 1.37l4.83 6a1 1 0 010 1.27l-5 6A1 1 0 012 15z' fill='%23fff'/%3E%3C/svg%3E");
}
.wp-block-button .is-style-fixed{
	width: 80vw;
	max-width: 20em;
	font-size: 1rem;
}
/*ウィジットエリア*/
@media screen and (max-width: 986px){
	.widget_block{
	display: block;
	width:100%;
	margin: 0;
	padding: 2rem 0;
	}	
.widget_block h2{
	margin: 0;
	font-size: 2.2rem;
	}
.widget_block ul{
	display: block;
	padding:0 3rem;
	}
.widget_block ul a{
	line-height: 1.8;	
	}
.widget_block .widget_categories{
	width: calc(100% - 20px);
	margin: 0 auto;
	padding: 10px 0;
	border: solid 1px;
	}
.widget_block .widget_archive{
	width: calc(100% - 20px);
	margin: 0 auto;
	padding: 10px 0;
	border: solid 1px;
	}
}
@media screen and (min-width: 987px){
.widget_block{
	display: block;
	width: calc(100%-2rem);
	margin-top: 20px;
	padding-top: 2rem;
	/*border: solid 1px;
	border-radius: 5px;*/
	}	
.widget_block h2{
	margin: 0;
	font-size: 2.2rem;
	}
.widget_block ul{
	display: block;
	padding:0 3rem;
	margin: 0;
	}
.widget_block ul a{
	line-height: 1.8;	
	}
.widget_block .widget_categories{
		margin-top: 10px;
		padding: 10px 0;
	border: solid 1px;
	border-radius: 3px;
	}
.widget_block .widget_archive{
		margin-top: 10px;
		padding: 10px 0;
	border: solid 1px;
	border-radius: 3px;
	}
}

/*サイドバー*/
@media screen and (min-width: 987px){
aside{
	background-color: #fff;	
	padding: 2rem;
	width: 40%;
	}
.sidebar{
	min-width: 260px;
	/*padding: 2rem 2rem 0 0;*/
	padding: 0;
	margin: 0 auto;	
}
}

/*ナビゲーション*/
.navigation{
	display: flex;
	gap: 100px;
	justify-content: center;
	width: 100%;
	margin: 5rem auto 0 auto;
}
.navigation_pager{
	display: flex;
	gap: 10px;
	justify-content: center;
	width: 100%;
	margin: 5rem auto 0 auto;
}
.navigation_pager a.pagenumber{
	display: block;
	width: 50px;
	height: 50px;
	text-align: center;
	background-color: #D5FBF1;
	padding: 1rem;
	color: #000;
}

footer{
	display: block;
	height: 100px;
	width: 100%;
	padding: 1rem 0;
	background-color: #fff;
	margin-top: 5px;
	position: absolute;
    bottom: 0;
}
footer small{
	display: block;
	width: 100%;
	margin-top: 3rem;
	text-align: center;
}
.footer-Copyright P{
	display: block;
	
}
.row{
	display: grid;
	grid-template-columns: 45% 45%;
	grid-template-rows: 1fr 1fr;
	gap: 30px;
	}