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

/* bannerArea_btm
---------------------------------------------------------------------------------------------------------------------------------------- */

#bannerArea_btm {
	border-top: solid 1px #E6E6E6;
	text-align: center;
	padding: 25px 0px;
}

#bannerArea_btm img {
	margin: 5px;
}

/* bannerArea_top
---------------------------------------------------------------------------------------------------------------------------------------- */

#bannerArea_top_pc {
	text-align: center;
	padding: 5px 0 15px 0;
}

#bannerArea_top_sp {
	display: none;
}

/* bannerArea_side TOP
---------------------------------------------------------------------------------------------------------------------------------------- */

#maincontents.top #bannerArea_side {
	background-color: #F2F2F2;
    border-radius: 4px;
    text-align: center;
    padding: 30px 0px 20px 0px;
}

#maincontents.top #bannerArea_side div {
	margin-bottom: 10px;
}

/* bannerArea_side 下層
---------------------------------------------------------------------------------------------------------------------------------------- */

#maincontents.under #bannerArea_side div {
	margin-bottom: 5px;
}

/* mainvisual
---------------------------------------------------------------------------------------------------------------------------------------- */

#mainvisual {
	width: 100%;
	height: 420px;
}

/* pickupContents
---------------------------------------------------------------------------------------------------------------------------------------- */

#pickupContents {
	background: url(../img/top/bg_top_contents-menu.png);
	text-align: center;
	min-width: 1000px;
}

#pickupContents ul {
	font-size: 0;
	width: 1020px;
	margin: 0px auto;
	padding: 7px 0px 30px 0px;
	*width: 1025px;
}

#pickupContents ul li {
	float: left;
}

/* maincontents 共通
---------------------------------------------------------------------------------------------------------------------------------------- */

span.cat, span.new {
	padding: 3px 7px;
	font-size: 14px;
	margin-right: 10px;
	border-radius: 2px;
}

@media all and (-ms-high-contrast:none){
  span.cat, span.new { padding-bottom: 0px !important; } /* IE10以上ハック */
}

span.cat { background-color: #FF6E00; color: #FFFFFF; }
span.periodday { display: block; text-indent: -3em; margin-left: 3em; margin-top: 10px; }
span.new { background-color: #FFDCBE; color: #FA6E00; }

/* ボタン */

.btnArea {
	text-align: center;
}

.btnArea * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.btnArea a {
	line-height: 1.2em !important;
	text-decoration: none;
	color: #FFF;
}

.btnArea .btn {
	display: block;
	padding: 15px 0px;
	background-color: #FF6E00;
	color: #FFFFFF;
	text-align: center;
	font-size: 134%;
	border-radius: 6px;
	box-shadow: 0px 3px 0px #D65900;
}

@media all and (-ms-high-contrast:none){
  .btnArea .btn { padding: 18px 0px 12px 0px !important; } /* IE10以上ハック */
}

.btnArea .btn span {
	font-size: 67%;
	font-weight: normal;
}

.btnArea .column2 {
	display: inline-block;
	width: 49%;
}

.btnArea .column2:first-child {
	margin-right: 2%;
}

.btnArea .pdf {
	font-weight: bold;
	font-size: 147%;
	background-image: url(../img/icon_pdf.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	padding-left: 85px;
	text-align: left;
}

/* フォーム関連 */

@media all and (-ms-high-contrast:none){
  textarea, input, select { padding-bottom: 5px !important; } /* IE10以上ハック */
  button { padding: 15px 30px 10px 30px !important; } /* IE10以上ハック */
}

textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	border-radius: 4px;
	color: #1A1A1A;
	padding: 8px;
	margin: 0px;
	border: 1px solid #DCDCDC;
	line-height: 1.5em;
	vertical-align: bottom;
}

input[type=text] {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	border-radius: 4px;
	color: #1A1A1A;
	padding: 8px;
	margin: 0px;
	border: 1px solid #DCDCDC;
	overflow: hidden;
}

input[type=password] {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	border-radius: 4px;
	color: #1A1A1A;
	padding: 8px;
	margin: 0px;
	border: 1px solid #DCDCDC;
	overflow: hidden;
}

select {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	border-radius: 4px;
	color: #1A1A1A;
	padding: 8px;
	margin: 0px;
	border: 1px solid #DCDCDC;
}

select::-ms-expand {
	height: 15px;
}

label.radio-list {
    margin-right: 20px;
    font-weight: normal;
}

label.radio-list:last-child {
	margin-right: 0px;
}

input[type=radio],
input[type=checkbox] {
	width: 20px;
	height: 20px;
    line-height: normal;
    vertical-align: middle;
	margin: 5px 5px 5px 0px;
	padding: 0px;
	display: inline-block;
}

button {

	background-color: #FF6E00;
	color: #FFFFFF;
	text-align: center;
	font-size: 120%;
	border: 0px;
	border-radius: 6px;
	box-shadow: 0px 3px 0px #D65900;
	cursor: pointer;
	display: inline-block;
}

button:hover {
	opacity: 0.5;
}

input.w-all, textarea.w-all { width: 480px; }
input.w370 { width: 370px; }
input.w50 { width: 50px; }

/* 基本テーブル */

@media all and (-ms-high-contrast:none){
  span.must { padding-bottom: 0px !important; } /* IE10以上ハック */
}

table th {
	text-align: left;
	font-weight: normal;
}

table.simple {
	width: 100%;
	border-top: solid 1px #E6E6E6;
	line-height: 1.5em;
	margin-top: 40px;
    padding:20px 0px;
}

table.simple span.del-pc {
	display: none;
}

table.simple span.del-sp {
	margin-left: 10px;
}

table.simple th {
	padding: 15px 0px;
	border-bottom: solid 1px #E6E6E6;
	vertical-align: middle;
	width: 200px;
}

table.allText th, table.allText td {
	padding: 20px 0px;
}

table.simple th.must_on span.must {
	background-color: #666666;
	color: #FFF;
	padding: 3px 5px 3px 6px;
	border-radius: 2px;
	font-size: 13px;
	letter-spacing: 2px;
	margin-right: 10px;
}

table.simple th.must_of {
	padding-left: 50px;
	width: 150px;
}

table.simple td {
	padding: 15px 0px;
	border-bottom: solid 1px #E6E6E6;
	width: 500px;
	vertical-align: middle;
}

/* 準備中ページ */

#ComingSoon {
	padding-top: 70px;
	text-align: center;
}

#ComingSoon .title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 3.6em;
	font-weight: bold;
	line-height: 1.4em;
	letter-spacing: 0.05em;
}

#ComingSoon .subTitle {
	font-weight: bold;
	margin-bottom: 70px;
	margin-left: 10px;
}

/* maincontents TOP
---------------------------------------------------------------------------------------------------------------------------------------- */

@media all and (-ms-high-contrast:none){
  #maincontents.top #cont_L h2 { padding-top: 17px !important; } /* IE10以上ハック */
  #maincontents.top #cont_L h2 a { padding-top: 10px !important; } /* IE10以上ハック */
}


#maincontents.top {
	width: 1000px;
	margin: 0px auto;
	padding-bottom: 30px;
}

#maincontents.top #cont_L {
	float: left;
	width: 660px;
}

#maincontents.top #cont_R {
	float: right;
	width: 320px;
}

#maincontents.top #cont_L h2, #maincontents.top #cont_L h2 a {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

#maincontents.top #cont_L h2 {
    position: relative;
    width: 660px;
    height: 46px;
	padding: 13px 0px 0px 15px;
    font-size: 134%;
    margin: 25px 0px 13px 0px;
    background-color: #FFF0E6;
    border-radius: 4px;
}

#maincontents.top #cont_L h2 a {
    border-radius: 4px;
    padding: 7px 15px 0px 28px;
    font-size: 60%;
    color: #FA6E00;
    text-decoration: none;
	background: url(../img/arrow_link_orange.png) no-repeat 10px center rgba(250,110,0,0.1);
	position: absolute;
    top: 10px;
    right: 10px;
    height: 26px;
}

/* イベント・体験教室情報フィード */

#newsActivity ul#newsActivity_tab li {
	 
	float: left;
    height: 24px;
    text-align: center;
    font-size: 17px;
	font-weight: bold;
    padding-top: 10px;
    border: solid 2px #FF6E00;
    border-radius: 4px;
	position: relative;
	color: #FA6E00;
}

@media all and (-ms-high-contrast:none){
  #newsActivity ul#newsActivity_tab li { padding-top: 12px !important; height: 22px !important; } /* IE10以上ハック */
}


#newsActivity ul#newsActivity_tab li#tab_all { width: 174px; margin-right: 5px; }
#newsActivity ul#newsActivity_tab li#tab_event { width: 174px; margin-right: 5px; }
#newsActivity ul#newsActivity_tab li#tab_challenge { width: 290px; }

#newsActivity ul#newsActivity_tab li.active {
	border: solid 2px #FF6E00;
	background-color: #FF6E00;
	color: #FFF;
}

#newsActivity ul#newsActivity_tab li.active span.arrow {
	display: block;
	width: 100%;
	height: 10px;
	position: absolute;
	bottom: -10px;
	left: 0px;
	background: url(../img/icon_arrow_tab_orange.png) no-repeat bottom center;
	background-size: 16px 10px;
}

#newsActivity ul#newsActivity_tab #tab_all_arrow,
#newsActivity ul#newsActivity_tab #tab_event_arrow,
#newsActivity ul#newsActivity_tab #tab_challenge_arrow {
	font-size: 0;
	line-height: 0;
}

#newsActivity ul#newsActivity_tab li:hover {
	background-color: #FF6E00;
	color: #FFF;
	cursor: pointer;
}

#newsActivity .postArea {
	clear: both;
}

#newsActivity .post {
	padding: 15px 0px 13px 0px;
	border-bottom: solid 1px #E6E6E6;
	line-height: 1.5em;
}

#newsActivity .photo {
	float: left;
	width: 150px;
	height: 150px;
	overflow: hidden;
}

#newsActivity .photo img {
	width: 150px;
	height: 150px;
	object-fit: cover;
	display: block;
}

#newsActivity .data {
	float: right;
	width: 490px;
}

#newsActivity .title {
	font-size: 115%;
	padding: 9px 0px 5px 0px;
	width: 490px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

/* お知らせフィード */

#news {
	padding-bottom: 20px;
}

#news .post {
	padding-bottom: 10px;
}

#news .status {
	padding: 8px 0px;
}

#news .day {
	padding-right: 15px;
}

#news .title {
	width: 660px;
	font-size: 115%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	padding: 6px 0px;
}

/* SNS */

#sns span.del {
	display: none;
}

#sns #facebook {
	float: left;
	width: 320px;
	height: 355px;
}

#sns #twitter {
	float: right;
	width: 322px;
	height: 355px;
}

.twit {
	border: 1px solid #EFEFEF;
}

/* イベントカレンダー */

#calendar {
	padding-top: 25px;
	padding-bottom: 15px;
}

#calendar h2 {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

#calendar h2 {
	font-size: 134%;
	background-color: #F2F2F2;
	border-radius: 4px;
	padding: 13px 0px 0px 15px;
    margin-bottom: 12px;
	height: 46px;
}

@media all and (-ms-high-contrast:none){
  #calendar h2 { padding-top: 17px !important; } /* IE10以上ハック */
}

#calendar #googleCalendar {
	width: 320px;
	height: 630px;
	margin-bottom: 10px;
}

#calendar p.niigata, #calendar p.furusatomura {
	font-size: 90%;
	padding: 5px 0px 5px 65px;
}

#calendar p.niigata { background: url(../img/top/icon_calendar_niigata.png) no-repeat left center; }
#calendar p.furusatomura { background: url(../img/top/icon_calendar_furusatomura.png) no-repeat left center; }

/* maincontents 下層
---------------------------------------------------------------------------------------------------------------------------------------- */

#maincontents.under #contentsinner {
	width: 1000px;
	margin: 0px auto;
	padding-bottom: 60px;
}

#maincontents.under #cont_L {
	float: left;
	width: 700px;
}

#maincontents.under #cont_R {
	float: right;
	width: 260px;
}

#maincontents.under h2 {
	width: 100%;
	height: 100px;
	padding-top: 70px;
	text-align: center;
	color: #FFF;
	font-size: 240%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	min-width: 1000px;
}

/* ページタイトル背景画像 */

#maincontents.under h2.bk-info { background-image: url(../img/bk_h2_info.jpg); } /* 施設情報系 */
#maincontents.under h2.bk-spot { background-image: url(../img/bk_h2_spot.jpg); } /* 周辺スポット */
#maincontents.under h2.bk-facility { background-image: url(../img/bk_h2_facility.jpg); } /* 施設のご案内 */
#maincontents.under h2.bk-reco { background-image: url(../img/bk_h2_recommend.jpg); } /* おすすめ情報 */

/* パンくずリスト */

#topicpass {
	padding-top: 20px;
	padding-bottom: 40px;
	color: #ABABAB;
}

#topicpass a {
	color: #ABABAB;
}

/* サイドメニュー */

#sNavi .title {
	 
	font-weight: bold;
	font-size: 155%;
	padding-bottom: 15px;
}

#sNavi .title a {
	color: #1A1A1A;
	text-decoration: none;
}

#sNavi > ul {
	border-top: solid 1px #E6E6E6;
	margin-bottom: 45px;
}

#sNavi > ul > li {
	border-bottom: solid 1px #E6E6E6;
	padding: 15px 0px;
}

#sNavi > ul > li > a {
	display: block;
	text-decoration: none;
	color: #1A1A1A;
	background: url(../img/arrow_link_black.png) no-repeat 10px center;
	padding-left: 30px;
}

@media all and (-ms-high-contrast:none){
  #sNavi > ul > li > a { padding-top: 3px !important; } /* IE10以上ハック */
  #sNavi ul li.sub ul li a { padding-top: 2px !important; } /* IE10以上ハック */
}

#sNavi ul li a.out {
	text-decoration: none;
	color: #1A1A1A;
	background: url(../img/icon_link_out_black.png) no-repeat 5px center;
	padding-left: 30px;
}

#sNavi > ul > li.active {
	background-color: #F5F5F5;
}

#sNavi ul li.sub {
	padding: 0px;
}

#sNavi ul li.sub ul li {
	border-bottom: dashed 1px #E6E6E6;
	padding: 12px 0px;
	font-weight: bold;
	line-height: 1.3em;
}

#sNavi ul li.sub ul li a {
	display: block;
	text-decoration: none;
	font-weight: normal;
	font-size: 87%;
	color: #737373;
	background: url(../img/arrow_link_gray-line.png) no-repeat 10px center;
	padding-left: 30px;
}

#sNavi > ul > li.sub > ul li:last-child {
	border-bottom: none;
}

#sNavi > ul > li.sub > ul li.active {
	background-color: #F9F9F9;
}


/* ニュース系ページ送り */

#pageView {
	padding-top: 50px;
    position: relative;
    overflow: hidden;
}

#pageView ul.pagenavi {
	position: relative;
    left: 50%;
    float: left;
}

#pageView ul.pagenavi li {
	text-decoration: none;
    color: #1A1A1A;
    padding: 13px;
    margin: 4px;
    float: left;
    clear: none;
    position: relative;
    left: -50%;
	border-radius: 4px;
}

#pageView ul.pagenavi li a {
	text-decoration: none;
}

#pageView ul.pagenavi li.active {
	background-color: #FFEBDC;
	color: #FA6E00;
	cursor: pointer;
}

#pageView ul.pagenavi li.active:hover {
	opacity: 0.5;
}

#pageView ul.pagenavi li.inactive {
	background-color: #CCCCCC;
	color: #FFF;
}

/* maincontents 下層｜お知らせ
---------------------------------------------------------------------------------------------------------------------------------------- */

/* 一覧 */

#newsList h3 {
    font-size: 160%;
    padding-bottom: 14px;
}

#newsList .postArea {
	border-top: solid 1px #E6E6E6;
}

#newsList .post {
	border-bottom: solid 1px #E6E6E6;
	padding: 20px 0px;
}

#newsList .status {
	padding-bottom: 10px;
}

#newsList .day {
	padding-right: 15px;
}

#newsList .title {
	line-height: 1.6em;
}

/* 詳細 */

#newsCont .status {
	padding: 5px 0px 25px 0px;
}

#newsCont .day {
	color: #ABABAB;
	margin-right: 15px;
}

#newsCont h3 {
	font-size: 170%;
	line-height: 1.4em;
	font-weight: bold;
	margin-bottom: 35px;
}

#newsCont .text {
	line-height: 1.8em;
}

#newsCont img {
	max-width: 700px;
	height: auto;
}

/* maincontents 下層｜イベント・体験教室
---------------------------------------------------------------------------------------------------------------------------------------- */

#activityList h3 {
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 8px;
}

/* タブ */

#activityList ul#newsActivity_tab {
	height: 60px;
	padding-bottom: 30px;
}

#activityList ul#newsActivity_tab li {
	 
    float: left;
    height: 30px;
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    padding-top: 14px;
    border: solid 2px #FF6E00;
    border-radius: 8px;
    position: relative;
    color: #FA6E00;
}

#activityList ul#newsActivity_tab li#tab_all { width: 174px; margin-right: 8px; }
#activityList ul#newsActivity_tab li#tab_event { width: 174px; margin-right: 8px; }
#activityList ul#newsActivity_tab li#tab_challenge { width: 324px; }

#activityList ul#newsActivity_tab li.active {
	background-color: #FF6E00;
	color: #FFF;
}

#activityList ul#newsActivity_tab li.active span.arrow {
	display: block;
	width: 100%;
	height: 10px;
	position: absolute;
	bottom: -10px;
	left: 0px;
	background: url(../img/icon_arrow_tab_orange.png) no-repeat bottom center;
	background-size: 16px 10px;
}

#activityList ul#newsActivity_tab #tab_all_arrow,
#activityList ul#newsActivity_tab #tab_event_arrow,
#activityList ul#newsActivity_tab #tab_challenge_arrow {
	font-size: 0;
	line-height: 0;
}

#activityList ul#newsActivity_tab li:hover {
	background-color: #FF6E00;
	color: #FFF;
	cursor: pointer;
}

/* 月送り */

#monthView {
	width: 100%;
	height: 50px;
	clear: both;
	background-color: #FFEBDC;
	border-radius: 8px;
	text-align: center;
	font-size: 130%;
	font-weight: bold;
}

#monthView_inner {
	position: relative;
	width: 100%;
	padding-top: 15px;
}

#monthView a {
	display: block;
	min-width: 100px;
	font-size: 80%;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
}

#monthView a.prev {
	position: absolute;
	top: 18px;
	left: 15px;
}

#monthView a.next {
	position: absolute;
	top: 18px;
	right: 15px;
	text-align: right;
}

/* 一覧 */

#activityList .postArea {
	margin-top: 40px;
	border-top: solid 1px #E6E6E6;
}

#activityList .post {
	padding: 15px 0px 13px 0px;
	border-bottom: solid 1px #E6E6E6;
	line-height: 1.5em;
}

#activityList .photo {
	float: left;
	width: 150px;
	height: 150px;
	overflow: hidden;
}

#activityList .photo img {
	width: 150px;
	height: 150px;
	object-fit: cover;
	display: block;
}

#activityList .data {
	float: right;
	width: 530px;
}

#activityList .title {
	font-size: 115%;
	padding: 9px 0px 5px 0px;
	width: 530px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

/* 詳細 */

#activityCont .status {
	padding: 5px 0px 15px 0px;
}

#activityCont .day {
	color: #ABABAB;
}

#activityCont h3 {
	font-size: 170%;
	line-height: 1.4em;
	font-weight: bold;
	margin-bottom: 35px;
	border-bottom: solid 3px #FF6E00;
    padding-bottom: 5px;
}

#activityCont .copy {
	font-size: 3vw;
	line-height: 3vw;
}

#activityCont .text {
	padding-top: 30px;
	line-height: 1.8em;
}

#activityCont img {
	max-width: 100%;
	height: auto;
}

#activityCont .photocontaner{
	font-size: 0px;
	margin-top: 25px;
    display:flex;
    flex-wrap:wrap;
}

#activityCont .photocontaner .photo{

}

#activityCont .photo {

}

#activityCont .odd{
	width: 50%;
	font-size: 0;
	text-align: center;
    padding:5px;
    box-sizing:border-box;
}

#activityCont .odd img{
	width: 100%;height:auto;
}

#activityCont .even{
	width: 50%;
    padding:5px;
	font-size: 0;
	text-align: center;
    box-sizing:border-box;
}

#activityCont .even img{
	width: 100%;height:auto;
}

#activityCont .caption {
	padding-top: 10px;
	font-size: 90%;
	line-height: 1.5em;
}

#activityCont .schedule {
	padding-top: 60px;
}

#activityCont .schedule h4 {
	font-size: 150%;
	margin-bottom: 15px;
}

#activityCont {
	line-height: 1.6em;
}

#activityCont .pto-erea{padding:10px;margin:0px auto;}

#activityCont .sec{}

#activityCont .sec img{width:100%;height:auto;}

#activityCont table {
	width: 100%;
	border-top: solid 1px #E6E6E6;
}

#activityCont table th {
	width: 100px;
	padding: 18px;
	border-bottom: solid 1px #E6E6E6;
}

#activityCont table td {
	padding: 18px 18px 18px 0px;
	border-bottom: solid 1px #E6E6E6;
}

/* maincontents 下層｜シンプルページ（お問い合わせ・アクセス・ポリシー等）
---------------------------------------------------------------------------------------------------------------------------------------- */

#info-simple h3 {
    font-size: 160%;
    padding-bottom: 15px;
	border-bottom: solid 1px #E6E6E6;
	margin-bottom: 20px;
	padding-top: 50px;
}

#info-simple h3:first-child {
	padding-top: 0px;
}

#info-simple p, #info-simple a {
    line-height: 1.8em;
}

#info-simple a.out {
	background: url(../img/icon_link_out_orange.png) no-repeat left center;
	padding-left: 25px;
}

#info-simple .btnArea {
	padding-top: 50px;
}

#info-simple ul {
	list-style: disc;
	line-height: 1.8em;
	margin-left: 1.5em;
	margin-top: 15px;
}

/* リンクバナー用テーブル */

table.banner { width: 100%; margin-top: 40px; line-height: 1.8em; }
table.banner td:nth-child(1) { width: 180px; }
table.banner td:nth-child(2) { width: 315px; }

/* maincontents 下層｜周辺スポット
---------------------------------------------------------------------------------------------------------------------------------------- */

@media all and (-ms-high-contrast:none){
  #spot a.mapLink { padding: 12px 35px 6px 15px !important; } /* IE10以上ハック */
}

#spot h3 {
    font-size: 160%;
	padding-top: 6px;
    padding-bottom: 14px;
	position: relative;
	width: 700px;
}

#spot h4 {
    font-size: 160%;
    padding-bottom: 14px;
	border-bottom: solid 1px #E6E6E6;
	margin-top: 40px;
	margin-bottom: 20px;
	padding-top: 6px;
    padding-bottom: 15px;
	position: relative;
	width: 700px;
}

#spot h3 a.mapLink, #spot h4 a.mapLink {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 65%;
}

#spot a.mapLink {
	display: block;
	padding: 10px 35px 8px 15px;
	background: url(../img/icon_map.png) no-repeat right center #FFEBDC;
	border-radius: 6px;
	text-decoration: none;
}

#spot #mapArea {
	width: 700px;
	height: 550px;
	background-color: #CCC;
}

#spot .spotList ul {
	float: left;
	width: 30%;
}

#spot .spotList ul:nth-child(1), #spot .spotList ul:nth-child(2) {
	margin-right: 30px;
}

#spot .spotList li a {
	line-height: 1.2em;
	display: block;
	background: url(../img/icon_map-each.png) no-repeat left center;
	padding: 7px 0px 7px 25px;
	text-decoration: none;
	color: #1A1A1A;
}

#spot .btnArea {
	margin-top: 40px;
}

.rt_map_winbox {
	width: 280px;
}

.rt_map_wintitle {
	width: 280px;
	font-size: 12px;
	line-height: 140%;
	font-weight: bold;
	color: #333333;
	padding-bottom: 10px;
}

.rt_map_wintext {
	width: 280px;
	font-size: 11px;
	line-height: 140%;
	color: #333333;
	float: left;
}

/* maincontents 下層｜施設のご案内
---------------------------------------------------------------------------------------------------------------------------------------- */

@media all and (-ms-high-contrast:none){ /* IE10以上ハック */
  #facility .facilityMenu a span { padding: 15px 0px 0px 30px !important; height: 25px !important; }
  #facility .cateBox div { padding-top: 13px !important; }
  #facility .floorTab a { padding: 14px 0px 8px 0px !important; }
  #facility.bazaar .shopListArea_S .photo a { padding: 9px 0px 4px 0px !important; }
  #facility.bazaar .shopListArea_B .shopList h5, #facility.appeal .shopListArea_B .shopList h5 { padding: 10px 15px 2px 15px !important; }
  #facility.bazaar .shopListArea_B .shopList h5 span, #facility.appeal .shopListArea_B .shopList h5 span { padding: 7px 8px 2px 8px !important; }
  #facility.appeal .gatariba .deco01 { padding: 3px 5px 0px 5px !important; }
  #facility.bazaar .btnArea a { padding: 8px 0px 3px 0px !important; }
  #facility .pickup h5 a { padding-top: 12px !important; height: 20px !important; }
  #facility.bazaar-each h3 span.deco02 { padding: 6px 8px 0px 8px !important; }
  #facility.bazaar-each .btn { padding: 10px 0px 5px 15px !important; }
}

#facility p {
	line-height: 1.5;
}

#facility .cateBox div {
    font-weight: bold;
	width: 70px;
	height: 30px;
	color: #FFF;
	text-align: center;
	padding-top: 10px;
	float: left;
	margin-left: 5px;
}

#facility .cateBox .eat { background: url(../img/facility/bk_category_eat.png) no-repeat left top; }
#facility .cateBox .see { background: url(../img/facility/bk_category_see.png) no-repeat left top; }
#facility .cateBox .play { background: url(../img/facility/bk_category_play.png) no-repeat left top; }

/* 施設トップ */

#facility .facilityMenu .box_L {
	float: left;
	width: 335px;
	margin-top: 50px;
	position: relative;
}

#facility .facilityMenu .box_R {
	float: right;
	width: 335px;
	margin-top: 50px;
	position: relative;
}

#facility .facilityMenu .cateBox {
	position: absolute;
	top: 40px;
	right: 5px;
	height: 40px;
}

#facility .facilityMenu a {
	display: block;
	border-radius: 8px;
	overflow: hidden;
	text-decoration: none;
	color: #FFF;
	font-size: 114%;
	margin-bottom: 10px;
}

#facility .facilityMenu a span {
	display: block;
	padding: 12px 0px 0px 30px;
	height: 28px;
	background: url(../img/arrow_link_white.png) no-repeat 15px center #FF6E00;
}

#facility .facilityMenu a.out span {
	background: url(../img/icon_link_out_white.png) no-repeat 12px center #FF6E00;
}

/* 各施設 */

#facility #pageTitle {
    line-height: 1.5;

}


#facility #pageTitle .cateBox {
	position: absolute;
	top: 0px;
	right: 5px;
	height: 40px;
}

#facility #pageTitle h3 {
	font-size: 3vw;
	padding:20px 0px;
    color:#46BEE6;
    
}

#facility #pageTitle img{width:100%;height:auto;}

#facility #pageTitle p span {
    
}

#facility #card{padding:10px;}

#facility #card img{width:100%;height:auto;}

#facility table.simple {
	margin-top: 15px !important;
	font-size: 0px;
}

#facility table.simple tr.column01 {

	width: 90%;
	font-size: 15px;
	line-height: 1.5em;
}

#facility table.simple tr.column02 {

	width: (100)%;
	font-size: 15px;
	line-height: 15px;
}

#facility table.simple .space {
	margin-right: 20px !important;
}

#facility table.simple th {
	padding-left: 20px;
	width: 30%;
}

#facility table.simple th.long {
	width: 150px;
}

#facility table.simple tr.column01 td {
	padding-left: 20px;
	width: 70%;
}

#facility table.simple tr.column02 td {
	padding-left: 20px;
	width: 70%;
}

#facility .group-at-box{padding:10px;}

#facility .group-at-box .group-at{font-size:1.6vw;color:#fafafa;font-weight:bold;padding:10px;border-radius:10px;background:#46BEE6;text-align:center;border:1px solid #fafafa;}

#facility .group-at-box .group-at:hover{background:#fafafa;color:#46BEE6;border:1px solid #46BEE6;transition: all 0.6s ease;}

@media screen and (max-width:768px){
    
#facility .group-at-box .group-at{font-size:3vw;}

}

#facility .topp1 {
	page-break-before: always;
}

@media print {

#facility .topp1 {
	page-break-before: always;
	padding-top: 100px;
}

}

#facility .floorTab_inner {
	border-radius: 8px;
	overflow: hidden;
	width: 100%;
	display: table;
	table-layout: fixed;
}

#facility.bazaar .floorTab_inner { border: solid 2px #FF7887; }
#facility.appeal .floorTab_inner { border: solid 2px #46BEE6; }

#facility .floorTab a {
	display: table-cell;
	text-decoration: none;
	text-align: center;
	font-size: 134%;
	font-weight: bold;
	padding: 10px 0px;
}

#facility.bazaar .floorTab a { color: #FF7887; }
#facility.appeal .floorTab a { color: #46BEE6; }

#facility .floorTab a:hover {
	color: #FFF;
	opacity: 1;
}

#facility.bazaar .floorTab a:hover { background-color: #FF7887; }
#facility.appeal .floorTab a:hover { background-color: #46BEE6; }

#facility .floorTab a.active {
	color: #FFF;
}

#facility.bazaar .floorTab a.active { background-color: #FF7887; }
#facility.appeal .floorTab a.active { background-color: #46BEE6; }

#facility #floor_1f, #facility #floor_2f, #facility #floor_3f {
	margin-top: 40px;
}

#facility #floor_1f h4, #facility #floor_2f h4, #facility #floor_3f h4 {
	font-size: 185%;
}


#facility #floor_1f img, #facility #floor_2f img, #facility #floor_3f img {
	width: 100%;
}

#facility .floorMapArea {
	min-height: 165px;
	margin-top: 40px;
}

#facility.appeal #floor_3f .floorMapArea { min-height: 130px; }

#facility .floorMapArea h4 {line-height:1.5;

}

#facility .floorMapArea h4 span.title {

}

#facility .floorMapArea h4 a {

}


#facility .floorMapArea .del {
	display: none;
}

#facility.appeal #floor_1f .floorMapArea p {

}



#facility .pickup h5 {
	background-color: #E3F3E9;
    border-bottom: solid 3px #27AE60;
    padding: 13px 15px 11px 15px;
    font-size: 134%;
	position: relative;
	margin-top: 30px;
	margin-bottom: 20px;
}

#facility .pickup h5 a {
	border-radius: 4px;
    padding: 7px 15px 7px 28px;
    font-size: 60%;
    color: #27AE60;
    text-decoration: none;
    background: url(../img/arrow_link_green.png) no-repeat 10px center rgba(39,174,96,0.1);
    position: absolute;
    top: 10px;
    right: 10px;
}

#facility .pickup #newsGarden {
	margin-bottom: 10px;
}

#facility .pickup #newsGarden a {
	color: #27AE60;
}

#facility .pickup #newsGarden .day {
	float: left;
	width: 130px;
	padding-top: 5px;
	padding-bottom: 20px;
}

#facility .pickup #newsGarden .title {
	float: right;
	width: 570px;
	font-size: 115%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	padding-top: 5px;
	padding-bottom: 20px;
}

#facility .pickup .data {
width:100%;padding:10px;
}

#facility .pickup .photo {
width:100%;padding:10px;
}

#facility .pickup .photo .box_L {
width:50%;padding:2px;
}

#facility .pickup .photo .box_R {
width:50%;padding:2px;
}
#facility .pickup .photo .box_L img{width:100%:height:auto;}

#facility .pickup .photo .box_R img{width:100%:height:auto;}

.flower-box{width:50%;padding:5px;}

.flower-box img{width:100%;height:auto;}

#facility .pickup .photo p {
    font-size: 12px;
    color: #1A1A1A;
    margin-top: 5px;
    text-align:center;
}

#facility .pickup .columnBox .box_L {
	float: left;
	width: 464px;
}

#facility .pickup .columnBox .box_R {
	float: right;
	width: 228px;
}

#facility .pickup .columnBox .box_L img, #facility .pickup .columnBox .box_R img {
	margin-top: 8px;
}

#facility .pickup .btnArea {
	padding-bottom: 40px;
}

#facility .pickup .btn {
	background-color: #27AE60;
	box-shadow: 0px 3px 0px #1D884A;
}

#facility.bazaar .shopListArea_S, #facility.appeal .shopListArea_S {
	margin-top: 40px;
}

#facility.bazaar .shopListArea_S .shopList {
	width: 50%;
    padding:2px;
	margin-bottom: 20px;
}



#facility.bazaar .shopListArea_S .photo {
	width: 100%;
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background-color: #f2f2f2;
}

#facility.bazaar .shopListArea_S .photo img {
	width: 100%;height:100%;object-fit:cover;display:block;
}


#facility.bazaar .shopListArea_S .line {
	border: solid 1px #E6E6E6;
}

#facility.bazaar .shopListArea_S .photo a {
	display: block;
	width: 100%;
	padding: 5px 0px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	color: #FFF;
	text-align: center;
	font-size: 87%;
	text-decoration: none;
	z-index: 400;
}

#facility.bazaar .shopListArea_S .photo a {
	background-color: rgba(255, 100, 120, 0.9);
	background-color: #FF7887\9; /* IE10以下ハック */
}

#facility.bazaar .shopListArea_S .data {
	width: 100%;padding:5px;
}

#facility.bazaar .shopListArea_S .data h5 {
	font-size: 18px;
}

#facility.bazaar .shopListArea_S .data h5 span {
	font-size: 87%;
}

#facility.bazaar .shopListArea_S .data p {
	font-size: 14px;
	color: #666;
}

#facility.appeal .shopListArea_S .shopList {
	width: calc(100%/3);padding:2px;
}

#facility.appeal .shopListArea_S .data p {
	font-size: 14px;
	line-height: 1.5;
    font-weight:bold;
    text-align:center;
	color: #666;
}


#facility.bazaar .shopListArea_B {
	margin-top: 40px;
}

#facility.bazaar .shopListArea_B .shopList {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}

#facility.appeal .shopListArea_B .shopList {
	margin-top: 25px;
}

#facility.bazaar .shopListArea_B .shopList h5, #facility.appeal .shopListArea_B .shopList h5 {
	padding: 8px 15px 5px 15px;
	font-size: 134%;
	margin-bottom: 20px;
	line-height: 1.5em;
}

#facility.bazaar .shopListArea_B .shopList h5 { background-color: #FFF0F0; border-bottom: solid 3px #FF7887; }
#facility.appeal .shopListArea_B .shopList h5 { background-color: #EBFAFF; border-bottom: solid 3px #46BEE6; }

#facility.bazaar .shopListArea_B .shopList h5 span, #facility.appeal .shopListArea_B .shopList h5 span {
	display: inline-block;
	padding: 5px 8px 4px 8px;
	margin: -4px 15px 0px -6px;
	font-size: 74%;
	vertical-align: middle;
	border-radius: 2px;
	line-height: 1em;
}

#facility.bazaar .shopListArea_B h5 span { color: #FF6B7B; border: solid 1px #FF7887; }
#facility.appeal .shopListArea_B h5 span { color: #00AAD7; border: solid 1px #46BEE6; }

#facility.bazaar .shopListArea_B .data {
	width:100%;
	padding: 25px;
}

#facility.appeal .shopListArea_B .data {
	width:100%;
	padding: 25px;
}

#facility.bazaar .shopListArea_B .btnArea {
    display:block;margin:0px auto;
	width: 30%;
}

#facility.bazaar .btnArea a { background-color: #FF7887; box-shadow: 0px 3px 0px #F05064; padding: 5px 0px; font-size: 100%; }
#facility.appeal .btnArea a { background-color: #46BEE6; box-shadow: 0px 3px 0px #00A0D2; padding: 10px 0px; font-size: 114%; }

#facility.bazaar .shopListArea_B .photo, #facility.appeal .shopListArea_B .photo {

	width: 100%;margin:0px auto;
}

#facility.appeal .shopListArea_B .photo .box_L {
width:50%;padding:2px;text-align:center;
}

#facility.appeal .shopListArea_B .photo .box_L img{width:100%;height:auto;}

#facility.appeal .shopListArea_B .photo .box_R {
width:50%;
    padding:2px;
    text-align:center;
}

#facility.appeal .shopListArea_B .photo .box_R img{width:100%;height:auto;}

#facility.appeal .shopListArea_B .photo p {
	font-size: 87%;
	color: #666;
	margin-top: 5px;
}

#facility.appeal .gatariba img {
	float: left;
	width: 160px !important;
	margin-right: 20px;
}


#facility.appeal .info {
	background-color: #EAF9FF;
	padding: 30px;
	margin-top: 30px;
}

#facility.appeal .info h6 {
	font-size: 127%;
	margin-bottom: 10px;
}

#facility.appeal .info p {
	margin-bottom: 15px;
}

/* 各施設 詳細 */

#facility.bazaar-each a {
	color: #FF7887;
}

#facility.bazaar-each a.out {
	background: url(../img/icon_link_out_pink.png) no-repeat left center;
	padding-left: 25px;
}

#facility.bazaar-each h3 {
    font-size: 160%;
    padding-bottom: 35px;
}

#facility.bazaar-each h3 span.deco01 {
	display: inline-block;
	border-right: solid 1px #CCC;
	padding: 10px 10px 2px 0px;
    margin: -5px 10px 0px 0px;
	vertical-align: middle;
	font-size: 0.6em;
	line-height: 1em;
}

#facility.bazaar-each h3 span.deco02 {
	display: inline-block;
	padding: 5px 8px 4px 8px;
    margin: -5px 15px 0px 15px;
	vertical-align: middle;
	font-size: 67%;
	border-radius: 2px;
	line-height: 1em;
	color: #FF6B7B;
	border: solid 1px #FF7887;
}

#facility.bazaar-each .columnBox{width:100%;}

#facility.bazaar-each .columnBox img{width:100%;height:auto;}

#facility.bazaar-each .columnBox .box_L {

	width: 33%;padding:1px;
}

#facility.bazaar-each .columnBox .box_L img{padding:5px 0px 0px 5px;}

#facility.bazaar-each .columnBox .box_L img:nth-child(2) {padding:10px 0px 0px 5px;
}

#facility.bazaar-each .columnBox .box_R {
width: 67%;
    padding:5px;
}

#facility.bazaar-each p.copy, #facility.bazaar-each p.attention {
	padding-top: 15px;
}

#facility.bazaar-each p.attention {
	font-size: 80%;
	color: #999;
	line-height: 1.5em;
}

#facility.bazaar-each .info {
	border: solid 1px #E6E6E6;
	margin-top: 20px;
	padding: 26px 30px 22px 30px;
	text-align: center;
}

#facility.bazaar-each .info h4 {
	font-size: 127%;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: solid 3px #DCDCDC;
}

#facility.bazaar-each .info p {
	font-size: 1.7em;
	font-weight: bold;
}

/*
#facility.bazaar-each .info span.info_deco01 {
	color: #CCC;
	font-weight: normal;
}
*/

#facility.bazaar-each #cont-banya {
	border-top: solid 4px #C8AF5A;
	border-bottom: solid 4px #C8AF5A;
	background-color: #141414;
	padding: 40px 30px 30px 30px;
	margin-top: 30px;
}

#facility.bazaar-each #cont-banya img{width:100%;height:auto;}

#facility.bazaar-each #cont-banya h4, #facility.bazaar-each #cont-banya h5, #facility.bazaar-each #cont-banya p {
	font-family: "游明朝" , "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro" !important;
	font-weight: normal !important;
}

#facility.bazaar-each #cont-banya h4 {
	color: #FFF;
	font-size: 200%;
	text-align: center;
	padding-bottom: 10px;
}

#facility.bazaar-each #cont-banya h5 {
	color: #DCC88C;
	font-size: 167%;
	padding-bottom: 10px;
}

#facility.bazaar-each #cont-banya p {
	color: #FFF;
}

#facility.bazaar-each #cont-banya .columnBox_imgL, #facility.bazaar-each #cont-banya .columnBox_imgR {
	padding: 30px 0px;
}

#facility.bazaar-each #cont-banya .columnBox_imgL .box_L { width: 50%; }
#facility.bazaar-each #cont-banya .columnBox_imgL .box_R { width: 50%; }
#facility.bazaar-each #cont-banya .columnBox_imgR .box_L {width: 50%; }
#facility.bazaar-each #cont-banya .columnBox_imgR .box_R {width: 50%; }

@media screen and (max-width:768px){
    
#facility.bazaar-each #cont-banya .columnBox_imgL .box_L { width: 100%; }
#facility.bazaar-each #cont-banya .columnBox_imgL .box_R { width: 100%; }
#facility.bazaar-each #cont-banya .columnBox_imgR .box_L {width: 100%; }
#facility.bazaar-each #cont-banya .columnBox_imgR .box_R {width: 100%; }
    
}

#facility.bazaar-each .cont-menu h4 {
    font-size: 154%;
    padding-bottom: 14px;
	border-bottom: solid 1px #E6E6E6;
	margin-top: 50px;
}

#facility.bazaar-each .cont-menu h4 span {
	font-size: 60%;
	font-weight: normal;
}

#facility.bazaar-each .cont-menu .menu {
	padding: 15px 0px 13px 0px;
	border-bottom: solid 1px #E6E6E6;
    display:flex;flex-wrap:wrap;
}

#facility.bazaar-each .cont-menu h5 {
    font-size: 127%;
    padding: 12px 0px;
    line-height: 1.3em;
}

#facility.bazaar-each .cont-menu h5 span {
	display: block;
	float: right;
}

#facility.bazaar-each .cont-menu h5 span.s {
	display: inline-block;
	float: none;
	font-size: 0.6em;
}

#facility.bazaar-each .cont-menu h5 img {
	vertical-align: middle;
}

#facility.bazaar-each .cont-menu p {
	line-height: 1.5em;
	font-size: 94%;
	color: #666;
}

#facility.bazaar-each .cont-menu p span {
	display: inline-block;
	padding: 5px 6px 4px 6px;
    margin: -2px 5px 0px 0px;
	vertical-align: middle;
	font-size: 94%;
	border-radius: 2px;
	line-height: 1em;
	color: #FF6B7B;
	background-color: #FFF0F0;
}

#facility.bazaar-each .cont-menu .photo {
	width: 50%;padding:10px;
}

#facility.bazaar-each .cont-menu .photo img {
	width: 100%;
	height: auto;
}

#facility.bazaar-each .cont-menu .data {

	width: 50%;padding:10px;
}

@media screen and (max-width:768px){
    #facility.bazaar-each .cont-menu .photo{width:100%;}  
    #facility.bazaar-each .cont-menu .data{width:100%;}

}

#facility.bazaar-each .cont-menu .menu-drink {
	border-bottom: solid 1px #E6E6E6;
	padding: 5px 0px;
}

#facility.bazaar-each table.simple p {
	font-size: 94%;
	padding-top: 5px;
}

#facility.bazaar-each .push {
	margin-top: 25px;
	width: 100%;
	display: flex;
    flex-wrap:wrap;
}

#facility.bazaar-each .push .box_L {
	width: 30%;
}

#facility.bazaar-each .push .box_R {
	width: 70%;
}

#facility.bazaar-each .push .box_R p {
	background-color: #FFF0F0;
	border-radius: 6px;
	margin-left: 20px;
	padding: 20px;
	font-size: 107%;
}

@media screen and (max-width:768px){

#facility.bazaar-each .push .box_L {

	width: 100%;
}

#facility.bazaar-each .push .box_R {

	width: 100%;
}

}

#facility.bazaar-each > .cont-shop > .shop:first-child {
	border-top: solid 1px #E6E6E6;
}

#facility.bazaar-each .cont-shop .shop {
	padding: 15px 0px 13px 0px;
	border-bottom: solid 1px #E6E6E6;
    display:flex;flex-wrap:wrap;
}

#facility.bazaar-each .cont-shop .data {
	width: 50%;
}

#facility.bazaar-each .cont-shop h5 {
	margin-bottom: 6px;
}

.shop-logo{}

.shop-logo img{width:100%;height:auto;}

#facility.bazaar-each .cont-shop p {
	line-height: 1.8em;
}

#facility.bazaar-each .cont-shop .photo {
	width: 50%;
	height: auto;
}

#facility.bazaar-each .cont-shop .photo img {
	width: 100%;
	height: auto;
}

#facility.bazaar-each .btnArea {
	float: right;
	width: 180px;
	padding: 5px 0px 10px 0px;
}

#facility.bazaar-each .btnArea a {
	box-shadow: 0px 3px 0px #F05064;
	padding: 5px 0px 5px 10px;
	font-size: 100%;
	color: #FFF;
	background: url(../img/icon_link_out_white.png) no-repeat 10px center #FF7887;
}


/* maincontents 下層｜おすすめ情報
---------------------------------------------------------------------------------------------------------------------------------------- */

@media all and (-ms-high-contrast:none){
  #recommend ul#recommend_tab li { padding-top: 18px !important; } /* IE10以上ハック */
}

#recommend h3 {
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 8px;
}

/* タブ */

#recommend ul#recommend_tab {
	height: 60px;
	font-size: 0;
}

#recommend ul#recommend_tab li {
	 
    float: left;
    height: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding-top: 14px;
	padding-left: 10px;
    border-radius: 8px;
    position: relative;
	background-repeat: no-repeat;
	background-position: left center;
}

#recommend ul#recommend_tab li#tab_eat { border: solid 2px #FF6478; color: #FF6478; width: 214px; background-image: url(../img/recommend/icon_eat_off.png); margin-right: 8px; }
#recommend ul#recommend_tab li#tab_see { border: solid 2px #46BEE6; color: #46BEE6; width: 214px; background-image: url(../img/recommend/icon_see_off.png); margin-right: 8px; }
#recommend ul#recommend_tab li#tab_play { border: solid 2px #27AE60; color: #27AE60; width: 214px; background-image: url(../img/recommend/icon_play_off.png); }

#recommend ul#recommend_tab li#tab_eat.active { background-color: #FF6478; color: #FFF; background-image: url(../img/recommend/icon_eat_on.png); }
#recommend ul#recommend_tab li#tab_see.active { background-color: #46BEE6; color: #FFF; background-image: url(../img/recommend/icon_see_on.png); }
#recommend ul#recommend_tab li#tab_play.active { background-color: #27AE60; color: #FFF; background-image: url(../img/recommend/icon_play_on.png); }

#recommend ul#recommend_tab li.active span.arrow {
	display: block;
	width: 100%;
	height: 10px;
	position: absolute;
	bottom: -10px;
	left: 0px;
	background-size: 16px 10px;
	background-repeat: no-repeat;
	background-position: bottom center;
	font-size: 0;
	line-height: 0;
}

#recommend ul#recommend_tab li#tab_eat.active span.arrow { background-image: url(../img/recommend/icon_arrow_tab_eat.png); }
#recommend ul#recommend_tab li#tab_see.active span.arrow { background-image: url(../img/recommend/icon_arrow_tab_see.png); }
#recommend ul#recommend_tab li#tab_play.active span.arrow { background-image: url(../img/recommend/icon_arrow_tab_play.png); }

#recommend ul#recommend_tab li#tab_eat:hover { background-color: #FF6478; color: #FFF; cursor: pointer; background-image: url(../img/recommend/icon_eat_on.png); }
#recommend ul#recommend_tab li#tab_see:hover { background-color: #46BEE6; color: #FFF; cursor: pointer; background-image: url(../img/recommend/icon_see_on.png); }
#recommend ul#recommend_tab li#tab_play:hover { background-color: #27AE60; color: #FFF; cursor: pointer; background-image: url(../img/recommend/icon_play_on.png); }

/* コンテンツ */

#recommend .cont {
	clear: both;
}

#recommend.sat .btn { background-color: #FF7887; box-shadow: 0px 3px 0px #F05064; }
#recommend.see .btn { background-color: #46BEE6; box-shadow: 0px 3px 0px #00A0D2; }
#recommend.play .btn { background-color: #27AE60; box-shadow: 0px 3px 0px #008250; }

#recommend h4 {
	font-size: 174%;
	letter-spacing: -0.1em;
	margin: 50px 0px 20px 0px;
	line-height: 1.5em;
}

#recommend h4 span {
	font-size: 1.4em;
}

#recommend h4 img {
	margin-top: -25px;
}

#recommend p {
	line-height: 1.8em;
}

#recommend .btnArea {
	margin-top: 40px;
}

#recommend .columnBox_imgL h4, #recommend .columnBox_imgR h4 {
	margin: 0px 0px 15px 0px !important;
}

#recommend .columnBox img {
	margin-bottom: 10px;
}

#recommend .columnBox, #recommend .columnBox_imgL, #recommend .columnBox_imgR {
	padding-top: 10px;
}

#recommend .spaceTOP {
	margin-top: 40px;
}

#recommend .columnBox .box_L { float: left; width: 345px; }
#recommend .columnBox .box_R { float: right; width: 345px; }

#recommend .columnBox_imgL .box_L { float: left; width: 260px; }
#recommend .columnBox_imgL .box_R { float: right; width: 410px; }
#recommend .columnBox_imgR .box_L { float: left; width: 410px; }
#recommend .columnBox_imgR .box_R { float: right; width: 260px; }

/* maincontents 下層｜団体でご利用のお客様
---------------------------------------------------------------------------------------------------------------------------------------- */

@media all and (-ms-high-contrast:none){ /* IE10以上ハック */
  #group ul#group_tab li { padding: 18px 0px 12px 0px !important; }
  #group h3 { padding: 10px 15px 2px 15px !important; }
}

/* タブ */

#group ul#group_tab {
	width: 100%;
	font-size: 0;
}

#group ul#group_tab li {
	 
    float: left;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 0px;
    border: solid 2px #FF6E00;
    border-radius: 8px;
    position: relative;
    color: #FA6E00;
}

#group ul#group_tab li p {
	font-size: 0.7em;
	line-height: 1.3em;
	padding-top: 10px;
}

#group ul#group_tab li#tab_restaurant { width: 342px; margin-right: 8px; }
#group ul#group_tab li#tab_experience { width: 342px; }

#group ul#group_tab li.active {
	background-color: #FF6E00;
	color: #FFF;
}

#group ul#group_tab li.active span.arrow {
	display: block;
	width: 100%;
	height: 10px;
	position: absolute;
	bottom: -10px;
	left: 0px;
	background: url(../img/icon_arrow_tab_orange.png) no-repeat bottom center;
	background-size: 16px 10px;
	font-size: 0;
	line-height: 0;
}

#group ul#group_tab li:hover {
	background-color: #FF6E00;
	color: #FFF;
	cursor: pointer;
}

/* コンテンツ */

#group .cont {
	clear: both;
	padding-top: 40px;
}



#group .group-main{}

.group-main .leadCopy{padding:10px 0px;font-size:18px;line-height:2;}

#group p {
	line-height: 1.5;
}

#group h3 {
	padding: 8px 15px 5px 15px;
	font-size: 134%;
	margin: 40px 0px 20px 0px;
	line-height: 1.5em;
	background-color: #FFF0E6;
	border-bottom: solid 3px #FF6E00;
}

#group .group-box{} 

#group .group-inbox{width:50%;padding:5px;}

#group .group-inbox30{width:30%;padding:5px;text-align:center;vertical-align: middle;}

#group .group-inbox70{width:70%;padding:5px;}

#group .group-inbox img{width:100%;height:auto;}

.btn-erea{padding:10px;width:100%;text-align:center;}

.btn-erea-2{padding:10px;width:100%;text-align:left;margin:10px 0px 10px 0px;}

.use_base{padding:10px;}

.use_base ul{}

.use_base li{padding:20px;}

.use_base li a{font-size:20px;font-weight:bold;background:#ffca53;padding:10px;color:#fafafa;border-radius:20px;text-align:center;border:1px solid #ffca53;width:40%;display:block;margin:0px auto;}

.use_base li a:hover{background:#fafafa;color:#ffca53;border:1px solid #ffca53;transition: all 0.6s ease;}



.grp-btn{font-size:1.2vw;font-weight:bold;background:#FF6E00;padding:10px;color:#fafafa;border-radius:20px;text-align:center;border:1px solid #FF6E00;margin:10px 0px;padding:10px;}

.grp-btn:hover{background:#fafafa;color:#FF6E00;border:1px solid #FF6E00;transition: all 0.6s ease;}

@media screen and (max-width:768px){
    
.group-main .leadCopy{font-size:14px;}
    
#group .group-inbox{width:100%;}
    
.grp-btn{font-size:2vw;}

}



#group .group-box .box_L { float: left; width: 410px; }
#group .group-box .box_R { float: right; width: 250px; }


#group table.simple {
	margin-top: 20px;
	line-height: 1.8em;
}

#group table.simple th {
    padding-left: 20px;
    width: 20%;
	font-weight: bold;
	vertical-align: top;
}

#group .info {
	border: solid 1px #E6E6E6;
	margin-top: 40px;
	padding: 30px;
}

#group .info h4 {
	font-size: 127%;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: solid 3px #DCDCDC;
}

/* maincontents 下層｜施設利用
---------------------------------------------------------------------------------------------------------------------------------------- */

@media all and (-ms-high-contrast:none){
  #use ul#use_tab li { padding: 18px 0px 12px 0px !important; } /* IE10以上ハック */
}

#use p, #use a {
	line-height: 1.8em;
}

#use #pageTitle {
	width: 100%;
	margin-bottom: 8px;
}

@media print {

#use #pageTitle {
	width: 700px;
	background-image: none;
	background-color: #f2f2f2;
	margin-bottom: 8px;
}

}

#use #pageTitle h3 {
    font-size: 200%;
    padding: 40px 30px 0px 30px;
}

#use #pageTitle p {
     
    font-weight: bold;
    font-size: 105%;
    padding: 24px 30px;
}

#use #pageTitle p span {
	display: block;
}

/* タブ */

#use ul#use_tab {
	width: 100%;
    display:flex;
    flex-wrap:wrap;
}

#use ul#use_tab li {
    width: 50%;
    padding:5px;

}

#use ul#use_tab li a{
	 
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
    border: solid 2px #FF6E00;
    border-radius: 8px;
    color: #FA6E00;
    box-sizing:border-box;
    display:block;
}


#use ul#use_tab li a:hover {
	background-color: #FF6E00;
	color: #FFF;
	cursor: pointer;
    transition: all 0.6s ease;
}

@media screen and (max-width:768px){

#use ul#use_tab li a{
    padding:5px;
    font-size: 14px;}

}

/* コンテンツ */

#use h4 {
    font-size: 160%;
    padding-bottom: 14px;
	border-bottom: solid 1px #E6E6E6;
	margin-bottom: 20px;
	padding-top: 50px;
}

#use .cont h5 {
	font-size: 114%;
	padding: 35px 0px 5px 0px;
}

#use .cont>h4+h5 {
	padding: 20px 0px 5px 0px;
}

#use p.ind10  {
	padding-left: 10em;
	text-indent: -10em;
}

#use p.ind03  {
	padding-left: 3em;
	text-indent: -3em;
}

#use .info {
	border: solid 1px #E6E6E6;
	margin-top: 40px;
	padding: 30px;
}

#use .info h5 {
	font-size: 127%;
	margin-bottom: 15px;
	padding: 0px 0px 10px 0px;
	border-bottom: solid 3px #DCDCDC;
}

/* テーブル */

table.flow {
	width: 100%;
	line-height: 1.3em;
}

table.flow th {
	padding: 10px 0px;
	text-align: center;
	background-color: #FF6E00;
	color: #FFF;
	font-size: 114%;
	width: 160px;
	vertical-align: middle;
}

table.flow td {
	padding: 10px 15px;
	background-color: #F5F5F5;
}

table.flow tr.arrow th, table.flow tr.arrow td { background-color: #FFF; }
table.flow tr.f01 th, table.flow tr.f01 td { background-color: #FFF0E6; color: #FA6E00; }
table.flow tr.f02 th, table.flow tr.f02 td { background-color: #E74C3C; }

/*トップへ戻る*/

.use_topback{text-align: right;padding:10px;border-bottom:1px solid #E6E6E6;margin:10px;}

.use_topback a{text-decoration: none;padding:5px;color:#FF6E00;}

.use_topback a:hover{color:#FF7887;}

/* maincontents 下層｜サイトマップ
---------------------------------------------------------------------------------------------------------------------------------------- */

#sitemap a {
	text-decoration: none;
	color: #1A1A1A;
	background: url(../img/arrow_link_orange.png) no-repeat 3px center;
	padding-left: 25px;
}

#sitemap a.out {
	background: url(../img/icon_link_out_orange.png) no-repeat left center;
	padding-left: 25px;
}

#sitemap a.home {
	font-weight: bold;
	font-size: 107%;
	display: block;
	margin-bottom: 25px;
}

table.sitemap {
	width: 100%;
	border-bottom: solid 1px #E6E6E6;
	line-height: 1.5em;
	*border: #FFF; /* IE7ハック */
}

table.sitemap tbody {
	border-top: solid 1px #E6E6E6;
}

table.sitemap th {
	padding: 20px 0px;
	vertical-align: middle;
	width: 400px;
	vertical-align: top;
}

table.sitemap td {
	padding-top: 20px;
	width: 500px;
	vertical-align: middle;
}

table.sitemap tbody > tr:last-child td {
	padding-bottom: 20px;
}

/* maincontents 下層｜会社概要
---------------------------------------------------------------------------------------------------------------------------------------- */

#company h3 {
    font-size: 160%;
    padding-bottom: 15px;
	border-bottom: solid 1px #E6E6E6;
	margin-bottom: 20px;
	padding-top: 50px;
}

#company img{width:80%;height:auto;margin:0px auto;}

#company > img + h3 {
	margin-bottom: 0px;
	border-bottom: 0px;
}

#company h4 {
	font-size: 114%;
	padding-bottom: 15px;
}

#company p, #company a {
    line-height: 1.8em;
}

#company ol {
	margin-left: 2.2em;
}

#company ol li {
	list-style-type: decimal;
	padding-bottom: 15px;
}

#company ol > li:last-child {
	padding-bottom: 0px;
}

#company table {
	margin-top: 0px;
}

#company table th {
	padding: 20px 0px;
    width: 150px;
    vertical-align: top;
	font-weight: bold;
}

#company table td {
	padding: 20px 0px;
    width: 550px;
    vertical-align: top;
}

#company .cont {
	margin-bottom: 20px;
}


#movie_wrap {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	padding: 30px 0;
	text-align: center;
	background: #FFF0E6;
}

#movie_wrap .movie_contents {
	display: inline-block;
	width: 26%;
	margin: 20px;
	border: 10px solid #fff;
}

#movie_wrap .movie_contents iframe {
	width: 100%;
	height: 220px;
}

.ig_area {
	clear: both;
}

.ig_area .eui-widget-title {
	/* display: none !important; */
}

.ig_area .ig_area_img {
	padding: 30px 0 0 0 !important;
	height: 33px !important;
}

.ig_area .ig_area_img img {
	width: auto !important;
	height: 33px !important;
}