/*---------- SP 幅768pxまでの指定 ----------*/
@media(max-width:768px) {

	.pc{
		display: none !important;
	}
	.l{
		float:none;
	}
	.r{
		float:none;
	}
	#page-top{
		width:20px;
		position:fixed;
		bottom:10px;
		right:10px;
		z-index:9999;
		cursor:pointer;
	}
	body {
		min-width:100%;
	}

/* ページ共通
---------------------------------------------- */
.page-logo-area{
	padding:5.5rem 3.5%;
}
.page-logo-area .page-logo{
	min-width:200px;
	width:70%;
}
.page-logo-area .page-logo a{
	display: block;
}

.pankuzu-area{
	width: 100%;
	padding: 2.75rem 3.75rem;
	font-size:13px;
	background: #e9eef3;
}
.pankuzu-area a{
	text-decoration: none;
}
.pankuzu-area a:hover{
	text-decoration: none;
}
.pankuzu-area .kugiri{
	display: inline-block;
	width:20px;
	position: relative;
	vertical-align: middle;
}
.pankuzu-area .kugiri::after{
	font-family: "Font Awesome 6 Free",sans-serif;
	content: "\f105";
	position: absolute;
	font-size:8px;
	font-weight: 900;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	right: 8px;
	color: #008bab;
}



/* header
---------------------------------------------- */
.sp-tool-area{
	padding:2.5rem 2.5rem 2.5rem;
	background: #008bab;
}
.sp-tool-area .gt_selector{
	border:0;
	background: none;
	color: #36383a;
}
.sp-tool-area .lang{
	display: table-cell;
	padding:2px 8px;
	text-align: left;
	font-size:13px;
}
.sp-tool-area .lang .ico{
	display: inline-block;
	margin:5px 6px 0 0;
	width:15px;
}
.sp-tool-area .lang .gtranslate_wrapper{
	display: inline-block;
}
.sp-tool-area .lang .gtranslate_wrapper option{
	color:#444;
}
.sp-tool-area .lang-area{
	border:1px solid #fff;
	background:rgba(255,255,255,0.33);
	color: #fff;
	display: inline-block;
	border-radius: 5px;
}
.sp-tool-area .gt_selector{
	color: #fff;
}


.header {
	content: "";
	right: 0;
	position: fixed;
	top: 0;
	width: 40%;
	z-index: 9999;
}

.header__wrap {
	display: flex;
    padding: 2rem 2.5%;
    align-items: center;
    width: 82px;
    float: right;
	background: #008bab;
	border-radius: 0 0 0 7px;
}

.header__btn {
	margin-left: auto;
}

header .header__inner.inner {
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
}

header .menu-btn {
	cursor: pointer;
	height: 2.125rem;
	overflow: hidden;
	position: relative;
	width: 8.375rem;
	z-index: 1001;
}

header .menu-btn.is-active::after {
	opacity: 0;
	transform: translateX(-100%);
	visibility: hidden;
}

header .menu-btn span {
	background-color: #fff;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	transition: transform 0.2s, rotate 0.2s, width 0.2s;
	width: 100%;
}

header .menu-btn span.is-active {
	background-color: #008bab;
}
header .menu-btn.is-reverse span.is-active {
	background-color: #008bab;
}

header .menu-btn span:nth-of-type(1) {
	top: 0;
}

header .menu-btn span:nth-of-type(2) {
	top: 0.9375rem;
}

header .menu-btn span:nth-of-type(3) {
	bottom: 0;
	right: 0;

}
header .menu-btn span.is-active:nth-of-type(1) {
	transform: rotate(45deg) translate(8%, 0.5rem);
}

header .menu-btn span.is-active:nth-of-type(2) {
	transform: translateX(-100%);
}

header .menu-btn span.is-active:nth-of-type(3) {
	transform: rotate(-45deg) translate(8%, -0.5rem);
	width: 100%;
}
header .nav-menu {
	background:rgba(228, 235, 236, 0.98);
	content: "";
	height: 100% !important;
	position: fixed;
	right: 0;
	top: 0;
	transform: translateX(100%);
	transition: transform 0.3s ease-out;
	width: 35.25rem;
	z-index: 999;
}
header .nav-menu.is-show {
	transform: translateX(0);
}
header .nav-menu__lists {
	padding-top: 11.25rem;
}
header .nav-menu {
	width: 100%;
}
header .nav-menu__lists {
	padding-top: 18rem;
}
header .nav-menu__link {
	font-size: 20px;
	padding: 7px 10px 7px 40px;
	display: block;
	position: relative;
}
header .nav-menu__link::before {
	font-family: "Font Awesome 6 Free",sans-serif;
	content: "\f0da";
	position: absolute;
	font-size: 16px;
	font-weight: 900;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 20px;
	color: #008bab;
}


header .nav-menu__link:hover {
	opacity: 0.7;
	transform: translateY(-0.1875rem);
}
header .nav-menu__link-sub {
	font-size: 16px;
	padding: 3px 10px 3px 80px;
	display: block;
	position: relative;
}
header .nav-menu__link-sub::before {
	font-family: "Font Awesome 6 Free",sans-serif;
	content: "\f068";
	position: absolute;
	font-size: 16px;
	font-weight: 900;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 60px;
	color: #008bab;
}



header .menu-txt{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	font-size: clamp(8px, 0.55vw, 11px);
	padding-left:0.8rem;
	letter-spacing: 0.15rem;
	color: #fff;
}


/* tool-area
---------------------------------------------- */
.tool-area{
	padding:5rem 2rem;
	text-align: center;
	background: #222;
}
.tool-area .head-search{
	display:inline-block;
	width:280px;
	margin-right:4px;
}
.searchform {
	display:block;
	width:100%;
	position: relative;
}
.searchsubmit:hover {
	opacity: .6;
}
.searchform input[type="text"]{
	outline: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	width:100%;
	padding:7px 16px 7px;
	border:1px solid #ccc;
	background: #f6f8fa;
	display: inline-block;
	border-radius: 5px;
	font-size:16px;
	line-height:1.3;
}
.searchsubmit {
	width:18px;
	height:18px;
	background:url("../img/search_icon.png") no-repeat center center;
	background-size:100%;
	position: absolute;
	top: 6px;
	right: 11px;
	padding: 0;
	cursor: pointer;
	border: none;
	text-indent:-9999px;
}
.searchsubmit:hover {
	opacity: .6;
}
/* footer
---------------------------------------------- */
footer {
	width:100%;
}
footer .f-ban-area{
	width:100%;
	padding:36px 0;
	text-align:center;
	background: #222;
}
footer .foot-info{
	width:100%;
	padding:12.5rem 7.5rem;
	background: #2f7fa6;
	color: #fff;
	text-align: center;
}
footer .foot-info .f-logo{
	width:85%;
	max-width: 360px;
	margin:0 auto 8.5rem;
}
footer .foot-info .f-logo a{
	display: block;
}
footer .foot-info .f-link-area{
	margin:0 auto 8.5rem;
}
footer .foot-info .f-link-area a{
	color:#fff;
	display: block;
	font-size:16px;
	margin:0 0 16px;
	transition: .6s;
	text-align: center;
}

footer .foot-info .f-link-area a:hover{
	color:#ffe220;
	text-decoration: none;
}
footer .foot-info .copy{
	font-size:13px;
}



/* index
---------------------------------------------- */

.top-main-area{
	aspect-ratio: 1080/1800;
	min-width: 100%;
	position: relative;
}
.top-main-area .top-main-inner{
	aspect-ratio: 1080/1800;
	width:100%;
	position: absolute;
	z-index: 103;
	color: #fff;
}

.top-main-area .chikeizu-fukuoka{
	aspect-ratio: 1087/1349;
	width:80%;
	position: absolute;
	top:80px;
	right:-15%;
	z-index: 102;
	background: url("../img/chikei-fukuoka-bg.png") no-repeat top left;
	background-size: 100%;
}


.top-main-area .amikake{
	aspect-ratio: 1080/1800;
	width:100%;
	position: absolute;
	z-index: 101;
	background: url("../img/amikake.png") repeat center center;
}
.top-main-area .bg-main-slide{
	aspect-ratio: 1080/1800;
	width:100%;
	position: absolute;
	z-index: 100;
	background: #297377;
}
.top-main-area .top-main-back{
	width:100%;
}
.top-main-area .top-main-back .top-main-contents{
	padding:5.5vw 4% 0;
}
.top-main-area .h-logo{
	width:66%;
	min-width:200px;
	margin-bottom:23.5rem;
}
.top-main-area .h-logo a{
	display: block;
}
.top-main-area .top-main-back .top-main-contents .big-copy{
	font-size: clamp(40px, 10.85vw, 90px);
	line-height:1.5;
	margin-bottom:4.5vw;
}
.top-main-area .top-main-back .top-main-contents .big-copy span{
	letter-spacing: -0.075em;
}
.top-main-area .top-main-back .top-main-contents .txt{
	font-size: 17px;
	margin-bottom:3.5vw;
}
.top-main-area .top-main-back .top-main-contents .area-link-area{
	display: flex;
	flex-wrap: wrap;
	width:100%;
	margin-bottom:5.5vw;
}
.top-main-area .top-main-back .top-main-contents .area-link-area a{
	padding:1.6rem 4rem;
	font-size: clamp(11px, 0.8vw, 16px);
	border:1px solid #fff;
	border-radius: 5px;
	width:32%;
	margin:0 1% 1rem 0;
	color:#fff;
	text-align: center;
	background:rgba(255,255,255,0.15);
}
.top-main-area .top-main-back .top-main-contents .area-link-area a:hover{
	border:1px solid #008bab;
	color:#008bab;
	background:#ffe220;
}

.top-main-area .slider {
	margin-inline: auto;
	overflow: hidden; /* 画像がはみ出ないようにする */
	width: 100%;
	aspect-ratio: 1080/1800;
  }
  .top-main-area .slick-img img {
	width: 100%;
  }
  @keyframes zoomUp {
	0% {
	  transform: scale(1);
	}
	100% {
	  transform: scale(1.15); /* 拡大率 */
	}
  }
  .add-animation {
	animation: zoomUp 10s linear 0s normal both;
  }

  /* アニメーション管理 */
@keyframes loop {
	0% {
	  transform: translateX(100%);
	}
	to {
	  transform: translateX(-100%);
	}
  }
  @keyframes loop2 {
	0% {
	  transform: translateX(0);
	}
	to {
	  transform: translateX(-200%);
	}
  }

.loop_wrap {
	display: flex;
	width: 100vw;
	overflow: hidden;
}
.ani-txt.loop_wrap .box {
	flex: 0 0 auto;
}
.ani-txt.loop_wrap .box:nth-child(odd) {
	animation: loop 70s -35s linear infinite;
}
.ani-txt.loop_wrap .box:nth-child(even) {
	animation: loop2 70s linear infinite;
}
.top-main-area .ani-txt{
	color:#fff;
	font-size:18vw;
	line-height:1.4;
}
.top-main-area .ani-txt span{
	color:#ffe220;
}


.movie-area{
	width:100%;
	background:#fff url("../img/bg-movie-area-min.gif") no-repeat center bottom;
	background-size: 100%;
	padding:5rem 0;
}
.movie-area .inner{
	width:100%;
	padding:24px;
}
.movie-area .inner .movie-box{
	width:100%;
}
.movie-area .inner .movie-box .movie-comming-soon{
	width:100%;
	aspect-ratio: 16/9;
	margin-bottom:2rem;
}
.movie-area .inner .txt-con{
	width:100%;
	padding:30px 0;
	color: #008bab;
}
.movie-area .inner .txt-con h2{
	font-size:32px;
	line-height:1.6;
	margin-bottom:40px;
	text-align: center;
}
.movie-area .inner .txt-con .txt{
	font-size: 17px;
	margin-bottom:8rem;
}
.movie-area .inner .txt-con .btn-area{
	text-align: center;
	margin-bottom:40px;
}
.movie-area .inner .txt-con .btn-area a{
	display:inline-block;
	font-size: 16px;
	padding: 4.2rem 12.8rem 4.8rem 7.8rem;
	background:#fff;
	line-height: 1;
	border-radius: 100vh;
	color: #008bab;
	border:1px solid #008bab;
	position: relative;
}
.movie-area .inner .txt-con .btn-area a:hover{
	background:#ffe220;
}
.movie-area .inner .txt-con .btn-area a::after{
	font-family: "Font Awesome 6 Free",sans-serif;
	content: "\f138";
	position: absolute;
	font-size: 17px;
	font-weight: 900;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	right: 3.5rem;
	color: #008bab;
}

.movie-area .category-btn-area{
	width:100%;
	display:flex;
	flex-wrap: wrap;
	justify-content: stretch;
	border-top:1px solid #008bab;
	border-left:1px solid #008bab;
}
.movie-area .category-btn-area a{
	display:block;
	width:50%;
	line-height: 1;
	margin:0;
	font-size: 16px;
	padding:14px 24px 14px 12px;
	background:#fff;
	color: #008bab;
	border-right:1px solid #008bab;
	border-bottom:1px solid #008bab;
	position: relative;
}
.movie-area .category-btn-area a::after{
	font-family: "Font Awesome 6 Free",sans-serif;
	content: "\f138";
	position: absolute;
	font-size: 16px;
	font-weight: 900;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	right: 10px;
	color: #008bab;
}
.movie-area .category-btn-area a:hover{
	background:#ffe220;
}

.movie-area .tag-slide-area{
	width:100%;
	padding:2rem 0 6rem;
}
.movie-area .tag-slide-area a{
	display:inline-block;
	font-size: 15px;
	line-height: 1;
	background:rgba(255,255,255,0.88);
	border-radius: 100vh;
	color: #008bab;
	margin:0 2px;
	padding:3rem 4.6rem 3rem 6rem;
	position: relative;
}
.movie-area .tag-slide-area a:hover{
	background:#ffe220;
}
.movie-area .tag-slide-area a::before{
	font-family: "Font Awesome 6 Free",sans-serif;
	content: "\23";
	position: absolute;
	font-size: clamp(11px, 0.85vw, 15px);
	font-weight: 900;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 2.25rem;
	color: #008bab;
}
.movie-area .caption{
	display:inline-block;
	padding:8px 0;
	line-height:1;
	font-size:13px;
}

.topic-area{
	width:100%;
	padding:12rem 0 6rem;
	background: #e9eef3;
}
.topic-area .inner{
	width:100%;
	padding:0 2.5%;
}
.topic-area .l-con{
	width:100%;
	padding:0;
	margin-bottom:5rem;
}
.topic-area .r-con{
	width:100%;
	padding:0;
}

.topic-area .l-con .ttl-area{
	padding:10rem 0;
	background-image:url("../img/kamome.png"), url("../img/nami.png");
	background-repeat: no-repeat, no-repeat;
	background-position:top left,bottom center;
	background-size: 33%,45%;
	margin-bottom:0;
}
.topic-area .l-con .ttl-area .ttl{
	text-align: center;
	font-size: 46px;
	background: linear-gradient(90deg, #328193 0%, #84cce4 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 1.46;
}
.topic-area .cate-link-area{
	padding:1rem 2.5rem 5rem;
}
.topic-area .cate-link-area a{
	display:block;
	font-size:17px;
	padding:12px 40px 12px 16px;
	line-height: 1;
	background:#fff;
	color: #008bab;
	position: relative;
	margin-bottom:1px;
}
.topic-area .cate-link-area a:hover{
	background:#ffe220;
}
.topic-area .cate-link-area a::after{
	font-family: "Font Awesome 6 Free",sans-serif;
	content: "\f138";
	position: absolute;
	font-size: 18px;
	font-weight: 900;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	right: 3.2rem;
	color: #008bab;
}

.topic-area .box-list ul{
	width:100%;
	padding:1rem 2.5%;
	margin-bottom:7.5rem;
}

.topic-area .box-list ul li{
	padding:1rem 0;
}
.topic-area .box-list ul li a{
	padding:3rem;
	border-radius: 6px;
	display: table;
	background: #fff;
}
.topic-area .box-list ul li a:hover{
	background: #ffe220;
}
.topic-area .box-list ul li a .photo{
	width:30%;
	display: table-cell;
	padding-top:0.25rem;
}
.topic-area .box-list ul li a .photo img{
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 4px;
}
.topic-area .box-list ul li a .txt-area{
	width:70%;
	display: table-cell;
	padding-left:25px;
	vertical-align: middle;
}
.topic-area .box-list ul li a .txt-area .ttl{
	font-size: 16px;
	line-height: 1.6;
}
.pickup-area{
	width:100%;
	background: #2888b0;
}
.pickup-area h2{
	width:100%;
	background: #222;
	color: #fff;
	text-align: center;
	font-size: 30px;
	padding:3rem 0;
}
.pickup-area .pickup-list{
	width:100%;
	padding:0;
}
.pickup-area .slide-box{
	padding:8.5rem 10rem 1rem;
	border-radius: 24px;
	background: #2888b0;
	color: #fff;
	margin-bottom:0 !important;
}
.pickup-area .slide-box .slide-box-in .l-con{
	width:100%;
}
.pickup-area .slide-box .slide-box-in .l-con .photo{
	border-radius: 16px;
	margin-bottom:7.5rem;
	border:3px solid #fff;
	aspect-ratio: 3/2;
}
.pickup-area .slide-box .slide-box-in .l-con .photo img{
	width:100%;
	object-fit: cover;
	aspect-ratio: 3/2;
}
.pickup-area .slide-box .slide-box-in .r-con{
	width:100%;
}
.pickup-area .slide-box .cate-name{
	font-size: 14px;
	margin-bottom: 3.5rem;
}
.pickup-area .slide-box h1{
	font-size: 21px;
	margin-bottom: 40px;
	line-height: 1.62;
}
.pickup-area .slide-box .spot-name{
	font-size: 18px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:20px 0;
	margin-bottom: 4.5rem;
}
.pickup-area .slide-box .tag-area{
	margin-bottom: 4.5rem;
}
.pickup-area .slide-box .tag-area span{
	display:inline-block;
	font-size: 14px;
	line-height: 1;
	background:rgba(255,255,255,1);
	border-radius: 100vh;
	color: #008bab;
	margin:0 2px 6px 0;
	padding:1.75rem 2.6rem 1.85rem 4.85rem;
	position: relative;
}
.pickup-area .slide-box .slide-box-in .tag-area span::before{
	font-family: "Font Awesome 6 Free",sans-serif;
	content: "\23";
	position: absolute;
	font-size: clamp(11px,1vw,12px);
	font-weight: 900;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 1.65rem;
	color: #008bab;
}
.pickup-area .slide-box .koushinbi{
	font-size: 12px;
}
.pickup-area .slick-prev,
.pickup-area .slick-prev:before,
.pickup-area .slick-prev:hover,
.pickup-area .slick-prev:hover:before,
.pickup-area .slick-prev:focus,
.pickup-area .slick-prev:focus:before{
	left:1%;
	display:block;
	position: absolute;
	top: 22%;
	background:url("../img/prev.png") no-repeat center center;
	background-size:100%;
	width:40px;
	height:40px;
	z-index:9998;
}
.pickup-area .slick-next,
.pickup-area .slick-next:before,
.pickup-area .slick-next:hover,
.pickup-area .slick-next:hover:before,
.pickup-area .slick-next:focus,
.pickup-area .slick-next:focus:before{
	right:1%;
	display:block;
	position: absolute;
	top: 22%;
	background:url("../img/next.png") no-repeat center center;
	background-size:100%;
	width:40px;
	height:40px;
	z-index:9998;
}
.pickup-area .slick-dots{
	position: absolute;
	display: inline-block;
	width: auto;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	right:5.5rem;
	bottom:-6px;
}
.pickup-area .slick-dots li {
	margin: 0 10px;
    width: 12px;
    height: 12px;
  }
.pickup-area .slick-dots li button::before {
    content: '';
    width: 12px;
    height: 12px;
    opacity: 1;
	background: #84cce4;
	border-radius: 10px;
}
.pickup-area .slick-dots li.slick-active button:before{
	background: #ffe220;
	border-radius: 10px;
	opacity: 1;
}


.area-betsu{
	width:100%;
	padding:5rem 0 0;
	background: #2888b0;
	border-top:1px solid #1a6586;
}
.area-betsu .inner{
	width:100%;
	padding:0;
}
.area-betsu .l-con{
	width:100%;
	margin-bottom:5.5rem;
	color: #fff;
}
.area-betsu .l-con .ttl{
	font-size: 26px;
	text-align: center;
}
.area-betsu .r-con{
	width:100%;
}
.area-betsu .r-con .area-list{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.area-betsu .r-con .area-list li{
	width:50%;
	padding:0 1px 2px;
}
.area-betsu .r-con .area-list li:last-child{
	border-right:0;
}
.area-betsu .r-con .area-list li a{
	display: block;
	padding:0 2px 10px;
	text-align: center;
	background: #fff;
}
.area-betsu .r-con .area-list li a .img-chikei{
	margin-bottom:6px;
}
.area-betsu .r-con .area-list li a .area-name{
	display: inline-block;
	padding:10px 24px;
	border-radius: 100vh;
	line-height: 1;
	font-size: 13px;
	text-align: center;
	background: #222;
	color: #fff;
}
.area-betsu .r-con .area-list li a .area-name i{
	display: inline-block;
	vertical-align: baseline;
	margin-left:5px;
	font-size: 10px;
}
.area-betsu .r-con .area-list li a:hover{
	background: #84cce4;
}
.area-betsu .r-con .area-list li a:hover .area-name{
	background: #008bab;
}

/* single
---------------------------------------------- */
.single-body{
	width: 100%;
}
.single-body .single-head{
	width:100%;
	background: #2888b0 url("../img/kazari-kamome.png") no-repeat bottom 4rem right 2rem;
	background-size: 10vw;
	color:#fff;
}
.single-body .single-head.bg-df{
	width:100%;
	background: #e9eef3;
	color:#222;
}
.single-body .single-head .inner{
	width:100%;
	margin:0 auto;
	padding:0;
}
.single-body .single-head .inner .l-con{
	width:100%;
}
.single-body .single-head .inner .l-con .photo{
	margin-bottom:24px;
}
.single-body .single-head .inner .l-con .photo img{
	width:100%;
	object-fit: cover;
	aspect-ratio: 3/2;
}
.single-body .single-head .inner .r-con{
	width:100%;
}
.single-body .single-head .cate-name{
	font-size: 14px;
	margin-bottom: 3.5rem;
	padding:0 20px;
}
.single-body .single-head h1{
	font-size: 24px;
	padding:0 20px;
	margin-bottom:50px;
	line-height: 1.62;
}
.single-body .single-head .spot-name{
	font-size: 16px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:20px 20px;
}
.single-body .single-head .tag-area{
	margin-bottom: 50px;
	padding:20px 20px;
}
.single-body .single-head .tag-area ul li{
	display:inline-block;
}
.single-body .single-head .tag-area a{
	display:block;
	font-size: 16px;
	line-height: 1;
	background:rgba(255,255,255,1);
	border-radius: 100vh;
	color: #008bab;
	margin:0 2px 4px;
	padding:1.75rem 2.6rem 1.85rem 4.85rem;
	position: relative;
}
.single-body .single-head .tag-area a:hover{
	background:#ffe220;
}
.single-body .single-head .tag-area a::before{
	font-family: "Font Awesome 6 Free",sans-serif;
	content: "\23";
	position: absolute;
	font-size: clamp(11px,1vw,12px);
	font-weight: 900;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 1.85rem;
	color: #008bab;
}
.single-body .single-head .koushinbi{
	font-size: 12px;
}

.single-body .single-contents{
	width:100%;
	background: #f6f8fa;
	padding:0;
}
.single-body .single-contents .inner{
	width:100%;
}
.single-body .single-contents .inner .l-con{
	width:100%;
	padding:7.5rem;
}

.single-body .single-contents .inner .l-con .back-link{
	padding:10rem 0 5rem;
	text-align: center;
}
.single-body .single-contents .inner .l-con .back-link a{
	display: inline-block;
	padding:16px 32px;
	border:1px solid #008bab;
	border-radius: 100vh;
	font-size: 16px;
	line-height: 1;
	transition: .6s;
}

.single-body .single-contents .inner .r-con{
	width:100%;
	padding:7.5rem 0 0;
}


/* page
---------------------------------------------- */
.page-header{
	padding:12.5rem 2.5rem;
}
.page-header h1{
	font-size:21px;
	line-height: 1.62;
	text-align: center;
	font-weight: 700;
}
.page-header .ttl-en{
	font-size: 17px;
	color: #2888b0;
	text-align: center;
}
.page-body{
	width: 100%;
}
.page-contents .entry-content{
	padding:0 5rem 20rem;
	width:100%;
	margin:0 auto;
}
.page-contents .entry-content table{
	width:100%;
}
.page-contents .entry-content table th,
.page-contents .entry-content table td{
	font-size: 14px;
	border:1px solid #ccc;
	padding:12px 16px;
	line-height:1.6;
	color:#333;
}
.page-contents .entry-content table th{
	background: #e9eef3;
	font-weight: bold;
}
/* entry-content
---------------------------------------------- */
.single-body .entry-content p{
	font-size: 17px;
	padding:10px 0 40px;
}
.single-body .entry-content li{
	font-size: 16px;
}
.single-body .entry-content table th,
.single-body .entry-content table td{
	font-size: 14px;
}
.single-body .entry-content h2{
	font-family: "Zen Old Mincho", serif;
	font-weight: 400;
	font-style: normal;
	font-size:30px;
	margin-bottom:6rem;
	color: #222;
}
.single-body .entry-content h3{
	font-size:20px;
	margin-bottom:4.5rem;
	color: #222;
	padding:1.6rem 3rem 1.75rem;
	background: #e9eef3;
}
.single-body .entry-content h4{
	font-size:18px;
	margin-bottom:2.5rem;
	color: #222;
}
.page-body .entry-content p{
	font-size: 16px;
	margin-bottom:40px;
}
.page-body .entry-content li{
	font-size: 16px;
}
.page-body .entry-content table th,
.page-body .entry-content table td{
	font-size: 14px;
}
.page-body .entry-content h2{
	font-size:18px;
	margin-bottom:24px;
	background: #008bab;
	color: #fff;
	padding:10px 18px 12px;
}
.page-body .entry-content h3{
	font-style: normal;
	font-size:16px;
	margin-bottom:16px;
	color: #222;
	border-left:5px solid #2888b0;
	background: #e9eef3;
	padding:12px 18px;
}
.entry-content figure{
	margin-bottom:24px;
}
.entry-content figcaption{
	font-size: 13px;
}
/* category
---------------------------------------------- */
.cate-body{
	background: #e9eef3;
	padding:0 0 5rem;
}
.cate-body .cate-header{
	width:100%;
	margin:0 auto 2.5rem;
}
.cate-body .cate-header .cate-title{
	font-size:21px;
	color: #545e64;
	padding:6rem 2.5rem;
	text-align: center;
	font-family: "Zen Old Mincho", serif;
	font-weight: 600;
	font-style: normal;
	border-top:1px solid #d3dbe3;
	border-bottom:1px solid #d3dbe3;
}
.cate-body .cate-wrap{
	width:100%;
}
.cate-body .cate-wrap .l-con{
	width:100%;
	padding:0 5rem 10rem;
}
.cate-body .cate-wrap .r-con{
	width:100%;
}

.cate-body .cate-header-area{
	width:100%;
	padding:0 0 1.5rem;
}
.cate-body .cate-header-area .cate-title-area{
	width:100%;
	padding:5rem 6.5rem 1rem;
}
.cate-body .cate-header-area .img-chikei{
	width:100%;
}
.cate-body .cate-header-area .cate-title-area .ttl{
	font-size:24px;
	color: #222222;
	padding:0 0 5rem;
	font-family: "Zen Old Mincho", serif;
	font-weight: 700;
	font-style: normal;
	text-align: center;
}
.cate-body .cate-header-area .cate-title-area .txt{
	font-size: 15px;
	color: #545e64;
}


.kiji-list-area{
	width:100%;
}

.kiji-list-area .kiji-list{
	width:100%;
	padding:1rem 2.5%;
}
.kiji-list-area .kiji-list li{
	width:100%;
	padding:0;
	border-bottom:2px dotted #ccc;
}
.kiji-list-area .kiji-list li a{
	display: block;
	padding:7.5rem 3rem;
	border-radius: 7px;
}
.kiji-list-area .kiji-list li a:hover{
	background: #ffe220;
}
.kiji-list-area .kiji-list li a .photo{
	width:100%;
	aspect-ratio:10.5/7;
	margin-bottom:16px;
	border-radius: 6px;
}
.kiji-list-area .kiji-list li a .photo:hover img{
	transform: scale(1.05);
}
.kiji-list-area .kiji-list li a .photo img{
	width:100%;
	aspect-ratio:10.5/7;
	object-fit: cover;
}
.kiji-list-area .kiji-list li a .ttl{
	font-size: 18px;
	line-height: 1.68;
	margin-bottom:16px;
	font-weight: normal;
	color: #333;
}
.kiji-list-area .kiji-list li a .cate-name{
	color:#fff;
	display: inline-block;
	padding:8px 12px;
	background: #008bab;
	border-radius: 3px;
	line-height: 1;
	font-size:12px;
	margin-bottom:3rem;
}
.kiji-list-area .kiji-list li a .tag-area span{
	color:#666;
	display: inline-block;
	font-size: 14px;
	position: relative;
	padding:0 0 0 16px;
	line-height: 1;
	margin-right:12px;
	margin-bottom:6px;
}
.kiji-list-area .kiji-list li a .tag-area span::before{
	font-family: "Font Awesome 6 Free",sans-serif;
	content: "\23";
	position: absolute;
	font-size: 12px;
	font-weight: 900;
	top: 56%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 0px;
	color: #008bab;
}
.kiji-list-area .kiji-list li a .days{
	font-size: 12px;
	line-height: 1;
	color:#717d84;
}

.page-navi-area .wp-pagenavi{
	padding:16px 0 24px;
	text-align:right;
}
.page-navi-area .wp-pagenavi a,.page-navi-area .wp-pagenavi span {
  text-decoration: none;
  border: 0;
  padding: 3px 7px;
  margin: 2px;
	background:#e9eef3;
	font-size:13px;
}
.page-navi-area .wp-pagenavi span.current{
	background:#008bab;
	color:#fff;
}

/* search
---------------------------------------------- */
.cate-body .cate-header .search-title{
	font-size: 16px;
	color: #545e64;
	padding:5rem 3.5rem;
	border-bottom:1px solid #aaa;
	font-weight: bold;
}
.search-body{
	width:100%;
	margin:0 auto;
	padding:24px 5%;
}
.search-body article{
	width:100%;
	padding:24px 24px;
	font-size:13px;
	border-bottom:2px dotted #ccc;
}
.search-body article h1{
	font-size:20px;
	line-height: 1.46;
	font-family: "Zen Old Mincho", serif;
	font-weight: 700;
	font-style: normal;
	margin-bottom:12px;
}
/* side
---------------------------------------------- */
.side .ig-btn-area{
	width:100%;
	padding:5rem;
}
.side .ig-btn{
	width:100%;
	margin-bottom:2.5rem;
	padding:16px;
	border:3px solid #222;
	border-radius: 7px;
	display: block;
	line-height: 1.2;
	color: #222;
	text-align: center;
}
.side .ig-btn:hover{
	border:3px solid #008bab;
	color: #008bab;
}
.side .ig-btn .ig-spotname{
	font-size:18px;
	margin-bottom:10px;
}
.side .ig-btn .ig-txt{
	font-size:13px;
	vertical-align: baseline;
}
.side .ig-btn .ig-txt i{
	font-size: 13px;
	vertical-align: baseline;
	margin-right:5px;
}
.side .widget-box{
	width:100%;
	font-size: 14px;
}
.side .widget-box.widget-info{
	margin-bottom:0rem;
}
.side .widget-box.widget-info .widget-ttl{
	background: #2888b0;
}
.side .widget-box .widget-ttl{
	font-size:21px;
	padding:18px 0;
	text-align: center;
	color:#fff;
	line-height: 1;
	background: #222;
	margin-bottom:0;
	font-family: "Marcellus", serif;
	font-weight: 400;
	font-style: normal;
}
.side .widget-box .base{
	padding:0.24rem 0;
}
.side .widget-box.widget-info .base{
	padding:5rem;
	background: #e9eef3;
}
.side .widget-box.widget-info .base .base-in{
	padding:5rem;
	background: #fff;
	border-radius: 8px;
}
.side.side-spot .widget-info p{
	font-size:16px;
	line-height: 1.6;
	padding:10px 0 16px;
}
.side.side-spot .widget-info a{
	text-decoration: underline;
}
.side.side-spot .widget-info a:hover{
	text-decoration: none;
}

.side.side-spot .widget-author .base{
	padding:5rem;
	background: #e9eef3;
}
.side.side-spot .widget-author .base .base-in{
	padding:5rem;
	background: #fff;
	border-radius: 8px;
}
.side.side-spot .widget-author .author-avatar{
	width: 60px;
	margin:1.5rem auto 3rem;
	border-radius: 100vh;
}
.side.side-spot .widget-author .author-avatar img{
	width: 100%;
	object-fit:cover;
	border-radius: 100vh;
	aspect-ratio: 1/1;
}
.side.side-spot .widget-author .author-name{
	font-size:15px;
	text-align: center;
	margin-bottom: 3rem;
}
.side.side-spot .widget-author .author-description{
	font-size:13px;
	margin-bottom: 1.75rem;
}
.side.side-spot .widget-author .author-link{
	font-size:12px;
	margin-bottom: 0.75rem;
	display: inline-block;
	padding-right:18px;
	position: relative;
}
.side.side-spot .widget-author .author-link::after{
	font-family: "Font Awesome 6 Free",sans-serif;
	content: "\f08e";
	position: absolute;
	font-size: 12px;
	font-weight: 900;
	top: 56%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	right: 0px;
	color: #666;
}

.side .widget-category ul li,
.side .widget-area ul li{
	padding:1.5rem 2.5rem;
	border-bottom:2px dotted #ccc;
}
.side .widget-category ul li:last-child,
.side .widget-area ul li:last-child{
	border-bottom:0;
}
.side .widget-category ul li a,
.side .widget-area ul li a{
	display: block;
	padding:1.8rem 0 1.8rem 20px;
	font-weight: normal;
	font-size: 17px;
	position: relative;
	border-radius: 5px;
}
.side .widget-category ul li a:hover,
.side .widget-area ul li a:hover{
	background: #ffe220;
}
.side .widget-category ul li a::before,
.side .widget-area ul li a::before{
	font-family: "Font Awesome 6 Free",sans-serif;
	content: "\f105";
	position: absolute;
	font-size: 16px;
	font-weight: 900;
	top: 53%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 6px;
	color: #2888b0;
}

.side .widget-box.widget-tags .base{
	padding:3.5rem;
}
.side .widget-box.widget-tags .base li{
	display: inline-block;
}
.side .widget-box.widget-tags .base a{
	padding:10px 16px 10px 30px;
	display: inline-block;
	color:#008bab;
	line-height: 1;
	font-size: 17px;
	background: #e3ecec;
	border-radius: 4px;
	margin:0 2px 10px 0;
	position: relative;
}
.side .widget-box.widget-tags .base a::before{
	font-family: "Font Awesome 6 Free",sans-serif;
	content: "\23";
	position: absolute;
	font-size: 14px;
	font-weight: 900;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 12px;
	color: #008bab;
}
.side .widget-box.widget-tags .base a:hover{
	background: #ffe220;
	color:#333;
}

.side .widget-box.widget-other ul li,
.side .widget-box.widget-new ul li{
	padding:2.5rem 1.5rem;
	border-bottom:2px dotted #ccc;
}
.side .widget-box.widget-other ul li:last-child,
.side .widget-box.widget-new ul li:last-child{
	border-bottom:0;
}
.side .widget-box.widget-other ul li a,
.side .widget-box.widget-new ul li a{
	padding:2rem 2.5rem;
	border-radius: 6px;
	display: block;
}
.side .widget-box.widget-other ul li a:hover,
.side .widget-box.widget-new ul li a:hover{
	background: #ffe220;
}
.side .widget-box.widget-other ul li a .photo,
.side .widget-box.widget-new ul li a .photo{
	width:30%;
	float:left;
	padding-top:0.25rem;
}
.side .widget-box.widget-other ul li a .photo img,
.side .widget-box.widget-new ul li a .photo img{
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 4px;
}
.side .widget-box.widget-other ul li a .txt-area,
.side .widget-box.widget-new ul li a .txt-area{
	width:70%;
	float:right;
	line-height:1.68;
	padding-left:25px;
}
.side .widget-box.widget-other ul li a .txt-area .post-title,
.side .widget-box.widget-new ul li a .txt-area .post-title{
	font-size: 16px;
	margin-bottom:10px;
}
.side .widget-box.widget-other ul li a .txt-area .cate-name,
.side .widget-box.widget-new ul li a .txt-area .cate-name{
	font-size: 13px;
	color:#666;
}


/* 404
---------------------------------------------- */
.body-404{
	padding:12rem 0 20rem;
	text-align: center;
}
.body-404 .txt-not-found{
	font-size: 40px;
	color:#ccc;
	font-weight: bold;
}
.body-404 .txt{
	font-size: 16px;
}

/* contact
---------------------------------------------- */
.contact-area{
	width:100%;
	color:#111;
}
.contact-area .box{
	width:100%;
	display: block;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.contact-area .box:first-child{
	width:100%;
	display: block;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.contact-area .box .koumoku{
	width:100%;
	display: block;
	padding:16px 24px;
	font-size:16px;
	background:#eaecf2;
	font-weight:bold;
}
.contact-area .box .nyuuryoku{
	width:100%;
	display: block;
	padding:24px 16px;
	font-size:14px;
}
.contact-area input{
	vertical-align:baseline;
	font-size: 16px;
}
.contact-area  textarea{
	width:100%;
	border:1px solid #666;
	padding:12px;
	font-size:16px;
	border-radius: 5px;
}
.contact-btn-area{
	width:100%;
	margin:0 auto;
	padding:36px 0;
	text-align:center;
}
.contact-area input[type="text"],
.contact-area input[type="email"]
{
	padding:8px;
	color:#333;
	line-height:1.8;
	border:solid 1px #ccc;
	width:98%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.contact-area input.denwa{
	width:28%;
}
.contact-area textarea {
	padding:12px;
	color:#333;
	line-height:1.68;
	border:solid 1px #ccc;
	width:90%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height:186px;
}

.contact-area .box .nyuuryoku .hosoku{
	font-size:14px;
}
.contact-area .box .koumoku span{
	margin-left:6px;
	font-size:11px;
	display:inline-block;
	padding:5px 12px 7px;
	line-height: 1;
	border-radius: 3px;
	vertical-align: middle;
}
.contact-area .hissu{
	background:#008bab;
	color:#fff;
}
.contact-area .ninni{
	background:#666;
	color:#fff;
}

.contact-area .contact-btn-area input[type="submit"]{
	border:0;
	padding:24px 48px;
	font-size:14px !important;
	font-weight:bold;
	color:#fff;
	background:#008bab;
	border-radius: 100vh;
	transition: 0.6s;
}
.contact-area .contact-btn-area input[type="submit"]:hover{
	cursor:pointer;
	background:#f9bf2c;
}
.contact-area .contact-btn-area input.reset{
	border:0;
	padding:16px 48px;
	font-size:14px !important;
	font-weight:bold;
	color:#fff;
	background:#666;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.contact-area .contact-btn-area input.reset:hover{
	cursor:pointer;
	background:#444;
}
.contact-area .contact-btn-area input.modoru{
	border:0;
	padding:16px 48px;
	font-size:14px !important;
	font-weight:bold;
	color:#fff;
	background:#666;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.contact-area .contact-btn-area input.modoru:hover{
	cursor:pointer;
	background:#444;
}
.contact-area .contact-btn-area input{
	margin:0 6px;
}



}