@charset "UTF-8";
/* Body */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
}

html{}

body {
	font-family: 'Noto Sans JP', "YuGothic" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	margin: 0;
	font-size:14px;
	color: #000;
}

body .serif {
	font-family:  "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

h1{
	font-size:2rem;
	text-align: center;
}



p{

}

a{
	text-decoration: none;
	color: #505050;
}

a.fade{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}
a.fade:hover{opacity: 0.7;}

.clear{
	content:"";display:block;clear:both
}

.bold{
	font-weight: bold;
}

.red{
	color: #ff0000;
}

.pc-block{
	display: block;
}

.sp-block{
	display: none;
}

.shadow{filter:drop-shadow(0 3px 5px rgba(0,0,0,0.2));}

/* Container */
.container {
  	width: 100%;
    position: relative;
    /*background: url(../img/outer-bg.png)no-repeat;
    background-size: cover;
    background-position: center top;
    background: #80cca1;
    background-size:100vw 100vh;
    background-attachment: fixed;*/
}

.container img{max-width: 100%;}

.container.page-yoyaku{}

.container p{}

/* 背景動画のベース（デフォルトは非表示にしておく） */
.video-bg {display: none;}

/* PC・タブレットのみ有効（例：幅501px以上） */
@media (min-width: 501px) {
  .video-bg {display: block;position: fixed;inset: 0;z-index: 1;overflow: hidden;pointer-events: none;}
  .video-bg:after{position: absolute;display: block;content: "";width: 100%;height: 100%;top:0;left: 0;background: #121129;opacity: 0.4;}
  .video-bg__inner {position: absolute;top: 50%;left: 50%;width: 100vw;height: 56.25vw; /* 16:9 = 9/16 = 0.5625 */transform: translate(-50%, -50%);}
  .video-bg iframe {width: 100%;height: 100%;border: 0;display: block;opacity: 0;transition: opacity .6s ease;}

  /* 画面が縦長の場合（高さ > 幅 × 9/16） → 高さ基準で拡大 */
  @media (min-aspect-ratio: 16/9) {
    .video-bg__inner {width: 100vw;height: 56.25vw;}
  }

  @media (max-aspect-ratio: 16/9) {
    .video-bg__inner {height: 100vh;width: calc(100vh * 16 / 9);}
  }
}


/* Header */
header {position: fixed;width: 100%;height: 70px;z-index: 999;}

.head_contents	{/*width: 960px;*/margin:0 0 0 5%;}
.head_contents h1{font-size: 0.8rem;color: #ffffff;text-align: left;padding-left: 5px;}
.head_contents:after{content:"";display:block;clear:both}
.head_logo {float:left;}
.head_logo img{height: 60px;margin-top: 10px;margin-left: 10px;}
.head_logo a {text-decoration: none;}

#head_menu	{float:right;width:auto;height: 70px;}
#head_menu ul	{display: flex;align-items: center;height: 100%;}
#head_menu li{list-style: none;height: 100%;}
#head_menu li a{font-size:1rem;letter-spacing: 0.1rem;padding:0 30px;color:#000;text-decoration:none;font-weight: bold;display: flex;align-items: center;height: 100%;}
#head_menu li.head-reserve a{background: #013461;color: #fff;}
#head_menu li.head-reserve.kobetsu a{background: #fff;color: #013461;border:1px solid;}
#head_menu li.reserve-event a{background: #FF885C;color: #fff;}
#head_menu li a:hover	{background-color:#bbbbbb;color: #ffffff;transition: 0.5s;}

/*footer設定*/
footer {background:#52438d;color: #fff;padding: 30px 0;}
footer .f-links {display: flex;flex-wrap: wrap;justify-content: center;}
footer .f-links li {margin: 15px;list-style: none;}
footer .f-links li a {color: #fff;font-size: 1rem;}
footer .f-links li a:hover {text-decoration: underline;}
.copyright {text-align: center;}

/* pagetop button */
#pageTop {position: fixed;bottom: 20px;right: 75px;z-index: 999;}
#pageTop img {width: 60px;}
#pageTop a:hover {text-decoration: none;opacity: 0.7;}

#fixed-btn {position: fixed;bottom: 80px;right: 40px;z-index: 999;}
#fixed-btn a {display: block;margin: 10px auto;}
#fixed-btn a:hover {text-decoration: none;opacity: 0.7;}
#fixed-btn a img {width: 135px;}



/*下層ページヘッダー*/
/*標準ボタン*/
.btn-basic{text-align: center;}
.btn-basic a{display: inline-block;padding: 10px 50px;background: #fff;color: #000;border-radius: 30px;}
.btn-basic a:hover{background-color:#ddd;transition: 0.2s;}

.btn_green {text-align: center;margin: 30px auto;position: relative;}
.btn_green a{display: inline-block;color: #fff;font-weight: bold;padding: 15px 25px;background:#009944;border-radius: 30px;width: 250px;text-align: center;font-size: 1rem;}
.btn_green a:hover{background: #777;}

/*予約ボタン*/
.entry-btn{margin: 50px auto;}
.entry-btn a{background: #fff;color: #000;display: flex;align-items: center;justify-content: space-between;max-width: 96%;margin: auto;padding: 20px 40px;border-radius: 80px;}
.entry-btn a .icon{margin: 0;}
.entry-btn a .icon img{height: 2rem;}
.entry-btn a .text{font-size: 1.1rem;font-weight: bold;margin: 0;text-align: left!important;}
.entry-btn a:hover{background-color:#ddd;transition: 0.2s;}
.entry-btn .attention{margin: 5px auto;}

#fixed-entry{background: #002B51;color: #fff;text-align: center;padding: 1px 0;position: fixed;bottom: 0;left: 0;right:0;width: 100%;max-width: 500px;margin: auto;z-index: 10;}
#fixed-entry p{margin: 10px auto;font-size: 1rem;}
#fixed-entry a{background: #fff;color: #002B51;max-width: 96%;width: 250px;margin: 10px auto;padding: 10px;border-radius: 30px;display: block;text-align: center;font-size: 1.1rem;font-weight: bold;}
#fixed-entry a p{margin: 0;}

/*main contents*/
/*共通設定*/
.contents{
	margin: 30px;
}

.contents h2{font-size:2rem;font-weight: 900;margin: 30px auto;color: #52438d;}
.contents h3{font-size:1.6rem;font-weight: 900;margin: 15px auto;color: #52438d;}
.contents h4{font-size:1.2rem;font-weight: 700;margin: 15px auto;}
.contents p{font-size: 1rem;line-height: 1.8rem;margin: 15px auto;}
.contents img{max-width: 100%;vertical-align: middle;}
.contents h2.line span{display: inline-block;position: relative;}
.contents h2.line span:before{position: absolute;bottom:0;left: -3rem;display: block;content:"";width: 3rem;height: 3rem;background: url(../img/line-l.svg)no-repeat;background-size: auto 100%;background-position: center;}
.contents h2.line span:after{position: absolute;bottom:0;right: -3rem;display: block;content:"";width: 3rem;height: 3rem;background: url(../img/line-r.svg)no-repeat;background-size: auto 100%;background-position: center;}

/*.ribbon {display: block;width: 90%;position: relative;height: 50px;line-height: 50px;text-align: center;padding: 0 30px;background: #009944;color: #FFF;box-sizing: border-box;}
.ribbon:before, .ribbon:after {position: absolute;content: '';width: 0px;height: 0px;z-index: 1;}
.ribbon:before {top: 0;left: 0;border-width: 25px 0px 25px 15px;border-color: transparent transparent transparent #edf1b0;border-style: solid;}
.ribbon:after {top: 0;right: 0;border-width: 25px 15px 25px 0px;border-color: transparent #edf1b0 transparent transparent;border-style: solid;}*/
h3.ribbon{color: #fff;}
.ribbon {width: 100%;height: 60px;background: #52438d;color: #fff;line-height: 60px;text-align: center;position: relative;padding: 0 30px;box-sizing: border-box;clip-path: polygon(0 0,100% 0,calc(100% - 20px)  50%,100% 100%,0 100%,20px 50% );
}
.ribbon.purple{background: #9156a6;}


.flex-two{display: flex;justify-content: space-between;margin: 30px auto;}
.flex-two .flexitem{width: 48%;list-style: none;}
.flex-two.rev-flex{flex-direction: row-reverse;}

.flex-three{display: flex;justify-content: space-between;margin: 30px auto;}
.flex-three .flexitem{width: 31%;list-style: none;}

/* アコーディオン */
.accordion{margin: 30px auto;}
.ac-header {cursor: pointer;display: flex;justify-content: space-between;align-items: center;padding: 10px 15px;}
.ac-header .arrow{margin: 0;width: 25px;}
.ac-header .arrow img{height: 25px;opacity: 0.8;transition: 0.2s;}

/*.ac-inner {display: none;padding: 10px 15px;}*/
/*.ac-header.active .arrow img{transform: rotate(90deg);transition: 0.2s;}*/
.qa-box summary {cursor: pointer;list-style: none;}
.qa-box summary::-webkit-details-marker {display: none;}
.qa-box .ac-inner {max-height: 0;overflow: hidden;transition: max-height .35s ease;padding: 10px 15px;}
.qa-box[open] .ac-inner {max-height: 1000px; /* 十分大きればOK */}

/* タブ切り替え */
.tabs {display: flex;gap: 8px;}
.tab {padding: 8px 16px;border: 1px solid #ccc;background: #f5f5f5;cursor: pointer;}
.tab a{width: 100%;display: block;margin-top:-8px;margin-left: -16px;padding: 8px 16px;}
.tab.active {background: #333;color: #fff;}
.tabcontents {display: none;}
.tabcontents.show {display: block;}


/* TOPコンテンツ */
.main-section{position: relative;z-index: 3;}
.outer-contents.left{position: fixed;top:50px;right: calc(50vw + 280px);max-height: calc(100vh - 100px);max-width: 450px;width: calc(50% - 300px);overflow-y: scroll;scrollbar-width: none;}
.outer-contents.right{position: fixed;top:100px;left: calc(50vw + 280px);max-height: 100vh;max-width: 450px;width: calc(50% - 300px);overflow-y: scroll;scrollbar-width: none;}

.inner-wrap{position: relative;/*background: #edf1b0;*/max-width: 500px;margin: 0 auto;}

@media (max-width:1200px){
  .main-section{display: block;}
  .outer-contents{display: none;}
  .head_logo{display: none;}
}

/* Outer Contents */
.outer-contents .contents{text-align: center;}
.outer-contents .contents h2{font-size: 1.3rem;margin-top: 0;}
.outer-contents .btn-basic a{background: #003461;color: #fff;font-weight: bold;font-size: 1rem;}

#outer-yoyaku{}
#outer-yoyaku a:hover{opacity: 0.8;}
#outer-links{}
#outer-links ul{}
#outer-links li{list-style: none;font-size: 1.3rem;font-weight: bold;text-align: left;margin: 15px auto;}
#outer-links li a{position: relative;background:#fff;color: #52438d;display: block;padding: 15px 40px 15px 15px;border-radius: 10px;}
#outer-links li a:after{display: block;position: absolute;content: "";width: 25px;height: 25px;background: url(../img/circle-arrow.svg)no-repeat 100%;right: 10px;top:0;bottom:0;margin: auto;}
#outer-links li a:hover{opacity: 0.8;}

.bg-leaf-wrap{padding: 1px;background:linear-gradient(rgba(217,209,230,0.9),rgba(223,233,246,0.9),rgba(255,255,255,0.9),rgba(217,209,230,0.9));background-size: auto 1000px;}
.bg-leaf{background: url(../img/bg-leaf.webp);background-size: 100%;}

#firstview{}
#firstview img{width: 100%;vertical-align: middle;}

#head-search{}
#head-search .title-bg{padding: 5px 1px 0 1px;background:#fff;position: relative;overflow: hidden;}
#head-search .title-bg h2{text-align: center;}
#head-search .title-bg .kazari5{position: absolute;top:0;left: 0;right:0;width: 100%;}
#head-search .title-bg .contents,#head-search .title-bg .tabs{position: relative;z-index: 2;}
#head-search .title-bg .tab {padding: 8px 16px;width: 50%;border: 1px solid #777;background: #fff;cursor: pointer;font-size: 1.2rem;text-align: center;font-weight: 700;border-radius: 15px 15px 0 0;}
#head-search .title-bg #event-tab.tab{border-color: #52438d;color: #8a7cc5;}
#head-search .title-bg #event-tab.tab.active{background: #52438d;color: #fff;}
#head-search .title-bg #exhibition-tab.tab{border-color: #4396ce;color: #cfe3ff;}
#head-search .title-bg #exhibition-tab.tab.active{background: #4396ce;color: #fff;}

#search-main{position: relative;}
#search-main .kazari1{position: absolute;top:20px;right:30px;width: 110px;}
.event-search {padding: 10px 0;background: rgba(232, 222, 255, 0.9);position: relative;}
.event-search h2{text-align: center;}
.event-search .contents{position: relative;z-index: 2;background:url(../img/kazari-search.svg)no-repeat;background-size: 100%;margin:0;}
.event-search .kazari5{position: absolute;top:0;left: 0;right:0;width: 100%;}
.event-search .search-box {margin: 10px auto;}
.event-search .search-box p {font-size: 1.1rem;margin: 10px auto;font-weight: bold;}
.event-search .search-box .input-section{display: flex;flex-direction: column;align-items: center;margin-bottom: 15px;}
.event-search .search-box .input-section .select-area {text-align: center;margin: 10px auto;display: flex;align-items: center;}
.event-search .search-box .input-section .select-date {text-align: center;margin: 10px auto;}
.event-search .search-box .input-section .select-event {text-align: center;margin: 10px auto;display: flex;align-items: center;}
.event-search .search-box .input-section .select-area p,
.event-search .search-box .input-section .select-event p{width: 130px;}
.event-search .search-box .input-section .select-event .category-text{letter-spacing: -0.15rem;}

.select-wrap {position: relative;}
.select-wrap::before,
.select-wrap::after {position: absolute;content: '';pointer-events: none;}
.select-wrap::before {display: inline-block;right: 0;width: 2.5rem;height: 2.5rem;border-radius: 0 10px 10px 0;background-color: #52438d;}
.select-wrap::after {position: absolute;top: 50%;right: 1.4em;transform: translate(50%, -50%) rotate(45deg);width: 6px;height: 6px;border-bottom: 3px solid #fff;border-right: 3px solid #fff;}
.select-wrap select {appearance: none;width: 230px;height: 2.5rem;padding: 0.3rem 10px;border: none;border-radius: 10px;background-color: #ffffff;color: #333;font-size: 1rem;cursor: pointer;margin-left: 10px;}
.select-wrap select:focus {outline: 2px solid #52438d;}
#exhibition-tabcontents .select-wrap::before {background-color: #4396ce;}
#exhibition-tabcontents .select-wrap select:focus {outline: 2px solid #4396ce;}
.category-taiken #exhibition-tabcontents .select-wrap::before{background-color: #FF7E14;}
.category-taiken #exhibition-tabcontents .select-wrap select:focus {outline: 2px solid #FF7E14;}
@media (max-width: 401px) {
.select-wrap select {width: 180px;}
}


.event-search .search-box .btn-section{display: flex;align-items: center;justify-content: center;}
.event-search .search-box .btn-section .btn-search {text-align: center;margin: 15px;}
.event-search .search-box .btn-section .btn-search input {padding: 10px 50px;font-size: 1.2rem;font-weight: bold;border-radius: 15px;background: #52438d;color: #fff;border:none;}
.event-search .search-box .btn-section .btn-search input:hover {background: #aaa;}
.event-search .search-box .btn-section .btn-search input:disabled {background: #b9b9b9;color: #efefef;cursor: not-allowed;opacity: 1;}
.event-search .search-box .btn-section .btn-search input:disabled:hover {background: #b9b9b9;}
.event-search .search-box .btn-section .btn-reset {text-align: center;margin: 15px;}
.event-search .search-box .btn-section .btn-reset input {padding: 15px;font-size: 1.2rem;font-weight: bold;background: none;color: #333;outline: none;border: none;border-bottom: 1px dotted #333;}

/*#exhibition-tabcontents .bg-leaf-wrap{background:rgba(232,242,255,0.9);}*/
#exhibition-tabcontents .event-search {background:rgba(207,227,255,0.9) ;}
#exhibition-tabcontents .event-search .search-box .btn-section .btn-search input {background: #4396ce;}


.naiyou{margin: 50px auto;}
.naiyou h3{font-size: 1.2rem;margin-bottom: 0;}
.naiyou .flexitem p{margin-top: 0;}
.naiyou .time{margin: 0 0;text-align: center;padding: 0;}

#exhibition-naiyou,#event-naiyou{padding-bottom: 50px;}
#exhibition-naiyou .naiyou .ribbon {background-color: #4396ce;}
#exhibition-naiyou .naiyou .ribbon.orange {background-color: #eb9f25;}
/*#exhibition-naiyou .naiyou .ribbon:before {border-color: transparent transparent transparent #e8f2ff;}
#exhibition-naiyou .naiyou .ribbon:after {border-color: transparent #e8f2ff transparent transparent;}*/
#exhibition-naiyou .naiyou .flex-two .flexitem{width: 50%;}

#sec1 .contents{background:#C3DD9F;padding: 5px;}
#sec1 p{text-align: center;}

#sec2{text-align: center;background: rgba(255,255,255,0.9);padding: 30px 0;}
#sec2 h3{color: #52438d;font-size: 1.5rem;}
#sec2 h3 span{display: inline-block;background: linear-gradient(transparent 60%,#fff78c 60%);}
#sec2 p{font-weight: 700;font-size: 1.1rem;line-height: 2rem;margin: 30px auto;}
#sec2 .house-img{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 50px;}
#sec2 .house-img img{width: 48%;margin: 5px auto;}


#event-list {margin: 50px auto;position: relative;}
#event-list .kazari2{position: absolute;top:-90px;left: 10px;height: 90px;z-index: 10;}
#event-list .kazari2 img{height: 100%;}
#event-list .kazari3{position: absolute;bottom:-90px;right: 10px;height: 110px;z-index: 10;}
#event-list .kazari3 img{height: 100%;}
.event-box {background: #fff;list-style: none;}
.event-box .type {background: #52438d;color: #fff;padding: 5px;text-align: center;font-size: 1.3rem;}
.event-box .event-main{padding: 0 15px 15px 15px;}
.event-box .event-image{margin-bottom: 15px;}
.event-box .event-image img{width: 100%;}
.event-box .flex-two {display: flex;justify-content: space-between;}
.event-box .flex-two .left {width: 48%;}
.event-box .flex-two .right {width: 50%;}
.event-box h4.name {font-size: 1.2rem;margin: 0 auto 15px auto;}
.event-box dl {font-size: 1rem;display: flex;flex-wrap: wrap;align-items: flex-start;}
.event-box dl dt {font-weight: bold;width: 100px;background: #003461;color: #fff;padding: 2px 5px;text-align: center;margin-bottom: 10px;}
.event-box dl dd {color: #000;width: calc(100% - 120px);padding: 0 5px;margin-bottom: 10px;}
.event-box .detail .date-wrap {display: inline-block;margin-right: 10px;}
.event-box .icon {text-align: right;margin: 15px auto 5px auto;}
.event-box .icon img {height: 40px;}
.event-box .btn_event {text-align: center;margin: 30px auto;position: relative;}
.event-box .btn_event img{width: 250px;}


#event-area {margin: 50px auto;}
#event-area h2 {display: flex;justify-content: center;align-items: center;margin-bottom: 30px;font-size: 1.7rem}
#event-area h2 .icon {margin-right: 5px;}
#event-area h2 .icon img {height: 50px;}
.area-wrap {margin: 30px auto;font-size: 1.1rem;border-spacing: 15px;}
.area-wrap th,.area-wrap td{display: block;width: 100%;}
.area-wrap th {text-align: left;color: #009944;}
.area-wrap ul {display: flex;flex-wrap: wrap;}
.area-wrap ul li {margin: 5px;list-style: none;box-sizing: border-box;border:1px solid #009944;width: calc(25% - 10px);}
.area-wrap ul li a {background: #fff;color: #333;width: calc(100% - 10px);text-align: center;display: inline-block;padding: 5px;font-weight: bold;}
.area-wrap ul li a.all {background: #009944;color: #fff;}
.area-wrap ul li a:hover {background: #aaa;}


#sec4{background: rgba(223,223,246,0.9);padding: 15px 0;position: relative;}
#sec4:after{display: block;content: "";position: absolute;top:15px;left: 0;right: 0;margin:0;width: 100%;height:100%;background: url(../img/sec4-kazari.svg)no-repeat 100%;background-position: top;}

#sec5{background: rgba(190,223,154,0.9);padding: 30px 0;position: relative;}
#sec5 h2{text-align: center;}
#sec5 .ac-header{}
#sec5 .qa-box{background: #fff;margin: 15px auto;position: relative;}
#sec5 .kazari4{position: absolute;top:40px;left: 30px;height: 90px;}
#sec5 .kazari4 img{height: 100%;}
#sec5 .qa-box h3{font-size: 1rem;margin: 5px 0 0 0;}
#sec5 .qa-box .q-text{display: flex;width: calc(100% - 28px);}
#sec5 .qa-box .q-text:before{display: block;content:"Q.";color:#009944;font-size: 1.3rem;margin-right: 5px;font-weight: 900;}
#sec5 .qa-box .ac-inner p{margin-left: 30px;position: relative;margin: 5px auto 5px 30px;font-weight: 700;}
#sec5 .qa-box .ac-inner p:before{display: block;content:"A.";color:#009944;font-size: 1.3rem;font-weight: 900;position: absolute;top:0;left: -27px;}
#sec5 .lead{text-align: center;font-size: 1rem;font-weight: bold;}

#sec6{background: rgba(255,255,255,0.9);}
#sec6 .inner{margin-top: -20px;}
#sec6 img{vertical-align: middle;}

#sns {text-align: center;background: rgba(223,223,246,0.9);padding:30px 0;}
#sns h2{font-size: 2rem;}
#sns h3{font-weight: 700;}
#sns .sns-wrap {display: flex;justify-content: center;}
#sns .sns-wrap li {margin: 15px auto;list-style: none;}
#sns .sns-wrap li img {height: 50px;}

#event-detail {background: rgba(190,223,154,0.9);padding: 50px 0;}
#event-detail h2 {text-align: center;font-size: 1.5rem;font-weight: normal;margin: 15px auto;color: #111;}
#event-detail p {font-size: 1rem;margin: 15px auto;}

#event-list.area-page{position: relative;}
#event-list.area-page .kazari5{position: absolute;top:-50px;left: 0;right:0;width: 100%;}
.area-title{text-align: center;}
.area-title .area-name {margin: 10px auto;font-size: 2rem;display: inline-block;padding: 10px 50px;background: #fff;border:1px solid;border-radius: 50px;}
.area-title .date {margin: 0 15px;font-size: 1.5rem;display: block;}
.area-title .event-type {margin: 0 15px;font-size: 1.3rem;display: block;}

.naiyou-wrap{display: flex;flex-wrap: wrap;justify-content: space-between;}
.naiyou-wrap .naiyou{width: 48%;margin: 15px auto;}
.naiyou-wrap .naiyou .ribbon {width: 100%;height: 70px;line-height: 25px;padding: 0 30px;display: flex;align-items: center;justify-content: center;font-size: 1.1rem;}
.naiyou-wrap .naiyou .ribbon:before {top: 0;left: 0;border-width: 35px 0px 35px 15px;border-color: transparent transparent transparent #edf1b0;border-style: solid;}
.naiyou-wrap .naiyou .ribbon:after {top: 0;right: 0;border-width: 35px 15px 35px 0px;border-color: transparent #edf1b0 transparent transparent;border-style: solid;}


/*展示場ページ用設定*/
.category-tenjijo .area-title .area-name {color:#4396ce;}
.category-all .area-title .area-name {color:#4396ce;}
#exhibition-main{background:rgba(255,255,255,0.9);padding: 10px 0;}
#exhibition-list {margin: 50px auto;position: relative;}
#exhibition-list .kazari3{position: absolute;bottom:-90px;right: 10px;height: 110px;z-index: 10;}
#exhibition-list .kazari3 img{height: 100%;}
.exhibition-box {background: #E8F2FF;list-style: none;margin: 30px auto;}
.exhibition-box .name {background: #4396ce;color: #fff;padding: 5px;text-align: center;font-size: 1.3rem;}
.exhibition-box .main{padding: 0 15px 15px 15px;}
.exhibition-box .main-slider {margin-bottom: 10px;}
.exhibition-box h4{font-size: 1.2rem;text-align: center;color: #4396ce;}
.exhibition-box .adress-flex{display: flex;justify-content: space-between;}
.exhibition-box .adress-flex .text{}
.exhibition-box .adress-flex .googlemap a{display: inline-block;width: 80px;color:#4396ce;border:1px solid;border-radius: 10px;text-align: center;padding: 5px;}
.exhibition-box .adress-flex .googlemap a:hover{background: #ccc;}
.exhibition-box .btn_exhibition {text-align: center;margin: 30px auto;position: relative;}
.exhibition-box .btn_exhibition a{display: inline-block;color: #fff;font-weight: bold;padding: 15px 25px;background:#4396ce;border-radius: 30px;width: 200px;text-align: center;font-size: 1rem;}
.exhibition-box .btn_exhibition a:hover{background: #777;}

/*体験施設ページ用設定*/
.category-taiken .area-title .area-name {color:#eb9f25;}
.category-taiken #exhibition-tabcontents{background-color: #FFE5C4;}
.category-taiken #exhibition-tabcontents .event-search {background:#FFE5C4 ;}
.category-taiken #exhibition-tabcontents .event-search .search-box .btn-section .btn-search input {background: #eb9f25;color: #fff;}

/*体験施設ボックス用設定(アイパーク、アイメッセは展示場ページでも有効)*/
.taiken-box.exhibition-box {background: #FFF6DB;}
.taiken-box.exhibition-box .name {background: #eb9f25;}
.taiken-box.exhibition-box h4{color: #eb9f25;}
.taiken-box.exhibition-box .adress-flex .googlemap a{color:#eb9f25;}
.taiken-box.exhibition-box .btn_exhibition a{background:#eb9f25;}

/* スクロールバー全体（太さ・位置） */
.thumb-slider .swiper-scrollbar {height: 10px !important;background: #ddd !important;margin-top: 10px !important;position: relative !important;border-radius: 6px !important;}
/* ドラッグ部分 */
.thumb-slider .swiper-scrollbar-drag {background: #999 !important;border-radius: 6px !important;}

/*tablet*/
@media (min-width:431px) and (max-width:960px){
/*共通設定*/

.container {
	width: 100%;
}

}

/* Mobile */
@media (max-width: 431px) {
html{font-size: 14px;}

h1{
	text-align: center;
}



p{
}

.pc-block{
	display: none;
}

.sp-block{
	display: block;
}


/* Container */
.container {
	width: 100%;
}

.container p{}


/* Header */
header {height: 60px;}
.head_contents	{width: 100%;margin: 0;}
.head_logo img{height: 40px;margin-left: 10px;margin-top: 10px;}

/*footer設定*/
/*footer{padding-bottom: 120px;}*/

#fixed-bnr{position: fixed;bottom:5px;right: 5px;}
#fixed-bnr img{max-width: 100%;width: 130px;}


/*main contents*/
/*共通設定*/

.contents{
	margin: 30px 15px;
}

.more_info{
	float: right;
	text-decoration: underline;
	padding: 5px;
}

/*予約ボタン*/
.reserve-btn a .icon{margin: 10px 10px 0 10px;}
.reserve-btn a .icon img{height: 2.5rem;}
.reserve-btn a .text{font-size: 1.3rem;padding: 0 10px 10px 10px;margin: 15px 0;}
.contents p.goyoyaku{font-size: 1rem;}

/*TOP~HOME*/
.head-space{width: 100%;height: 60px;}

/* pagetop button */
#pageTop {position: fixed;bottom: 20px;right: 40px;}
#pageTop img {width: 40px;}
#fixed-btn {position: fixed;bottom: 60px;right: 10px;}
#fixed-btn a img {width: 100px;}

}

#sp-phone {
    position: absolute;
    right: 70px;
    top: 5px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 100;
	font-size:38px;
}

/* トグルメニュー */
#nav-toggle {
    display: block;
    position: absolute;
    right: 20px;
    top: 13px;
    width: 28px;
    height: 36px;
    cursor: pointer;
    z-index: 100;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #777; /*トグルボタン色設定*/
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 9px;
}
#nav-toggle span:nth-child(3) {
    top: 18px;
}

#nav-toggle p{font-size: 10px;position: absolute;top:22px;}

/*#toggle_menu{display: none;}*/


 #toggle_menu {
        display: block;
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -110vh;
        left: 0;
        background: rgba(255,255,255,0.9);
        width: 100vw;
        height: 100vh;
        text-align: center;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
	 	margin: 0;
    float: none;
    padding-top: 0vh;
    }

    #toggle_menu .yoyaku-list{justify-content: center;margin: 15px auto;}

    #toggle_menu h2{color: #173763;font-size: 2rem;margin: 0 auto 30px auto;text-align: center;font-weight: bold;}
    #toggle_menu h2 span{display: inline-block;border:2px solid;padding: 5px 15px;font-size: 1.5rem;margin: 15px auto;background: #fff;}
    #toggle_menu p{text-align: center;color: #173763;font-weight: bold;letter-spacing: 0.1rem;font-size: 1rem;}


    #nav-toggle {
        display: block;
    }


    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #toggle_menu {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(110vh);
        -webkit-transform: translateY(110vh);
        transform: translateY(110vh);
    }

    #toggle_menu .midashi-links{max-width: 960px;margin: auto;}
    #toggle_menu .midashi-links li{font-size: 1.5rem;text-align: left;padding: 15px;list-style: none;border-bottom: 1px solid;font-weight: bold;}



/* 共通：ページ内リンク先にこのクラスをつける */
.anchor-target {scroll-margin-top: 80px;}