@charset "utf-8";

/* @group frame */
#mainvisual{width:100%;position:relative;}
@media only screen and (max-width:767px){
}
@media print, screen and (min-width:768px){
  #mainvisual,#column,#ranking,#watsnew,#campaign{min-width:1200px;}
}
/* @end */


/* @group mainvisual */
#mainvisual{margin-bottom:40px;}
#mainvisual .slider{position:relative;overflow:hidden;}
#mainvisual .slick-slide a{display:block;}
#mainvisual figcaption{display:none;color:#fff;}
#mainvisual figcaption span{display:block;}
#mainvisual figcaption .hd{font-size:24px;font-weight:bold;text-shadow:2px 4px 2px rgba(0,0,0,0.38);}
#mainvisual figcaption .lead{font-size:16px;}
#mainvisual figcaption .data{font-size:18px;padding-top:14px;}
#mainvisual figcaption .data .week{display: inline;padding: 2px 8px 0px 8px;margin: 0 5px 0 10px;background-color: #129954;}
#mainvisual figcaption .data em{line-height:1;padding:0 5px;margin:0 10px;background:#129954;color:#fff;}
#mainvisual .slick-arrow{font-size:0;cursor:pointer;}
#mainvisual .slick-arrow:after{content="";position:absolute;display:inline-block;top:142px;border-top:2px solid #fff;border-right:2px solid #fff;width:45px;height:45px;z-index:1;visibility:visible;}
#mainvisual .slick-prev:after{right:50%;margin-right:320px;-webkit-transform: rotate(225deg);transform: rotate(225deg);}
#mainvisual .slick-next:after{left:50%;margin-left:320px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#mainvisual .slick-arrow:before{content:"";position:absolute;top:0px;z-index:1;background:none;height:360px;width:640px;}
#mainvisual .slick-prev:before{right:50%;margin-right:320px;}
#mainvisual .slick-next:before{left:50%;margin-left:320px;}
#mainvisual .slider{
  display: none;
}
#mainvisual .slider.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}

@media only screen and (max-width:767px){
  #mainvisual .slider{width:100%;overflow:hidden;}
  #mainvisual .slick-list{padding:0 8%;width:100%;box-sizing:border-box;background:#000;}
  #mainvisual figcaption{display:block;background:#000;padding:10px 15px;text-align:left;color:#000;}
  #mainvisual figcaption .hd{font-size:21px;}
  #mainvisual figcaption .lead{font-size:15px;margin-bottom:10px;}
  #mainvisual figcaption .data{font-size:15px;padding-top:10px;}
  #mainvisual .slick-slide.slick-active figcaption{color:#fff;}
  #mainvisual .slick-slide.slick-active figcaption .data{border-top:1px solid #fff;}
  #mainvisual .slick-arrow:before{background:#000;opacity:0.6;}
  #mainvisual .slick-arrow:after{top:24%;width:20px;height:20px;}
  #mainvisual .slick-prev:after{margin-right:42%;}
  #mainvisual .slick-next:after{margin-left:42%;}
  #mainvisual .slick-arrow:before{height:0;width:320px;padding-top:75%;}
  #mainvisual .slick-prev:before{right:50%;margin-right:42%;}
  #mainvisual .slick-next:before{left:50%;margin-left:42%;}
  #mainvisual .slick-dots{padding:20px 0;}
  #mainvisual .slick-dots li{width:15px;display:inline-block;padding:0 8px;}
  #mainvisual .slick-dots button{width:15px;height:15px;background:#e1e1e1;border-radius:30px;font-size:0;}
  #mainvisual .slick-dots .slick-active button{background:#129954;}
}
@media print, screen and (min-width:768px){
  #mainvisual .slider{background:#f5f5f5;}
  #mainvisual .slick-list{height:370px;overflow:hidden;}
  #mainvisual .slick-slide{position:relative;}
  #mainvisual .slick-slide img{width:600px;height:auto;transition:0.75s all ease 0s;}
  #mainvisual .slick-slide.slick-current img{width:640px;height:auto;box-shadow:0px 6px 4px 0px #cbcbcb;}
  #mainvisual .slick-slide:before{content:"";position:absolute;top:0px;left:0;z-index:1;cursor:pointer;background:#000;opacity:0.6;height:100%;width:100%;visibility:visible;}
  #mainvisual .slick-slide.slick-current:before{display:none;}
  #mainvisual .slick-slide.slick-current figcaption{display:block;position:absolute;left:0;bottom:0;width:100%;text-align:left;padding:16px 18px; background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.24) 18%,rgba(0,0,0,0.75) 49%,rgba(0,0,0,0.75) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.24) 18%,rgba(0,0,0,0.75) 49%,rgba(0,0,0,0.75) 100%);box-sizing:border-box;}
  
  #mainvisual .slick-dots{width:1140px;display:flex;justify-content:center;margin:30px auto 40px;}
  #mainvisual .slick-dots img{width:134px;height:76px;}
  #mainvisual .slick-dots li{position:relative;margin-left:8px;}
  #mainvisual .slick-dots li:first-child{margin-left:0;}
  #mainvisual .slick-dots li.slick-active:after{content:"";width:134px;height:76px;border:5px solid #129954;box-sizing:border-box;position:absolute;z-index:1;top:0;left:0;}
}
/* @end */

/* @group column */
@media only screen and (max-width:767px){
  #column.inner{padding:0;}
  #column .column-r{display:none;}
}
@media print, screen and (min-width:768px){
  #column .column-l{width:752px;}
  #column .column-r{width:370px;}
  #column .column-r p{margin-bottom:20px;}
}
/* @end */

/* @group on-air */
#on-air header{position:relative;background:#ff8534;text-align:center;}
#on-air h2{font-size:24px;color:#fff;}
#on-air .timetable a{color:#fff;background:#e60012;font-weight:bold;}
#on-air .timetable a:before{border-left-color:#fff;}

@media only screen and (max-width:767px){
  #on-air{background:#f5f5f5;margin-bottom:40px;}
  #on-air h2{font-size:18px;line-height:35px;}
  #on-air dl{margin:15px 15px 0;padding-bottom:15px;border-bottom:1px dotted #ababab;}
  #on-air dt,#on-air dd{display:none;}
  #on-air dt:first-child,#on-air dt:first-child + dd{display:block;}
  #on-air dt{font-weight:bold;}
  #on-air .timetable{width:80%;margin:0 auto;text-align:center;padding:20px 0 40px;}
  #on-air .timetable a{display:block;color:#fff;background:#ff8534;border-radius:20px;font-size:18px;line-height:35px;}
}
@media print, screen and (min-width:768px){
  #on-air{margin-bottom:40px;position:relative;}
  #on-air h2{line-height:38px;}
  #on-air .timetable a{line-height:38px;position:absolute;top:0px;right:0px;padding:0 20px;}
  #on-air .timetable a span{padding-left:10px;}
  #on-air dl{padding:8px 18px;font-size:18px;border:2px solid #ff8534;border-top:0;background:#f5f5f5;}
  #on-air dt{float:left;position:relative;padding:8px 10px;}
  #on-air dd{margin-left:150px;padding:8px;}
  #on-air dt:first-child,
  #on-air dt:first-child + dd{background:#ffe0cc;font-weight:bold;}
  #on-air dt:first-child:before{content:"";width:0;height:0;border-left:15px solid black;border-top:8px solid transparent;border-bottom:8px solid transparent;display:inline-block;vertical-align:middle;padding-right:3px;border-left-color:#ff8534;position:absolute;left:-20px;top:14px}
}
/* @end */

/* @group information */
#information{}
#information header{position:relative;border-bottom:1px solid #000;}
#information h2{display:inline-block;}

@media only screen and (max-width:767px){
  #information{padding:0 15px;border-bottom:1px solid #e1e1e1;margin-bottom:40px;}
  #information h2{font-size:24px;margin-bottom:10px;}
  #information .list{position:absolute;bottom:8px;right:0;font-size:15px;}
  #information dl{padding:10px 0 20px;}

  #information dt:first-child,#information dt:first-child + dd{display:block;}
  #information dt{font-weight:bold;}
}
@media print, screen and (min-width:768px){
  #information{margin-bottom:40px;}
  #information h2{margin-bottom:10px;font-size:32px;}
  #information .list{position:absolute;bottom:12px;right:0;font-size:18px;}
  #information dl{padding:20px 0 2px;font-size:18px;}
  #information dt{float:left;margin-bottom:15px;}
  #information dd{margin-left:150px;margin-bottom:15px;}
}
/* @end */

/* @group ranking */
#ranking{background:#e0f4f0;}
#ranking li{position:relative;}
#ranking li:before{content:"";width:46px;height:60px;display:block;position:absolute;top:-36px;left:0;right:0;margin:0 auto;z-index:1;}
#ranking li:nth-child(5n+1):before{background:url(../img/ic_ranking_1.png) no-repeat bottom center;}
#ranking li:nth-child(2):before{background:url(../img/ic_ranking_2.png) no-repeat bottom center;}
#ranking li:nth-child(3):before{background:url(../img/ic_ranking_3.png) no-repeat bottom center;}
#ranking li:nth-child(4):before{background:url(../img/ic_ranking_4.png) no-repeat bottom center;}
#ranking li:nth-child(5):before{background:url(../img/ic_ranking_5.png) no-repeat bottom center;}

@media only screen and (max-width:767px){
  #ranking{padding:40px 0;}
  #ranking .inner{padding:0;}
  #ranking header{margin-bottom:10px;}
  #ranking h2{font-size:24px;}
  #ranking h2 span{font-size:12px;color:#129954;;display:block;}
  #ranking ul{display:flex;}
  #ranking li{padding:0 10px;margin-top:40px;}
  #ranking li img{width:100%;}
  #ranking li figcaption{box-sizing:border-box;background:#fff;font-size:18px;padding:20px;}
  #ranking .slick-arrow{position:relative;font-size:0;cursor:pointer;padding:0 12px;}
  #ranking .slick-arrow:after{content="";position:absolute;display:inline-block;border-top:2px solid #129954;border-right:2px solid #129954;top:50%;width:20px;height:20px;z-index:1;visibility:visible;}
  #ranking .slick-prev:after{right:0;-webkit-transform: rotate(225deg);transform: rotate(225deg);right:-6px;}
  #ranking .slick-next:after{left:0;-webkit-transform: rotate(45deg);transform: rotate(45deg);left:-6px;}
  #ranking .slick-disabled{pointer-events:none;}
  #ranking .slick-disabled:after{display:none!important;}
}
@media print, screen and (min-width:768px){
  #ranking{padding:60px 0;}
  #ranking header{text-align:center;}
  #ranking h2{font-size:36px;}
  #ranking h2 span{font-size:18px;color:#129954;display:block;}
  #ranking ul{display:flex;padding-top:60px}
  #ranking li{margin-left:10px;width:100%;background:#fff;}
  #ranking li:first-child{margin-left:0;}
  #ranking li img{width:100%;}
  #ranking li figcaption{font-size:18px;font-weight:bold;padding:15px;box-sizing:border-box;}
}
/* @end */

/* @group watsnew */
#watsnew{border-bottom:1px solid #e1e1e1;}
#watsnew header{text-align:center;margin-bottom:30px;}
#watsnew h2{font-size:36px;}
#watsnew h2 span{font-size:18px;color:#129954;display:block;}
#watsnew .slick-arrow{position:relative;font-size:0;cursor:pointer;}
#watsnew .slick-arrow:after{content="";position:absolute;display:inline-block;top:45%;border-top:2px solid #129954;border-right:2px solid #129954;width:45px;height:45px;z-index:1;visibility:visible;}
#watsnew .slick-prev:after{right:0;-webkit-transform: rotate(225deg);transform: rotate(225deg);}
#watsnew .slick-next:after{left:0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

@media only screen and (max-width:767px){
  #watsnew{padding:40px 0;}
  #watsnew .inner{padding:0;}
  #watsnew header{margin-bottom:20px;}
  #watsnew h2{font-size:24px;}
  #watsnew h2 span{font-size:12px;}
  #watsnew ul{display:flex;justify-content: center;}
  #watsnew li{padding:0 15px;width: 100%;}  
  #watsnew li.slick-slide{padding: 0 10px;}
  #watsnew li img{width:100%;}
  #watsnew li figcaption{box-sizing:border-box;}
  #watsnew li figcaption span{display:block;}
  #watsnew li figcaption .hd{font-weight:bold;font-size:18px;padding:10px 10px;}
  #watsnew li figcaption .data{border-bottom:1px dashed #e1e1e1;padding:5px;text-align:right;}
  #watsnew li figcaption .lead{padding:0 10px;}
  #watsnew .slick-arrow{padding:0 12px;}
  #watsnew .slick-arrow:after{top:30%;width:20px;height:20px;}
  #watsnew .slick-prev:after{right:-6px;}
  #watsnew .slick-next:after{left:-6px;}
}
@media print, screen and (min-width:768px){
  #watsnew{padding:60px 0;}
  #watsnew ul{display:flex;padding: 0 60px;}
  #watsnew ul.slick-slider{padding: 0;}
  #watsnew li{padding:0 10px; width: 320px;}
  #watsnew li img{width:100%;}
  #watsnew li figcaption{font-size:18px;box-sizing:border-box;}
  #watsnew li figcaption span{display:block;}
  #watsnew li figcaption .hd{font-weight:bold;font-size:24px;padding:15px 20px;}
  #watsnew li figcaption .data{border-bottom:1px dashed #e1e1e1;padding:5px;text-align:right;}
  #watsnew li figcaption .lead{padding:0 20px;}
  #watsnew .slick-arrow{padding:0 30px;}

}
/* @end */

/* @group campaign */
#campaign{background:#ffe7d6;}
#campaign header{text-align:center;margin-bottom:30px;}
#campaign h2{font-size:36px;}
#campaign h2 span{font-size:18px;color:#ff8534;display:block;}

@media only screen and (max-width:767px){
  #campaign{padding:30px 0;}
  #campaign header{margin-bottom:15px;}
  #campaign h2{font-size:24px;}
  #campaign h2 span{font-size:12px;}
  #campaign ul{display:flex;flex-wrap:wrap;width:100%;}
  #campaign li{width:46%;padding:2%;text-align:center;}
}
@media print, screen and (min-width:768px){
  #campaign{padding:60px 0;}
  #campaign ul{width:1056px;margin:0 auto;}
  #campaign li{margin:0 8px 16px;width:160px;float:left;}
  #campaign li img{width:160px;}
}
/* @end */

/* @group extra-banner-area */
#big_banners1{padding-bottom:40px;}
#big_banners2{padding:60px 0;}
.big_banners .inner > div{margin-bottom:20px;text-align:center;}
.big_banners .inner > div:last-child{margin:0;}
@media only screen and (max-width:767px){
  #big_banners1 .big_banners_pc, #big_banners2 .big_banners_pc{display: none;}
  #big_banners1 .big_banners_sp, #big_banners2 .big_banners_sp{display: block;}
}
@media print, screen and (min-width:768px){
  #big_banners1 .big_banners_pc, #big_banners2 .big_banners_pc{display: block;}
  #big_banners1 .big_banners_sp, #big_banners2 .big_banners_sp{display: none;}
}
/* @end */

/* smp header banner-area */
#smp_header_banners{margin-bottom: 18px;}
@media only screen and (max-width:767px){
  #smp_header_banners{display: block;}
}
@media print, screen and (min-width:768px){
  #smp_header_banners{display: none;}
}

/* banner-area */
#smp_header_banners{margin-bottom: 18px;}
@media only screen and (max-width:767px){
  #smp_header_banners{display: block;}
}
@media print, screen and (min-width:768px){
  #smp_header_banners{display: none;}
}

/* @group extra-banner-area */

@media only screen and (max-width:767px){
  #extra-banner-area{padding:30px 0;}
  #extra-banner-area ul{display:flex;flex-wrap:wrap;width:100%;}
  #extra-banner-area li{width:46%;padding:2%;text-align:center;}
}
@media print, screen and (min-width:768px){
  #extra-banner-area{padding:60px 0;}
  #extra-banner-area ul{display:flex;justify-content:center;}
  #extra-banner-area li{margin:0 10px;}
  #extra-banner-area img {width: 204px;}
}
/* @end */

/* @group print */
@media print{
	#mainvisual{width:1200px;}
}
/* @end */