@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru&family=Oswald&family=Roboto&display=swap');

/* <RESET> */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
textarea,
p,
blockquote,
th,
td,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
i,
a,
span {
  margin: 0;
  padding: 0;
  word-break: normal;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
}
body,
input,
select,
option,
textarea,
button,
pre {
  font-size: 1.4rem;
  line-height: 2;
  color: #333;
  font-family: 'Roboto', 'Kiwi Maru', sans-serif;
	font-weight: 400;
  letter-spacing: 0.05em;
  box-sizing: border-box;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
pre {
  border: none;
  overflow: visible;
  white-space: normal;
}
html,
body {
  height: 100%;
}
body {
  overflow-x: hidden;
  text-align: center;
  background: #011c2e;
  color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
  line-height: 1.33;
}
img {
  border: 0;
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
ul,
ol {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}
input {
  max-width: 100%;
}
textarea {
  font-size: 100%;
}
th {
  text-align: left;
  font-weight: normal;
}
address,
em {
  font-style: normal;
  font-weight: normal;
}
sup {
  font-weight: normal;
}
a {
  filter: alpha(opacity=1);
  opacity: 1;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  color: #fff;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:hover img {
  filter: alpha(opacity=0.6);
  opacity: 0.6;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
/* </ RESET> */

/* <MODULE> */
.sp {
  display: none !important;
}
.pc {
  display: inherit !important;
}
.din {
  font-family: "Oswald", sans-serif;
  letter-spacing: 0.2em;
}
.small {
  font-size: 1rem;
}
h2.din.ttl1 {
  font-size: 4rem;
  line-height: 70px;
  display: inline-block;
  padding: 0 72px;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
  position: relative;
}
h2.din.ttl1:before,
h2.din.ttl1:after {
  width: 22px;
  height: 70px;
  background: url(../images/ttl-lt.png) no-repeat;
  content: "";
  position: absolute;
  top: 0;
  left: -21px;
}
h2.din.ttl1:after {
  background: url(../images/ttl-rt.png) no-repeat;
  right: -21px;
  left: auto;
}
.ttl2 {
  background: url("../images/highlight-bg.jpg") no-repeat left top / 100% 100%;
  color: #fff;
  font-size: 2.7rem;
  line-height: 1;
  padding: 30px 0;
  margin: 0 0 50px;
}
.ttl3 {
  display: inline-block;
  font-size: 2.7rem;
	letter-spacing: .1em;
  line-height: 1.3;
  margin: 0 0 45px;
  padding: 20px 60px;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
}
.ttl3+p,
#forest .ttl3+p{
  font-size:1.8rem;
}
.ttl3-2line span{
  font-size:1.6rem;
}
.ttl4 {
  font-size: 2.2rem;
  border-bottom: solid 1px #fff;
  padding-bottom: 15px;
	margin-bottom: 20px;
	display: inline-block;
}
.red{
  color:#f00 !important;
}
.box {
  max-width: 1110px;
  margin: 0 auto;
  text-align: center;
}
.btn1 a {
  display: inline-block;
  width: 760px;
  line-height: 88px;
  border: solid 1px #fff;
  border-radius: 6px;
  font-size: 2.7rem;
}
.btn1 a:after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: 900;
  margin-left: 16px;
  color: #011c2e;
  background: #fff;
  border-radius: 12px;
  display: inline-block;
  width: 24px;
  padding-left: 3px;
  line-height: 24px;
  box-sizing: border-box;
}
.link a {
  display: inline-block;
  border-bottom: solid 1px #8d939a;
  font-size: 1.2rem;
  padding-bottom: 3px;
  color: #8d939a;
}
.link a:after {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  font-weight: 900;
  margin-left: 6px;
  color: #8d939a;
}
.button {
  margin: 0 auto;
}
.button a {
  margin: 0 auto;
  display: block;
  border: 1px solid #fff;
  border-radius: 7px;
  padding: 20px;
  width: 100%;
  font-size: 2.2rem;
  line-height: 0;
}
.button a::after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: 900;
  margin-left: 16px;
  color: #011c2e;
  background: #fff;
  border-radius: 12px;
  display: inline-block;
  width: 24px;
  padding-left: 3px;
  line-height: 24px;
  box-sizing: border-box;
}
.hover-btn:hover {
  background: rgba(255, 255, 255, 0.3);
}
.fbox{
  display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
a.external:after {
  font-family: "Font Awesome 5 Free";
  content: "\f2d2";
  font-weight: 400;
  font-size: 1.2rem;
  vertical-align: middle;
  margin-left:5px;
}
/* </ MODULE> */

/* <LAYOUT> */
/*common*/
#offcanvas-layer,
#offcanvas-button {
  display: none;
}
#wrapper {
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("../images/top/wrapper-bg.jpg");
  max-width: 1400px;
  margin: 0 auto;
  text-align: center;
}
#accesspage #wrapper {
  background-image: url(../images/access/wrapper-bg.png);
}
#highlightpage #wrapper {
  background-image: url(../images/highlight/wrapper-bg.jpg);
}
#forestpage #wrapper {
  background-image: url(../images/forest/wrapper-bg.png);
}
#gourmet-map-page #wrapper {
  background-image: url(../images/gourmet-map/wrapper-bg.jpg);
}
#art-page #wrapper {
  background-image: url(../images/art/wrapper-bg.png);
}
#reportpage #wrapper {
  background-image: url(../images/report/wrapper-bg.png);
}
#singlepage #wrapper {
  background: #011c2e;
}

/*header-nav*/
#header {
  padding: 95px 0 0;
  position: relative;
}
#offcanvas-menu>ul{
  display: flex;
  justify-content: center;
	align-items: center;
}
#offcanvas-menu>ul>li{
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #eee;
	position: relative;
  line-height: 20px;
}
#offcanvas-menu>ul>li.sns{
  height: auto;
	border-right: none;
}
#offcanvas-menu>ul>li>a{
  padding: 0 35px;
}
#offcanvas-menu>ul>li.highlights ul{
  display: none;
	transition: .5s;
	position: absolute;
	top: 20px;
	left: calc(50% - 90px);
  width: 180px;
	background: rgba(255,255,255,0.3);
	padding: 10px 0;
}
#offcanvas-menu>ul>li.highlights.hover ul{
  display: block;
	animation: appear .5s ease;
}
@keyframes appear {
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
#offcanvas-menu>ul>li.highlights ul li{
  padding: 10px 0;
}
#offcanvas-menu>ul>li.sns ul{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 22px;
}
#offcanvas-menu>ul>li.sns ul li{
  border-right: none;
}
#offcanvas-menu>ul>li.sns ul li a {
  padding: 8px 12px;
}
#offcanvas-menu>ul>li.sns ul li i {
  font-size: 2.2rem;
}
#offcanvas-menu > ul > li.pc-non {
  display: none;
}
#header .logo {
  margin-top: 120px;
}
body:not(#toppage) #header .logo,
body:not(#toppage) #header .period {
  display: none;
}


.contact {
  background: #000;
  padding: 40px 0;
}
.contact h2 {
  font-size: 5.5rem;
  color: #02436e;
  margin: 0 0 28px;
}
.contact p {
  margin-top: 50px;
  font-size: 1.8rem;
  line-height: 1.5;
}
.contact .small {
  font-size: 1.4rem;
}
.contact .tel {
  font-size: 3rem;
}
.tail {
  background: url(../images/footer-bg.jpg) no-repeat center top;
  background-size: cover;
  padding: 0 0 54px;
}
.tail #pagetop {
  text-align: center;
  padding: 40px 0 40px;
}
.tail ul.sns {
  display: flex;
  justify-content: center;
  padding: 32px 0;
}
.tail ul.sns li {
  font-size: 3rem;
  margin: 0 5px;
}
.tail .copy {
  margin-top: 30px;
  font-size: 1.2rem;
}
/*common*/

/*toppage*/
#main {
  background: url(../images/top/main-bg.jpg) no-repeat center top;
  margin-top: 140px;
}
#main h1 {
  margin-bottom: 60px;
}
#main p {
  font-size: 1.8rem;
	letter-spacing: .1em;
	text-shadow: 0 0 5px #000;
  margin: 0 auto 20px;
  text-align: center;
}
#main h2 + dl {
  max-width: 760px;
  margin: 0 auto;
  text-align: left;
  overflow: hidden;
  display: table;
}
#main h2 + dl dt {
  width: 100px;
  float: left;
  clear: left;
}
#main h2 + dl dd {
  margin-left: 120px;
}
.news {
  max-width: 915px;
  width: 100%;
  margin: 160px auto 0 auto;
  padding: 0 20px;
}
.news h2 {
  font-size: 2.7rem;
  margin-bottom: 52px;
}
.news dl {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 1.7rem;
  letter-spacing: 3.4px;
  text-align: left;
  line-height: 1.41;
  padding: 20px 0;
  border-bottom: 1px solid #fff;
}
.news dd {
  width: 72%;
}
.news .button {
  margin-top: 55px;
}
.news .button a {
  max-width: 385px;
  width: 100%;
}
.top-news {
  border: solid 1px #fff;
  border-radius: 6px;
  max-width: 760px;
  margin: 130px auto 0;
  padding: 20px 50px 40px;
  text-align: center;
}
#main .top-news h2.ttl3 {
  margin-top: 0;
  margin-bottom: 30px;
  border-top: none;
}
#highlight-list{
  margin-top: 100px;
}
#highlight-list ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#highlight-list ul li {
  width: 330px;
  margin: 0 30px 40px;
}
#highlight-list ul li:nth-child(1) {
  margin-left: 0;
}
#highlight-list ul li:nth-child(3) {
  margin-right: 0;
}
#highlight-list ul li p img {
  width: 72px;
  margin-bottom: 10px;
}
#highlight-list ul li .photo {
  margin-bottom: 30px;
	position: relative;
}
#highlight-list ul li .photo .period{
  position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
	background: rgba(0,0,0,0.5);
	line-height: 1.5;
	padding: 0 10px;
	font-size: 1.3rem;
}

#highlight-list ul li .sub {
  font-size: 1.8rem;
  margin-bottom: 6px;
}
#highlight-list ul li h2 {
  font-size: 2.3rem;
  margin-bottom: 10px;
}
.button-group {
  display: flex;
  justify-content: space-around;
  gap: 10px;
  padding: 0 100px;
  margin-top: 85px;
}
.button-group .button {
  max-width: 385px;
  width: 100%;
}
.top-belt {
  background: #0f2f53;
  margin: 0 0 80px;
  padding: 100px 0 80px;
}
#pamph {
  padding: 0 0 100px;
}
.top-belt .content h2.din {
  margin: 0 0 15px;
}
.top-belt .content h2 + p {
  font-size: 1.8rem;
}
.top-belt .content ul {
  display: flex;
  justify-content: space-between;
  padding: 36px 0 0;
}
#information ul li {
  width: 330px;
  margin-bottom: 80px;
}
#information ul li h3 {
  font-size: 2.4rem;
  margin: 30px 0 20px;
}
#information ul li p {
  text-align: left;
  font-size: 1.5rem;
}
#information .center {
  margin-top: 18px;
  font-size: 1.5rem;
}
#coop {
  max-width: 760px;
  margin: 80px auto;
	border:solid 1px #fff;
	border-radius: 5px;
	font-size: 1.6rem;
}
#coop .inner{
  text-align: left;
	padding: 20px 30px;
}
#coop dl{
  display: flex;
	justify-content: space-between;
}
#coop dl dt{
  width: 3em;
}
#coop dl dd{
  flex:1;
}
#coop dl dd ul{
  display: flex;
	flex-wrap: wrap;
}
#coop dl dd ul li{
  margin-right: 10px;
}
#coop dl dd ul li a{
  text-decoration: underline;
}
#coop dl dd ul li a:hover{
  text-decoration: none;
}
#coop dl dd ul li a:after{
  font-family: "Font Awesome 5 Free";
  content: "\f2d2";
  font-weight: 400;
}






#coop h2 {
  width: 100%;
}
#coop p {
  font-size: 1.8rem;
  margin-bottom: 28px;
}
#coop li img {
  padding: 5px;
}
.period {
  margin-top: 40px;
	font-size:1.7rem;
}
#footer > div.tail > ul {
  display: none;
}
.english-button a {
  position: absolute;
  top: 26px;
  right: 37px;
  line-height: 1;
  padding: 8px 43px;
  border-radius: 3px;
  border: 1px solid #fff;
  display: inline;
}
.gtl {
  position: absolute;
  top: 26px;
  right: 37px;
}
.notranslate {
  background: none;
  color: #fff;
  border: solid 1px #fff;
  padding: 5px;
  border-radius: 5px;
}
/*toppage*/

/*en*/
#covid {
  background: url(../images/covid-bg.jpg) no-repeat center top;
  background-size: cover;
  padding: 72px 0 110px;
  margin: 0 0 100px;
}
#covid h2 {
  font-size: 3rem;
  margin: 0 0 56px;
}
#covid ul {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
#covid ul li {
  width: 222px;
  font-size: 1.8rem;
  line-height: 1.5;
}
#covid ul li p {
  margin-bottom: 20px;
}
#cocoa {
  max-width: 840px;
  margin: 0 auto 100px;
  padding: 0 0 60px;
  border: solid 2px #fff;
  border-radius: 6px;
}
#singlepage #cocoa {
  padding: 0 0 40px;
}
#cocoa h2 {
  font-size: 3rem;
  line-height: 1.5;
  display: inline-block;
  background: #011c2e;
  margin: -45px 0 45px;
}
#singlepage #cocoa h2 {
  padding: 0 40px;
  margin: -45px 0 10px;
}
#singlepage #cocoa .data {
  margin: 0 0 20px;
}
#singlepage #cocoa .message {
  text-align: left;
  padding: 0 40px;
}
#singlepage #cocoa .message p {
  margin-bottom: 24px;
}
#singlepage #cocoa .message img {
  margin-top: 16px;
  margin-bottom: 16px;
}
#singlepage .btn1 {
  margin-top: 60px;
}

#cocoa ul {
  max-width: 510px;
  margin: 40px auto 0;
  display: flex;
  justify-content: space-between;
}
#sns {
  max-width: 1100px;
  margin: 0 auto 100px;
  display: flex;
  justify-content: space-between;
}
#sns .topic {
  width: 452px;
  text-align: center;
}
#sns .topic h2 {
  margin: 0 0 50px;
}
#sns .topic .ig-inner{
  position: relative;
  max-width:450px;
  margin:0 auto;
}
#sns .topic .ig-inner>a{
  width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
/*en*/

/*highlight*/
#map {
  margin: 100px 0;
}
#map h3 {
  font-size: 4rem;
  margin-bottom: 100px;
}
#highlight dl {
  max-width: 1100px;
  margin: 0 auto 100px;
  /*display:flex;
  justify-content:right;
  position:relative;*/
}
#highlight dl:after {
  clear: both;
  display: table;
  content: "";
}
#highlight dl dt {
  width: 600px;
  /*position:absolute;
  top:0;
  left:0;*/
  float: left;
  position: relative;
  z-index: 2;
}
#highlight dl:nth-of-type(2n) dt {
  /*left:auto;
  right:0;*/
  float: right;
}
#highlight dl dd {
  width: 600px;
  background-image: url(../images/highlight-bg.jpg);
  background-size: 100% 100%;
  padding: 42px 50px 58px 150px;
  margin: 100px 0 0 -100px;
  text-align: left;
  float: right;
  position: relative;
  z-index: 1;
}
#highlight dl:nth-of-type(2n) dd {
  padding: 42px 150px 58px 50px;
  margin: 100px -100px 0 0;
  float: left;
}

#highlight dl dd .ttl .sub {
  font-size: 1.8rem;
  margin-bottom: 6px;
  opacity: 0;
}
#highlight dl dd .ttl h2 {
  font-size: 2.7rem;
  padding-bottom: 30px;
}
#highlight dl dd .ttl + p {
  font-size: 1.4rem;
  line-height: 1.86;
}
#highlight dl dd table {
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 32px 0 0;
  width: 100%;
}
#highlight dl dd table+p+table {
  margin-top: 0;
}
#highlight dl dd table th {
  border-top: solid 1px #fff;
  padding: 8px;
  vertical-align: top;
  width: 5em;
}
#highlight dl dd table td {
  border-top: solid 1px #fff;
  padding: 8px 0;
  vertical-align: top;
}
#highlight dl dd table th:last-of-type,
#highlight dl dd table td:last-of-type {
  border-bottom: solid 1px #fff;
}
#highlight dl dd table+p{
  padding:8px;
}

.list-ttl {
  text-align: center;
  margin: 24px 0 12px;
}
.list-txt {
  font-size: 1.2rem;
  line-height: 1.5;
}
#hikarijiman-list {
  margin-top: 120px;
}
#hikarijiman-list .ttl3 {
  width: 100%;
}
#hikarijiman-list .gmap {
  margin-bottom: 80px;
}
#hikarijiman-list ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#hikarijiman-list ul li {
  width: 330px;
  line-height: 1.5;
  text-align: left;
  margin-bottom: 80px;
}
#hikarijiman-list ul li h3 {
  margin: 20px 0 12px;
}
#hikarijiman-list ul li h3 i {
  display: inline-block;
  width: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 14px;
  background: #fff;
  color: #000;
  margin-right: 8px;
}
#hikarijiman-list ul li p {
  margin-top: 4px;
}
#hikarijiman-list ul li p.link {
  margin-top: 16px;
}
/*highlight*/

/*access*/
#access {
  padding: 95px 10px 0 10px;
  font-size: 1.6rem;
}
#access h2 + p {
  font-size: 2rem;
	letter-spacing: .1em;
  margin-top: 70px;
}
#access .inner {
  max-width: 1100px;
  margin: 107px auto 0 auto;
  display: flex;
  justify-content: space-between;
}
#access .inner .topic1 {
  width: 36%;
}
#access .inner .topic2 {
  width: 55.5%;
}
#access .inner h3 {
  font-size: 2.2rem;
  border-bottom: solid 1px #fff;
  padding: 0 0 16px;
}
#access .inner h3 + p {
  font-size: 1.6rem;
  padding: 24px 0;
}
#access .sub-box-inner {
  padding: 20px 0;
}
#access .inner .topic2-1 {
  width: 48%;
}
#access h2 {
  display: inline-block;
  font-size: 3rem;
  border-top: solid 1px #fff;
  border-bottom: 1px solid #fff;
  padding: 20px 130px;
}

#access .sub-box {
  border-top: dotted 1px #fff;
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: center;
}
#access .inner2-box:not(:first-of-type) {
  border-top: 1px dotted #fff;
}
#access .inner2-box {
  padding: 20px 0;
}
.access-map {
  padding: 100px 0 50px;
  max-width: 1100px;
  margin: 0 auto;
}
.access-map iframe {
  width: 100%;
}
/*access*/

/*report*/
#report-main {
  font-size: 2.2rem;
  line-height: 2.4;
  max-width: 640px;
  min-height: 720px;
  margin: 200px auto 0;
}
#report-content {
  max-width: 840px;
  margin: 0 auto;
  text-align: center;
}
#report-content h2 {
  margin-bottom: 25px;
}
.report {
  margin-bottom: 120px;
}
#report-content .report:after {
  clear: both;
  content: "";
  display: table;
}
#report-content .info {
  background: url("../images/highlight-bg.jpg") no-repeat left top / 100% 100%;
  padding: 40px;
  color: #fff;
  text-align: left;
}
#report-content .info h3 {
  font-size: 2.4rem;
  margin-bottom: 25px;
}
.report1 {
  margin: 40px 0 200px;
  position: relative;
}
.report1 .info {
  width: 400px;
  position: absolute;
  bottom: -100px;
  right: 0;
}
.report2 .photo1 {
  margin-bottom: 40px;
}
.report2 .photo2 {
  float: right;
}
.report2 .info {
  width: 400px;
  min-height: 260px;
  float: left;
}
.report3 .photo1,
.report3 .photo3 {
  float: left;
  margin-bottom: 40px;
}
.report3 .photo3 {
  clear: both;
}
.report3 .photo2,
.report3 .photo4 {
  float: right;
  margin-bottom: 40px;
}
.report3 .info {
  float: right;
  width: 400px;
  min-height: 260px;
}
.report4 .photo1 {
  margin-bottom: 40px;
}
.report4 .photo2 {
  float: right;
}
.report4 .info {
  width: 400px;
  min-height: 260px;
  float: left;
}
.report5 {
  margin-bottom: 50px;
}
.report5 .photo1 {
  margin-bottom: 40px;
}
.report5 .photo2 {
  float: left;
}
.report5 .info {
  width: 400px;
  min-height: 260px;
  float: right;
}
.st ul {
  display: flex;
  justify-content: space-between;
}
.st ul li {
  width: 250px;
  text-align: left;
}
.st ul li .photo {
  text-align: center;
  margin-bottom: 12px;
}
.st ul li .photo + p {
  font-size: 1.2rem;
}
.st ul li h3 {
  font-size: 2.7rem;
  margin-bottom: 16px;
}
.st ul li .detail {
  line-height: 1.5;
}
#bus {
  background: url(../images/bus-bg.png) repeat;
  margin-top: 140px;
  padding: 0 0 100px;
  position: relative;
  z-index: 2;
  text-align: left;
}
#bus:after {
  content: "";
  height: 128px;
  width: 100%;
  display: block;
  z-index: -1;
  background: #011c2e;
  position: absolute;
  top: 0;
  left: 0;
}
#bus .inner {
  max-width: 1100px;
  margin: 0 auto;
  border: solid 2px #fff;
}
#bus .inner .intro {
  display: flex;
  justify-content: space-between;
  padding: 0 15px;
}
#bus .inner .intro dt {
  margin-top: -100px;
}
#bus .inner .intro dd {
  padding-top: 15px;
}
#bus .inner .intro dd p {
  padding: 30px 45px 0 0;
}
#bus .inner h2.din {
  margin: 0 64px;
  line-height: 50px;
  background: #fff;
  color: #0f2f52;
  font-size: 3rem;
  text-align: center;
  position: relative;
}
#bus .inner h2.din:before,
#bus .inner h2.din:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 16px 25px 0;
  border-color: transparent #fff transparent transparent;
}
#bus .inner h2.din:after {
  left: auto;
  right: -15px;
  border-width: 25px 0 25px 16px;
  border-color: transparent transparent transparent #fff;
}
#bus .inner ul {
  display: flex;
  justify-content: space-between;
  padding: 36px 80px;
  position: relative;
}
#bus .inner ul:after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 100%;
  background: url(../images/bus-line.png) repeat-y;
  position: absolute;
  top: 0;
  left: calc(50% - 1px);
}
/*report*/

/* forest */

#forest {
  margin-top: 95px;
}
#forestpage .ttl3 {
  letter-spacing: 5.4px;
  padding: 20px;
}
#forest p {
  font-size: 1.8rem;
  line-height: 2.5;
  letter-spacing: 3.6px;
}
#forest p.note {
  font-size: 1.4rem;
  line-height: 1.5;
  max-width: 600px;
  margin: 20px auto 0;
  border: solid 1px #fff;
  padding: 20px 30px;
  background: rgba(255,255,255,0.2);
}
#highlight {
  margin-top: 105px;
}
#highlight table {
  letter-spacing: normal;
}
#highlight sub {
  opacity: 0;
}
#h2 > dd > p:nth-child(3) {
  margin-top: 20px;
}
.hikarijiman {
  background: #0e2b4b;
  padding: 95px 150px;
}
.hikarijiman h2 {
  max-width: 340px;
  width: 100%;
}
#wrapper > div.hikarijiman > p:nth-child(1) {
  font-size: 1.8rem;
  letter-spacing: .1em;
}
#wrapper > div.hikarijiman > p:nth-child(2) {
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: 3px;
  margin-top: 12px;
}
.hikarijiman h4{
  padding: 25px 0 15px;
	font-size: 2rem;
line-height: 1.2;
}
.hikarijiman h4 a,
.hikarijiman h4 b{
padding: .2em .3em;
margin-left: -0.2em;
transition: all .5s;
display: inline-block;
border-radius: 5px;
font-weight: bold;
}
.hikarijiman h4 a:after {
    font-family: "Font Awesome 5 Free";
    content: "\f2d2";
    font-weight: 400;
    font-size: 1.2rem;
    vertical-align: middle;
}
.hikarijiman h4 a:hover {
  color: #fff;
  background-color: #e39300;
}
.hikarijiman dl{
  display:flex;
  flex-wrap:wrap;
  text-align:left;
  line-height:1.33;
}
.hikarijiman dl dt{
  width:7em;
  margin-bottom:5px;
}
.hikarijiman dl dd{
  width:calc(100% - 7em);
  margin-bottom:5px;
}
.hikarijiman dl dd a{
  font-weight:bold;
  text-decoration:underline;
}
.hikarijiman ul {
  margin-top: 70px;
  gap: 50px;
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
}
.hikarijiman img {
  width: 100%;
	border-radius: 5px;
}/*
#wrapper > div.hikarijiman > ul > li:nth-child(4) > h4 {
  padding: 18px 0;
}*/
.hikarijiman li {
position:relative;
}
.hikarijiman i {
position:absolute;
top:10px;
right:10px;
}
.hikarijiman i {
width:105px;
}
.loveletter {
  padding: 200px 10px 0 10px;
}
.loveletter h2 {
  margin: 0;
}
.love-box {
  display: flex;
  max-width: 1100px;
  margin: 90px auto 0 auto;
}
.love-photo {
  width: 50%;
}
.love-photo .photo {
  max-width: 510px;
  position: relative;
}
.love-photo .photo img {
  width: 100%;
}
.love-photo .photo::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/highlight-bg.jpg);
  background-size: cover;
  transform: translateX(50px) translateY(50px);
}
.love-info {
  width: 50%;
  padding-left: 90px;
  text-align: left;
}
.love-info p:first-of-type {
  font-size: 1.7rem;
  line-height: 1.76;
  letter-spacing: 1.7px;
}
.love-info p:nth-of-type(2) {
  display: inline-block;
  font-size: 1.7rem;
  line-height: 1.76;
  letter-spacing: 0.43px;
  padding: 0 20px;
  color: #000;
  background: #fff;
  margin-top: 30px;
}
.love-info p:nth-of-type(3) {
  font-size: 1.4rem;
  line-height: 1.43;
  margin-top: 20px;
}
.love-info dl {
  display: flex;
  font-size: 1.6rem;
  letter-spacing: 1.6px;
  border-top: 1px solid #fff;
  padding: 3px 0;
  text-align:left;
}
.love-info dl:first-of-type {
  margin-top: 20px;
}
.love-info dt {
  width:5em;
}
.love-info dd {
  flex:1;
}
#wrapper > div.loveletter > div > div.love-info > dl:last-child {
  border-bottom: 1px solid #fff;
}
.loveletter .button-group,
#art-page .button-group{
  margin-top: 0;
  margin-bottom: 100px;
}
/* forest */

/* gourmet-map */
.gourmet__wrapper h2 {
  font-size: 2.7rem;
  line-height: 0.89;
  letter-spacing: 5.4px;
	margin: 80px auto 25px;
}
.gourmet__wrapper h3 {
  font-size: 2.7rem;
  letter-spacing: 2.7px;
  border-bottom: solid 1px #fff;
  padding-bottom: 15px;
	margin-bottom: 20px;
	display: inline-block;
}
.gourmet__wrapper .nav{
  justify-content: center;
  font-size:2.2rem;
}
.gourmet__wrapper .nav li{
  margin: 0 25px;
	position: relative;
}
.gourmet__wrapper .nav li a:hover{
  opacity:0.7;
}
.gourmet__wrapper .nav li:not(:last-child):after{
  content:"";
	background: #fff;
	width: 1px;
	height: 16px;
	display: inline-block;
	position: absolute;
	top: 14px;
	right: -25px;
}
.gourmet__wrapper .topic{
  margin-top: 100px;
}
.gourmet__wrapper .topic p {
  font-size: 1.8rem;
  line-height: 2.5;
  letter-spacing: 3.6px;
}
.gsbox dl{
  width: 48%;
	margin-top: 40px;
}
.gsbox dl dt{
  width: 48%;
}
.gsbox dl dd{
  width: 48%;
	text-align: left;
	line-height: 1.5;
}
.gsbox dl dd .cat{
  padding: 3px 10px;
  border-radius: 3px;
	background: #fff;
	color: #000;
	display: inline-block;
	font-size: 1.2rem;
}
.gsbox dl dd .name{
  font-size: 2.2rem;
  margin: 5px 0 10px;
}
.gsbox dl dd .name a,
.gsbox dl dd .name span {
  padding: .2em .3em;
  margin-left:-0.2em;
  transition: all .5s;
  display: inline-block;
  border-radius: 5px;
  line-height: 1.2;
  font-weight: bold;
}
.gsbox dl dd .name a:after{
  font-family: "Font Awesome 5 Free";
  content: "\f2d2";
  font-weight: 400;
  font-size:1.2rem;
  vertical-align:middle;
}

.gsbox dl dd .name a:hover {
  color: #fff;
  background-color: #e39300;
}
.gsbox dl dd .btime:before{
  content:"【営業時間】";
}
.gsbox dl dd .hol:before{
  content:"【定休日】";
}
.gsbox dl dd .tel:before{
  content:"【ＴＥＬ】";
}
.gsbox dl dd .extra{
  border: 1px solid #fff;
  border-radius: 5px;
	padding: 10px 1em;
	margin-top: 10px;
}
.gsbox dl dd .bikou{
  margin-top:10px;
}
.gsbox dl dd .bikou:before{
  content:"※";
}













.gourmet__table-wrapper {
  margin-top: 80px;
  padding: 0 10px;
}

.spacing__sub {
  letter-spacing: 5.4px;
}
.gourmet__table {
  max-width: 1105px;
  width: 100%;
  margin: 50px auto 0 auto;
}

table.gourmet__table {
  border-radius: 5px;
  border: 1px solid #fff;
  border-collapse: separate;
  border-spacing: 0;
}
.gourmet__table .thead th {
  text-align: center;
  color: #000;
  background: #fff;
  padding: 10px;
}
.gourmet__table td {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  line-height: 1.33;
  padding: 10px;
}
.gourmet__table tr td:first-child {
  text-align:left;
}
.gourmet__table td em{
  font-size:2rem;
}
.gourmet__table .last td {
  border-bottom: none;
}
#wrapper > div.gourmet__wrapper > table > tbody > tr > td:nth-child(7) {
  border-right: none;
}
#wrapper
  > div.gourmet__wrapper
  > div.gourmet__table-wrapper
  > table
  > tbody
  > tr
  > td:nth-child(1)::first-letter {
  font-size: 2rem;
}
.gourmet__nightstore__wrapper {
  position: relative;
  background: #0e2b4c;
  z-index: -2;
  padding: 140px 10px 100px 10px;
}
.gourmet__nightstore {
  position: relative;
  padding-top: 140px;
  max-width: 1103px;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 310px 390px 1fr 1fr;
  gap: 22px;
  grid-auto-flow: row;
  grid-template-areas:
    "top1 top1 top1 top1 top2 top2 top2 top2 top3 top3 top3 top3"
    "middle1 middle1 middle1 middle1 middle1 middle1 middle2 middle2 middle2 middle2 middle2 middle2"
    "bottom1 bottom1 bottom1 bottom2 bottom2 bottom2 bottom3 bottom3 bottom3 bottom4 bottom4 bottom4"
    "bottom5 bottom5 bottom5 bottom6 bottom6 bottom6 bottom7 bottom7 bottom7 bottom8 bottom8 bottom8";
}

.top1 {
  grid-area: top1;
}

.top2 {
  grid-area: top2;
}

.top3 {
  grid-area: top3;
}

.middle1 {
  grid-area: middle1;
}

.middle2 {
  grid-area: middle2;
}

.bottom1 {
  grid-area: bottom1;
}

.bottom2 {
  grid-area: bottom2;
}

.bottom3 {
  grid-area: bottom3;
}

.bottom4 {
  grid-area: bottom4;
}

.bottom5 {
  grid-area: bottom5;
}

.bottom6 {
  grid-area: bottom6;
}

.bottom7 {
  grid-area: bottom7;
}

.bottom8 {
  grid-area: bottom8;
}

.gourmet__nightstore img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gourmet__nightstore:after {
  position: absolute;
  top: 0;
  right: 0;
  margin: auto;
  content: "";
  width: 600px;
  height: 580px;
  background-image: url(../images/gourmet-map/top3-bg.jpg);
  background-repeat: no-repeat;
  z-index: -1;
}
.gourmet__nightstore .text-box {
  text-align-last: left;
  margin-top: -50px;
}
.gourmet__nightstore .text-box ul{
  text-align: left;
  padding: 0 20px 0 0;
}
#wrapper
  > div.gourmet__wrapper
  > div.gourmet__nightstore__wrapper
  > div
  > div.top3
  > div
  > p:nth-child(1) {
  font-size: 1.8rem;
  border: none;
  padding: 0;
  font-weight: normal;
}
#wrapper
  > div.gourmet__wrapper
  > div.gourmet__nightstore__wrapper
  > div
  > div.top3
  > div
  > p:nth-child(2) {
  font-size: 3rem;
  padding: 0;
  font-weight: normal;
}
.gourmet__nightstore .text-box2 {
  border: solid 2px #fff;
  border-radius: 5px;
  padding: 20px;
  height: 100%;
  text-align-last: left;
  line-height: 1.8;
}
#wrapper
  > div.gourmet__wrapper
  > div.gourmet__nightstore__wrapper
  > div
  > div
  > div
  > p:nth-child(1) {
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
}
#wrapper
  > div.gourmet__wrapper
  > div.gourmet__nightstore__wrapper
  > div
  > div
  > div
  > p:nth-child(2) {
  padding-top: 10px;
}
.gourmet__coupon__wrapper {
  padding: 0 10px;
}
.gourmet__coupon {
  max-width: 1100px;
  margin: 0 auto;
  border:2px solid #fff;
  margin-top: 160px;
  padding: 30px 50px 50px;
}
.gourmet__coupon.box {
  border:none;
  margin-top: 0;
  padding: 0;
}


.gourmet__coupon h2 {
  line-height: 0.8;
  letter-spacing: 6px;
  font-size: 3rem;
  position: relative;
  display: inline;
	padding: 0 40px;
	background: #011c2e;
}
.gourmet__head h2:before {
  position: absolute;
  background:#fff;
  content: "";
  top: -50px;
  left: -0;
  width: 2px;
  height: 120px;
  display: inline-block;
  transform:rotate(-15deg);
}
.gourmet__head {
  margin-top: -40px;
  margin-bottom: 80px;
}
.gourmet__head h2::after {
  position: absolute;
  background:#fff;
  content: "";
  top: -50px;
  right: -0;
  width: 2px;
  height: 120px;
  display: inline-block;
  transform:rotate(15deg);
}
.coupon__title {
  font-size: 1.8rem;
  border-radius: 5px;
  border: solid 1px #fff;
  width: 220px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  line-height: 1.67;
}
.price__box {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.price__box img {
  margin: 0 13px;
}
.price__box span {
  font-size: 2.5rem;
}
.price__old__box {
  display: flex;
  justify-content: space-between;
}
.caution__box {
  margin-top: 60px;
  text-align: left;
}
div.gourmet__coupon > div.caution__box > p:nth-child(2) {
  margin-top: 40px;
}
div.gourmet__coupon > div.caution__box > p:nth-child(11) {
  margin-top: 40px;
}
div.button-group {
  margin: 60px 0;
}
#toppage div.button-group {
  margin: 0 0 100px;
}

#access .inner h3 {
  font-size: 2.2rem;
  border-bottom: solid 1px #fff;
  padding: 0 0 16px;
}





/* gourmet-map */

/* art */
.comingsoon{
  margin-bottom: 160px;
	font-size: 2.6rem !important;
	letter-spacing: 5.4px !important;
}
#art-page {
  padding: 0 10px;
}
.art__wrapper {
  max-width:1105px;
  width: 100%;
  margin: 0 auto;
}
.art__wrapper .ttl2 {
  margin-top: 120px;
  margin-bottom: 0;
}
.art-topic__wrapper {
  margin-top: 80px;
}
.art-topic__box:not(:first-of-type){
  margin-top: 55px;
}
.art-topic__title {
  display: flex;
  align-items: center;
}
.jc-content {
  justify-content: flex-start;
  margin-left: 70px;
}
.jc-content h3 {
  padding-top: 20px;
  margin-left: -30px;
}
#wrapper > div.art__wrapper > div.art-topic__wrapper > div:nth-child(2n) > div.art-topic__title.jc-content {
flex-direction: row-reverse;
margin-left: 0;
}
#wrapper > div.art__wrapper > div.art-topic__wrapper > div:nth-child(2n) > div.art-topic__title.jc-content h3{
margin-right: -60px;
}
.art-topic__title p {
  font-size: 8rem;
  line-height: 1;
  color: #249d74;
  background: -webkit-linear-gradient(45deg, #3478c5, #249d74);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.art-topic__title h3 {
  font-size: 3rem;
  line-height: 1.5;
  letter-spacing: 6px;
}
.art-topic__box__inner{
  display: flex;
  gap: 40px;
  margin-top: 40px;
}
#wrapper > div.art__wrapper > div.art-topic__wrapper > div:nth-child(2n) > div.art-topic__box__inner{
  flex-direction: row-reverse;
}
.art-topic__photo {
  width: 50%;
}
.art-topic__photo img{
  width: 100%;
}
.art-topic__text {
  width: 50%;
  text-align: left;
}
.art-topic__text > p{
  font-size: 1.8rem;
  line-height: 1.4;
  margin-left: -10px;
}
.art-topic__text dl{
  font-size: 1.8rem;
  line-height: 1.4;
  margin-left: -10px;
  display:flex;
}
.art-topic__text dl+dl{
  margin-top:10px;
}
.art-topic__text dl dt{
  width:6.5em;
}
.art-topic__text dl dd{
  flex:1;
}
.map__button {
  margin: 10px 0 15px;
}
.map__button a {
  border: 1px solid #fff;
  padding: 5px 10px;
  border-radius: 3px;
}
.map__button a:after {
  font-family: "Font Awesome 5 Free";
  content: "\f041";
  font-weight: 900;
  margin-left: 6px;
}
.text__open {
  font-size: 1.8rem;
  line-height: 1.56;
  letter-spacing: 1.8px;
}
.btn__open,
.btn__close {
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn__open a,
.btn__close a{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  width: 100px;
}
.artist__box {
  margin-top:20px;
  display: flex;
  justify-content: center;
  gap:20px;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 20px;
  align-items: flex-start;
}
.artist__box p {
  font-size: 1.3rem;
  line-height: 1.31;
  letter-spacing: 1.3px;
}
.artist__box > div{
  flex:1;
}
.artist__box > div > p:first-of-type {
  font-size: 1.8rem;
  padding-bottom: 19px;
}
.artist__box > div > p:first-of-type a{
  text-decoration: underline;
}
.artist__box > div > p:first-of-type a:hover{
  text-decoration: none;
}
.artist__box > div > p:first-of-type a:after{
  font-family: "Font Awesome 5 Free";
  content: "\f2d2";
  font-weight: 400;
}
.artist__box img {
  border-radius: 3px;
}
#art-page .btn1 {
  margin: 90px 0 0;
}
/* art */

/* blog */
.blogpage #wrapper {
  background-image: url(../images/blog/wrapper-bg2.jpg);
}
.blogbody{
  padding: 80px 0 0;
}
.blogbody>.fbox{
  width: 100%;
  max-width: 1105px;
	margin: 55px auto 60px;
	flex-direction: row-reverse;
}
.blogbody>.fbox .content{
  width: 70%;
}
.blogbody>.fbox .content .message{
  text-align: left;
}
.blogbody>.fbox .content .message .ttl2{
  text-align: left;
	padding: 30px;
	margin: 0 -30px 30px;
}
.blogbody>.fbox .content .message p{
  margin-bottom: 20px;
}
.blogbody>.fbox .content .message p img{
  margin: 16px 0;
}
.blogbody>.fbox .content .btn1 a {
    width: 100%;
		margin: 60px 0;
}
.blogbody>.fbox .sidebar{
  width: 18.1%;
}
.blogbody>.fbox .content article{
  width: 47%;
	margin-bottom: 50px;
	border:solid 1px #fff;
	border-radius: 5px;
	padding: 15px;
	text-align: left;
}
.blogbody>.fbox .content article a{
  color: #fff;
}
.blogbody>.fbox .content article .photo{
  margin-bottom: 20px;
}
.blogbody>.fbox .content article .photo img{
  width: 100%;
	border-radius: 5px;
}
.blogbody>.fbox .content article .cat{
	margin-bottom: 15px;
}
.blogbody>.fbox .content article .cat a{
    display: inline-block;
	width: 140px;
	text-align: center;
	background: #134760;
	border-radius: 5px;
	margin:0 10px 10px 0;
}
.blogbody>.fbox .content article .ttl{
  line-height: 1.5;
}
.blogbody>.fbox .sidebar .ttl {
  font-size: 1.8rem;
  line-height: 35px;
  padding: 0 36px;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
  position: relative;
}
.blogbody>.fbox .sidebar .cat+.ttl{
  margin-top: 60px;
}
.blogbody>.fbox .sidebar .ttl:before,
.blogbody>.fbox .sidebar .ttl:after {
  width: 11px;
  height: 35px;
  background: url(../images/blog/ttl-lt.png) no-repeat left top / contain;
  content: "";
  position: absolute;
  top: 0;
  left: -11px;
}
.blogbody>.fbox .sidebar .ttl:after {
  background: url(../images/blog/ttl-rt.png) no-repeat left top / contain;
  right: -11px;
  left: auto;
}
.blogbody>.fbox .sidebar .cat li a{
  line-height: 40px;
	border-radius: 20px;
	background: #134760;
	color: #fff;
	text-align: center;
	display: block;
	margin-top: 20px;
}
.blogbody>.fbox .sidebar .art li{
  align-items: flex-start;
	margin-top: 20px;
}
.blogbody>.fbox .sidebar .art li .photo{
  width: 45%;
	margin-right: 5%;
}
.blogbody>.fbox .sidebar .art li p{
  flex:1;
	line-height: 1.3;
	font-size: 1.2rem;
	text-align: left;
}
/* / blog */

/* inquiry */
#inquiry-page #wrapper {
  background-image: url(../images/inquiry/wrapper-bg.jpg);
}
#inquiry .decobox{
	margin-bottom: 60px;
}
.mainbox{
  padding: 95px 10px 0 10px;
  font-size: 1.6rem;
}
.mainttl1{
  display: inline-block;
  font-size: 3rem;
  border-top: solid 1px #fff;
  border-bottom: 1px solid #fff;
  padding: 20px 130px;
}
.mainttl1 + p {
  font-size: 2rem;
  letter-spacing: .1em;
  margin-top: 70px;
}
.decobox{
  font-size: 1.4rem;
  line-height: 1.5;
  max-width: 600px;
  margin: 40px auto 0;
  border: solid 1px #fff;
  padding: 20px 30px;
  background: rgba(255,255,255,0.2);
}
.decobox .ttl{
  font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.decobox ul{
  display: table;
	margin: 0 auto;
	text-align: left;
}
ul.list-p{
	list-style:disc outside;
	padding-left: 20px;
}
ul.list-p ul.list-p{
  list-style: circle outside;
}
.right{
  text-align: right !important;
}
.form-b{
  margin-bottom: 40px;
}
.form-b dl{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 2px #d7d7d7;
	background: rgba(0,0,0,0.7);
}
.form-b dl dt{
    width: 28%;
    padding: 0 10px;
  position: relative;
}
.form-b dl dt span.must,
.form-b dl dt span.any{
    font-size: 1.2rem;
    background: #A89B4B;
    color: #fff;
    border-radius: 2px;
  display: inline-block;
  vertical-align: top;
  margin: 4px 10px 0 0;
    padding: 0 5px;
  position: absolute;
  top: calc(50% - 14px);
  left: 10px;
}
.form-b dl dt span.must {
    background: #D93E3E;
}
.form-b dl dt span+span{
  padding-left: 50px;
  display: inline-block;
}
.form-b dl dd{
  flex:1;
  margin: 18px 0;
	text-align: left;
}
.wpcf7-checkbox,
.wpcf7-radio {
    display: inline-block;
    margin-left: -1em;
}
span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em;
}
.form-b dl dd p{
  font-size: 1.2rem;
  line-height: 1.5;
  margin: 10px 0;
}
.form-b dl dd input[type="text"],
.form-b dl dd input[type="tel"],
.form-b dl dd input[type="email"],
.form-b dl dd textarea {
  width: 100%;
  max-width: 90%;
}
.form-b dl dd input[type="text"].textsp-half{
  max-width: 100px;
}
.form-b input[type="submit"]{
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  cursor: pointer;
  
  color: #fff;
  border: 2px solid #fff;
  font-weight: bold;
  min-width: 620px;
  margin: 60px auto 20px;
  padding: 10px 40px;
  cursor:pointer;
  font-size: 2.4rem;
  background: none;
  -webkit-appearance: none;
  border-radius: 10px;
}

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;
}
.form-b input[type="submit"]:hover{
  background: rgba(255, 255, 255, 0.3);
}
.form-b .privacy{
  font-size: 1.2rem;
	line-height: 1.5;
	height: 150px;
	padding: 2rem;
	overflow-y: scroll;
	text-align: left;
	background: rgba(255,255,255,0.3);
	margin: 40px 0 20px;
}
.form-b .privacy h3{
  font-size: 1.8rem;
	text-align: center;
	margin: 0 0 2rem;
}
.form-b .privacy h4{
  font-size: 1.4rem;
	margin: 2rem 0 1rem;
}
.form-b .privacy p+p,
.form-b .privacy p+ul,
.form-b .privacy ul+p{
  margin-top: 1rem;
}

/* fee */
#fee-page #wrapper {
  background-image: url(../images/fee/wrapper-bg.jpg);
}
.gourmet__coupon .topic{
  background: rgba(15,47,83,0.7);
	padding: 40px;
	margin-top: 80px;
}
#ticket .gourmet__coupon .topic {
  background: none;
  padding: 0;
}

.gourmet__coupon .topic table{
  width: 100%;
	table-layout: fixed;
	border-collapse: separate;
	margin-top: 20px;
	line-height: 1.5;
}
.gourmet__coupon .topic table+p{
  text-align: left;
	margin-top: 10px;
	font-size: 1.3rem;
	line-height: 1.5;
}
.gourmet__coupon .topic table th{
  background: #011C2E;
	color: #fff;
	text-align: center;
	padding: 10px;
	border-bottom:solid 1px #fff;
}
#fee.mainbox .gourmet__coupon .topic table th{
border-top: solid 1px #fff;
border-right: solid 1px #fff;
}
#fee.mainbox .gourmet__coupon .topic table th:first-child{
border-left: solid 1px #fff;
}

.gourmet__coupon .topic table td{
  padding: 10px;
	text-align: center;
	background: #fff;
	color: #011C2E;
	border-bottom:solid 1px #011C2E;
}
.gourmet__coupon .topic table td a{
	color: #011C2E;
    font-weight:bold;
    text-decoration:underline;
}
.gourmet__coupon .topic table th + th {
  border-left:solid 1px #fff;
}
.gourmet__coupon .topic table td + td {
  border-left:solid 1px #011C2E;
}
.gourmet__coupon .topic table tr:last-child th,
.gourmet__coupon .topic table tr:last-child td {
  border-bottom: none;
}
.gourmet__coupon .topic table tr:first-child th:first-child {
  border-radius: 10px 0 0 0;
}
.gourmet__coupon .topic table tr:first-child th:last-child {
  border-radius: 0 10px 0 0;
}
.gourmet__coupon .topic table tr:last-child td:first-child {
  border-radius: 0 0 0 10px;
}
.gourmet__coupon .topic table tr:last-child td:last-child {
  border-radius: 0 0 10px 0;
}
.gourmet__coupon__wrapper .topic table td:last-child{
  text-align:left;
}
#fee .fbox{
  flex-wrap: wrap;
}
#fee .detail{
  width: 48%;
	text-align: left;
	margin-top: 60px;
}
#fee .detail .ttl5+p{
  text-align:center;
}
#fee .detail.detail-full{
  width: 100%;
}
#fee .detail.detail-full table{
  table-layout: auto;
}
#fee .detail.detail-full table td:last-child{
  text-align: left;
}
#fee .detail.detail-full.sample p{
  text-align: center;
	margin: 0 10% 40px;
}
.ttl5{
  font-size: 1.8rem;
  border-radius: 5px;
  border: solid 1px #fff;
  min-width: 220px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  line-height: 1.67;
	margin-bottom: 15px;
}
#fee .detail.detail-full ul+.ttl5{
  margin-top: 60px;
}




/*▼スマホ対応*/
@media screen and (max-width: 768px) {
  /* <MODULE> */
  .sp {
    display: inherit !important;
  }
  .pc {
    display: none !important;
  }
  img {
    max-width: 100%;
  }
  iframe{
    max-height:50vh;
  }
  .btn1 {
    margin: 0 20px;
  }
  .btn1 a {
    display: inline-block;
    line-height: 1.2;
    border: solid 1px #fff;
    border-radius: 6px;
  }
  .button a,
  .btn1 a {
    width: 100%;
    padding: 20px 0;
    font-size: 1.7rem;
  }
  .button a:after,
  .btn1 a:after {
    margin-left: 10px;
    border-radius: 6px;
    width: 12px;
    padding-left: 1px;
    line-height: 12px;
    font-size: 1.2rem;
  }
  .news .button a,
  .button-group .button {
    max-width: 9999px;
  }
  .ttl3 + p {
    margin-left:20px;
    margin-right:20px;
  }
  /* </ MODULE> */

  /*オフキャンバス設定*/
  html {
    font-size: 53.57%; /*12px*/
  }
  body {
    position: relative;
    overflow-x: hidden;
  }
  #wrapper {
    position: relative;
    overflow-x: hidden;
    right: 0;
    min-width: initial;
  }
  #toppage #wrapper {
    background: none;
  }
  #offcanvas-menu {
    display: block;
    position: fixed;
    top: 0;
    padding-top: 52px;
    right: -300px;
    width: 300px;
    height: 100%;
    background: #fff;
    z-index: 100000;
    overflow-y: auto;
  }
  #offcanvas-menu>ul {
    display: block;
    margin: 0 16px;
  }
  #offcanvas-menu>ul>li{
    display: inline;
    border-right: none;
  }
  #offcanvas-menu>ul>li a{
    font-size: 1.6rem;
    margin: 0;
    padding: 13px 12px;
    display: block;
    border-bottom: solid 1px #cccccc;
    text-align: left;
    position: relative;
    color: #011c2e;
  }
  #offcanvas-menu>ul>li a:after{
    content: "";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    content: "\f061";
    font-weight: 900;
    vertical-align: middle;
    right: 12px;
    top: 18px;
    position: absolute;
  }
  #offcanvas-menu>ul>li.sns a:after{
	  content:none;
	}
  #offcanvas-menu > ul > li.sns ul li a{
	  border-bottom: none;
		padding-top: 20px;
	}
  #offcanvas-menu > ul > li ul li a:after {
    top: 50%;
    margin-top: -8px;
  }
  #offcanvas-menu > ul > li ul{
    margin: 0;
    display: none;
  }
  #offcanvas-menu > ul > li ul li a {
    font-size: 12px;
    padding: 10px 22px 10px 32px;
  }
  #offcanvas-menu > ul > li ul li a span {
    display: block;
    margin-bottom: 4px;
    font-size: 16px;
  }
  #offcanvas-menu ul li:not(:nth-of-type(5)) {
    border-right: none;
  }
  #offcanvas-menu > ul > li.pc-non {
    display: inline;
  }
#offcanvas-menu>ul>li.highlights ul{
  display: none;
	transition: .5s;
	position:static;
  width: auto;
	background:none;
	padding: 0;
}
#offcanvas-menu>ul>li.highlights.hover ul{
  display: block;
	animation: appear .5s ease;
}
#offcanvas-menu > ul > li.highlights ul li {
  padding: 0;
}
  #offcanvas-container {
    display: block;
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
  }
  #offcanvas-button {
    background: rgba(255,255,255,0.7);
    width: 52px;
    height: 52px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999999999999;
    display: block;
  }
  #offcanvas-button:after {
    content: "MENU";
    color: #011c2e;
    position: absolute;
    bottom: 2px;
    text-align: center;
    left: 0;
    font-size: 9px;
    font-family: "Cormorant Garamond";
    width: 100%;
  }
  #offcanvas-button span,
  #offcanvas-button span:before,
  #offcanvas-button span:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 2px;
    width: 26px;
    cursor: pointer;
    background: #011c2e;
    display: block;
    content: "";
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
  }
  #offcanvas-button span {
    transform: translate3d(-50%, -4px, 0);
    -webkit-transform: translate3d(-50%, -4px, 0);
  }
  #offcanvas-button span:before {
    transform: translate3d(-50%, -10px, 0);
    -webkit-transform: translate3d(-50%, -10px, 0);
  }
  #offcanvas-button span:after {
    transform: translate3d(-50%, 7px, 0);
    -webkit-transform: translate3d(-50%, 7px, 0);
  }
  #offcanvas-button.close:after {
    content: "";
  }
  #offcanvas-button.close span {
    background-color: transparent;
  }
  #offcanvas-button.close span:before {
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    -webkit-transform: translateX(-50%) rotate(45deg);
    top: 4px;
    width: 36px;
  }
  #offcanvas-button.close span:after {
    -ms-transform: translateX(-50%) translateY(-10px) rotate(-45deg);
    transform: translateX(-50%) translateY(-10px) rotate(-45deg);
    -webkit-transform: translateX(-50%) translateY(-10px) rotate(-45deg);
    top: 14px;
    width: 36px;
  }
  #header {
    padding: 62px 0 0 0;
  }
  #toppage #header {
    background: url(../images/common/wrapper-bg.jpg) no-repeat center bottom;
    background-size: cover;
    padding: 0;
  }
  #header .logo {
    height: auto;
    padding: 20vw 20vw 0;
    margin: 0;
  }
  #header .period {
    padding: 10vw 20vw 0;
    margin: 0;
  }
  .gtl {
    position: static;
    margin-top: 30px;
  }
  .notranslate {
    color: #000;
    border: solid 1px #000;
  }
  /*common*/

  /*toppage*/
  #main {
    background-color: #000;
    background-position: center top;
    background-size: 150vh;
    background-image: url(../images/top/main-bg-sp.jpg);
    margin-top: 0;
    padding: 100px 20px;
  }
  #main h1 {
    margin-bottom: 20px;
  }
  #main h2 {
    padding: 12px 20px;
  }
  #main h2 + dl {
    display: block;
  }
  #main h2 + dl dt {
    width: autox;
    float: none;
  }
  #main h2 + dl dd {
    margin: 0 0 20px;
  }
  .top-news {
    margin: 40px 0 0;
    padding: 20px 20px 1px;
  }
  .top-belt {
    margin: 0;
    padding: 60px 0;
  }
  .top-belt .content ul {
    display: block;
    padding: 36px 0 0;
  }
  #information ul li {
    width: 100%;
    max-width:330px;
    margin: 0 auto 40px;
  }
  #information ul li h3 {
    font-size: 2.1rem;
    margin: 20px 0 10px;
  }
  #information ul li p {
    text-align: center;
  }
  #coop {
    margin: 60px 20px;
  }
  .fb_iframe_widget {
    display: block;
    margin: 0 auto;
  }
  .pc-non {
    display: block;
  }
  .news {
    margin-top: 10vw;
  }
  .news h2 {
    margin-bottom: 2vw;
  }
  .news dl {
    display: block;
  }
  .news dt,
  .news dd {
    width: 100%;
  }
  .news dd {
    padding-top: 10px;
  }
  .button-group {
    flex-direction: column;
    gap: 20px;
	padding: 0 20px;
  }
  #toppage div.button-group {
  margin: 0;
}
  #forestpage .button-group {
    padding:0;
  }
  .tail #offcanvas-menu {
    display: none;
  }
  #footer > div.tail > ul {
    display: flex;
  }
  .english-button {
    display: none;
  }
  /*toppage*/

  /*highlight*/
  #map {
    margin: 60px 20px;
  }
  #map h3 {
    font-size: 3rem;
    margin-bottom: 28px;
  }
  #hikarijiman-list {
    margin: 60px 20px 0;
  }
  #hikarijiman-list .gmap {
    margin-bottom: 40px;
  }
  #hikarijiman-list .gmap iframe {
    width: 100%;
    height: 360px;
  }
  #hikarijiman-list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #hikarijiman-list ul li {
    width: 48%;
    line-height: 1.5;
    text-align: left;
    margin-bottom: 40px;
  }
  #hikarijiman-list ul li h3 {
    position: relative;
    padding-left: 32px;
    padding-top: 6px;
  }
  #hikarijiman-list ul li h3 i {
    position: absolute;
    top: 0;
    left: 0;
  }
  /*highlight*/

  /*access*/
  #accesspage {
    background-color: #000;
  }
  /*access*/

  /*report*/
  #report-main {
    font-size: 2rem;
    line-height: 2;
    min-height: 1px;
    margin: 20vh 20px 20vh;
    max-width: 9999px;
  }
  #report-main br {
    display: none;
  }
  #report-content {
    margin: 0 20px;
  }
  #report-content h2 {
    margin-bottom: 25px;
  }
  .report {
    margin: 0 0 60px !important;
  }
  .report > p {
    margin-bottom: 10px !important;
    float: none !important;
    text-align: center;
  }
  .report.report1 {
    margin-top: 20px !important;
  }
  .report.report5 {
    margin-bottom: 30px !important;
  }
  #report-content .info {
    padding: 20px;
    width: auto !important;
    position: static !important;
    min-height: 1px !important;
    float: none !important;
  }
  #report-content .info h3 {
    font-size: 2rem;
    margin-bottom: 10px;
  }
  .st ul {
    display: block;
  }
  .st ul li {
    width: auto;
    text-align: left;
    display: flex;
    justify-content: space-between;
    margin: 0 0 30px;
  }
  .st ul li .photo {
    width: 178px;
    max-width: 36%;
    margin: 0;
  }
  .st ul li .info2 {
    flex: 1;
    padding-left: 20px;
  }
  #bus {
    background: url(../images/bus-bg.png) repeat;
    padding: 0 0 0;
    position: relative;
    z-index: 2;
    text-align: left;
    margin-top: 60px;
  }
  #bus .inner {
    margin: 0 auto;
    border: none;
  }
  #bus .inner .intro {
    display: block;
    padding: 0 15px;
    text-align: center;
  }
  #bus .inner .intro dt {
    margin-top: 0;
  }
  #bus .inner .intro dd {
    padding-top: 0;
  }
  #bus .inner .intro dd p {
    padding: 10px 20px 40px;
  }
  #bus .inner h2.din {
    margin: 0 30px 30px;
    line-height: 50px;
    background: #fff;
    color: #0f2f52;
    font-size: 3rem;
    text-align: center;
    position: relative;
  }
  #bus .inner h2.din:before,
  #bus .inner h2.din:after {
    left: -16px;
  }
  #bus .inner h2.din:after {
    left: auto;
    right: -16px;
  }
  #bus .inner ul {
    display: block;
    padding: 0 20px 20px;
    position: relative;
    text-align: center;
  }
  #bus .inner ul:after {
    content: none;
  }
  #bus .inner ul li:first-of-type {
    margin-bottom: 40px;
  }
  /*report*/

  #highlight-list ul {
    display: block;
    max-width: 330px;
    margin: 0 auto;
  }
  #highlight-list ul li {
    width: 100%;
    margin: 0 0 40px;
  }
  #highlight-list ul li .photo {
    margin-bottom: 20px;
  }
  #highlight dl {
    margin: 0 20px 40px;
    display: block;
  }
  #highlight dl dt {
    width: auto;
    float: none !important;
  }
  #highlight dl dt img {
    width: 100%;
    max-width: 9999px;
  }
  #highlight dl dd {
    width: auto;
    padding: 20px;
    margin: 0px;
    text-align: left;
    float: none !important;
  }
  #highlight dl:nth-of-type(2n) dd {
    padding: 20px;
    margin: 0px;
  }
  #highlight dl dd .ttl {
    background-size: 63px auto;
  }

  #highlight dl dd .ttl .sub {
    font-size: 1.4rem;
    margin-bottom: 0;
  }
  #highlight dl dd .ttl h2 {
    font-size: 2rem;
    padding-bottom: 25px;
  }
  #highlight dl dd .ttl + p {
    font-size: 1.2rem;
  }
  #highlight dl dd table {
    font-size: 1.2rem;
    line-height: 1.5;
    margin: 20px 0 0;
    width: 100%;
  }
  #highlight dl dd p {
    font-size: 1.2rem;
    line-height: 1.5;
  }
  #highlight dl dd table th {
    border-top: solid 1px #fff;
    padding: 8px;
    vertical-align: top;
    width: 5em;
  }
  #access .inner {
    display: block;
    margin-top: 50px;
  }
  #access .inner .topic1 {
    width: auto;
  }
  #access .inner .topic2 {
    width: auto;
    margin-top: 50px;
  }
  #access .inner h3 {
    font-size: 2.2rem;
    border-bottom: solid 1px #fff;
  }
  #access .inner h3 + p {
    font-size: 1.6rem;
  }
  #access .inner .inner2 {
    display: block;
  }
  #access .inner .inner2 .topic2-1 {
    width: auto;
  }
  .access-map {
    padding: 0;
    margin: 80px 20px;
  }
  #gourmet-map-page #amap{
    margin: 40px 20px;
  } 
  #pamph {
    padding: 0 0 10px;
  }
  #pamph h2.din {
    margin: 0 0 20px;
  }
  #pamph ul {
    max-width: 1100px;
    margin: 0 20px;
    display: block;
    padding: 24px 0 0;
  }
  #pamph ul li {
    margin-bottom: 40px;
  }
  #covid {
    background: url(../images/covid-bg.jpg) no-repeat center top;
    background-size: cover;
    padding: 36px 20px 10px;
    margin: 0 0 50px;
  }
  #covid h2 {
    font-size: 2.2rem;
    margin: 0 0 24px;
  }
  #covid ul {
    max-width: 1100px;
    margin: 0 auto;
    display: block;
  }
  #covid ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    width: auto;
    margin-bottom: 20px;
    font-size: 1.8rem;
    line-height: 1.5;
  }
  #covid ul li img {
    width: 120px;
  }
  #covid ul li p {
    flex: 1;
    margin: 0 0 0 20px;
    text-align: left;
  }
  #covid ul li p br {
    display: none;
  }
  #cocoa {
    margin: 0 20px 50px;
    padding: 20px 20px;
    border: solid 2px #fff;
    border-radius: 6px;
  }
  #cocoa h2 {
    font-size: 2.2rem;
    margin: 0 0 20px;
  }
  #singlepage #cocoa h2 {
    padding: 20px 40px 0;
    margin: 0 0 10px;
  }
  #cocoa h2 br {
    display: none;
  }
  #singlepage #cocoa .message {
    padding: 0 20px;
  }
  #cocoa ul {
    margin: 40px auto 0;
    display: block;
  }
  #cocoa ul li {
    margin: 20px 0 0;
  }
  #sns {
    max-width: 1100px;
    margin: 0 20px 50px;
    display: block;
    padding-top:60px;
  }
  #sns .topic {
    width: auto;
    text-align: center;
  }
  #sns .topic.ig {
    margin-bottom: 40px;
  }
  #sns .topic h2,
  .top-belt .content h2.din{
    margin: 0 0 28px;
    padding: 0;
    width: calc(100% - 40px);
  }
  #sns .topic h2{
    width:100%;
  }
  #sns .topic h2:after {
    display: block;
    content: "";
  }
#sns .ig-inner,
#sns .fb_iframe_widget{
  height:60vw;
  overflow:hidden;
}

  .contact {
    background: #000;
    padding: 40px 20px;
  }
  .contact h2 {
    font-size: 4.2rem;
    color: #02436e;
    margin: 0 0 28px;
  }
  .contact p {
    font-size: 1.6rem;
    line-height: 1.8;
    margin-top: 10px;
  }
  .contact .small {
    font-size: 1.2rem;
  }
  .contact .tel {
    font-size: 2.2rem;
  }
  .tail {
    padding: 0 0 28px;
  }
  .tail #pagetop {
    text-align: center;
    padding: 28px 0 24px;
  }
  .tail ul.sns {
    display: flex;
    justify-content: center;
    padding: 20px 0;
  }
  .tail ul.sns li {
    font-size: 3rem;
    margin: 0 20px;
  }
  .tail .copy {
    font-size: 1.2rem;
  }
  .fb-wrap {
    width: 100%;
    text-align: center !important;
    margin: 0 auto !important;
  }
  .fb-page {
    text-align: center !important;
    margin: 0 auto !important;
  }
  .fb_iframe_widget_fluid {
    display: block !important;
  }

  /*forest */
  #forest {
    padding: 0 20px;
    margin-top: 50px;
  }
  #forest h1 {
    font-size: 2.7rem;
  }
  #forest p {
    font-size: 1.6rem;
  }
  #highlight {
  margin-top: 50px;
}
  .hikarijiman {
    padding: 40px 20px;
  }
  .hikarijiman ul {
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 20px;
  }
  .hikarijiman h2 {
    font-size: 2rem;
  }
  .hikarijiman h4 {
    padding: 15px 0 10px;
  }
  
  #wrapper > div.hikarijiman > p:nth-child(1) {
    font-size: 1.6rem;
  }
  #wrapper > div.hikarijiman > p:nth-child(2) {
    font-size: 1.6rem;
  }
  .ttl3 {
    /*font-size: 2rem;*/
  }
  .loveletter {
    padding: 50px 20px 0;
  }
  .love-box {
    display: block;
    margin-top: 30px;
  }
  .love-photo {
    width: calc(100% - 50px);
  }
  .love-photo .photo {
    margin: 0 auto;
  }
  .love-info {
    width: 100%;
    padding-left: 0;
    margin-top: 80px;
  }
  .loveletter .access-map {
    margin-top: 50px;
  }
  .loveletter .button-group {
    margin-top: 50px;
  }
  /* forest */

  /* gourmet-map */


  .gourmet__nightstore {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 0.5fr 1fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr;
    gap: 20px;
    grid-auto-flow: row;
    grid-template-areas:
      "top1 top2"
      "top3 top3"
      "middle1 middle2"
      "bottom1 bottom1"
      "bottom2 bottom2"
      "bottom3 bottom3"
      "bottom4 bottom4"
      "bottom5 bottom5"
      "bottom6 bottom6"
      "bottom7 bottom7"
      "bottom8 bottom8";
  }

  .top1 {
    grid-area: top1;
  }

  .top2 {
    grid-area: top2;
  }

  .top3 {
    grid-area: top3;
  }

  .middle1 {
    grid-area: middle1;
  }

  .middle2 {
    grid-area: middle2;
  }

  .bottom1 {
    grid-area: bottom1;
  }

  .bottom2 {
    grid-area: bottom2;
  }

  .bottom3 {
    grid-area: bottom3;
  }

  .bottom4 {
    grid-area: bottom4;
  }

  .bottom5 {
    grid-area: bottom5;
  }

  .bottom6 {
    grid-area: bottom6;
  }

  .bottom7 {
    grid-area: bottom7;
  }

  .bottom8 {
    grid-area: bottom8;
  }

  .gourmet__nightstore__wrapper {
    padding: 50px 20px;
    margin-top: 50px;
  }
  .gourmet__nightstore {
    padding: 0;
  }
  .gourmet__nightstore .text-box {
    margin-top: 0;
    background-image: url(../images/gourmet-map/top3-bg.jpg);
    background-size: cover;
    padding: 20px;
  }
  div.gourmet__wrapper .text-box2 {
    font-size: 2rem;
    height: 100%;
  }
  .gourmet__nightstore:after {
    background: none;
  }
  .gourmet__coupon__wrapper {
    padding: 0;
  }
  .gourmet__coupon {
    padding: 0 10px 10px;
    margin-top: 50px;
  }
  .gourmet__coupon h2 {
    font-size: 2rem;
  }
  .gourmet__head h2:before {
    top: -15px;
    left: 0;
    height: 50px;
    transform:rotate(-15deg);
  }
  .gourmet__head h2::after {
    top: -15px;
    right: 0;
    height: 50px;
    transform:rotate(15deg);
  }
  .gourmet__coupon > p:first-of-type {
    margin-top: 30px;
  }
  .gourmet__coupon__box1 {
    flex-direction: column;
    width: 100%;
    gap: 30px;
  }
  .coupon__title {
    width: 100%;
  }
  .gourmet__coupon__box2 {
    margin-top: 30px;
  }
  .gourmet__coupon__box2__inner {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  .price__box {
    flex-direction: column;
  }
  .price__old {
    width: 100%;
  }
  .price__box img {
    transform: rotate(90deg);
    margin: 13px;
  }
  .price__box span {
    font-size: 5rem;
  }
  .caution__box {
    margin-top: 30px;
  }
  div.gourmet__coupon > div.caution__box > p:nth-child(2) {
    margin-top: 20px;
  }
  div.gourmet__coupon > div.caution__box > p:nth-child(11) {
    margin-top: 20px;
  }
  /* gourmet-map */

  /* art */
  .art__wrapper .ttl2 {
    margin-top: 80px;
    margin-bottom: 30px;
    font-size: 2rem;
  }
  .art-topic__title h3{
    font-size: 2rem;
  }
  .art-topic__wrapper {
    margin-top: 40px;
  }
  .jc-content {
    justify-content: center;
    margin: 0;
  }
  .art-topic__box__inner {
    display: block;
    margin-top: 20px;
  }
  .art-topic__photo,
  .art-topic__text {
    width: 100%;
  }
  .art-topic__photo{ text-align:center;margin-bottom:20px; }
  .art-topic__photo img{ width:auto; }
  .artist__box  {
    display:block
  }
  .artist__box img {
    margin: 0 auto 10px;
    display:block;
  }
  .art-topic__text dl {
    justify-content: center;
    display: block;
  }
  .art-topic__text dl dt {
    width: auto;
    text-align: left;
  }
  .art-topic__text dl dd {
    flex: none;
    padding-left: 1em;
    padding-right: 1em;
  }
  .art-topic__text p {
    font-size: 1.4rem;
    text-align: left;
  }
  .artist__box > div > p:first-of-type {
    text-align:center;
  }
  .map__button {
    text-align: center;
  }
  .map__button a {
    display: block;
  }
  
  #wrapper > div.art__wrapper > div.art-topic__wrapper > div:nth-child(2n) > div.art-topic__box__inner{
    flex-direction: column;
  }
  #wrapper > div.art__wrapper > div.art-topic__wrapper > div:nth-child(2n) > div.art-topic__title.jc-content h3{
    margin-right: 0;
    }
  .art-topic__title {
    position: relative;
  }
  .art-topic__title .din{
    position: absolute;
    z-index: -1;
    opacity: 0.5;
    left: 0;
    top: -30px;
  }
  .jc-content h3 {
    margin: 0;
    padding: 0;
  }
  .time-sub {
    padding-left: 10rem;
  }
  .art-topic__text  p{
  font-size: 1.6rem;
  margin-left: 0;
}
#art-page {
    padding: 0;
}
.art__wrapper {
    width: auto;
    margin: 0 20px;
}
  /* art */

/* blog */
.blogpage #wrapper {
  background-image: url(../images/blog/wrapper-bg.jpg);
}
.blogbody{
  padding: 50px 0 0;
}
.blogbody>.fbox{
  display: block;
	margin: 30px 20px 60px;
	width: auto;
}
.blogbody>.fbox .content,
.blogbody>.fbox .sidebar{
  width: auto;
}
.blogbody>.fbox .sidebar{
  margin-top: 60px;
}
.blogbody>.fbox .content .message .ttl2{
	padding: 20px;
	margin: 0 -20px 30px;
}
.blogbody>.fbox .content article .cat a{
display: block;
width: auto;
	margin:0 0 10px 0;
}

.blogbody>.fbox .sidebar .art{
  display: flex;
	justify-content: space-between;
}
.blogbody>.fbox .sidebar .art li{
  display: block;
	width: 31%;
	margin-top: 20px;
}
.blogbody>.fbox .sidebar .art li img{
  width: 100%;
	margin: 0 0 10px;
}
/* / blog */

/* gourmet-map */
.gourmet__wrapper .nav {
  line-height: 1.5;
  letter-spacing: 5.4px;
  margin: 40px 20px 25px;
	justify-content: space-between;
	flex-wrap: wrap;
}
.gourmet__wrapper .nav li{
  width: 48%;
  margin: 0 0 15px;
	position: relative;
	border:solid 1px #fff;
	padding: 5px 0;
	border-radius: 5px;
}
.gourmet__wrapper .nav li:not(:last-child):after{
  content:none;
}
.gourmet__wrapper .topic{
  margin: 60px 20px 0;
}
.gourmet__wrapper .topic p {
  font-size: 1.6rem;
}
.gsbox{
  display: block !important;
}
.gsbox dl{
  max-width: 330px;
  width: 100%;
  margin: 40px auto 0;
  display:block;
}
.gsbox dl:first-child{
  margin-top: 20px;
}
.gsbox dl dt{
  width: auto;
}
.gsbox dl dd{
  margin-top:15px;
  width: auto;
  text-align: center;
  line-height: 1.5;
}
.gsbox dl dd .name {
  margin: 5px 0 0px;
}
.gsbox dl dd .btime,
.gsbox dl dd .hol,
.gsbox dl dd .tel{
  text-align:left;
  padding-left:6.5em;
  position:relative;
}
.gsbox dl dd .btime:before,
.gsbox dl dd .hol:before,
.gsbox dl dd .tel:before{
  position: absolute;
  left: 0;
}


.gsbox dl dd .extra{
	padding: 5px;
}
.decobox {
  margin-left:20px;
  margin-right:20px;
  padding: 15px 20px;
}
.form-b{
  margin: 0 20px 40px;
}
.form-b dl{
  display: block;
	padding: 20px;
}
.form-b dl dt{
    width: auto;
    padding: 0 10px;
		text-align: left;
}
.form-b dl dt .must+span{
  padding-left: 50px;
  display: inline-block;
}
.form-b dl dd{
  flex:1;
  padding: 0 10px;
  margin: 10px 0;
}
.form-b input[type="submit"]{
    min-width: 1px;
  margin-top: 20px;
}

/* ticket */
.ttl4 {
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#fee>p br{
  display: none;
}
.mainbox {
  padding: 50px 0 0;
}
.gourmet__coupon .topic {
  padding: 30px 10px;
  margin-top: 40px;
}
#fee .fbox {
  display: block;
}
#fee .detail {
  width: auto;
  margin-top: 30px;
}
.gourmet__head{
  margin-top: -15px;
	margin-bottom: 0;
}
.gourmet__coupon h2 {
  letter-spacing: 3px;
  background: #011c2e;
	padding: 0 15px;
}
.gourmet__coupon .topic table {
  margin-top: 10px;
  font-size: 1.3rem;
}
#fee .detail.detail-full.sample p {
  margin: 0 0 30px;
}
#fee .detail.detail-full .list-p{
  font-size: 1.4rem;
	line-height: 1.5;
}

#gourmet-map-page .mainbox{
  padding-top: 0;
}




}
/*▲スマホ対応*/

.period dl{
  display:flex;
  justify-content: space-between;
  width:520px;
  margin:0 auto;
}
.period dl+dl{
  margin-top:20px;
}
.period dl dt{
  text-align:right;
  width: 11em;
}
.period dl dd{
  text-align:right;
}
.period p{
  font-size:17px;
  line-height:1.33;
  margin:30px 0 0;
}
@media screen and (max-width: 768px) {
.period dl{
  display:block;
  width:auto;
}
.period dl dt{
  text-align:center;
  width: auto;
  font-size: 2.4rem;
  margin:0 0 5px;
}
.period dl dd{
  text-align:center;
}
.period p{
  font-size:1.2em;
}
}

table#freepass th:first-child{
  width: 20%;
}
table#freepass td p+p{
  margin-top: 1em;
}

/*22.11.02*/
#art-page .gourmet__wrapper{
  margin:min(12.5vw,100px) 0 min(10vw,80px);
}
#stores{
  margin-bottom: 0;
}
#emap{
  margin-bottom: 40px;
}
#pamph.art-ttl.ttl4{
  padding: 0 0 15px;
}
@media screen and (max-width: 768px){
#art-page .top-belt li{
  margin: 0 20px;
}
#art-page .top-belt li+li{
  margin-top:40px;
}
}

/*2024.01.04*/
#info_2023.decobox {
  margin-top: 80px;
}
#info_2023.decobox .ttl {
  margin-bottom: 0;
}
#art-page #info_2023.decobox {
  border: solid 1px #000;
}
#art-page #info_2023.decobox {
  margin-bottom: 80px;
}

@media screen and (max-width: 768px){
#info_2023.decobox {
  margin-top: 20px;
}
#toppage #info_2023.decobox {
  margin-top: 72px;
}
#art-page #info_2023.decobox {
  margin-top: 0;
  margin-bottom: 20px;
}
}


#fee-page .padding-10 {
  padding: 0 10px;
}
#fee-page .fee__link-list {
  margin-top: 60px;
  max-width: 427px;
  margin-right: auto;
  margin-left: auto;
}
#fee-page .fee__link-list li {
  margin-top: 5px;
  display: flex;
  align-items: center;
}
#fee-page .fee__link-list a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 2.2rem;
}
@media (max-width: 47.98875em) {
#fee-page .fee__link-list a {
  font-size: 2rem;
  padding:0 10px;
}
}
#fee-page .fee__link-list .icon:after {
  font-family: 'Font Awesome 5 Free';
  content: '\f105';
  font-weight: 900;
  margin-right: 5px;
  margin-left: 5px;
  color: #011c2e;
  background: #fff;
  border-radius: 12px;
  display: inline-block;
  width: 24px;
  line-height: 24px;
  box-sizing: border-box;
  
}
#fee-page .fee__link-list .img__link {
  margin-top: 20px;
}
#fee-page .center__text {
  text-align: center;
}
#fee-page .ticket__link {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  gap: 30px;
  margin-top: 50px;
}
#fee-page .bottom__text {
  margin-top: 10px;
}
#fee-page .gourmet__text-01 {
  margin-top: 30px;
}
#fee-page .gourmet__head-01 {
  margin-top: 60px;
}
#fee-page .gourmet__text-03 {
  text-align: center;
}
#fee-page .gourmet__button-list {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(3, minmax(10%, 245px));
  justify-content: space-between;
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 40px;
  gap: 10px;
}
#fee-page .gourmet__button-list .btn1 {
  width: auto;
}
#fee-page .gourmet__button-list .btn1 a {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.2;
  text-align: center;
  width: 100%;
  height: 86px;
  font-size: 1.7rem;
}
#fee-page .gourmet__button-list .btn1 a:after {
  display: flex;
  justify-content: center;
  align-items: center;
}
#fee-page .bottom__button a {
  padding-right: 30px;
  padding-left: 30px;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  font-size: 2rem;
}
#fee-page .tiket__wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (hover: none) {
  #fee-page .fee__link-list a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #fee-page .fee__link-list a:active {
    opacity: 0.5;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  #fee-page .fee__link-list a:hover {
    opacity: 0.5;
  }
}
@media (max-width: 47.98875em) {
  #fee-page .ticket__link {
    gap: 10px;
  }
  #fee-page .gourmet__button-list {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  #fee-page .bottom__text {
    margin-top: 30px;
    margin-bottom: 50px;
  }
}
.u-anchor-link {
  scroll-margin-top: 70px;
}
.u-br,
.u-br-none-sm {
  display: inline-block;
}
.u-br-block-sm {
  display: inline;
}
.u-br-none-md {
  display: inline-block;
}
.u-br-block-md {
  display: inline;
}
.u-br-none-lg {
  display: inline-block;
}
.u-br-block-lg {
  display: inline;
}
.u-inner {
  max-width: 1000px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.u-vw-padding {
  padding-right: 15px;
  padding-left: 15px;
}
.u-vw-padding-left {
  padding-left: 15px;
}
.u-vw-padding-right {
  padding-right: 15px;
}
.u-vw-margin {
  margin-right: 15px;
  margin-left: 15px;
}
.u-vw-margin-left {
  margin-left: 15px;
}
.u-vw-margin-right {
  margin-right: 15px;
}
.u-padding-pc {
  padding-left: 30px;
  padding-right: 30px;
}
.u-padding-sp {
  padding-left: 15px;
  padding-right: 15px;
}
.u-full-width-left {
  margin-left: calc(50% + var(--scrollbar) / 2 - 50vw);
}
.u-full-width-right {
  margin-right: calc(50% + var(--scrollbar) / 2 - 50vw);
}
.u-full-width {
  width: calc(100vw - var(--scrollbar));
  position: relative;
  left: calc(50% + var(--scrollbar) / 2);
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.u-visuallyHidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
@media screen and (min-width: 576px) {
  .u-anchor-link {
    scroll-margin-top: calc(11.7924528302vw + 2.0754716981px);
  }
  .u-vw-padding {
    padding-right: calc(3.5377358491vw + -5.3773584906px);
  }
  .u-vw-padding,
  .u-vw-padding-left {
    padding-left: calc(3.5377358491vw + -5.3773584906px);
  }
  .u-vw-padding-right {
    padding-right: calc(3.5377358491vw + -5.3773584906px);
  }
  .u-vw-margin {
    margin-right: calc(3.5377358491vw + -5.3773584906px);
  }
  .u-vw-margin,
  .u-vw-margin-left {
    margin-left: calc(3.5377358491vw + -5.3773584906px);
  }
  .u-vw-margin-right {
    margin-right: calc(3.5377358491vw + -5.3773584906px);
  }
}
@media screen and (min-width: 1000px) {
  .u-anchor-link {
    scroll-margin-top: 120px;
  }
  .u-vw-padding {
    padding-right: 30px;
  }
  .u-vw-padding,
  .u-vw-padding-left {
    padding-left: 30px;
  }
  .u-vw-padding-right {
    padding-right: 30px;
  }
  .u-vw-margin {
    margin-right: 30px;
  }
  .u-vw-margin,
  .u-vw-margin-left {
    margin-left: 30px;
  }
  .u-vw-margin-right {
    margin-right: 30px;
  }
}
@media (max-width: 35.99em) {
  .u-br-none-sm {
    display: inline;
  }
  .u-br-block-sm {
    display: inline-block;
  }
  .u-sm-none {
    display: none !important;
  }
}
@media (max-width: 47.98875em) {
  .u-br-none-md {
    display: inline;
  }
  .u-br-block-md {
    display: inline-block;
  }
  .u-md-none {
    display: none !important;
  }
	#header .period dl {
  display: flex;
	flex-direction:column;
  align-items: center;
}
}
@media (max-width: 61.99em) {
  .u-br-none-lg {
    display: inline;
  }
  .u-br-block-lg {
    display: inline-block;
  }
  .u-lg-none {
    display: none !important;
  }
}
@media (min-width: 36em) {
  .u-sm-block {
    display: none !important;
  }
}
@media (min-width: 47.99875em) {
  .u-md-block {
    display: none !important;
  }
}
@media (min-width: 62em) {
  .u-lg-block {
    display: none !important;
  }
}
#wrapper {
  background-image: none;
}
#toppage #header {
  background-image: url(../images/2024/wrapper-bg2024.jpg);
  padding-bottom: 130px !important;
}
#header {
  max-width: 1400px;
  background-size: cover;
  margin-right: auto;
  margin-left: auto;
}
#header .period dl {
  display: flex;
  align-items: center;
}
#forestpage #wrapper {
  background-image: url(../images/forest/wrapper-bg2024.png);
}
#forestpage .hikarijiman {
  padding-bottom: 190px;
}
#forestpage .hikarijiman .loveletter {
  padding-top: 97px;
}
#forestpage .hikarijiman .loveletter h2.max-width {
  max-width: fit-content;
}
#forestpage .hikarijiman .loveletter .photo img {
  position: relative;
  z-index: 2;
}
#forestpage .hikarijiman .loveletter .photo:after {
  z-index: 1;
}
#forestpage .hikarijiman .loveletter .box {
  margin-top: 120px;
}
#forestpage .hikarijiman .love-box {
  margin-top: 50px;
}
#forestpage .hikarijiman__head {
  margin-top: 36px;
}
#forestpage .hikarijiman__head2 {
  margin-top: 70px;
}
#forestpage .loveletter.project {
  background-color: #0e2b4b;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 100px;
}
#forestpage .loveletter.project .photo img {
  position: relative;
  z-index: 2;
}
#forestpage .loveletter.project .photo:after {
  z-index: 1;
}
#forestpage .loveletter.project .box {
  margin-top: 100px;
}
#forestpage .loveletter.project .box .button-group {
  margin: 0;
}
#forestpage .loveletter.project .box a {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.5;
}
#forestpage .form-b {
  margin: 0;
}
#forestpage .privacy {
  max-width: 1110px;
  margin: 100px auto 0;
}
#forestpage .bottom__button a {
  width: fit-content;
  padding-right: 30px;
  padding-left: 30px;
  height: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  font-size: 2rem;
}
#forestpage .bottom__text {
  margin-top: 60px;
  margin-bottom: 100px;
}
#forestpage .oubo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
}
#forestpage .oubo img {
  width: 14.65px;
  height: 18px;
}
@media (max-width: 47.98875em) {
  #forestpage .hikarijiman {
    padding-bottom: 60px;
  }
  #forestpage .hikarijiman .loveletter {
    padding: 60px 0 0;
  }
  #forestpage .hikarijiman .loveletter h2.max-width {
    max-width: 100%;
  }
  #forestpage .hikarijiman__head {
    margin: 36px 0 0;
  }
  #forestpage .loveletter.project {
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: 60px;
  }
  #forestpage .loveletter.project .box {
    margin-top: 60px;
  }
  #forestpage .bottom__text {
    margin-top: 30px;
    margin-bottom: 50px;
  }
}
#gourmet-map-page .gourmet__text-01 {
  margin-top: 30px;
}
#gourmet-map-page .gourmet__head-01 {
  margin-top: 60px;
}
#gourmet-map-page .gourmet__text-03 {
  text-align: center;
}
#gourmet-map-page .gourmet__button-list {
  margin-top: 60px;
  display: grid;
  grid-template-columns: repeat(3, minmax(10%, 245px));
  justify-content: space-between;
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 40px;
  gap: 10px;
}
#gourmet-map-page .gourmet__button-list .btn1 {
  width: auto;
}
#gourmet-map-page .gourmet__button-list .btn1 a {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.2;
  text-align: center;
  width: 100%;
  height: 86px;
  font-size: 1.7rem;
}
#gourmet-map-page .gourmet__button-list .btn1 a:after {
  display: flex;
  justify-content: center;
  align-items: center;
}
#gourmet-map-page .bottom__button a {
  width: 100%;
  max-width: 385px;
  padding-right: 30px;
  padding-left: 30px;
  margin-top: 100px;
  height: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  font-size: 2rem;
}
#gourmet-map-page .bottom__text {
  margin-top: 60px;
  margin-bottom: 100px;
}
#gourmet-map-page .access-map {
  padding-bottom: 0;
}
@media (max-width: 47.98875em) {
  #gourmet-map-page .gourmet__button-list 
	{
    grid-template-columns: 1fr;
    gap: 20px;
	}
  #gourmet-map-page .bottom__text {
    margin-top: 30px;
    margin-bottom: 50px;
  }
}
.modal__overlay {
  z-index: 500;
}
header {
  z-index: 10;
}
.header-drawer__button {
  z-index: 400;
}
.c-hamburger-nav {
  z-index: 30;
}
#sns {
  margin-top: 80px;
}
#information .din.ttl1 {
  margin: 0;
}
#highlight-list ul {
  flex-wrap: initial;
  gap: 9.9099099099%;
}
#highlight-list ul li {
  width: 100%;
  margin: 0;
}
#highlight-list ul li a {
  width: 100%;
  display: block;
}
#highlight-list ul li a img {
  width: 100%;
}
.top-info__head {
  margin-top: 50px;
  font-size: 2.7rem;
}
.top-info-btn__group {
  display: grid;
  grid-template-columns: repeat(2, minmax(10%, 385px));
  justify-content: center;
  gap: 5.7142857143%;
}
.top-info-btn__group .btn1 {
  margin-top: 30px;
}
.top-info-btn__group .btn1 a {
  width: 100%;
  font-size: 2.2rem;
  height: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
@media (max-width: 47.98875em) {
  .top-info__head {
    font-size: 1.7rem;
  }
  .top-info-btn__group {
    grid-template-columns: repeat(1, minmax(10%, 385px));
  }
}

#webticket_Precautions{
	margin-bottom: 80px;
}

.paperticket_Precautions{
	margin-top: 30px;
}

[src*="pdf-icon2024.png"] {
	vertical-align: middle;
	margin-top: -4px;
}

.nyujyoriyou{
   letter-spacing: 0.5px;
}



/*2025.08.26*/
#fee-page .topic {
	margin-bottom: 30px;
}

#gourmet-map-page .topic {
	margin-bottom: 30px;
}

.ttl_osusume{
  font-size: 1.8rem;
  border-radius: 5px;
  border: solid 1px #fff;
  min-width: 220px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  line-height: 1.67;
	margin-bottom: 15px;
	background-color: #0F2F53;
	color: #FFFFFF;
	
}

#fee-page .ttl_osusume {
	margin-top: 30px;
}

#fee-page .fee__osusume-list {
  margin-top: 30px;
  max-width: 427px;
  margin-right: auto;
  margin-left: auto;
}
#fee-page .fee__osusume-list li {
  margin-top: 5px;
  display: flex;
  align-items: center;
font-size: 18px;	
}


@media (max-width: 47.98875em) {
	#fee-page .ttl4{
		margin-top: 40px;
	}
}
	
@media (max-width: 47.98875em) {
#fee-page .fee__osusume-list li {
  margin-top: 5px;
  display: flex;
  align-items: center;
	font-size: 16px; 
	}
	}

@media (max-width: 47.98875em) {
	#fee-page .detail-full {
		margin-bottom: 30px;
	}
}



#gourmet-map-page .ttl_osusume {
	margin-top: 30px;
}

#gourmet-map-page .fee__osusume-list {
  margin-top: 30px;
  max-width: 427px;
  margin-right: auto;
  margin-left: auto;
}
#gourmet-map-page .fee__osusume-list li {
  margin-top: 5px;
  display: flex;
  align-items: center;
font-size: 18px;	
}
	
@media (max-width: 47.98875em) {
#gourmet-map-page .ttl4{
		margin-top: 40px;
	}
	}
	
@media (max-width: 47.98875em) {
#gourmet-map-page .fee__osusume-list li {
  margin-top: 5px;
  display: flex;
  align-items: center;
	font-size: 16px; 
	}
	}

@media (max-width: 47.98875em){
#gourmet-map-page .gourmet__button-list {
		text-align: center;
		}	
	}

@media (max-width: 47.98875em) {
#gourmet-map-page .detail-full {
		margin-bottom: 30px;
	}
}

@media (max-width: 47.98875em) {
#access .topic3 {
		margin-top: 30px;
	margin-bottom: 50px;
	}
}


#access .inner .topic1 {
  width: 48%;
}
#access .inner .topic2 {
  width: 48%;
}



#access .inner .topic1 .taxi{
	margin-top: 30px;
}

@media (max-width: 47.98875em) {
  #access .inner .topic1 {
    width: auto;
  }
}

@media (max-width: 47.98875em) {
  #access .inner .topic2 {
    width: auto;
  }
}
/*↑フレックス横並びをSP版で解除*/