@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/

@media screen and (min-width: 481px){

.ta_center{text-align:center;}

#header{height:60px;background:url(../img/top/press_bg.jpg) center bottom repeat-x;background-size:500px;position:relative;box-shadow:0 2px 2px rgba(0,0,0,0.4);}
#header .data_area {position:absolute;right:20px;top:10px;}
#header .logo{width:200px;display:block;position:absolute;top:13px;right:67px;text-align:right;color:#ddd;font-family: 'PT Serif', serif;font-size:16px;}
/*#header .data_area .date{width:120px;display:inline-block;margin-bottom:12px;}*/
#header .tit{display:block;position:absolute;bottom:-35px;left:50%;margin-left:-73px;width:190px;}
#header .tit img{display:block;width:100%;}
#header h1{margin:0;}

#header .inner_centering{width:1000px;position:relative;}

#content{padding:40px 0 100px;}
.press_content{width:1000px;margin:0 auto 0;}
.press_content p{word-wrap: break-word;line-height:2;color:#444;}
/*.press_content img{ display:block; max-width:100%;box-shadow:0px 0px 8px rgba(0,0,0,0.3);border-radius:5px;}*/
.press_content p a{ color:#09d; border-bottom:1px solid #09d;}


/**/



#content .date{color:#825d23;text-align:right;padding:8px 15px 0;font-size:15px;font-family: Sorts Mill Goudy, serif;letter-spacing: 2px;line-height:1;}
#content .slider_press{display:flex;padding:85px 50px 50px;flex-wrap: wrap;flex-direction:row;}
#contentAjax_ranking{display:flex;padding:70px 50px 50px;flex-wrap: wrap;flex-direction:row;}
#content .slider-item{width:270px;margin:0 15px 40px;position:relative;transition:all 0.5s;}
#content .slider-item.none{transform:scale(0,0);width:0;margin:0;}

#content .slider-item .hide_radius{border:4px;border-radius:30px;overflow:hidden;position:relative;border:3px solid #fff;box-sizing: border-box;box-shadow:2px 2px 5px rgba(0,0,0,0.3);}
#content .slider-item .hide_radius .img img{width:100%;display:block;}
#content .slider-item .hide_radius .caption{display:block;padding:6px 6px;font-size:14px;color:#000;}
#content .slider-item .hide_radius .caption_box{display:block;bottom:0;position:absolute;background-color:#fff;width:100%;text-align:center;}


#content .secretary{width:80px;border:2px solid #fff;box-shadow:0px 0px 4px rgba(0,0,0,0.8);border-radius:50px;overflow:hidden;position:absolute;top:-10px;left:-10px;z-index:2;transition:all 0.2s;}
#content .secretary img{width:100%;display:block;}
#content .slider-item:hover .secretary {transform:scale(1.1,1.1);}
#content .slider-item .number{background-color:#fff;color:#333;position:absolute;top:-20px;left:0px;border-radius:0px 13px 0 0;padding:6px 12px 8px 8px;line-height:1;font-size:12px;color:#624116;}

#tab_sort{text-align:center;}
#tab_sort .tab_border{display:inline-block;border-bottom:1px solid #333;padding-bottom:5px;margin-top:30px;}
#tab_sort a{color:#fff;display:inline-block;margin:30px 0 0;color:#333;line-height:1;padding:5px 15px 7px;}
#tab_sort a.on{border-radius:20px;background-color:#1b4d11;color:#fff;}

#content #ranking{background-color:rgba(136, 100, 15, 0.2);border-top:1px solid #fff;border-top:1px solid #bbb;border-bottom:1px solid #fff;}

#content #ranking .slider_press {padding:70px 50px 30px;}
#content #ranking .slider-item {margin-bottom:0px;}
#content #ranking .tit{padding:20px 60px 0px;font-size:20px;color:#4d3500;text-align:center;}
#content #ranking .tit img{width:45px;margin:0 12px -2px 0;}

#content #ranking .slider-item:before{content:'';width:36px;height:36px;margin-left:-20px;block;position:absolute;top:-45px;left:50%;z-index:50;}

#content #ranking .slider-item:nth-of-type(3n+1):before{background-image:url(../img/press/crown1.svg);background-size:100%;background-repeat:no-repeat;width:50px;height:50px;top:-55px;}
#content #ranking .slider-item:nth-of-type(3n+2):before{background-image:url(../img/press/crown2.svg);background-size:100%;background-repeat:no-repeat;}
#content #ranking .slider-item:nth-of-type(3n+3):before{background-image:url(../img/press/crown3.svg);background-size:100%;background-repeat:no-repeat;}
/**/



.flow_list{font-size:15px;margin-bottom:0px;width:880px;margin:0 auto 0;}
.flow_list a{color:#1c6512;}

h2{margin:20px auto 30px;text-align:center;color:#532b13;font-size:28px;}

.btn_back_box{display:flex;justify-content: center;}
.btn_back{display:block;color:#fff;font-size:15px;background-color:#1b4d11;padding:17px 30px 17px 19px;line-height:1;border-radius:40px;box-shadow:1px 1px 2px rgba(0,0,0,0.3);margin:0 4px;}
.btn_back .back_icon{transform: rotate( -180deg );width:26px;height:26px;display:inline;margin:-8px 8px -8px -5px;}

.btn_tweet{display:block;color:#fff;font-size:15px;background-color:#01aced;padding:17px 30px 17px 19px;line-height:1;border-radius:40px;box-shadow:1px 1px 2px rgba(0,0,0,0.3);margin:0 4px;}
.btn_tweet .twitter_icon{width:50px;display:inline;margin:-20px 8px -20px -5px;}


.btn_back.fix{display:inline-block;position:fixed;left:50%;bottom:-60px;margin-left:-90px;z-index:80;transition:all 0.5s;}
.btn_back.fix.in{bottom:20px;}


}



/*----------------------------------------
	for SP
----------------------------------------*/

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


  #header{height:50px;background:url(../img/top/press_bg.jpg) center bottom repeat-x;background-size:400px;position:relative;box-shadow:0 2px 2px rgba(0,0,0,0.4);position:relative;}
  #header .data_area {position:absolute;right:20px;top:10px;}
  #header .logo{width:160px;display:block;position:absolute;top:10px;right:15px;z-index:10;color:#ddd;font-family: 'PT Serif', serif;font-size:14px;text-align:right;}
  /*#header .data_area .date{width:120px;display:inline-block;margin-bottom:12px;}*/
  #header .tit{display:block;position:absolute;bottom:-30px;left:50%;margin-left:-60px;width:130px;}
  #header h1{margin:0;}

  #header .inner_centering{width:100%;position:relative;}
  #header #secretary{width:80px;overflow:hidden;border-radius:60px;position:absolute;top:20px;left:10px;border:4px solid #4c2712;}
  #header #secretary img{display:block;width:100%;}

  #content{padding:40px 0 60px;}
  .press_content{width:90%;margin:0 auto 0;}
  .press_content p{word-wrap: break-word;line-height:2;font-size:16px;}
  .press_content img{ display:block; max-width:100%;box-shadow:0px 0px 8px rgba(0,0,0,0.3);border-radius:5px;}

  /**/


  #content .date{color:#333;padding-top:0px;font-size:14px;font-family: Sorts Mill Goudy, serif;letter-spacing: 2px;padding-top:0.8em;line-height:1;text-align:right;width:96%;margin:0 auto;}
  #content .slider_press{padding-top:60px;}
  #content .slider-item{width:235px;margin:0 auto 20px;position:relative;transition:all 0.5s;opacity:1;}
  #content .slider-item.none{transform:scale(0,0);width:0;margin:0;height:0;opacity:0;}

  #content .slider-item .hide_radius{border:4px;border-radius:30px;overflow:hidden;position:relative;border:3px solid #fff;box-sizing: border-box;box-shadow:2px 2px 3px rgba(0,0,0,0.8);}
  #content .slider-item .hide_radius .img img{width:100%;display:block;}
  #content .slider-item .hide_radius .caption{display:block;padding:6px 6px;font-size:12px;color:#000;}
  #content .slider-item .hide_radius .caption_box{display:block;bottom:0;position:absolute;background-color:#fff;width:100%;text-align:center;border-radius: 0 0 25px 25px;}


  #content .secretary{width:80px;border:2px solid #fff;box-shadow:0px 0px 4px rgba(0,0,0,0.8);border-radius:50px;overflow:hidden;position:absolute;top:-10px;left:-10px;z-index:2;transition:all 0.2s;}
  #content .secretary img{width:100%;display:block;}
  #content .slider-item:hover .secretary {transform:scale(1.1,1.1);}
  #content .slider-item .number{background-color:#fff;color:#333;position:absolute;top:-20px;left:0px;border-radius:0px 13px 0 0;padding:6px 12px 8px 8px;line-height:1;font-size:12px;color:#624116;}

  #tab_sort{text-align:center;}
  #tab_sort .tab_border{display:inline-block;border-bottom:1px solid #333;padding-bottom:10px;margin-top:50px;}
  #tab_sort a{color:#fff;display:inline-block;margin:5px 0 0;color:#333;line-height:1;padding:8px 15px 7px;}
  #tab_sort a.on{border-radius:20px;background-color:#1b4d11;color:#fff;}

  /**/


  .flow_list{font-size:14px;margin-bottom:0px;}
  .flow_list a{color:#1c6512;}

  h2{margin:20px 0;line-height:1.3;text-align:center;}

  .btn_back_box{width:90%;margin:0 auto 0;}
  .btn_back{display:block;color:#fff;font-size:15px;background-color:#1b4d11;padding:17px 30px 17px 19px;line-height:1;border-radius:40px;box-shadow:1px 1px 2px rgba(0,0,0,0.3);margin:60px 4px 0;text-align:center;}
  .btn_back .back_icon{transform: rotate( -180deg );width:26px;display:inline;margin:-8px 8px -8px -5px;}

  .btn_tweet{display:block;color:#fff;font-size:15px;background-color:#01aced;padding:17px 30px 17px 19px;line-height:1;border-radius:40px;box-shadow:1px 1px 2px rgba(0,0,0,0.3);margin:10px 4px 0;text-align:center;}
  .btn_tweet .twitter_icon{width:50px;display:inline;margin:-20px 8px -20px -5px;height:50px;}


  .btn_back.fix{display:inline-block;position:fixed;left:50%;bottom:-60px;margin-left:-90px;z-index:80;transition:all 0.3s;}
  .btn_back.fix.in{bottom:20px;}

#contentAjax_ranking{padding-top:40px;}


    #ranking{background-color:rgba(136, 100, 15, 0.15);width:100%;margin:25px 0 0;padding:16px 0 30px;}
    #ranking .ranking_inner{}
    /* #ranking .date{color:#666;text-align:center;padding-top:2px;font-size:15px;font-family: Sorts Mill Goudy, serif;letter-spacing: 2px;} */
    #ranking .slider_press{padding-top:38px;}
    #ranking .slick-list{overflow:visible;}
    #ranking .slider-item{width:235px;margin:0 15px 0;position:relative;}

    #ranking .slider-item .number{background-color:#fff;color:#333;position:absolute;top:-20px;left:0px;border-radius:0px 13px 0 0;padding:6px 12px 8px 8px;line-height:1;font-size:12px;color:#624116;}

    #ranking .slider-item .hide_radius{border:4px;border-radius:30px;overflow:hidden;position:relative;border:3px solid #fff;box-sizing: border-box;box-shadow:2px 2px 3px rgba(0,0,0,0.8);}
    #ranking .slider-item .hide_radius .img img{width:100%;display:block;}
    #ranking .slider-item .hide_radius .caption{display:block;padding:3px 3px;font-size:12px;color:#000;}
    #ranking .slider-item .hide_radius .caption_box{display:block;bottom:0;position:absolute;background-color:#fff;width:100%;text-align:center;}

    #ranking .secretary{width:64px;border:2px solid #fff;box-shadow:0px 0px 4px rgba(0,0,0,0.8);border-radius:40px;overflow:hidden;position:absolute;top:-4px;left:-4px;z-index:2;}
    #ranking .secretary img{width:100%;display:block;}


    #ranking .slider-item.btn_presslist{display:block;top:0;background-color:#fff;width:100%;text-align:center;width:68px;border-radius:40px;overflow:hidden;box-shadow:2px 2px 3px rgba(0,0,0,0.8);}

    #ranking .slider-item.btn_presslist {margin-top:30px;}
    #ranking .slider-item.btn_presslist img{display:block;}


    #ranking .tit{padding:0px 0px 5px;font-size:20px;color:#4d3500;text-align:center;}
    #ranking .tit img{width:35px;margin:0 12px -2px 0;}

    #ranking .slider-item:before{content:'';width:36px;height:36px;margin-left:-20px;block;position:absolute;top:-38px;left:50%;z-index:50;}

    #ranking .slider-item:nth-of-type(3n+1):before{background-image:url(../img/press/crown1.svg);background-size:100%;background-repeat:no-repeat;}
    #ranking .slider-item:nth-of-type(3n+2):before{background-image:url(../img/press/crown2.svg);background-size:100%;background-repeat:no-repeat;}
    #ranking .slider-item:nth-of-type(3n+3):before{background-image:url(../img/press/crown3.svg);background-size:100%;background-repeat:no-repeat;}

    #ranking .btn_list{background-color:#fffcef;color:#4d3500;padding:15px 20px;border-radius:30px;width:190px;display:block;margin:25px auto 0;line-height:1;text-align:center;font-size:15px;box-shadow:2px 2px 5px rgba(0,0,0,0.3);}



}