@charset "UTF-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* モバイルレイアウト : 480 px およびそれ以下。 */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*body{background:#FFF;}*/
ul{list-style:none;}
h2.title{text-align:center;color:#c1506c;font-size:2.5em; font-weight:normal;line-height:60px}
div.box:before{content:""; width:100%; height:5px; display:block; border-radius:2px; background:#c1506c}
div.box{width:95%; margin:1em auto; line-height:1.6em;}
p.catch{width:95%; margin:2em auto;}
ul.tile{ letter-spacing:-.4em; text-align:center; margin:1em auto; padding:0;
 display: -webkit-flex; /* Safari */display: flex;
 -webkit-flex-wrap: wrap; /* Safari */flex-wrap:wrap;
 -webkit-justify-content: space-around; /* Safari */
  justify-content:space-around;
}
ul.tile > li{letter-spacing:normal;width:95%; margin:1em auto; border:1px #edccd3 solid; border-radius:15px; box-sizing:border-box; padding:1em; position:relative; background:#fff}

ul.tile.col2 > li{width:95%;}

ul.slide{padding:0; text-align:center;}
ul.slick-dots{margin-top:0;}
ul.slick-dots li.slick-active button:before{color:#c1506c;}
ul.slick-dots li button:before{color:#ccc;}
.tile figure{margin:0 auto 35px;}
.tile figcaption{font-size:.8em; padding:1em 0 0; margin-bottom:-1em; line-height:1.4em}
.tile li img{display:block; margin:0 auto;}
.tile li h2{color:#c1506c; font-size:1.2em; text-align:left; line-height:1.2em ; margin:.5em 0 .5em .2em}
.tile li h2 span{display:block;font-size:.6em; font-weight:normal}

.tile p{margin:0 auto; text-align:left;}
.tile dl{text-align:left;}
.tile dt{color:#c1506c;}
.tile dd{margin:0;}
.tile dl:not(.price) dd+dd{margin-bottom:1em;}
.tile dt.f_l{clear:left;float:left;}
.tile dt.f_l+dd{ margin-left:3em}
.tile dt.f_l+dd span{display:block;font-size:.8em;}
.tile dl+a{text-decoration:none; color:#c1506c;}
.sml{font-size:.8em;line-height:1.4em;display:inline-block}

.tbldl dt{clear:left;float:left;margin-right:1em;}
.tbldl dd{margin-left:5em;}
.tbldl dt.point{background:#c1506c; border-radius:5px; color:#FFF; padding:0 .5em}
.tbldl dt.point+dd{ margin-left:auto;border-bottom:1px #960 solid; padding-bottom:.2em; margin-bottom:.5em}

.tile dl.price{border:1px #CCC solid; padding:.5em}
.tile dl.price dt{ background:#ff6600; color:#FFF; padding:0 .5em; border-radius:5px;}
.tile dl.price dd{margin-left:4.5em;}

p.bnrbtn{width:95%; margin:1em auto; text-align:center}
p.bnrbtn a{display:block;background:url(../experience/img/map.gif) center 10px no-repeat; padding:60px 0 .5em; text-decoration:none; border:1px #edccd3 solid; border-radius:15px;}
p.bnrbtn a:hover{border-color:#c1506c;}

p.bnrbtn+p{text-align:center;}
p.bnrbtn+p a{text-decoration:none; color:#1a82db;}
p.bnrbtn+p a:hover{text-decoration:underline;}

ul.navi{text-align:center; padding:0}
ul.navi li{margin:0 auto 1em; width:100%}
ul.navi li:hover{box-shadow:0px 0px 10px #c1506c}

.tile h3{font-size:1em; margin:.5em auto;}
h3.c_ore{color:#ff6600; border-bottom:1px #ff6600 solid;}
h3.c_vio{color:#c1506c;border-bottom:1px #c1506c solid}

.tile .pics{letter-spacing:-.4em;}
.tile .pics figure{letter-spacing:normal;}
.tile .pics figcaption{text-align:left;}

.tile.art .pics{display:flex;justify-content:space-between}
.tile.art .pics a{width:49%;}
.tile.art .pics a figure{width:100%}
p.ta_c{text-align:center;}
.tile.art a.map{padding:2px .8em 0; text-decoration:none;border:1px #933 solid;color:#933; margin-left:5px}
.tile.art a.map:hover{color:#fff;background:#933}
.tile.art p+p{margin-top:1em;}
.tile.art p+p span{display:block;font-size:.8em;}

.dentou_bunka{display:flex;flex-wrap:wrap;justify-content:space-around;padding:0}
.dentou_bunka li{width:48%;max-width:417px}
.dentou_bunka li a{background:#fff;display:block;text-decoration:none}
.dentou_bunka li figure{margin:0;max-width:100%;text-align:center;}
.dentou_bunka li figcaption{color:#c1506c;padding:1em;font-size:1.4em;}
/* スマホ用（画面幅が768px以下の場合） */
@media screen and (max-width: 768px) {
    .dentou_bunka li figcaption {
        font-size: 1em; /* フォントサイズを小さく調整 */
    }
}

.dentou_bunka li:hover{box-shadow: 0px 0px 10px #c1506c;}

/* 20211208 */
.map-wrap {
  position: relative;
  width: 100%;
  height: 0;
  min-height: 400px;
  padding: 60% 0 0;
  margin: 0 auto 50px;
  box-sizing: border-box;
}

.map-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* タブレットレイアウト : 481 px 〜 768 px。モバイルレイアウトからスタイルを継承。 */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

@media print, screen and (min-width: 481px) {

p.catch{width:80%; margin:2em auto;}
ul.tile > li{width:45%; display:inline-block; margin:1em 2%; padding:1em 2em}

.tile dl+a{position:absolute; right:2em;bottom:2em }
p.bnrbtn{margin:2em auto;}

.tile .pics figure{width:49%; display:inline-block; margin:1em 0;vertical-align:top;}
.tile .pics figure+figure{margin-left:2%;}


/* 20211208 */
.map-wrap {
  width: 92%;
}

}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* デスクトップレイアウト : 769 px 〜。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

@media print, screen and (min-width: 769px) {
ul.tile > li{width:28%;}

ul.tile.col2 > li{width:45%;}

p.bnrbtn{width:75%;}
p.bnrbtn a{display:inline-block;background:url(../experience/experience_img/map.gif) 10px no-repeat; padding:.5em 1em .5em 320px; text-decoration:none; border:1px #edccd3 solid; border-radius:15px;text-align:left}

ul.navi li{display:inline-block; width:45%; margin:0 1% 1.5rem}

.tile .pics{letter-spacing:-.4em;}
.tile .pics.mb{margin-bottom:1.5em;}

}