@charset "utf-8";



#hotaruContents { padding-bottom: 150px; font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; width: 100%; min-width: 1100px; background: #061a68; color: #fff; }
#hotaruContents * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#hotaruContents .pc { display: block !important; }
#hotaruContents .sp { display: none !important; }
#hotaruContents img.pc { display: inline !important; }
#hotaruContents img.sp { display: none !important; }

a { color: #d4ff0e; }


.opacity:hover { opacity: 0.7; }
.contents{ width:1100px; margin: 0 auto; }
.bg { background: url(../../hotaru/images/main_bg001.gif) repeat-y right top; background-size: cover; }

/* TOPスライド */
.topImg { width: 100%; }
.topImg .top-slider img { width: 100%; }

/* lnav */
.lnav { margin-bottom: 70px; }
.lnav li { float: left; }

/* about */
.about { margin-bottom: 125px; }
.about .ttl-about { float: left; }
.about .lead { float: left; margin-left: 20px; }


/* manner */
.manner { margin-bottom: 160px; }
.manner .ttlBox { margin-bottom: 25px; background: url(../../hotaru/images/manner_ph001.jpg) no-repeat left top; }
.manner .ttlBox .ttl-manner { float: right; }
.manner .mannerBox { margin-bottom: 15px; }
.manner .mannerBox li { float: left; width: 366px; padding: 20px 0; border-left: 1px solid #fff; text-align: center; }
.manner .mannerBox li:last-child { border-right: 1px solid #fff; }
.manner .mannerBox li dd { margin-top: 15px; font-size: 116%; line-height: 1.6; }
.manner .list li { padding-left: 35px; margin-bottom: 10px; background: url(../../hotaru/images/manner_i001.png) no-repeat left 15px top 0.3em; font-size: 116%; }

/* hotaruSpot */
.hotaruSpot .ttlBox { margin-bottom: 80px; padding-top: 15px; background: url(../../hotaru/images/spot_ph001.jpg) no-repeat right top; }
.hotaruSpot .ttl-area { margin-bottom: 15px; }
.hotaruSpot .txt-area-01 { float: left; }
.hotaruSpot .txt-area-02 { float: right; width: 990px; padding-bottom: 10px; border-bottom: 1px solid #fff; }
.hotaruSpot .areabox { margin-bottom: 180px; font-size: 116%; }
.hotaruSpot .table-area { width: 100%; }
.hotaruSpot .table-area th { vertical-align: top; font-weight: bold; }
.hotaruSpot .table-info { width: 100%; }
.hotaruSpot .table-info th { width: 45px; vertical-align: top; font-weight: bold; }
.hotaruSpot .table-event { width: 100%; margin-bottom: 30px; }
.hotaruSpot .table-event th { width: 60px; vertical-align: top; font-weight: bold; }
.hotaruSpot .icon-event { float: left; margin: 55px 15px 0 0; }
.hotaruSpot .img-area { float: left; }
.hotaruSpot .leadbox { float: right; margin-top: 30px; }
.hotaruSpot .leadbox .lead { margin-bottom: 15px; border-bottom: 1px dotted #fff; }
.hotaruSpot .btn-area { text-align: center; }
.hotaruSpot .shinshiro .leadbox { width: 635px; }
.hotaruSpot .shinshiro .leadbox .lead { padding: 30px 0; }
.hotaruSpot .shinshiro .table-area th { width: 100px; }
.hotaruSpot .shinshiro .table-lead { margin-top: 25px; }
.hotaruSpot .shinshiro .btn-area { margin-top: 45px; }
.hotaruSpot .shitara .leadbox { width: 475px; }
.hotaruSpot .shitara .leadbox .lead { padding: 15px 0; }
.hotaruSpot .shitara .table-area th { width: 60px; }
.hotaruSpot .shitara .map { margin: 30px 0 60px; }
.hotaruSpot .shitara .img-map { margin: 20px 0 60px; }
.hotaruSpot .shitara .info { margin-bottom: 75px; padding-bottom: 60px; border-bottom: 1px solid #fff; }
.hotaruSpot .shitara .info .list-shop li { float: left; width: 520px; margin: 0 60px 35px 0; }
.hotaruSpot .shitara .info .list-shop li:nth-child(2n) { margin-right: 0; }
.hotaruSpot .shitara .info .ttl-info { margin-bottom: 30px; }
.hotaruSpot .shitara .info .ttl-shop { margin-bottom: 10px; }
.hotaruSpot .shitara .info .img-shop { float: left; }
.hotaruSpot .shitara .info .lead { float: right; width: 330px; }
.hotaruSpot .shitara .info .lead p { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #fff; }
.hotaruSpot .shitara .box-event { width: 525px; }
.hotaruSpot .shitara .box-event .img-event { float: left; margin-left: 15px; }
.hotaruSpot .shitara .box-event .imgBox { margin: 0 0 20px; }
.hotaruSpot .shitara .ttl-event { margin: 0 0 20px; }
.hotaruSpot .shitara .box-event .lead { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #fff; }
.hotaruSpot .toei .leadbox { width: 630px; }
.hotaruSpot .toei .leadbox .lead { padding: 20px 0; }
.hotaruSpot .toei .table-area th { width: 70px; }
.hotaruSpot .toei .table-lead { margin-top: 40px; }
.hotaruSpot .toei .img-toei { margin: 60px 0; }
.hotaruSpot .toei .img-map { margin: 20px 0 60px; }
.hotaruSpot .toei .ttl-road { margin: 55px 0 10px; }

.hotaruSpot .toei .leadbox { width: auto; float: left; }

.hotaruSpot .toyone .leadbox { width: 630px; }
.hotaruSpot .toyone .leadbox .lead { padding: 10px 0 30px; }
.hotaruSpot .toyone .btn-area { margin-top: 60px; }
.hotaruSpot .toyone .table-area th { width: 100px; }




/* Dots */
.slick-dots
{
    position: absolute;
    top: 20px;
		right: 20px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: right;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 10px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 10px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 15px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 10px;
    height: 10px;

    content: '●';
    text-align: center;

    color: #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    color: #d4ff0e;
}



/* ====================================================================================================
   メディアクエリ
==================================================================================================== */

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


#hotaruContents { min-width: 100%; padding-bottom: 3%; }
#hotaruContents .pc { display: none !important; }
#hotaruContents .sp { display: block !important; }
#hotaruContents img.pc { display: none !important; }
#hotaruContents img.sp { display: inline !important; }

.contents{ width: 93.75%; }
.bg { background: none; }


/* lnav */
.lnav { margin: 5% 0 10%; text-align: center; }
.lnav li { float: none; display: inline-block; width: 48%; margin-bottom: 2%; }

/* about */
.about .ttl-about { float: none; width: 70%; margin: 0 auto 2%; }
.about .lead { float: none; margin-left: 0; }


/* manner */
.manner { margin-bottom: 160px; }
.manner .ttlBox { margin-bottom: 25px; background: none; }
.manner .ttlBox .ttl-manner { float: none; width: 80%; margin: 0 auto 2%; }
.manner .mannerBox li { float: none; width:100%; border-left: none; border-bottom: 1px solid #fff; }
.manner .mannerBox li:last-child { border: none; }
.manner .mannerBox li dt { width: 70%; margin: 0 auto; }
.manner .mannerBox li dd { margin-top: 15px; line-height: 1.6; text-align: left; }
.manner .list li { padding-left: 15px; background: url(../../hotaru/images/manner_i001.png) no-repeat left top 0.3em; }

/* hotaruSpot */
.hotaruSpot .ttlBox { margin-bottom: 5%; padding-top: 0; background: none; }
.hotaruSpot .ttlBox .ttl-spot { width: 80%; margin: 0 auto 5%; }
.hotaruSpot .txt-area-01 { width: 17%; }
.hotaruSpot .txt-area-02 { width: 80%; }
.hotaruSpot .txt-area-02 img { width: 20%; }
.hotaruSpot .ttl-spot-sp { margin-top: 3%; }
.hotaruSpot .areabox { margin-bottom: 15%;  }
.hotaruSpot table td { padding-bottom: 10px; }
.hotaruSpot .table-info th { width: 20%; }
.hotaruSpot .table-event th { width: 20%; }
.hotaruSpot .icon-event { float: none; width: 5%; margin: 0; position: absolute; top: 0; left: 0; }
.hotaruSpot .img-area { float: none; }
.hotaruSpot .leadbox { float: none; margin-top: 0; }
.hotaruSpot .btn-area { width: 100%; }
.hotaruSpot .imgBox { position: relative; }
.hotaruSpot .shinshiro .leadbox { width: 100%; }
.hotaruSpot .shinshiro .table-area th { width: 30%; }
.hotaruSpot .shitara .leadbox { width: 100%; }
.hotaruSpot .shitara .table-area th { width: 20%; }
.hotaruSpot .shitara .ttl-spot-sp { width: 45%; }
.hotaruSpot .shitara .ttl-map { width: 60%; }
.hotaruSpot .shitara .info .list-shop li { float: none; width: 100%; margin: 0 0 5% 0; }
.hotaruSpot .shitara .info .ttl-shop { width: 70%; }
.hotaruSpot .shitara .info .img-shop { width: 28%; }
.hotaruSpot .shitara .info .lead { width: 70%; }
.hotaruSpot .shitara .box-event { width: 100%; margin-bottom: 10%; }
.hotaruSpot .shitara .box-event .left { float: none; }
.hotaruSpot .shitara .box-event .right { float: none; }
.hotaruSpot .shitara .box-event .img-event { float: none; margin-left: 0; }
.hotaruSpot .toei .leadbox { width: 100%; }
.hotaruSpot .toei .table-area th { width: 20%; }
.hotaruSpot .toei .ttl-spot-sp { width: 45%; }
.hotaruSpot .toei .ttl-road { width: 60%; }
.hotaruSpot .toyone .img-area { margin-bottom: 2%; }
.hotaruSpot .toyone .leadbox { width: 100%; }
.hotaruSpot .toyone .table-area th { width: 30%; }
.hotaruSpot .toyone .ttl-spot-sp { width: 70%; }

.hotaruSpot .toei .leadbox { width: 93%; float: right; }

}