@charset "UTF-8";

body {
    color: #000000;
    font-size: 14px;
    margin: auto;
    padding: 0;
}
a {
    color: #000000;
    text-decoration: none;
}
input, textarea, select {
    color: #000000;
    font-size: 15px;
    background: #ffffff;
    border: 1px solid #808080;
    border-radius: 3px;
    padding: 8px;
}
button {
    display: block;
    width: 92%;
    color: #ffffff;
    font-size: 15px;
    text-align: center;
    background-color: #000000;
    border: none;
    border-radius: 3px;
    margin: auto;
    padding: 8px 10px;
}
input:focus,
textarea:focus,
select:focus,
button:focus {
    box-shadow: 0 0 3px 0 rgba(150,150,150,1);
    outline: 0;
}
/* altの文字サイズ */
img {
    font-size: 10px;
}

/* ----------------------------------------
    汎用クラス
   ---------------------------------------- */
/* 中央寄せ */
.center_item {
    text-align: center;
}
/* 右寄せ */
.right_item {
    text-align: right;
}
/* 左寄せ */
.left_item {
    text-align: left;
}
/* 下線 */
.underline {
    text-decoration: underline;
}
/* 隠す */
.hide_item {
    display: none;
}
/* 隠しテキスト */
.hide_text {
    position: absolute;
    top: 0;
    z-index: -5;
}
/* フレックスボックス */
.flex {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* ----------------------------------------
    共通デザインクラス
   ---------------------------------------- */
/* タイトル帯 */
.contents_title {
    width: auto;
    height: auto;
    background-color: #ffffff;
    box-shadow: 0 3px 3px -3px #cccccc;
    text-align: center;
    padding: 0;
    position: relative;
    display: flex;
    justify-content: center;
}
.contents_title li {
    display: inline-block;
    text-align: center;
    padding: 15px 13px 13px;
    min-width: 18px;
}
.contents_title li.active {
    border-bottom: 2px solid #000000;
    font-weight: bold;
}
/* セクションごとの帯 */
.section_title {
    padding: 10px 12px;
    font-size: 15px;
    color: #000000;
    font-weight: bold;
    background-color: #ffffff;
    border-top: 2px solid #000000;
    box-shadow: 0 3px 3px -3px #cccccc;
}
/* メニューリストとくっつく場合に使用 上部黒線を消す */
.section_title_top {
    margin-top: 3px;
    border-top: none;
}
/* もっと見る */
.common_more_view {
    font-size: 14px;
    text-align: right;
    margin: 10px;
}
div.common_more_new {
    background: none;
    border: none;
}
/* 全部見る */
.common_more_view_b {
    font-size: 14px;
    font-weight: normal;
    text-align: right;
    float: right;
}
.common_more_view_b a {
    color: #808080;
}
/* 前へ・次へボタン */
.blog_button_pager_space {
    display: flex;
    justify-content: space-between;
    text-align: center;
    padding: 10px 0;
    margin: 0 10px;
}
.blog_button_pager_space > a {
    display: inline-block;
    width: 100%;
}
.blog_button_pager {
    width: 100%;
    color: #808080;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    border:none;
    border-radius: 0;
    box-shadow: 0px 3px 4px -2px #cccccc;
    padding: 10px;
}
/* パンくずリスト */
.breadCrumbs {
    padding: 3px 0;
    background: #f9f9f9;
}
.breadCrumbs_list {
    font-size: 12px;
    line-height: 15pt;
}
.breadCrumbs_item {
    float: left;
    margin-right: 9px;
    padding-left: 8px;
    position: relative;
}

/* リストサムネイル画像 */
.list_img_space {
    width: 70px;
    height: 70px;
    margin: 5px 8px 3px 0;
    position: relative;
}
.list_img {
    width: 70px;
    height: 70px;
    border: none;
    border-radius: 5px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
/* リストサムネイル画像 小サイズ */
.list_img_ss_icon {
    margin: 0 auto;
    width: 44px;
    height: 44px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* --------------------------
           ヘッダー
   -------------------------- */
.header_wrap {
    display: flex;
    height: 45px;
    justify-content: space-between;
    background-color: #000000;
    overflow: hidden;
}
.header {
    display: flex;
    justify-content: space-between;
    padding: 13px 15px;
    background-size:35% auto;
    background-position: 13px 13px;
    background-repeat: no-repeat;
}
.header_logo {
    width: 240px;
    height: 45px;
    background-size: 60%;
    background-position: 15px 13px;
    background-repeat: no-repeat;
}
.header_item {
    width: 110px;
    padding: 14px;
}
.header_menu,
.header_menu a {
    color: #ffffff;
    text-align: right;
    font-size: 14px;
}
.header_menu ul li {
    display: inline-block;
    margin-left: 7px;
}
/* お知らせ */
.header_news_menu_txt {
    display: inline-block;
}
.header_news_icon {
    display: none;
}
.head_alert {
    background: none;
}
.head_alert_cnt {
    display: inline-block;
    border-radius: 10px;
    background: #ffffff;
    opacity: 0.8;
    padding: 0px 6px;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    margin-left: 3px;
}
.header_logo_img,
img.header_logo_img {
    opacity: 0;
    width: 180px;
    height: 45px;
}

/* ADスペース */
.ad_area {
    text-align: center;
    max-width: 336px;
    max-height: 280px;
    overflow: hidden;
    padding: 0 0;
    margin: 20px auto;
}
.ad_area, .cmp_area {
    background: none;
}
.ad {
    display: block;
    text-align: center;
    margin: 0px auto;
    padding: 0 0 10px;
}

/* --------------------------
        上部メニューリスト
   -------------------------- */
.head_menu_list {
    width: auto;
    height: auto;
    background-color: #ffffff;
    border-top: 1px solid #aaaaaa; 
    box-shadow: 0 3px 3px -3px #cccccc;
    text-align: center;
    padding: 0;
    position: relative;
    display: flex;
    justify-content: center;
}
.head_menu_list li {
    display: inline-block;
    text-align: center;
    padding: 15px 13px 13px;
    min-width: 18px;
}   
.head_menu_list li.active {
    border-bottom: 2px solid #000000;
    font-weight: bold;
}
.head_menu_txt {
    color: #000000;
    font-size: 15px;
}

/* --------------------------
        フッター
   -------------------------- */
.menu_area,
.footer_sns_link > ul {
    display: flex;
    justify-content: space-around;
}
.menu_icon {
    margin: 0 31px 0;
}
.sns_link_title {
    color: #ffffff;
}
.footmenu a {
    color: #ffffff;
}
/* フッターのページTOPにまきあがるボタン */
#scrollTop {
    height: 50px;
    width: 50px;
    border-radius: 30px;
}
#scrollTop a {
    color: #ffffff;
    position: relative;
    top: 5px;
}
/* --------------------------
        トップページ
   -------------------------- */
/* セクションラップ */
.section_main {
    margin-bottom: 18px;
}
/* 総合トップ部分 ADスペース */
.top_ad_area {
    background-color: #ffffff;
    text-align: center;
    padding: 0;
    width: 100%;
    max-height: 220px;
    overflow: hidden;
}
.top_ad_area > a > img {
    width: 100vw;
    max-width: 100%;
}
/* スライド部分 ADスペース */
.slide_ad_area {
    background-color: #efefef;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    text-align: center;
    width: 100%;
    height: 210px;
    overflow: hidden;
}
.bxslider-wrap {
    height: 210px
}
/* ユーザー一覧リスト */
.box_user_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.rank_list_rank_area {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.rank_list_rank_area h2 {
    font-size: 19px;
    font-weight: bold;
    padding: 0 5px 0;
}
.user_blog_name {
    font-size: 16px;
    font-weight: normal;
    flex-grow: 4;
    width: 65%;
}
/* 「+フォロー」ボタン */
.follow_button_space {
    flex-grow: 1;
}
.follow_button {
    width: auto;
    border: 1px solid #ababab;
    border-radius: 3px;
    color: #ababab;
    background: #ffffff;
    font-size: 11px;
    font-weight: 400;
    padding: 5px;
}
.user_blog_txt_space {
    word-break: break-all;
}
/* ユーザーブログタイトル */
.user_blog_title {
    font-size: 16px;
    display: block;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
/* ユーザー紹介文 */
.user_blog_txt {
    color: #aaaaaa;
    font-weight: normal;
    font-size: 13px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.user_list_item {
    padding: 5px 10px;
    border-bottom: 1px solid #eaeaea;
    position: relative;
}
/* ユーザーアイコン画像 */
.user_img_space {
    width: 70px;
    height: 70px;
    margin: 0 8px 0 0;
    position: relative;
}
.user_img {
    width: 70px;
    height: 70px;
    max-width: 70px;
    max-height: 70px;
    border-radius: 5px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/* altの代替テキスト */
.user_img_alt {
    font-size: 10px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
/* 小悪魔agehaコラボ用 */
.ageha_user_img {
    width: 82px !important;
    height: 82px !important;
    border-radius: 150px !important;
    border: none !important;
}
.ageha_user_img_big {
    width: 160px !important;
    height: 160px !important;
    border-radius: 150px !important;
    border: none !important;
}
.ageha_bloger_name {
    text-align: center;
    padding-top: 2px;
}
/* 各ランキング下のユーザーアイコン群 */
.more_view_usericons {
    display: flex;
    justify-content: center;
    margin: 10px 0;
}
.more_view_user_img {
    margin: 0 3px;
    position: relative;
}
.more_view_user_img > img {
    width: 65px;
    height: 65px;
    border-radius: 5px;
}
.more_view_user_img > div {
    width: 65px;
    height: 65px;
    border-radius: 5px;
}
/* 矢印 ">" */
.arrow rank_list_arrow {
    color: #000000;
}

/* --------------------------
        おすすめトピックス
   -------------------------- */
.tabs {
    background: #ffffff;
    padding: 0 10px;
    margin: 15px 0 0;
}
.tabs_item_left {
   border-radius: 10px 0 0 10px !important;
   border: 1px solid #000000;
}
.tabs_item > a._tab {
   font-size: 13px;
}
.tabs_item_right {
   border-radius: 0 10px 10px 0 !important;
   border: 1px solid #000000;
}

/* --------------------------
        人気記事リスト
   -------------------------- */
.blog_list {
    margin: auto;
    width: auto;
    padding: 10px 5px 0px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
    overflow: hidden;
}
.blog_list_item {
    width: 47.5%;
    max-width: 50%;
    flex: 0 0 47.5%;
    margin: auto;
    overflow: hidden;
    float: left;
}
.blog_list_item_inner {
    padding: 5px 0 3px;
}
.blog_list_txt {
    font-size: 14px;
	line-height: 20px;
	width: 100%;
    height: 40px;
	overflow: hidden;
    word-break: break-all;
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.blog_list_ad_txt {
    font-weight: bold;
    color: #808080;
    margin-bottom: 3px;
}
.blog_list_img_space {
    width: auto;
    height: 120px;
    max-width: 100%;
    margin-bottom: 5px;
    overflow: hidden;
}
.blog_list_img {
    width: 100vw;
    height: 120px;
    max-width: 100%;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
}

/* --------------------------
        個人ブログトップ
   -------------------------- */
/* ユーザートップ画像 */
.top_img_area {
    margin: auto;
    text-align: center;
    width: 100%;
    height: auto;
    max-height: 220px;
    background: #cccccc;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    overflow: hidden;
}
.top_img_area > img {
    width: 100%;
    height: auto;
    visibility: hidden;
}
.user_profile_list {
    background-color: #ffffff;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    overflow: hidden;
}
.user_profile_list_item {
    padding: 13px 5px 0;
}
.user_profile_list_item_inner {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 8px;
}
/* ユーザーアイコン画像 */
.user_profile_img_space {
    margin: 0 auto;
    width: 65px;
    height: 65px;
    border-radius: 60px;
    overflow: hidden;
    position: relative;
}
.user_profile_img {
    width: 65px;
    height: auto;
}
.user_profile_img_icon {
    margin: 0 auto;
    width: 65px;
    height: 65px;
    border-radius: 60px;
    overflow: hidden;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
/* ユーザーアイコン画像　小サイズ */
.user_profile_img_s_space {
    margin: 0 auto;
    width: 54px;
    height: 54px;
    border-radius: 60px;
    position: relative;
}
.user_profile_img_s {
    width: 54px;
    height: 54px;
    border-radius: 50px;
    border: none;
}
.user_profile_img_s_icon {
    margin: 0 auto;
    width: 54px;
    height: 54px;
    border-radius: 60px;
    overflow: hidden;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
/* ユーザーアイコン画像　さらに小サイズ */
.user_profile_img_ss_space {
    margin: 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 60px;
    position: relative;
}
.user_profile_img_ss {
    width: 44px;
    height: 44px;
    border-radius: 50px;
    border: none;
}
.user_profile_img_ss_icon {
    margin: 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 60px;
    overflow: hidden;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.user_profile_blog_txt_space {
    padding: 3px 0 0 10px;
    width: 73%;
    flex-grow: 2;
}
/* ユーザープロフィール部分　ブログタイトル */
.user_profile_blog_name {
    font-size: 17px;
    font-weight: normal;
}
/* ユーザープロフィール部分　紹介文テキスト */
.user_profile_blog_txt {
    color: #808080;
    font-size: 11px;
    padding: 3px 0 0;
}
/* フォロー数・購読数部分 */
.user_blog_follow {
    display: table;
    table-layout: fixed;
}
.user_blog_follow > p {
    display: table-cell;
    font-size: 12px;
    text-align: left;
}
.user_profile_list_follow_wrap {
    padding: 2px 14px 5px;
    text-align: right;
}
.user_profile_list_follow_item {
    display: inline-block;
    border-right: 1px solid #cfcfcf;
}
.user_blog_follow_num {
    /*display: table-cell;*/
    font-weight: bold;
    padding: 0 0 0 5px;
    text-align: right;
}
.blog_button_space {
    /* align-self: baseline; */
    display: inline-block;
    padding-left: 15px;
}
.blog_button {
    width: 100px;
    border: 1px solid #808080;
    border-radius: 20px;
    background-color: #ffffff;
    color: #808080;
    font-size: 14px;
    font-weight: 400;
    padding: 5px;
    margin: 0 5px;
    display: inline-block;
}
.follow_contents {
    background-color: #ffffff;
    padding: 7px 0 7px;
    border-top: 1px solid #ededed;
}
.follow_contents_sns {
    display: flex;
    justify-content: center;
    background-color: #ffffff;
}
.follow_contents_sns_icons {
    font-size: 30px;
    margin: 0 20px;
}
.contents_wrapper {
    padding: 20px 0;
    margin: auto;
}
/* SNSアイコン ブランドカラー */
.fb-color {
    color: #315096;
}
.tw-color {
    color: #55acee;
}
.ig-color {
    -webkit-mask-image:-webkit-linear-gradient(-135deg,#1400c8,#b900b4,#f50000);
    color: #d93177;
}
.yt-color{
    color: #cd201f;
}
/* ユーザー自由入力欄 */
.user_free_area {
    background-color: #ffffff;
    padding: 10px;
    margin: 20px 10px;
}
.user_free_area_inner {
    background-color: #ffffff;
    padding: 10px;
}
#inner .user_free_area a{
    text-decoration: underline;
}
/* 自由入力欄のもっと見る開閉JS */
.grad-btn::before {
    content: "もっと見る";
    position: absolute;
    line-height: 42px;
    color: #fff;
    text-align: center;
    width: 90%;
}
.grad-item {
    position: relative;
    overflow: hidden;
    height: auto;
    max-height: 700px;/*隠した状態の高さ*/
}
.grad-item::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px; /*グラデーションで隠す高さ*/
    content: "";
}
.grad-trigger {
    display: none; /*チェックボックスは常に非表示*/
}
.grad-trigger:checked ~ .grad-btn::before {
    content: "閉じる"; /*チェックされていたら、文言を変更する*/
    line-height: 42px;
    color: #fff;
    text-align: center;
    width: 90%;
}
.grad-trigger:checked ~ .grad-item {
    height: auto;
    max-height: initial;/*チェックされていたら、高さを戻す*/
}
.grad-trigger:checked ~ .grad-item::before {
    display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}
.grad-btn > p { 
    background: #202020;
    width: 100%;
    height: 45px;
    border-radius: 5px;
}
.grad-transform {
    transform: translate(0, -20px);
}
/* ユーザー自由領域　開閉JS部分　showmoreプラグイン用 */
#showmore_content {
    position:relative;
    overflow:hidden;
}			
#showmore_trigger { 
    width:100%;
    height:45px;
    line-height:45px;
    cursor:pointer;
    text-align: center;
    color: #ffffff;
    background: #202020;
    border: none;
    border-radius: 5px; 
    margin-top: 10px;
}
#showmore_trigger span {
    display:block; 
}
.firstHeight {
    height: 456px;
}
/* 自由領域・記事本文のfontタグ漏れによる崩れを防ぐ */
#inner > font, h2 > font, li > font {
    color: #000000;
    font-size: 14px;
}
/* --------------------------
        コメントページ
   -------------------------- */
.user_frame {
    background-color: #ffffff;
}
.user_article_area {
    color: #000000;
}
/* --------------------------
        記事一覧
   -------------------------- */
/* 記事一覧リスト　帯部分 */
.section_title_article_list {
    text-align: center;
    margin: 20px 0 0;
}
.section_title_article_list {
    color: #808080;
    font-size: 14px;
    font-weight: bold;
    border-left: solid 0px #cccccc;
    border-right: solid 0px #cccccc;
    background-color: #ffffff;
    box-shadow: 0px 3px 4px -2px #cccccc;
    margin: 0 10px;
    padding: 1em;
}
.blog_article_list_item {
    border:none;
    background-color: #ffffff;
    box-shadow: 0px 3px 4px -2px #cccccc;
    margin: 10px;
    position: relative;
}
.blog_article_list_img_space {
    width: 100%;
    height: 220px;
    margin: auto;
    margin-bottom: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.blog_article_list_img {
    position: absolute;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}
.blog_article_list_title {
    font-size: 18px;
    padding: 20px;
}
.blog_article_list_txt {
    padding: 0 20px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
/* いいね・コメント部分 */
.follow_contents_action {
    color: #aaaaaa;
    font-size: 12px;
    font-weight: normal;
    padding: 20px 10px 10px;
    display: flex;
    justify-content: center;
}

/* 記事ページ　記事上部 */
.follow_contents_action > a > span {
    font-size: 16px;
    color: #aaaaaa;
}
.follow_contents_action_icons {
    font-size: 18px;
    margin: 0 10px;
}
.article_list_action_favorite {
    flex-grow: 1;
}
.article_list_action_comment {
    flex-grow: 2;
}
.blog_article_list_date {
    flex-grow: 2;
    text-align: right;
    align-self: flex-end;
}

/* 個人ブログカテゴリーリスト */
.blog_category_list {
    margin: 10px;
    transition: 0.2s;
}
.blog_category_list li {
    display: inline-block;
    border: 1px solid #aaaaaa;
    border-radius: 5px;
    margin: 3px 3px;
    padding: 8px;
}
.blog_category_list li > a {
    color: #aaaaaa;
}

/* --------------------------
        記事ページ
   -------------------------- */
/* ページ上部 */
.blog_article_head_top {
    background-color: #ffffff;
    padding: 13px 20px;
    display:flex;
    justify-content: center;
    align-items: center;
}
.blog_article_head_top_button_space {
    margin: 5px 0;
    padding:0;
}
.blog_article_head_top_button {
    display: inline-block;
    width: 80px;
    border: 1px solid #808080;
    border-radius: 20px;
    background-color: #ffffff;
    color: #808080;
    font-size: 12px;
    padding: 5px;
    margin: 0 4px;
}
/* 記事 */
.blog_article {
    background-color: #ffffff;
    border:none;
    box-shadow: 0px 3px 4px -2px #cccccc;
    margin: 10px 10px;
}
.blog_article_inner {
    padding: 10px 10px 5px;
}
/* 記事上部 */
.blog_article_header {
    border-bottom: 1px solid #cfcfcf;
    padding: 0 0 20px;
    margin-bottom: 15px;
}
.blog_article_img_space {
    max-width: 95%;
    margin: 10px;
    text-align: center;
}
.blog_article_img {
    max-width: 100%;
    overflow: hidden;
}
.blog_article_title {
    font-size: 18px;
    padding: 20px;
}
.blog_article_category {
    padding: 0 20px;
}
.blog_article_txt {
    font-size: 14px;
    padding: 0 20px;
    overflow: hidden;
    word-break: break-all;
}
#inner .blog_article_txt a {
    text-decoration: underline;
}
.blog_article_txt > a > img {
    max-width: 100%;
    overflow: hidden;
}
/* 記事下部 */
.blog_article_footer {
    border-top: 1px solid #cfcfcf;
    margin: 30px 0 10px;
}
/* ハッシュ */
.hash_tag_space {
    border-top: 1px solid #cfcfcf;
    margin-top: 12px;
    margin-bottom: 12px;
    word-break: break-all;
}
.hash_tag_space_inner {
    padding: 10px;
}
.hash_txt_link {
    font-weight: bold;
}
/* いいねとコメントボタン */
.article_footer_follow_action_favorite > div,
.article_footer_follow_action_comment > div {
    width: 120px;
    height: 50px;
    color: #aaaaaa;
    text-align: center;
    font-size: 14px;
    border: 1px solid #aaaaaa;
    border-radius: 5px;
    background-color: #ffffff;
    padding: 10px 0;
    margin: 0 10px;
}
.article_footer_follow_action_favorite > div > a {
    font-size: 14px;
}
.article_footer_follow_action_favorite > div > i,
.article_footer_follow_action_comment > divn > i {
    margin: 5px 5px 10px 0;
}
.article_footer_follow_action_favorite > div > span,
.article_footer_follow_action_comment > div > span,
.article_footer_follow_action_favorite > div > a > span {
    display: block;
    font-size: 16px;
    line-height: 2em;
}
.article_footer_follow_action_favorite > div > a {
    color: #aaaaaa;
}
/* 同じカテゴリの記事一覧リスト */
.blog_article_category_list_item {
    color: #aaaaaa;
    padding: 12px 10px;
    border-bottom: 1px solid #ededed;
    display: flex;
    justify-content: space-between;
}
.onhidden{
	height: 43px;
	overflow-y: hidden;
}

/* --------------------------
        探す　ページ
   -------------------------- */
/* ハッシュ検索フォーム */
.hash_search_form {
    text-align: center;
    padding: 13px 0 10px;
}
.hash_search_input_area {
    width: 90%;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
}
.hash_search_input {
    width: 100%;
    height: 35px;
    border: none;
    font-size: 15px;
    line-height: initial;
    padding: 20px 4em 20px 2.2em;
    margin: 0 auto;
    background: none;
    border: 1px solid #808080;
    border-radius: 5px;
    box-sizing: border-box;
}
input::-webkit-input-placeholder {
    line-height: 1.286;
}
.hash_search_input_area > i {
    color: #2f2f2f;
    position: absolute;
    top: 1em;
    left: 13px;
}
.hash_search_button {
    width: 53px;
    height: 38px;
    font-size: 13px;
    background-color: #000000;
    padding: 10px;
    position: absolute;
    top: 2px;
    right: 2px;
}
/* 探すトップ ハッシュリスト */
.tags_hash_list {
    margin: 10px 10px 0;
}
.tags_hash_list li {
    display: inline-block;
    margin: 2px;
    padding: 7px 12px;
    border-radius: 16px;
    background-color: #e2e2e2;
}
.tags_hash_list li a {
    color: #2b2b2b;
}
.first_tag {
    color: #808080;
    background: #ffffff;
    border-radius: 2em;
    padding: 5px 8px;
    margin: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
}

/* --------------------------
        ログイン、会員登録
   -------------------------- */
/* タイトル帯 */
.section_title_login {
    padding: 13px 12px;
    font-size: 15px;
    color: #000;
    font-weight: bold;
    background-color: #ffffff;
    border-bottom: 2px solid #000000;
}
/* ログインフォーム */
.blog_login_space {
    border: 1px solid #cccccc;
    border-radius: 3px;
    margin: 20px 10px;
}
.blog_login_items {
    text-align: center;
    padding: 20px;
}
.blog_login_input_area {
    padding: 10px 0;
}
.blog_login_input {
    width: 83%;
    padding: 10px;
}
.blog_login_button {
    width: 90%;
    font-size: 14px;
    color: #ffffff;
    background-color: #000000;
    border: none;
    border-radius: 3px;
    padding: 10px;
    margin: 10px auto;
}
.blog_login_list li {
    width: 90%;
    height: 20px;
    margin: 15px auto;
    padding: 13px 0 10px;
    border-radius: 3px;
}

.blog_login_list > a,
.blog_login_list li > p {
    color: #ffffff;
    display: inline;
    vertical-align: top;
}
.blog_login_list li > i {
    font-size: 26px;
    position: relative;
    top: -4px;
}
/* 外部IDでログイン */
.blog_login_list_line {
    background-color: #00c300;
}
.blog_login_list_line_icon {
    position: relative;
    background-image: url(../../img/smp/sprite/sns_icon3.png);
    background-repeat: no-repeat;
    -webkit-background-size: 140px 26px;
    background-size: 140px 26px;
    display: inline-block;
    width: 26px;
    height: 26px;
    background-position: -108px 0;
    right: 10px;
    bottom: 5px;
}
.blog_login_list_twitter {
    background-color: #55acee;
}
.blog_login_list_yahoo {
    background-color: #780099;
}
.blog_login_list_yahoo_icon {
    background-image: url(../../img/smp/sprite/sns_icon3.png);
    background-repeat: no-repeat;
    -webkit-background-size: 140px 26px;
    background-size: 140px 26px;
    display: inline-block;
    width: 32px;
    height: 26px;
    background-position: -74px 0;
    -ms-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.blog_login_list_facebook {
    background-color: #315096;
}

/* --------------------------
        会員トップ
   -------------------------- */
/* 上部 */
.blog_member_profile_list {
    border-bottom: 1px solid #dfdfdf;
    overflow: hidden;
    padding-top: 15px;
}
.blog_member_profile_list_item_inner {
    display: flex;
    justify-content: center; 
    align-items: center;
}
.blog_member_profile_list_button {
    width: 125px;
    border: 1px solid #808080;
    border-radius: 20px;
    background-color: #ffffff;
    color: #808080;
    font-size: 13px;
    font-weight: 400;
    padding: 7px;
    margin: 5px 0;
}
/* 名前表示　公開・非公開状態 */
.user_config {
    width: 40%;
    padding: 0 10px;
    text-align: left;
}
/* フォロー用 */
.blog_member_profile_list_follow_wrap {
    padding: 5px 0 0;
}
.blog_member_section {
    display: flex;
    justify-content: space-around; 
    align-items: center;
    font-size: 15px;
    color: #000;
    background-color: #ffffff;
    border-top: 2px solid #000000;
    box-shadow: 0 3px 3px -3px #cccccc;
    padding: 13px 12px;
}
/* アクセス数 */
.access_list {
    display: -webkit-box;
    margin: 20px auto 13px;
    padding: 10px;
    width: 80%;
    border: 2px solid #cfcfcf;
    border-radius: 5px;
}
.access_list_item {
    border: none;
}
/* ボタンのメニューリスト */
.blog_member_button_list {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin: auto;
}
.blog_member_button_list > a {
    color: #808080;
    width: 50%;
}
.blog_member_button_list li {
    background-color: #ededed;
    border-radius: 5px;
    padding: 10px;
    margin: 5px;
    font-weight: bold;
}
.blog_member_button_list li > i {
    padding-left: 10px;
    margin: 0 5px;
}
/* ボタン */
.blog_member_button {
    width: auto;
    margin: auto;
}

/* --------------------------
        マイいいね
   -------------------------- */
.info_list.flex {
    justify-content: space-between;
    align-items: center;
}
.info_list.flex > :nth-child(1) {
    flex: 1 0 15%;
}
.info_list.flex > :nth-child(2) {
    flex: 1 0 55%;
}
.info_list.flex > :nth-child(3) {
    flex: 1 0 20%;
    text-align: center;
}


@media screen and (max-width: 360px) {
    /* --------------------------
        ヘッダー
   -------------------------- */
    .header_item > a > img {
        width: 175px !important;
    }
    .header_menu_right,
    .header_menu_left {
        position: relative;
    }
    .header_menu_right {
        right: 3px;
    }
    /* --------------------------
        トップページ
   -------------------------- */
    .more_view_user_img > div,
    .more_view_user_img > img {
        width: 56px !important;
        height: 56px !important;
    }
    .ageha_user_img {
        width: 68px !important;
        height: 68px !important;
    }
    .ageha_user_img_big {
        width: 146px !important;
        height: 146px !important;
    }
}