@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Oswald);

/*
-----------------------------------------------
Jam Design RESET CSS 1.0
▼お出かけデザイン 2016.10
----------------------------------------------- */
* {
box-sizing:border-box;
margin:0;
padding:0;
border:0;
outline:0;
font-style:normal;
word-break:normal;
word-wrap:break-word;
}
body {
-webkit-text-size-adjust:100%;
overflow-x:hidden;
font-family:"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
font-size:14px;
line-height:1.7;
color:#333;
-webkit-font-smoothing:subpixel-antialiased;
}

small {
font-size:80%;
}
article,aside,figure,footer,header,main,menu,nav,section {
display:block;
}
audio,canvas,video {
display:inline-block;
}
img {
vertical-align:bottom;
}
input,select {
font-size:100%;
vertical-align:middle;
}
ul,ol {
list-style-type:none;
}
h1,h2,h3,h4,h5,h6,strong {
-webkit-font-smoothing:antialiased;
}
table {
border-collapse:collapse;
border-spacing:0;
}

a {
color:#333;
text-decoration:none;
}
a:hover,a:active {
text-decoration:none;
}
a img {
transition:opacity 0.5s ease-in-out;
}
a:hover img {
opacity:0.8;
}
.cf:after {
display:block;
content:"";
clear:both;
}

.sponly {display:none;}
.txtL {text-align:left;}
.txtR {text-align:right;}
.hidden {overflow:hidden;}
.center {text-align:center;}
.soroe {text-align:justify;}
.nowrap {white-space:nowrap;}
.inL {display:inline-block;}
.imgL {float:left; margin:0 16px 4px 0;}
.imgR {float:right; margin:0 0 4px 16px;}
.btm4 {margin-bottom:4px;}
.btm8 {margin-bottom:8px;}
.btm16 {margin-bottom:16px;}
.btm20 {margin-bottom:20px;}
.btm24 {margin-bottom:24px;}
.btm32 {margin-bottom:32px;}
.btm48 {margin-bottom:48px;}
.btm64 {margin-bottom:64px;}
.top48 {margin-top:48px;}
.left24 {margin-left:24px;}
.f12 {font-size:12px;}
.f16 {font-size:16px;}
.f17 {font-size:17px;line-height:1.8;}
.f18 {font-size:18px;}
.kome {
padding-left:1em;
text-indent:-1em;
}
.efont {
font-family:'Oswald',sans-serif;
letter-spacing:.03em;
}
.f22 {font-size:22px;}

body {
background:#f2f2f2;
}
input[type="submit"] {
-webkit-appearance:none;
}

/*
-----------------------------------------------
▼ 基本スマホ
----------------------------------------------- */
.sb-slidebar {
display:none;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
@media (max-width:767px) {
body {
font-family:sans-serif;
}
.pconly {display:none;}
.sponly {display:block;}
img {
max-width:100%;
height:auto;
}

/* サイドメニュー */
#spsidenav {
background:#666;
z-index:0;
}
#spsidenav ul li a {
display:block;
font-size:14px;
color:#fff;
}
#spsidenav > ul > li > a {
padding:12px 14px;
border-bottom:solid #999 1px;
}
.liborder {
border-bottom:solid #999 1px;
}
#spsidenav h3 {
margin:8px 14px;
padding:0 8px;
border:solid #fff 1px;
font-size:14px;
color:#fff;
}
#spsidenav .spside01 {
margin:0 14px 12px;
}
#spsidenav .spside01 ul {
overflow:hidden;
margin-right:-10px;
}
#spsidenav .spside01 li {
float:left;
margin-right:10px;
width:58px;
}
#spsidenav .spside01 li a {
display:block;
padding:0;
border-bottom:0;
height:0;
padding:58px 0 0;
overflow:hidden;
background:url(../img/side_btn01.png) no-repeat 0 0;
background-size:187px auto;
}
#spsidenav #side01b a {
background-position:-64px 0;
}
#spsidenav #side01c a {
background-position:-129px 0;
}

#spsidenav .eventname .inL {
font-size:14px;
}
.spsideeve {
margin:0 14px 14px;
line-height:1.4;
}
.spsideeve a {
padding:4px 0;
overflow:hidden;
border-top:solid #999 1px;
}

.spsideeve li:first-child a {
border-top:0;
}

.spsideeve .evekikan {
color:#fff;
}
.spsideeve .evekikan:before {
background:url(../img/cal_icn_wt.png) no-repeat 0 0;
background-size:contain;
}
.spsideeve .imgcap {
padding:0;
}
.spsideeve .imgcap .txtR {
font-size:12px;
}

}

/*
-----------------------------------------------
▼ row設定2016
----------------------------------------------- */
.row {
margin:0 -5px;
font-size:0; /* 隙間対策 */
}
.col {
display:inline-block;
vertical-align:top;
font-size:14px;
position:relative;
min-height:1px;
}
.col2 .col {
width:50%;
padding:0 5px 24px;
}
.col3 .col {
width:33.333%;
padding:0 5px 24px;
}
.col4 .col {
width:25%;
padding:0 5px 24px;
}
.col5 .col {
width:20%;
padding:0 5px 24px;
}
.row img {
max-width:100%;
height:auto;
}

@media (max-width:736px) {
.col2 .col,
.col3 .col,
.col4 .col,
.col5 .col {
font-size:16px;
width:50%;
}

}

@media (max-width:414px) {
.col2 .col,
.col3 .col,
.col4 .col,
.col5 .col {
font-size:16px;
width:100%;
}

}


/*
-----------------------------------------------
▼ Loading
----------------------------------------------- */
#loading {
width:60px;
height:60px;
display:none;
position:fixed;
top:50%;
left:50%;
margin-top:-30px;
margin-left:-30px;
z-index:100;
}
#fade {
width:100%;
height:100%;
display:none;
background-color:#fff;
position:fixed;
top:0;
left:0;
z-index:50;
}

/*
-----------------------------------------------
▼ 共通
----------------------------------------------- */
#wrapper {
margin:142px 0 0;
}
.in {
margin:0 auto;
width:1230px;
}
.forkei {
padding-bottom:10px;
display:block;
height:100%;
background:#fff;
}
.h2a {
margin:0 0 16px;
border-left:solid #a6f2d4 8px;
padding:6px 0 6px 14px;
font-size:22px;
font-weight:normal;
line-height:1.3;
}
.h2a .efont {
font-size:40px;
}
.h2b {
margin:0 0 16px;
border-left:solid #a6f2d4 8px;
padding:6px 0 6px 14px;
font-size:22px;
font-weight:normal;
line-height:1.3;
}
.h2b .efont {
font-size:32px;
vertical-align:-10%;
}

@media (max-width:1262px) {
.in {
margin:0 16px;
}

}

@media (max-width:767px) {
.in {
margin:0 14px;
width:auto;
}
#wrapper {
margin:0;
padding:50px 0 0;
background:#f2f2f2;
}
#topics {
margin:0 14px;
width:auto;
}
.h2a {
padding:6px 0 6px 8px;
font-size:18px;
}
.h2a br {
display:none;
}
.h2a .efont {
margin-right:10px;
font-size:28px;
vertical-align:middle;
}

}

/*
-----------------------------------------------
▼ header スマホとPCを別に変更
----------------------------------------------- */
/* PC用 */
#spheader {
display:none;
}
#header {
position:fixed;
top:0;
left:0;
width:100%;
z-index:20;
height:142px;
background:#fff;
padding:10px 0 18px;
border-bottom:solid #0abba5 4px;
}
#noscript {
margin:0 0 16px;
padding:8px 16px;
background:#eee;
font-size:16px;
}
#headL {
position:relative;
float:left;
width:400px;
}
#headR {
position:relative;
float:right;
width:340px;
}
#headcat {
font-size:12px;
margin:0 0 12px;
}
#headR01 {
margin:0 0 28px;
letter-spacing:.05em;
text-align:right;
font-size:12px;
}
#headR01 img {
vertical-align:0%;
}
#headR01 a:hover {
text-decoration:underline;
}
#headR02 {
text-align:right;
}

.w_hare {
display:inline-block;
margin:6px 8px 0;
background:url(img/hare_icn.png) no-repeat 0 0;
background-size:24px auto;
height:0;
padding:24px 0 0;
overflow:hidden;
}
a.w_btn {
display:inline-block;
background:#999;
color:#fff;
padding:0 10px;
height:20px;
line-height:20px;
font-size:12px;
border-radius:4px;
transition:background 0.5s ease-in-out;
}
a:hover.w_btn {
background:#36cfbc;
}


@media (max-width:767px) {
#header {
display:none;
}
#spheader {
display:block;
position:fixed;
top:0;
left:0;
z-index:20;
background:#fff;
width:100%;
border-top:solid #0abba5 4px;
padding:7px 0 0;
height:50px;
box-shadow:0 4px 8px rgba(0, 0, 0, .3);
}
.sb-toggle-right {
position:absolute;
top:0;
right:0;
z-index:21;
background:none;
width:46px;
cursor:pointer;
}
.sb-toggle-right.on {
background:url(../img/nav_icn_on.png) no-repeat 0 0;
background-size:46px auto;
}
.sb-toggle-right.on img {
opacity:0;
}

#spheadL {
margin:0;
}
#spheadR {
position:absolute;
top:2px;
right:54px;
width:60px;
height:46px;
}
#spheadL h1 {
width:160px;
line-height:1;
}

#spheadR .inL {
position:relative;
width:64px;
height:32px;
}
#spheadR .f22 {
position:absolute;
top:14px;
left:0;
font-size:14px;
}
#spheadR .sptxt {
position:absolute;
top:0;
left:30px;
font-size:10px;
width:24px;
}

.w_hare {
display:inline-block;
position:absolute;
top:16px;
left:30px;
background:url(img/hare_icn.png) no-repeat 0 0;
background-size:24px auto;
width:24px;
height:24px;
margin:0;
padding:24px 0 0;
overflow:hidden;
}

}

/*
-----------------------------------------------
▼ nav
----------------------------------------------- */
#kaiso {
display:none;
}
#navbtn {
display:none;
}
#nav {
position:absolute;
top:70px;
left:200px;
width:520px;
}
#nav ul {
overflow:hidden;
}
#nav li {
float:left;
width:130px;
}
#nav a {
display:block;
text-align:center;
font-size:12px;
}
#nav a:hover {
color:#0abba5;
text-decoration:none;
}
#nav .on a {
color:#0abba5;
}
#nav .efont {
font-size:20px;
line-height:1.3;
}

@media (max-width:767px) {
#navbtn {
position:relative;
display:block;
top:0;
right:0;
width:50px;
z-index:15;
}
#kaiso {
display:block;
position:fixed;
top:4px;
right:0;
z-index:21;
background:none;
width:50px;
}
#kaiso.on {
background:url(../img/nav_icn_on.png) no-repeat 0 0;
background-size:50px auto;
}
#kaiso.on img {
opacity:0;
}

#nav {
display:none;
position:absolute;
top:50px;
left:0;
width:100%;
background:rgba(0,0,0,0.9);
z-index:22;
}
#nav ul {
margin:0 auto;
width:auto;
overflow:hidden;
height:260px;
overflow:scroll;
}
#nav li {
float:none;
width:auto;
}
#nav li p {
display:inline-block;
}
#nav .efont {
font-size:16px;
}
#nav a {
padding:0 14px;
line-height:44px;
height:44px;
color:#fff;
width:100%;
display:block;
position:relative;
border-bottom:solid #ccc 1px;
text-align:left;
}
#nav li a:hover {
opacity:1;
text-decoration:none;
background:#000;
color:#fff;
}
#nav a::after{
content:"";
display:block;
position:absolute;
right:16px;
top:50%;
margin-top:-7px;
width:10px;
height:10px;
border-top:4px solid #666;
border-right:4px solid #666;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

#spnav {
margin:0 -14px;
margin:0 ;
background:#0abba5;
overflow:hidden;
}
#spnav ul {
display:-webkit-flex; /* 古いiOS用 */
display:flex;
justify-content:space-between;
justify-content:center;
-webkit-flex-wrap:wrap; /* 古いiOS用 */
flex-wrap:wrap;
align-items:stretch;
}
#spnav li {
font-size:10px;
line-height:1.3;
}

#spnav li a {
width:116px;
display:inline-block;
color:#fff;
padding:4px;
}
#spnav li .efont {
font-size:14px;
}
#spnav01 a:before,
#spnav02 a:before,
#spnav03 a:before {
content:"";
width:30px;
height:30px;
display:inline-block;
position:relative;
top:2px;
float:left;
margin-right:4px;
}
#spnav01 a:before {
background:url(img/topics_icn.png) no-repeat 0 0;
background-size:contain;
}
#spnav02 a:before {
background:url(img/event_icn.png) no-repeat 0 0;
background-size:contain;
}
#spnav03 a:before {
background:url(img/spot_icn.png) no-repeat 0 0;
background-size:contain;
}

}

@media (max-width:320px) {
#spnav li {
font-size:9px;
}
#spnav li a {
width:106px;
padding:6px 0 6px 4px;
}
#spnav01 a:before,
#spnav02 a:before,
#spnav03 a:before {
top:0;
}

}


/*
-----------------------------------------------
▼ YouTube再生
----------------------------------------------- */
#topmov {
margin:0 0 48px;
position:relative;
overflow:hidden;
height:600px;
}
.youtube_bg {
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;
}

.youbg2 {
position:absolute;
width:100%;
height:100%;
background:url(../img/movbg.png);
z-index:3;
}
.youbg {
position:absolute;
width:100%;
height:100%;
/* background:#000 url(../img/asaroku.jpg) center center no-repeat; *//* -- 動画変更時に変更 -- */
/*background-color:#000;*/　 /* -- 変更 -- */
background-position:center center;　 /* -- 変更 -- */
background-repeat:no-repeat; /* -- 変更 -- */
background-size:cover;
z-index:2;
}
.youtube_bg iframe {
position:absolute;
width:100%;
height:100%;
z-index:1;
}

@media (min-width:1901px) {
.youtube_bg iframe {
top:-20%;
}
}
@media (max-width:1900px) {
.youtube_bg iframe {
top:-10%;
}
}
@media (max-width:1400px) {
.youtube_bg iframe {
top:-5%;
}
}
@media (max-width:1120px) {
#topmov {
height:auto;
}
.youtube_bg iframe {
top:0;
}
}

#movon {
position:absolute;
top:28%;
left:50%;
margin-left:-615px;
text-align:center;
color:#fff;
width:1230px;
z-index:3;
}
#movon h2 {
font-size:32px;
font-size:60px;
}
#doko_serch {
width:350px;
min-height:40px;
padding:4px 10px;
background:url(img/serch_bg.png) no-repeat right 50%;
border-radius:4px;
font-size:16px;
vertical-align:40%;
}

#movsearch {
display:inline-block;
margin-left:10px;
height:40px;
line-height:40px;
padding:0 30px;
background:#0abba5;
color:#fff;
border-radius:4px;
font-size:18px;
font-weight:bold;
-webkit-font-smoothing:antialiased;
vertical-align:18%;
cursor:pointer;
}
#movsearch:hover {
background:#36cfbc;
}
#movon .efont {
display:inline-block;
margin-right:12px;
font-size:24px;
line-height:1.3;
}
.topkey {
margin:16px 0 0;
}
.topkey strong {
display:inline-block;
margin-right:12px;
}
.topkey span a {
display:inline-block;
margin-right:12px;
height:28px;
line-height:28px;
border:solid #fff 1px;
color:#fff;
padding:0 8px;
background:rgba(0,0,0,0.4);
transition:background 0.5s ease-in-out;
}
.topkey span a:hover {
background:#0abba5;
}


@media (max-width:767px) {
#topmov {
margin-bottom:16px;
}
.youtube_bg {
background:#000 url(../img/asaroku.jpg) top center no-repeat; /* -- 動画変更時に変更 -- */
background-size:cover;
padding:0;
height:300px;
}
.youbg2,
.youtube_bg iframe,
.youbg {
display:none;
}

#movon {
top: 0;
left: 50%;
margin: 40px 0 0 -200px;
padding: 0 14px;
color: #fff;
width: auto;
width: 400px;
text-align: center;
}
#movon h2 {
font-size:24px;
}
#doko_serch {
width:100%;
min-height:40px;
padding:4px 10px;
border:1px solid #999;
background:url(img/serch_bg.png) no-repeat right 50%;
border-radius:4px;
}
#movsearch {
display:block;
margin:10px auto 0;
width:160px;
height:36px;
line-height:36px;
padding:0;
}
#movon .efont {
display:none;
}
.topkey strong {
display:block;
margin-bottom:8px;
}
.topkey strong.pconly {
display:none;
}
.topkey span a {
margin-bottom:12px;
}

}


@media (max-width:414px) {
#movon {
left: 50%;
margin: 30px 0 0 -140px;
padding: 0 14px;
width: 280px;
}

}


/*
-----------------------------------------------
▼ TOPICS
----------------------------------------------- */
#topics {
margin:0 auto 32px;
padding:10px 0 16px;
width:1230px;
overflow:hidden;
}

@media (max-width:1262px) {
#topics {
margin:0 16px;
}

}

@media (max-width:767px) {
#topics {
margin:0 14px;
width:auto;
}

}

/*
-----------------------------------------------
▼ ease エフェクト
----------------------------------------------- */
@media (min-width:768px) {
.ease {
position:relative;
overflow:hidden;
background:#000;
font-weight:bold;
-webkit-font-smoothing:antialiased;
}
.ease img {
transition:all 0.9s ease-out 0.2s;
}
.ease:hover img {
opacity:.6;
transform:scale(1.1);
}
.ease figcaption {
background:rgba(255,255,255,.8);
position:absolute;
left:-1px;
transition:all 0.5s ease 0.5s;
}
.easebig figcaption {
bottom:48px;
width:80%;
padding:24px 16px 16px;
}
.easemid figcaption {
bottom:24px;
width:80%;
padding:18px 14px 14px;
}
.ease:hover figcaption {
background:rgba(255,255,255,1);
}

#topics .col4 .ease {
width:100%;
height:176px;
position:static;
}

}

@media (max-width:767px) {
.figblk {
background:#fff;
}
.ease {
position:static;
overflow:visible;
background:transparent;
font-weight:bold;
-webkit-font-smoothing:antialiased;
}
.ease figcaption {
position:static;
}
.easebig figcaption {
width:100%;
padding:12px 12px 16px;
}
.easemid figcaption {
width:100%;
padding:12px 12px 16px;
}

}

.easebig {
width:816px;
height:620px;
}
.easemid {
width:404px;
height:300px;
}

@media (min-width:768px) {
.pickup_icn {
position:absolute;
left:0;
top:-20px;
padding:8px 10px;
font-size:18px;
}
.news_icn {
position:absolute;
left:0;
top:-10px;
}
.event_icn {
position:absolute;
left:0;
top:-10px;
}

}

@media (max-width:767px) {
.pickup_icn {
margin:0 0 8px;
padding:4px 10px;
font-size:14px;
}
.news_icn,
.spot_icn,
.event_icn {
margin:0 0 8px;
}

}

.pickup_icn {
display:inline-block;
background:#ff5252;
color:#fff;
line-height:1;
white-space:nowrap;
}
.news_icn {
display:inline-block;
background:#e4a100;
color:#fff;
padding:4px 10px;
font-size:14px;
line-height:1;
white-space:nowrap;
}
.event_icn {
display:inline-block;
background:#009ee7;
color:#fff;
padding:4px 10px;
font-size:14px;
line-height:1;
white-space:nowrap;
}
.spot_icn {
display:inline-block;
background:#38b467;
color:#fff;
padding:4px 10px;
font-size:14px;
line-height:1;
white-space:nowrap;
}

.imgcap_big {
margin:0 0 8px;
font-size:24px;
line-height:1.4;
}
.imgcap_mid {
margin:0 0 6px;
font-size:18px;
line-height:1.3;
}
#side .imgcap_mid {
font-size:16px;
}

.ease .inL {
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
width:100%;
}
.imgcap_a p:not(:last-child) {
margin-right:10px;
}

/* ▼ おでかけ情報のカラーセット */
.imgcap_a1 {
display:inline-block;
color:#ff5252;
border-bottom:solid #ff5252 2px;
}
.imgcap_a2 {
display:inline-block;
color:#e4a100;
border-bottom:solid #e4a100 2px;
}
.imgcap_a3 {
display:inline-block;
color:#009ee7;
border-bottom:solid #009ee7 2px;
}
.imgcap_a4 {
display:inline-block;
color:#38b467;
border-bottom:solid #38b467 2px;
}
.imgcap_a5 {
display:inline-block;
color:#ff5252;
border-bottom:solid #ff5252 2px;
}

.imgcap_a1 a {
color:#ff5252;
}
.imgcap_a2 a {
color:#e4a100;
}
.imgcap_a3 a {
color:#009ee7;
}
.imgcap_a4 a {
color:#38b467;
}
.imgcap_a5 a {
color:#ff5252;
}
.imgcap_a1 a:hover {
opacity:0.6;
}
.imgcap_a2 a:hover {
opacity:0.6;
}
.imgcap_a3 a:hover {
opacity:0.6;
}
.imgcap_a4 a:hover {
opacity:0.6;
}
.imgcap_a5 a:hover {
opacity:0.6;
}

/* ▼ fig01 */
.fig01L {
float:left;
width:816px;
}
.fig01R {
float:right;
width:404px;
}

@media (max-width:767px) {
.imgcap_big {
margin:0 0 4px;
font-size:20px;
line-height:1.5;
}
.imgcap_mid {
font-size:16px;
}
.easebig {
width:100%;
height:auto;
}
.easemid {
width:100%;
height:auto;
}

.fig01L {
float:none;
width:auto;
margin:0 0 20px;
}
.ease img {
padding:10px 10px 0;
}
.fig01L img {
display:block;
margin:0 auto;
max-width:400px;
height:auto;
}
.fig01R {
float:none;
width:auto;
margin:0 -5px;
font-size:0;
}
.fig01R figure {
display:inline-block;
vertical-align:top;
font-size:14px;
position:relative;
min-height:1px;
width:50%;
padding:0 5px 20px;
}

}

@media (max-width:414px) {
.imgcap_big {
font-size:14px;
}
.fig01R figure {
width:100%;
}

}

/* ▼ 4ブロックrow4 */
@media (min-width:768px) {
.row4 {
margin-right:-10px;
min-height:100%;
}
.row4:after {
display:block;
content:"";
clear:both;
}
.row4 li {
float:left;
width:300px;
margin:0 10px 20px 0;
}
.row4 .img4 {
width:300px;
height:177px;
background:#000;
}
/* 今週開催 */
#konshu_kai .img4 {
background:#000 url(../img/event_bg1.jpg) no-repeat 0 0;
}
/* 来週開催 */
#raishu_kai .img4 {
background:#000 url(../img/event_bg2.jpg) no-repeat 0 0;
}
/* 近日開催 */
#kinjitu_kai .img4 {
background:#000 url(../img/event_bg3.jpg) no-repeat 0 0;
}

a .img4 img {
transition:all 0.9s ease-out 0.2s;
}
a:hover .img4 img {
opacity:.6;
transform:scale(1.1);
}

.imgcap {
padding:0 12px 16px;
}
.imgcap .inL {
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
width:100%;
}
.imgcap .news_icn {
position:static;
position:relative;
top:-12px;
left:-12px;
}
.imgcap .event_icn {
position:static;
position:relative;
top:-12px;
left:-12px;
}
.imgcap .spot_icn {
position:static;
position:relative;
top:-12px;
left:-12px;
}

.newsblk .forkei {
border-bottom:solid #e4a100 3px;
}
.eventblk .forkei {
border-bottom:solid #009ee7 3px;
}
.spotblk .forkei {
border-bottom:solid #38b467 3px;
}
.newsblk a:hover.forkei .imgcap_mid {
color:#e4a100;
}
.eventblk a:hover.forkei .imgcap_mid {
color:#009ee7;
}
.spotblk a:hover.forkei .imgcap_mid {
color:#38b467;
}

}

@media (max-width:767px) {
.row4 {
margin:0 -5px;
font-size:0;
}
.row4 li {
display:inline-block;
vertical-align:top;
font-size:14px;
width:33.333%;
position:relative;
min-height:1px;
padding:0 5px;
margin-bottom:16px;
}
.row4 .img4 {
width:100%;
height:180px;
}

.imgcap {
padding:4px 6px 0;
}
.imgcap .inL.three {
text-overflow:clip;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
white-space:normal;
width:100%;
}
.imgcap .inL br {
display:none;
}
.newsblk .forkei {
border-bottom:solid #e4a100 3px;
height:100%;
}
.eventblk .forkei {
border-bottom:solid #009ee7 3px;
}
.spotblk .forkei {
border-bottom:solid #38b467 3px;
}

}

@media (max-width:414px) {
.row4 li {
width:50%;
}
.row4 .img4 {
width:100%;
height:120px;
}
.row4 .imgcap_mid {
font-size:14px;
}

}

/* ▼ 2ブロックrow2 */
@media (min-width:768px) {
.row2 {
margin:0 -10px 0 0;
min-height:100%;
overflow:hidden;
}
.row2 li {
float:left;
width:610px;
margin:0 10px 20px 0;
}
.row2 .img2 {
width:610px;
height:276px;
background:#000;
}

a .img2 img {
transition:all 0.9s ease-out 0.2s;
}
a:hover .img2 img {
opacity:.6;
transform:scale(1.1);
}
.row2 .imgcap .red_icn {
position:relative;
top:-18px;
left:-12px;
margin-bottom:-20px;
padding:8px 6px;
font-size:18px;
}
.red_icn {
display:inline-block;
background:#ff5252;
color:#fff;
line-height:1;
white-space:nowrap;
}
.row2 .imgcap_mid {
margin-top:-4px;
font-size:20px;
}
.redblk .forkei {
border-bottom:solid #333 2px;
}
.redblk a:hover.forkei {
color:#ff5252;
}
.ichiran {
text-align:center;
}
.ichiran a {
display:block;
background:#00bfa5;
color:#fff;
font-size:20px;
height:64px;
line-height:64px;
transition:opacity 0.5s ease-in-out;
}
.ichiran a:hover {
text-decoration:none;
opacity:0.7;
}

}

.ichiran a:after {
content:" ▼";
}

@media (max-width:767px) {
.row2 {
margin:0 -5px 24px;
}
.row2:before, .row2:after {
display:table;
content:" "
}
.row2:after {
clear:both
}

.row2 li {
float:left;
width:50%;
position:relative;
min-height:1px;
padding:0 5px;
}
.row2 .img2 {
width:100%;
height:180px;
}

.red_icn {
display:inline-block;
margin-bottom:8px;
background:#ff5252;
padding:4px 10px;
font-size:14px;
color:#fff;
line-height:1;
white-space:nowrap;
}
.row2 .imgcap_mid {
font-size:16px;
}

.redblk .forkei {
border-bottom:solid #333 2px;
}

.ichiran {
text-align:center;
}
.ichiran a {
display:block;
background:#00bfa5;
color:#fff;
font-size:18px;
height:48px;
line-height:48px;
}

}


/*
-----------------------------------------------
▼ EVENT
----------------------------------------------- */
#event {
margin:0 auto 32px;
padding:10px 0 16px;
width:1230px;
}
.row4 .ev01 {
width:300px;
position:relative;
z-index:3;
}
.row4 .ev01 .img4 {
width:300px;
height:235px;
}

.ev01 img {
transition:all 0.9s ease-out 0.2s;
}
.ev01:hover img {
opacity:.6;
transform:scale(1.1);
}

.ev01in {
background:#fff;
padding:16px;
position:relative;
z-index:5;
}
.showblk {
margin:0 0 16px;
}
.acc01, .acc02, .acc03, .acc04, .acc05, .acc06 {
border:solid #999 1px;
background:#fff url(img/plus_icn.png) no-repeat 97% 50%;
padding:0 16px;
line-height:36px;
height:36px;
cursor:pointer;
}
.acc01.on, .acc02.on, .acc03.on, .acc04.on, .acc05.on, .acc06.on {
border:solid #eee 1px;
background:#eee url(img/plus_icnon.png) no-repeat 97% 50%;
}
.show01, .show02, .show03, .show04, .show05, .show06 {
display:none;
background:#eee;
padding:16px;
}

#event .acc02a,
#event .acc02b,
#event .acc02c,
#event .acc02d,
#event .acc02e,
#event .acc02f,
#event .acc02g,
#event .acc02h,
#event .acc02i,
#spot .acc05a,
#spot .acc05b,
#spot .acc05c,
#spot .acc05d,
#spot .acc05e,
#spot .acc05f,
#spot .acc05g,
#spot .acc05h,
#spot .acc05i {
background:#fff url(img/plus_icn.png) no-repeat 97% 50%;
cursor:pointer;
}
#event .acc02a.on,
#event .acc02b.on,
#event .acc02c.on,
#event .acc02d.on,
#event .acc02e.on,
#event .acc02f.on,
#event .acc02g.on,
#event .acc02h.on,
#event .acc02i.on,
#spot .acc05a.on,
#spot .acc05b.on,
#spot .acc05c.on,
#spot .acc05d.on,
#spot .acc05e.on,
#spot .acc05f.on,
#spot .acc05g.on,
#spot .acc05h.on,
#spot .acc05i.on {
background:#fff url(img/plus_icnon.png) no-repeat 97% 50%;
}
#event .show02a,
#event .show02b,
#event .show02c,
#event .show02d,
#event .show02e,
#event .show02f,
#event .show02g,
#event .show02h,
#event .show02i,
#spot .show05a,
#spot .show05b,
#spot .show05c,
#spot .show05d,
#spot .show05e,
#spot .show05f,
#spot .show05g,
#spot .show05h,
#spot .show05i {
display:none;
}

.row1_3 .show05 > ul,
.row4 .show02 > ul {
margin-top:-8px;
}
.row1_3 .showblk li,
.row4 .showblk li {
float:none;
width:auto;
margin:0 0 1px 0;
padding:4px 8px;
background:#fff;
}
.row1_3 .showblk li a,
.row4 .showblk li a {
display:block;
}
.row1_3 .showblk li.hideli,
.row4 .showblk li.hideli {
margin:0 0 1px 0;
padding:0;
background:transparent;
}
.row1_3 .showblk li.hideli li,
.row4 .showblk li.hideli li {
padding:4px 8px 4px 22px;
background:#ccc;
}

.search02 a {
display:block;
border:solid #ff5151 2px;
background:#fff url(img/search_icn.png) no-repeat 40% 50%;
background-size:14px auto;
color:#ff5151;
text-align:center;
line-height:36px;
height:36px;
transition:opacity 0.5s ease-in-out;
}
.search02 a:hover {
background:#fee url(img/search_icn.png) no-repeat 40% 50%;
background-size:14px auto;
text-decoration:none;
opacity:0.7;
}

#from_day,
#to_day,
#from_day2,
#to_day2 {
width:100%;
min-height:20px;
padding:4px;
border:1px solid #999;
background:#fff url(../img/cal_icn.png) no-repeat 96% 50%;
border-radius:4px;
font-size:100%;
}
.showblk label {
font-size:12px;
display:block;
}

.easy-select-box {
border:solid #999 1px;
border-bottom:0;
width:269px !important;
}
.easy-select-box .esb-displayer {
-webkit-appearance:none;
-moz-appearance:none;
border-bottom:solid #999 1px;
background:url(img/arrow01.png) no-repeat 96% 50%;
padding:0 16px;
line-height:36px;
height:36px;
cursor:pointer;
}
.easy-select-box .esb-displayer:hover {
}
.easy-select-box:hover .esb-displayer{
}
.easy-select-box.disabled .esb-displayer,
.easy-select-box:hover.disabled .esb-displayer{
}
.easy-select-box .esb-dropdown {
display:none;
border:solid #999 1px;
border-top:0;
background:#eee;
max-height:400px;
overflow:auto;
position:absolute;
z-index:30;
width:auto;
padding:8px 14px 14px;
}

.easy-select-box .esb-item {
margin-bottom:1px;
padding:8px;
background:#fff;
color:#333;
cursor:default;
}
.easy-select-box .esb-item:hover {
background:#00bfa5;
color:#fff;
}
.easy-select-box .esb-item:first-child {
display:none;
}


@media (min-width:768px) {
#col001 #ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
width:236px;
}

}

@media (max-width:767px) {
.easy-select-box .esb-dropdown {
max-height:240px;
}
.easy-select-box {
width:100% !important;
}
#event .hbox02b .ev01 {
width:33.333%;
/* overflow:hidden; */
}
#event .hbox02b .ev01:first-child {
width:100%;
}
#konshu_kai .img4,
#raishu_kai .img4,
#kinjitu_kai .img4 {
width:auto;
height:140px;
background-size:contain;
}
#konshu_kai .img4 img,
#raishu_kai .img4 img,
#kinjitu_kai .img4 img {
display:none;
}

/* 今週開催 */
#konshu_kai .img4 {
background:#000 url(../img/event_7daysp.png) no-repeat 50% 50%;
background-size:contain;
}
#konshu_kai .img4 img {
display:none;
}
/* 来週開催 */
#raishu_kai .img4 {
background:#000 url(../img/event_latersp.png) no-repeat 50% 50%;
background-size:contain;
}
/* 近日開催 */
#kinjitu_kai .img4 {
background:#000 url(../img/event_soonsp.png) no-repeat 50% 50%;
background-size:contain;
}

}


@media (max-width:414px) {
#konshu_kai .img4,
#raishu_kai .img4,
#kinjitu_kai .img4 {
height:90px;
}

}

.h3_01 {
display:inline-block;
font-weight:normal;
-webkit-font-smoothing:subpixel-antialiased;
font-size:20px;
margin-bottom:16px;
padding:0 0 2px;
border-bottom:solid #a6f2d4 6px;
}
.h3_01b {
display:inline-block;
font-weight:normal;
-webkit-font-smoothing:subpixel-antialiased;
font-size:20px;
margin-bottom:16px;
padding:2px 0 0;
border-top:solid #a6f2d4 6px;
}
.eventname {
font-size:16px;
}
.eventname .inL {
margin-bottom:8px;
font-size:16px;
line-height:1.5;
text-overflow:clip;
overflow:visible;
white-space:normal;
width:100%;
}
.evecopy {
font-size:14px;
line-height:1.5;
margin-bottom:8px;
}

.evekikan {
color:#ff5153;
font-size:12px;
}
.evekikan:before {
content:"";
width:16px;
height:16px;
display:inline-block;
background:url(../img/cal_icn.png) no-repeat 0 0;
background-size:contain;
vertical-align:-5%;
margin-right:6px;
}
.infoblk .evekikan {
color:#333;
font-size:22px;
font-weight:bold;
}
.infoblk .evekikan:before {
content:"";
width:20px;
height:20px;
display:inline-block;
background:url(../img/cal_icn.png) no-repeat 0 0;
background-size:contain;
vertical-align:-5%;
margin-right:6px;
}
#side .evekikan {
font-size:12px;
}
#side .evekikan:before {
content:"";
width:12px;
height:12px;
vertical-align:-5%;
margin-right:6px;
}

.side02 .txtR {
font-size:12px;
color:#999;
}
.evespot {
color:#ff5153;
font-size:12px;
}
#col001 #spot .evespot {
font-size:14px;
}

#spot .evespot {
margin-bottom:8px;
}
.evespot:before {
content:"";
width:16px;
height:16px;
display:inline-block;
background:url(img/point_icn.png) no-repeat 2px 0;
background-size:contain;
vertical-align:-12%;
margin-right:6px;
}

.imgcap_a {
vertical-align:25%;
}
.infoblk h3.evespot {
color:#333;
font-size:22px;
display:inline-block;
margin-right:16px;
}
.infoblk h3.evespot:before {
content:"";
width:24px;
height:24px;
display:inline-block;
background:url(img/point_icn.png) no-repeat 2px 0;
background-size:contain;
vertical-align:-10%;
margin-right:2px;
}

.hbox03 .eve01_blk .forkei, /* 音楽 */
.hbox04 .eve01_blk .forkei { /* エリア名1 */
position:relative;
border-bottom:solid #305eb6 2px;
}
.hbox03 .eve02_blk .forkei, /* 舞台 */
.hbox04 .eve02_blk .forkei { /* エリア名2 */
position:relative;
border-bottom:solid #bb9a00 2px;
}
.hbox03 .eve03_blk .forkei, /* 展覧会 */
.hbox04 .eve03_blk .forkei { /* エリア名3 */
position:relative;
border-bottom:solid #7952ff 2px;
}
.hbox03 .eve04_blk .forkei, /* イベント */
.hbox04 .eve04_blk .forkei { /* エリア名4 */
position:relative;
border-bottom:solid #bf0000 2px;
}
.hbox03 .eve05_blk .forkei, /* アウトドア */
.hbox04 .eve05_blk .forkei { /* エリア名5 */
position:relative;
border-bottom:solid #0097DB 2px;
}
.hbox03 .eve06_blk .forkei, /* 祭り */
.hbox04 .eve06_blk .forkei { /* エリア名6 */
position:relative;
border-bottom:solid #7BAA17 2px;
}
.hbox03 .eve07_blk .forkei, /* 講演 */
.hbox04 .eve07_blk .forkei { /* エリア名7 */
position:relative;
border-bottom:solid #018a9a 2px;
}
.hbox03 .eve08_blk .forkei, /* グルメ */
.hbox04 .eve08_blk .forkei { /* エリア名8 */
position:relative;
border-bottom:solid #E48E00 2px;
}
.hbox03 .eve09_blk .forkei, /* その他 */
.hbox04 .eve09_blk .forkei { /* エリア名9 */
position:relative;
border-bottom:solid #999 2px;
}

.hbox03 .eve01_blk a:hover .eventname,
.hbox04 .eve01_blk a:hover .eventname {
color:#305eb6;
}
.hbox03 .eve02_blk a:hover .eventname,
.hbox04 .eve02_blk a:hover .eventname {
color:#bb9a00;
}
.hbox03 .eve03_blk a:hover .eventname,
.hbox04 .eve03_blk a:hover .eventname {
color:#7952ff;
}
.hbox03 .eve04_blk a:hover .eventname,
.hbox04 .eve04_blk a:hover .eventname {
color:#bf0000;
}
.hbox03 .eve05_blk a:hover .eventname,
.hbox04 .eve05_blk a:hover .eventname {
color:#0097DB;
}
.hbox03 .eve06_blk a:hover .eventname,
.hbox04 .eve06_blk a:hover .eventname {
color:#7BAA17;
}
.hbox03 .eve07_blk a:hover .eventname,
.hbox04 .eve07_blk a:hover .eventname {
color:#018a9a;
}
.hbox03 .eve08_blk a:hover .eventname,
.hbox04 .eve08_blk a:hover .eventname {
color:#E48E00;
}
.hbox03 .eve09_blk a:hover .eventname,
.hbox04 .eve09_blk a:hover .eventname {
color:#999;
}

.hbox03 .imgcap {
position:relative;
padding:10px 12px 16px;
}
.hbox04 .imgcap {
position:relative;
padding:10px 12px 8px;
}
.evicn {
position:absolute;
right:0;
top:-24px;
display:inline-block;
background:#bf0000;
color:#fff;
padding:0 10px;
font-size:14px;
text-align:center;
line-height:24px;
min-width:76px;
height:24px;
white-space:nowrap;
z-index:1;
}
.evicn:after {
content:"";
position:absolute;
bottom:-6px;
left:50%;
margin-left:-6px;
display:block;
width:0;
height:0;
border-style:solid;
border-width:6px 6px 0 6px;
border-color:#bf0000 transparent transparent transparent;
}

.eve01_blk .evicn { /* 音楽 */
background:#305eb6;
}
.eve01_blk .evicn:after {
border-color:#305eb6 transparent transparent transparent;
}
.eve02_blk .evicn { /* 舞台 */
background:#bb9a00;
}
.eve02_blk .evicn:after {
border-color:#bb9a00 transparent transparent transparent;
}
.eve03_blk .evicn { /* 展覧会 */
background:#7952ff;
}
.eve03_blk .evicn:after {
border-color:#7952ff transparent transparent transparent;
}
.eve04_blk .evicn { /* イベント */
background:#bf0000;
}
.eve04_blk .evicn:after {
border-color:#bf0000 transparent transparent transparent;
}
.eve05_blk .evicn { /* アウトドア */
background:#0097DB;
}
.eve05_blk .evicn:after {
border-color:#0097DB transparent transparent transparent;
}
.eve06_blk .evicn { /* 祭り */
background:#7BAA17;
}
.eve06_blk .evicn:after {
border-color:#7BAA17 transparent transparent transparent;
}
.eve07_blk .evicn { /* 講演 */
background:#018a9a;
}
.eve07_blk .evicn:after {
border-color:#018a9a transparent transparent transparent;
}
.eve08_blk .evicn { /* グルメ */
background:#E48E00;
}
.eve08_blk .evicn:after {
border-color:#E48E00 transparent transparent transparent;
}
.eve09_blk .evicn { /* その他 */
background:#999;
}
.eve09_blk .evicn:after {
border-color:#999 transparent transparent transparent;
}

.evenew {
position:absolute;
top:-1px;
right:-1px;
background:url(../img/new_kata.png) no-repeat right top;
z-index:2;
width:68px;
height:68px;
padding:68px 0 0;
overflow:hidden;
}
.eveend {
position:absolute;
top:-1px;
right:-1px;
background:url(../img/end_kata.png) no-repeat right top;
z-index:2;
width:68px;
height:68px;
padding:68px 0 0;
overflow:hidden;
}

@media (max-width:1262px) {
#event {
margin:0 16px;
}

}

@media (max-width:767px) {
#event {
margin:0 14px 32px;
padding:0;
width:auto;
}
.evecopy {
display:none;
}


.infoblk .evekikan {
font-size:16px;
}
.infoblk h3.evespot {
font-size:16px;
}

#event .row4 {
margin-bottom:16px;
}
.row4 .ev01 .img4 {
width:100%;
height:220px;
}
.row4 .ev01 {
width:50%;
height:auto;
}
.row4 .ev01:first-child {
height:auto;
}
.hbox02b.row4 .ev01:first-child {
z-index:5;
}

.ev01 img {
transition:none;
}
.ev01:hover img {
opacity:1;
transform:scale(1);
}

.ev01in {
padding:12px;
}
.hbox03 .imgcap {
padding:4px 6px 12px;
}
.hbox04 .imgcap {
padding:4px 6px 4px;
}

.row1_3 .showblk li,
.row4 .showblk li {
display:block;
}

#from_day,
#to_day,
#from_day2,
#to_day2 {
width:100%;
min-height:20px;
padding:4px;
border:1px solid #999;
background:#fff url(../img/cal_icn.png) no-repeat 96% 50%;
border-radius:4px;
font-size:100%;
}

.h3_01 {
font-size:18px;
}

.hbox03 li .forkei {
background:#fff;
}

}

@media (max-width:414px) {
.evicn:after {
border-width:0;
}
.row4 .ev01 .img4 {
display:block;
margin:0 auto;
width:280px;
height:160px;
}
.row4 .ev01 {
width:100%;
}

}


/*
-----------------------------------------------
▼ NEWS
----------------------------------------------- */
#news {
margin:0 auto 32px;
padding:10px 0 16px;
width:1230px;
}

.row2_1L {
float:left;
width:818px;
height:100%;
}
.row2_1R {
float:right;
width:402px;
height:100%;
background:#fff;
text-align:center;
}
.row2_1R p {
margin:16px 0;
}
.hbox05 .forkei,
.hbox06 .forkei {
position:relative;
border-bottom:solid #bf0000 2px;
}

.hbox05 .eve02_blk .forkei,
.hbox06 .eve02_blk .forkei {
border-bottom:solid #bb9a00 2px;
}
.hbox05 .eve03_blk .forkei,
.hbox06 .eve03_blk .forkei {
border-bottom:solid #7952ff 2px;
}
.hbox05 .eve04_blk .forkei,
.hbox06 .eve04_blk .forkei {
border-bottom:solid #305eb6 2px;
}

#news .newsttl .inL {
font-weight:bold;
-webkit-font-smoothing:antialiased;
font-size:16px;
line-height:1.5;
text-overflow:clip;
overflow:visible;
white-space:normal;
}
.hbox05 .eve01_blk a:hover .newsttl,
.hbox06 .eve01_blk a:hover .newsttl { /* 音楽 */
color:#305eb6;
}
.hbox05 .eve02_blk a:hover .newsttl,
.hbox06 .eve02_blk a:hover .newsttl { /* 舞台 */
color:#bb9a00;
}
.hbox05 .eve03_blk a:hover .newsttl,
.hbox06 .eve03_blk a:hover .newsttl { /* 展覧会 */
color:#7952ff;
}
.hbox05 .eve04_blk a:hover .newsttl,
.hbox06 .eve04_blk a:hover .newsttl { /* イベント */
color:#bf0000;
}
.hbox05 .eve05_blk a:hover .newsttl,
.hbox06 .eve05_blk a:hover .newsttl { /* アウトドア */
color:#0097DB;
}
.hbox05 .eve06_blk a:hover .newsttl,
.hbox06 .eve06_blk a:hover .newsttl { /* 祭り */
color:#7BAA17;
}
.hbox05 .eve07_blk a:hover .newsttl,
.hbox06 .eve07_blk a:hover .newsttl { /* 講演 */
color:#018a9a;
}
.hbox05 .eve08_blk a:hover .newsttl,
.hbox06 .eve08_blk a:hover .newsttl { /* グルメ */
color:#E48E00;
}
.hbox05 .eve09_blk a:hover .newsttl,
.hbox06 .eve09_blk a:hover .newsttl { /* その他 */
color:#999;
}

.hbox05 .imgcap,
.hbox06 .imgcap {
position:relative;
padding:10px 12px 16px;
}

@media (max-width:1262px) {
#news {
margin:0 16px;
}

}

@media (max-width:767px) {
#news {
margin:0 14px 32px;
padding:0;
width:auto;
}

.row2_1L {
float:none;
width:auto;
height:auto;
}
.row2_1R {
float:none;
width:auto;
height:auto;
background:#fff;
text-align:center;
}
.hbox05 .imgcap,
.hbox06 .imgcap {
padding:4px 6px 12px;
}

}

@media (max-width:414px) {
.hbox05 .imgcap,
.hbox06 .imgcap {
padding:8px 6px 12px;
}

}


/* ▼ 2ブロックrow2b */
@media (min-width:768px) {
.row2b {
margin:0 -10px -20px 0;
min-height:100%;
overflow:hidden;
}
.row2b li {
float:left;
width:404px;
margin:0 10px 20px 0;
background:#fff;
}
.row2b .img2 {
width:404px;
height:238px;
background:#000;
}

.img2b img {
transition:all 0.9s ease-out 0.2s;
}
.img2b:hover img {
opacity:.6;
transform:scale(1.1);
}
.row2b .imgcap .red_icn {
position:relative;
top:-18px;
left:-12px;
margin-bottom:-20px;
padding:8px 6px;
font-size:18px;
}
.row2b .imgcap_mid {
margin-top:-4px;
font-size:20px;
}

}

@media (max-width:767px) {
.row2b {
margin:0 -5px;
font-size:0;
}
.row2b li {
display:inline-block;
vertical-align:top;
font-size:14px;
width:50%;
position:relative;
min-height:1px;
padding:0 5px;
margin-bottom:16px;
}
.row2b .img2 {
width:100%;
height:180px;
}

.row2b .imgcap .red_icn {
position:relative;
top:-18px;
left:-12px;
margin-bottom:-20px;
padding:8px 10px;
font-size:18px;
}
.row2b .imgcap_mid {
margin-top:-4px;
font-size:20px;
}
#news .newsttl .inL {
font-size:14px;
}

}

@media (max-width:414px) {
#news .newsttl .inL { /* 回り込みさせる */
display:inline;
}

}


/*
-----------------------------------------------
▼ SPOT
----------------------------------------------- */
#spot {
margin:0 auto 32px;
padding:10px 0 16px;
width:1230px;
}

.row1_3 {
}
.sp01 {
float:left;
width:300px;
position:relative;
}
.sp02 {
float:right;
width:920px;
}
.ev01in {
min-height:100%;
}
.eventdate {
color:#999;
font-size:12px;
}

.genre span {
display:inline-block;
margin:0 0 4px;
padding:0;
line-height:1.3;
}
.genre .genre01 {
color:#999;
border-bottom:solid #999 2px;
}
.genre .genre02 {
color:#999;
border-bottom:solid #999 2px;
}
.genre .genre03 {
color:#999;
border-bottom:solid #999 2px;
}
.genre .genre04 {
color:#999;
border-bottom:solid #999 2px;
}

@media (max-width:1262px) {
#spot {
margin:0 16px;
}

}

@media (max-width:767px) {
#spot {
margin:0 14px 32px;
padding:0;
width:auto;
}
.sp01 {
float:none;
width:auto;
margin-bottom:24px;
}
.sp02 {
float:none;
width:auto;
margin-bottom:32px;
}
.genre span {
font-size:12px;
}

}


/* ▼ 3ブロックrow3 */
@media (min-width:768px) {
.row3 {
margin-right:-10px;
}
.toppage #spot .row3 {
margin-bottom:-20px;
min-height:100%;
}
.row3:after {
display:block;
content:"";
clear:both;
}
.row3 li {
float:left;
width:300px;
margin:0 10px 20px 0;
}
.row3 .img4 {
width:300px;
height:177px;
background:#000;
}

}

@media (max-width:767px) {
.row3 {
margin:0 -5px;
font-size:0;
}
.row3 li {
display:inline-block;
vertical-align:top;
font-size:14px;
width:33.3333%;
position:relative;
min-height:1px;
padding:0 5px;
margin:0 0 16px;
}
.row3 .img4 {
width:100%;
height:160px;
}
#spot li.sp01.row1_3 {
height:auto !important;
}
.eventname .inL { /* 回り込みさせる */
display:inline;
}

}

@media (max-width:414px) {
.row3 li {
width:100%;
}
.toppage .row3 li {
width:50%;
}

/*

.row3 .img4 {
float:right;
margin:0 0 4px 12px;
width:140px;
height:140px;
}

.hbox03 .imgcap {
position:static;
}
.evicn {
position:static;
margin-bottom:8px;
}
.hbox03 li .forkei {
overflow:hidden;
}
.eventname {
position:static;
line-height:1.4;
margin-bottom:8px;
}

*/

}


/*
-----------------------------------------------
▼ マップ
----------------------------------------------- */
#map_custmomize {
width:auto;
height:590px;
}
#map_custmomize.maptate {
height:400px;
}

@media (max-width:736px) {
#map_custmomize {
width:auto;
height:300px;
}

}

#map {
margin:0 auto 64px;
width:1230px;
}
#mapin {
position:relative;
background:#fff;
border-radius:12px;
padding:32px 32px 16px;
}
#mapin:after {
content:"";
position:absolute;
top:-20px;
left:50%;
margin-left:-10px;
display:block;
width:0;
height:0;
border-style:solid;
border-width:0 20px 20px 20px;
border-color:transparent transparent #fff transparent;
}
#mapin ul {
margin-right:-20px;
}
#mapin li {
display:inline-block;
margin:0 14px 16px 0;
}
#mapin a {
display:block;
background:#999;
color:#fff;
border-radius:6px;
padding:0 12px;
height:28px;
line-height:28px;
font-size:16px;
font-weight:bold;
-webkit-font-smoothing:antialiased;
transition:opacity 0.5s ease-in-out;
}
#mapin a:hover {
text-decoration:none;
opacity:0.8;
}

#sns .in {
width:1024px;
overflow:hidden;
}
.fb-page {
float:left;
width:500px;
height:400px;
}
#twitter {
float:right;
width:500px;
height:400px;
overflow:scroll;
}

@media (max-width:1262px) {
#map {
margin:0 16px;
}

}

@media (max-width:767px) {
#map {
margin:0 14px 32px;
width:auto;
}
#mapin {
position:relative;
background:#fff;
border-radius:8px;
padding:12px 12px 6px;
}
#mapin a:hover {
opacity:1;
}

#sns .in {
margin:0 14px;
width:auto;
}
.fb-page {
float:none;
width:auto;
height:250px;
margin-bottom:16px;
}
#twitter {
float:none;
width:auto;
height:250px;
}

}


/*
-----------------------------------------------
▼ 情報募集
----------------------------------------------- */
#boshu {
border-top:solid #ccc 6px;
border-bottom:solid #ccc 6px;
padding:32px 0;
background:#fff;
}
.boshuL {
float:left;
width:774px;
overflow:hidden;
}
.boshuR {
float:right;
width:420px;
text-align:center;
}
.boshuL h3 {
font-size:20px;
margin-bottom:24px;
}
.tokobtn a {
display:inline-block;
background:#666;
color:#fff;
font-size:16px;
padding:0 48px;
border-radius:6px;
line-height:84px;
height:84px;
transition:opacity 0.5s ease-in-out;
}
.tokobtn a:hover {
text-decoration:none;
opacity:0.8;
}

.boshuL .imgR {
float:right;
margin:3px 0 10px 24px;
}

@media (max-width:767px) {
#boshu {
padding:16px 0;
}
.boshuL {
float:none;
padding:0 0 16px;
width:auto;
}
.boshuR {
float:none;
padding:0 14px;
width:auto;
text-align:center;
}
.boshuL h3 {
font-size:18px;
margin-bottom:16px;
}
.tokobtn a {
display:block;
background:#666;
color:#fff;
font-size:16px;
padding:0;
line-height:48px;
height:48px;
transition:none;
text-align:center;
}
.tokobtn a:hover {
opacity:1;
}
.boshuL .imgR {
float:none;
margin:3px 0 10px;
}

}


/*
-----------------------------------------------
▼ トップバナー
----------------------------------------------- */
#topbana {
border-bottom:solid #ccc 6px;
padding:32px 0;
background:#fff;
}

@media (max-width:767px) {
#topbana {
padding:16px 0;
}
#topbana .col {
text-align:center;
}

}

@media (max-width:414px) {
#topbana .col {
width:50%;
}

}

/*
-----------------------------------------------
▼ 下層ページ
----------------------------------------------- */
.pan {
margin:0 0 32px;
padding:12px 0 0;
}
.pan a:hover {
text-decoration:underline;
}
#main {
margin-bottom:48px;
}
#mainL {
float:left;
width:920px;
}
#side {
float:right;
width:300px;
}

@media (max-width:767px) {
#main {
margin-bottom:32px;
}
#mainL {
float:none;
width:auto;
margin-bottom:32px;
}
#side {
float:none;
width:auto;
}

}


/* ▼ サイト全体の検索結果 */
.searchblk {
background:#fff;
margin-bottom:24px;
padding:38px 0 38px 200px;
}

.searchblk dl {
}
.searchblk dt {
float:left;
width:120px;
font-size:18px;
text-align:right;
padding:6px 0 2px;
}
.searchblk dd {
margin:0 0 16px 146px;
}

#doko_serch2 {
width:350px;
min-height:40px;
padding:4px 40px 4px 10px;
background:url(img/serch_bg2.png) no-repeat 97% 50%;
border:solid #ccc 1px;
font-size:16px;
vertical-align:40%;
}
.searchblk .efont {
display:inline-block;
margin-right:12px;
font-size:24px;
line-height:1.3;
color:#999;
}

.tujokekka {
background:#fff;
margin-bottom:16px;
padding:14px 14px;
line-height:1;
text-align:center;
font-size:20px;
color:#36cfbc;
}
.overkekka,
.minkekka {
background:#fff;
margin-bottom:16px;
padding:4px 14px;
line-height:1;
}
.overkekka {
color:#36cfbc;
}
.minkekka {
color:#ff5153;
}
.overkekka dl {
overflow:hidden;
}
.overkekka dt {
float:left;
width:280px;
padding:10px 14px 10px 28px;
border-right:solid #36cfbc 1px;
text-align:center;
font-size:20px;
}
.overkekka dd {
padding:14px 0 10px 300px;
}
.minkekka dl {
overflow:hidden;
}
.minkekka dt {
float:left;
width:280px;
padding:10px 14px 10px 28px;
border-right:solid #ff5153 1px;
text-align:center;
font-size:20px;
}
.minkekka dd {
padding:14px 0 10px 300px;
}

.notfound {
background:#ffd5d5;
margin-bottom:32px;
padding:20px 0;
text-align:center;
font-size:20px;
border:solid #ff8080 3px;
}
.kekka01 {
position:relative;
font-size:40px;
margin-bottom:32px;
}
.kekka01 .txtR {
position:absolute;
top:0;
right:0;
}

@media (max-width:767px) {
.searchblk {
margin-bottom:16px;
padding:16px;
}

.searchblk dl {
}
.searchblk dt {
display:none;
}
.searchblk dd {
margin:0 0 16px;
}

#doko_serch2 {
width:100%;
vertical-align:0%;
}
.searchblk .efont {
display:block;
margin-right:0;
}
.notfound {
margin-bottom:24px;
padding:14px;
text-align:center;
font-size:16px;
}
.kekka01 {
position:static;
font-size:20px;
margin-bottom:32px;
}
.kekka01 .txtR {
position:static;
}

.overkekka dt {
float:none;
width:auto;
padding:10px;
border-right:0;
}
.overkekka dd {
padding:0 0 10px;
}

.minkekka dt {
float:none;
width:auto;
padding:10px;
border-right:0;
}
.minkekka dd {
padding:0 0 10px;
}

}

/* ▼ EVENT */
#main #event {
margin:0 0 48px;
padding:0;
width:920px;
}
@media (max-width:767px) {
#main #event {
margin:0 0 32px;
width:auto;
}

}

.hbox07 .forkei {
position:relative;
padding:12px 12px 28px;
overflow:hidden;
}
.hbox07 .eve01_blk .forkei {
border-bottom:solid #305eb6 2px;
}
.hbox07 .eve02_blk .forkei {
border-bottom:solid #bb9a00 2px;
}
.hbox07 .eve03_blk .forkei {
border-bottom:solid #7952ff 2px;
}
.hbox07 .eve04_blk .forkei {
border-bottom:solid #bf0000 2px;
}
.hbox07 .eve05_blk .forkei {
border-bottom:solid #0097DB 2px;
}
.hbox07 .eve06_blk .forkei {
border-bottom:solid #7BAA17 2px;
}
.hbox07 .eve07_blk .forkei {
border-bottom:solid #018a9a 2px;
}
.hbox07 .eve08_blk .forkei {
border-bottom:solid #E48E00 2px;
}
.hbox07 .eve09_blk .forkei {
border-bottom:solid #999 2px;
}

.hbox07 .eve01_blk a:hover .eventname {
color:#305eb6;
}
.hbox07 .eve02_blk a:hover .eventname {
color:#bb9a00;
}
.hbox07 .eve03_blk a:hover .eventname {
color:#7952ff;
}
.hbox07 .eve04_blk a:hover .eventname {
color:#bf0000;
}
.hbox07 .eve05_blk a:hover .eventname {
color:#0097DB;
}
.hbox07 .eve06_blk a:hover .eventname {
color:#7BAA17;
}
.hbox07 .eve07_blk a:hover .eventname {
color:#018a9a;
}
.hbox07 .eve08_blk a:hover .eventname {
color:#E48E00;
}
.hbox07 .eve09_blk a:hover .eventname {
color:#999;
}

.hbox07 .imgcap {
overflow:auto;
padding:0;
}
.hbox07 .eventname {
margin-bottom:4px;
line-height:1.4;
}

.tansin .evicn {
position:absolute;
right:0;
top:auto;
bottom:0;
}

/*
.tansin .evicn:after {
content:none;
}
*/

.eventbana {
margin:0 auto;
width:630px;
text-align:center;
}
@media (max-width:767px) {
.hbox07 .imgcap {
overflow:visible;
}
.eventbana {
margin:0;
width:auto;
}
}

/* ▼ SPOT */
#main #spot {
margin:0 0 48px;
padding:0;
width:920px;
}
@media (max-width:767px) {
#main #spot {
margin:0 0 32px;
width:auto;
}
}

/* ▼ NEWS */
#main #news {
margin:0 0 32px;
padding:0;
width:920px;
}
@media (max-width:767px) {
#main #news {
margin:0 0 32px;
width:auto;
}
}

/* ▼ 下層検索ブロック */
#kasousrc {
margin:0;
position:relative;
overflow:hidden;
}
#kasousrc .youtube_bg {
position:static;
background:#000 url(../img/asaroku.jpg) top center no-repeat;
background-size:cover;
padding:0;
height:400px;
}

@media (max-width:767px) {
#kasousrc {
margin-bottom:16px;
}
#kasousrc .youtube_bg {
height:300px;
}

}

/* ▼ ニュース詳細 */
.h2c {
font-size:40px;
font-weight:normal;
line-height:1.3;
}
.infoblk {
padding:24px;
background:#fff;
}
.read {
font-size:22px;
line-height:1.4;
font-weight:bold;
-webkit-font-smoothing:antialiased;
}
.h3a {
font-size:24px;
line-height:1.4;
color:#666;
background:url(img/h3_bg.png);
border-left:solid #a6f2d4 8px;
padding:4px 12px 4px;
}

.cap {
margin:4px 0 16px;
}
.row24 .row {
margin:0 -12px;
font-size:0; /* 隙間対策 */
}
.row24 .col2 .col {
width:50%;
padding:0 12px 24px;
}
.h3b {
margin-bottom:16px;
font-size:24px;
line-height:1.4;
border-left:solid #a6f2d4 8px;
padding:10px 12px 10px;
}
.spec {
background:#f2f2f2;
padding:14px 24px;
}
.spec dl {
font-size:16px;
}
.spec dt {
font-weight:bold;
-webkit-font-smoothing:antialiased;
float:left;
width:120px;
padding:10px 0;
}
.spec dd {
padding:10px 0 10px 136px;
}
.spec dd:not(:last-child) {
border-bottom:solid #ccc 1px;
}
.spec a.url {
color:#2bc4b1;
text-decoration:underline;
}
.kakomi {
display:inline-block;
background:#999;
color:#fff;
padding:0 12px;
height:24px;
line-height:24px;
margin-right:10px;
border-radius:8px;
}
.dwn_blk {
margin-top:16px;
background:#ddd;
border:solid #ccc 1px;
padding:12px;
text-align:center;
}

/* ▼ 開催場所について */
.h3d {
background:url(img/h3d_bg.png) no-repeat 0 0;
padding:6px 0 12px;
font-size:18px;
}
.kaisai {
background:#f2f2f2;
}
.kaisai a {
display:block;
}
.kaisaiin {
overflow:hidden;
padding:12px 2px 8px 14px;
}
.kaisai .imgR {
margin:0 0 0 16px;
}
.kaisai h4 {
margin:0 0 20px;
padding-bottom:6px;
font-size:22px;
border-bottom:solid #ccc 1px;
vertical-align:top;
}
.kaisai h4 span {
display:inline-block;
position:relative;
top:-4px;
margin:0 0 0 16px;
background:#2bc4b1;
color:#fff;
font-size:14px;
text-align:center;
width:100px;
height:28px;
line-height:28px;
border-radius:8px;
transition:opacity 0.5s ease-in-out;
}

a:hover .kaisai h4 span {
opacity:0.7;
}


.kaisai .evespot {
display:inline-block;
font-size:18px;
margin-right:14px;
vertical-align:middle;
}
.kaisai .evespot:before {
content:" ";
width:18px;
height:18px;
vertical-align:-10%;
margin-right:2px;
}
.kaisai .imgcap_a {
display:inline-block;
}

.lookmap a {
display:block;
margin:0 auto 32px;
background:#2bc4b1;
color:#fff;
font-size:20px;
text-align:center;
width:316px;
height:84px;
line-height:84px;
border-radius:8px;
transition:opacity 0.5s ease-in-out;
}
.lookmap a:before {
content:url(../img/map_icn.png);
position:relative;
top:6px;
margin-right:6px;
}
.lookmap a:hover {
opacity:0.8;
}
.commentblk {
background:#f0eee7 url(../img/kage_icn.png) no-repeat 24px 26px;
padding:24px 24px 24px 100px;
}


/* ▼ 汎用YouTube設定 */
.yt {
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;
}
.yt iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

@media (max-width:767px) {
.imgL,
.imgR {
float:none;
margin:0 0 8px;
}
.h2c {
font-size:24px;
}
.infoblk {
padding:12px;
}
.read {
font-size:22px;
line-height:1.4;
font-weight:bold;
-webkit-font-smoothing:antialiased;
}
.h3a {
font-size:20px;
line-height:1.4;
padding:8px 12px 8px;
}
.row24 .row {
margin:0 -5px;
}
.row24 .col2 .col {
width:100%;
padding:0 5px 24px;
}
.h3b {
font-size:20px;
padding:8px 12px;
}
.spec {
padding:4px 12px;
}
.spec dt {
float:none;
width:auto;
padding:8px 0 0;
}
.spec dd {
padding:0 0 8px;
}

.kakomi {
display:block;
text-align:center;
width:90px;
padding:0;
margin-right:0;
}


.kaisai {
border:solid #ccc 1px;
background:#eee;
}
.kaisaiin {
padding:0 8px 8px;
}
.kaisai .imgR {
display:block;
margin:0 auto 8px;
}
.kaisai h4 {
margin:0 0 20px;
font-size:18px;
border-bottom:solid #ccc 1px;
vertical-align:top;
}
.kaisai h4 span {
display:block;
position:relative;
top:0;
margin:0 0 8px;
background:#2bc4b1;
color:#fff;
font-size:14px;
text-align:center;
width:100px;
height:28px;
line-height:28px;
border-radius:8px;
transition:opacity 0.5s ease-in-out;
}
.kaisai h4 span:hover {
opacity:0.8;
}

.kaisai .f18 {
font-size:16px;
}

.lookmap a {
margin:0 0 32px;
font-size:18px;
width:100%;
height:48px;
line-height:48px;
}
.lookmap a:before {
top:6px;
margin-right:6px;
}
.commentblk {
background:#f0eee7 url(../img/kage_icn.png) no-repeat 14px 16px;
padding:12px 12px 12px 80px;
}

}

/* ▼ スポット詳細 */
.tblttl .td01 {
width:109px;
}
h3.evespot {
font-size:22px;
}
h3.evespot:before {
content:" ";
width:24px;
height:24px;
vertical-align:-10%;
margin-right:2px;
}
.h3c {
margin-bottom:16px;
font-size:24px;
line-height:1.4;
text-align:justify;
}
.setumei {
margin:0 86px 32px;
}
.setumei p {
font-size:18px;
line-height:1.8;
text-align:justify;
}
.spec h4 {
font-size:22px;
}
.spec .evespot {
font-size:18px;
}
.spec .evespot:before {
content:" ";
width:18px;
height:18px;
vertical-align:-10%;
margin-right:2px;
}
.tuiki {
border-top:solid #ccc 1px;
padding:8px 0 0;
}

/*
.thumb-item {
max-width:100%;
padding:0 3px;
}
.thumb-item img {
margin:0 auto;
max-height:487px;
width:auto;
overflow:hidden;
}
.thumb-item-nav {
margin:0 -2px 32px;
text-align:center;
font-size:0;
}
.thumb-item-nav li {
display:inline-block;
padding:0 2px;
overflow:hidden;
width:172px;
height:96px;
text-align:center;
margin-bottom:16px;
position:relative;
vertical-align:top;
}

.thumb-item-nav p {
background:#f0f0f0;
height:100%;
}
.thumb-item-nav img {
max-width:168px;
max-height:96px;
vertical-align:middle;
}
*/
.thumb-item-nav .slick-slide img {
display:inline;
}

.infoblk .slick-track {
display:inline-block;
}
.infoblk .slick-dots {
position:relative;
display:block;
overflow:hidden;
margin:0;
padding:0;
margin:0 -2px 4px;
text-align:center;
font-size:0;
}
.infoblk .slick-dots li {
margin:0;

display:inline-block;
padding:0 2px;
overflow:hidden;
width:172px;
height:20px;
text-align:center;
margin-bottom:0;
position:relative;
vertical-align:top;
}
.infoblk .slick-dots li button {
display:block;
margin:0 auto;
}
.infoblk .slick-dots li button:before {
position:static;
content:"●";
font-size:20px;
line-height:20px;
text-align:center;
color:#000;
opacity:0.25;
}


@media (max-width:767px) {
.thumb-item img {
max-height:360px;
}
.thumb-item-nav img {
max-width:100%;
height:auto;
}
.setumei {
margin:0 0 32px;
}
.setumei p {
font-size:16px;
}
.thumb-item-nav li {
width:25%;
height:74px;
}
/*.thumb-item-nav img {
max-width:100%;
max-height:74px;
}*/
.infoblk .slick-dots li {
width:auto;
}

}

/*
@media (max-width:414px) {
.thumb-item img {
height:180px;
}
.thumb-item-nav li {
width:33.333%;
height:52px;
}
.thumb-item-nav img {
max-width:100%;
max-height:52px;
}

}
*/

.dwn_btn a {
display:inline-block;
background:#0abba5;
color:#fff;
font-size:16px;
padding:0 32px;
height:32px;
line-height:32px;
border-radius:8px;
transition:opacity 0.5s ease-in-out;
}
.dwn_btn a:hover {
opacity:0.8;
}

/* ▼ イベント検索 */
.jokenblkttl {
background:#666;
color:#fff;
font-size:20px;
text-align:center;
height:64px;
line-height:64px;
}
.jokenblk {
background:#fff;
margin-bottom:24px;
padding:32px 0;
}
.jokenblk dl {
margin-left:100px;
margin-bottom:32px;
}
.jokenblk dt {
clear:left;
float:left;
width:94px;
font-size:18px;
text-align:right;
padding:6px 0 2px;
}
.jokenblk dd {
margin:0 0 16px 120px;
width:620px;
min-height:40px;
}

.jokenblk input[type="text"] {
width:350px;
min-height:40px;
padding:4px 10px;
border:solid #999 1px;
font-size:16px;
}
.jokenblk #joken01 {
padding:4px 40px 4px 10px;
background:url(../img/cal_icn.png) no-repeat 97% 50%;
}

@media (min-width:768px) {
#cal350 #ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
width:350px;
}

}


.jokenblk .easy-select-box {
width:350px !important;
}
.jokenblk .easy-select-box .esb-displayer {
-webkit-appearance:none;
-moz-appearance:none;
line-height:40px;
height:40px;
}
.jokenblk label {
display:inline-block;
background:#999;
color:#fff;
padding:0 20px;
font-size:14px;
height:32px;
line-height:32px;
border-radius:20px;
margin-bottom:16px;
}

.jokenblk input[type="checkbox"]:checked + label {
background:#00bfa5;
}
.jokenblk input[type="checkbox"] {
-webkit-appearance:none;
-moz-appearance:none;
display:none;
}

/*
.jokenblk input[type="checkbox"] + label::before {
content:"✓";
font-size:16px;
} */

#search02 {
display:inline-block;
width:350px;
height:40px;
margin-top:12px;
text-align:center;
line-height:40px;
padding:0;
background:#0abba5;
color:#fff;
border-radius:4px;
font-size:18px;
font-weight:bold;
-webkit-font-smoothing:antialiased;
vertical-align:18%;
cursor:pointer;
}
#search02:hover {
background:#36cfbc;
}

@media (max-width:767px) {
.jokenblkttl {
font-size:16px;
height:48px;
line-height:48px;
}
.jokenblk {
padding:10px;
}
.jokenblk dl {
margin-left:0;
}
.jokenblk dt {
float:none;
width:auto;
font-size:16px;
text-align:left;
padding:0 0 2px;
}
.jokenblk dd {
margin:0 0 12px;
width:auto;
min-height:1px;
}
.jokenblk input[type="text"] {
width:100%;
min-height:40px;
padding:4px 10px;
border:solid #999 1px;
font-size:16px;
}
.jokenblk #joken01 {
padding:4px 40px 4px 10px;
background:url(../img/cal_icn.png) no-repeat 97% 50%;
}
.jokenblk select {
-webkit-appearance:none;
-moz-appearance:none;
width:100%;
min-height:40px;
padding:4px 10px;
border:solid #999 1px;
background:url(img/arrow01.png) no-repeat 96% 50%;
font-size:16px;
}
.jokenblk label {
display:inline-block;
background:#999;
color:#fff;
padding:0 20px;
font-size:14px;
height:32px;
line-height:32px;
border-radius:20px;
margin-bottom:16px;
}
.jokenblk label input[type="checkbox"]:checked {
background:#333;
border-radius:24px;
padding:2px 4px;
margin-right:8px;
}
.jokenblk .easy-select-box {
width:100% !important;
}

.jokenblk input[type="checkbox"] {
-webkit-appearance:none;
-moz-appearance:none;
}
.jokenblk input[type="checkbox"]:checked::before {
content:"✓";
color:#a6f2d4;
font-size:16px;
}
.jokenblk input[type="submit"] {
-webkit-appearance:none;
-moz-appearance:none;
display:block;
margin:0;
background:#00bfa5;
color:#fff;
font-size:20px;
text-align:center;
height:48px;
line-height:48px;
width:100%;
}
#search02 {
width:100%;
}

}

/* ▼ slick Dots */
.slick-dots {
display:block;
text-align:center;
padding:0 0 24px;
width:100%;
}
.slick-dots li {
position:relative;
display:inline-block;
height:20px;
width:20px;
margin:0 5px;
cursor:pointer;
}
.slick-dots li button {
background:transparent;
display:block;
height:20px;
width:20px;
line-height:0;
font-size:0;
color:transparent;
cursor:pointer;
}
.slick-dots li button:before {
position:absolute;
top:0;
left:0;
content:"●";
width:20px;
height:20px;
font-size:20px;
line-height:20px;
text-align:center;
color:#000;
opacity:0.25;
}
.slick-dots li.slick-active button:before {
opacity:0.75;
}


/*
-----------------------------------------------
▼タブブロック
----------------------------------------------- */
#tab_btn {
margin:0 -1px;
font-size:0;
padding-bottom:32px;
}
#tab_btn .tabbtn {
display:inline-block;
vertical-align:top;
width:25%;
position:relative;
min-height:1px;
padding:0 1px;
}
#tab_btn .tabbtn p {
font-size:18px;
cursor:pointer;
background:#666;
color:#fff;
line-height:62px;
text-align:center;
}
#tab_btn .tabbtn.on:after {
content:"";
position:absolute;
bottom:-20px;
left:50%;
margin-left:-20px;
display:block;
width:0;
height:0;
border-style:solid;
border-width:34px 20px 0 20px;
border-color:#00bfa5 transparent transparent transparent;
}

#tab_btn .tabbtn.on p {
background:#00bfa5;
}
#tab_cont > .tabout {
display:none;
}
#tab_cont > .tabout.on {
display:block;
}

@media (max-width:767px) {
#tab_btn .tabbtn {
padding:0 1px;
}
#tab_btn .tabbtn p {
font-size:14px;
line-height:1.3;
padding:10px 1px;
}
#tab_btn .tabbtn.on:after {
content:"";
position:absolute;
bottom:-20px;
left:50%;
margin-left:-20px;
display:block;
width:0;
height:0;
border-style:solid;
border-width:34px 20px 0 20px;
border-color:#00bfa5 transparent transparent transparent;
z-index:-1;
}

#tab_btn .tabbtn.on p {
background:#00bfa5;
}
#tab_cont > .tabout {
display:none;
}
#tab_cont > .tabout.on {
display:block;
}

}

@media (max-width:414px) {
#tab_btn .tabbtn p {
font-size:11px;
}

}


/* ▼ サイドブロック */
.side01 {
padding:16px;
background:#fff;
}
.side01 h3 {
margin:-4px 0 6px;
font-size:20px;
}
.side01 ul {
margin:0 -10px 0 0;
overflow:hidden;
}
.side01 li {
margin:0 10px 0 0;
float:left;
width:82px;
height:82px;
}
.side01 a {
display:block;
height:0;
padding:82px 0 0;
overflow:hidden;
background:url(../img/side_btn01.png) no-repeat 0 0;
}
#side01b a {
background-position:-91px 0;
}
#side01c a {
background-position:-182px 0;
}

#side01a a:hover {
background-position:0 -84px;
}
#side01b a:hover {
background-position:-91px -84px;
}
#side01c a:hover {
background-position:-182px -84px;
}

.side02 {
padding:16px;
background:#fff;
}
.side02 h3 {
margin:-4px 0 14px;
font-size:20px;
border-bottom:solid #a6f2d4 8px;
}
.side02 ul {
line-height:1.4;
}
.side02 li {
overflow:hidden;
}
.side02 li:not(:last-child) {
margin:0 0 8px;
padding:0 0 8px;
border-bottom:solid #ccc 1px;
}
.side02 .imgcap {
overflow:auto;
padding:0;
}
.side02 .eventname {
margin:0 0 4px;
}
.sidebana {
margin:0 0 16px;
text-align:center;
}
.sidebana img{
max-width:100%;
height:auto;
}
#side .row1 {
margin:0;
min-height:100%;
overflow:hidden;
}
#side .row1 li {
width:100%;
margin:0 0 16px;
}
.row1 .img2 {
width:100%;
height:160px;
background:#000;
}
.row1 .imgcap {
padding:0 12px;
}
.row1 .imgcap .red_icn {
position:relative;
top:-14px;
left:-12px;
margin-bottom:-14px;
padding:0 10px;
font-size:16px;
line-height:28px;
height:28px;
}

@media (max-width:767px) {
.side01 {
padding:12px;
}
.side02 {
padding:12px;
}

}

@media (min-width:768px) {
.img3mini {
float:left;
margin:0 12px 4px 0;
width:100px;
height:100px;
background:#000;
}

a .img3mini img {
transition:all 0.9s ease-out 0.2s;
}
a:hover .img3mini img {
opacity:.6;
transform:scale(1.1);
}

.img1mini {
float:left;
margin:0 12px 4px 0;
width:76px;
height:76px;
background:#000;
}

a .img1mini img {
transition:all 0.9s ease-out 0.2s;
}
a:hover .img1mini img {
opacity:.6;
transform:scale(1.1);
}

}

@media (max-width:767px) {
.img3mini {
float:left;
margin:0 12px 4px 0;
width:80px;
height:80px;
}

.img1mini {
float:left;
margin:0 12px 4px 0;
width:76px;
height:76px;
background:#000;
}

}

@media (max-width:414px) {
.hbox07 .forkei {
padding:12px 12px 0;

}
.tansin .eventname {
margin-right:0;
}
.img3mini {
float:right;
display:block;
margin:0 0 4px 12px;
width:100px;
height:100px;
}
.tansin .evicn {
position:static;
margin-top:4px;
}

}


/*
-----------------------------------------------
▼ Footer
----------------------------------------------- */
#footer {
background:#333;
color:#fff;
padding:32px 0 0;
}
.footL {
float:left;
width:280px;
overflow:hidden;
}
.footR {
float:right;
width:918px;
overflow:hidden;
}
#footer a {
color:#fff;
}
.footL li {
padding:0 0 8px;
font-size:13px;
}
.footL li a:before {
content:"▶";
font-size:8px;
position:relative;
top:-2px;
margin-right:4px;
}
.footR h3 {
font-size:18px;
border-bottom:solid #fff 2px;
margin-bottom:24px;
}

.footR01 {
float:left;
width:608px;
}
.footR02 {
float:right;
width:300px;
overflow:hidden;
}
.foot01 {
float:left;
width:132px;
margin-right:16px;
}
.foot01 ul {
margin:0 0 0 14px;
}
.foot01 li {
padding:0 0 4px 14px;
font-size:13px;
}
.foot01 li.dai {
padding:0 0 4px 0;
}
.foot02 {
margin-right:16px;
}
.foot02 ul {
margin:0 0 0 14px;
}
.foot02 li {
padding:0 0 4px;
font-size:13px;
}

#copyright {
font-family:Helvetica,Arial,Verdana,sans-serif;
background:#000;
color:#fff;
padding:16px 0;
font-size:13px;
}

@media (max-width:767px) {
#footer {
padding:16px 0 0;
}
.footL {
float:none;
width:auto;
margin-bottom:16px;
}
.footR {
float:none;
width:auto;
}
.footR h3.pad5 {
padding:0 5px;
}

.footR01 {
float:none;
width:auto;
margin:0 -5px;
font-size:0;
}
.footR02 {
float:none;
width:auto;
}
.foot01 {
float:none;
margin-right:0;
display:inline-block;
vertical-align:top;
font-size:14px;
width:50%;
position:relative;
min-height:1px;
padding:0 5px 16px;
}
.foot01 ul {
margin:0 0 0 10px;
}
.foot01 li {
padding:0 0 4px 14px;
}
.foot01 li.dai {
padding:0 0 4px 0;
}
.foot02 {
margin-right:16px;
}
.foot02 ul {
margin:0 0 0 10px;
}
.foot02 li {
padding:0 0 4px;
}

#copyright {
font-family:Helvetica,Arial,Verdana,sans-serif;
background:#000;
color:#fff;
padding:16px 0;
}

}


/*
-----------------------------------------------
▼ ページトップ
----------------------------------------------- */
#pagetop {
display:none;
position:fixed;
z-index:110;
right:20px;
bottom:20px;
}
#pagetop a {
display:block;
width:64px;
}


/* 印刷指定 */
@media print {
body {
-webkit-print-color-adjust:exact;
background-color:transparent;
color:#000 ;
}
img {
page-break-inside:avoid;
}
}

@page {
margin:0.5cm;
}

/* ▼ 以下はテスト用 */
#index {
margin:0 auto 32px;
padding:10px 0 16px;
width:1230px;
overflow:hidden;
}
#index h2 {
font-size:32px;
}
#index li {
font-size:18px;
padding:8px 0 8px 24px;
}
#index li:before {
content:"▶";
}









/*
-----------------------------------------------
ジャムデザイン追加変更
▼お出かけデザイン
----------------------------------------------- */

/*　--　SPメニューボタンが×になる　--　*/

@media (max-width: 767px){
    
.sb-active .sb-toggle-right {
background:url(../img/nav_icn_on.png) no-repeat 0 0;
background-size:46px auto;
}
.sb-active .sb-toggle-right img {
opacity:0;
}


/*　--　SPメニューにアイコンをつける　--　*/

.homeicn:before,
.topicsicn:before,
.eventicn:before,
.spoticn:before {
content:"";
width:22px;
height:22px;
display:inline-block;
position:relative;
top:2px;
float:left;
margin-right:6px;
}
.homeicn:before {
background:url(img/home_icn.png) no-repeat 0 0;
background-size:contain;
}
.topicsicn:before {
background:url(img/topics_icn.png) no-repeat 0 0;
background-size:contain;
}
.eventicn:before {
background:url(img/event_icn.png) no-repeat 0 0;
background-size:contain;
}
.spoticn:before {
background:url(img/spot_icn.png) no-repeat 0 0;
background-size:contain;
}

}

/*　--　フォント調整　日本語が上になったとき　ただし使わないので予備　--　*/

.h2a .jfont {
font-size:40px;
}
.h2b .jfont {
font-size:32px;
}

/*　--　見出しが長くなったときに、落ちるようにしている　--　*/

.h2a small {
    display: inline-block;
}