@charset "utf-8";

/*--------------------------------------
    全体
　--------------------------------------*/
/* reset */
.aa-feature #body {margin: 0;}
.aa-feature #footer {background: #fff;}
/*.aa-feature .layout_2col {position: relative;}*/
.aa-feature .layout_2col {
    position: relative;
    margin-right: auto;
    margin-left: auto;
 }
.aa-feature .layout_2col .layout_main {width: 1000px;}
.aa-feature .ad-rec ins ins,
.aa-feature .ad-rec iframe,
.aa-feature .ad-rec div div,
.aa-feature .ad-rec object,
.aa-feature .ad-rec img {
    padding: 0!important;
}

/*--------------------------------------
    default
　--------------------------------------*/
/* original */
.aa-feature a {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.aa-feature a:hover img.trans,
.aa-feature a.trans:hover {
    cursor: pointer;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}
.body-wrap {
	position: relative;
    word-wrap: break-word;
}

/*--------------------------------------
    タイトル画像
　--------------------------------------*/
.main-title {margin-bottom: 20px; position: relative;}
.main-title .title-img {
    width: 675px;
    height: 420px;
    position: relative;
    overflow: hidden;
}
.main-title .title-bg {
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-weight: normal;
    padding: 12px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}
.main-title .title-set .label-circle {
    display: table;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    padding: 20px;
    width: 40px;
    height: 40px;
    margin-right: 13px;
    background: #c00;
    font-size: 18px;
}
.main-title .title-set .label-circle .sp-text {
    display: table-cell;
    vertical-align: middle;
}
.main-title .title-set .title-text {width: 558px;}
.main-title .title-set .title-text .sub {
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 1;
}
.main-title .title-set .title-text .main {
    margin-bottom: 8px;
    font-size: 60px;
    font-weight: normal;
    line-height: 1;
}
.main-title .lead {font-size: 11px;}

/*--------------------------------------
    メイン
　--------------------------------------*/
/* 共通パーツ */
.main-contents-box {
     margin-bottom: 20px;
     /* padding: 20px 15px; */
     background: #f7f7f7;
 }
.main-contents-box .heading {
    padding: 8px 10px 5px;
    margin-bottom: 15px;
    background: #e7e7e7;
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 22px;
    color: #141414;
}
.main-contents-box .lead {margin-bottom: 15px;}
.main-contents-box .js-load-more-btn {
    padding: 5px;
    display: block;
    margin: 15px 15px 0 0;
    border: 1px solid #b5b5b5;
    background: #fff;
    text-decoration: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    color: #636363;
}
.main-contents-box .list-photo-s .js-load-more-btn {margin: 15px 0 0 0;}
.main-contents-box .btn-more a:hover {
    background: #141414;
    color: #fff;
}
/* js用 */
.js-more-content,
.is-hide {display: none;}
/* SNS用 */
.sns-btn-list {
    position: absolute;
    top: 20px;
    padding: 15px;
    margin-left: -125px;
    background: #f7f7f7;
}
.sns-btn-list li {margin-bottom: 15px;}

/** on tablet **/
@media only screen and (max-width: 1200px) {
    .sns-btn-list {
        position: static;
        margin: 0 0 20px;
        padding: 10px 10px 5px;
        text-align: center;
    }
    .sns-btn-list li {
        display: inline-block;
        margin: 0 10px;
        vertical-align: top
    }
}
/* トップへ戻るボタン */
.return-top a {
    position: fixed;
    bottom: 140px;
    right: 50px;
    z-index: 100;
    height: 80px;
    width: 80px;
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: #c00 url(http://img.aacdn.jp/allabout/feature/sp_phakchi/arrow_white_top.png) no-repeat  50% 50%;
    -webkit-border-radius: 50px;  
    -moz-border-radius: 50px;
    border-radius: 50px;
}
/* 各リストパターン */
.common-list  li a {position: relative; display: block;}

.list-photo-l,
.list-photo-m {margin-right: -15px;}
.list-photo-l li,
.list-photo-m li {
    width: 315px;
    margin: 0 15px 15px 0;
}
.list-photo-l li a,
.list-photo-m li a {
    overflow: hidden;
}
.list-photo-l li a {height: 236px;}
.list-photo-ll a .title-wrap,
.list-photo-l a .title-wrap {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: block;
    background: rgba(0, 0, 0, 0.4);
}
.list-photo-ll a .title-wrap .title-article,
.list-photo-l a .title-wrap .title-article {
    padding: 10px 25px 10px 10px;
    background: transparent url(http://img.aacdn.jp/allabout/feature/sp_phakchi/arrow_white_right.png) no-repeat 97% 50%;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.list-photo-ll a:hover .title-wrap,
.list-photo-l a:hover .title-wrap {background: rgba(255, 255, 255, 0.6);}
.list-photo-ll a:hover .title-wrap .title-article,
.list-photo-l a:hover .title-wrap .title-article {
    background: transparent url(http://img.aacdn.jp/allabout/feature/sp_phakchi/arrow_gray_right.png) no-repeat 97% 50%;
    color: #141414;
}
.list-photo-m a .title-wrap {width: 185px;}
.list-photo-m a .title-wrap .title-article,
.list-photo-s a .title-wrap .title-article {font-weight: normal;}
.list-photo-s li {margin-bottom: 8px; border-bottom: 1px dotted #d4d4d4;}
.list-photo-s li a {display: table; padding-bottom: 8px;}
.list-photo-s a .title-wrap {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    width: 585px;
}
.list-photo-s a .title-wrap .title-article {font-size: 18px;}
.list-photo-s a img {
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
    border-radius: 5px;
}
/* PRラベル追加 */
.label-pr {
    background: transparent url("http://img.aacdn.jp/allabout/common/g_label.gif") no-repeat 0 0;
    background-size: 60px auto;
    display: inline-block;
    z-index: 10;
    height: 16px;
    vertical-align: middle;
    width: 60px;
}
.list-photo-l .label-pr,
.list-photo-m .label-pr,
.list-red-border .inner .label-pr {
    position: absolute; 
}
.list-photo-l .label-pr {
    top: 0;
    right: 0;
    margin: 0;
}
.list-photo-m .label-pr,
.list-red-border .inner .label-pr {
    top: 0;
    left: 0;
}
.list-photo-s .label-pr {margin-top: 3px;}
/* 1カラムの時
.list-photo-ll li:not(:last-child) {margin-bottom: 15px;}
.list-photo-ll .img-wrap {
    width: 645px;
    height: 270px;
    position: relative;
    overflow: hidden;
}
.list-photo-ll a .title-wrap .title-article {padding: 10px 30px 10px 10px;}
 */

/* スペシャル枠 */
.list-red-border {
    margin-bottom: 20px;
    border: 3px solid #b5b5b5;
    background: #fff; 
}
.list-red-border .heading {
    padding: 8px 10px 5px;
    border-bottom: 3px solid #b5b5b5;
    font-size: 22px;
    font-weight: bold;
}
/* 1つだけの時 */
.list-red-border .inner,
.list-red-border li {position: relative;}
.list-red-border a .detail-wrap {
    position: relative;
    width: 435px;
    padding: 15px;
    color: #404040;
}
.list-red-border a .detail-wrap .title-article {margin-bottom: 5px; font-size: 18px;}
.list-red-border a .detail-wrap .lead {
    margin-bottom: 10px;
    font-size: 15px;
}
.list-red-border a .btn-detail {
    display: inline-block;
    padding: 5px 20px;
    background: #636363;
    color: #fff;
    font-weight: bold;
}
.white-arrow-m {
    width: 8px;
    display: inline-block;
    background-position: -549px -44px;
    height: 11px;
    margin: 5px 7px 0 0;
}

/*--------------------------------------
    右カラム
　--------------------------------------*/
.right-common-box {
    border: 1px solid #e6e6e6;
    background: #fff;
    margin-bottom: 15px;
}
.right-common-box .heading {
    padding: 10px 10px 5px;
    border-bottom: 1px solid #e6e6e6;
    color: #141414;
    font-size: 18px;
}
.right-common-box a:hover,
.select-menu li a {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.right-common-box li {background: #000;}
.right-common-box li a {
    display: table;
    padding: 10px 0 10px 7px;
    border-bottom: 1px solid #e6e6e6;
    background: #fff;
    color: #141414;
}
.right-common-box li:last-child a {border: none;}
.select-menu li a {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    background: #fff;
	font-size: 100%;
	font-weight: bold;
}
.select-menu li:last-child a {border: none;}
.select-menu li .img-photo {
    width: 60px;
    height: 60px;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 50px;  
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.select-menu li .menu-text {
    display: table-cell;
    width: 100%;
    /*background: #fff url(http://img.aacdn.jp/allabout/feature/sp_phakchi/arrow-red_right.png) no-repeat 100% 50%;
   background-size: 24px 23px;
    padding: 0 30px 0 10px;*/
    padding: 0 10px;
    vertical-align: middle;
    line-height: 1.2;
}
.guide-list li .guide-photo {width: 50px;}
.guide-list li .name {color: #005ead;}
.guide-list li .guide-text {
    display: table-cell;
    width: 100%;
    padding-left: 10px;
    vertical-align: middle;
}
/* ad rec */
.aa-feature .ad-rec {
    background: transparent;
    border: none;
}

/*--------------------------------------
  [pattern set]common_sp_phakchi_sp_hormonecare
　--------------------------------------*/
.sp_phakchi .main-contents-box,
.sp_phakchi .sns-btn-list,
.sp_hormonecare .main-contents-box,
.sp_hormonecare .sns-btn-list {background: #fff;}
.sp_phakchi .main-contents-box .heading,
.sp_hormonecare .main-contents-box .heading {background: #f5f5f5;}
.sp_phakchi .main-contents-box .js-load-more-btn,
.sp_hormonecare .main-contents-box .js-load-more-btn {
    border: 1px solid #141414;
    color: #141414;
}
.sp_phakchi .right-common-box,
.sp_phakchi .right-common-box .heading,
.sp_hormonecare .right-common-box,
.sp_hormonecare .right-common-box .heading {border: none;}
/*--------------------------------------
  [pattern set]sp_phakchi
　--------------------------------------*/
.sp_phakchi .body-wrap {background: #fff url(http://img.aacdn.jp/allabout/feature/sp_phakchi/ptn_dot_red.png) repeat 0 0;}
.sp_phakchi .list-red-border {border: 3px solid #c00;}
.sp_phakchi .list-red-border .heading {
    border-bottom: 3px solid #c00;
    color: #c00;
}
.sp_phakchi .list-red-border a .btn-detail {background: #c00;}
/*--------------------------------------
  [pattern set]sp_hormonecare
　--------------------------------------*/
.sp_hormonecare .body-wrap {background: #fff url(http://img.aacdn.jp/allabout/feature/sp_hormonecare/ptn_dot_pink.png) repeat 0 0;}
.sp_hormonecare .list-red-border {border: 3px solid #ea5251;}
.sp_hormonecare .list-red-border .heading {
    border-bottom: 3px solid #ea5251;
    color: #ea5251;
}
.sp_hormonecare .list-red-border a .btn-detail {background: #ea5251;}


/*案件独自実装*/
p {
    font-size: 16px;
    line-height: 29px;
}
.lead{
    font-size: 16px;
    padding: 40px 30px 40px 30px;
    line-height: 30px;
}
.lead p{
    padding-bottom: 1rem;
}
.main-title-container{
    padding-top: 325px;
    padding-left: 50px;
}
.unit1-container{
    background-color: #FFFFFF;
    padding: 40px 50px;
}
.unit1-title{
    border-bottom: 1px solid #333333;
    border-top: 1px solid #333333;
    text-align: center;
    width: 450px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    margin-bottom: 40px;
}
.unit1-title h2{
    font-size: 24px;
    font-weight: 900;
}

.unit1-title h3{
    font-size: 16px;
    font-weight: 300;
}


.unit1-list{
    width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;
  text-align: center;
  padding: 0 30px 0 30px;
}
.unit1-list .link-list{
    font-size: 18px;
    margin: 20px 0;
}
.unit1-list p{
    text-align: left;
    font-size: 16px;
}

.unit1-list a{
    font-weight: 900;
    text-decoration: underline;
    color: #0066cc;
}
.flex-box{
    display: flex;
}

.unit2-container{
    background-color: #FFFFFF;
    padding: 40px 0 40px 0;
}

.unit2-list{
    width: 100%;
    margin-bottom: 40px;

}

.unit2-container li:last-child{
    margin-bottom: 0;
}
.unit2-list .link-list{
    padding-left: 30px;
}

.unit2-container .article-title{
font-size: 20px;
font-weight: 900;
padding-bottom: 10px;
}

small{
    font-size: 0.8rem;
}

.guide-container{
    margin-top: 20px;
}
.guide-container li{
    display: inline-block;
    vertical-align: bottom;
}

.guide-container li .guide-img {
    padding-right: 10px;
    margin-bottom: 0px;
}

.unit2-title{
    border-bottom: 1px solid #333333;
    border-top: 1px solid #333333;
    text-align: center;
    width: 450px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    margin-bottom: 40px;
}
.unit2-title h2{
    font-size: 24px;
    font-weight: 900;
}
.unit2-title h3{
    font-size: 16px;
    font-weight: 300;
}

.unit2-container h4{
    font-size: 24px;
    vertical-align: middle;
    margin-bottom: 20px;
}
.unit2-container h4 img{
    font-size: 24px;
    vertical-align: middle;
    padding-right:10px ;
}

.last-container{
    padding: 0 0 60px 0;
}
.ftr-btn-container{
    text-align: center;
}

#category1, #category2{
    margin-bottom: 60px;
}

.clear{
    clear: both;
}