@charset "utf-8";
/*
Theme Name: Sanuki Kanko 2025
Theme URI: https://sanuki-kanko.jp/
Description: さぬき市観光協会のテーマ
Author: Web Design Office CROSSROAD
Author URI: http://www.wdcro.com/
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, tt, var, b, u, i, center, dl, dt, dd, dl, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {	margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html{ overflow-y: scroll; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
input, textarea { margin: 0; padding: 0; }
table{ border-collapse: collapse; border-spacing:0; }
caption, th{ text-align: left; }
a:focus {outline:none; }
.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px;
/*¥*//*/
height: auto; overflow: hidden;
/**/
}
.clear { clear:both; }
/*--------↑↑↑↑↑-resrt↑↑↑↑↑--------------*/
body {
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	text-align: center;
	letter-spacing: 0.07em;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}
a {
	color: #1276DF;
}
a:hover {
	color: #C83030;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
a , a img {
	transition: 0.3s ease-in-out;
}
a.post-icatch:hover img {
	filter: brightness(120%);
}
figcaption {
	text-align: center;
	font-size: 0.9rem;
}
.wp-block-image a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
}
.wp-block-image a img {
	display: block;
	transition-duration: 0.3s;
}
.wp-block-image a img:hover {
	transform: scale(1.2,1.2);
	transition-duration: 0.3s;
	cursor: zoom-in;
}
.wp-block-image figcaption a , .wp-block-image figcaption a:hover {
	border: none;
}
big {
	font-size: 1.4em;
}
small {
	font-size: 0.9em;
}
iframe {
	width: 100%;
}
.mb0 {
	margin-bottom: 0 !important;
}
.nowrap {
	white-space: nowrap;
}
#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #FFFFFF;
	z-index: 99;
}
#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 500px;
	height: 500px;
	margin-top: -250px;
	margin-left: -250px;
	text-align: center;
	color: #fff;
	z-index: 100;
}
@media only screen and (max-width: 800px) {
	#loader {
		width: 400px;
		height: 400px;
		margin-top: -200px;
		margin-left: -200px;
	}
}
@media only screen and (max-width: 640px) {
	#loader {
		width: 300px;
		height: 300px;
		margin-top: -150px;
		margin-left: -150px;
	}
}
#loader p span {
	font-size: 1.4em;
}
.sacky {
	animation: sacky1 3s ease infinite;
}
@keyframes sacky1 {
0% { transform:translateY(0) }
5% { transform:translateY(0) }
10% { transform:translateY(0) }
20% { transform:translateY(-15px) }
25% { transform:translateY(0) }
30% { transform:translateY(-15px) }
50% { transform:translateY(0) }
100% { transform:translateY(0) }
}
.bg-slider {
	height: 100vh;
	background-position: center 50px;
	background-size: cover;
	position: relative;
}
@media only screen and (max-width: 800px) {
	.bg-slider {
		background-position: center center;
	}
}
.bg-slider-title {
	color: #fff;
	line-height: 1.5;
	text-align:center;
	margin-top: 40vh;
	text-shadow: 1px 1px 1px #000;
	font-weight: bold;
	/*background: rgba(0,0,0,0.35);*/
	display: inline-block;
	padding: 25px;
}
.slide1 {
	animation: fadeIn1 1.5s ease 5s 1 forwards;
	display: block;
	opacity: 0;
	font-size: 4rem;
}
@keyframes fadeIn1 { /*animetion-nameで設定した値を書く*/

  0% {opacity: 0;
	  transform: translateX(200px);
	} /*アニメーション開始時は不透明度0%*/
  100% {opacity: 1;
	transform: translateX(0);} /*アニメーション終了時は不透明度100%*/
}
.slide2 {
	animation: fadeIn2 1.5s ease 7s 1 forwards;
	display: block;
	opacity: 0;
	font-size: 5.5rem;
}
@keyframes fadeIn2 { /*animetion-nameで設定した値を書く*/

  0% {opacity: 0;
	  transform: translateX(-200px);
	} /*アニメーション開始時は不透明度0%*/
  100% {opacity: 1;
	transform: translateX(0);} /*アニメーション終了時は不透明度100%*/
}
@media only screen and (max-width: 1300px) {
	.slide1 {
		font-size: 3.6rem;
	}
	.slide2 {
		font-size: 5rem;
	}
}
@media only screen and (max-width: 1150px) {
	.slide1 {
		font-size: 3.2rem;
	}
	.slide2 {
		font-size: 4.5rem;
	}
}
@media only screen and (max-width: 1020px) {
	.slide1 {
		font-size: 3rem;
	}
	.slide2 {
		font-size: 4rem;
	}
}
@media only screen and (max-width: 920px) {
	.slide1 {
		font-size: 2.5rem;
	}
	.slide2 {
		font-size: 3.5rem;
	}
	.slide2 span {
		display: block;
	}
	.slide2 span.dash {
		display: none;
	}
}
@media only screen and (max-width: 580px) {
	.slide1 {
		font-size: 1.8rem;
	}
	.slide2 {
		font-size: 2.5rem;
	}
	.slide1:lang(ja) ,.slide2:lang(ja) {
		white-space: nowrap;
	}
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-header*/
header {
	width: 100%;
	background: #FFFFFF;
}
.home header {
	width: 100%;
	background: #FFFFFF;
	position: absolute;
	top: 0;
}
#header {
	margin: 0px auto;
	max-width: 1200px;
}
@media only screen and (max-width: 1200px) {
	#header {
		width: 96%;
		padding: 0 2%;
	}
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-#header-logo*/
#header-logo {
	text-align: left;
	float: left;
	width: 50%;
}
#header-logo a {
	text-decoration: none;
	color: #000000;
	font-size: 2.2rem;
	font-weight: bold;
	background: url("image/header-sakky.png") no-repeat left center;
	padding: 25px 0 25px 80px;
	display: inline-block;
}
@media only screen and (max-width:900px) {
	#header-logo a {
		font-size: 1.8rem;
	}
}
@media only screen and (max-width:800px) {
	#header-logo {
		width: 100%;
	}
}
@media only screen and (max-width:600px) {
	#header-logo a {
		padding: 15px 0 15px 80px;
		font-size: 1.6rem;
	}
}
#header-logo span {
	font-size: 0.9rem;
	display: block;
	text-align: center;
}
@media only screen and (max-width:600px) {
	#header-logo span {
		font-size: 0.8rem;
	}
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-#header-right*/
#header-right {
	text-align: right;
	float: right;
	width: 50%;
	padding: 20px 0;
}
#header-right img {
	margin: 0 5px;
	width: 36px;
	height: auto;
}
#google_language_translator {
	display: inline-block;
	margin: 0 0 0 30px;
}
@media only screen and (max-width:900px) {
	#google_language_translator {
		margin: 0 0 0 15px;
	}
}
@media only screen and (max-width:800px) {
	#header-right {
		width: 90%;
		float: none;
		padding: 0 0 5px 0;
		min-width: 300px;
	}
	#header-right img {
		width: 30px;
	}
}
@media only screen and (max-width:600px) {
	#header-right {
		width: 80%;
		text-align: left;
	}
	#header-right img {
		margin: 0 2px;
		width: 30px;
		height: auto;
	}
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-#header-menu-wrap*/
#header-menu-wrap {
	width: 100%;
	clear: both;
	background: #00BFFF;;
}
@media only screen and (min-width:801px) {
.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
}
}
.menu-container {
    width: 100%;
    margin: 0 auto;
}
/* Nav
-----------------------------------------*/
@media screen and (max-width: 800px) {
	.Nav {
		margin-top: 0px;
		position: relative;
	}
}
.Nav .navbtn {
	display: none;
}
@media screen and (max-width: 800px) {
	.Nav .navbtn {
		display: block;
		position: absolute;
		top: -60px;
		right: 10px;
	}
	.Nav .navbtn a , .Nav .navbtn a.close {
		display: block;
		position: relative;
		width: 50px;
		height: 50px;
		background-color: #000;
	}
	.Nav .navbtn a::before , .Nav .navbtn a.close::before {
		position: absolute;
		top:10px;
		left:10px;
		content:"";
		width: 30px;
		height: 4px;
		background-color: #FFF;
		transition: .2s;
	}
	.Nav .navbtn a.open::before {
		top:25px;
		transform: rotate(-45deg);
	}
	.Nav .navbtn a::after , .Nav .navbtn a.close::after {
		position: absolute;
		bottom:10px;
		left:10px;
		content:"";
		width: 30px;
		height: 4px;
		background-color: #FFF;
		transition: .2s;
	}
	.Nav .navbtn a.open::after {
		bottom:21px;
		transform: rotate(-135deg);
	}
	.Nav .navbtn a span {
		display: block;
		overflow: hidden;
		width: 1px;
		height: 1px;
	}
	.Nav .navbtn a span::after , .Nav .navbtn a.close span::after {
		position: absolute;
		font-weight: bold;
		top:18px;
 		left: 0;
		right: 0;
		margin: auto;
		content:"MENU";
		font-size: 0.7rem;
		color: #FFFFFF;
		letter-spacing: 0;
	}
	.Nav .navbtn a.open span::after {
		display: none;
	}
}
.Nav ul.close {
  display: none;
  border-top: solid 1px #F5F4F0;
}
.Nav > ul {
  margin: 0 auto;
  max-width: 1200px;
}
@media screen and (max-width: 800px) {
	.Nav > ul {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9;
		background-color: #FFF;
	}
}
.Nav > ul > li {
	position: relative;
	display: inline-block;
	float: left;
	list-style: none;
}
@media screen and (max-width: 800px) {
	.Nav > ul > li {
		display: block;
		border-bottom: solid 1px #FFFFFF;
		float: none;
	}
}
.Nav > ul > li a {
	display: block;
	position: relative;
	text-decoration: none;
	padding: 60px 0 10px 0;
	font-size: 1rem;
	color: #FFFFFF;
	background-color: #00BFFF;
	text-align: center;
	background-repeat: no-repeat;
	background-position: top center;
}
@media screen and (max-width: 900px) {
	.Nav > ul > li a {
		font-size: 0.9rem;
	}
}
@media screen and (max-width: 800px) {
	.Nav > ul > li a {
		background-position: 10px center;
		padding: 25px 25px 25px 90px;
		text-align: left;
		font-size: 1rem;
		transition: 0s ease-in-out;
	}
}
@media screen and (max-width: 800px) {
  .Nav > ul > li.parent.open {
    border-bottom: none;
  }
}
.Nav > ul > li a:hover {
	color: #121212;
	background-color: #F5F5F5;
}
.Nav > ul > li a.open {
	color: #121212;
	background-color: #F5F5F5;
}
/* 2階層 */
.Nav > ul > li > ul {
	display: none;
	position: absolute;
	top: auto;
	left: 0;
	width: auto;
	z-index: 9;
}
 
@media screen and (max-width: 800px) {
	.Nav > ul > li > ul {
		position: static;
	}
}
.Nav > ul > li > ul li {
	list-style: none;
}
.Nav > ul > li > ul li a {
	position: relative;
	width: 220px;
	background: #F5F5F5 !important;
	color: #121212;
	border-bottom: solid 1px #FFFFFF;
	padding: 15px 30px;
	text-align: center;
}
.Nav > ul > li > ul li.letter-space1 a:lang(ja) {
	letter-spacing: 0.7rem;
}
@media screen and (max-width: 800px) {
	.Nav > ul > li > ul li a {
		width: 100%;
		text-align: left;
	}
}
.Nav > ul > li > ul li a:hover {
	background: #FFFF00 !important;
}
.Nav > ul > li > ul li a:active {
	background: #FFFF00 !important;
}
 @media screen and (min-width: 800px) {
	#header-home a {
		display: none;
	}
	#header-overview {
		width: 15.517%
	}
	#header-event {
		width: 13.793%
	}
	#header-sightseeing {
		width: 18.966%
	}
	#header-course {
		width: 13.793%
	}
	#header-news {
		width: 10.345%
	}
	#header-pamphlet {
		width: 17.241%
	}
	#header-access {
		width: 10.345%
	}
}
	#header-home a {
		background-image: url("image/header-home-img.png");
	}
	#header-overview > a {
		background-image: url("image/header-overview-img.png");
	}
	#header-event a {
		background-image: url("image/header-event-img.png");
	}
	#header-sightseeing a {
		background-image: url("image/header-sightseeing-img.png");
	}
	#header-course a {
		background-image: url("image/header-course-img.png");
	}
	#header-news a {
		background-image: url("image/header-news-img.png");
	}
	#header-pamphlet a {
		background-image: url("image/header-pamphlet-img.png");
	}
	#header-access a {
		background-image: url("image/header-access-img.png");
	}
	#header-home:hover a {
		background-image: url("image/header-home-img-h.png");
	}
	#header-overview:hover a {
		background-image: url("image/header-overview-img-h.png");
	}
	#header-event:hover a , #header-event a.open {
		background-image: url("image/header-event-img-h.png");
	}
	#header-sightseeing:hover a , #header-sightseeing a.open {
		background-image: url("image/header-sightseeing-img-h.png");
	}
	#header-course:hover a , #header-course a.open {
		background-image: url("image/header-course-img-h.png");
	}
	#header-news:hover a , #header-news a.open {
		background-image: url("image/header-news-img-h.png");
	}
	#header-pamphlet:hover a , #header-pamphlet a.open {
		background-image: url("image/header-pamphlet-img-h.png");
	}
	#header-access:hover a {
		background-image: url("image/header-access-img-h.png");
	}
.cat-pg-name {
	padding: 150px 0 150px 0;
	background-repeat: no-repeat , no-repeat , no-repeat , no-repeat , no-repeat;
	background-size: 20% auto , 20% auto ,20% auto,20% auto,20% auto;
	background-position: 0% center , 25% center , 50% center , 75% center , 100% center;
	background-color: #EEE;
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/sanuki-bg1-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/sanuki-bg2-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/sanuki-bg3-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/sanuki-bg4-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/sanuki-bg5-400x400.jpg");
}
.cat-pg-name p , .cat-pg-name h1 {
	font-size: 3rem;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #000;
}
.cat-pg-name p span , .cat-pg-name h1 span {
	padding: 0.3em 0.7em;
	background: rgba(0,0,0,0.50);
	display: inline-block;
}
#spa .cat-pg-name p span:lang(ja) , #spa .cat-pg-name h1 span:lang(ja) , #hotel .cat-pg-name p span:lang(ja) , #hotel .cat-pg-name h1 span:lang(ja) , #autumn-fes .cat-pg-name p span:lang(ja) , #autumn-fes .cat-pg-name h1 span:lang(ja) {
	letter-spacing: 0.7em;
	padding-right: 0;
	display: inline;
}
@media only screen and (max-width:2000px) {
	.cat-pg-name {
		padding: 120px 0 120px 0;
	}
}
@media only screen and (max-width:1710px) {
	.cat-pg-name {
		padding: 80px 0 80px 0;
	}
}
@media only screen and (max-width:1300px) {
	.cat-pg-name {
		padding: 60px 0 60px 0;
	}
	.cat-pg-name p , .cat-pg-name h1 {
		font-size: 2.4rem;
	}
}
@media only screen and (max-width:1000px) {
	.cat-pg-name {
		padding: 60px 0 60px 0;
		background-size: 30% auto , 30% auto ,30% auto,30% auto,30% auto;
		background-position: -25% center , 12.5% center , 50% center , 87.5% center , 125% center;
	}
	.cat-pg-name p , .cat-pg-name h1 {
		font-size: 2rem;
	}
}
@media only screen and (max-width:640px) {
	.cat-pg-name {
		padding: 40px 0 40px 0;
		background-size: 33.333% auto , 33.333% auto ,33.333% auto,33.333% auto,33.333% auto;
		background-position: -50% center , 0% center , 50% center , 100% center , 150% center;
	}
	.cat-pg-name p , .cat-pg-name h1 {
		font-size: 1.6rem;
	}
}
@media only screen and (max-width:540px) {
	.cat-pg-name {
		padding: 30px 0 30px 0;
	}
	.cat-pg-name p , .cat-pg-name h1 {
		font-size: 1.2rem;
	}
}
#event .cat-pg-name {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/event1-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/event2-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/event3-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/event4-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/event5-400x400.jpg");
}
#sightseeing .cat-pg-name {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/sightseeing1-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/sightseeing2-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/sightseeing3-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/sightseeing4-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/sightseeing5-400x400.jpg");
}
#temple .cat-pg-name {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/temple1-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/temple2-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/temple3-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/temple4-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/temple5-400x400.jpg");
}
#place .cat-pg-name {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/place1-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/place2-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/place3-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/place4-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/place5-400x400.jpg");
}
#spa .cat-pg-name {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/spa1-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/spa2-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/spa3-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/spa4-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/spa5-400x400.jpg");
}
#hotel .cat-pg-name {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/hotel1-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/hotel2-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/hotel3-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/hotel4-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/hotel5-400x400.jpg");
}
#gurmet .cat-pg-name {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/gurmet1-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/gurmet2-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/gurmet3-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/gurmet4-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/gurmet5-400x400.jpg");
}
#survenier .cat-pg-name {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/survenier1-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/survenier2-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/survenier3-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/survenier4-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/survenier5-400x400.jpg");
}
#outdoor .cat-pg-name {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/outdoor1-400x400.jpg"),url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/outdoor2-400x400.jpg"),url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/outdoor3-400x400.jpg"),url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/outdoor4-400x400.jpg"),url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/outdoor5-400x400.jpg");
}
#sa .cat-pg-name {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/sa1-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/sa2-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/sa3-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/sa4-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/sa5-400x400.jpg");
}
#course .cat-pg-name {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/course1-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/course2-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/course3-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/course4-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/course5-400x400.jpg");
}
#overview .cat-pg-name {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/overview1-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/overview2-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/overview3-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/overview4-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/overview5-400x400.jpg");
}
#pamphlet .cat-pg-name {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/pamphlet1-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/pamphlet2-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/pamphlet3-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/pamphlet4-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/pamphlet5-400x400.jpg");
}
#access .cat-pg-name {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/access1-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/access2-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/access3-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/access4-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/access5-400x400.jpg");
}
#news .cat-pg-name {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/news1-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/news2-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/news3-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/news4-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/news5-400x400.jpg");
}
#shido .cat-pg-name {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/shidoarea1-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/shidoarea2-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/shidoarea3-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/shidoarea4-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/shidoarea5-400x400.jpg");
}
#nagao .cat-pg-name {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/nagaoarea1-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/nagaoarea2-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/nagaoarea3-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/nagaoarea4-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/nagaoarea5-400x400.jpg");
}
#tsuda .cat-pg-name {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/tsudaarea1-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/tsudaarea2-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/tsudaarea3-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/tsudaarea4-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/tsudaarea5-400x400.jpg");
}
#sangawa .cat-pg-name {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/sangawaarea1-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/sangawaarea2-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/sangawaarea3-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/sangawaarea4-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/sangawaarea5-400x400.jpg");
}
#ookawa .cat-pg-name {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/ookawaarea1-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/ookawaarea2-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/ookawaarea3-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/ookawaarea4-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/ookawaarea5-400x400.jpg");
}
#spring .cat-pg-name {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/spring-event1-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/spring-event2-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/spring-event3-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/spring-event4-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/spring-event5-400x400.jpg");
}
#summer .cat-pg-name {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/summer-event1-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/summer-event2-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/summer-event3-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/summer-event4-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/summer-event5-400x400.jpg");
}
#autumn .cat-pg-name {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/autumn-event1-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/autumn-event2-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/autumn-event3-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/autumn-event4-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/autumn-event5-400x400.jpg");
}
#winter .cat-pg-name {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/winter-event1-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/winter-event2-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/winter-event3-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/winter-event4-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/winter-event5-400x400.jpg");
}
#summer-fes .cat-pg-name {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/summer-fes1-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/summer-fes2-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/summer-fes3-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/summer-fes4-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/summer-fes5-400x400.jpg");
}
#autumn-fes .cat-pg-name {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/autumn-fes1-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/autumn-fes2-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/autumn-fes3-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/autumn-fes4-400x400.jpg") , url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/autumn-fes5-400x400.jpg");
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-#breadcrumb-wrap*/
#breadcrumb-wrap {
	width: 100%;
	clear: both;
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-#breadcrumb*/
#breadcrumb {
	margin: 0px auto 30px auto;
	max-width: 1200px;
	text-align: left;
	font-size: 0.8rem;
	letter-spacing: 0.1em;
	color: #3E3E3E;
	padding: 5px 0;
}
@media only screen and (max-width:1200px) {
	#breadcrumb {
		width: 96%;
		padding: 0 2%;
	}
}
#breadcrumb ul li {
	display: inline;
	list-style-type: none;
	margin: 0 5px;
}
#breadcrumb a {
	color: #3E3E3E;
}
.breadcrumbs a:hover {
	color: #C71949;
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-.main-wrap*/
.main-wrap {
	width: 100%;
	line-height: 1.8;
	margin-top: 60px;
}
@media only screen and (max-width:1200px) {
	.main-wrap {
		margin-top: 60px;
	}
}
@media only screen and (max-width:800px) {
	.main-wrap {
		margin-top: 30px;
	}
}
.home .main-wrap {
	margin-top: 30px;
}
@media only screen and (max-width:700px) {
	.main-wrap {
		letter-spacing: normal;
	}
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-#wrap*/
.main {
	margin: 0px auto;
	max-width: 1200px;
	text-align: left;
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-.contents*/
.contents {
	margin: 0 3%;
}
.category .contents {
	margin: 0 3%;
}
@media only screen and (max-width:1000px) {
	.contents {
		margin: 0 5%;
	}
}
@media only screen and (max-width:800px) {
	.contents {
	margin: 0 5%;
	}
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-article*/
article {
	width: 100%;
	margin: auto;
	padding: 0 0 50px 0;
}
article a {
	text-decoration: underline;
} 
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-h1*/
article h1 {
	font-size: 2.4rem;
    margin: 0.3em 0;
    font-weight: normal;
}
@media only screen and (max-width:620px) {
	article h1 {
		font-size: 1.4rem;
		margin: 10px 0;
	}
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-h2*/
article h2 {
	font-size: 1.8rem;
	margin: 0 0 30px 0;
	padding: 0.1em 0;
	clear: both;
	color: #222222;
	font-weight: bold;
}
@media only screen and (max-width:620px) {
article h2 {
	font-size: 1.4rem;
}
}
#sightseeing h2 {
	color: #EB7400;
}
#temple h2 {
	color: #339311;
}
#spa h2 {
	color: #006BAF;
}
#event h2 {
	color: #3E8A15;
}
#spring h2 {
	color: #F4595B;
}
#summer h2 {
	color: #F36900;
}
#autumn h2 {
	color: #8A4C16;
}
#winter h2 {
	color: #315AB9;
}
#other-posts h2 {
	color: #373737;
}
#nagao h2 , #shido h2 , #tsuda h2 , #sangawa h2 , #ookawa h2 {
	background: #00BFFF;
	color: #FFFFFF;
	text-align: center;
	padding: 0.1em 0.5em;
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-h3*/
article h3 {
	font-size: 1.5rem;
	margin: 50px 0;
	color: #065774;
	border-bottom: 2px solid #065774;
	padding: 0.2em 1em 0.1em 0;
	font-weight: bold;
}
@media only screen and (max-width:620px) {
article h3 {
	font-size: 1rem;
}
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-h4*/
article h4 {
	font-size: 1.4rem;
	margin: 10px 0;
	color: #AB379F;
}
@media only screen and (max-width:620px) {
article h4 {
	font-size: 1rem;
}
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-h5*/
article h5 {
	font-size: 1.4rem;
	margin: 10px 0;
	color: #007702;
}
@media only screen and (max-width:620px) {
article h5 {
	font-size: 1.2rem;
}
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-h6*/
article h6 {
	font-size: 1.2rem;
	margin: 10px 0;
	color: #4B4B4B;
}
@media only screen and (max-width:620px) {
article h6 {
	font-size: 1.2rem;
}
}
.post {
	margin: 0 auto;
}
.page .post , .single .post {
	max-width: 1000px;
}
.page-template-page-area .post {
	max-width: 1200px;
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-.post p*/
.post p {
	margin: 0 0 30px 0;
}
@media only screen and (max-width:620px) {
.post p {
	margin: 0 0 20px 0;
}
}
.tags {
	border: 1px solid #DDD;
	background: #F0F0F0;
	padding: 10px 20px;
}
.tags a {
	display: inline-block;
	background: #2C406E;
	text-decoration: none;
	color: #FFFFFF;
	padding: 3px 15px;
	margin: 5px;
}
.tags a:hover {
	text-decoration: underline;
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-.post .blog-date*/
.post .blog-date {
	font-size: 1.4rem;
	color: #878787;
}
.post .area {
	text-align: right;
}
.post .area span {
}
.post .area span a {
	padding: 5px 15px;
	text-decoration: none;
	background: #00BFFF;
	color: #FFFFFF;
}
.post .area span a:hover {
	text-decoration: underline;
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-.post ul*/
.post ul {
	margin: 30px 0;
}
.post ul li {
	list-style-type: square;
	margin: 0 0 0.7em 2em;
}
@media only screen and (max-width:620px) {
    .post ul li {
        margin: 0 0 0.5em 1.5em;
    }
}
.post ul li.blocks-gallery-item .blocks-gallery-item__caption {
	background: rgba(0,0,0,0.53);
	color: rgba(255,255,255,1.00);
	padding: 5px;
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-.post ol*/
.post ol {
	margin: 30px 0;
}
.post ol li {
	list-style-type: decimal;
	margin: 0 0 0.7em 2em;
}
@media only screen and (max-width:620px) {
    .post ol li {
        margin: 0 0 0.5em 0.5em;
    }
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-table*/
.post table {
	width: 100%;
	margin: 0 0 30px 0;
}
@media only screen and (max-width:700px) {
.post table {
	margin: 0 0 10px 0;
}
}
.post table td {
	padding: 8px 15px;
	border: 1px solid #bcbcbc;
}
.post table td:nth-child(1) {
	font-weight: bold;
	background: #F0F0F0;
	white-space: nowrap;
}
@media only screen and (max-width:620px) {
    .post table td {
        padding: 5px;
        font-size: 0.9rem;
		display: block;
    }
	.post table td {
		border-bottom: none;
	}
	.post table {
		border-bottom: 1px solid #bcbcbc;
	}
}
@media only screen and (max-width:900px) {
	.post .wp-block-columns table td {
		display: block;
	}
	.post .wp-block-columns table td {
		border-bottom: none;
	}
	.post .wp-block-columns table {
		border-bottom: 1px solid #bcbcbc;
	}
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-table.t-form*/
.post table.t-form {
	border-collapse: separate;
	border-spacing: 8px;
	border: none;
	text-align: center;
	margin: 0 auto;
}
.post table.t-form td {
	padding: 7px 12px;
	background: #F0F0F0;
	text-align: left;
}
.post table.t-form td:nth-child(1) {
	white-space: nowrap;
	font-weight: bold;
	background: #E3EEF1 !important;
	vertical-align: top;
	text-align: right;
}
.post table.t-form td input , .post table.t-form td textarea {
	padding: 7px;
}
.wpcf7-captcha-captcha-1 {
	width: 100px;
	margin-bottom: 7px;
}
.post table.t-form td span {
	font-size: 0.9rem;
}
@media only screen and (max-width:1000px) {
	.post table.t-form td:nth-child(1) {
		white-space: normal;
		text-align: left;
	}
}
@media only screen and (max-width:620px) {
	.post table.t-form td {
		display: block;
		text-align: left;
	}
}
.hissu {
	font-size: 0.9rem;
	font-weight: bold;
	padding: 3px 10px 4px 10px;
	margin: 0px 10px;
	color: #FFF;
	background: #B51E21;
	border-radius: 5px;
	white-space: nowrap;
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-.wpcf7-list-item*/
.wpcf7-list-item {
	display: block;
}
.wpcf7 span.wpcf7-not-valid-tip {
	font-size: 0.8rem;
	font-weight: bold;
	color: #C00;
}
.wpcf7 .wpcf7-not-valid {
    background-color: #FDC3C3;
}
.submit {
	text-align: center !important;
}
.wpcf7-submit {
	font-size: 1.2rem;
    color: #FFFFFF;
    background: #478EB0;
	padding: 10px 20px;
	text-align: center;
	margin: 20px auto;
}
@media only screen and (max-width:620px) {
    .wpcf7-submit {
        font-size: 1rem;
    }
}
.wpcf7-submit:hover {
	cursor: pointer;
}
.wpcf7-response-output {
	margin: 10px auto;
	padding: 10px 15px;
}
.wpcf7-response-output {
	border: 3px solid #E01031 !important;
	background-color: #E01031;
	color: #FFF;
	font-size: 1.2rem;
}
span.wpcf7-list-item {
	display: block !important;
}
.form-width {
	width: 90%;
}
.form-width1 {
	width: 100px;
}
.kasou {
	display: block;
	width: 100%
}
/*--------------------------------------------------カテゴリー*/
.category-wrap {
	display: flex;
	flex-wrap: wrap;
}
.each-post {
	float: left;
	box-sizing: border-box;
}
.each-post img {
	width: 100%;
}
.each-post p.post-title {
	background: #FFFF00;
	margin: 0;
	padding: 7px 12px;
	line-height: 1.4rem;
	font-size: 0.9rem;
}
.each-post p  {
	margin: 10px 0 40px 0;
	padding: 0 10px;
	font-size: 0.9rem;
}
.each-post .post-title a {
	color: #000000;
	text-decoration: none;
}
.each-post .post-title a:hover {
	text-decoration: underline;
}
@media only screen and (min-width:901px) {
	.each-post:nth-child(3n-1) , .each-post:nth-child(3n-2) {
		width: 30%;
		margin: 50px 5% auto 0;
	}
	.each-post:nth-child(3n) {
		width: 30%;
		margin: 50px 0 auto auto;
	}
}
@media only screen and (min-width:601px) and (max-width:900px) {
	.each-post:nth-child(2n-1) {
		width: 47%;
		margin: 50px 6% auto 0;
	}
	.each-post:nth-child(2n) {
		width: 47%;
		margin: 50px 0 auto auto;
	}
}
@media only screen and (max-width:600px) {
	.each-post {
		width: 100%;
		margin: 30px 0;
		float: none;
	}
}
/*--------------------------------------------------アイキャッチテキスト*/
.icatch-box {
	position: relative;
}
.icatch-text {
	position: absolute;
	top: 0;
	left: 10px;
	z-index: 2;
	margin-top: -15px !important;
}
.icatch-category span {
	background: #393939;
	font-size: 0.9rem;
	padding: 3px 15px;
	font-weight: bold;
	display: inline-block;
	margin: 0 7px 3px 0;
}
.icatch-category span {
}
.icatch-category span a {
	color: #FFFFFF;
	text-decoration: none;
}
.icatch-category span a:hover {
	text-decoration: underline;
}
/*--------------------------------------------------トップページ*/
#home-post {
	background: url("image/home-gaiyou-bg.png") no-repeat top right;
	padding: 50px 40% 20px 0;
}
#home-post h1 {
	margin-bottom: 30px;
}
@media only screen and (max-width:1200px) {
	#home-post {
		padding-right: 25%;
	}
}
@media only screen and (max-width:800px) {
	#home-post {
		padding: 20px 0 400px 0;
		background-position: bottom center;
	}
}
@media only screen and (max-width:600px) {
	#home-post {
		background-size: contain;
	}
}
@media only screen and (max-width:500px) {
	#home-post {
		padding-bottom: 300px;
	}
}
@media only screen and (max-width:400px) {
	#home-post {
		padding-bottom: 230px;
	}
}
.home-news {
	background: #E3EEF0;
	padding: 50px 0;
}
.home-news h2 {
	text-align: center;
	color: #223B3F;
}
.each-home-news p.post-title {
	background: #FFD700;
}
.each-home-news p.eventday {
	background: #DEB887;
	color: #3B3B3B;
	font-weight: bold;
	margin: 0;
	padding: 7px 12px;
	font-size: 0.9rem;
}
.each-home-news .icatch-category span {
	background: #20B2AA;
}
.sanuki-area {
	background: #FFFFFF url("image/home-sanuki-bg.png") no-repeat center center;
	margin-top: 0 !important;
}
.sanuki-area h2 {
	padding: 50px 5%;
	text-align: right;
}
#home-areamap {
	position: relative;
	margin: 0 auto;
	height: 865px;
	width: 640px;
}
@media only screen and (max-width:640px) {
	.sanuki-area {
		background: #FFFFFF url("image/home-sanuki-sm-bg.png") no-repeat center center;
		background-size: cover;
	}
	#home-areamap {
		width: 100%;
		height: 640px;
	}
}
#home-areamap ul li {
	list-style: none;
	display: inline;
}
#home-areamap ul li a {
	display: block;
	font-size: 1.4rem;font-weight: bold;
	position: absolute;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	padding: 3px 12px;
	color: #FFFFFF;
	border-radius: 5px 5px;
}
@media only screen and (max-width:640px) {
	#home-areamap ul li a {
		font-size: 1rem;
	}
}
#home-areamap ul li#areamap-shido a {
	top: 39%;
	left: 39%;
	background: #2198C9;
}
#home-areamap ul li#areamap-shido a:hover {
	background: #FFFFFF;
	color: #2198C9;
	border: 1px solid #2198C9;
}
#home-areamap ul li#areamap-tsuda a {
	top: 48%;
	right: 5%;
	background: #EBC600;
}
#home-areamap ul li#areamap-tsuda a:hover {
	background: #FFFFFF;
	color: #EBC600;
	border: 1px solid #EBC600;
}
#home-areamap ul li#areamap-nagao a {
	top: 70%;
	left: 2%;
	background: #79A127;
}
#home-areamap ul li#areamap-nagao a:hover {
	background: #FFFFFF;
	color: #79A127;
	border: 1px solid #79A127;
}
#home-areamap ul li#areamap-ookawa a {
	top: 90%;
	left: 70%;
	background: #2C406E;
}
#home-areamap ul li#areamap-ookawa a:hover {
	background: #FFFFFF;
	color: #2C406E;
	border: 1px solid #2C406E;
}
#home-areamap ul li#areamap-sangawa a {
	top: 70%;
	left: 45%;
	background: #B07830;
}
#home-areamap ul li#areamap-sangawa a:hover {
	background: #FFFFFF;
	color: #B07830;
	border: 1px solid #B07830;
}
#home-sight {
	margin: 0 auto;
	max-width: 1200px;
}
#home-sight ul {
	display: flex;
	flex-wrap: wrap;
}
#home-sight ul li {
	list-style: none;
	display: inline;
	float: left;
	width: 24%;
	margin: 6px 0.5%;
}
@media only screen and (max-width:900px) {
	#home-sight ul li {
		width: 48%;
		margin: 7px 1%
	}
}
#home-sight ul li a {
	border: 1px solid #9B9B9B;
	display: block;
	box-sizing: border-box;
	padding: 50px 0;
	background-size:cover;
	background-position: center center;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1.6rem;
}
@media only screen and (max-width:1050px) {
	#home-sight ul li a {
		font-size: 1.2rem;
	}
}
@media only screen and (max-width:900px) {
	#home-sight ul li a {
		font-size: 1.4rem;
	}
}
@media only screen and (max-width:600px) {
	#home-sight ul li a {
		font-size: 1.2rem;
	}
}
@media only screen and (max-width:500px) {
	#home-sight ul li a {
		font-size: 1rem;
	}
}
#home-sight ul li a span {
	background-color: rgba(0,0,0,0.60);
	padding: 0.1em 0.5em;
}
#home-sight-temple a {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/home-sight-temple-400x300.jpg");
}
#home-sight-place a {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/home-sight-place-400x300.jpg");
}
#home-sight-spa a {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/home-sight-spa-400x300.jpg");
}
#home-sight-hotel a {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/home-sight-hotel-400x300.jpg");
}
#home-sight-gurmet a {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/home-sight-gurmet-400x300.jpg");
}
#home-sight-survenier a {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/home-sight-survenier-400x300.jpg");
}
#home-sight-outdoor a {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/home-sight-outdoor-400x300.jpg");
}
#home-sight-sa a {
	background-image: url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/home-sight-sa-400x300.jpg");
}
#home-sight ul li a:hover {
	filter: brightness(130%);
}
/*--------------------------------------------------タグ*/
.each-tags p.eventday {
	background: #DEB887;
	color: #3B3B3B;
	font-weight: bold;
	margin: 0;
	padding: 7px 12px;
	font-size: 0.9rem;
}
/*--------------------------------------------------さぬき市の概要*/
#overview .gaiyou {
	background: url("image/gaiyou-bg.png") no-repeat center bottom;
	padding-bottom: 360px;
	background-size: contain;
}
@media only screen and (max-width:900px) {
	#overview .gaiyou {
		padding-bottom: 250px;
	}
}
@media only screen and (max-width:600px) {
	#overview .gaiyou {
		padding-bottom: 180px;
	}
}
@media only screen and (max-width:500px) {
	#overview .gaiyou {
		padding-bottom: 140px;
	}
}
.gaiyou-sakky {
	text-align: center;
}
@media only screen and (min-width:1101px) {
	.gaiyou-sakky {
		margin-top: -80px;
	}
}
/*--------------------------------------------------イベント情報*/
#event iframe {
	margin-bottom: 40px;
}
.each-event p.eventday {
	background: #DEB887;
	color: #3B3B3B;
	font-weight: bold;
	margin: 0;
	padding: 7px 12px;
	font-size: 0.9rem;
}
/*--------------------------------------------------モデルコース*/
.each-course p.post-title {
	background: #8E5C09;
}
.each-course .post-title a {
	color: #FFFFFF;
}
@media only screen and (min-width:601px) {
	.each-course {
		width: 47%;
		margin: 50px auto auto auto;
	}
}
@media only screen and (max-width:600px) {
	.each-course {
		width: 100%;
		margin: 30px 0;
		float: none;
	}
}
#course .course-time {
	text-align: right;
}
#course .course-time span {
	font-size: 1.8rem;
	color: #FFFFFF;
	background: #F3A81D;
	padding: 0.3em 1em;
	border-radius: 5px;
}
@media only screen and (max-width:620px) {
	#course .course-time span {
		font-size: 1.2rem;
	}
}
/*--------------------------------------------------観光情報*/
@media only screen and (min-width:901px) {
	#hotel .each-post:nth-child(3n) , #hotel .each-post:nth-child(3n+1) {
		width: 30%;
		margin: 50px 5% auto 0;
	}
	#hotel .each-post:nth-child(3n+2) {
		width: 30%;
		margin: 50px 0 auto auto;
	}
	
	#hotel .each-sightseeing:nth-child(1) , #hotel .each-sightseeing:nth-child(2) {
		width: 47%;
		margin: 50px auto auto auto;
	}
}
/*--------------------------------------------------観光パンフレット*/
.each-pamphlet p.post-title {
	background: #00bfff;
}
.each-pamphlet .post-title a {
	color: #FFFFFF;
}
/*--------------------------------------------------さぬき市へのアクセス*/
#access h2 {
	margin: 0 0 15px 0;
}
article h2#train {
	background: url("image/access-train.png") no-repeat left center;
	padding-left: 2.5em;
}
article h2#bus {
	background: url("image/access-bus.png") no-repeat left center;
	padding-left: 2.5em;
}
article h2#air {
	background: url("image/access-air.png") no-repeat left center;
	padding-left: 2.5em;
}
article h2#car {
	background: url("image/access-car.png") no-repeat left center;
	padding-left: 2.5em;
}
@media only screen and (min-width:501px) {
	article h2#train::after , article h2#bus::after , article h2#air::after , article h2#car::after {
		content: url("image/access-sakky.png");
		vertical-align: -0.5em;
		margin-left: 7px;
	}
}
@media only screen and (max-width:500px) {
	article h2#train , article h2#bus , article h2#air , article h2#car {
		background-size: contain;
	}
}
#access .wp-block-image {
	margin-bottom: 100px;
}
#access .post table {
	margin-bottom: 60px;
}
#access .post table td {
	border: none;
	border-bottom: 1px solid #DCDCDC;	
}
#access .post table td:nth-child(1) {
	font-weight: bold;
	color: #008E78;
	background: transparent;
}
@media only screen and (max-width:620px) {
    #access .post .taxi table td {
        padding: 5px;
		display: block;
		border-bottom: none;
    }
	#access .post .taxi table td:nth-child(3) {
		border-bottom: 1px solid #DCDCDC;	
	}
}
/*--------------------------------------------------さぬき市観光協会について*/
#information .post table td {
	border: 1px solid #737373;	
}
#information .post table td:nth-child(1) {
	background: #F5F5F5;
}
@media only screen and (max-width:620px) {
}
/*--------------------------------------------------会員募集*/
#member .post table td {
	border: 1px solid #737373;	
}
#member .post table td:nth-child(1) {
	background: #F5F5F5;
}
@media only screen and (max-width:620px) {
}
/*--------------------------------------------------その他の記事*/
#other-posts-wrap {
	width: 100%;
	line-height: 1.8;
	margin-top: 30px;
	/*border-top: 11px solid #A7EFFF;*/
	background: #F0F0F0;
	padding: 50px 0;
}
@media only screen and (max-width:1200px) {
	#other-posts-wrap {
		margin-top: 60px;
	}
}
@media only screen and (max-width:800px) {
	#other-posts-wrap {
		margin-top: 30px;
	}
}
#other-posts-main {
	margin: 0px auto;
	max-width: 1200px;
	/*text-align: left;*/
}
#other-posts {
	width: 84%;
	margin: 0 7%;
}
@media only screen and (max-width:1000px) {
	#other-posts {
		width: 90%;
		margin: 0 5%;
	}
}
@media only screen and (max-width:800px) {
	#other-posts {
		width: 90%;
		margin: 0 5%;
	}
}
#other-posts h2 {
	text-align: center;
	/*color: #00A1EF;*/
	margin: 30px 0;
}
.other-post-wrap {
	display: flex;
	flex-wrap: wrap;
	text-align: center !important;
	margin: 0 auto !important;
}
.other-post {
	/*float: left;*/
	box-sizing: border-box;
	border: 1px solid #DEDEDE;
	background: #FFFFFF;
}
.other-post div {
	padding: 7px;
	text-align: center;
}
.other-post img {
	width: 100%;
}
.other-post p {
	margin: 0 !important;
	background: #00BFFF;
	font-size: 0.9rem;
	padding: 3px 7px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #FFFFFF;
}
.other-post p a {
	color: #FFFFFF;
	text-decoration: none;
}
.other-post p a:hover {
	text-decoration: underline;
}
@media only screen and (min-width:901px) {
	.other-post {
		width: 30%;
		margin: 30px auto auto auto;
	}
}
@media only screen and (min-width:501px) and (max-width:900px) {
	.other-post {
		width: 47%;
		margin: 30px auto auto auto;
	}
}
@media only screen and (max-width:500px) {
	.other-post {
		width: 100%;
		margin: 15px 0;
	}
}
.wp-block-file__button {
	padding: 10px 20px;
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-.pagination*/
.pagination {
	text-align: center;
	clear:both;
	padding: 20px 0;
	position: relative;
	font-size: 0.9rem;;
	background: none;
	margin: 10px 0 20px;
	vertical-align: middle;
}
.pagination span, .pagination a {
	display: inline-block;
	margin: 2px 2px 2px 0;
	padding: 5px 10px ;
	text-decoration: none;
	width: auto;
	color: #FFF;
	background: #444;
}
.pagination a:hover{
	color: #FFF;
	background: #C00;
}
.pagination .current{
	background: #666;
	color: #FFF;
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-.main-navi*/
.main-navi {
	margin: 70px 0;
	font-size: 0.8rem;
}
.main-navi-left {
	width: 40%;
	float: left;
}
.main-navi-right {
	width: 40%;
	float: right;
}
@media only screen and (max-width:620px) {
	.main-navi-left , .main-navi-right {
		width: 48%;
	}
}
.main-navi-left a , .main-navi-right a {
	display: block;
	background: #ECECEC;
	text-decoration: none;
	color: #393939;
	font-weight: bold;
}
.main-navi-left a {
	padding: 10px 10px 10px 25px;
	border-left: 3px solid #FF6D70;
}
.main-navi-right a {
	padding: 10px 25px 10px 10px;
	border-right: 3px solid #FF6D70;
	text-align: right;
}
.main-navi-left a:hover , .main-navi-right a:hover {
	background-color: #FFD3D6;
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-.detail a*/
.detail a {
	float: right;
	color: #FFF;
	padding: 2px 12px;
	font-weight: bold;
	background: #EB4B0C;
	text-decoration: none;
	font-size: 0.9rem;
	display: block;
	margin: 10px 0 0 20px;
}
.detail a:hover {
	background-color: #B51B20;
}
#footer-banner-wrap {
	width: 100%;
	max-width: 1200px;
	padding: 50px 0;
	margin: 0 auto;
}
#footer-banner-wrap a {
	text-decoration: none;
}
.footer-banner1 ,.footer-banner2 {
	padding: 8px 0;
}

@media only screen and (max-width:1200px) {
	.footer-banner1 ,.footer-banner2 {
		padding: 10px 3%;
	}
}
.footer-banner1 img {
	width: 49%;
	margin: 0 auto;
}
.footer-banner2 img {
	width: 24%;
	margin: 0 auto;
}
@media only screen and (max-width:800px) {
.footer-banner2 img {
	width: 49%;
	margin: 10px auto;
}
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-footer*/
#footer-navi-wrap {
	width: 100%;
	clear: both;
	padding: 50px 0;
}
#footer-navi {
	max-width: 1200px;
	margin: 0 auto;
	clear: both;
}
@media only screen and (max-width:1200px) {
	#footer-navi {
		width: 100%;
		margin: 0;
		padding: 20px 0;
	}
}
@media only screen and (max-width:620px) {
	#footer-navi {
		padding: 20px 0 50px 0;
	}
}
#footer-navi-box {
	display: flex;
	padding: 0 3%;
}
.footer-left {
	width: 45%;
	float: left;
	text-align: left;
	margin: 0 5% 0 0;
	padding: 30px 5%;
	background: #FFFFFF;
}
.footer-right {
	width:45%;
	float: right;
	text-align: left;
	margi :0 0 0 5%;
	padding: 30px 5%;
	background: #FFFFFF;
}
#footer-navi h3 {
	color: #121212;
	font-size: 1.5rem;
	font-weight: normal;
}
#footer-navi ul {
	margin: 10px 20px 30px 20px;
}
#footer-navi ul li {
	margin: 5px;
	list-style-type: none;
}
#footer-navi ul li a {
	text-decoration: none;
	padding: 3px 5px;
	color: #121212;
}
#footer-navi ul li a:hover {
	color: #121212;
	text-decoration: underline;
}
@media only screen and (max-width:620px) {
		#footer-navi-box {
		display: inline;
	}
	.footer-left , .footer-right {
		width: 90%;
		float: none;
		margin: 20px 0;
	}
}
#searchform input {
	padding: 5px 10px;
	margin-right: 10px;
}
#searchform button {
	padding: 5px 10px;
}
footer {
	width: 100%;
	clear: both;
	background: #0091BE url("https://sanuki-kanko.jp/wp2021/wp-content/uploads/footer.jpg") no-repeat center center;
	background-size: cover;
	padding: 50px 0;
}
#footer {
	max-width: 1200px;
	margin: 0 auto;
	clear: both;
}
@media only screen and (max-width:1200px) {
	#footer {
		width: 100%;
		margin: 0;
		padding: 20px 0;
	}
}
@media only screen and (max-width:620px) {
	#footer {
		padding: 20px 0 50px 0;
	}
}
#footer p {
	margin-top: 50px;
	font-size: 0.9rem;
	color: #FFF;
}
#footer p a {
	color: #fff;
}
#manual .post .wp-block-image {
	border: 1px solid #000000;
	box-shadow: 8px 8px #CCCCCC;
}