@charset "utf-8";

/*
Theme Name: 道の駅那須与一の郷
Description: 2026年2月制作、オリジナルテーマ
Theme URI: https://saitasaita.co.jp/
Author: Saita corp.
Author URI: https://saitasaita.co.jp/
Description: Original Wordpress theme for Michinoeki-NasunoYoichinosato.
Version: 1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/*
font-family: "Noto Sans JP", sans-serif;
font-family: "Roboto", sans-serif;
font-family: "Dela Gothic One", sans-serif; 400
*/

li { list-style: none;}
img { border: 0; -webkit-backface-visibility: hidden; width: 100%;image-rendering: -webkit-optimize-contrast;height: auto;}
a {color: #000; outline: none; text-decoration: none;}
h1, h2, h3, h4, p,figure { margin: 0; padding: 0;}
ul { margin: 0; padding: 0;}
html { height:100%;	overflow-y: scroll;}
span { display: inline-block;}
.clearfix:after { content: ""; clear: both; display: block;}

body {
margin: 0;
padding: 0;
color: #000;
line-height: 180%;
font-family: 'Roboto', 'Noto Sans JP', "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS UI Gothic, Osaka, sans-serif;
font-size: 16px;
overflow-x: hidden;
font-weight: 500;
position: relative;
max-width: 100%;
background: url("images/back.webp") repeat;
	background-attachment: fixed;
}

/*----------------loading------------------*/
#white {
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  z-index: 1000000;
  position: fixed;
  left: 0;
  top: 0;
}


span {display: inline-block;}
/*----LUXYプリンタ対応----*/
#luxy {position: fixed !important;}	
@media print {#luxy {position: static !important;}}

/*----Ios初期化-----*/
input, textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  max-width: 100%;
}

/*----tel イベント-------------*/
a.tel { cursor: default; pointer-events: none; text-decoration: none;}
@media screen and (max-width: 855px) {
  a.tel { pointer-events: auto;}
}



/*-----------------------------------------------------
ヘッダー
--------------------------------------------------------*/
.header {
  	width: 100%;
	height: auto;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
	padding: 0;	
	z-index: 0;
	background: url("images/wave.webp") repeat-x top;
	background-size: auto 50px;
	display: flex;
	justify-content: space-between;
}

/*--段組み---*/
.header .left {
	margin: 0;
  	padding: 23px 0 120px 47px;
  	width: 100%;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
}
.header .left.cont {padding: 23px 0 30px 47px;}


@media screen and (max-width: 1100px) {
.header .left {	padding: 23px 0 120px 20px;}	
}
@media screen and (max-width: 833px) {
.header .left {	padding: 56px 0 340px 40px;}		
}
@media screen and (max-width: 700px) {
.header .left {
  	padding: 20px 0 0 40px;
	height: 100vw;
	box-sizing: border-box;
	}	
.header .left.cont {
  	height: auto;
}
}
@media screen and (max-width: 650px) {
.header .left {	padding: 20px 0 0 20px;height: 120vw;}		
.header .left.cont {padding: 20px 0 20px 20px;height: auto;}
}
@media screen and (max-width: 450px) {
.header .left {height: 130vw;}		
}

/*---メニュー---*/
.gmenu {
	background-color: #5f4c1f;
	display: inline-block;
	border-radius: 50px;
	padding: 0 20px;
	position: relative;
}
.gmenu::after {
	content: "";
	width: 349px;
	height: 44px;
	background: url("images/kumo.svg") no-repeat;
	position: absolute;
	right: -100px;
	bottom: -44px;
}
.gmenu a {
	display:inline-block;
	line-height: 53px;
	padding: 0 20px;
	color: #fff;
}
@media screen and (max-width: 1005px) {
.gmenu a {
	padding: 0 10px;
}
}

@media screen and (max-width: 880px) {
.gmenu {display: none;}	
}

/*---トップタイトル---*/
.title_top {
	margin: 186px 0 0 50px;
	display: flex;
	justify-content: space-between;
}

.title_top.cont {margin: 80px 0 0 50px;}

.title_top h1 {
	font-size: 58px;
	font-family: "Dela Gothic One", sans-serif;
	line-height: 95%;
	font-weight: 400;
}
.title_top h1 span {font-size: 27px; margin-left: 15px;}
.title_top figure {	width: 110px;height: auto;}
.title_top .name {width: calc(100% - 110px - 20px);}
.title_top p {font-size: 15px;margin: 10px 0 0 0;}

/*--ボタン部---*/
.redbtn {
	border-radius: 50px;
	overflow: hidden;
	display: inline-flex;
	justify-content: flex-start;
	margin: 20px 0 0 0;
}
.redbtn a {
	background-color: #c91818;
	color: #fff;
	display: inline-block;
	padding: 2px 15px;
	font-size: 15px;
	transition: 0.5s;
}
.redbtn a:nth-child(1) {padding-left: 25px;}
.redbtn a:nth-child(2) {padding-right: 25px; border-left: 1px solid #fff;}
.redbtn a:hover {background-color: #8e1313;}

@media screen and (max-width: 1457px) {
.title_top {margin: 186px 0 0 0px;}	
.title_top.cont {margin: 80px 0 0 0px;}
}
@media screen and (max-width: 833px) {
.title_top {margin: 0;display: block;}
.title_top.cont {margin: 0;}
}
@media screen and (max-width: 550px) {
.title_top h1 {font-size: 45px;}
.title_top h1 span {font-size: 20px;}	
}
@media screen and (max-width: 430px) {
.title_top figure {	width: 90px;}
.title_top h1 {font-size: 40px;}
.title_top h1 span {font-size: 18px;}	
.title_top .name {width: 100%;}
	
.redbtn {margin: 10px 0 0 0;}
.redbtn a {
	padding: 2px 10px;
	font-size: 14px;
}
.redbtn a:nth-child(1) {padding-left: 15px;}
.redbtn a:nth-child(2) {padding-right: 15px;}
}

/*---与一像--------*/

.yoichi {
	position: absolute;
	width: 495px;
	height: auto;
	bottom: 0;
	right: 20%;
	animation: fuwafuwa1 3s ease-in-out infinite alternate;
}

.nami1 {
	position: absolute;
	width: 403px;
	height: auto;
	bottom: 30px;
	right: calc(20% + 220px);
	animation: fuwafuwa2 3s ease-in-out infinite alternate;
}
.nami2 {
	position: absolute;
	width: 469px;
	height: auto;
	bottom: -50px;
	right: calc(20% - 60px);
	animation: fuwafuwa3 3s ease-in-out infinite alternate;
}

@media screen and (max-width: 1457px) {
.yoichi {right: 15%;}	
.nami1 {right: calc(15% + 220px);}
.nami2 {right: calc(15% - 60px);}
}

@media screen and (max-width: 1270px) {
.yoichi {right: 7%;}	
.nami1 {right: calc(7% + 220px);}
.nami2 {right: calc(7% - 60px);}
}
@media screen and (max-width: 1050px) {
.yoichi {right: 0;}	
.nami1 {right: 220px;}
.nami2 {right: -30px;}
}
@media screen and (max-width: 650px) {
.yoichi {max-width: 80%; right: 0;}	
.nami1 {right: inherit; left: 10px; bottom: 0; max-width: 60%;}
.nami2 {right: 0px; max-width: 80%;}
}
@media screen and (max-width: 480px) {
.yoichi {bottom: -20px;}	
}
 
@keyframes fuwafuwa1 {
  0% {transform:translate(0, 0) rotate(-3deg);}
  100% {transform:translate(0, -5px) rotate(0deg);}
}
@keyframes fuwafuwa2 {
  0% {transform:translate(0, 0) rotate(0deg);}
  100% {transform:translate(-60px, -27px) rotate(-12deg);}
}
@keyframes fuwafuwa3 {
  0% {transform:translate(0, 0) rotate(-11deg);}
  100% {transform:translate(0, -27px) rotate(0deg);}
}

/*--コンテンツでの与一---*/

.yoichi.conti {
	width: 300px;
	bottom: 0;
	right: 10%;
}

.nami1.conti {
	width: 300px;
	bottom: 10px;
	right: calc(10% + 100px);
}
.nami2.conti {
	width: 300px;
	bottom: -35px;
	right: calc(10% - 60px);
}

@media screen and (max-width: 690px) {
.yoichi.conti,
.nami1.conti,
.nami2.conti {display: none;}	
}

/*--季節ごとの背景(1が右）---*/

.winter1 {
	position: absolute; height: auto; z-index: 0;
	right: 0; top: -150px; max-width: 60%;
}
.winter2 {
	position: absolute; height: auto; z-index: 0;
	bottom: -320px; left: 0; max-width: 60%;
}

.winter2.cont {bottom: -420px;}

@media screen and (max-width: 1400px) {
.winter1 {top: -100px;}
.winter2 {bottom: -220px;}	
}
@media screen and (max-width: 1100px) {
.winter1 {max-width: 70%;}
.winter2 {max-width: 70%;}	
}
@media screen and (max-width: 830px) {
.winter1 {max-width: 80%; top: 0;}
.winter2 {max-width: 70%;}	
}
@media screen and (max-width: 450px) {
.winter1 {max-width: 120%; top: 0;}
.winter2 {max-width: 80%; bottom: -100px;}	
}


.spring1 {
	position: absolute; height: auto; z-index: 0;
	right: 0; top: 0; max-width: 50%;
}
.spring2 {
	position: absolute; height: auto; z-index: 0;
	bottom: -20px; left: 0; max-width: 60%;
}

.spring2.cont {bottom: -120px;}

@media screen and (max-width: 1160px) {
.spring1 {max-width: 70%;}
.spring2 {max-width: 70%;}	
}
@media screen and (max-width: 830px) {
.spring1 {max-width: 90%;}
}
@media screen and (max-width: 550px) {
.spring1 {max-width: 100%;}
.spring2 {bottom: -10px;}	
}
	
.summer1 {
	position: absolute; height: auto; z-index: 0;
	right: 0; top: -50px; max-width: 60%;
}
.summer2 {
	position: absolute; height: auto; z-index: 0;
	bottom: -250px; left: 0; max-width: 60%;
}

.summer2.cont {bottom: -220px;}

@media screen and (max-width: 1050px) {
.summer1 {max-width: 70%;}
.summer2 {bottom: -150px; max-width: 70%;}
}
@media screen and (max-width: 830px) {
.summer1 {max-width: 100%;}
.summer2 {bottom: -50px;}
}
@media screen and (max-width: 500px) {
.summer1 {max-width: 120%;}
}

.fall1 {
	position: absolute; height: auto; z-index: -1;
	right: 0; top: 0; max-width: 80%;
}
.fall2 {
	position: absolute; height: auto; z-index: 0;
	top:0; left: 0; max-width: 30%;
}
@media screen and (max-width: 1000px) {
.fall2 {max-width: 60%;}	
}
@media screen and (max-width: 700px) {
.fall1 {max-width: 100%;}
.fall2 {top:inherit; bottom: -100px;max-width: 60%;
}	
}

/*--------------------------------------------------------
ハンバーガーメニュー
----------------------------------------------------------*/

/*----------ハンバーガー-----------*/
/*Media Queries*/

#nav-drawer {
  display: block;
  z-index: 100;
  width: 206px;
  height: 124px;
background: url("images/oogi.webp") no-repeat center;
	background-size: contain;
  position: fixed;
  top: 25px;
  right: 68px;
}
	
/*チェックボックス等は非表示に*/
#nav-drawer .nav-unshown {
  display: none;
}
/*アイコンのスペースハンバーガー*/
#nav-open {
  display: inline-block;
  width: 65px;
  height: 65px;
  box-sizing: border-box;
  line-height: 40px;
  position: fixed;
  text-align: center;
  padding: 5px 0 0 0;
  right: 138px;
  top: 35px;
  cursor: pointer;
  z-index: 100;
background-color: #cdbf9e;
border-radius: 50%;
transition: 0.5s;
	color: #c91818;
	font-size: 14px;
	font-weight: 700;
}
@media screen and (max-width: 1270px) {
#nav-drawer { top: 15px; right: 10px;}	
#nav-open { right: 80px; top: 25px;}
}
@media screen and (max-width: 450px) {
#nav-drawer { top: 15px; right: -40px;}	
#nav-open { right: 30px; top: 25px;}
}

/*ハンバーガー*/
#nav-open:hover {background-color: #333;}
#nav-open span {
  display: block;
  transition: all .2s;
  box-sizing: border-box;
}
#nav-open span {
position: absolute;
width: 3px;
height: 3px;
background-color: #c91818;
border-radius: 50%;
}
#nav-open span:nth-of-type(1) {top: 40px; left:20px; }
#nav-open span:nth-of-type(2) {top: 40px; left: 30px;}
#nav-open span:nth-of-type(3) {top: 40px; left: 40px;}

#nav-input:checked ~ #nav-open span:nth-of-type(1) {
-webkit-transform: translateX(0px) translateY(5px) rotate(-45deg);
width: 25px;
transform: translateX(0px) translateY(5px) rotate(-30deg);
border-radius: 0;
border-bottom: 2px solid #c91818;
background-color: transparent;
}
#nav-input:checked ~ #nav-open span:nth-of-type(2) {display: none;}
#nav-input:checked ~ #nav-open span:nth-of-type(3) {
-webkit-transform: translateX(-20px) translateY(5px) rotate(45deg);
transform: translateX(-20px) translateY(5px) rotate(30deg);
border-radius: 0;
border-bottom: 2px solid #c91818;
width: 25px;
background-color: transparent;
}
#nav-input:checked ~ #nav-open {
background-color: #000;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none; /*はじめは隠しておく*/
  position: fixed;
  z-index: 2;
  top: 0; /*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  /*background-color: rgba(0,0,0,0.3);*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block; /*カバーを表示*/
}

#nav-input:checked ~ #nav-content {
  -webkit-animation: ham 1s;
  -o-animation: ham 1s;
  -ms-animation: ham 1s;
  -moz-animation: ham 1s;
}
@keyframes ham {
0% {transform: translateY(0); opacity: 0; filter: alpha(opacity=0);}
100% {transform: translateY(0); opacity: 1.0; filter: alpha(opacity=100);}
}

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

#nav-drawer {
/*  right: 20px;*/
}
}
/*------PC版・スマホ版共通　ハンバーガーの中身----------*/

/*中身*/
#nav-content {
overflow: auto;
position: fixed;
top: 140px;
right: 30px;
width: 420px; /*右側に隙間を作る（閉じるカバーを表示）*/
height: auto;
transition: 0.3s; /*滑らかに表示*/
box-sizing: border-box;
text-align: left;
background-color: rgba(255,255,255,0.9);
display: none;
z-index: -10; /*最背面に隠しておく*/
padding: 20px;
border: 1px solid #9c8a52;
}

#nav-input:checked ~ #nav-content {
display: block;
z-index: 99;
cursor: url('images/arrow.png') 0 0, auto;
}

#nav-content a.menu {
	border-bottom: 1px dashed #333;
	padding: 8px 20px 8px 40px;
	display: block;
	position: relative;
	cursor: url('images/arrow.png') 0 0, auto;
}

#nav-content a.menu::before {
	content: "●";
	font-size: 25px;
	text-align: center;
	line-height: 20px;
	color: #c91818;
	position: absolute;
	left: 0;
	top: 8px;
	width: 23px;
	height: 23px;
	border: 4px solid #000;
	border-radius: 50%;
	box-shadow: 0px 0px 0 3px #cdbf9e;
	transition: 0.5s;
}

#nav-content a.menu:hover::before {
	background-color: #c91818;
	color: #fff;
}
#nav-content .subm {
	padding: 15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#nav-content a.sub {
	display: block;
	width: 50%;
	font-size: 14px;
	cursor: url('images/arrow.png') 0 0, auto;
	transition: 0.5s;
}
#nav-content a.sub:hover {color: #c91818;}

@media screen and (max-width: 500px) {
#nav-content {
width: calc(100% - 20px);
background-color: rgba(255,255,255,1);
	right: 10px;
	top: 110px;
}
#nav-content .subm {
	padding: 15px 0 5px 0;
}
#nav-content a.sub {
	font-size: 13px;
}
}

/*--------------------------------------------------------
トップページ
----------------------------------------------------------*/
#pick {
	padding: 30px 0 30px 30px;
	width: calc(100% - 20px);
	margin: 0 0 0 20px;
	box-sizing: border-box;
	position: relative;
	background-color: #fff;
	border-radius: 15px 0 0 15px;
}	


#slide02 .slick-slide {
	margin-right: 0;
}

#slide02 .slider-item {}

#slide02 .slider-item a {
	border-right: 1px dashed #666;
	display: flex;
	align-items:flex-start;
	flex-wrap: wrap;
	padding: 0 20px;
}

#slide02 .slider-item a .txt {
	width: calc(100% - 130px);
	padding: 0px 10px 0 20px;
	box-sizing: border-box;
}
#slide02 .slider-item a figure {
	height: 130px;
	width: 130px;
	border-radius: 200px;
	overflow: hidden;
}

#slide02 .slider-item figure img {
	height: 100%;
  	width: 100%;
	object-fit: cover;
}

#slide02 .slick-list .txt h4 {
	font-weight: 600;
	line-height: 160%;
	margin: 0;
	padding: 0;
	font-size: 16px;
}
#slide02 .slick-list .txt p {
	font-size: 14px;
	line-height: 160%;
	color: #666;
}


button.slick-prev.slick-arrow[aria-disabled="true"] {display: none !important;}

button.slick-next.slick-arrow,
button.slick-prev.slick-arrow {
	position: absolute;
	top: 40px;
	border: none;
	background-color: #cdbf9e;
	color: #fff;
	cursor: pointer;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	transition: 0.5s;
}
button.slick-next.slick-arrow {right: 20px;}
button.slick-prev.slick-arrow {left: -20px; z-index: 99;}


button.slick-next.slick-arrow:hover,
button.slick-prev.slick-arrow:hover {background-color: #666; color: #fff;}

button.slick-next.slick-arrow::before,
button.slick-prev.slick-arrow::before {
	font-size: 20px;
	font-weight: 900;
	padding: 0 30px 0 12px;
	position: relative;
	top: -2px;
}

button.slick-next.slick-arrow::before {content:"→"; }
button.slick-prev.slick-arrow::before {content:"←"; }

@media screen and (max-width: 670px) {
#pick {padding: 30px 0 30px 0px;}
button.slick-next.slick-arrow {right: 0px;}
	
button.slick-next.slick-arrow,
button.slick-prev.slick-arrow {
	top: 48px;
	width: 30px;
	height: 30px;
	font-size: 13px;
	padding: 1px 0 0 0;
	text-indent: -6px;
}
}
@media screen and (max-width: 450px) {
#slide02 .slider-item a {
	border-right: 1px dashed #666;
	display: block;
	align-items: center;
	flex-wrap: wrap;
	padding: 0 10px;
}

#slide02 .slider-item a .txt {
	width: 100%;
	padding: 0px 10px 0 15px;
	box-sizing: border-box;
}
#slide02 .slider-item a figure {
	margin: 0 auto;
}
	
}

/*---トップ／インスタエリア-----------*/
#insta {
	padding: 92px 0 0 0;
	text-align: center;
	position: relative;
	z-index: 2;
}

#insta .inner {
	background-color: #fff;
	padding: 10px;
}

/*--インスタボタン---*/

#insta .btnarea {
	display: block;
	position: relative;
	bottom: -1px;
}

#insta .btnarea a {
	background-color: #cdbf9e;
	border-radius: 5px 5px 0 0;
	display: inline-block;
	padding: 0 20px 0 0;
	color: #fff;
	line-height: 220%;
	position: relative;
	z-index: 1;
}
#insta .btnarea a span {
	background-color: #fff;
	color: #333;
	padding: 0 20px 1px;
	margin-right: 20px;
	border-radius: 5px 5px 0 0;
}

/*--OHTAWARA---*/
#insta .btnarea p {
	font-size: 7vw;
	color: rgba(0,0,0,0.1);
	font-weight: 900;
	position: absolute;
	right: 0;
	bottom: 20px;
	z-index: 0;
}

#insta .btnarea figure {
	width: 120px;
	height: auto;
	position: absolute;
	left: calc(50% - 200px);
	top: -60px;
	transform: rotate(-10deg);
	z-index: 1;
}
@media screen and (max-width: 1235px) {
#insta .btnarea p {font-size: 7vw;bottom: 10px;}	
}
@media screen and (max-width: 1045px) {
#insta .btnarea p {font-size: 12vw;bottom: 30px; text-align: center; width: 100%;}	
}
@media screen and (max-width: 500px) {
#insta .btnarea p {font-size: 12vw; bottom: 70px;}	
}
@media screen and (max-width: 430px) {
#insta {text-align: right;}
#insta .btnarea {padding-right: 20px;}
#insta .btnarea figure {left: 20px;}
}

/*--与一の郷紹介部--*/

#top_cont {
  	width: 100%;
	background: url("images/wave.webp") repeat-x top;
	background-size: auto 50px;
	padding: 130px 30px;
	box-sizing: border-box;
	text-align: center;
	position: relative;
}

#top_cont h2,
#top_cont h3 {
	font-size: 56px;
	font-family: "Dela Gothic One", sans-serif;
	font-weight: 400;
	margin: 0 0 20px 0;
	line-height: 140%;
}

#top_cont p.intr {
	max-width: 800px;
	margin: 0 auto 50px auto;
	display: inline-block;
	font-size: 17px;
	line-height: 200%;
}
#top_cont h2 span.mini,
#top_cont h3 span.mini {font-size: 36px; margin: 0 10px;}

[data-ruby] {position: relative;}
[data-ruby]::before {
	content: attr(data-ruby);
	position: absolute;
	top: -35px;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 15px;
	font-family: 'Roboto', 'Noto Sans JP', "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS UI Gothic, Osaka, sans-serif;
}

@media screen and (max-width: 800px) {
#top_cont p.intr {text-align: left;line-height: 200%;}
#top_cont p.intr br {display: none;}
}
@media screen and (max-width: 640px) {
#top_cont {	padding: 80px 30px;}	
}
@media screen and (max-width: 500px) {
#top_cont h2,
#top_cont h3 {font-size: 40px;}	
#top_cont h2 span.mini,
#top_cont h3 span.mini {font-size: 24px;}
[data-ruby]::before {top: -25px;}
}

/*--------------季節切替（トップ中段）------------------------*/

/*--季節ごとの背景(1が右）---*/

.winter11 {
	position: absolute; height: auto; z-index: 0;
	right: 0; top: 0px; max-width: 40%;
}
.winter12 {
	position: absolute; height: auto; z-index: 0;
	bottom: -20px; left: 0; max-width: 30%;
}
@media screen and (max-width: 1153px) {
.winter11 {max-width: 60%;}
.winter12 {max-width: 60%;}
}
@media screen and (max-width: 1110px) {
.winter11 {right: 0; top: -50px; max-width: 60%;}
.winter12 {bottom: -150px; left: 0; max-width: 60%;}
}
@media screen and (max-width: 550px) {
.winter11 {right: 0; top: 0px; max-width: 60%;}
.winter12 {bottom: -50px; left: 0; max-width: 60%;}
}


.spring11 {
	position: absolute; height: auto; z-index: 0;
	right: 0; top: 0; max-width: 50%;
}
.spring12 {
	position: absolute; height: auto; z-index: 0;
	bottom: -20px; left: 0; max-width: 60%;
}
@media screen and (max-width: 650px) {
.spring11 {max-width: 70%;}
.spring12 {max-width: 80%;}
}
	


.summer11 {
	position: absolute; height: auto; z-index: 0;
	right: 0; top: 0px; max-width: 40%;
}
.summer12 {
	position: absolute; height: auto; z-index: 0;
	bottom: -20px; left: 0; max-width: 40%;
}
@media screen and (max-width: 1157px) {
.summer11 {top: -60px; max-width: 60%;}
.summer12 {bottom: -150px; max-width: 60%;}
}
@media screen and (max-width: 625px) {
.summer11 {top: -60px; max-width: 80%;}
.summer12 {bottom: -100px; max-width: 70%;}
}

.fall11 {
	position: absolute; height: auto; z-index: -1;
	right: 0; top: 0; max-width: 80%;
}
.fall12 {
	position: absolute; height: auto; z-index: 0;
	bottom:0; left: 0; max-width: 30%;
}
@media screen and (max-width: 1000px) {
.fall11 {max-width: 90%;}
.fall12 {bottom:-300px;  max-width: 70%;}	
}
@media screen and (max-width: 680px) {
.fall11 {max-width: 90%;}
.fall12 {bottom:-100px;  max-width: 80%;}	
}

/*--みどころ---*/
.top_midokoro {
	max-width: 1365px;
	margin: 0 auto 80px auto;
	display: flex;
	column-gap: 30px;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0 30px;
	box-sizing: border-box;
}

.top_midokoro .box {
	width: calc((100% - 90px)/4);
	margin: 0 0 20px 0;
	position: relative;
}
.top_midokoro .box a {
	display: block;
	padding: 20px 20px 30px 20px;
	background-color: #fff;
	border: 1px solid #9c8a52;
	box-sizing: border-box;
	text-align: left;
}
.top_midokoro .box:nth-child(2n) {transform: rotate(10deg);}
.top_midokoro .box:nth-child(2n-1) {transform: rotate(-5deg);}

.top_midokoro .box a figure {
	width: 100%;
	height: 16vw;
	max-height: 220px;
}
.top_midokoro .box a figure img {width: 100%; height: 100%; object-fit: cover;}

.top_midokoro .box a .txt {
	padding: 10px 5px;
	font-weight: 400;
}

@media screen and (max-width: 1250px) {
.top_midokoro .box {width: calc((100% - 60px)/3);}		
}
@media screen and (max-width: 930px) {
.top_midokoro .box {width: calc((100% - 30px)/2);}
.top_midokoro .box a figure {height: 30vw;max-height:inherit;}
}
@media screen and (max-width: 700px) {
.top_midokoro {padding: 0;column-gap: 20px;}	
.top_midokoro .box:nth-child(2n) {transform: rotate(7deg);}
.top_midokoro .box:nth-child(2n-1) {transform: rotate(-3deg);}
}
@media screen and (max-width: 600px) {
.top_midokoro {padding: 0;column-gap: 0px; position: relative; left: -10px;}	
.top_midokoro .box:nth-child(2n) {transform: rotate(3deg); position: relative; right: -10px;}
.top_midokoro .box:nth-child(2n-1) {transform: rotate(-2deg);}
}
@media screen and (max-width: 545px) {
.top_midokoro .box {width: 100%;}
.top_midokoro .box a figure {
	height: 60vw;
}
}

/*--観光案内バナー---*/
.top_kbnr {
	max-width: 1000px;
	margin: 20px auto;
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
	justify-content: flex-start;
}

.top_kbnr a {
	display: block;
	width: calc((100% - 40px)/3);
}

.top_kbnr a img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100px;
}

/*---大田原バナー---*/
.ota_bnr {
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
	padding: 30px 0 0 0;
	border-top: 1px dashed #666;
}

.ota_bnr a {
	display: inline-flex;
	justify-content: center;
	padding: 10px 20px;
	width: 100%;
	font-size: 20px;
	background-color: #daf6df;
	box-sizing: border-box;
	align-items: center;
	column-gap: 15px;
}
.ota_bnr a span {display: block;}
.ota_bnr a img {
	display: block;
	width: 40px;
	height: auto;
}

.ota_bnr .bnr {
	display: flex;
	align-items: center;
	padding-top: 15px;
	justify-content: center;
}

.ota_bnr .bnr img {
	display: block;
	width: auto;
	height: 150px;
	margin: 10px;
}

@media screen and (max-width: 700px) {
.top_kbnr a {
	width: calc((100% - 20px)/2);
}	
}

/*--施設マップ---*/

.top_map {
	width: 100%;
	max-width: 1500px;
	padding: 30px 30px 0 30px;
	margin: 0 auto 50px auto;
	position: relative;
	text-align: left;
	box-sizing: border-box;
}

.top_map img.map {
	width: 70%;
	height: auto;
}

/*-施設リンク---*/
.top_map .snav {
	position: absolute;
	left: 50%;
	top: 30px;
	width: 50%;
}
.top_map .snav .box {
	width: calc(50% - 20px);
	float: left;
	margin-right: 20px;
}

.top_map .snav a {
	display: block;
	padding: 10px 20px;
	border-bottom: 1px dashed #666;
	font-size: 18px;
	overflow: hidden;
	position: relative;
	transition: 0.5s;
}

.top_map .snav a::before {
	content: "→";
	position: absolute;
	background-size: contain;
	right: 50px;
	top: 15px;
	transition: 0.5s;
	color: transparent;
	
}
.top_map .snav a:hover::before {
	left: inherit;
	right: 10px;
	color: #000;
}

.top_map .snav a span {
	width: 32px;
	height: 32px;
	display: inline-block;
	margin-right: 10px;
	background-color: #333;
	color: #fff;
	border-radius: 100px;
	text-align: center;
	font-size: 18px;
	padding-top: 2px;
	box-sizing: border-box;
}

.top_map .snav a span.facility1 {background-color: #0b6aa4;}
.top_map .snav a span.facility2 {background-color: #782060;}
.top_map .snav a span.facility3 {background-color: #9c8a52;}


/*--キャラ---*/
.top_map .cara {
	position: absolute;
	right: 30px;
	bottom: 20px;
	width: 25%;
	display: flex;
	column-gap: 20px;
	text-align: center;
	align-items: flex-end;
}
.top_map .cara .box {width: calc((100% - 20px)/2);}
.top_map .cara .box p {font-size: 15px; line-height: 160%;}
.top_map .cara .box img {
	width: 12vw;
	height: auto;
	max-width: 200px;
	max-height: 200px;
	object-fit: contain;
}

@media screen and (max-width: 1323px) {
.top_map .snav a {padding: 8px 0px;	font-size: 15px;}
}

@media screen and (max-width: 1235px) {
.top_map {padding: 30px 0px 0 0px;}
}
@media screen and (max-width: 1110px) {
.top_map {padding: 0;}
.top_map img.map {width: 100%;}
.top_map .snav {
	position: static;
	width: 100%;
	margin-top: 20px;
}
.top_map .cara {
	right: 20px;
	bottom: inherit;
	column-gap: 10px;
	top: 10px;
	width: 36%;
	align-items: flex-start;
}
	
.top_map .cara .box {background-color: #fff; border-radius: 15px; padding: 15px;}
.top_map .cara .box p {font-size: 14px;}
}

@media screen and (max-width: 860px) {
.top_map .cara {
	right: 0px;
}	
}

@media screen and (max-width: 710px) {
.top_map .cara {
	margin-top: 30px;
	position: static;
	width: 100%;
	column-gap: 20px;
}
.top_map .cara .box img {
	width: 30vw;
	max-width: inherit;
	max-height: inherit;
}
}

@media screen and (max-width: 500px) {
.top_map .cara {
	column-gap: 0px;
	background-color: #fff;
	border-radius: 15px;
	align-items: baseline;
}
.top_map .cara .box {padding: 15px 0;}
.top_map .cara .box img {
	width: 30vw;
	max-width: inherit;
	max-height: inherit;
}
}

@media screen and (max-width: 560px) {
.top_map .snav .box:nth-child(1) {width: 100%;}
.top_map .snav .box:nth-child(2) {width: 100%;}
.top_map .snav .box:nth-child(3) {width: 100%;}
}

/*-----------------------------------------------
フッタ
-----------------------------------------------*/
.footer_o {
  	width: 100%;
	height: 50px;
	background: url("images/wave_foot.webp") repeat-x top;
	background-size: auto 50px;
	position: relative;
	z-index: 1;
}
.footer {
	background-color: #9c8a52;
	padding: 40px 60px;
	color: #fff;
	position: relative;
	z-index: 1;
}
.footer .cpr {clear: both; padding-top: 20px;}
.footer .left {float: left;}
.footer .right {float: right;}
.footer .left a {
	font-family: "Dela Gothic One", sans-serif;
	font-size: 56px;
	color: #fff;
	line-height: 90%;
	display: block;
}
.footer .left a img {
	width: 59px;
	height: auto;
	margin: 0 10px 0 0;
}
.footer .left a span {font-size: 27px; margin-left: 10px;}
.footer .right .btn {display: inline-flex;}
.footer .right .btn a {
	background-color: #5f4c1f;
	display: block;
	color: #fff;
	padding: 10px 20px;
	transition: 0.5s;
}

.footer .left a.btn {
	font-size: 16px;
	font-family: "Noto Sans JP", sans-serif;
	line-height: 140%;
	position: relative;
	background-color: #5f4c1f;
	color: #fff;
	display: inline-block;
	padding: 5px 20px;
	border-radius: 30px;
	margin:20px 0 50px 0;
	transition: 0.5s;
}
.footer .left a.btn:hover {background-color: #2f2408;}
.footer .right .btn a:hover {background-color: #2f2408;}
.footer .right .btn a:nth-child(1) {border-radius: 100px 0 0 100px;}
.footer .right .btn a:nth-child(2) {
	border-radius: 0 100px 100px 0;
	border-left: 1px solid #9c8a52;
}

@media screen and (max-width: 1235px) {
.footer {padding: 40px 40px;}	
}
@media screen and (max-width: 805px) {
.footer {padding: 40px 20px;}	
.footer .left,
.footer .right {float: left; width: 100%; text-align: center; margin-bottom: 20px;}
.footer .cpr {text-align: center;}
}

@media screen and (max-width: 465px) {
.footer .left a {font-size: 40px;margin-bottom: 30px;}
.footer .left a img {width:40px;}
.footer .left a span {font-size: 20px;}
}


/*------------------------------------------------------
アーカイブ・タクソノミー
-----------------------------------------------------------*/
#acv {
	background-color: #fff;
	padding: 60px;
	max-width: 1400px;
	box-sizing: border-box;
	margin: 0 auto 50px auto;
	position: relative;
	z-index: 3;
	border-radius: 15px;
	width: calc(100% - 40px);
	text-align: center;
}

#acv h1 {
	font-size: 45px;
	font-family: "Dela Gothic One", sans-serif;
	font-weight: 400;
	text-align: center;
	margin: 0 0 50px 0;
	position: relative;
	display: inline-block;
}

#acv h1::before {
	content: "";
	width: 2px;
	height: 40px ;
	background-color: #000;
	transform: rotate(-30deg);
	position: absolute;
	left: -40px;
	top: 0;
}
#acv h1::after {
	content: "";
	width: 2px;
	height: 40px ;
	background-color: #000;
	transform: rotate(30deg);
	position: absolute;
	right: -40px;
	top: 0;
}

#acv .inner {
	display: flex;
	column-gap: 30px;
	flex-wrap: wrap;
	justify-content: center;
}

#acv .inner .box {
	width: calc((100% - 90px)/4);
	margin: 0 0 30px 0;
	text-align: left;
	background-color: #fff;
	padding: 20px 20px 40px 20px;
	box-sizing: border-box;
	font-weight: 400;
	border: 1px solid #9c8a52;
	position: relative;
}

.kuwasiku {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #fff;
	background-color: #333;
	padding: 0 10px;
	font-size: 14px;
	transition: 0.5s;
}
.kuwasiku:hover {background-color: #9c8a52; transform: rotate(-15deg);}


#acv .inner .box a figure {
	width: 100%;
	height: 16vw;
	overflow: hidden;
	max-height: 240px;
}
#acv .inner .box a figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.5s;
}
#acv .inner .box a:hover figure img {
	transform: scale(1.1);
}
#acv .inner .box .txt {
	padding: 10px 5px 0 5px;
}

#acv .inner .box h4 {margin-bottom: 5px;}
@media screen and (max-width:1290px) {
#acv .inner .box {width: calc((100% - 60px)/3);}	
#acv .inner .box figure {height: 19vw;}
}
@media screen and (max-width:1000px) {
#acv .inner .box {width: calc((100% - 30px)/2);}	
#acv .inner .box figure {height: 33vw; max-height: inherit;}
}
@media screen and (max-width:750px) {
#acv {
	padding: 60px 30px;
}

#acv .inner .box {
	width: 100%;
	padding: 10px 0;
	margin: 0;
	border: none;
	border-top: 2px solid #9c8a52;
}	
#acv .inner .box a {display: flex; align-items: center; flex-direction: row-reverse;}	
#acv .inner .box a figure {
	width: 40%;
	height: 30vw;
}
#acv .inner .box .txt {
	width: 60%;
	padding: 0 30px 0 0;
}
	.kuwasiku {display: none;}
}
@media screen and (max-width:600px) {
#acv {
	padding: 30px;
}
#acv h1 {
	max-width: 70%;
	font-size: 30px;
	margin: 0 0 30px 0;
}	
}
@media screen and (max-width:500px) {
#acv {
	padding: 30px 20px;
	margin: 0 0 30px 0;
	width: 100%;
	border-radius: 0 0 15px 15px;
}
#acv .inner .box .txt {
	padding: 0 15px 0 0;
}
#acv .inner .box .txt h4,
#acv .inner .box .txt p {
	font-size: 15px;
	line-height: 160%;
}
	#acv .inner .box .txt h4 {margin-bottom: 10px;}
}

/*---施設一覧の箱---*/

#acv .inner.sst {margin-top: 50px;}
#acv .inner.sst .box {padding: 10px; border: none;}
#acv .inner.sst .box h4 {
	color: #fff;
	padding: 5px 10px;
	margin: 0;
}

#acv .inner.sst .box h4 span {
	width: 25px;
	height: 25px;
	border-radius: 50px;
	background-color: #fff;
	line-height: 25px;
	text-align: center;
	display: inline-block;
	margin: 0 5px 0 0;
}
#acv .inner.sst .box figure {margin: 0;}

#acv .inner.sst .box h4.facility1 {background-color: #0b6aa4;}
#acv .inner.sst .box h4.facility2 {background-color: #782060;}
#acv .inner.sst .box h4.facility3 {background-color: #9c8a52;}

#acv .inner.sst .box h4.facility1 span {color: #0b6aa4;}
#acv .inner.sst .box h4.facility2 span {color: #782060;}
#acv .inner.sst .box h4.facility3 span {color: #9c8a52;}

#acv .inner.sst .box .txt {
	padding: 15px 5px; 
	font-size: 15px;
	line-height: 160%;
}
#acv .inner.sst .box p.kuwa {
	border-bottom: 1px dashed #333;
	font-size: 13px;
	padding: 0 0 3px 0;
	display: inline-block;
	margin: 5px 0 0 0;
}

@media screen and (max-width:1000px) {
#acv .inner.sst .box {padding: 0px;}	
}
@media screen and (max-width:750px) {
#acv .inner.sst .box {
	width: 100%;
	padding: 0;
	margin-bottom: 30px;
}	
#acv .inner.sst .box a {display: block;}	
#acv .inner .box a figure {
	width: 40%;
	height: 30vw;
	float: left;
	margin: 0 20px 0 0 !important;
}
#acv .inner.sst .box .txt {
	width: 100%;
	padding: 15px 15px 0 0;
}
}

/*------------------------------------------------------
記事
-----------------------------------------------------------*/
#kiji {
	background-color: #fff;
	padding: 60px 60px 60px 80px;
	max-width: 1350px;
	box-sizing: border-box;
	margin: 0 auto 50px auto;
	position: relative;
	z-index: 3;
	border-radius: 15px;
	width: calc(100% - 40px);
}
#kiji p.cat a {
	display: inline-block;
	border: 1px solid #666;
	padding: 5px 20px;
	border-radius: 30px;
	transition: 0.5s;
}
#kiji p.cat a:hover {background-color: #d6d6d6;}

#kiji .inner {}
#kiji .inner .main {
	width: calc(100% - 360px);
	float: left;
	padding-bottom: 50px;
}

#kiji .inner .main.cter {
	margin: 0 auto;
	float: none;
}

#kiji .inner .side {
	width: 260px;
	float: right;
	font-weight: 400;
	line-height: 160%;
	position: relative;
}

/*---main---*/

#kiji .inner .main .hnav {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	column-gap: 20px;
}
#kiji .inner .main .hnav p {
	margin-bottom: 40px;}

#kiji .inner .main h1 {
	font-size: 34px;
	margin: 0px 0 40px 0;
	font-weight: 600;
	line-height: 180%;
}

/*--side---*/
#kiji .inner .side h4 {
	color: #c91818;
	margin: 0 0 10px 0;
}

#kiji .inner .side p.flg a {
	position: absolute;
	background-color: #c91818;
	color: #fff;
	top: -30px;
	right: -20px;
	transform: rotate(-10deg);
	padding: 5px 20px;
}
#kiji .inner .side a {display: block;margin-bottom: 30px;}
#kiji .inner .side a figure {
	width: 100%;
	height: 180px;
	overflow: hidden;
	border-radius: 20px 20px 20px 0;
}
#kiji .inner .side a figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.5s;
}
#kiji .inner .side a:hover figure img {transform: scale(1.1);}
#kiji .inner .side a .txt {}
#kiji .inner .side a .txt h4 {
	font-weight: 500;
	margin-bottom: 10px;
	background-color: #333;
	color: #fff;
	padding: 5px 15px;
	font-size: 15px;
	border-radius: 0 20px 20px 20px;
	margin-top: 2px;
}
#kiji .inner .side a .txt p {
	font-size: 14px;
	line-height: 150%;
	padding: 0 15px;
}

@media screen and (max-width:1250px) {
#kiji .inner .main,
#kiji .inner .side {width: 100%;float: none;}	
#kiji .inner .side p.flg a {top: -10px;	right: 0px;}

#kiji .inner .side a {
	display: flex; align-items: center;
	background-color: #f6f6f6;
	padding: 15px;
	border-radius: 23px 23px 23px 0;
	margin-bottom: 3px;
	justify-content: space-between;
	}
#kiji .inner .side a figure {width: 180px;height: 22vw;}
#kiji .inner .side a .txt {
	width: calc(100% - 180px);
	padding: 0 10px 0 30px;
	}

#kiji .inner .side a .txt h4 {
	margin-bottom: 3px;
	background-color: transparent;
	color: #000;
	padding: 0 0 5px 0;
	border-radius: 0;
	margin-top: 0;
}
#kiji .inner .side a .txt p {
	font-size: 14px;
	line-height: 150%;
	padding: 0;
	margin: 0;
}
}
@media screen and (max-width:880px) {
#kiji {	padding: 30px 40px;}
}
@media screen and (max-width:750px) {
}
@media screen and (max-width:600px) {
#kiji {	padding: 30px 30px;}
#kiji .inner .main h1 {
	font-size: 26px;
	margin: 30px 0 30px 0;
	line-height: 140%;
}
#kiji .inner .side a figure {width: 30vw;height: 22vw;}
#kiji .inner .side a .txt {
	width: 70vw;
	padding: 0 0px 0 20px;
	}
}
@media screen and (max-width:500px) {
#kiji {margin: 0 0 20px 0;width: 100%; border-radius: 0 0 15px 15px;}
#kiji .inner .main .hnav {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#kiji .inner .main .hnav p {font-size: 14px;}
#kiji p.cat a {	padding: 0px 20px;	font-size: 14px;}
}
@media screen and (max-width:450px) {
#kiji {	padding: 20px;}
#kiji .inner .main h1 {font-size: 24px;	margin: 25px 0;}
#kiji .inner .main .hnav p {font-size: 13px;}
#kiji p.cat span {display: none;}
#kiji p.cat a {	padding: 0px 15px;	font-size: 13px;}
}





/*------------------------------------------------------
固定ページ
-----------------------------------------------------------*/
#pg {
	background-color: #fff;
	padding: 60px;
	max-width: 1200px;
	box-sizing: border-box;
	margin: 0 auto 50px auto;
	position: relative;
	z-index: 3;
	border-radius: 15px;
	width: calc(100% - 40px);
	text-align: left;
}

#pg .ttl {text-align: center;}
#pg h1 {
	font-size: 45px;
	font-family: "Dela Gothic One", sans-serif;
	font-weight: 400;
	text-align: center;
	margin: 0 0 50px 0;
	position: relative;
	display: inline-block;
}

#pg h1::before {
	content: "";
	width: 2px;
	height: 40px ;
	background-color: #000;
	transform: rotate(-30deg);
	position: absolute;
	left: -40px;
	top: 0;
}
#pg h1::after {
	content: "";
	width: 2px;
	height: 40px ;
	background-color: #000;
	transform: rotate(30deg);
	position: absolute;
	right: -40px;
	top: 0;
}

@media screen and (max-width:750px) {
#pg {padding: 60px 30px;}
}
@media screen and (max-width:600px) {
#pg {
	padding: 30px;
}
#pg h1 {
	max-width: 70%;
	font-size: 30px;
	margin: 0 0 30px 0;
}	
}
@media screen and (max-width:500px) {
#pg {
	padding: 30px 20px;
	margin: 0 0 30px 0;
	width: 100%;
	border-radius: 0 0 15px 15px;
}
}

/*------------------------------------------------------
ページングのスタイル
-----------------------------------------------------------*/
.newer-older {
	margin: 30px auto 0px auto;
	letter-spacing: -0.4em;
	display:flex;
	-js-display: flex;
	flex-direction:row;
	flex-wrap:wrap;
	width: 100%;
	max-width: 1200px;
	font-size: 14px;
	font-weight: 500;
	border-top: 1px solid #d6d6d6;
}
.newer-older p {margin: 0; padding: 0;}

.newer-older p.newer {text-align: right; border-left: 1px solid #d6d6d6;}
.newer-older p.older {text-align: left; }
.newer-older p.blog {
	text-align: center; 
	background-color: #f6f6f6;
}

.newer-older p.older,
.newer-older p.newer {
	letter-spacing: normal;
	box-sizing: border-box;
	vertical-align: middle;
}

.newer-older p.older{width: calc(50%)}
.newer-older p.newer{width: calc(50%)}


.newer-older p.older a,
.newer-older p.newer a {
	height: 100%;
	display: block;
	text-decoration: none;
	transition: 0.5s;
	box-sizing: border-box;
	position: relative;
}

.newer-older p.newer a::after {
	content: "→";
	position: absolute;
	right: 5px;
	top: calc(50% - 16px);
	font-family: "Figtree", sans-serif;
}
.newer-older p.older a::after {
	content: "←";
	position: absolute;
	left: 5px;
	top: calc(50% - 16px);
	font-family: "Figtree", sans-serif;
}


.newer-older p.older a {padding: 20px 20px 20px 30px;}
.newer-older p.newer a {padding: 20px 30px 20px 20px;}

@media screen and (max-width: 710px) {
.newer-older p.newer {text-align: left;}
}
@media screen and (max-width: 550px) {

.newer-older p.older a {padding: 20px 20px 20px 0;}
.newer-older p.newer a {padding: 20px 0 20px 20px;}

	
.newer-older p.older{width: 50%}
.newer-older p.newer{width: 50%; }
.newer-older p.blog { display: none;}
	
.newer-older p.newer a::after,
.newer-older p.older a::after {display: none;}	
}

.bgred{
    background-color: #e60012;
    color: white;
    text-align: center;
    margin: 0 0% 10px 0%;
    padding: 2px 15px;
    display: inline-block;
}

/*------------------------------------**/

/*----------------------------------------------------------------------------
ページングカスタマイズ
-----------------------------------------------------------------------------*/

nav.pagination {
	letter-spacing: normal; 
	text-align: center;
	font-size: 16px;
	color:#000;
	margin: 60px 0 ;
	position: relative;
	z-index: 999;
}

nav.pagination h2 {display: none;}
nav.pagination a{
	display: inline-block;
	color:#000;
	margin: 0 2px;
	text-decoration: none;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	transition: 0.5s;
}

nav.pagination a:hover {background-color: #d6d6d6;}

nav.pagination span.page-numbers {
	background-color: #333;
	display: inline-block;
	padding: 0;
	width: 30px;
	height: 30px;
	color: #fff;
	text-decoration: none;
	border-radius: 30px;
}

nav.pagination span.dots{
	background: none;
	color:#000;
}
/*--nav.pagination span.page-numbers {background-color: #d6d6d6;}--*/


/*--------------------------------------------------------------
フォーム用のボタン・入力
-----------------------------------------------------------------*/
/*-------------お問合せ---------------------*/

.entry_form {
	max-width: 700px;
	box-sizing: border-box;
	border-radius: 14px;
	margin: 0 auto 50px auto;
}

.entry_form h2 {
	background-color: #1f4176;
	font-size: 21px;
	padding: 20px;
	border-radius: 9px;
	color: #fff;
	letter-spacing: 1px;
	margin: 0 0 20px 0;
}

.entry_form h2 span {
	display: inline-block;
	font-size: 16px;
	padding-right: 30px;
	border-right: 1px solid #fff;
	margin-right: 20px;
}

.entry_form table {
	width: 100%;
	border-spacing: 0;
}

.entry_form table td,
.entry_form table th {
	padding: 15px 0;
	text-align: left;
	font-weight: 400;
	border-bottom: 1px dashed #666;
	vertical-align: top;
	white-space: nowrap;
}

.entry_form table th {width: 160px;}

.entry_form span {display: inline-block;vertical-align: top;}

.entry_form .nin {
	background-color: #666;
	color: #fff;
	font-size: 13px;
	padding: 0 5px;
	border-radius: 3px;
	display: inline-block;
	margin: 0 5px 0 0;
}
.entry_form .need {
	background-color: #a64545;
	color: #fff;
	font-size: 13px;
	padding: 0 5px;
	border-radius: 3px;
	display: inline-block;
	margin: 0 5px 0 0;
}

@media screen and (max-width: 620px) {
.entry_form {
	padding: 30px;
}
.entry_form.w h3 {
	font-size: 26px;
	margin: 10px 0 20px 0;
}
.entry_form.w p.htxt {font-size: 15px;}
}

@media screen and (max-width: 470px) {
.entry_form {padding: 20px;}
.entry_form table,
.entry_form table tr,
.entry_form table th,
.entry_form table td {display: block;width: 100%;}
.entry_form table th {border-bottom: none; padding-bottom: 0;}
.entry_form span br {display: none;}
.entry_form.w h3 {
	font-size: 22px;
	margin: 10px 0 20px 0;
}
}




	.a1 {
		height: auto;
		padding:15px 20px;
		border:1px solid #b8b8b8;
		font-size:16px;
		font-family: 'Figtree',"Zen Maru Gothic", "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS UI Gothic, Osaka, sans-serif;
		background:#fff;
		width:100%;
		box-sizing:border-box;
		outline: none;
		margin: 0;
	}

.a1t {
		height: 200px;
		padding:15px 20px;
		border:1px solid #b8b8b8;
		font-size:16px;
		font-family: 'Figtree',"Zen Maru Gothic", "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS UI Gothic, Osaka, sans-serif;
		background:#fff;
		width:100%;
		box-sizing:border-box;
		outline: none;
		margin: 0;
	}

	.a2 {
		padding:10px 20px;
		border:1px solid #acacaa;
		font-size:15px;
		font-family: 'Figtree',"Zen Maru Gothic", "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS UI Gothic, Osaka, sans-serif;
		background:#fff;
		width:60%;
		box-sizing:border-box;
		outline: none;
		margin-top: 2px;
	}

	.a3 {
		padding:10px 20px;
		border:1px solid #acacaa;
		font-size:15px;
		font-family: 'Figtree',"Zen Maru Gothic", "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS UI Gothic, Osaka, sans-serif;
		background:#fff;
		width:100px;
		box-sizing:border-box;
		outline: none;
		margin-top: 2px;
	}

	
.a1:focus,
.a2:focus{
	border-color:#333;
	outline: none;
}

/*送信ボタン*/
	.sendb,
	.sendb:focus {
		width: 251px;
		height: 57px;
		margin: 40px auto 0 auto;
		background-color: #1f4176;
		color:#fff;
		border: none;
		border-radius: 7px;
		font-size: 19px;
		font-weight: 400;
		cursor:pointer;
		display: grid;
		place-items:center;
		position: relative;
		transition: 0.3s;
		font-family: 'Figtree',"Zen Maru Gothic", "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS UI Gothic, Osaka, sans-serif;
}
	
	.sendb:hover {
		top: 2px;
		left: 2px;
		background-color:#0e7d84;
		cursor:pointer;
		transition: 0.3s;
	}

.entry_form input[type="checkbox"]:focus {
  outline: none;
}
/* チェックボックス 
.entry_form input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    position: relative;
    top: 3px;
    margin: 3px 0 0 -16px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #acacaa;
    outline: none;
    transition: background-color 0.2s, border-color 0.2s;
}*/

.entry_form input[type=checkbox]:checked {
    background-color: #2d6ab3;
    border-color: #2d6ab3;
}

/* チェックマーク 
.entry_form input[type=checkbox]:checked::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 6px;
    width: 3px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.entry_form input[type=checkbox]:hover {
    border-color: #2d6ab3;
}*/
	
.entry_form  input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
.entry_form input[type=checkbox] {
	margin-left: 0px;
	margin-right: 20px;
	line-height: 0;
	width:0px;
	height: 0px;
	border: 0;
}


.entry_form  label {
	padding: 0 10px !important;
}
.entry_form  label input {
	position: relative;
	margin: 0 1rem 0 0;
	cursor: pointer;
}
.entry_form label input:before {
	position: absolute;
	z-index: 1;
    top: -12px;
    left: -12px;
    width: 0.75rem;
	height: 0.375rem;
	content: '';
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	        transition:         transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	-webkit-transform: rotate(-45deg) scale(0, 0);
	        transform: rotate(-45deg) scale(0, 0);
	border: 2px solid #da3c41;
	border-top-style: none;
	border-right-style: none;
	
}
.entry_form  label input:checked:before {
	-webkit-transform: rotate(-45deg) scale(1, 1);
	        transform: rotate(-45deg) scale(1, 1);
}
.entry_form  label input:after {
	position: absolute;
	top: -15px;
	left: -15px;
	width: 1rem;
	height: 1rem;
	content: '';
	cursor: pointer;
	border: 1px solid #0e5684;
	background:#f6f6f6;

}

.entry_form  input[type="checkbox"]:focus {
  outline: none;
  border: 0;
}


/*--------------------------------------------------------------
エディタ共通してい
----------------------------------------------------------*/
.wp-block-button a {background-color: #c91818; border-bottom:none !important; padding: 5px 20px !important;}
.wp-block-button a:hover {background-color:#333; color: #fff;}


/*------------------------------------
エディタ
---------------------------------------*/
.edi {
	font-size: 17px;
	line-height: 200%;
	font-weight: 400;
}
.edi figure {
	margin: 10px 0;
	max-width: 100%;
}

.edi figure.thm {
	margin: 10px 0;
	width: 100%;
	height: 50vw;
	max-height: 500px;
	overflow: hidden;
}
.edi figure.thm img {width: 100%; height: 100%; object-fit: cover;}

.edi iframe {
	width: 100%;
	height: 80vw;
	max-height: 450px;
	margin: 0 0 30px 0;
}

.edi figure.right {
	width: 30%;
	height: auto;
	float: right;
}

.edi h2 {
	margin:0px 0 20px 0;
	font-size: 22px;
	font-weight: 600;
}
.edi h3 {
	margin:0px 0 20px 0;
	font-size: 20px;
	font-weight: 600;
	color: #517a3a;
}
.edi p {margin-bottom: 10px;}

.edi p.small {font-size: 15px; line-height: 160%;}

.edi p a,
.edi figure a {display: inline-block; border-bottom: 1px dashed #333; }

.edi figure.maxw {
	max-width: 800px;
	height: auto;
	margin: 0 auto;
}
.edi figure.w600{
	max-width: 600px;
	height: auto;
	margin: 0 auto;
}


@media screen and (max-width:500px) {
.edi {
	font-size: 15px;
	line-height: 200%;
	font-weight: 400;
}
.edi figure {
	margin: 20px 0;
}
}

/*--ギャラリーの段組み---*/
.gal_inner3,
.gal_inner4 {
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
}
.gal_inner3 .box {width: calc((100% - 40px)/3); margin-bottom: 20px;}
.gal_inner4 .box {width: calc((100% - 60px)/4); margin-bottom: 20px;}

.gal_inner3 .box p,
.gal_inner4 .box p { font-size: 14px; line-height: 140%;}

@media screen and (max-width:800px) {
.gal_inner4 .box {width: calc((100% - 40px)/3);}	
}
@media screen and (max-width:630px) {
.gal_inner3 .box,
.gal_inner4 .box {width: calc((100% - 20px)/2);}	
}