/* 共通 */

body {
 background: #fff;
 color: #333;
	font-weight: normal;
	font-family: 'Noto Serif JP', serif;
 font-size: 16px;
 line-height: 1.875;
	overflow-x: hidden;
}


*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
            box-shadow: none;   
            outline: none;
}

a {
 color: #5a189a;
 outline:none;
}
a:hover {	text-decoration: underline;}
button:focus, *:focus { outline:none; }
a img { outline:none;}
h1,h2,h3,h4 { color: #2e2e2e;}
#pagetop {}
nav { background: none;}

ul, ol {
	margin-left: 0;
	padding-left: 0;
}
ul { list-style: none;}

dl, dt, dd {
	margin: 0;
	padding: 0;
}
.margin-bottom { margin-bottom: 0.65rem;}

img {
 border: 0;
 display: block;
 height: auto;
 max-width: 100%;
 width: auto;
}

.wp-block-embed { margin-bottom: 0;}
.wp-block-column { margin-bottom: 50px;}
.wp-block-columns { margin-bottom: 0;}

.font-16 {	font-size: 1.0rem!important;}
.bold { font-weight: bold!important;}

/* iOSでのフォーム周りデフォルトスタイルをリセット */

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

.warp {
 display: block;
}

.aligncenter img {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignright {
  float: right;
  margin-left: 1rem;
}

.alignleft {
  float: left;
  margin-right: 1rem;
}

@media (max-width: 767px) {
 .alignright {
  display: block;
  float: none;
  margin-left: 0;
 }
 .alignleft {
  display: block;
  float: none;
  margin-right: 0;
 }
}

/* header */

header {
 height: 158px;
 position: fixed;
 width: 100%;
 display: block;
 background: linear-gradient(180deg, rgba(40,5,72,1) 0%, rgba(255,255,255,0) 128px);
 z-index: 10;
}
header.open { background: #fff;}

.headerInner {
 display: flex;
 justify-content: space-between;
 align-items: center;
 height: 85px;
}

.headerInner h1 {
 width: 297px;
 height: 45px;
 margin-bottom: 0;
 background: url("../imgs/logo.png") center center no-repeat;
 background-size: cover;
 text-indent: -9998px;
}

.headerInner h1 a {
 display: block;
 width: 297px;
 height: 45px;
 background: url("../imgs/logo.png") center center no-repeat;
 background-size: cover;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
}

header.open .headerInner h1 a { background: url("../imgs/logo-black.png") center center no-repeat;}

.herderCont {
 height: 55px;
 width : calc(100% - 297px);
}

.herderCont ul {
 height: 55px;
 display: flex;
 justify-content: flex-end;
 align-items: center;
 margin-bottom: 0;
}

.herderCont ul li:last-child {
 margin-left: 30px;
}

.herderCont ul li:before {
 content: '|';
 color: #8c4cc3;
 margin-left: 10px;
 margin-right: 10px;
}

.herderCont ul li:first-child:before, .herderCont ul li:last-child:before {
 content: '';
 display: none;
}

.herderCont ul li a {
 font-size: 0.875rem;
 color: #fff;
}

.spGnavBottom {
 width: 45px;
 height: 45px;
 border-radius: 50%;
 background: #ff7900 url("../imgs/bg-menu.png") center center no-repeat;
 position: fixed;
 top:18px;
 right: 15px;
 z-index: 11;
 display: none;
}
.spGnavBottom:hover { cursor: pointer;}
.spGnavBottom.active { background: #c2c2c2 url("../imgs/bg-close.png") center center no-repeat;}

#sp.gnavWarp {
 background: #fff;
 display: none;
 padding-bottom: 48px;
}

#sp.gnavWarp ul.headMenu {
 display: flex;
 justify-content: space-between;
 margin-bottom: 0;
}

#sp.gnavWarp ul.headMenu li {
 width: 14.285%;
}

#sp.gnavWarp ul.headMenu li a {
 display: block;
 padding: 10px 0;
 text-align: center;
 color: #240046;
 border-bottom: #5a189a solid 3px;
 font-size: 1.125rem;
 font-weight: bold;
 transition: 0.3s;
}

#sp.gnavWarp ul.headMenu li a:hover {
 text-decoration: none;
 border-bottom: #ff7900 solid 3px;
 transition: 0.3s;
}

#sp.gnavWarp .bottomMenuWarp {
 display: flex;
 align-items: center;
 justify-content: center;
}

#sp.gnavWarp .bottomMenuWarp ul {
 display: flex;
 margin-bottom: 0;
}

#sp.gnavWarp .snsLink {
 display: flex;
 justify-content: center;
 align-items: center;
 margin-top: 40px;
 margin-bottom: 0;
}

#sp.gnavWarp .snsLink li {
 margin-left: 10px;
 margin-right: 10px;
}

.bottomMenuWarp {
 margin-top: 30px;
}

.bottomMenu li a {
 font-size: 0.875rem;
 color: #333;
}

.bottomMenu li:before {
 content: '|';
 margin-left: 5px;
 margin-right: 5px;
 color: #333;
}
.bottomMenu.first li:first-child:before { display: none;}

header.fixed { background: #fff;}
header.fixed .herderCont ul li a { color: #000;}
header.fixed .headerInner h1 a {
 background: url("../imgs/logo-black.png") center center no-repeat;
 background-size: cover;
}
header.fixed .gnav { box-shadow: 0px 0px 15px -5px #000000;}

@media (max-width: 1279px) {
 header {
  height: 80px;
  background: linear-gradient(180deg, rgb(40, 5, 72) 0%, rgba(255,255,255,0) 80px);
 }
 .herderCont { width: auto;}
 .herderCont ul li { display: none;}
 .searchBottom {
  position: absolute;
  top: 15px;
  left: -15px;
  display: block!important;
  width: 45px;
  height: 45px;
 }
 .headerInner {
  height: 80px;
  justify-content: center;
  align-items: center;
 }
 .spGnavBottom { display: block;}
}

@media (max-width: 479px) {
 .headerInner h1,.headerInner h1 a {
  background-size: cover;
  width: 210px;
  height: 32px;
 }
 header.open .headerInner h1 a {
  background: url("../imgs/logo-black.png") center center no-repeat;
  background-size: cover;
 }
}

/* gnav */

.gnav {
 display: flex;
 justify-content: space-between;
 align-items: center;
 background: #fff;
 margin-bottom: 0;
}

.gnav li {
 width: 14.285%;
 position: relative;
}

.gnav li a {
 display: flex;
 justify-content: center;
 align-items: center;
 height: 72px;
 text-align: center;
 font-weight: bold;
 font-size: 1.125rem;
 color: #240046;
 border-bottom: #5a189a solid 3px;
 transition: 0.3s;
}

.gnav li a:hover {
 text-decoration: none;
 border-bottom: #ff7900 solid 3px;
 transition: 0.3s;
}

.gnav .submenu ul {
 display: none;
 position: absolute;
 background: #ff7900;
 width: 100%;
}

.gnav .submenu ul li {
 width: 100%;
}

.gnav .submenu ul li a {
 height: 50px;
 border-bottom: #fff solid 1px;
 font-weight: normal;
 font-size: 0.875rem;
 color: #fff;
 transition: 0.3s;
}

.gnav .submenu ul li a:hover {
 background: #5a189a;
 transition: 0.3s;
}


#sp .submenu ul {
 display: none;
}

#sp .submenu ul li {
 width: 100%!important;
 background: #ff7900!important;
 margin-left: 0!important;
 margin-right: 0!important;
}

#sp .submenu ul li a {
 border-bottom: #fff solid 1px!important;
 font-weight: normal!important;
 color: #fff!important;
 padding: 10px 0!important;
 font-size: 0.875rem!important;
}

@media (max-width: 1279px) {
 .gnav { display: none;}
}

@media (max-width: 991px) {
 #sp.gnavWarp ul.headMenu li a { font-size: 1.0rem;}
}

@media (max-width: 1279px) {
 #sp.gnavWarp { }
 #sp.gnavWarp ul.headMenu {
  display: block;
  overflow: hidden;
  margin-left: 60px;
  margin-right: 60px;
 }
 #sp.gnavWarp ul.headMenu li {
  width: 50%;
  float: left;
 }
 #sp.gnavWarp ul.headMenu li a {
  padding: 20px 0;
  margin-left: 10px;
  margin-right: 10px;
  font-weight: normal;
 }
 #sp.gnavWarp .bottomMenuWarp { flex-direction: column;}
 .bottomMenu.second li:first-child:before { display: none;}
}

/* bottomlink */

.bottomLinkWarp {
 background: #fff;
 padding-top: 15px;
 padding-bottom: 90px;
}

.home .bottomLinkWarp {
 background: #fff;
 padding-top: 120px;
 padding-bottom: 120px;
}


.linkBox {
 margin-bottom: 30px;
 box-shadow: 0px 5px 20px 0px rgba(70, 70, 70, 0.3);
 position: relative;
}

.linkBox:before {
 content: '';
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background: rgba(0,0,0,0.5);
 transition: 0.3s;
}

.linkBox:hover:before {
 background: rgba(0,0,0,0.3);
 transition: 0.3s;
}

.linkBox a {
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
 width: 100%;
 height: 160px;
 padding-left: 10px;
 padding-right: 10px;
 font-size: 1.125rem;
 font-weight: bold;
 color: #fff;
 line-height: 1.4;
 position: relative;
 z-index: 1;
}
.linkBox a:hover { text-decoration: none;}

.linkBox a span {
 display: block;
 font-size: 0.875rem;
 font-weight: normal;
}

.linkBox.photo-album a span {
 display: inline-block;
 background: url("../imgs/icon-camera.png") center left no-repeat;
 padding-left: 35px;
 font-size: 1.125rem;
 font-weight: bold;
 line-height: 1.0;
}

.linkBox.character a span {
 display: inline;
 font-size: 1.0rem;
 font-weight: bold;
}

.linkBox.photo-album {
 background: url("../imgs/bg-link-1.jpg") center center no-repeat;
 background-size: cover;
}

.linkBox.weather {
 background: #240046;
 padding: 16px;
 color: #fff;
 height: 160px;
}

.linkBox.weather:before {
 content: '';
 display: none;
}

.linkBox.weather h3 {
 display: block;
 padding-bottom: 16px;
 border-bottom: #5a189a solid 1px;
 font-size: 1.125rem;
 font-weight: bold;
 line-height: 1.0;
 color: #fff;
}


.linkBox.konohana {
 background: url("../imgs/bg-link-3.jpg") center center no-repeat;
 background-size: cover;
}

.linkBox.greemtourism {
 background: url("../imgs/bg-link-4.jpg") center center no-repeat;
 background-size: cover;
}

.linkBox.sportsland {
 background: url("../imgs/bg-link-5.jpg") center center no-repeat;
 background-size: cover;
}

.linkBox.character {
 background: url("../imgs/bg-link-6.jpg") center center no-repeat;
 background-size: cover;
}
.linkBox.character a { flex-direction: inherit;}

.linkBox.calendar {
 background: url("../imgs/bg-link-7.jpg") center center no-repeat;
 background-size: cover;
}
.linkBox.character a { flex-direction: inherit;}
 
.linkBox.modelcourse {
 background: url("../imgs/bg-link-8.jpg") center center no-repeat;
 background-size: cover;
}

.linkBox.pamphlet {
 background: url("../imgs/bg-link-9.jpg") center center no-repeat;
 background-size: cover;
}

.linkBox.hananomachi {
 background: url("../imgs/bg-link-10.jpg") center center no-repeat;
 background-size: cover;
}

.linkBox.kankouguide {
 background: url("../imgs/bg-link-11.jpg") center center no-repeat;
 background-size: cover;
}

.linkBox.delivery {
 background: url("../imgs/bg-link-12.jpg") center center no-repeat;
 background-size: cover;
}

.linkBox.movie {
 background: url("../imgs/bg-link-movie.jpg") center center no-repeat;
 background-size: cover;
}


.linkBox.character a,
.linkBox.calendar a,
.linkBox.modelcourse a,
.linkBox.pamphlet a {
 font-size: 1.0rem;
}

@media (max-width: 991px) {
 .bottomLinkWarp {
  padding-top: 60px;
  padding-bottom: 45px;
 }
}

@media (max-width: 767px) {
 .botomlinkLine {}
 .botomlinkLine .col-6 {}
 .linkBox { margin-bottom: 15px;}
 .linkBox.photo-album,
 .linkBox.weather,
 .linkBox.konohana,
 .linkBox.greemtourism,
 .linkBox.sportsland {}
 .linkBox.character a,
 .linkBox.calendar a,
 .linkBox.modelcourse a,
 .linkBox.pamphlet a { font-size: 0.875rem;}
 .linkBox.character a { flex-direction: column;}
 .linkBox.character a span { font-size: 0.875rem;}
 .bottomLinkWarp {
  padding-top: 20px;
  padding-bottom: 15px;
 }
}


/* footer */

footer {
 background: #5a189a;
 padding-top: 60px;
 padding-bottom: 70px;
}

footer dl {
 display: flex;
 justify-content: flex-start;
 align-items: flex-start;
}

footer dl dt {
 width: 200px;
}

footer dl dd {
 padding-left: 30px;
 font-size: 0.875rem;
 color: #fff;
}

footer dl dd a {
 text-decoration: underline;
 color: #fff;
}

footer dl dd a:hover {
 text-decoration: none;
 color: #fff;
}

.copyright {
 margin-bottom: 0;
 font-size: 0.75rem;
 color: #9765c8;
 text-align: center;
}

.spBottomSns {
 background: #240046;
}

.footerLink {
 display: flex;
 align-items: center;
 justify-content: flex-end;
}

.footerLink li {
 position: relative;
}

.footerLink li:before {
 content: '|';
 display: inline-block;
 color: #fff;
 margin-left: 10px;
 margin-right: 10px;
}

.footerLink li:first-child:before {
 content: '';
 display: none;
}

.footerLink a {
 color: #fff;
}

@media (max-width: 991px) {
 .footerLink { justify-content: center;}
}

@media (max-width: 767px) {
 footer {
  padding-top: 30px;
  padding-bottom: 30px;
 }
 footer dl {
  flex-direction: column;
 }
 footer dl dd {
  margin-top: 10px;
  padding-left: 0;
  font-size: 0.75rem;
  line-height: 1.6;
 }
 .copyright { font-size: 0.6875rem;}
}

/* single */

.titleWarp {
 height: 475px;
 padding-top: 158px;
 position: relative;
 background: url('../imgs/bg-header-tri.png') center bottom no-repeat,url('../imgs/bg-title-default.jpg') center center no-repeat;
}

.titleWarp:before {
 content: '';
 position: absolute;
 top: 0;
 right: 0;
 left: 0;
 bottom: 0;
 background: rgba(255,255,255,0.75);
}

.titleWarp > .container,
.titleWarp > .container > .row,
.titleWarp > .container > .row > .col-12,
.titleWarp > .container > .row > .col-12 > .titleInner {
 height: 100%;
}

.titleInner {
 display: flex;
 text-align: center;
 align-items: center;
 justify-content: center;
 flex-direction: column;
}

.tourism-cat {
 display: inline-block;
 background: #240046;
 padding: 6px 20px;
 font-size: 0.75rem;
 color: #fff;
 line-height: 1.0;
}

.tourism-cat ul {
 margin-bottom: 0;
 display: flex;
 align-items: center;
 justify-content: center;
}

.tourism-cat ul li {
 margin-bottom: 0;
}

.tourism-cat ul li:before {
 content:'/';
 margin-left: 5px;
 margin-right: 5px;
}

.tourism-cat ul li:first-child:before {
 content:'';
 display: none;
}

.titleInner h1 {
 display: block;
 margin-top: 10px;
 margin-bottom: 0;
 font-weight: bold;
 font-size: 3.0rem;
 color: #240046;
}

.postTitleEng {
 display: block;
 margin-top: 5px;
 font-size: 0.75rem;
 color: #240046;
}

.contentsWarp { margin-top: 40px;}
.contentsInner { padding-bottom: 120px;}
.contentWarp { margin-top: 50px;}
.contentWarp > p { padding: 0 15px;}
.contentsInner a { text-decoration: underline;}
.contentsInner a:hover {
 text-decoration: none;
 color: #ff7900;
}

.contentsInner h2 {
 margin-top: 50px;
 margin-bottom: 40px;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 1.875rem;
 font-weight: bold;
 text-align: center;
 color: #240046;
}

.contentsInner h2:before { margin-right: 30px;}
.contentsInner h2:after { margin-left: 30px;}
.contentsInner h2::before, .contentsInner h2::after {
 border-top: 1px solid #ffb877;
 content: "";
 width: 34px;
}

.contentsInner .contentWarp iframe { width: 100%!important;}

.contentsInner table {}
.contentsInner table th, .contentsInner table td {
 padding: 15px 20px;
}

.contentsInner table {
 border-collapse: collapse;
 width:100%;
 margin-bottom: 20px;
}
.contentsInner table th {
 border-bottom: #5a189a 1px solid;
 text-align: left;
 font-weight: normal;
}

.contentsInner table td {
 /* width:75%; */
 border-bottom: 1px solid #ccc;
 text-align: left;
}
.area > div { display: none;}
.area > div.show { display: block;}

.contentsInner .table-cost table td { width: 60%; } 

.postIngInner { margin-top: 30px;}
.postIngInner img {
 max-height: 611px;
 height: auto;
 width: auto;
 margin-left: auto;
 margin-right: auto;
}

.postTourismTaglist {
 display: block;
 margin-top: 15px;
}

.postTourismTaglist ul {
 display: block;
 margin-left: 0!important;
 margin-bottom: 0!important;
 overflow: hidden;
}

.postTourismTaglist ul li {
 float: left;
 margin-left: 5px!important;
 padding-left: 0!important;
 background: none!important;
}
.postTourismTaglist ul li:first-child { margin-left: 0px!important;}
.postTourismTaglist ul li a {
 display: inline-block;
 padding: 5px 10px;
 border: #ff7900 solid 1px;
 border-radius: 3px;
 font-size: 0.875rem;
 color: #240046;
 line-height: 1.0;
 transition: 0.3s;
 text-decoration: none;
}

.postTourismTaglist ul li a:hover {
 text-decoration: none;
 background: #ff7900;
 color: #fff;
 transition: 0.3s;
}

.contentsInner h3 {
 margin-top: 30px;
 margin-bottom: 30px;
 padding: 20px 20px 35px 20px;
 background: url("../imgs/bg-h3-line.png") left bottom no-repeat;
 font-size: 1.625rem;
 font-weight: bold;
 color: #252525;
}

.contentsInner h4 {
 margin-top: 30px;
 margin-bottom: 30px;
 padding: 17px 20px 20px 20px;
 background: #f4f4f4;
 font-size: 1.50rem;
 font-weight: bold;
 color: #000;
}

.tourismFlowWarp {
 padding: 30px;
 margin-top: 40px;
 margin-left: 15px;
 margin-right: 15px;
 background: #f6f6f6;
 border-radius: 3px;
}

.tourismFlowWarp dl { background: url("../imgs/icon-clock-border.png") left top no-repeat;}
.tourismFlowWarp dl:last-child { background: url("../imgs/icon-clock.png") left top no-repeat;}
.tourismFlowWarp dl dt {
 padding-left: 42px;
 line-height: 1.6;
 font-weight: normal;
}

.tourismFlowWarp dl dd {
 padding-left: 50px;
 padding-bottom: 12px;
}

.tourismDateWarp { margin-top: 60px;}
.tourismDateWarp ul {
 margin-bottom: 0!important;
 margin-left: 0!important;
 display: flex;
 justify-content: flex-start;
 align-items: center;
 width: 100%;
}

.tourismDateWarp ul li {
 background: #ffe9c4!important;
 margin-bottom: 0!important;
 padding-left: 0!important;
 padding: 16px 48px!important;
 color: #240046!important;
 line-height: 1.0!important;
 position: relative!important;
}

.tourismDateWarp ul li:hover { cursor: pointer!important;}
.tourismDateWarp ul li.active {
 background: #ff7900!important;
 color: #fff!important;
}

.tourismDateWarp ul li.active:after {
 content: '';
 width: 17px;
 height: 9px;
 background: url("../imgs/tri-active.png") center center no-repeat;
 position: absolute;
 bottom: -9px;
 left: 50%;
 margin-left: -8.5px;
}
.tablePostDateWarp { border: #ff7900 solid 1px;}

.postTourismMap iframe {
 width: 100%;
 height: 315px; 
}

.tablePostDateWarp table {
 width: 100%;
 margin-bottom: 0;
}

.tablePostDateWarp table th {
 width: 255px!important;
 border-bottom: 1px solid #ccc;
 font-weight: normal;
}

.tablePostDateWarp table th {
 padding: 20px 20px;
 vertical-align: top;
}

.tablePostDateWarp table td {
 padding: 20px 30px;
 width : calc(100% - 255px)!important;
}
.tablePostDateWarp table tr { border-bottom: #dadada solid 1px;}
.tablePostDateWarp table tr:last-child { border-bottom: none;}
.tablePostDateWarp table tr:last-child th, .tablePostDateWarp table tr:last-child th { border-bottom: none;}

.tourismRelationLinkWarp {
 position: relative;
 background: #240046;
 padding: 85px 0;
}

.tourismRelationLinkWarp:before {
 content: url("../imgs/icon-plus.png");
 width: 52px;
 height: 52px;
 position: absolute;
 top: -26px;
 left: 50%;
 margin-left: -26px;
}

.tourismRelationLinkWarp h2 {
 margin-bottom: 0;
 display: flex;
 align-items: center;
 justify-content: center; font-size: 1.875rem;
 font-weight: bold;
 color: #fff;
}

.tourismRelationLinkWarp h2::before,
.tourismRelationLinkWarp h2::after {
 border-top: 1px solid #994121;
 content: "";
 width: 34px;
}
.tourismRelationLinkWarp h2::before { margin-right: 30px;}
.tourismRelationLinkWarp h2::after { margin-left: 30px;}
.tourismRelationLinkInner { margin-top: 45px;}

.tourismRelationLinkInner a:hover { text-decoration: none;}

a .relationBox {
 background: #fff;
 margin-bottom: 15px;
 overflow: hidden;
 transition: 0.3s;
}
a:hover .relationBox { background: #f2e8fb;}

.relationBox dd {
 padding: 15px;
 font-size: 0.75rem;
}

.relationBox dd .relationTitle {
 margin-bottom: 5px;
 font-size: 1.0rem;
 font-weight: bold;
}
a .relationBox dd .relationTitle { color: #240046;}
a .relationBox dd p {
 margin-bottom: 0;
 color: #4e4e4e;
}
.tourismRelationArchive { margin-top: 30px;}


.tourismRelationArchive a {
 display: block;
 border: #ff7900 solid 1px;
 width: 285px;
 padding: 18px;
 margin-left: auto;
 margin-right: auto;
 background: #ff7900;
 text-align: center;
 font-weight: bold;
 color: #fff;
 line-height: 1.0;
 transition: 0.3s;
}

.tourismRelationArchive a:hover {
 border: #ff7900 solid 1px;
 background: #240046;
 transition: 0.3s;
 text-decoration: none;
}


@media (max-width: 991px) {
 .titleWarp {
  height: 350px;
  padding-top: 40px;
 }
 .titleInner h1 {
  font-size: 2.50rem;
 }
}

@media (max-width: 767px) {
 .wp-block-column:not(:first-child) { margin-left: 0!important;}
 .titleInner h1 { font-size: 2.125rem;}
 .contentsInner { padding-bottom: 60px;}
 .contentsInner h2 { font-size: 1.750rem;}
 .contentsInner h3 {
  padding: 20px 0 35px 0;
  font-size: 1.5rem;
 }
 .contentsInner h4 { font-size: 1.250rem;}
 .contentWarp > p { padding: 0 0;}
 .tablePostDateWarp table {
  display: list-item;
  list-style: none;
 }
 .tourismPhotoSliderWarp {
  width: 100%;
  overflow: hidden;
 }
 .tablePostDateWarp table tbody {
  display: block!important;
  width: 100%!important;
 }
 .tablePostDateWarp table tr {
  display: block!important;
  width: 100%!important;
 }
 .tablePostDateWarp table th {
  padding: 20px 20px 0 20px;
 }
 .tablePostDateWarp table th, .tablePostDateWarp table td {
  display: block!important;
  width: 100%!important;
 }
 .tablePostDateWarp table td { width: 100%!important;}
 .contentsInner .table-cost table td { width: 50%;}
 .tourismRelationLinkWarp h2 { font-size: 1.750rem;}
 .contentsInner h2:before { margin-right: 15px;}
 .contentsInner h2:after { margin-left: 15px;}
}


/* pankslist */

.panksWarp {
 display: block;
 width: 100%;
}

.panksWarp ul {
 display: block;
 justify-content: flex-start;
 align-items: center;
 margin-top: 40px;
 font-size: 0.75rem;
 overflow: hidden;
}

.panksWarp ul li {
 color: #a1a1a1;
 float: left;
}

.panksWarp ul li:before {
 content: '>';
 margin-left: 12px;
 margin-right: 12px;
 color: #ff7900;
}
.panksWarp ul li:first-child:before { display: none;}
.panksWarp ul li a {
 text-decoration: underline;
 color: #240046;
}
.panksWarp ul li a:hover { text-decoration: none;}


/* アーカイブ */

.tourismArchiveBox {
 background: #fff;
 box-shadow: 0px 5px 15px 0px rgba(70, 70, 70, 0.1);
 margin-bottom: 30px;
 transition: 0.3;
}

.tourismArchiveBox:hover {
 background: #f2e8fb;
 transition: 0.3;
}

.tourismArchiveBox dt { position: relative;}
.tourismArchiveBox dt img {
 width: 100%;
 height: auto;
}

.tourismArchiveBox dt ul {
 position: absolute;
 bottom: 0;
 right: 0;
 margin-bottom: 0;
 display: inline-block;
}

.tourismArchiveBox dt ul li {
 display: inline-block;
 background: #e6e6e6;
 margin-left: 1px;
 font-size: 0.6875rem;
 font-weight: normal;
 line-height: 1.0;
 float: left;
}
.tourismArchiveBox dt ul li:first-child { margin-left: 0;}
.tourismArchiveBox .postDay {
 padding: 6px 15px;
}

.tourismArchiveBox dt ul li.area a {
 display: block;
 padding: 6px 10px 8px;
 background: #ff7900;
 color: #fff;
}

.tourismArchiveBox dt ul li.cat a {
 display: block;
 padding: 6px 10px 8px;
 background: #5a189a;
 color: #fff;
}

.tourismArchiveBox .postHead { padding: 20px 24px;}
.tourismArchiveBox a .postHead .postTitle {
 font-weight: bold;
 color: #5a189a;
}

.tourismArchiveBox a .postHead .postTirleRuby {
 font-size: 0.75rem;
 color: #4e4e4e;
}

.tourismArchiveBox a .postHead .postAddress {
 font-size: 0.75rem;
 color: #4e4e4e;
}

.tourismArchiveBox .postDescription {
 border-top: #eeeeee solid 1px;
}

.tourismArchiveBox a .postDescription p {
 margin-bottom: 0;
 padding: 20px 24px;
 font-size: 0.875rem;
 color: #4e4e4e;
}
.tourismArchiveBox a:hover { text-decoration: none;}
.tourismArchiveBox dd { line-height: 1.4!important;}


/* ページャー */

.wp-pagenavi {
 margin-top: 2.25rem;
 text-align: center;
}

.wp-pagenavi a, .current {
 display: inline-block;
 border: #e9ead4 solid 1px;
 border-radius: 50%;
 width: 44px;
 height: 44px;
 margin-right: 5px;
 margin-left: 5px;
 line-height: 40px;
 margin-bottom: 10px;
 color: #5a189a;
 transition: 0.3s;
 text-decoration: none;
}

.current {
 border: #5a189a solid 1px;
 background: #5a189a;
 font-weight: bold;
 margin-bottom: 10px;
 color: #fff;
}

.wp-pagenavi a:hover {
 background: #ff7900;
 border: #ff7900 solid 1px;
 color: #fff;
 text-decoration: none;
 transition: 0.3s;
}

/* single / page */

.contentsInner ul, .contentsInner ol {
 margin-left: 20px;
 margin-bottom: 20px;
}
.contentsInner ol { margin-left: 40px;}
.contentsInner ul li, .contentsInner ol li {
 margin-bottom: 5px;
}
.contentsInner ul li {
 background: url("../imgs/icon-list.png") top 8px left no-repeat;
 padding-left: 20px;
}

.contentsInner ul ul, .contentsInner ol ul {
 margin-top: 10px;
 margin-left: 0;
}

.contentsInner ul ul li {
 background: none;
 padding-left: 25px;
 position: relative;
}

.contentsInner ul ul li:before {
 position: absolute;
 left: 0;
 top: 5px;
 font-family: 'Material Icons';
 content: 'navigate_next';
 font-size: 24px;
 font-weight: bold;
 line-height: 1.0;
 color: #240046;
}

.contentsInner .btn {
 padding: 0 0;
 width: 350px;
}

.contentsInner .btn a {
 padding: 25px 0;
 display: block;
 background: #ff7900;
 box-shadow: 0px 5px 20px 0px rgba(70, 70, 70, 0.3);
 color: #fff;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
 line-height: 1.0;
 transition: 0.3s;
}

.contentsInner .btn a[target="_blank"] {
 background: #ff7900 url("../imgs/icon-link.png") center right 12px no-repeat;
 transition: 0.3s;
}

.contentsInner .btn a[target="_blank"]:hover {
 background: #5a189a url("../imgs/icon-link.png") center right 12px no-repeat;
 transition: 0.3s;
}

.contentsInner .has-text-align-center.btn {
 display: block;
 margin: 0 auto;
}

@media (max-width: 479px) {
 .contentsInner .btn {
  padding: 0 0;
  width: 100%;
 }
}


/* モーダルウィンドウ */

.modal_open {
 display: inline-block;
 float: left;
 cursor: pointer;
}
     
.modal_box {
 position: fixed;
 z-index: 7777;
 display: none;
 width: 80%;
 max-width: 840px;
 margin: 0;
 padding: 30px 30px 40px;
 text-align: center;
 background: #fff;
 box-sizing: border-box;
 border-radius: 5px;
 overflow: hidden;
}

.modal_box #form {
 display: flex;
 align-items: center;
 justify-content: center;
}

.modal_box h2 {
 font-size: 1.750rem;
 font-weight: bold;
 margin-bottom: 20px;
}

.modal_box input {
 padding: 10px 15px;
 background: #f8f8f8;
 border: #dcdcdc solid 1px;
 border-radius: 3px 0 0 3px;
 font-size: 16px;
}

.modal_box button {
 border: none;
 background: none;
 line-height: 52px;
 width: 52px;
 height: 52px;
 margin: 0;
 padding: 0;
}

.modal_box #s-btn {
 background: #5a189a;
 width: 52px;
 height: 52px;
 display: flex;
 align-items: center;
 justify-content: center;
}

.modal_close {
 position: absolute;
 top: 0;
 right: 0;
 display: block;
 color: #000;
 width: 48px;
 height: 48px;
 line-height: 48px;
 text-align: center;
 background: #e6e6e6;
 cursor: pointer;
}

.modal_close:before {
 font-family: 'Material Icons';
 content: "\e5cd";
 font-size: 32px;
}

#s-btn .material-icons {
 font-size: 32px;
 color: #fff;
}
     
.modal_bg {
 position: fixed;
 top: 0;
 left: 0;
 z-index: 6666;
 display: none;
 width: 100%;
 height: 120%;
 background-color: rgba(0,0,0,0.7);
}
     
.link_area {
 overflow: hidden;
 max-width: 410px;
 margin: 60px auto 0;
 text-align: center;
}
     
.link_area .modal_link {
 display: inline;
}
     
.link_area .modal_link a {
 display: inline-block;
 width: 180px;
 color: #000;
 line-height: 2.5;
 text-decoration: none;
 margin: 0 10px;
 background: #e6e6e6;
}
     
.link-area ul li.modal_link:first-child a { float: left;}
.link-area ul li.modal_link:last-child a { float: right;}

@media screen and (max-width: 767px) {
 .modal_box { padding: 10px 10px;}
 .modal_close {
  width: 30px;
  height: 30px;
  line-height: 30px;
 }
 .modal_close:before {
  font-family: 'Material Icons';
  content: "\e5cd";
  font-size: 24px;
 }
 .modal_close i { line-height: 44px;}
 .modal_box h2 {
  margin-bottom: 0;
  font-size: 1.250rem;
 }
 .resultSearch input { padding: 8px 48px 8px 10px!important;}
 .link_area { margin: 25px auto 0;}
 .link_area .modal_link a { margin: 15px auto 0;}
 .link_area ul li.modal_link:first-child a {
  float: none;
  margin-top: 0;
 }
 .link_area ul li.modal_link:last-child a { float: none;}
}

figcaption {
 margin-top: 10px!important;
 margin-bottom: 20px!important;
 text-align: center!important;
 font-size: 0.875rem!important;
}

.sb_instagram_header {
 display: none!important;
}

/* 天気アイコン */

.weatherInner {
 width: 100%;
 margin-top: 20px;
 padding-left: 12px;
 padding-right: 12px;
 display: flex;
 justify-content: space-between;
}

.weatherTody {
 width: 160px;
}

.weatherTody > dl {
 display: flex;
 justify-content: flex-start;
 align-items: center;
 font-size: 0.875rem;
}
.weatherTody > dl span { font-size: 1.125rem;}
.weatherTody > dl dd {
 padding-left: 18px;
 line-height: 1.6;
}

.weatherTody img {
 width: 58px;
 height: auto;
}

.forecast {
 width : calc(100% - 160px) ;
 display: flex;
 justify-content: space-between;
}

.forecast dl {
 padding-left: 7.5px;
 padding-right: 7.5px;
 margin-left: auto;
 margin-right: auto;
}

.forecast img {
 width: auto;
 height: 20px;
 margin: 0 auto;
}

.forecast dd {
 margin-top: 3px;
 font-size: 0.75rem;
 line-height: 1.4;
 text-align: center;
}

@media screen and (max-width: 767px) {
 .weatherInner {
  padding-left: 0;
  padding-right: 0;
 }
 .weatherTody { width: 130px;}
 .weatherTody img { width: 40px;}
 .weatherTody > dl span { font-size: 1.0rem;}
 .weatherTody > dl dd { padding-left: 10px;}
 .forecast { width: calc(100% - 130px);}
 .forecast dl {
  padding-left: 5px;
  padding-right: 5px;
 }
}

@media screen and (max-width: 479px) {
 .weatherTody { width: 70px;}
 .weatherTody > dl { flex-direction: column;}
 .weatherTody > dl dd {
  padding-left: 0;
  text-align: center;
  line-height: 1.4;
 }
 .weatherTody > dl span { font-size: 0.875rem;}
 .forecast { width: calc(100% - 70px);}
 .forecast dl {
  padding-left: 0;
  padding-right: 0;
 }
}

.tourismArchiveThum img {
 width: 100%;
 height: auto;
}

/* banner */

.bannerWarp {
 display: block;
 background: #f7f7f7;
 padding-top: 60px;
 padding-bottom: 50px;
}

.bannerInner {
 width: 1300px;
 margin: 0 auto;
}

.bannerInner ul {
 display: block;
 overflow: hidden;
}

.bannerInner ul li {
 width: 16.666%;
 float: left;
}

.bannerInner ul li a {
 display: inline-block;
 padding-left: 5px;
 padding-right: 5px;
}

@media screen and (max-width: 1319px) {
 .bannerInner {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
 }
}

@media screen and (max-width: 991px) {
 .bannerInner ul li {
  width: 33.333%;
  margin-bottom: 10px;
 }
 .bannerInner ul li a { display: block;}
 .bannerInner ul li a img {
  margin-left: auto;
  margin-right: auto;
 }
}

@media screen and (max-width: 767px) {
 .bannerWarp {
  padding-top: 30px;
  padding-bottom: 15px;
 }
 .bannerInner ul li { width: 50%;}
}

.contentWarp .wp-block-button__link {
 padding: 10px 30px;
 background: #ff7900;
 border-radius: 999px;
 text-decoration: none;
 transition: 0.2s;
}

.contentWarp .wp-block-button__link:hover {
 background: #5a189a;
 color: #fff;
 transition: 0.2s;
}