@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

File name:      page_special.css
Created:        2018-02-27
Style Info:     特集・楽しみ方（TOP・一覧） CSS
----------------------------------------------------------- */
@media (min-width:1041px) {
  .special.content {padding-top:0;overflow:hidden;}
  .special.content .main {float:left;width:72%;}
  .special.content .side {float:right;}
}

/* --------------------------------------------------------
 Gnav
-----------------------------------------------------------*/
/*.header_gnav nav ul.dis_pc li.gnav_05 a:after,
.footer_gnav nav ul li.gnav_05 a:after {content:"";position:absolute;bottom:0;left:50%;margin-left:-11px;width:22px;height:10px;background:url(../img/common/gnav_arr.png) center center no-repeat;}*/

/* --------------------------------------------------------
 HEAD
-----------------------------------------------------------*/
@media (min-width:768px){/*PC*/
  .special .special_head.sub {display:none;margin:0 -50px 50px -50px;}
  .special .special_head img {width:100%;height:auto;}
}
@media (max-width:1140px) and (min-width:768px){
  .special .special_head.sub {margin:0 -15px 20px -15px;}
}
@media (max-width:767px) {/*SP*/
  .special .special_head:not(.sub) {margin-bottom:10px;}
  .special .special_head.sub {background:#036eb7;color:#fff;font-size:1.077em;padding:15px;}
  .special .special_head.sub a {color:#fff;}
}

/* --------------------------------------------------------
 MAIN title
-----------------------------------------------------------*/
.special .title_01 {color:#fff;}
@media (min-width:768px) {/*PC*/
  .special .title_01 {position:relative;height:56px;line-height:56px;font-size:1.231em;font-weight:bold;}
  .special .title_01::after {content:"";position:absolute;bottom:-12px;left:50%;margin-left:-12px;width:0;height:0;
    border-style:solid;border-width:12px 12px 0 12px;border-color:#32c2b1 transparent transparent transparent;}
}
@media (max-width:767px) {/*SP*/
  .special .title_01 {display:table;width:100%;}
  .special .title_01 span {display:table-cell;padding:2px 0 0 120px;height:47px;vertical-align:middle;line-height:1.6;font-size:1.077em;}
  .special .title_01 b {display:none;}
}

/* --------------------------------------------------------
 MAIN tag
-----------------------------------------------------------*/
.special .tag {overflow:hidden;}
.special .tag span {float:left;display:inline-block;margin-right:5px;}
.special .tag span a {display:block;font-size:.924em;font-weight:bold;height:20px;line-height:20px;color:#fff;padding:0 10px 0 25px;background:#4eb8e6 url(../img/common/icon_tag_01.png) 5px center no-repeat;}
@media (min-width:768px) {/*PC*/
  .special .tag {margin-bottom:10px;}
}
@media (max-width:767px) {/*SP*/
  .special .tag span {margin-bottom:5px;}
}

/* --------------------------------------------------------
 MAIN 記事一覧
-----------------------------------------------------------*/
/* base */
.special .entry_list li {margin-bottom:30px;}
.special .entry_list li .inner {overflow:hidden;}
.special .entry_list li .tit {font-weight:bold;color:#036eb7;line-height:1.6;}
.special .entry_list li .tit a {color:#000;}
.special .entry_list li .img {background:#fff;}
.special .entry_list li .img img {width:100%;height:auto;}
.special .entry_list li .txt {line-height:1.8;margin-bottom:10px;}
.special .entry_list li .date {float:left;color:#036eb7;}
.special .entry_list li .link {float:right;}
.special .entry_list li .link a {color:#c7c7c7;}
.special .entry_list li .link a::after {content:"\f0da";font-family:FontAwesome;margin-left:10px;}
.special .entry_list .more_btn {text-align:center;cursor:pointer;}
@media (min-width:768px) {/*PC*/
  .special .entry_list .more_btn {color:#fff;height:40px;line-height:40px;background:#808080;margin-bottom:30px;}
  .special .entry_list .more_btn:hover {opacity:.65;}
  .special .entry_list .more_btn span {font-weight:bold;display:block;height:40px;font-size:1.154em;}
  .special .entry_list .more_btn span::after {margin-left:10px;font-family:FontAwesome;}
  .special .entry_list .more_btn span.more_txt::after {content:"\f078";}
  .special .entry_list .more_btn span.close_txt::after {content:"\f077";}
}

/* 特集　以外のスタイル　*/
.special .entry_list:not(.feature) li .img {float:left;width:49%;}
.special .entry_list:not(.feature) li .img a {display:block;}
.special .entry_list:not(.feature) li .txt_wrap {width:47%;float:right;overflow:hidden;}
.special .entry_list:not(.feature) li .txt.dot::after {content:"…";}
@media (min-width:768px) {/*PC*/
  .special .entry_list:not(.feature) li .tit {font-size:1.385em;margin-bottom:20px;padding:5px 0 10px 0;min-height:40px;
    border-bottom:3px solid #036eb7;padding-left:50px;background:url(../img/common/icon_flag_01.png) 7px bottom no-repeat;}
  .special .entry_list:not(.feature) li .tit a {color:#036eb7;}
  .special .entry_list:not(.feature) li .img {margin-bottom:10px;}
}
@media (max-width:1140px) {
  .special .entry_list:not(.feature) li .img {width:49%;}
  .special .entry_list:not(.feature) li .txt_wrap {width:49%;}
}
@media (max-width:767px) {/*SP*/
  .special .entry_list:not(.feature) {margin:0 15px;}
  .special .entry_list:not(.feature) li {margin-bottom:20px;}
  .special .entry_list:not(.feature) li .tit {font-size:1.077em;margin-bottom:10px;padding-bottom:3px;border-bottom:1px solid #c8c8c8;}
  .special .entry_list:not(.feature) li .img {width:30%;margin-bottom:5px;}
  .special .entry_list:not(.feature) li .txt_wrap {width:68%;margin-bottom:5px;}
  .special .entry_list:not(.feature) li .txt {font-size:1.077em;line-height:1.6;margin-bottom:10px;}
  .special .entry_list:not(.feature) li .date {float:none;line-height:1.6;}
  .special .entry_list:not(.feature) li .tag_wrap {margin-top:5px;}
}
@media (max-width:640px) {
  .special .entry_list:not(.feature) li .img {width:49%;}
  .special .entry_list:not(.feature) li .txt_wrap {width:49%;}
}
@media (max-width:360px) {
  .special .entry_list:not(.feature) li .txt {font-size:1em;margin-bottom:5px;}
}


/* --------------------------------------------------------
 SIDE
-----------------------------------------------------------*/
.special .nav_list > li {border-bottom:1px solid #c8c8c8;font-size:.924em;line-height:1.6;}
.special .nav_list > li a {display:block;}
.special .side_nav_genre li a {position:relative;padding:10px 10px 10px 25px;}
.special .side_nav_genre li a::before {position:absolute;top:50%;left:10px;height:10px;line-height:10px;margin-top:-5px;line-height:1;content:"\f0da";font-family:FontAwesome;color:#b4b4b4;}
.special .side_nav_date .nav_list > li > a {padding:10px;}
.special .side_nav_date .nav_child_tit {padding:10px;cursor:pointer;position:relative;}
.special .side_nav_date .nav_child_tit::after {content:"\f067";font-family:FontAwesome;width:24px;height:24px;text-align:center;line-height:24px;border-radius:3px;position:absolute;top:50%;right:8px;margin-top:-12px;}
.special .side_nav_date .nav_child_tit.active::after {content:"\f068";}
.special .side_nav_date .nav_child_list {overflow:hidden;border-top:1px solid #c8c8c8;background:#f7f7f7;}
.special .side_nav_date .nav_child_list li {}
.special .side_nav_date .nav_child_list a {position:relative;padding-left:25px;}
.special .side_nav_date .nav_child_list a::before {position:absolute;top:50%;left:10px;content:"\f0da";font-family:FontAwesome;color:#b4b4b4;height:10px;line-height:10px;margin-top:-5px;line-height:1;}
.special .side_nav_ranking .nav_list {counter-reset:rankingnumber;}
.special .side_nav_ranking a {overflow:hidden;}
.special .side_nav_ranking .wrap_02 {position:relative;padding-left:35px;}
.special .side_nav_ranking .wrap_02::before {position:absolute;left:0;top:0;color:#fff;text-align:center;background-color:#036eb7;font-weight:bold;
  counter-increment:rankingnumber;content:counter(rankingnumber);width:24px;height:24px;line-height:26px;font-size:1.077em;}
/*.special .side_nav_ranking li:nth-of-type(-n+3) .wrap_02:before {content:"";width:27px;height:22px;background-color:#fff;background-position:left top;background-repeat:no-repeat;
  -webkit-background-size:100% auto;
  background-size:100% auto;}
.special .side_nav_ranking li:nth-of-type(1) .wrap_02::before {background-image:url(../img/common/icon_ranking1_01.png);}
.special .side_nav_ranking li:nth-of-type(2) .wrap_02::before {background-image:url(../img/common/icon_ranking1_02.png);}
.special .side_nav_ranking li:nth-of-type(3) .wrap_02::before {background-image:url(../img/common/icon_ranking1_03.png);}
.special .side_nav_ranking .img img {width:100%;height:auto;}*/
.special .side_nav_ranking .date {color:#62b0a4;}
.special .side_nav_ranking .tit {color:#1446dc;font-size:1.077em;}
.special .side .wpp-no-data {margin-top:20px;text-align:center;} /*WordPress Popular Posts*/
@media (min-width:768px) {/*PC*/
  .special .side_nav_tit {background:#4eb8e6;}
  .special .nav_list {margin-bottom:20px;}
  .special .side_nav_date .nav_child_tit::after {color:#c8c8c8;background:#f7f7f7;}
  .special .side_nav_date .nav_child_list {padding-top:10px;}
  .special .side_nav_date .nav_child_list li {margin-bottom:10px;}
  .special .side_nav_ranking a {display:table;width:100%;position:relative;padding:10px 0 5px 0;}
  .special .side_nav_ranking .wrap_02 {display:table-cell;width:105px;vertical-align:top;}
  .special .side_nav_ranking .date {margin-top:3px;}
  .special .side_nav_ranking .tit {display:table-cell;padding:0 5px 0 7px;vertical-align:top;line-height:1.5;}
}
@media (max-width:1040px) {
  .special .side_nav_ranking .tit {vertical-align:middle;}
}
@media (max-width:767px) {/*SP*/
  .special .side_nav_tit:not(.ranking) {background:#323232 url(../img/common/sp/icon_search_01.png) 15px center no-repeat;padding:12px 10px 12px 40px;color:#fff;font-weight:bold;font-size:1.077em;line-height:1.6;
    -webkit-background-size:16px auto;
    background-size:16px auto;}
  .special .side_nav_tit.ranking {color:#fff;display:table;width:100%;background:#036eb7 url(../img/special/sp/top_ranking_tit.png) left center no-repeat;
    -webkit-background-size:150px auto;
    background-size:150px auto;}
  .special .side_nav_tit.ranking span:not(.dis_pc) {display:table-cell;padding:2px 0 0 150px;height:47px;vertical-align:middle;line-height:1.6;font-size:1.077em;}
  .special .side_nav nav {padding:5px 15px 15px 15px;}
  .special .side_nav nav:not(.side_nav_ranking) {padding:15px;background:#f5f5f5;}
  .special .side_nav nav:not(.side_nav_ranking) .nav_list {border:1px solid #c8c8c8;border-bottom:0;}
  .special .side_nav .nav_list a,
  .special .side_nav_date .nav_child_tit {background:#fff;}
  .special .side_nav_date .nav_child_tit::after {color:#323232;border:1px solid #c8c8c8;background:#fff;}
  .special .side_nav_date .nav_child_tit span {font-weight:bold;}
  .special .side_nav_date .nav_child_list li {border-top:1px solid #c8c8c8;}
  .special .side_nav_date .nav_child_list li:first-child {border-top:0;}
  .special .side_nav_date .nav_child_list a {padding:10px 5px 10px 25px;}
  .special .side_nav_ranking a {padding:10px 0;}
  .special .side_nav_ranking .wrap_01 {float:left;width:30%;}
  .special .side_nav_ranking .wrap_02 {padding-top:5px;}
  .special .side_nav_ranking .wrap_02,
  .special .side_nav_ranking .tit {padding:15px 0 0 32%;line-height:1.6;}
  .special .side_nav_ranking .wrap_02::before {left:32%;}
  .special .side_nav_ranking .date {margin:0 0 5px 30px;font-size:1.077em;font-weight:bold;}
  .special .side_bnr {margin-bottom:40px;}
}


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

/* TOP */

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

/* --------------------------------------------------------
 HEAD
-----------------------------------------------------------*/
@media (min-width:768px) {/*PC*/
  .specialTop .special_head {z-index:10;position:relative;margin:0 -50px -21.5% -50px;}
  .specialTop .content_head_txt {z-index:20;position:relative;background:rgba(255,255,255,.6);padding:10px;}
}
@media (max-width:767px) {/*SP*/
  .specialTop .special_head img {width:100%;height:auto;}
}

/* --------------------------------------------------------
 おすすめ特集
-----------------------------------------------------------*/
.specialTop .special_feature {z-index:20;position:relative;margin-bottom:40px;}
.specialTop .special_feature .title_01 {background:#036eb7 url(../img/special/top_feature_tit.png) left center no-repeat;}
.specialTop .special_feature .entry_list.feature ul {overflow:hidden;margin:0 -8px;}
.specialTop .special_feature .entry_list.feature li {float:left;width:33.333333%;margin-bottom:20px;}
.specialTop .special_feature .entry_list.feature li .inner {margin:0 8px;background:#fff;padding:18px 21px;border-right:2px solid  #c8c8c8;border-bottom:2px solid  #c8c8c8;}
.specialTop .special_feature .entry_list.feature li .img {margin-bottom:10px;}
.specialTop .special_feature .entry_list.feature li .tit {font-size:1.231em;margin-bottom:10px;}
.specialTop .special_feature .feature_entry_slider {display:none;}
@media (min-width:768px) {/*PC*/
  .specialTop .special_feature {min-height:200px;}
  .specialTop .special_feature .title_01 {margin-bottom:24px;padding-left:230px;}
  .specialTop .special_feature .title_01::after {border-color:#036eb7 transparent transparent transparent;}
}
@media (max-width:1140px) {
  .specialTop .special_feature .entry_list.feature ul {overflow:hidden;margin:0 5px;}
  .specialTop .special_feature .entry_list.feature li .inner {margin:0 10px;}
}
@media (max-width:767px) {/*SP*/
  .specialTop .special_feature .title_01 {margin-bottom:15px;background-image:url(../img/special/sp/top_feature_tit.png);
    -webkit-background-size:150px auto;
    background-size:150px auto;}
  .specialTop .special_feature .feature_entry_slider {margin:15px 11px;}
  .specialTop .special_feature .feature_entry_slider .img {margin:0 4px;}
  .specialTop .special_feature .feature_entry_slider .slick-dots {bottom:-21px;}
  .specialTop .special_feature .feature_entry_slider .slick-dots li {width:11px;height:11px;margin:0 6px;}
  .specialTop .special_feature .feature_entry_slider .slick-dots li button {width:11px;height:11px;border-radius:6px;border:1px solid #505050;background:#fff;}
  .specialTop .special_feature .feature_entry_slider .slick-dots li.slick-active button {border:1px solid #4eb8e6;background:#4eb8e6;}
  .specialTop .special_feature .feature_entry_slider .slick-dots li button:before {display:none;}
  .specialTop .special_feature .feature_entry_slider {display:block;}
}

/* --------------------------------------------------------
 MAIN 体験レポート
-----------------------------------------------------------*/
.specialTop .special_report .title_01 {}
@media (min-width:768px) {/*PC*/
  .specialTop .special_report {margin-bottom:40px;}
  .specialTop .special_report .title_01 {margin-bottom:30px;background:#036eb7 url(../img/special/top_report_tit.png) left center no-repeat;padding-left:210px;}
  .specialTop .special_report .title_01::after {border-color:#036eb7 transparent transparent transparent;}
}
@media (max-width:767px) {/*SP*/
  .specialTop .special_report {margin-bottom:30px;}
  .specialTop .special_report .title_01 {margin-bottom:15px;background:#036eb7 url(../img/special/sp/top_report_tit.png) left center no-repeat;
    -webkit-background-size:150px auto;
    background-size:150px auto;}
}

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

/* 一覧 */

/*-----------------------------------------------------------*/
.specialList .special_list_all .more_btn span::after {font-family:"Font Awesome 5 Free";font-weight:bold;}
@media (min-width:768px) {/*PC*/
  .specialList .special_list_all .title_01 {margin-bottom:30px;background:#036eb7;padding-left:35px;}
  .specialList .special_list_all .title_01::after {border-color:#036eb7 transparent transparent transparent;}
  .specialList .special_list_all .more_btn#more_btn span::after {content:"\f078";}
  .specialList .special_list_all .more_btn#close_btn span::after {content:"\f077";}
  .specialList .entry_list:not(.feature) li .img {width:32%;}
  .specialList .entry_list:not(.feature) li .txt_wrap {width:65%;}
}
@media (max-width:767px) {/*SP*/
  .specialList .special_list_all .title_01 {padding:12px 10px 12px 15px;color:#fff;font-size:1.077em;line-height:1.6;
    background:#323232;margin-bottom:15px;
    -webkit-background-size:30px auto;
    background-size:30px auto;}
  .specialList .special_list_all .more_btn {position:relative;font-weight:bold;height:30px;line-height:28px;color:#62b0a4;border:1px solid #aed6d0;background:#fff;margin:20px 0;}
	.specialList .special_list_all .more_btn span {display:block;height:30px;color:#aed6d0;font-size:1.077em;}
  .specialList .special_list_all .more_btn span::after {position:absolute;top:50%;right:15px;height:30px;margin-top:-15px;content:"\f078";font-family:FontAwesome;}
  .specialList .special_list_all .more_btn#more_btn span::after {content:"\f078";}
  .specialList .special_list_all .more_btn#close_btn span::after {content:"\f077";}
}