@charset "utf-8";

.top #main{
    background: url(https://kushimoto.co.jp/img17/bg_index.jpg) no-repeat top center;
    background-size:100% auto;
    position: relative;
    z-index: 80;
    text-align: center;
    padding: 0;
}

section{width: 100%;clear: both;margin-top: 55px;margin-bottom: 20px;}

.top section h2{width: auto;margin:8px auto;text-align: center;}
.top section h2 img{width: auto; display: inline;text-align: center;}
.top section ul li img{display: block;}

section#pickupevent ul.main li.clear,
section#other_contents ul li.clear{margin-left:0;}

section#blog_today_etc > ul > li,
section#pickupevent ul li,
section#other_contents ul li{
 margin: 0 0 0 8px;
 padding: 0;
 float: left;
-webkit-box-shadow:0 0 8px 2px rgba(255,255,255,0.8);
   -moz-box-shadow:0 0 8px 2px rgba(255,255,255,0.8);
        box-shadow:0 0 8px 2px rgba(255,255,255,0.8); 
}

a.link_more{width: auto; display: block;margin: 0 auto;}

/*--------------------------------------------------------------------
　トップページメイン画像スライドショー
-------------------------------------------------------------------- */

section.padding0{background: #cde5e7;}

 * {box-sizing: border-box;}

.slider {width: 100%;margin: 0 auto;}

.slick-slide {}
.slick-slide img {width: 100%;}

.slick-prev:before,
.slick-next:before {color: black;}

/* Slider */
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}

.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {display: none;}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list{background: #fff url('https://kushimoto.co.jp/img17/ajax-loader.gif') center center no-repeat;}

/* Arrows */
.slick-prev,
.slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{opacity: 1;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{opacity: .25;}

.slick-prev:before,
.slick-next:before{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev{left: -25px;}
[dir='rtl'] .slick-prev{right: -25px;left: auto;}
.slick-prev:before{content: '←';}
[dir='rtl'] .slick-prev:before{content: '→';}
.slick-next{right: -25px;}
[dir='rtl'] .slick-next{right: auto;left: -25px;}
.slick-next:before{ content: '→';}
[dir='rtl'] .slick-next:before{content: '←';}

/* Dots */
.slick-dotted.slick-slider{}

.slick-dots{
    height: 20px;
    bottom: -33px;
    position: absolute;
    z-index: 90;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li{
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 8px 10px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button{
    display: block;
    width: 10px;
    height: 10px;
    padding: 4px;
    cursor: pointer;
    color: transparent;
    outline: none;
    background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  border: 2px solid transparent;
  -webkit-transition: all 300ms ease-in-out;
          transition: all 300ms ease-in-out;
-webkit-box-shadow:0 0 10px 2px rgba(0,0,0,0.1);
   -moz-box-shadow:0 0 10px 2px rgba(0,0,0,0.1);
        box-shadow:0 0 10px 2px rgba(0,0,0,0.1); 
}
li.slick-active button{background-color:#fff;}
.slick-dots li button:hover,
.slick-dots li button:focus{outline: none;border: 2px solid white;background-color: #f3b700;}


/*--------------------------------------------------------------------
　トップページ  ブログ・TODAY・その他
-------------------------------------------------------------------- */

section#blog_today_etc{width: 980px;margin: 118px auto 5px auto;text-align: left;}

/*============== ブログエリア ==============*/

section#blog_today_etc ul li.blog{
 width: 385px;
 height: 184px;
 margin-left: 0;
 background: url(https://kushimoto.co.jp/img_top/row01_blog_bg.jpg) repeat top left;
}

section#blog_today_etc ul li.blog h2{
 width: 250px;
 height: 58px;
 margin: -30px 0 0 0;
 padding: 0;
 background: none;
 position: relative;
 z-index: 100;
}

section#blog_today_etc ul li.blog p.date{
 color: #fff;
 font-size: 93%;
 float: right;
 margin: -28px 8px 0 0;
}

section#blog_today_etc ul li.blog .entry_photo{
 width:190px;
 height:140px;
 float: left;
 margin: 2px 15px 0 13px;
 padding:0px;
 overflow:hidden;
}
section#blog_today_etc ul li.blog .entry_photo p{padding: 0;}
section#blog_today_etc ul li.blog .entry_photo img{width:190px;border:0px;}

section#blog_today_etc ul li.blog .entry_title{
 clear: right;
 margin: 3px 15px 8px 215px;
 padding: 0 0 10px 0;
 font-size: 108%;
 font-weight: bold;
 border-bottom: 1px dotted #fff;
}
section#blog_today_etc ul li.blog .entry_title a{color: #333;}

section#blog_today_etc ul li.blog .entry_desc{
 padding: 5px 10px 5px 0;
 font-size: 85%;
 line-height: 145%;
}

section#blog_today_etc ul li.blog .entry_desc p{margin:0;padding:0;}

section#blog_today_etc ul li.blog img.list_link{
 margin: 0 10px 0 0;
 float: right;
}

/*============== TODAY ==============*/

section#blog_today_etc ul li.today{
 width: 240px;
 height: 184px;
 background: url(https://kushimoto.co.jp/img_top/row01_today_bg.jpg) repeat top left;
}

section#blog_today_etc ul li.today h2{
 width: 155px;
 height: 55px;
 margin: -28px 0 0 0;
 padding: 0;
 background: none;
 position: relative;
 z-index: 100;
}

section#blog_today_etc ul li.today p.date{
 color: #555;
 font-size: 93%;
 float: right;
 margin: -28px 8px 0 0;
 padding-bottom: 5px;
 letter-spacing: 0em;
}

section#blog_today_etc ul ul.lower{
 width: 220px;
 margin: 0 auto;
 clear: right;
}

section#blog_today_etc ul ul.lower li{
 padding:4px 0 2px 50px;
 font-size:108%;
 font-weight:bolder;
 float: none;
 border-top: 1px dotted #fff;
 vertical-align: middle;
}

section#blog_today_etc ul ul.lower li.weather{background:url(https://kushimoto.co.jp/img_top/row01_today_01weather.jpg) no-repeat left center;}
section#blog_today_etc ul ul.lower li.temperature{background:url(https://kushimoto.co.jp/img_top/row01_today_02temp.jpg) no-repeat left center;}
section#blog_today_etc ul ul.lower li.wind{background:url(https://kushimoto.co.jp/img_top/row01_today_03wind.jpg) no-repeat left center;}

section#blog_today_etc ul ul.lower li.seaclear{background:url(https://kushimoto.co.jp/img_top/row01_today_04clear.jpg) no-repeat left center;padding-left:85px;}
section#blog_today_etc ul ul.lower li.tower{background:url(https://kushimoto.co.jp/img_top/row01_today_06tower.jpg) no-repeat left center;padding-left:85px;border-bottom: 1px dotted #fff;}
section#blog_today_etc ul ul.lower li.stella{
 background:url(https://kushimoto.co.jp/img_top/row01_today_05stella.jpg) no-repeat left center;
 padding: 8px 0 0 87px;
 height:40px;
 line-height: 120%;
 display:table-cell;
 border-top: none;
}


/*============== etc ==============*/

section#blog_today_etc ul li.etc{width: 165px;}



/*--------------------------------------------------------------------
　トップページ  PICK UP EVENT
-------------------------------------------------------------------- */

section#pickupevent{width: 99%;margin-left:auto;margin-right:auto;text-align: center;}

section#pickupevent h3{color: #0e5497;font-size: 108%;font-weight: bold;}

section#pickupevent ul.main{width: 100%;margin: 20px 0 18px 0;}
section#pickupevent ul.main li{
    width: 33%;
    margin: 8px 0 0 0.5%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
section#pickupevent ul.main li img{width: 100%;}
section#pickupevent ul.main li.row4{width: 24.6%;}
section#pickupevent ul.main li.row2{width: 49.7%;}

section#pickupevent ul.eventlist{
    width: auto;
    margin:0 auto 8px auto;
}

section#pickupevent ul.eventlist li{
 background: url(https://kushimoto.co.jp/img_top/row01_event_icon.gif) no-repeat center left;
 margin: 10px 0;
 padding: 0 0 0 18px;
 font-size:108%;
 text-align: left;
 box-shadow:none;
 float: none;
 display: block;
}


/*--------------------------------------------------------------------
　トップページ  その他
-------------------------------------------------------------------- */

section#other_contents{width: 980px;margin: 65px auto 40px auto;}

section#other_contents ul{margin-bottom: 10px;}
section#other_contents ul li{
    width: 190px;
    margin: 0 0 8px 7px;
}

section#other_contents ul li.sns{
    padding:37px 0 5px 4px;
    background: url(https://kushimoto.co.jp/img17/top_other_06sns.jpg) no-repeat top center;
    text-align: center;
}

section#other_contents ul li.eticket{
    padding:37px 0 5px 4px;
    background: url(https://kushimoto.co.jp/img17/top_other_eticket.jpg) no-repeat top center;
    text-align: center;
}

section#other_contents ul li.sns li.eticket a,
section#other_contents ul li img{display: block;}

section#other_contents a.hotel{
    width: auto;
    display: block;
    clear: both;
-webkit-box-shadow:0 0 8px 2px rgba(255,255,255,0.8);
   -moz-box-shadow:0 0 8px 2px rgba(255,255,255,0.8);
        box-shadow:0 0 8px 2px rgba(255,255,255,0.8); 
}
section#other_contents a.hotel img{display: block;}


/*--------------------------------------------------------------------
　トップページ  NEWS・Twitter
-------------------------------------------------------------------- */

section#news_twitter{text-align: center;}

section#news_twitter h2{margin-bottom: 20px;}

section#news_twitter .news,
section#news_twitter .twitter{
    width: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    text-align: center;
}

/*============== NEWS ==============*/

section#news_twitter .news ul{width: auto;margin: 0 auto 20px auto;}

section#news_twitter .news ul li{
 float: none;
 padding: 8px 5px 8px 15px;
 background: url(https://kushimoto.co.jp/img_temp/i_arrow_blue2.gif) no-repeat left top;
 text-align: left;
}

section#news_twitter .news ul li b{
 font-size: 108%;
 color: #555; 
}


/*============== Twitter ==============*/

section#news_twitter .twitter ul#twitter_update_list{
 margin-right: 20px;
 background: #fff;
 font-size: 85%;
 line-height: 140%;
}

ul#twitter_update_list li{
 border-bottom:1px dotted #ccc;
 padding:10px 5px 8px 5px;
 word-wrap:break-word;
}

/*----- widget内部カスタマイズ -----*/
.twtr-doc { /*外枠角丸を解除*/
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}
.twtr-timeline { /*内枠角丸を解除*/
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.twtr-hd {display: none; /*ヘッダーを非表示に*/}
.twtr-ft{display: none; /*フッターを非表示に*/}
.SandboxRoot.env-bp-430 p.timeline-Tweet-text{font-size:13px;}