@charset "utf-8";




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

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


#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;}
#header #secretary{width:100px;overflow:hidden;border-radius:60px;position:absolute;top:20px;left:60px;border:4px solid #4c2712;}
#header #secretary img{display:block;width:100%;}

#content{padding:0px 0 0px;}
.press_content{padding:40px 0 100px;width:640px; }
.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;}


.iframe_box{width:100%;padding-bottom:56%;position:relative;}
.iframe_box iframe{width:100%;height:100%;position:absolute;top:0;left:0;}

.box_flex{display:flex;}

/*記事内*/
#content .imgright{float:right;margin-left:1em;margin-bottom:1em;}
#content .imgleft{float:left;margin-right:1em;margin-bottom:1em;}
#content .imgcenter{margin:0 auto;}
#content .nodeco{box-shadow:0px 0px 0px rgba(0,0,0,0);border-radius:0px;}

#content .iframe_box{width:100%;padding-bottom:56.2%;position:relative;border-radius:8px;overflow:hidden;box-shadow:0px 0px 8px rgba(0,0,0,0.3);}
#content .iframe_box iframe{width:100%;height:100%;position:absolute;top:0;left:0;}

.twoline {}
.twoline img{float:left;width:49%;}
.twoline img:nth-of-type(2n+0){margin-left:2%;}

.flow_list{font-size:15px;padding-bottom:10px;}
.flow_list a{color:#1c6512;}

h2{margin:10px 0 40px;line-height:1.3;}

.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;box-shadow:0px 0px 0px #fff;}


.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;}

.press_other{padding:0px 0 90px;display:flex;justify-content: center;}
.press_other a{color:#333; margin:0 10px;border:1px solid #333; border-radius:30px; padding:5px 20px 6px;line-height:1;}
.press_other a.none{pointer-events:none;opacity:0;}

/*////////evaluate////////*/

#evaluate{margin:60px auto 60px;padding:30px 0;position:relative;}
#evaluate .tit{color:#333;text-align:center;transition:all 0.5s;}
#evaluate .tit.thanks{font-size:114%;}
#evaluate .star{display:flex;width:300px;margin:20px auto 0;justify-content: space-between;position:relative;z-index:2;transition:opacity 1s;}
#evaluate .star.off{opacity:0.3;pointer-events:none;}
#evaluate li{ width:50px; height:30px; background:url('../img/press/star_off.png') no-repeat center top; background-size:30px;padding-bottom:1.5em;position:relative;}
#evaluate li.on{ background-image:url('../img/press/star_on.png'); }
#evaluate li:hover{ background-image:url('../img/press/star_on.png');}

#evaluate li p{ color:#333; position:absolute;bottom:0;font-size:9px!important;display:block;width:100%;text-align:center;}
#evaluate .cover{width:100%;padding-top:20%;z-index:2;position:absolute;top:0;left:0;pointer-events: none;}
#evaluate .btn_send{ background-color:#1c6512;color:#fff;display:block; width:100px;border-radius:30px;text-align:center;padding:5px 0;margin:10px auto 0;transition:all 1s;cursor:pointer;}
#evaluate .btn_send.off{opacity:0;pointer-events: none;}
#evaluate .btn_send.active{opacity:1;pointer-events:all;}
#evaluate .btn_send.after{opacity:0.3;pointer-events:none;}

#evaluate::before {content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 1px;margin: 0 auto;text-align: center;background-image: -webkit-linear-gradient(left, transparent, #999 25%, #999 75%, transparent);background-image: linear-gradient(to right, transparent, #999 25%, #999 75%, transparent);}
#evaluate::after {content: '';position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 1px;margin: 0 auto;text-align: center;background-image: -webkit-linear-gradient(left, transparent, #999 25%, #999 75%, transparent);background-image: linear-gradient(to right, transparent, #999 25%, #999 75%, transparent);}



/*////////enquete////////*/

#enquete {position:relaitve;background-color: rgba(255,255,255,0.7);padding:30px 40px 30px;border-radius:6px;}
#enquete .tit{text-align:center;color:#1c6512;font-weight:bold;margin-bottom:10px;}
#enquete li{display:inline;cursor: pointer;}
#enquete li:hover p{color:#1c6512!important;}
#enquete li:hover:before{content:'●';display:inline-block;color:#1c6512;}
#enquete li:before{content:'◯';display:inline-block;color:#999;}
#enquete li.on:before{content:'●';display:inline-block;color:#1c6512;}
#enquete li p{display:inline-block;padding-left:0.5em;cursor: pointer; font-size:16px;}
#enquete .ans.off{opacity:0.6;pointer-events:none;}
#enquete .result{opacity:0;transition:all 1s;padding-bottom:0.3em;}
#enquete .result.on{opacity:1;}
#enquete .result.on:before{content:'ご回答ありがとうございます';position:relative;text-align:center;display:block;top:0;left:0;}

#enquete .btn_send{ background-color:#1c6512;color:#fff;display:block; width:100px;border-radius:30px;text-align:center;padding:5px 0;margin:10px auto 0;transition:all 1s; cursor:pointer;}
#enquete .btn_send.off{opacity:0.3;pointer-events: none;}
#enquete .btn_send.active{opacity:1;pointer-events:all;}
#enquete .btn_send.after{opacity:0.3;pointer-events:none;}

/*////////ranking////////*/

#ranking{background-color:rgba(136, 100, 15, 0.15);width:300px;margin-left:60px;}
#ranking .ranking_inner{width:300px;opacity:0;transition:all 0.4s ease-out;margin-top:50px;}
#ranking .ranking_inner.ready{opacity:1;margin-top:0px;}
#ranking .ranking_inner.jsfix{position:fixed;top:0;}
#ranking .ranking_inner.fix_bottom{position:absolute;bottom:0px;}

#ranking .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;}
#ranking .slider_press{display:flex;padding:85px 50px 50px;flex-wrap: wrap;flex-direction:row;}
#ranking .slider-item{width:240px;margin:0 auto 40px;position:relative;transition:all 0.5s;}
#ranking .slider-item.none{transform:scale(0,0);width:0;margin:0;}

#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 5px rgba(0,0,0,0.3);}
#ranking .slider-item .hide_radius .img img{width:100%;display:block;}
#ranking .slider-item .hide_radius .caption{display:block;padding:6px 6px;font-size:13px;color:#000;}
#ranking .slider-item .hide_radius .caption_box{display:block;bottom:0;position:absolute;background-color:#fff;width:100%;text-align:center;border-radius: 0 0 20px 20px;}


#ranking .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;}
#ranking .secretary img{width:100%;display:block;}
#ranking .slider-item:hover .secretary {transform:scale(1.1,1.1);}
#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_press {padding:70px 0px 50px;}
#ranking .slider-item {margin-bottom:50px;}
#ranking .tit{padding:40px 0px 0px;font-size:20px;color:#4d3500;text-align:center;}
#ranking .tit img{width:35px;margin:0 12px -2px 0;}

#content #ranking .slider-item:before{content:'';width:36px;height:36px;margin-left:-20px;block;position:absolute;top:-38px;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;}
#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;}

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

hr{display:block;border:0px solid #000;position:relative;margin:2em 0;}
hr:before{content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 1px;margin: 0 auto;text-align: center;background-image: -webkit-linear-gradient(left, transparent, #999 25%, #999 75%, transparent);background-image: linear-gradient(to right, transparent, #999 25%, #999 75%, transparent);}

}



/*----------------------------------------
	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;display:block;transition:all 0.5s;}
  #header #secretary img{display:block;width:100%;}

  #content .main_chara{width:60%!important;}

  #content{padding:40px 0 0px;}
  .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;}

  .iframe_box{width:100%;padding-bottom:56%;position:relative;}
  .iframe_box iframe{width:100%;height:100%;position:absolute;top:0;left:0;}

  /*記事内*/
  #content .imgright{margin:0 auto 1em;}
  #content .imgleft{margin:0 auto 1em;}
  #content .imgcenter{margin:0 auto;}
  .press_content p a{ color:#09d; border-bottom:1px solid #09d;}
  #content .nodeco{box-shadow:0px 0px 0px rgba(0,0,0,0);border-radius:0px;}

  .twoline {}
  .twoline img{float:left;width:49%;display:block;}
  .twoline img:nth-of-type(2n+0){margin-left:2%;}


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

  h2{margin-bottom:25px;line-height:1.3;}

  .btn_back_box{width:96%;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:0 4px;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 0px -20px -10px;height:50px;box-shadow:0px 0px 0px #fff;}


  .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;}

  .press_other{padding:40px 0 40px;display:flex;justify-content: center;}
  .press_other a{color:#09d; margin:0 10px;line-height:1; font-size:13px;}
  .press_other a.none{pointer-events:none;opacity:0;}


  /*////////evaluate////////*/

  #evaluate{margin:40px auto 0px;padding:20px 0;position:relative;}
  #evaluate .tit{color:#333;text-align:center;transition:all 0.5s;}
  #evaluate .tit.thanks{font-size:114%;}
  #evaluate .star{display:flex;width:270px;margin:20px auto 0;justify-content: space-between;position:relative;z-index:2;transition:opacity 1s;}
  #evaluate .star.off{opacity:0.3;pointer-events:none;}
  #evaluate li{ width:50px; height:30px; background:url('../img/press/star_off.png') no-repeat center top; background-size:30px;padding-bottom:1.5em;position:relative;display:inline;}
  #evaluate li.on{ background-image:url('../img/press/star_on.png'); }

  #evaluate li p{ color:#333; position:absolute;bottom:0;font-size:9px!important;display:block;width:100%;text-align:center;}
  #evaluate .cover{width:100%;padding-top:20%;z-index:2;position:absolute;top:0;left:0;pointer-events: none;}
  #evaluate .btn_send{ background-color:#1b4d11;color:#fff;display:block; width:100px;border-radius:30px;text-align:center;padding:5px 0;margin:10px auto 0;transition:all 1s;}
  #evaluate .btn_send.off{opacity:0;pointer-events: none;}
  #evaluate .btn_send.active{opacity:1;pointer-events: all;}
  #evaluate .btn_send.after{opacity:0.3;pointer-events:none;}

  #evaluate::before {content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 1px;margin: 0 auto;text-align: center;background-image: -webkit-linear-gradient(left, transparent, #999 25%, #999 75%, transparent);background-image: linear-gradient(to right, transparent, #999 25%, #999 75%, transparent);}
  #evaluate::after {content: '';position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 1px;margin: 0 auto;text-align: center;background-image: -webkit-linear-gradient(left, transparent, #999 25%, #999 75%, transparent);background-image: linear-gradient(to right, transparent, #999 25%, #999 75%, transparent);}


  /*////////enquete////////*/


  #enquete {position:relaitve; background-color: rgba(255,255,255,0.7);padding:26px 5% 30px;border-radius:6px;}
  #enquete .tit{text-align:center;color:#1c6512;font-weight:bold;margin-bottom:10px;}

  #enquete .ans{padding-left:1.5em;}
  #enquete li{margin-left:-1.5em;display:inline;}

  #enquete li:before{content:'◯';display:inline;color:#999;}
  #enquete li.on:before{content:'●';display:inline-block;color:#1c6512;}
  #enquete li p{display:inline;padding-left:0.5em;font-size:16px!important}

  #enquete .ans.off{opacity:0.6;pointer-events:none;}
  #enquete .result{opacity:0;transition:all 1s;padding-bottom:0.3em;}
  #enquete .result.on{opacity:1;}
  #enquete .result.on:before{content:'ご回答ありがとうございます';position:relative;text-align:center;display:block;top:0;left:0;}


  #enquete .cover{width:100%;padding-top:20%;z-index:2;position:absolute;top:0;left:0;pointer-events: none;}
  #enquete .btn_send{ background-color:#1b4d11;color:#fff;display:block; width:100px;border-radius:30px;text-align:center;padding:5px 0;margin:10px auto 0;transition:all 1s;}
  #enquete .btn_send.off{opacity:0.3;pointer-events: none;}
  #enquete .btn_send.active{opacity:1;pointer-events: all;}
  #enquete .btn_send.after{opacity:0.3;pointer-events:none;}

  /*#enquete {position:relative;padding:20px 0px;}
  #enquete::before {content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 1px;margin: 0 auto;text-align: center;background-image: -webkit-linear-gradient(left, transparent, #999 25%, #999 75%, transparent);background-image: linear-gradient(to right, transparent, #999 25%, #999 75%, transparent);}
  #enquete::after {content: '';position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 1px;margin: 0 auto;text-align: center;background-image: -webkit-linear-gradient(left, transparent, #999 25%, #999 75%, transparent);background-image: linear-gradient(to right, transparent, #999 25%, #999 75%, transparent);}*/

  hr{display:block;border:0px solid #000;position:relative;margin:2em 0;}
  hr:before{content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 1px;margin: 0 auto;text-align: center;background-image: -webkit-linear-gradient(left, transparent, #999 25%, #999 75%, transparent);background-image: linear-gradient(to right, transparent, #999 25%, #999 75%, transparent);}


  #ranking{background-color:rgba(136, 100, 15, 0.15);width:100%;margin:50px 0 0;padding:16px 0 40px;}
  #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 10px;font-size:20px;color:#4d3500;text-align:center;}
  #ranking .tit img{width:35px;margin:0 12px -2px 0;}

  #content #ranking .slider-item:before{content:'';width:36px;height:36px;margin-left:-20px;block;position:absolute;top:-38px;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;}
  #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;}


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


}