@charset "UTF-8";
/* ==========================================================
 TOP STYLES
========================================================== */

/* Grids
---------------------------------------------------------- */
.grid-hero {}
  .grid-hero-sizer,
  .grid-hero-item {
    width: 25%;
  }
  .grid-hero-item {
    position:relative;
    float: left;
  }
  .grid-hero-item--width2 {
    width: 50%;
  }

    .grid-hero-item img {
      display: block;
      width: 100%;
    }


    
.grid-top{}
  .grid-top1-col,
  .grid-top2-col,
  .grid-top3-col,
  .grid-top4-col,
  .grid-top5-col,
  .grid-top6-col{
    float: left;
  }
  .grid-top1-col,
  .grid-top3-col,
  .grid-top4-col,
  .grid-top5-col,
  .grid-top6-col{
    padding: 0 10px;
  }
  .grid-top1-col,
  .grid-top2-col{ width: 25%;overflow: hidden;}
  .grid-top3-col,
  .grid-top5-col,
  .grid-top6-col{ width: 300px;}
  .grid-top4-col{ width: 600px;}
  
@media screen and (max-width: 768px) {
  .grid-hero {}
    .grid-hero-sizer,
    .grid-hero-item {
      width: 50%;
    }
    .grid-hero-item--width2 {
      width: 100%;
    }

  .grid-top{}
    .grid-top1-col{ width: 100%;}
    .grid-top2-col{ width: 50%;}
    .grid-top3-col{ width: 50%;}
    .grid-top4-col,
    .grid-top5-col{ width: 100%;}
    .grid-top6-col{ width: 33.33%;}

    .grid-top5-col{}
    .grid-top1-col,
    .grid-top6-col{ padding: 0;}
    .grid-top4-col{ padding: 0 12px 20px 12px;}
    .grid-top3-col{ padding: 0 12px 15px 12px;}
}

/* mod-hero
---------------------------------------------------------- */
.mainimg{}
  .mainimg li{
    float:left;
    width: 50%;
  }
  .mainimg img{ width: 100%;}

.mod-hero{
  position:relative;
}
  .mod-hero-text{
    position:absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    background-color:#ac72ae;
    text-align:center;
  }
  .mod-hero-text:before{
    content:'';
    position:absolute;
    top: -20px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -20px;
    border-style: solid;
    border-width: 0 20px 20px 20px;
    border-color: transparent transparent #ac72ae transparent;
  }
    .mod-hero-ttl{
      margin-bottom: 5px;
      font-size: 20px;
      line-height: 1.4;
      color: #fff;
    }
    .mod-hero-txt{
      /*font-size: 14px;*/
	  font-size: 20px;
	  /*font-weight: bold;*/
      /*color:#333;*/
	  color: #fff000;
    }


@media screen and (max-width: 768px) {
  .mod-hero{}
    .mod-hero-text{
      padding: 9px 20px;
    }
    .mod-hero-text:before{
      top: -10px;
      margin-left: -10px;
      border-width: 0 10px 10px 10px;
    }
      .mod-hero-ttl{
        margin-bottom: 3px;
        font-size: 12px;
        line-height: 1.1;
      }
      .mod-hero-txt{
        font-size: 12px;
        line-height: 1.4;
      }
}

/* lighting
-------------------------------*/

  #grid-lighting.grid-hero-item {
    position:relative;
    float: left;
		overflow: hidden;
  }
  #grid-lighting.grid-hero-item #lighting-slider{
    position:absolute;
		top: 0;
		left: 0;
		width: 100%;
		height:100%;
		display: block;
		
    -moz-box-sizing: border-box;
         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;		
  }

	 #grid-lighting.grid-hero-item #lighting-slider .slick-slide	{
			float: left;
			height: 100%;
			min-height: 1px;
	}

		#grid-lighting.grid-hero-item #lighting-slider a{
			position:relative;
			display: block;
			padding-bottom: 111.28%;
			overflow: hidden;
		}

			#grid-lighting.grid-hero-item #lighting-slider a img {
				position: absolute;
				top: 50%;
				left:0;
				-webkit-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				transform: translateY(-50%);			
			}

		 #grid-lighting.grid-hero-item #lighting-slider .slick-list	{
				position: relative;
				display: block;
				height: 100%;
				overflow: hidden;
				margin: 0;
				padding: 0;
		}
		 #grid-lighting.grid-hero-item #lighting-slider .slick-list:focus	{
				outline: none;
		}
		 #grid-lighting.grid-hero-item #lighting-slider .slick-list.dragging	{
				cursor: pointer;
				cursor: hand;
		}

		 #grid-lighting.grid-hero-item #lighting-slider .slick-slider .slick-track,
		 #grid-lighting.grid-hero-item #lighting-slider .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);
		}

		 #grid-lighting.grid-hero-item #lighting-slider .slick-track	{
				position: relative;
				top: 0;
				left: 0;
				display: block;
				height: 100%;
		}
		 #grid-lighting.grid-hero-item #lighting-slider .slick-track:before,
		 #grid-lighting.grid-hero-item #lighting-slider .slick-track:after	{
				display: table;

				content: '';
		}
		 #grid-lighting.grid-hero-item #lighting-slider .slick-track:after	{
				clear: both;
		}
		 #grid-lighting.grid-hero-item #lighting-slider .slick-loading .slick-track	{
				visibility: hidden;
		}

		 #grid-lighting.grid-hero-item #lighting-slider .slick-slide img	{
				display: block;
		}
		 #grid-lighting.grid-hero-item #lighting-slider .slick-slide.slick-loading img	{
				display: none;
		}
		 #grid-lighting.grid-hero-item #lighting-slider .slick-slide.dragging img	{
				pointer-events: none;
		}
		 #grid-lighting.grid-hero-item #lighting-slider .slick-initialized .slick-slide	{
				display: block;
				outline:none;
		}
		 #grid-lighting.grid-hero-item #lighting-slider .slick-loading .slick-slide	{
				visibility: hidden;
		}
		 #grid-lighting.grid-hero-item #lighting-slider .slick-vertical .slick-slide	{
				display: block;

				height: auto;

				border: 1px solid transparent;
		}
		 #grid-lighting.grid-hero-item #lighting-slider .slick-arrow.slick-hidden {
				display: none;
		}

		#grid-lighting.grid-hero-item #lighting-slider .slick-dots{
			position: absolute;
			display: inline-block !important;
			top: 10px;
			right: 10px;
			z-index: 1000;
			text-align:center;
		}
			#grid-lighting.grid-hero-item #lighting-slider .slick-dots li{
				overflow: hidden;
				display:inline-block;
				width: 16px;
				height: 16px;
				margin: 0 5px;
				background-color:#e4e8eb;
				text-indent:-9999px;
				-webkit-border-radius: 8px;
				border-radius: 8px;
			}
			#grid-lighting.grid-hero-item #lighting-slider .slick-dots li:hover{
				cursor:pointer;
			}
			#grid-lighting.grid-hero-item #lighting-slider .slick-dots li.slick-active{
				background-color:#6098aa;
			}

@media screen and (max-width: 768px) {
	
  #grid-lighting.grid-hero-item {
  }
	
	
	#grid-lighting.grid-hero-item #lighting-slider .slick-dots{
			position: absolute;
			height: 14px;
		}
			#grid-lighting.grid-hero-item #lighting-slider .slick-dots li{
				width: 14px;
				height: 14px;
				-webkit-border-radius: 7px;
				border-radius: 7px;
				vertical-align: top;
			}	
}


/* MAIN
---------------------------------------------------------- */
.sec-top-in{
  width: 1200px;
  margin: 0 auto;
  text-align: left;
}

.main-copy{
  position:absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 8px 10px;
  background-color:#e8f0f7;
}
  .main-copy-txt{
    font-size: 14px;
    text-align:center;
    color:#6098aa;
  }

.mod-info{
  position:absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
  .mod-info-in{
    padding: 0 80px 70px;
  }
  .mod-info-label{
    position:relative;
    margin-top: 15px;
    padding: 12px 12px 10px 82px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    text-align:left;
  }
  .mod-info-label:first-child{
    margin-top: 10px;
  }
  .mod-info-label:before{
    content:'';
    position:absolute;
    top: 50%;
    left: 20px;
    width: 46px;
    height: 46px;
    margin-top: -23px;
  }
    .mod-info-ttl{
      padding: 4px 10px;
      -webkit-border-radius: 6px;
      border-radius: 6px;
      background-color: #fff;
      font-size: 14px;
      font-weight:bold;
    }
    .mod-info-txt{
      margin-top: 10px;
      font-size: 14px;
      color:#fff;
    }

/* mod-ticket */
.mod-ticket{
 background-color:#da5e70;
}
.mod-ticket:before{
 background: url(/img/ico_ticket_01.png) 0 0 no-repeat;
 background-size: 46px auto;
}
  .mod-ticket .mod-info-ttl{
   color:#da5e70;
  }

/* mod-service */
.mod-service{
  background-color:#6583d4;
}
.mod-service:before{
  background: url(/img/ico_service_01.png) 0 0 no-repeat;
  background-size: 46px auto;
}
  .mod-service .mod-info-ttl{
   color:#6583d4;
  }
    
/* mod-subway */
.mod-subway{
  background-color:#f57b3b;
}
.mod-subway:before{
  background: url(/img/ico_subway_01.png) 0 0 no-repeat;
  background-size: 46px auto;
}
  .mod-subway .mod-info-ttl{
   color:#f57b3b;
  }

@media screen and (max-width: 768px) {
  .sec-top-in{
    width: auto;
  }
  
  .main-copy{
    position: relative;
    padding: 7px 5px;
  }
    .main-copy-txt{
      font-size: 10px;
      line-height: 1.4;
    }
  
  .mod-info{
    position: relative;
  }
    .mod-info-in{
      padding: 0;
    }
    .mod-info-label{
      position:relative;
      margin-top: 0;
      padding: 12px 12px 7px 52px;
      -webkit-border-radius: 0;
      border-radius: 0;
    }
    .mod-info-label:first-child{
      margin-top: 0;
    }
    .mod-info-label:before{
      left: 10px;
      width: 32px;
      height: 32px;
      margin-top: -16px;
      background-size: 32px auto;
    }
      .mod-info-ttl{
        padding: 3px 10px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        font-size: 12px;
      }
      .mod-info-txt{
        margin-top: 10px;
        font-size: 12px;
      }
      
/* mod-ticket */

.mod-ticket:before,
.mod-service:before,
.mod-subway:before{
  background-size: 32px auto;
}

}
/* JOY
---------------------------------------------------------- */
.sec-enjoy{
  padding: 60px 0;
  background: url(/img/bg_top_joy.jpg) center top no-repeat;
  background-size: cover;
}  
  .sec-enjoy-in{
    margin: 0 auto;
  }  
  .sec-enjoy-title{
    margin-bottom: 50px;
    text-align:center;
  }  
    .sec-enjoy-content img{
      width: 100%;
      -webkit-border-radius: 8px;      
      border-radius: 8px;
    }  
    /*.sec-enjoy-content img:hover{
      -ms-filter: 'alpha( opacity=65)';
      filter: alpha( opacity=65);
      opacity: 0.65;
    } */ 
    .sec-enjoy-ttl{
      margin-bottom: 10px;
      padding: 5px 0;
    }  
    .sec-enjoy-txt{
      font-size: 14px;
      color:#fff;
    }
    
    .sec-enjoy .grid-top{
      width: 1210px;
      margin: 0 auto;
    }
    
    .sec-enjoy .grid-top1-col{
      margin: 0 10px;
      padding: 0;
    }
   
    .sec-enjoy .grid-top1-col a{
      display: block;
    }
    .sec-enjoy .grid-top1-col a:hover{
      -ms-filter: 'alpha( opacity=65)';
      filter: alpha( opacity=65);
      opacity: 0.65;
    }
    .sec-enjoy .grid-top1-col a:hover,.sec-enjoy .grid-top1-col a:focus,.sec-enjoy .grid-top1-col a:active{
      text-decoration: none; 
    }
    
    .sec-enjoy .grid-top1-col.vr a{background: #7bcace;}
    .sec-enjoy .grid-top1-col.aozora a{background: #ac72ae;}
    .sec-enjoy .grid-top1-col.birthday a{background: #f0919d;}
    .sec-enjoy .grid-top1-col.night a{background: #000;}
    
    /* 追加 */
    .grid-top1-col-head{}
    
      .grid-top1-col-head .logo{}
      
        .grid-top1-col-head .logo img{  
          width:100%;
          height: auto;
        }
      
      .grid-top1-col-head .ttl{
        padding: 0 20px;
      }
      
      .grid-top1-col-head .ttl span{
        display: block;
        padding: 2px 0;
        font-size: 12px;
        color: #fff;
      }      
      .sec-enjoy .grid-top1-col.vr .ttl span{background: #3ba0a6;}
      .sec-enjoy .grid-top1-col.aozora .ttl span{background: #743377;}
      .sec-enjoy .grid-top1-col.birthday .ttl span{background: #e25261;}
      .sec-enjoy .grid-top1-col.night .ttl span{background: #434343;}
            
      .grid-top1-col-body{
        padding: 6px 20px 20px;
      }
    
      .grid-top1-col-body .txt{
        font-size: 14px;
        color: #333;
        line-height: 1.7;  
        text-align:left;
      }
      
      .grid-top1-col-body .txt.white{
        color: #e5e5e5;
      }
      
  
      .grid-top1-col-body img{
        margin-top: 10px;
      }

    
@media screen and (max-width: 768px) {
  .sec-enjoy{
    overflow: hidden;
    padding: 30px 0 10px;
    background: url(/img/bg_top_joy_sp.jpg) left top no-repeat;
    background-size: cover;
  }  
  .sec-enjoy-in{
    padding: 0;
  } 
    .sec-enjoy-title{
      margin-bottom: 18px;
    }  
      .sec-enjoy-ttl{
        margin-bottom: 10px;
        height: 18px;
        padding: 0;
      }  
        .sec-enjoy-ttl img{
          width:auto;
          height: 100%;
        }  
        /*.sec-enjoy-ttl img:hover{
          -ms-filter: 'alpha( opacity=100)';
          opacity: 1;
        } */ 
      .sec-enjoy-txt{
        font-size: 10px;
        line-height: 1.4;
      }
      
      .sec-enjoy .grid-top{
        width: auto;
      }
      
      .sec-enjoy .grid-top1-col{
        margin: 0;
      }
      
      .sec-enjoy .grid-top1-col a{
        display: block;
      }
      .sec-enjoy .grid-top1-col a:hover{
        -ms-filter: 'alpha( opacity=100)';
        filter: alpha( opacity=100);
        opacity: 1;
      }
      
        .grid-top1-col-head .ttl{
          padding: 0 15px;
        }
      
        .grid-top1-col-head .ttl span{
          font-size: 10px;
        }
        .grid-top1-col-body{
          padding: 6px 15px 15px;
        }              
        .grid-top1-col-body .txt{
          font-size: 10px;
          line-height: 1.4;  
        }
        
/* Slider */
  .js-enjoy{
    position:relative;
  }  
    .js-enjoy .slick-list{
      overflow:hidden;
      width: 230px;
      /* width: 65%; */
      margin: 0 auto 15px;
    }  
    .js-enjoy .slick-list img{
      width: 100%;
      height: auto;
    }  
      
  .js-enjoy .slick-dots{
    text-align: center;
  }
    .js-enjoy .slick-dots li{
      overflow: hidden;
      display:inline-block;
      width: 16px;
      height: 16px;
      margin: 0 5px;
      background-color:#f2f2f2;
      text-indent:-9999px;
      -webkit-border-radius: 8px;
      border-radius: 8px;
    }
    .js-enjoy .slick-dots li.slick-active{
      background-color:#6098aa;
    }
    
    .js-enjoy .slick-arrow{
      overflow: hidden;
      position:absolute;
      top: 50%;
      width: 27px;
      height: 27px;
      margin-top: -34px;
      text-indent:-9999px;
      z-index: 5;
    }
    .js-enjoy .slick-prev{
      left: 9px;
      background: url(/img/ico_arrow_01.png) 0 0 no-repeat;
      background-size: 27px auto;
    }
    .js-enjoy .slick-next{
      right: 9px;
      background: url(/img/ico_arrow_02.png) 0 0 no-repeat;
      background-size: 27px auto;
    }
}
/* RESTTANT AND CAFE
---------------------------------------------------------- */
.card-restran{
  /*overflow: hidden;*/
  position: relative;
}
  .card-restran-img img{
    width: 100%;
  }
  .card-restran-overlay{
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.60);
  }
  .card-restran-content{
    position:absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 200px;
    margin-top: -100px;
    text-align:center;
  }
  .card-restran-logo{
    margin-bottom: 25px;
  }
  .card-restran-txt{
    font-size: 14px;
    color:#fff;
  }
@media screen and (max-width: 768px) {
  .card-restran{}
    .card-restran-overlay{}
    .card-restran-content{
      height: 95px;
      margin-top: -47px;
    }
    .card-restran-logo{
      margin-bottom: 0;
      height: 63px;
    }
      .card-restran-logo img{
        width: auto;
        height: 100%;
      }
    .card-restran-txt{
      font-size: 10px;
      line-height: 1.6;
    }
    
}
/* NEWS
---------------------------------------------------------- */
.area-news{
  padding: 60px 0;
  background: #e8f0f7 url(/img/bg_news.jpg) center top no-repeat;
  background-size: cover;
}
  .area-news-ttl{
    margin-bottom: 45px;
    padding: 5px 0;
    text-align:center;
  }

.sec-news-01{
  margin-bottom: 60px;
}
.sec-news-02{
  margin-bottom: 55px;
}
.sec-news-01{}

 .mod-news{}
  .mod-news-txt{
    margin-bottom: 10px;
    font-size: 14px;
    color:#6098aa;
  }
   
.card-news{
  background-color:#fff;
}
  .card-news-img{}
  .card-news-img img {
	  width: 100%;
  }
  .card-news-content{
    padding: 17px 20px;
    font-size: 14px;
  }
  .card-news-date{
    margin-bottom: 5px;
    line-height: 1.5;
    color:#59564f;
  }
  .card-news-txt{}
  
.card-thumb{
  overflow: hidden;
  padding: 7px;
  background-color:#fff;
}

  .card-thumb a{
    display: table;
    width: 100%;
    height: 82px;
  }

  .card-thumb-img{
    display: table-cell;
    width: 82px;
    vertical-align: top;
  }

  .card-thumb-img span{
    position:relative;
    display: block;
    width: 82px;
    height: 82px;
    overflow: hidden;
  }

  
  .card-thumb-img img{
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  
  
  .card-thumb-content{
    display: table-cell;
    padding-left: 10px;
    vertical-align: top;  
    font-size: 14px;
  }

  .card-thumb-content.va-middle{
    vertical-align: middle;  
  }

  .card-thumb-date{
    margin-bottom: 5px;
    line-height: 1.5;
    color:#59564f;
  }
  
  .card-thumb-txt{
    width: 100% !important;
  }

  
  #tourSlider{
    position: relative;
    width: 100%;
    height: 96px;
  }
  
  
  #tourSlider li{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    display: none;
  }
  
.box-news{
  position: relative;
}
  .box-news-title{
    padding: 0 0 15px 5px;
  }
  .box-news-btn{
    position:absolute;
    top: 0;
    right: 10px;
  }
  .btn-news{
    display:block;
    width: 80px;
    padding: 1px 0;
  }
   
.list-news{
  border-bottom:1px solid #cddee8;
  font-size: 14px;
}
  .list-news dt{
    float:left;
    clear: both;
    width: 90px;
    padding: 15px 0 0;
    font-family: Arial;
  }
  .list-news dd{
    padding: 15px 0 17px 90px;
    border-top:1px solid #cddee8;
  }
  .list-news--witag dt{
    width: 172px;
  }
  .list-news--witag dd{
    padding: 15px 0 15px 172px;
  }
  .list-news--witag .tag{
    display:inline-block;
    width: 81px;
    height: 22px;
    background-color: #fff;
    border: solid 1px #6098aa;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 10px;
    font-weight:bold;
    line-height: 2;
    color:#6098aa;
    text-align:center;
    letter-spacing: -0.1em;
  }
@media screen and (max-width: 768px) {
  .area-news{
    padding: 23px 0 20px;
    background: #e8f0f7 url(/img/bg_news.jpg) center top no-repeat;
    background-size: contain;
  }
    .area-news-ttl{
      width: 106px;
      margin: 0 auto 22px;
      padding: 0;
    }
      .area-news-ttl img{
        width: 100%;
        height:auto;
      }
  
  .sec-news-01{
    margin-bottom: 15px;
  }
  .sec-news-02{
    margin-bottom: 10px;
  }
  
   .mod-news{}
    .mod-news-txt{
      margin-bottom: 6px;
      font-size: 10px;
      line-height: 1.3;
    }
    .mod-news-content{
      margin-bottom: 15px;
    }
     
  .card-news{
    background-color:#fff;
  }
    .card-news-img img{
      width: 100%;
      height:auto;
    }
    .card-news-content{
      padding: 10px 12px;
    }
    .card-news-date{
      display:none;
    }
    .card-news-txt{
      font-size: 10px;
      line-height: 1.4;
    }
    
  .card-thumb{
    padding: 8px;
    margin-bottom: 10px;
  }
  
  .card-thumb a{
    height: auto;
  }

    .card-thumb-img{
      width: 60px;
      height: 60px;
    }
    .card-thumb-img span{
      width: 60px;
      height: 60px;
    }
      /*.card-thumb-img img{
        width: 100%;
        height: auto;
      }*/
    
    .card-thumb-content{
      font-size: 12px;
      line-height: 1.4;
    }
    .card-thumb-date{
      margin-bottom: 0;
      padding: 7px 0 5px;
      font-size: 10px;
      line-height: 1.1;
    }
    
  .box-news{}
    .box-news-title{
      margin-bottom: 8px;
      padding: 0;
    }
    .box-news-title img{
      width:auto;
      height: 100%;
    }
    .box-news-title .ttl-news{ height: 19px;}
    .box-news-title .ttl-pr{ height: 16px;}
    
    .box-news-btn{
      position: relative;
    }
    .btn-news{
      width: 140px;
      margin: 0 auto;
      padding: 3px 0;
    }
     
  .list-news{
    font-size: 10px;
    line-height: 1.3;
  }
    .list-news dt,
    .list-news--witag dt{
      float: none;
      width: auto;
      margin-bottom: 3px;
      padding: 10px 0 0;
      border-top:1px solid #cddee8;
    }
    .list-news dd,
    .list-news--witag dd{
      padding: 0 0 10px;
      border:none;
    }
    .list-news--witag .tag{
      display:none;
    }
}
/* HOVER
---------------------------------------------------------- */
  .card-news a:hover,
  .card-thumb a:hover{
    text-decoration: none;
  }
  .card-news a:hover .card-news-txt,
  .card-thumb a:hover .card-thumb-txt{
    text-decoration: underline;
  }

/* PARTNERS
---------------------------------------------------------- */

.sec-partner{
  padding: 60px 0;
}
  .sec-partner-ttl{
    margin-bottom: 28px;
    text-align:center;
  }
  .sec-partner-btn{
    text-align:center;
  }
    .sec-partner-btn a{
      display:inline-block;
      margin: 0 10px;
    }

.list-partner{
  margin-bottom: 20px;
}
  .list-partner li{
    margin-bottom: 20px;
  }
    .list-partner li a{
      display:block;
      border:1px solid #e4e4e4;
    }
@media screen and (max-width: 768px) {
  .sec-partner{
    padding: 30px 0;
  }
    .sec-partner-ttl{
      height: 10px;
      margin-bottom: 20px;
    }
      .sec-partner-ttl img{
        width: auto;
        height: 100%;
      }
    .sec-partner-btn{
      margin-bottom: 0;
      padding: 0 12px;
    }
      .sec-partner-btn a{
        display:block;
        margin: 12px 0 0;
      }
  
  .list-partner{
    margin-bottom: 0;
    padding: 0 36px 0 12px;
  }
    .list-partner li{
      margin: 12px 12px 0 0;
    }    
    .list-partner li:nth-of-type(3n){
      margin-right: -24px;
    }
      .list-partner li a{
        /*border:none;*/
      }
      .list-partner li img{
        width: 100%;
        height: auto;
      }
}


/* 営業時間
---------------------------------------------------------- */
.bis-hour {
	color: #59564f;
	font-weight: normal;
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	.bis-hour {
		font-size: 10px;
	}
}


/* アラートアイコン
---------------------------------------------------------- */
img.icon-alert {
	width: 18px;
    float: left;
    margin-right: 5px;
    margin-top: 3px;
}

@media screen and (max-width: 768px) {
	img.icon-alert {
		width: 18px;
		float: left;
		margin-right: 5px;
		margin-top: 0px;
	}
}


/* アラートアイコン
---------------------------------------------------------- */
img.icon-alert {
	width: 18px;
    float: left;
    margin-right: 5px;
    margin-top: 3px;
}

@media screen and (max-width: 768px) {
	img.icon-alert {
		width: 18px;
		float: left;
		margin-right: 5px;
		margin-top: 0px;
	}
}


/* 運行状況
---------------------------------------------------------- */
.index_skytree_panel-train {
	display: none;
}

.index-panel-15-icon {
	float: left;
	width: 51px;
	height: auto;
	margin-right: 5px;
	margin-top: 3px;
}

/* 重要なお知らせ
---------------------------------------------------------- */
.in-customsytle-1 {
}

.in-customsytle-2 {
	color: #59564f;
}

.in-customsytle-3 {
	/*color: #ef929d;*/
	color: #ff6fb7;
}

.in-customsytle-4 {
	font-weight: bold;
}