@charset "utf-8";
/* CSS Document */


/* 共通 */
.guideWrap{ width: 100%; min-width: 1279px; background: #f7f7f7; font-family: "HiraKakuPro-W6-AlphaNum"; color: #333; text-align: center; padding: 80px 0 0;  letter-spacing: 0.12em; margin: 0 auto;}

.wrapArea{max-width: 1220px; width: 100%; margin: 0 auto 100px; position: relative;}
.wrapArea::after{ background: #dfdfdf; content: ''; display: block; height: 1px; max-width: 1220px; position:relative; bottom: -75px; left: 0; -webkit-transcalendar: translateX(-50%); transcalendar: translateX(-50%); width: 100%; margin-top: 75px;}
.wrapArea .ttlImg{ width: 300px; margin: 25px auto 50px;}
    
.pc{ display:inherit !important;}
.sp{ display:none !important;}

/* 共通TOPへ戻る */
.wrapArea .header-totop{max-width: 1220px; margin: 0 auto 50px; text-align: left;}
.wrapArea .header-totop a{ font-size: 13px;
  font-family: "Noto Serif JP", serif; transition: opacity 0.5s;text-decoration: none; color: #333; font-weight: bold;}
.wrapArea .header-totop a:hover{ transition: opacity 0.5s; opacity: 0.7; text-decoration: none; }
.wrapArea .header-totop a img{ width: 150px;}

/* 共通ナビ */
.wrapArea ul.guideBtn { display: flex; justify-content: space-between;font-family: "HiraKakuPro-W3-AlphaNum";font-size:20px; font-weight: 200; margin: 50px auto;}
.wrapArea ul.guideBtn li{ position: relative; width:25%; border-left: 1px solid #000; }
.wrapArea ul.guideBtn li img{ display: inline-block; width: 35px; height: 35px; vertical-align: bottom; margin-right: 5px;}
.wrapArea ul.guideBtn li.here{ position: relative; width:25%;  border-left: 1px solid #000; font-weight: 600; }
.wrapArea ul.guideBtn li:last-child{ position: relative;width:25%;  border-right: 1px solid #000;}
.wrapArea ul.guideBtn a{ color: #000; text-decoration: none;}

/* 共通タイトル周り */
.contentsWrap{ width: 1220px; margin: 0 auto 50px; background: #FFF; padding: 60px 80px 50px;}
.wrapArea a{ color:#009999; text-decoration: none;}
.wrapArea a:hover{ text-decoration: underline;}
.wrapArea .anchor{ padding-top:0; margin-top:0;}
.wrapArea h3.guide-title{ font-size: 26px; margin: 0 -46px 35px 0;}
.wrapArea h3.guide-title span{ display: inline-block; position: relative; z-index: 1;}
.wrapArea h3.guide-title span::before { background: url("../images/guide/h3-line.jpg") center/cover repeat; content: ''; bottom: 3px; display: block; position: absolute; left: 0; height: 7px; width: 100%; z-index: -1;}
.wrapArea h3.guide-title img { display: inline-block;  height: 65px;  margin: 0 20px 10px -90px;}

/* 場内サービス・お子様連れの方・お身体の不自由な方へ */
.accordion-description .txt{text-align: left; background: #fff !important; font-size: 14px; margin: 0 auto 10px; padding: 0 62px 20px 43px; line-height: 2;font-family: "HiraKakuPro-W3-AlphaNum"}
.accordion-description .txt .list{ margin: 15px 0 ; font-weight: bold;}
.accordion-description .txt span.top { padding: 0 0 0 1em; text-indent: -1em; margin-top: 15px;}
.accordion-description .txt span { display: block;font-size: 12px; padding: 0 0 0 1em; text-indent: -1em;}
.accordion-description img.picL{float: left; width:35%; margin: 25px 0 0 35px;}
.accordion-description .txt-img {display: flex; text-align: left;margin: 0; padding: 0 30px 0 5px; font-family: "HiraKakuPro-W3-AlphaNum"}
.accordion-description .txt-img p { font-size: 14px;background: #fff !important;}

/* Free Wi-Fi */
.lead { font-size: 14px; margin: 10px auto; text-align:left; line-height: 2;}
.lead p {text-align:center;  margin-bottom: 30px;}
.lead span.green { display: block; color: #50ae32;}
.lead span.big { display: block; font-size: 16px; margin-bottom: 10px; text-decoration: underline;}
.lead ul {margin:20px auto;}
.lead li { font-size: 14px; margin-bottom: 15px; text-indent: -14px; padding-left: 20px;}
.lead li:last-child{ margin-bottom: 0;}
.lead li:before{ position: relative; display: inline-block; width: 2px; height: 2px; content: ""; border-radius: 100%; background: #000; top: 1px; left: -10px;}

.ssid { width: 700px;display: contents; margin: 40px auto;}
.ssid .mark { float: left;vertical-align: middle; padding: 0 30px;}
.ssid .mark img {width:100%;}
.ssid .code { width:600px; padding: 10px 30px; border: solid 4px #50ae32; background-color:#fff; border-radius: 50px; margin: 20px auto; text-align: center;}
.ssid .code p {font-size: 18px; font-weight: bold; letter-spacing: 0.16em; color: #50ae32;}

.wifi { width: 100% ; margin: 0 auto; text-align: left; border-bottom: 1px solid #ccc; padding: 0 40px 80px 100px}
.wifi:first-child { margin-top: 0;}
.wifi:nth-child(n+2) { margin-top: 50px;}
.wifi:last-child { border: none;}
.wifi h4 {font-size: 18px; font-weight: bold; color:#50ae32; margin-bottom:20px;}
.wifi h4::before { position: relative; display: inline-block; width: 15px; height: 15px; content: ""; border-radius: 100%; background: #50ae32;; top: 0px; left: -10px;}

.wifi .how-to .list { width:50%; margin-right: 30px; }
.wifi .how-to .list li { font-size: 14px; margin-bottom: 15px; text-indent: -14px; padding-left: 20px;}
.wifi .how-to .list li:last-child{ margin-bottom: 0;}
.wifi .how-to .list li:before{ position: relative; display: inline-block; width: 2px; height: 2px; content: ""; border-radius: 100%; background: #000; top: -4px; left: -10px;}
.wifi .how-to .pic { width:75%; }
.wifi .how-to .pic img { margin-left: -10px;}

.wifi .how-to { width: 100% ;display: flex;}
.wifi .how-to .step { width:50%; padding: 0 10px;}
.wifi .how-to .step p.number{ font-size:16px; margin-bottom: 10px;}
.wifi .how-to .step p.txt{ font-size:14px; }
.wifi .how-to .step img { width: 70% ;margin:20px 0 0 0;}


@media screen and (max-width: 749px) {
/* 共通 */
.guideWrap{ width: 100%; min-width: 100%; background: #f7f7f7; font-family: "HiraKakuPro-W6-AlphaNum"; color: #333; text-align: center; padding: 10% 0  1% ; letter-spacing: 0.12em; margin-bottom: 50px;}
.wrapArea{ width: 100%; max-width: auto; margin: 0 auto 60px; position: relative;}
.wrapArea::after{ background: #dfdfdf; content: ''; display: block; height: 1px; position: absolute; bottom: -85px; left: 17px; -webkit-transcalendar: translateX(-50%); transcalendar: translateX(-50%); width: calc(100% - 40px); margin-top: 5%;}
.wrapArea .anchor{ padding-top: 80px; margin-top:-80px;}
.wrapArea .ttlImg{ width: 50%; margin: 2.5% auto 10%;}
	
.pc{ display:none !important;}
.sp{ display:inherit !important;}


/* 共通TOPへ戻る */
.wrapArea .header-totop{max-width: 96%; margin: 0 auto; text-align: left;}
.wrapArea .header-totop a{ transition: opacity 0.5s;}
.wrapArea .header-totop a:hover{ transition: opacity 0.5s; opacity: 0.7;}
.wrapArea .header-totop a img{ width: 130px;}

/* 共通ナビ */
.wrapArea ul.guideBtn { flex-wrap: wrap; width: 96%; font-size:14px; font-weight: 200; margin: 5% auto 5%;}
.wrapArea ul.guideBtn li{ position: relative; width:50%; border-left: 1px solid #000; margin:10px 0;}
.wrapArea ul.guideBtn li img{ display: block; width: 30px; height: 30px; vertical-align: bottom; margin:0 auto 3% ;}
.wrapArea ul.guideBtn li.here{ position: relative; width:50%;  border-left: 1px solid #000; font-weight: 600; }
.wrapArea ul.guideBtn li:nth-child(2n){ position: relative;width:50%;  border-right: 1px solid #000;}
.wrapArea ul.guideBtn a{ color: #000; text-decoration: none;}

/* 共通タイトル周り */
.contentsWrap{ width: auto; margin: 0 3% 5%; background: #FFF; padding: 8% 3% 10%; }
.wrapArea h3.form-title{ font-size: 19px; margin: 0 0 8%;}
.wrapArea h3.form-title span{ display: inline-block; position: relative; z-index: 1;}
.wrapArea h3.form-title span::before { background: url("../images/guide/h3-line.jpg") center/cover repeat; content: ''; bottom: 3px; display: block; position: absolute; left: 0; height: 7px; width: 100%; z-index: -1;}
.wrapArea h3.guide-title { margin: 0 0 15%;}
.wrapArea h3.guide-title img { display: block; height: 50px;  margin: 0 auto 5%;}

/* 場内サービス・お子様連れの方・お身体の不自由な方へ */
.accordion-btn {font-size: 14px !important;}
.accordion-description .txt{ margin: 5% auto 10%; padding: 0 7%;letter-spacing: 0.08em;text-align: left;}
.accordion-description .txt .list{ margin: 2% 0 ; font-weight: bold;}
.accordion-description .txt span.top { padding: 0 0 0 1em; text-indent: -1em; margin-top: 5%;}
.accordion-description .txt span { display: block;font-size: 12px; padding: 0 0 0 1em; text-indent: -1em;}
.accordion-description .txt-img {margin: 0 auto 3%; padding:0 2%;text-align: left; letter-spacing: 0.08em; }
.accordion-description .txt-img p { font-size: 12px; }
.accordion-description img.picL{float:none; display:block;width:85%; margin: 5% auto 0;}


/* Free Wi-Fi */
.lead {font-size: 14px; margin: 10px; text-align: left; line-height: 2;}
.lead p {text-align: center;  }
.wifi { width: 100% ; margin: 0 auto; text-align: left; border-bottom: 1px solid #ccc; padding: 0; letter-spacing: 0.08em;}
.ssid { width: 100%; flex-flow: column; margin: 40px auto;}
.ssid .mark { margin: 0 auto; text-align: center;}
.ssid .mark img {width:80%;}
.ssid .code { width:100%; padding: 10px; border: solid 4px #50ae32; background-color:#fff; border-radius: 30px; margin: 20px auto; text-align: center;}
.ssid .code p {font-size: 14px; font-weight: bold; letter-spacing: 0.08em; color: #50ae32;}
	
.wifi .how-to { width: 100% ;flex-flow: column; margin-bottom: 50px;}
.wifi h4 {font-size: 18px; font-weight: bold; color:#50ae32; margin-bottom:20px; margin-left: 10px;}
.wifi h4.first {font-size: 18px; font-weight: bold; color:#50ae32; margin-bottom:20px; margin-left: 0;}
.wifi .how-to .list { width:100%; margin-right: 0; margin-bottom: 50px; margin-left: 10px; }
.wifi .how-to .pic { width:100%;  margin: 0 0 30px 10px;}
.wifi .how-to .step { width:100%; padding: 0; margin:0 auto;}
.wifi .how-to .step img { width: 60% ; margin: 30px 0 50px 60px;}

	
}

/*20240520　画像化*/
.wrapArea .ttlImg  {
  display: inline-block;
  position: relative;
	font-size:28pt;
	margin: 10px auto 25px;
	letter-spacing: 0.15em;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
}
@media screen and (max-width: 750px) {
.wrapArea .ttlImg  {
    display: block;
	font-size:20pt;
	margin: 5px auto 30px;
	letter-spacing: 0;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
}
}