@charset "utf-8";


/*
-----------------------------------------------
▼ いざとなったら ここでマップを消す
-----------------------------------------------
#map_custmomize {
    display: none;
}

*/


/*
-----------------------------------------------
-----------------------------------------------

▼ トップページ・サイト全体 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼

-----------------------------------------------
-----------------------------------------------
*/

#wrapper{
    visibility: hidden;
    
}


/*
-----------------------------------------------
▼ PC header部分 固定を外し、スクロールにあわせた動作を追加 
----------------------------------------------- */

#header{
    position:static;
    margin-top:-142px;
}

.pc-top-sub-fixed-title{
    display:none;
}

.pc-top-sub-fixed{
    position: fixed!important;
    left: 0!important;
    top: 0!important;
    margin-top:0!important;
    transition: .3s;
    transition-delay: .3s;
    padding:10px 0!important;
    height:65px!important;
    box-shadow:0 4px 8px rgba(0, 0, 0, .3);
    }


/* pc-top-sub-fixed 時のヘッダー内構成 */

.pc-top-sub-fixed #headcat {
display:none;
}

.pc-top-sub-fixed #headR01 {
display:none;
}

.pc-top-sub-fixed #headR02 {
margin-top:-10px;
}

.pc-top-sub-fixed #headR02 p{
margin-top:-6px;
}

.pc-top-sub-fixed #nav {
position:absolute;
top:0px;
left:200px;
width:520px;
}

.pc-top-sub-fixed h1 {
display:none;
}

.pc-top-sub-fixed .pc-top-sub-fixed-title {
display:block!important;
margin-top:-9px;
}



/*
-----------------------------------------------
▼ HEADLINE 各項目の内容調整 
----------------------------------------------- */

@media (max-width: 767px){
    
.pan {
    margin: 0 0 16px;
}    
    
#topics .ease img{
    padding:0;
}

#topics .trendsld .slick-slide, #topics .trendsld .slick-list{
    background-color:#ffffff;
}

.easemid .image-fit{
    height:240px;
}

.pickup_icn, .red_icn, .news_icn, .event_icn, .spot_icn{
    font-size:12px;
}

.imgcap_a1, .imgcap_a2, .imgcap_a3, .imgcap_a4, .imgcap_a5,
.imgcap_a6, .imgcap_a7, .imgcap_a8, .imgcap_a9, .imgcap_a0{
    font-size:12px;    
}

.imgcap_mid {
    margin: 0 ;
}

#topics .slick-dots{
    padding: 0 0 12px;
}

}


@media (max-width: 414px){

.row2 .img2 {
    width: 100%;
    height: 120px;
}

.row2 .imgcap_mid {
    font-size: 14px;
}

.evicn {
line-height: 20px;
height: 22px;
top:-22px;
}

}


@media (min-width:415px) and (max-width: 767px){

/*    #topics .row4 li:nth-child(4){
        display:none;
    } */

}


@media (min-width: 768px){

    .imgcap {
    padding: 0 12px;
}

}



/*
-----------------------------------------------
▼ トップページ EVENTユニット
----------------------------------------------- */

.eventname .inL {
    line-height: 1.4;
}

.evecopy {
    line-height: 1.4;
}

.evekikan {
    line-height: 1.4;
    margin-bottom: 3px;
}

.evespot {
    line-height: 1.4;
}



@media (min-width: 768px){
 
.hbox03 .imgcap {
padding: 10px 12px 0px;
}

}  



@media (max-width: 767px){
 
.hbox03 .imgcap {
    position: relative;
    padding: 4px 6px 0px;
}

.evicn{
    font-size:12px;
    position:absolute;
    }    
    
.evicn:after {
    border-width: 0;
    border-width: 6px 6px 0 6px;
}
    
.eventname .inL {
    font-size: 14px;
    display:block;
    margin-top:3px;
 }

#event .row4 {
    margin-bottom: 0px;
} 
    
}



/*
-----------------------------------------------
▼ トップページ TOPICSユニット
----------------------------------------------- */

#news .newsttl .inL {
    line-height:1.4;
    display:block;
}


@media (max-width: 414px){

.row2b .img2 {
    width: 100%;
    height: 120px;
}

.row2 .imgcap_mid {
    font-size: 14px;
}

}

.hbox05 .imgcap, .hbox06 .imgcap {
    padding: 10px 12px 0px;
}

@media (max-width: 767px){
.hbox05 .imgcap, .hbox06 .imgcap {
    padding: 4px 6px 0px;
}
}


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

@media (min-width:415px) and (max-width: 767px){

    #news .row4 li:nth-child(4){
        display:none;
    }

}


/*
-----------------------------------------------
▼ トップページ SPOTユニット
----------------------------------------------- */

#spot .evespot {
    margin-bottom: 4px;
}

.genre .genre00 {
color:#999;
border-bottom:solid #999 2px;
}

.hbox04 .imgcap {
    padding: 10px 12px 0px;
}

.genre span {
    font-size: 12px;
    margin: 0 0 2px 0;
}

@media (max-width: 767px){
.hbox04 .imgcap {
    padding: 4px 6px 0px;
}
}


@media (max-width: 414px){
.hbox04 .imgcap {
    padding: 4px 6px 0px;
}

.row3 .img4 {
width:100%;
height:120px;
}

}

#mapin ul {
margin-right: 0px;
}


@media (max-width: 767px){
/*.spot-ichiran-adjust {
    margin: 0 14px;
}*/

#mapin {
    margin: 0 12px 32px;
}
    
#mapin a {
    padding: 0 6px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    transition: opacity 0.5s ease-in-out;
}

#mapin li {
    display: inline-block;
    margin: 0 7px 8px 0;
}

.sp02 {
   margin-bottom: 0;
}

}

@media (min-width: 768px){
 
#spot .ichiran {
margin-top:24px;
margin-bottom:16px;
}

}  



/*
-----------------------------------------------
▼ トップページ SNS
----------------------------------------------- */

.widget-sns{
    margin-top:36px;
}

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

@media screen and (min-width: 768px) {
  .widget-sns {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}

.widget-sns .ttl-sns {
  color: #FFF;
  font-size: 16px;
  text-align: center;
}

.widget-sns .fb, .widget-sns .tw {
  padding: 4px 15px 15px 15px;
}
@media screen and (min-width: 768px) {
  .widget-sns .fb, .widget-sns .tw {
    width: 50%;
  }
}
.widget-sns .fb {
  background: #444F82;
}
.widget-sns .tw {
  background: #39748C;
}
.widget-sns .inner {
  margin: 5px auto 0 auto;
  width: 100%;
  height: 135px;
  background: #FFF;
}
@media screen and (min-width: 1000px) {
  .widget-sns .inner {
    height: 224px;
  }
}

.widget-sns .inner {
    height: 224px;
}

   .tw .inner iframe {
   height:214px!important;
   }


   .fb .inner {
    text-align:center;
    background-color:#444F82;
    overflow:hidden;
    max-width:470px;
    }
   .tw .inner{
    text-align:center;
    background-color:#39748C;
    overflow:hidden;
    }
   .tw .inner iframe {
   max-width:470px!important;
   }


/*
-----------------------------------------------
▼ フッター
----------------------------------------------- */

.company-info {
    margin-top:64px;
}

.company-info ul{
    margin-top:24px;
}

.footR02{
    float:left;
}

.footR01{
    float:right;
}

.foot01 {
float: left;
width: 184px;
}

@media (max-width: 767px){

.footR{
        display:none;
    }

}

@media (max-width: 767px){
#main {
    margin-bottom: 48px;
}

}

@media (max-width: 767px){
.youbg2 {
    display:block;
}

}




/*
-----------------------------------------------
▼ サイドバーSP表示時の消去
----------------------------------------------- */

@media (max-width: 767px){
#side {
    display: none;
}
}


/*
-----------------------------------------------
-----------------------------------------------

▼ 検索結果 search ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼

-----------------------------------------------
-----------------------------------------------
*/


/* 検索窓 */

.kensaku-all input[type="text"] {
    width: 100%;
}

@media (min-width: 768px){
    
.jokenblk dl {
    margin-left: 40px;
    margin-bottom: -10px;
}
    
.jokenblk dd {
    width: 680px;
}

}

@media (max-width: 767px){
    
.jokenblk dl {
    margin-bottom: 0px;
}


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

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



}


#search02 {
    width: 100%;
}


/* 短信の表現 */

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

.tansin .imgcap {
    padding-top: 24px;
}

.hbox07 .imgcap {
    overflow: visible;
}

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

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

    
@media (max-width: 767px){
.hbox07 .forkei {
    padding: 12px 5px 10px;
}

.img3mini {
    float:right;
    margin: -12px -5px 4px 10px;
    width: 70px;
    height:70px;
    background: #000;
}

}

@media (max-width: 414px){
.tansin .evicn {
    margin-top: 0px;
    left:0;
    right:auto;
}

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

.tansin .img3mini{
display:none;    
}

.tansin .evicn {
    font-size: 10px;
    padding: 0 5px;
    text-align: center;
    line-height: 18px;
    min-width: 50px;
    height: 18px;
}

.tansin .imgcap {
    padding-top: 8px;
}

.hbox07 .forkei {
    padding: 12px 5px 8px;
}


}


@media (min-width: 768px){
.hbox07 .forkei {
    padding: 12px 12px 10px;
}
    
.img3mini {
    float:right;
    margin: -12px -12px 4px 10px;
    width: 100px;
    height:100px;
    background: #000;
}

}

.eventname .inL {
display:block;
}





/* イベント情報 ----------------------------------------------- */


/* 検索結果のとき SPでもサブタイトルを表示 */

@media (max-width: 767px){
.results .evecopy {
    display: block;
    font-size:12px;
}
}

@media (max-width: 414px){

.results .hbox03 .img4 {
    width: 45%;
    height: 100px;
    float:right;
    margin:0 0 4px 10px;
}    

.results .hbox03 .evicn {
    margin-top: 0px;
    left:0;
    right: auto;
    top: 0;  
        line-height: 22px;
        height: 22px;
}

.results .hbox03 .evicn:after {
    content: none;
}

.results .hbox03 .imgcap {
    padding-top: 24px;
}


}  
    

/* スポット情報 ----------------------------------------------- */


/* 検索結果のとき SPでもサブタイトルを表示 */

@media (max-width: 767px){
.results .evecopy {
    display: block;
    font-size:12px;
}

#mapin {
    margin: 0 10px 32px;
}




}

@media (max-width: 414px){

.results .hbox04 .img4 {
    width: 45%;
    height: 100px;
    float:right;
    margin:0 0 4px 10px;
}    

.results .hbox04 .evicn {
    margin-top: 0px;
    left:0;
    right: auto;
    top: 0;  
        line-height: 22px;
        height: 22px;
}

.results .hbox04 .evicn:after {
    content: none;
}

.results .hbox04 .imgcap {
    padding-top: 24px;
}


}  
    

/*
-----------------------------------------------
▼ 見出しまわりの追加
----------------------------------------------- */

.h2m {
margin:0 0 16px;
border-left:solid #a6f2d4 8px;
padding:6px 0 6px 14px;
font-size:22px;
font-weight:normal;
line-height:1.3;
}

.h2m .large{
font-size:40px;    
}

.h2m .efont {
font-size:22px;
}

.h2n {
margin:0 0 16px;
border-left:solid #a6f2d4 8px;
padding:6px 0 6px 14px;
font-size:22px;
font-weight:normal;
line-height:1.3;
}

.h2n .large {
vertical-align:-18%;
font-size:32px;
}

.h2n .efont {
font-size:26px;
}

@media (max-width:767px) {

.h2m {
padding:6px 0 6px 8px;
font-size:18px;
}

.h2m .large {
margin-right:10px;
font-size:28px;
vertical-align:middle;
}

.h2m .efont {
margin-right:0px;
font-size:18px;
vertical-align:middle;
}

}


@media (max-width:414px) {
.h2n small {
font-size:67%;
}
}


/*
-----------------------------------------------
▼ タブ表示ができていない部分の修正
----------------------------------------------- */

#tab_btn .tabbtn.on:after {
    border-width: 20px 20px 0 20px;
        bottom: -10px;
}

@media (max-width: 767px){
#tab_btn .tabbtn.on:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -10px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #00bfa5 transparent transparent transparent;
    z-index: 0; 
}
}



/*
-----------------------------------------------
▼ スポット情報ページ
----------------------------------------------- */

@media (max-width: 767px){
.jokenblk label {
    display: inline-block;
    background: #999;
    color: #fff;
    padding: 0 14px;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    border-radius: 14px;
    margin-bottom: 14px;
}
}



/*
-----------------------------------------------
▼ ニュース罫線まわり あらたに指定
----------------------------------------------- */

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


/*
-----------------------------------------------
▼タブのかわりにつくるカテゴリボタン
----------------------------------------------- */
#category-tab_btn {
margin:0 -1px;
font-size:0;
padding-bottom:32px;
}

#category-tab_btn .tabbtn {
display:inline-block;
vertical-align:top;
width:20%;
position:relative;
min-height:1px;
padding:0 1px;
}

.category-event-adjust .tabbtn{
width: 33.33%!important;
}


#category-tab_btn .tabbtn p {
font-size:18px;
cursor:pointer;
background:#666;
color:#fff;
line-height:50px;
text-align:center;
}

#category-tab_btn .tabbtn p a{
color:#fff;
}

#category-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;
}

#category-tab_btn .tabbtn.on p {
background:#00bfa5;
}

#category-tab_btn .tabbtn p br{
display:none;
}


@media (max-width:767px) {
#category-tab_btn .tabbtn {
padding:0 1px;
}

#category-tab_btn .tabbtn p {
font-size:14px;
line-height:1.3;
padding:10px 1px;
}

#category-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;
}

#category-tab_btn .tabbtn p {
font-size:12px;
}

}

@media (max-width:414px) {
#category-tab_btn .tabbtn p {
font-size:10px;
padding:5px 1px;
}

#category-tab_btn .tabbtn p br{
display:block;
}

#category-tab_btn .tabbtn p br{
display:block;
}

#category-tab_btn .tabbtn:nth-child(1) p,
#category-tab_btn .tabbtn:nth-child(2) p,
#category-tab_btn .tabbtn:nth-child(4) p,
#category-tab_btn .tabbtn:nth-child(5) p{
line-height:2.6;
}

#category-tab_btn.category-event-adjust .tabbtn:nth-child(1) p,
#category-tab_btn.category-event-adjust .tabbtn:nth-child(2) p,
#category-tab_btn.category-event-adjust .tabbtn:nth-child(3) p{
line-height:2!important;
}






}


#category-tab_btn .tabbtn.on:after {
    border-width: 20px 20px 0 20px;
        bottom: -10px;
}

@media (max-width: 767px){
#category-tab_btn .tabbtn.on:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -10px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #00bfa5 transparent transparent transparent;
    z-index: 0; 
}
}


/*
-----------------------------------------------
▼ニュースの表示調整
----------------------------------------------- */


@media (max-width: 414px){

.results .hbox06 .img4 {
    width: 45%;
    height: 100px;
    float: right;
    margin: 0 0 4px 10px;
}

.results .hbox06 .evicn {
    margin-top: 0px;
    left:0;
    right: auto;
    top: 0;  
        line-height: 22px;
        height: 22px;
}

.results .hbox06 .evicn:after {
    content: none;
}

.results .hbox06 .imgcap {
    padding-top: 24px;
}

}


#main .results {
    margin: 0 0 32px;
}

#main .results {
    margin: 0 0 32px;
}


/*
-----------------------------------------------
▼メニューをあけたり閉じたりする
----------------------------------------------- */

.joken-area{
    margin-bottom:24px;
}

.jokenblk {
    display:none;
    margin-bottom:0;
}

.jokenblk.kensaku-all {
    display:block;
    margin-bottom:24px;
}


.jokentoggle{
    display: inline-block;
    width:100%;
    height: 48px;
    text-align: center;
    line-height: 48px;
    background: #0abba5;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    vertical-align: 18%;
    cursor: pointer;    
}

.jokentoggle.active{
    background: #bbbbbb;
    color: #fff;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    vertical-align: 18%;
    cursor: pointer;    
}

@media (min-width: 768px){
   .jokentoggle{ 
       height: 64px;
       line-height:64px;
       font-size:20px;
   } 
}


/*
-----------------------------------------------
▼ ウェブフォントの読み込み 
----------------------------------------------- */

@font-face{font-family:'Glyphicons Halflings';src:url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot');src:url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff') format('woff'),url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;}

.glyphicon {
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    padding:0 10px;
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-chevron-down:before {
    content: "\e134";
        vertical-align: -15%;
        font-size:135%;
}

.jokentoggle.active .glyphicon-chevron-down:before {
    content: "\e133";
}

.ichiran a:after {
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    padding:0 0 0 8px;
    vertical-align: -5%;
    /* content: " ▼";　*/
    content: "\e114";
}



/*
-----------------------------------------------
▼ 検索条件リストの表示
----------------------------------------------- */

.joken-list-area{
    margin:-8px 0 12px 0 ;
    text-align:center;
    
}

.joken-list{
    display: inline-block;
}


.joken-list li{
    display:inline-block;
    margin:0 0 5px 0px;    
} 

.joken-list li span{
    display:inline-block;
    border:1px solid #30b9a8;
    padding:0 5px;
    font-size: 14px;
    line-height:26px;
    color: #30b9a8;
}

.joken-list li+li:before{
    content: "\+";
    padding:0px 8px 0 3px;
    font-size: 18px;
    color: #30b9a8;
}

@media (min-width: 768px){

.joken-list li span{
    padding:0 5px;
    font-size: 16px;
}

}





/*
-----------------------------------------------
▼ 詳細ページ カルーセルの画像サイズ・scale対応
----------------------------------------------- */

.thumb-item {
    width:100%;
    padding:0;
}

.thumb-item li{
}


.thumb-item .image-height{
    height:487px;
    width:100%;
    background-color: #f0f0f0;
}

.thumb-item-nav {
    margin:0 0 24px;
    text-align:center;
    cursor: pointer;
}

.thumb-item-nav li {
    display:inline-block;
    padding:2px 2px;
    overflow:hidden;
    width:168px;
    height:96px;
    text-align:center;
    margin-bottom:16px;
    position:relative;
    vertical-align:top;
}
.thumb-item-nav p {
    background:#f0f0f0;
    height:100%;
}

.thumb-item-nav .slick-slide img {
    display:inline;
}

.infoblk .slick-dots {
    margin: 0 0 4px;

}

.cap {
    margin: 4px 0 0 0;
}


@media (max-width:767px) {
.thumb-item .image-height{
max-height:360px;
}

.thumb-item-nav {
    margin:0 0 12px;
}

.thumb-item-nav li {
width:20%;
height:74px;
}

.infoblk .slick-dots li {
    width: 20%;
}

}

@media (max-width:414px) {
.thumb-item .image-height{
max-height:250px;
}

.thumb-item-nav li {
width:20%;
height:74px;
}

.imgcap_a.btm16{
    margin-bottom:8px;
}

}



/*
-----------------------------------------------
▼ imgcap ほかのところにカラーをあわせて足りていないものを足す
----------------------------------------------- */

.imgcap_a1 {
display:inline-block;
color:#ff5252;
border-bottom:solid #305eb6 2px;
}
.imgcap_a2 {
display:inline-block;
color:#e4a100;
border-bottom:solid #bb9a00 2px;
}
.imgcap_a3 {
display:inline-block;
color:#009ee7;
border-bottom:solid #7952ff 2px;
}
.imgcap_a4 {
display:inline-block;
color:#38b467;
border-bottom:solid #bf0000 2px;
}
.imgcap_a5 {
display:inline-block;
color:#ff5252;
border-bottom:solid #0097DB 2px;
}

.imgcap_a6 {
display:inline-block;
color:#ff5252;
border-bottom:solid #7BAA17 2px;
}

.imgcap_a7 {
display:inline-block;
color:#ff5252;
border-bottom:solid #018a9a 2px;
}

.imgcap_a8 {
display:inline-block;
color:#ff5252;
border-bottom:solid #E48E00 2px;
}

.imgcap_a9 {
display:inline-block;
color:#ff5252;
border-bottom:solid #999 2px;
}

.imgcap_a0 {
display:inline-block;
color:#ff5252;
border-bottom:solid #999 2px;
}


.imgcap_a1 a {
color:#305eb6;
}
.imgcap_a2 a {
color:#bb9a00;
}
.imgcap_a3 a {
color:#7952ff;
}
.imgcap_a4 a {
color:#bf0000;
}
.imgcap_a5 a {
color:#0097DB;
}

.imgcap_a6 a {
color:#7BAA17;
}
.imgcap_a7 a {
color:#018a9a;
}
.imgcap_a8 a {
color:#E48E00;
}
.imgcap_a9 a {
color:#999;
}
.imgcap_a0 a {
color:#999;
}

.imgcap_a .imgcap_a1, .imgcap_a .imgcap_a2, .imgcap_a .imgcap_a3, .imgcap_a .imgcap_a4, .imgcap_a .imgcap_a5,
.imgcap_a .imgcap_a6, .imgcap_a .imgcap_a7, .imgcap_a .imgcap_a8, .imgcap_a .imgcap_a9, .imgcap_a .imgcap_a0{
font-size:14px;
}



/*
-----------------------------------------------
▼ 詳細ページ いろいろ
----------------------------------------------- */

imgcap_a {
    display: block;
}

@media (min-width: 768px){
.setumei .h3c{
    margin-left: -86px;
    margin-bottom:24px;
}
}


@media (max-width:414px){
.tblttl .td01 {
    width: 72px;
}
    
.tblttl .td01 img {
    width: 60px;
}
}

.h3_01b {
    display: inline-block;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    margin-bottom: 8px;
    padding: 2px 0 0;
    border-top: solid #a6f2d4 6px;
}

.kakomi {
    display: inline-block;
    text-align: center;
    width: 50px;
    padding: 0 ;
    margin-right: 6px;
    font-size:14px;
    margin-top: 7px;
    margin-bottom:2px;
    height: 20px;
    line-height:20px;
}



@media (max-width: 767px){

.spec dt{
font-size:14px;        
    }    
    
.spec dd {
    padding: 0 0 10px;
    line-height:1.35;
}

.kakomi {
    display: block;
    text-align: center;
    width: 70px;
    padding: 0;
    margin-right: 0;
    font-size:12px;
    margin-top: 7px;
    margin-bottom:2px;
    height: 18px;
    line-height:18px;
}

.spec {
    padding: 4px 12px 12px;
}

.pan {
    margin: 0 0 10px;
    padding: 10px 0 0;
    line-height:1.5;
}

.tblttl.btm16{
    margin-bottom:10px;
}


}


.commentblk {
    background: #f0eee7 url(../img/kage_icn.png) no-repeat 24px 26px;

    padding: 24px 24px 24px 100px;
}

@media (max-width: 767px){
.commentblk {
    background: #f0eee7 url(../img/kage_icn.png) no-repeat 14px 16px;
        background-size:29px 32px;
    padding: 12px 12px 12px 50px;
}
}


.jouhouteikyou{
    font-weight:bold;
    line-height:1.5;
    margin-top:2px;
}

@media (min-width: 768px){
.jouhouteikyou{
    font-size:16px;
    margin-top:6px;
}
}


.kome, .tuiki-small{
font-size:12px;
line-height:1.3;
margin-top:4px;
}


/*
-----------------------------------------------
▼ スポットカテゴリ：トップページ 地図まわりの改変
----------------------------------------------- */

#map_custmomize {
    width: auto;
    height: 750px;
}

#map_custmomize .mapimg{
    max-width:150px;
    max-height:150px;
}



@media (max-width: 767px){
#map_custmomize {
    height: 750px;
}
}

@media (max-width:414px) {
#map_custmomize {
    height: 750px;
    width: 95%;
    margin: 0 auto 32px auto;
}
}

/*
-----------------------------------------------
▼ 詳細ページ スポット部分の改変
----------------------------------------------- */

.thisspot{
    margin-bottom:36px;   
    padding-bottom: 12px;
    border-bottom: solid #a6f2d4 6px;
}

.thisspot .forkei{
   
}


@media (max-width: 767px){
    
    .infoblk{
        position:relative;
    }
        
    .koushinbi{
        position:absolute;
        top:17px;
        right:12px;
    }
    

}

/*
-----------------------------------------------
▼ 詳細ページ 写真をスケールにあわせる
----------------------------------------------- */

.shosai-photo-item .image-height{
    height:487px;
    width:100%;
    background-color: #f0f0f0;
}

@media (max-width:767px) {
.shosai-photo-item .image-height{
max-height:360px;
}
}

@media (max-width:414px) {
.shosai-photo-item .image-height{
max-height:250px;
}
}

.newsmatome .spec{
    margin-bottom:48px;
}

.setumei p {
    margin-bottom: 24px;
}


@media (min-width: 768px){
.setumei .h3b {
    margin-left: -86px;
}
}

@media (max-width: 767px){
.h3c {
    font-size: 20px;
}
}


/*
-----------------------------------------------
▼ Juqery Datepicker 日付選択部分の修正
----------------------------------------------- */

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
background:none;    
}

.ui-widget-header{
background:none;
}

.ui-widget-header {
background-color:#e6e6e6;
}
        
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
background-color:#e6e6e6;    
}

.ui-datepicker-week-end .ui-state-default{
 background-color:#d4dffe!important;       
}

.ui-datepicker-week-end:nth-child(1) .ui-state-default{
 background-color:#fed4e5!important;       
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #363636;
    color: #363636;
    font-weight:bold;
}

.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all:nth-child(1){
    display:none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #363636;
    background-color: #faf8d2!important;
    font-weight: normal;
    color: #212121;
    font-weight:bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: 1;
    filter: Alpha(Opacity=100);
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: normal;
}


@media (max-width:767px) {
.ui-overlay{
	z-index:1;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.3);
}

.ui-overlay-inner{
        opacity:0.3;
}

input, select {
    font-size: 16px!important;
}


}

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

.ui-datepicker{
box-shadow: 0 5px 10px rgba(0, 0, 0, .4);
}

}








/*
-----------------------------------------------
▼ PCトップ修正 スクリプト関係
----------------------------------------------- */

@media (min-width: 768px){

#topics .trendsld{
    float:left;
    width:610px;
    margin: 0 10px 20px 0;
}
    
#topics .row4 .hbox01{
    float:right;
    width:610px;
    margin: 0 10px 20px 0;
}

#topics .row4 li:nth-child(2) {
    margin: 0 0 20px 0;
}

#topics .row4 li:nth-child(4) {
    margin: 0 0 20px 0;
}

#topics .row4 {
    height: auto;
    overflow:hidden;
}

#topics .row4:after {
    display: none;
    content: none;
    clear: none;
}


.easemid{
    width:610px;
}

.easemid .image-fit{
    width:610px;
}

#topics .slick-dots{
    padding: 0 0 0;
    background-color:#bbbbbb;
padding-bottom: 3px;
}

#topics .slick-dots li button:before {
    color: #fff;
    opacity: 1;
}

#topics .slick-dots li.slick-active button:before {
    color: #000;
    opacity: 1;

}
    
}


/*
-----------------------------------------------
▼ PCトップ修正 文字大きさなど微修正
----------------------------------------------- */

@media (min-width: 768px){

.row2 .img2 {
    width: 610px;
    height: 239px;
    background: #000;
    }
 
.trendsld .imgcap_mid {
    font-size: 24px;
}

.trendsld .pickup_icn {
    position: absolute;
    left: 0;
    top: -20px;
    padding: 8px 10px;
    font-size: 18px;
}

.trendsld .news_icn,
.trendsld .spot_icn,
.trendsld .event_icn {
    position: absolute;
    left: 0;
    top: -20px;
    padding: 8px 10px;
    font-size: 18px;
}

.row2 .imgcap_mid {
    margin-top: -4px;
    font-size: 20px;
}

    
}

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

.pan {
    margin: 0 0 12px;
}



/*
-----------------------------------------------
▼ フェードイン処理
----------------------------------------------- */

    #loading{
        display:block;
    }
    
    #fade{
        display:block;
    }

    
/* -- スマホのフェードイン指定 -- */

@media (max-width: 767px){

#wrapper{
margin:0;
padding:50px 0 0;
background:#f2f2f2;
visibility:hidden;
}

}

/* -- noscriptを表示させるため -- */

#noscript {
    z-index:500;
    position: fixed;
    top: 0%;
    left: 0%;
}




/*
-----------------------------------------------
▼ トップの文字位置
----------------------------------------------- */


#topmov {
    margin: 0 0 24px;
    position: relative;
    overflow: hidden;
}


@media (min-width: 768px){
#topmov {
    height: 450px;
}
}

/*
@media (max-width: 767px){
#movon {
    top: 20px;
}
}

@media (max-width: 414px){
#movon {
    margin: 20px 0 0;
}
}
*/



/*
-----------------------------------------------
▼ エリア選択 タブメニュー
----------------------------------------------- */


.box-shadow-effect{
 box-shadow: 0 4px 8px rgba(0, 0, 0, .3);   
}

.areatabs{
    overflow: hidden;
        padding-bottom: 31px!important;
}

.show02 {
    padding: 8px 0 0 0;
}

.show03 {
    padding: 8px 0 0 0;
}


.areatabs ul {
  list-style: none;
  float:left;
  width: 50%;
}

.row4 .show02 > ul {
    margin-top: 0;
}

.row4 .show03 > ul {
    margin-top: 0;
}
#spot .areatabs ul {
    margin-top:0;
}

.areatabs li:after {
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-size: 10px;
    display: inline-block;
    position:absolute;
    right:5px;
    top:8px;
}

.areatabs li:hover {
background-color: #ccc;
}

.areatabs li.active {
  background: #a6f2d4;
}



/* タブの中身 */
.areatabs-boxs {
    width: 50%!important;
    float:right;
    overflow: hidden;
}
.areatabs-boxs .areainfo-box {
    display: none;
}
.areatabs-boxs  .areainfo-box.active {
    display: block;
}

.areatabs .easy-select-box .esb-displayer {
    display:none;
}

.areatabs .easy-select-box .esb-dropdown {
    border:none;
    background-color:#eeeeee;
    overflow: visible;
    position: absolute;
    z-index: 300;
    margin-top:0px;
    padding: 0 0 0 0;
    width : 45%!important ; /* IE8以下とAndroid4.3以下用フォールバック */
    width : -webkit-calc(50% - 16px)!important ;
    width : calc(50% - 16px)!important ;

}

.areatabs .easy-select-box .esb-item {
    margin: 0 8px 1px 4px!important;
    padding: 4px 8px;
    background: #fff;
    color: #333;
    cursor: default;
}

.areatabs .easy-select-box .esb-item:hover {
    background:#00bfa5;
    color:#fff;
}

.areatabs .easy-select-box .esb-item.active {
    background:#a6f2d4;
    color:#333;
}


.areatabs li {
margin: 0 4px 1px 8px!important;
position: relative;
}
    
.areatabs .easy-select-box {
    border:none;

}

@media (max-width: 414px){

.areatabs li {
    font-size:12px;
}

.areatabs .esb-dropdown {
    font-size:12px;
}


}

/* カテゴリ画面での表示調整 */

.jokenblk .acc02{
width: 350px !important;
line-height: 40px;
height: 40px;
}

.jokenblk .show02{
width:350px;
}

.jokenblk .areatabs ul{
margin-top:0px;
list-style: none;
float:left;
width: 50%;
}

.jokenblk .areatabs li {
background: #fff;
margin: 0 4px 1px 8px!important;
position: relative;
    padding: 4px 8px;
}

.jokenblk .areatabs li:hover {
background-color: #ccc;
}

.jokenblk .areatabs li.active {
  background: #a6f2d4;
}

.jokenblk .areatabs-boxs {
    width: 50%!important;
    float:right;
    overflow: hidden;
}

.jokenblk .easy-select-box {
    width: inherit!important;
}


@media (min-width: 768px){

.jokenblk .areatabs .easy-select-box .esb-dropdown {
    border:none;
    overflow: visible;
    margin-top:0px;
    padding: 0 0 0 0;
    width: 175px!important;
}

}

@media (max-width: 767px){

.jokenblk .areatabs .easy-select-box .esb-dropdown {
    border:none;
    overflow: visible;
    margin-top:0px;
    padding: 0 0 0 0;
    width: 45%!important;
   width : -webkit-calc(50% - 24px)!important ;
   width : calc(50% - 24px)!important ;
}

}

.jokenblk .areatabs .easy-select-box .esb-item {
    margin: 0 8px 1px 4px!important;
    padding: 4px 8px;
    background: #fff;
    color: #333;
    cursor: default;

}

.jokenblk .areatabs .easy-select-box .esb-item:hover {
    background:#00bfa5;
    color:#fff;
}

.jokenblk .areatabs .easy-select-box .esb-item.active {
    background:#a6f2d4;
    color:#333;
}

@media (max-width: 767px){
    
.jokenblk .acc02 {
    width: 100% !important;
}
    
.jokenblk .show02{
    width:100%;
}    

}




/*
-----------------------------------------------
-----------------------------------------------

▼ アンドロイド ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼

-----------------------------------------------
-----------------------------------------------
*/


/*
-----------------------------------------------
▼ トップメニュー崩れ
----------------------------------------------- */

@media (max-width: 320px){
    
#spnav01 a:before, #spnav02 a:before, #spnav03 a:before {
zoom:0.7;
}

}



/*
-----------------------------------------------
▼ コラム崩れ
----------------------------------------------- */


@media (max-width: 414px){

.android .col2 .col,
.android .col2 .col,
.android .col3 .col,
.android .col4 .col,
.android .col5 .col,

.android .fig01R figure,
.android .row4 li,
.android .row2 li,
.android .row4 .ev01,
.android .row2b li,
.android .toppage .row3 li,
.android #topbana .col,
.android .row24 .col2 .col, 
.android .foot01{
width: 49%;
}

}


/*
@media (max-width:736px) { ← この項目はなぜ736pxか
.col2 .col,
.col3 .col,
.col4 .col,
.col5 .col {
font-size:16px;
width:50%;
}

}


@media (max-width: 767px){ ← ３分の１にならない

.android .col3 .col, 
.android .row4 li, 
.android #event .hbox02b .ev01, 
.android .row3 li{
width:33%;
}

}

*/




/*
-----------------------------------------------
-----------------------------------------------

▼ 天気設定 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼

-----------------------------------------------
-----------------------------------------------
*/

.w_tenki {
    display: inline-block;
    margin: 2px 8px -8px;
    background-size: 40px auto!important;
    height: 40px;
    padding: 0 0;
    overflow: hidden;
    width: 40px;
    background-position: center center!important;
}

@media (max-width: 767px){

.w_tenki {
    display: inline-block;
    margin: 5px 8px 0px;
    background-size: 35px auto!important;
    height: 35px;
    padding: 0 0;
    overflow: hidden;
    width: 80px;
    background-position: center bottom!important;
}

#spheadR {
    position: absolute;
    top: 2px;
    right: 54px;
    width: 70px;
    height: 43px;
    overflow: hidden;
}

#spheadR .sptxt {
    position: absolute;
    top: 0;
    left: 21px;
    font-size: 10px;
    width: 24px;
}
 
}



.w_tenki01 {
background:url(img/tenki/tenki-ode-01.png) no-repeat;
}

.w_tenki02 {
background:url(img/tenki/tenki-ode-02.png) no-repeat;
}

.w_tenki03 {
background:url(img/tenki/tenki-ode-03.png) no-repeat;
}

.w_tenki04 {
background:url(img/tenki/tenki-ode-04.png) no-repeat;
}

.w_tenki05 {
background:url(img/tenki/tenki-ode-05.png) no-repeat;
}

.w_tenki06 {
background:url(img/tenki/tenki-ode-06.png) no-repeat;
}

.w_tenki07 {
background:url(img/tenki/tenki-ode-07.png) no-repeat;
}

.w_tenki08 {
background:url(img/tenki/tenki-ode-08.png) no-repeat;
}

.w_tenki09 {
background:url(img/tenki/tenki-ode-09.png) no-repeat;
}

.w_tenki10 {
background:url(img/tenki/tenki-ode-10.png) no-repeat;
}

.w_tenki11 {
background:url(img/tenki/tenki-ode-11.png) no-repeat;
}

.w_tenki12 {
background:url(img/tenki/tenki-ode-12.png) no-repeat;
}

.w_tenki13 {
background:url(img/tenki/tenki-ode-13.png) no-repeat;
}

.w_tenki14 {
background:url(img/tenki/tenki-ode-14.png) no-repeat;
}

.w_tenki15 {
background:url(img/tenki/tenki-ode-15.png) no-repeat;
}

.w_tenki16 {
background:url(img/tenki/tenki-ode-16.png) no-repeat;
}

.w_tenki17 {
background:url(img/tenki/tenki-ode-17.png) no-repeat;
}

.w_tenki18 {
background:url(img/tenki/tenki-ode-18.png) no-repeat;
}

.w_tenki19 {
background:url(img/tenki/tenki-ode-19.png) no-repeat;
}

.w_tenki20 {
background:url(img/tenki/tenki-ode-20.png) no-repeat;
}

.w_tenki21 {
background:url(img/tenki/tenki-ode-21.png) no-repeat;
}

.w_tenki22 {
background:url(img/tenki/tenki-ode-22.png) no-repeat;
}

.w_tenki23 {
background:url(img/tenki/tenki-ode-23.png) no-repeat;
}

.w_tenki24 {
background:url(img/tenki/tenki-ode-24.png) no-repeat;
}

.w_tenki25 {
background:url(img/tenki/tenki-ode-25.png) no-repeat;
}

.w_tenki26 {
background:url(img/tenki/tenki-ode-26.png) no-repeat;
}

.w_tenki27 {
background:url(img/tenki/tenki-ode-27.png) no-repeat;
}

.w_tenki28 {
background:url(img/tenki/tenki-ode-28.png) no-repeat;
}

.w_tenki29 {
background:url(img/tenki/tenki-ode-29.png) no-repeat;
}

.w_tenki30 {
background:url(img/tenki/tenki-ode-30.png) no-repeat;
}

.w_tenki31 {
background:url(img/tenki/tenki-ode-31.png) no-repeat;
}

.w_tenki32 {
background:url(img/tenki/tenki-ode-32.png) no-repeat;
}

.w_tenki33 {
background:url(img/tenki/tenki-ode-33.png) no-repeat;
}

.w_tenki34 {
background:url(img/tenki/tenki-ode-34.png) no-repeat;
}

.w_tenki35 {
background:url(img/tenki/tenki-ode-35.png) no-repeat;
}

.w_tenki36 {
background:url(img/tenki/tenki-ode-36.png) no-repeat;
}

.w_tenki37 {
background:url(img/tenki/tenki-ode-37.png) no-repeat;
}

.w_tenki38 {
background:url(img/tenki/tenki-ode-38.png) no-repeat;
}

.w_tenki39 {
background:url(img/tenki/tenki-ode-39.png) no-repeat;
}

.w_tenki40 {
background:url(img/tenki/tenki-ode-40.png) no-repeat;
}

.w_tenki41 {
background:url(img/tenki/tenki-ode-41.png) no-repeat;
}

.w_tenki42 {
background:url(img/tenki/tenki-ode-42.png) no-repeat;
}

.w_tenki43 {
background:url(img/tenki/tenki-ode-43.png) no-repeat;
}

.w_tenki44 {
background:url(img/tenki/tenki-ode-44.png) no-repeat;
}

.w_tenki45 {
background:url(img/tenki/tenki-ode-45.png) no-repeat;
}




/*
-----------------------------------------------
-----------------------------------------------

▼ 広告設定追加 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼

-----------------------------------------------
-----------------------------------------------
*/


/* -- トップのアイコン PR追加 -- */

.prblk .forkei {
    border-bottom: solid #999 3px;
}

.prblk a:hover.forkei .imgcap_mid {
color:#999999;
}

.pr_icn {
display:inline-block;
background:#999;
color:#fff;
padding:4px 10px;
font-size:14px;
line-height:1;
white-space:nowrap;
}


@media (min-width: 768px){
.imgcap .pr_icn {
    position: static;
    position: relative;
    top: -12px;
    left: -12px;
}
}

@media (max-width: 767px){
.pr_icn {
    font-size: 12px;
    margin: 0 0 8px;
}
}


.ad-dummy336{
    width:336px;
    height:280px;
    background-color:#ccc;
}

.ad-dummy300{
    width:300px;
    height:250px;
    background-color:#ccc;    
}

.ad-dummy728{
    width:728px;
    height:90px;
    background-color:#ccc;      
}



/* -- PC用表示設定 -- */

@media (min-width: 768px){

.ad-pc{
display:block;
}  
    
.ad-sp{
display:none;
}  

/* トップページ */

.ad-pc-topics{
margin:24px auto 0 auto;
width: 336px;
text-align:center; 
}

.ad-pc-footer{
margin:0 auto 0 auto;
display: inline-block;
}

.ad-pc-mainL{
width:728px;
margin:24px auto 48px auto;

}

.ad-pc-mainL div{
margin:0 12px;
text-align:center;
display:inline-block;    
}


.ad-pc-content{
float:left;
display:inline-block;
margin:0 16px 16px -86px ;
}

/* .ad-pc-content + p{
display: inline;    
} */



/* 詳細ページ */

.pc-mainLbana{
margin:30px 120px;        
overflow: hidden;
}

.pc-mainLbana .mainLbana{
float:left;
margin:0 20px;
}

.sp-mainLbana{
display:none;
}


/*  見出しの調整  */
.h3b {
    overflow: hidden;
}



}


/* -- SP用表示設定 -- */

@media (max-width: 767px){

/**/     
    
.ad-pc{
display:none;
}  
    
.ad-sp{
display:block;
}  


/* トップページ */

.ad-sp-basic-arrange{
margin:16px auto;
width: 300px;
text-align:center; 
}

.ad-sp-basic-arrange2{
width: 100%;
height:250px;
position:relative;
}

.ad-sp-basic-arrange2 .innerdiv{
position:absolute;
top:0;
left:calc((100% - 300px) / 2);
left:-webkit-calc((100% - 300px) / 2);
}



#news .h2a + .btm32{
    margin-bottom:0!important;
} 


/* 詳細ページ */



.pc-mainLbana{
display:none;
}

.sp-mainLbana{
margin:30px auto;
text-align:center;
}

.sp-mainLbana .mainLbana{
margin:0;
}

}











/*
---------------------------------------------------------------------------
▼ ここから　2016-11-17　追加 --------------------------------------------------------------------------
--------------------------------------------------------------------------- */



/*
-----------------------------------------------
-----------------------------------------------

▼ 印刷指定 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼

-----------------------------------------------
-----------------------------------------------
*/

@media print {
    
body {
-webkit-print-color-adjust:exact;
background-color:#fff;
color:#000;
width:905px;
zoom:0.85;
}

img {
page-break-inside:avoid;
}

#sb-site, .sb-site-container {
background-color:#fff;
}

.in {
margin-left:14px;
margin-right:14px;
width:auto;
}

#headR02,
#nav,
.yt,
.pc-mainLbana,
/*#event,
#spot,
#news,*/
#kasousrc,
#boshu,
#topbana,
#footer,
#side{
display:none;
}
#mainL {
float:none;
width:auto;
}

/* ここからIE・Chrome用 */
#wrapper {
background:#fff;
margin-top:0!important; /*  追加  */
}

#header{
    display:block!important; /*  追加  */
    margin-top:0; /*  追加  */
}
#spheader {
    display:none; /*  追加  */
    /*
position:absolute;
background:#fff url(../img/next_logo.png) no-repeat right 8px;
background-size:120px auto;*/
}
.sb-toggle-right,
#spheadR,
#spnav {
display:none;
}


/* ここから追加 */

#header.pc-top-sub-fixed{
    display:none!important;
}

.thumb-item{
    display:none;
}

.slick-dots{
    display:none;
}

.thumb-item-nav{
    display:block;
}

.slick-track{
    width:100%;
}

.slick-slide{
    width:20%;
    overflow: hidden;
}

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

.infoblk .imgR a{
    display: none;
}

.thumb-item-nav {
    margin: 36px 0 24px;
}


.ad-pc,.ad-sp{
    display: none;
}

.setumei{
    margin:0 0 32px;
}

.setumei .h3c {
    margin-left:0;
}

.setumei .h3b {
    margin-left: 0px;
}

.dwn_blk{
    display:none;
}

.lookmap{
    display:none;
}

.spec,#map_custmomize{
page-break-inside:avoid;    
}

.shosai-photo-item{
zoom:0.5;
text-align:center;
}

.shosai-photo-item img{
margin:0 auto!important;
}

#pagetop{
display: none!important;    
}



article #topics{
zoom:70%;  
}


article #event{
zoom:70%;      
}

article #news{
zoom:70%;      
}

article #spot{
zoom:70%;      
}



}

/*
-----------------------------------------------
▼ トップ表示部　Mac Safariでの表示崩れ対応
----------------------------------------------- */

@media (min-width: 768px){

#topics .row4.hbox01{
width: 620px;
float:left;
overflow: hidden;
}

#topics .row4.hbox01:after{
    display: block;
    content: "";
    clear: both;
}


#topics .row2 {
    float: left;
    overflow: hidden;
}


}




/*
---------------------------------------------------------------------------
▼ ここから　2016-11-21追加 --------------------------------------------------------------------------
--------------------------------------------------------------------------- */


/*
-----------------------------------------------
▼ 汎用YouTube設定　ULIZA動画用　main に加えて追記
----------------------------------------------- */

.yt div object {
position:absolute;
top:0;
left:0;
width:100%!important;
height:100%!important;
}



/*
-----------------------------------------------
▼ スポットなどの一言コメント欄　人形とテキストが実着しすぎている
----------------------------------------------- */

.commentblk {
    background: #f0eee7 url(../img/kage_icn.png) no-repeat 20px 16px;
    padding: 12px 20px 12px 72px;
    background-size: 4%;
}

@media (max-width: 767px){
.commentblk {
    background: #f0eee7 url(../img/kage_icn.png) no-repeat 14px 16px;
    padding: 12px 12px 12px 50px;
    background-size: 8%;
}
}


/*
-----------------------------------------------
▼ イベント/スポット/ニュース詳細　写真説明をわかりやすくする
----------------------------------------------- */

.thumb-item .slick-track{
background-color: #f0f0f0;
}

.thumb-item .slick-slide .cap{
font-size:14px; 
margin:0;
padding:6px 12px 6px 12px;
}

@media (max-width: 767px){
.thumb-item .slick-slide .cap{
font-size:12px; 
font-weight:bold;
}
}


/*
-----------------------------------------------
▼ 吹き出し
----------------------------------------------- */

.gm-style .gm-style-iw {
line-height:1!important;
}

.gm-style .gm-style-iw p:hover {
text-decoration:underline;
}


/*
-----------------------------------------------
▼ トップページ　SP表示時　スポット表示崩れ + HEADLINE android表示対応
----------------------------------------------- */

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

.android article .row3 li,
.android #topics .row4 li{
width: 49%;
}

}


/*
-----------------------------------------------
▼ リストページ　SP表示時　ニュースなど高さがないときに崩れる
----------------------------------------------- */


@media (max-width: 414px){

#news .forkei{
overflow: hidden;
padding-bottom:0;
}    

#news .results .img4 {
margin: 0 0 0 10px;
}

}




/*
---------------------------------------------------------------------------
▼ ここから　2016-11-22　追加 -------------------------------------------------------------
--------------------------------------------------------------------------- */

/*
-----------------------------------------------
▼ EVENTトップ　絞り込み検索時　検索件数バーの下のマージンを小さく
----------------------------------------------- */

.btm48#lenres {
    margin-bottom: 0;
}

.btm48#lenres2 {
    margin-bottom: 0;
}



/*
-----------------------------------------------
▼ SP版トップメニュー　８文字の内容をいれるためにフォントサイズを下げる
----------------------------------------------- */


@media (max-width: 767px){
    #spnav li {
    font-size: 9px;
    line-height: 1.3;
}
}

@media (max-width:320px) {
#spnav li {
    font-size: 8px;
}
}



/*
-----------------------------------------------
▼ SP版トップページ　今週・来週・近日のボタン背景色を変更
----------------------------------------------- */

@media (max-width:767px) {

/* 今週開催 */
#konshu_kai .img4 {
background:#0abba5 url(../img/event_7daysp.png) no-repeat 50% 50%;
background-size:contain;}

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

}

/*
-----------------------------------------------
▼ カルーセルとタグの間のマージン調整
----------------------------------------------- */

.thumb-item {
    margin-top: 8px;
}





/*
---------------------------------------------------------------------------
▼ ここから　2016-11-23　追加 -------------------------------------------------------------
--------------------------------------------------------------------------- */

/*
-----------------------------------------------
▼ SP版トップメニュー　全体修正  ※　flexをやめてfloatに切り替え
----------------------------------------------- */

#spnav {
margin:0 -14px;
margin:0 ;
background:#0abba5;
overflow:hidden;
}

#spnav ul {
max-width: 420px;
margin:0 auto;
display:block;
}


#spnav li {
font-size:10px;
line-height:1.3;
float:left;
width: 33.3%;
}

#spnav li a {
width:100%!important;
}


@media (max-width: 400px){
        
#spnav01 a:before, #spnav02 a:before, #spnav03 a:before {
zoom:0.6;
margin-top:10px;
}

}




/*
---------------------------------------------------------------------------
▼ ここから　2016-11-25　追加 -------------------------------------------------------------
--------------------------------------------------------------------------- */

/*
-----------------------------------------------
▼ まとめページの調整
----------------------------------------------- */

.read {
    font-size: 18px;
    line-height: 1.6;
}

.shosai-photo-item .cap {
    width: 100%;
    background-color: #f0f0f0;
    font-size: 14px;
    margin: 0;
    padding: 6px 12px 6px 12px;
}

.setumei a{
    display:block;
    color: #2bc4b1;
    font-size:18px;
    line-height:1.4;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:15px;
}

.setumei a:hover{
    color:#05aa96;
}


.setumei a:before{
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    content: "\e080";
    color: #2bc4b1;
    font-size:16px;
    padding-right: 15px;
}




/*
---------------------------------------------------------------------------
▼ ここから　2016-11-26　追加 -------------------------------------------------------------

追記以外で下記を修正

１）　SP　詳細記事で、SP-1の広告位置を修正　2775行目・2781行目

３）　SP　ヘッダープライマリメニュー修正　3249-3288行目

--------------------------------------------------------------------------- */

/*
-----------------------------------------------
２）▼ input属性　iOS独自の装飾仕様をクリア　ex サイト全体検索など
----------------------------------------------- */

@media (max-width:767px) {

input[type="submit"] {
   -webkit-appearance: none!important;
}
}

/*
-----------------------------------------------
４）▼ SP　リスト部　テキストのほうに余白をもたせて　領域を確保
----------------------------------------------- */

#news .newsttl .inL {
    line-height: 1.4;
    display: block;
    margin-bottom: 8px;
}


/*
---------------------------------------------------------------------------
▼ ここから　2016-11-27　追加 -------------------------------------------------------------

1) 体験イベント　が　体験　に変わるのにあわせて　SPで行間調整　1085行目あたり

2) 見出しが短いため、.ad-pc-topic　の上部マージンを24pxに縮小　2700行目あたり

--------------------------------------------------------------------------- */

/*
-----------------------------------------------
３）HEADLINE　タグとカラー指定（重複しているが再定義）
----------------------------------------------- */

/* トレンドスライダー */

.pickup_icn {
display:inline-block;
background:#ff5252;
color:#fff;
padding:4px 10px;
font-size:14px;
line-height:1;
white-space:nowrap;
}

.red_icn {
display:inline-block;
background:#ff5252;
color:#fff;
padding:4px 10px;
font-size:14px;
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;
}

.pr_icn {
display:inline-block;
background:#999;
color:#fff;
padding:4px 10px;
font-size:14px;
line-height:1;
white-space:nowrap;
}


@media (max-width: 767px){
.pickup_icn, 
.red_icn, 
.news_icn, 
.event_icn, 
.spot_icn,
.pr_icn{
    font-size:12px;
}
}


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

.imgcap .pickup_icn,
.imgcap .red_icn,
.imgcap .news_icn,
.imgcap .event_icn,
.imgcap .spot_icn,
.imgcap .pr_icn{
position:relative;
top:-12px;
left:-12px;
}

.row2 .imgcap .red_icn {
    position: relative;
    top: -12px;
    left: -12px;
    line-height:1;
    padding:4px 10px;
    font-size: 14px;
}


}

.pickupblk .forkei {
border-bottom:solid #ff5252 3px;
}
.redblk .forkei {
border-bottom:solid #ff5252 3px;
}
.newsblk .forkei {
border-bottom:solid #e4a100 3px;
}
.eventblk .forkei {
border-bottom:solid #009ee7 3px;
}
.spotblk .forkei {
border-bottom:solid #38b467 3px;
}
.prblk .forkei {
    border-bottom: solid #999 3px;
}


.pickupblk a:hover.forkei .imgcap_mid {
color:#ff5252;
}
.redblk a:hover.forkei .imgcap_mid {
color:#ff5252;
}
.newsblk a:hover.forkei .imgcap_mid {
color:#e4a100;
}
.eventblk a:hover.forkei .imgcap_mid {
color:#009ee7;
}
.spotblk a:hover.forkei .imgcap_mid {
color:#38b467;
}
.prblk a:hover.forkei .imgcap_mid {
color:#999999;
}


/*
---------------------------------------------------------------------------
▼ ここから　2016-11-29　+　2016-12-06　追加 --------------------------------------
--------------------------------------------------------------------------- */

/*
-----------------------------------------------
TOPICの画像表示領域を縮小　

HTML側操作  ※ #mainL に .newsphoto を追加
----------------------------------------------- */


@media (min-width: 768px){

.newsphoto .thumb-item {
    width: 450px;
    padding: 0;
    float:left;
    margin-right:30px;
}

.newsphoto .image-height {
    height:450px;
}


.newsphoto .thumb-item-nav {
    float:left;
    width:450px;
    margin-right:30px;
    margin-bottom:0;
}

.newsphoto .thumb-item-nav .slick-slide{
    margin-bottom:0;
}


.newsphoto .slick-dots li {
    width: 20%!important;
}

.newsphoto .ad-pc-content {
    width: 450px;
    float: left;
    margin: 24px -33px 32px -22px;
}

.newsphoto .setumei:after{
    clear:both;
}

.newsphoto .yt{
    width:100%;
}

.newsphoto .yt:before{
    clear:both;
}

}



/*
-----------------------------------------------
動画関連CSS　変更　
----------------------------------------------- */

@media (min-width: 768px){

.yt {
    padding-bottom: 61.25%;
}

.yt:before {
    content:'MOVIE';
    font-family: 'Oswald',sans-serif;
    letter-spacing: .03em;
    display: inline-block;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    margin-bottom: 8px;
    padding: 2px 0 0;
    border-top: solid #a6f2d4 6px;
}

.yt iframe {
    position:static;
    width: 100%;
    height:490.5px!important;
}

.yt > div{
    margin:0 auto;
}

.vjs-play-start-button{
    visibility: visible!important;
    opacity: 1!important;
}

}



@media (max-width: 767px){

.yt {
    position:static;
    padding-bottom: 0;
    height:auto;
    overflow: hidden;   
}


.yt iframe {
    position:static;
    width: 100%;
}


.yt > div > div {
    width: 100%!important;

}

.yt .play{
  top: 50%!important;
  left: 50%!important;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}

}


/*-----------------------------------------------
英語版サイトバナー　
----------------------------------------------- */


@media (min-width: 768px){
.must-see {
    margin: -20px auto 50px;
    width: 800px;
    text-align: center;
}

img.pc_mustsee {
	display:block;
	border-bottom: #48B68E 5px solid;}

img.sp_mustsee {
	display:none;}
	
}

@media (max-width: 767px)
{
.must-see {
    margin: 0 auto;
    width: 100%;
    text-align: center;}

img.sp_mustsee {
	display:block;
	max-width: 300px;
	border-bottom: #48B68E 6px solid;
	margin: 0 auto;}

img.pc_mustsee {
	display:none;}
}