@charset "UTF-8";

body {
    color: #000000 !important;
    font-size: 14px !important;
    /*background: none;*/ 
    background-color: #ffffff;
    margin: auto;
    padding: 0 !important;
}
section {
    overflow: hidden;
}
p {
    color: #000000 !important;
    font-family: sans-serif !important;
}
a {
    text-decoration: none;
}
a:visited, body a, body a:visited {
    color: #000000;
}
#contents a, header a {
    color: #000000;
    -webkit-tap-highlight-color: rgba(220, 220, 220, 0.5);
    text-decoration: none;
}
li {
    list-style-type: none;
}
input, textarea, select {
    color: #000000 !important;
    font-size: 15px;
    background: #ffffff;
    border: 1px solid #808080 !important;
    border-radius: 3px !important;
    padding: 8px !important;
}
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;
}
/* ----------------------------------------
    common.css,blogAdmin.css等のクラス内容踏み倒し
   ---------------------------------------- */
/* ボタン */
.common_btn {
    border: none !important;
    margin: 1em;
}
.common_btn,
.common_btn a,
.common_btn_end,
.common_btn a:visited,
.common_btn.decide a,
.common_btn.real a,
.common_btn.preview a,
.common_btn.login a,
.common_btn.fit a {
    font-size: 15px;
    font-weight: normal;
    color: #ffffff !important;
    border: 1px solid #000000;
    box-shadow: none !important;
    background-color: #000000;
    background: #000000 none !important;
    text-shadow: none !important;
    border-radius: 3px;
}
.deco_btn_item .common_btn.fit a {
    line-height: 2.6em;
    padding: 2px;
}
/* セレクト */
select + .select_dummy {
    color: #000000;
    background: none;
    border: 1px solid #808080;
    border-radius: 3px;
    padding: 0.4em;
    padding-left: 0.8em;
}
.deco_select_tri,
label.deco_select_tri {
    position: absolute;
    right: 1px;
    top: 1px;
    background: none;
    border-left: none;
    text-shadow: none;
    color: #000000;
    height: 97%;
    line-height: 3em;
    font-size: 10px;
}
#selectMenu select + .select_dummy {
    padding: 10px;
    border-radius: 3px;
}

#selectMenu .deco_select_tri {
    width: 35px;
    color: #808080;
    background: none;
    border: 0px;
    border-radius: 0px;
}
#selectMenu .deco_select_tri::before {
    top: 10px;
    border-width: 2px 5px 6px 5px;
    border-color: transparent transparent #808080 transparent;
}
#selectMenu .deco_select_tri::after {
    bottom: 10px;
    border-width: 6px 5px 0 5px;
    border-color: #808080 transparent transparent transparent;
}
#selectMenu .deco_select_tri::before,
#selectMenu .deco_select_tri::after {
   display: none;
}
select.cover {
    left: 0;
}
/* チェックボックス */
input[type=checkbox] {
    -webkit-appearance: none;
    display: block;
    height: 1em;
    margin: 0 0 0 10px;
    width: 1em;
    background: none;
    border: 1px solid #000000 !important;
}
input[type=checkbox]:checked:after {
    content: "";
    font-size: 10px;
    position: absolute;
    display: block;
    width: 1em;
    height: 1em;
    background: #000000;
    top: 3.5px;
    left: 3px;
    border-radius: 2px;
}
input[type=checkbox]:checked {
    background: none;
    box-shadow: none;
    position: relative;
}
/* ラジオボタン */
.default_input_area input[type=radio] {
    background: none;
    height: 1em;
    width: 1em;
}
.default_input_area input[type=radio]:checked {
    background: none;
    box-shadow: none;
    position: relative;
}
.default_input_area input[type=radio]:checked:after {
    width: 0.7em;
    height: 0.7em;
    background: #808080;
    top: 3px;
    left: 2.4px;
    border-radius: 2px;
}
#formType input[type=radio] {
    height: 1.5em;
    width: 1.5em;
    border-radius: 1em !important;
    background: none;
}
#formType input[type=radio]:checked {
    background: none;
    box-shadow: none;
}
#formType input[type=radio]:checked:after {
    width: 11px;
    height: 11px;
    background: #aaaaaa;
    top: 5px;
    left: 5px;
}
/* トグル */
.toggle {
    border: 1px solid #000000;
    box-shadow: none;
    background: #ffffff;
}
.toggle_box {
    background: #000000;
    box-shadow: none;
}
.toggle input[type="radio"]:checked + label {
    color: #000000;
}
/* ページャー*/
.pager_btn {
    color: #000000;
}
/* タブ切り替え */
.select_link .selected {
    background: #000000;
    box-shadow: none;
    color: #ffffff !important;
}
.select_link * {
    display: block;
    padding: 0.5em 0;
    border: 1px solid #000000;
}
.common_tab_list {
    background: #ffffff;
}
.common_tab_item.selected a,
.common_tab_item._selected a {
    color: #ffffff !important;
}
/* コンテンツラップ */
.content_wrap {
    border-bottom: none;
}
/* セクションパネル */
.common_tab_panel {
    padding: 10px;
}
/* 下線 */
.sep_line {
    border-bottom: 1px solid #ededed;
}
.btm_line {
    border-bottom: 1px solid #cfcfcf;
}
/* リストの装飾 */
section#userblogTopics .rank_list_item {
    border-bottom: 1px solid #ededed;
}
.rank_list_item {
    border-bottom: 1px solid #ededed;
}
.common_list_item {
    border-bottom: 1px solid #ededed;
}
.common_list_item:nth-child(even) {
    background: none;
}
.common_list .arrow {
    border-color: #000000;
}
.common_more .arrow {
    border-color: #000000;
}
.common_title {
    background: #ededed;
    padding: 0.8em 10px;
    color: #000000;
}
.common_title.second {
    color: #000000;
    background: #ededed;
    border-left: none;
}
.common_title.second .common_title_sub {
    color: #808080;
    text-shadow: none;
}
.common_title:before,
.common_title:after {
    background: none;
}
.common_title_sub {
    color: #808080;
    position: relative;
    text-shadow: none;
}
.common_title_sub:before,
.common_title_sub:after {
    background: #cccccc;
}
div.common_title_new.parent {
    background: #cccccc;
}
div.common_title_new.parent h2 {
    color: #808080;
}
div.common_title_new.child {
    background-color: #efefef;
}
div.common_title_new.child h2 {
    color: #ababab;
}
.rank_list .rank_list_item:nth-child(2n+2) {
    background: none;
}
.rank_list_item_sub a.box_list {
    border-bottom: 1px solid #ededed;
}
.more_color {
    background-color: #ededed !important;
}
.title_color {
    color: #808080;
    font-weight: bold;
    font-size: 13px;
}
.txt_color {
    color :#000000;
}
.column_frame {
    background-color: #ffffff;
}
.column_frame .title {
    color: #000000;
    background-color: #eeeeee;
}
/* シンプル導線リスト */
.simple_list {
    background: none;
    border: none;
    border: 2px solid #cccccc;
    border-radius: 5px;
}
.simple_list_item {
    border-bottom: 1px solid #ededed;
    background: #fff;
    padding: 13px 10px;
}
.simple_list_item a {
    padding: 0;
    color: #aaaaaa !important;
    font-size: 14px;
    font-weight: bold;
}
.simple_list span.arrow {
    color: #000000 !important;
}
/* リストの矢印 ">" */
.arrow {
    display: inline-block;
    height: 7px;
    width: 7px;
    border-top: solid 2px;
    border-right: solid 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    color: #000000 !important;
    margin: 0 2px;
}
/* ピックアップリスト */
.rank_list .arrow {
    border-color: #000000;
}
.AD_addClass_pickup {
    position: absolute !important;
    top: 80px;
    right: 15px;
}
/* ニュース */
.newsArticle_header {
    background-color: #ededed;
}
.category_tag {
    background: #cfcfcf;
    border-radius: 3px;
    padding: 2px 5px;
}
section#userblogTopics ul.common_tab_list {
    background: #ffffff;
}
.common_tab_item2.selected,
.common_tab_item2._selected {
    background: #000000;
}
section#userblogTopics .common_tab_item2 a {
    color: #000000;
}
.genre_list li:nth-child(4),
.genre_list li:nth-child(5),
.genre_list li:nth-child(6),
.genre_list li:nth-child(10),
.genre_list li:nth-child(11),
.genre_list li:nth-child(12) {
    background-color: #eeeeee;
}
/* ジャンルカテゴリリスト */
section.userBlogFooterNav nav.categoryLists div ul._hide {
    height: 4em;
}
nav.categoryLists ul li a {
    color: #aaaaaa !important;
}
nav.categoryLists span#more,
nav.categoryLists span#less {
    width: auto;
    color: #000000;
}
/* ジャンルで探す */
.modal_common h3 {
    background: #ededed;
}
.common_radio_btn label {
    border: 1px solid #aaaaaa;
}
.common_radio_btn input:checked+label {
    border: 2px solid #000000;
}
/* アルバムページ */
input[type="file"] {
    margin-left: 0;
    margin-top: 0;
    text-align: center;
    -webkit-appearance:none;
}
.file_area {
    -webkit-appearance: none;
}
.file_area .file_btn{
    top: 0;
    left: initial;
    right: 15px;
}
.common_btn.fit.file a {
    padding: 10px;
}
/* プロフィール編集ページ */
.pr > a.accordion_btn {
    display: block;
    background: #cfcfcf;
    border-radius: 20px;
    text-align: center;
    margin: 12px;
    padding: 10px;
}
/* プロフィールページ */
.user_prof_base {
    padding: 3px 10px;
}
.user_prof_base dt {
    background: #cfcfcf;
    border-radius: 3px 3px 0 0;
}
.user_prof_base dd {
    padding: 0.75em 1em;
    box-shadow: 0 2px 3px 0 #cccccc;
    border-radius: 0 0 3px 3px;
    background: #ffffff;
}
/* プロフィール画像設定ページ */
.comp_msg {
    margin: 10px auto 10px;
}
/* ブログ編集ページ */
.design_nav {
    background: #aaaaaa;
}
.settable_area .btn.inner.adj1 {
    top: 15px;
}
.user_header_image2 {
    height: auto;
}
.settable_area .btn.inner {
    top: 5px;
}
.setting_btn a, .setting_btn a:visited {
    padding: 1.5em;
}
section#menuContent {
    overflow: unset;
}
#menuContent {
    background: rgba(0,0,0,0.7);
}
.design_modal {
    background: #ffffff;
}
#scl_menu_wrapper{
    z-index: 100;
}
/* 自由入力欄編集ページ */
.tuto_btn {
    border-radius: 3px;
    background: #ededed;
    box-shadow: none;
    border: 1px solid #aaaaaa;
    width: 17px;
    height: 17px;
}
#free_area {
    border: 1px solid #cfcfcf;
}
.deco_btn_item {
     padding-left: 0px; 
     width: auto; 
}
/* 旧・記事投稿エディタ blogAdminArticleInsert.css */
.article_input_area input[type=radio]{
    background: none;
    height: 1.5em;
    width: 1.5em;
    border-radius: 1em !important;
}
.article_input_area input[type=radio]:checked {
    background: none;
    box-shadow: none;
    position: relative;
}
.article_input_area input[type=radio]:checked:after {
    background: #808080;
    width: 11px;
    height: 11px;
    top: 5px;
    left: 5px;
}
#formChangeArea .btn {
    background: #ededed;
    border: none;
}
/* blogAdmin.css */
.admin_list {
    background-color: #ededed;
}
/* 新・記事投稿エディタ blogAdmin.css */
#wrap {
    background: none;
}
#upperArea {
    border-bottom: 1px solid #cccccc;
    background: #ffffff !important;
}
#upperArea #faq {
    font-weight: bold;
    border: none;
    background: #cfcfcf;
}
#titleArea {
    width: 95%;
    height: 20px;
}
#edieArea {
    background: #ffffff !important;
    margin-bottom: -20px;
    padding-bottom: 60px;
}
#edieArea fieldset legend {
    color: #000000;
    font-size: 14px;
}
#edieArea .btn {
    padding: 10px;
    color: #000000;
    background: #ededed;
    border: none;
}
#align {
    border-radius: 3px;
    border: 1px solid #808080;
}
#align li {
    color: #000000;
}
#align li:not(:last-child) {
    border-right: none;
}
#align li._active {
    color: #6a6a6a;
    background-color: #cccccc;
}
#toConfirm {
    padding: 0;
}
#formChangeArea, #faqArea,
#previewArea, #linkviewArea,
#clearviewArea {
    box-sizing: border-box;
    border-top: 30px solid #ffffff;
    border-radius: 10px;
}
#detailArea input[type=radio] {
    height: 1.5em;
    width: 1.5em;
    border-radius: 1em !important;
}
#detailArea input[type=radio]:checked {
    background: #ffffff;
}
#detailArea input[type=radio]:checked::after {
    top: 5px;
    left: 5px;
    width: 11px;
    height: 11px;
    border-radius: 1em;
    background: #808080;    
}
#detailArea input[type=radio] + label {
    color: #aaaaaa;
}
#detailArea input[type=radio]:checked + label {
    color: #000000;
}
#edieArea .btn_close::before,
#edieArea .btn_close::after {
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
}
.detail_setting {
    border: none;
    background: #cfcfcf;
    border-radius: 30px;
}
#footerMenu {
    background: #000000;
}
#deco .ttl {
    color: #000000;
}
#deco .close_icon, #album .close_icon {
    background: #ededed;
    border-top: #aaaaaa;
}
#deco .close_icon::before,
#deco .close_icon::after,
#album .close_icon::before,
#album .close_icon::after {
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
}
#color li.none {
    color: #000000;
    border: 2px solid #aaaaaa;
}
#color li._active {
    border: 3px solid #000000 !important;
}
#font li {
    background: none;
    border: 2px solid #aaaaaa;
}
#font li._active {
    background: #ededed;
    border: 3px solid #000000 !important
}
#font li[data-font="bold"]{
    color: #909090;
}
#font li[data-font="bold"]._active {
    color: #000000;
}
#boldCheck .icon_image {
    border: 1px solid #909090;
}
#boldCheck input:checked + .icon_image {
    background: #ededed;
}
#boldCheck .icon_image::before,
#boldCheck .icon_image::after {
    background: #aaaaaa;
}
#boldCheck input:checked + .icon_image::before,
#boldCheck input:checked + .icon_image::after {
    background: #000000;
}
#album .parent_tab li {
    color: #808080;
    border-bottom: 1px solid #cccccc;
}
#album .child_tab {
    border-bottom: 1px solid #000000;
}
#album .child_tab li {
    color: #000000;
    border-top: 1px solid #808080;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}
#album .parent_tab li._active {
    color: #000000;
    border-bottom: 2px solid #000000;
}
#album .child_tab li._active {
    color: #000000;
    background: #ededed;
}
#album .pager_area .off {
    color: #000;
}
#album .pager_area .prev, #album .pager_area .next {
    border: 1px solid #808080;
}
#album .pager_area .on {
    background: #ededed;
}
/* メールアドレスを更新してください　モーダル */
#modalbox {
    border: 5px solid #cccccc;
}
/* userFront.css踏み倒し */
/* コメントページ */
.user_header_title {
    background-color: #cfcfcf;
}
.foot_bg_area {
    background: none;
}
/* フッターのページTOPにまきあがるボタン */
#scrollTop {
    height: 50px;
    width: 50px;
    border-radius: 30px;
}
#scrollTop a {
    color: #ffffff !important;
    position: relative;
    top: 5px;
}
.small_list_frame {
    background-color: #eeeeee;
}
.column_frame .genre_name {
    color: #000000;
}

/* 中央寄せ */
.center_item {
    text-align: center;
}
/* 右寄せ */
.right_item {
    text-align: right;
}
/* 左寄せ */
.left_item {
    text-align: left;
}
/* 下線 */
.underline {
    text-decoration: underline !important;
}
/* 隠す */
.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;
    border-top: 1px solid #aaaaaa;
    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 !important;
}
/* 前へ・次へボタン */
.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 !important;
    height: 70px !important;
    border: none;
    border-radius: 5px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
/* リストサムネイル画像 小サイズ */
.list_img_ss_space {
    width: 44px !important;
    height: 44px !important;
    border: none !important;
}
.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 {
    text-align: right;
    color: #ffffff !important;
}
.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;
}
.header_menu a {
    color: #ffffff;
    font-size: 14px;
    text-align: right;
}

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

/* --------------------------
        上部メニューリスト
   -------------------------- */
.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 !important;
    font-size: 15px !important;
}

/* --------------------------
        フッター
   -------------------------- */
.menu_area,
.footer_sns_link > ul {
    display: flex;
    justify-content: space-around;
}
.menu_icon {
    margin: 0 31px 0;
}
.sns_link_title {
    color: #ffffff !important;
}
.footmenu a {
    color: #ffffff !important;
}

/* --------------------------
        トップページ
   -------------------------- */
/* CROOZ blogをはじめようボタン */
.start_croozblog {
    padding: 24px 0 24px;
    text-align: center;
    border-bottom: 1px solid #dfdfdf;
}
.start_croozblog_button {
    width: 85%;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px;
}
/* セクションラップ */
.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;
}
.box_list_main {
    flex-grow: 2;
    flex-basis: 100%;
}
.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 !important;
    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 !important;
    height: 70px !important;
    border-radius: 5px !important;
    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 !important;
    height: 65px !important;
    border-radius: 5px;
}
.more_view_user_img > div {
    width: 65px !important;
    height: 65px !important;
    border-radius: 5px;
}
/* 矢印 ">" */
.arrow rank_list_arrow {
    color: #000000 !important;
}

/* --------------------------
        おすすめトピックス
   -------------------------- */
.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;
}
.common_tab_item a {
    color: #000000 !important;
}
._selected > a._tab {
    color: #ffffff !important;
}
.common_tab_item.selected,
.common_tab_item._selected {
    background: #4a4a4a;
    border: 1px solid #4a4a4a;
    position: relative;
    border-radius: 3px;
    border-bottom: none;
    padding: 0;
    box-shadow: none;
}

/* --------------------------
        人気記事リスト
   -------------------------- */
.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 !important;
    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;
}
.blog_list_username {
    font-size: 12px;
    color: #bbbbbb !important;
}

/* --------------------------
        個人ブログトップ
   -------------------------- */
/* ユーザートップ画像 */
.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% auto;
    position: relative;
    overflow: hidden;
}
.top_img_area > img {
    width: 100%;
    height: auto;
    opacity: 0;
}
.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 !important;
    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 !important;
    height: 54px !important;
    border-radius: 50px !important;
    border: none !important;
}
.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 !important;
    height: 44px !important;
    border-radius: 50px !important;
    border: none !important;
}
.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 !important;
    font-size: 11px;
    padding: 3px 0 0;
}
/* フォロー数・購読数部分 */
.user_blog_follow {
    display: table;
    table-layout: fixed;
}
.user_blog_follow > p {
    display: table-cell;
    /*width: 65px;*/
    /*padding: 0 5px;*/
    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;
}
/* userFront.css踏み倒し */
.user_blog_data_list_item.none {
    padding: 0.5em 8px;
    border-bottom: none;
}
.user_blog_data_list_item .label {
    padding-right: 10px;
    font-weight: normal;
}
.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 !important;
    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 !important;
    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 !important;
}
.user_article_area {
    color: #000000 !important;
}

/* --------------------------
        記事一覧
   -------------------------- */
/* 記事一覧リスト　帯部分 */
.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 !important;
}

/* --------------------------
        記事ページ
   -------------------------- */
/* ページ上部 */
.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 !important;
}
/* 同じカテゴリの記事一覧リスト */
.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: 95%;
    height: 39px;
    box-sizing: border-box;
    border: 2px solid #606060;
    border-radius: 20px;
    margin: 0 auto;
    position: relative;
}
.hash_search_input {
    width: 85%;
    height: 20px;
    border: none !important;
    font-size: 15px;
    line-height: initial;
    background: none;
}
input::-webkit-input-placeholder {
    line-height: 1.286;
}
.hash_search_input_area > i {
    color: #808080;
}
.hash_search_button {
    width: 53px;
    height: 35px;
    font-size: 13px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #606060;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
}
/* ハッシュリスト */
.hash_list {
    margin: 10px 10px 0;
    height: 68px;
    overflow: hidden;
}
.hash_list li {
    display: inline-block;
    background-color: #808080;
    margin: 2px;
    padding: 5px 8px;
    border-radius: 5px;
}
a.hash {
    color: #ffffff !important;
}
/* 探すトップ ハッシュリスト */
.tags_hash_list {
    margin: 10px 10px 0;
}
.tags_hash_list li {
    display: inline-block;
    background-color: #808080;
    margin: 2px;
    padding: 5px 8px;
    border-radius: 5px;
}
.first_tag {
    color: #808080 !important;
    background: #ffffff;
    border-radius: 5px;
    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% !important;
    padding: 10px !important;
}
.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 !important;
    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 {
    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: 32px;
    height: 26px;
    top: 0 !important;
    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 !important;
    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;
}

/* --------------------------
        記事を書くエディタ
   -------------------------- */
.blog_editor_items {
    text-align: center;
    padding: 20px;
}
.blog_editor_form_item_area {
    padding: 10px 0;
}
.blog_editor_form_item_label {
    font-weight: bold;
    display: block;
    text-align: left;
    margin: 15px 0;
}
/* タグ追加フォーム */
.blog_editor_input {
    width: 95%;
    padding: 10px;
}
.blog_editor_select {
    width:60%;
}
/* ボタン */
.blog_editor_button {
    width: 95%;
    margin: 10px 0 3px;
}
/* 横並びにしたいボタン */
.blog_editor_button_inline {
    display: inline;
    width: 35%;
    font-size: 14px;
    color: #ffffff;
    background-color: #000000;
    border: none;
    border-radius: 3px;
    padding: 10px;
    margin: 10px 0 0 5px;
}
.blog_editor_button_inline_small {
    width: 18%;
}
/* ハッシュタグテキストエリア */
.textarea_article_tag {
    overflow-y: hidden;
    overflow-x: scroll;
    resize: none;
    height: 36px !important;
}
/* もっと詳しく見る */
.more_detail_settings_content {
    background-color: #cfcfcf;
    border: 0px solid #aaaaaa;
    border-radius: 20px;
    padding: 10px;
}
#more_detail_settings_content {
    display: none;
}
/* 画像アップロードリスト */
/* タブ切り替え */
.ctrls_radios {
    display: none;
}
.blog_editor_img_upload_tabs {
    background: #ffffff;
    margin: 15px 0 0;
    display: flex;
    justify-content: center;
}
.tabs_label {
    text-align: center;
    font-size: 14px;
    padding: 5px;
    width: 20%;
}
.blog_editor_img_upload_tabs_item {
    text-align: center;
    font-size: 14px;
    padding: 5px;
    margin: 0 -1px -1px;
    width: 20%;
}
/* アクティブタブの切り替え */
#tabs_1_ctrl:checked ~ .blog_editor_img_upload_tabs li.tabs_1_ctrl,
#tabs_2_ctrl:checked ~ .blog_editor_img_upload_tabs li.tabs_2_ctrl,
#tabs_3_ctrl:checked ~ .blog_editor_img_upload_tabs li.tabs_3_ctrl,
#tabs_4_ctrl:checked ~ .blog_editor_img_upload_tabs li.tabs_4_ctrl {
    background-color: #ffffff;
    border: 1px solid #000000;
    border-bottom: none;
    border-radius: 3px 3px 0 0 !important;
    padding: 4px;
    margin-right: 0;
}
.blog_editor_img_upload_content {
    display: none;
}
/* アクティブタブと連動させて表示するコンテンツ */
#tabs_1_ctrl:checked ~ .blog_editor_img_upload_content_photo,
#tabs_2_ctrl:checked ~ .blog_editor_img_upload_content_decomail,
#tabs_3_ctrl:checked ~ .blog_editor_img_upload_content_minideco,
#tabs_4_ctrl:checked ~ .blog_editor_img_upload_content_decopic {
    display: block;
    border-top: 1px solid #000000;
}
.blog_editor_img_upload_content_decopic .section_main ul li {
    display: inline-block;
    border: none;
    padding: 10px 0;
    margin: 0 15px;
}
/* 画像リスト */
.blog_editor_img_upload_list {
    padding: 25px 0;
}
.blog_editor_img_upload_list li {
    padding: 20px 0;
    border-top: 1px solid #dfdfdf;
    display:flex;
    justify-content: center;
    align-items: center;
}
.blog_editor_img_upload_list li + div {
    width: 50%;
}
.blog_editor_img_upload_button {
    display: block;
    width: 120px;
    border: 1px solid #000000;
    border-radius: 3px;
    background-color: #ffffff;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    padding: 5px;
    margin: 10px 0 0 10px;
}
/* 確認画面　リンク下線を表示させる */
#prev_area a {
    text-decoration: underline;
}
#previewArea ._inner a {
    color: #000000;
    text-decoration: underline;
}

/* --------------------------
    　ランキング
-------------------------- */
.rank_wrap.rank_all {
    position: absolute;
    bottom: 5px;
    left: 17%;
    font-size: 12px;
    font-weight: bold;
    font-family: monospace;
    font-style: italic;
    color: #606060;
    z-index: 2;
}
/* AccessCounterのページ */
.myranking_btn {
    background: #000000;
    border: none;
}
.myranking_btn a {
    color: #ffffff !important;
}

@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;
    }
}
/* 768：iPad縦 または iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {
}
/* 920：PC（デスクトップ/タブレット横） */
@media screen and (min-width: 768px) { 

    }
/*　920以上：PC（デスクトップ）*/
@media screen and (min-width: 920px) {

    }