@charset "UTF-8";

/* ----------------------------------------
マイページ
blogAdmin.cssのクラス内容上書き
---------------------------------------- */
/* ブログテーマを書こう */
.admin_list {
    background-color: #ededed;
}
/* 自由入力欄編集ページ */
.tuto_btn {
    width: 17px;
    height: 17px;
    color: #4a4a4a;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #4a4a4a;
    border-radius: 3px;
    background: #ededed;
    box-shadow: none;
}
.deco_btn_item {
    padding-left: 0px; 
    width: auto; 
}
.deco_btn_item .common_btn.fit a {
    display: block;
    font-size: 13px;
    line-height: 2.6em;
    padding: 2px;
    text-shadow: none;
}
/* ジャンルで探す */
.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"] {
    width: 65%; 
    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;
}
/* ----------------------------------------
ブログ編集（デザイン設定）
blogAdminDesign.css一部上書き
---------------------------------------- */
#free_area {
    display: block;
    color: #666666;
    font-size: 18px;
    font-weight: bold;
    padding: 3.5em 0;
    border: 1px solid #cfcfcf;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 1;
}
.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 {
    color: #666666;
    text-align: center;
    text-decoration: none;
    padding: 1.5em;
    z-index: 2;
}
section#menuContent {
    overflow: unset;
}
#menuContent {
    background: rgba(0,0,0,0.7);
}
#menuContent .common_btn.fit a {
    line-height: 1em;
    color: #ffffff;
    font-size: 16px;
    display: block;
    padding: 0.6em 1em;
}
.design_modal {
    color: #000000;
    background: #ffffff;
}
#scl_menu_wrapper{
    z-index: 100;
}
/* ----------------------------------------
旧・記事投稿エディタ
blogAdminArticleInsert.css一部上書き
---------------------------------------- */
#titleArea {
    width: 100%;
    height: 35px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #808080;
}
#inputArea {
    display: block;
    width: 100%;
    height: 120px;
    margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #808080;
    box-sizing: border-box;
}
.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;
}
/* ----------------------------------------
新・記事投稿エディタ
blogAdminArticleInsertRich.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;
    margin-bottom: -20px;
    padding-bottom: 60px;
}
#edieArea fieldset legend {
    color: #000000;
    font-size: 14px;
}
#edieArea .btn {
    padding: 10px;
    color: #000000;
    background: #ededed;
    border: none;
}
/* ハッシュタグテキストエリア */
.textarea_article_tag {
    overflow-y: hidden;
    overflow-x: scroll;
    resize: none;
    height: 19px;
}
#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;
}
/*プレビュー*/
#previewArea ._inner a {
    color: #000000;
    text-decoration: underline;
}
/* セレクト */
#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;
}
#detailArea input[type=radio] {
    height: 1.5em;
    width: 1.5em;
    border-radius: 1em;
}
#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;
}
/* ----------------------------------------
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;
}
.user_header_image2 img { /*プロフ画像がNOIMAGEのときに崩れるのを防止*/
    width: inherit; /*newCSSのuser_profile_imgに従う*/
    height: auto;
    display: block;
}
/* コメントページ */
.user_header_title {
    background-color: #cfcfcf;
}
.foot_bg_area {
    background: none;
}
/* ----------------------------------------
userFrontArticle.css一部上書き
---------------------------------------- */
/* 公開アルバムページ */
.small_list_frame {
    background-color: #eeeeee;
    border-radius: 10px;
    box-shadow: none;
    margin-left: 10px;
    margin-right: 10px;
}
.small_link_list + * {
    border-top: 1px solid #dfdfdf;
}
.small_link_list_item {
    border-bottom: 1px solid #dfdfdf;
    line-height: 16px;
}
.small_link_list_item .box_list {
    text-decoration: none;
    padding: 10px;
    color: #000000;
}
.list_no_btm li:last-child {
    border-bottom: none;
}
.small_link_list_arrow{
    margin: 0 0.25em;
    border-color: #000000;
}
.footer_arrow {
    display: block;
    height: 7px;
    width: 7px;
    border-top: solid 2px;
    border-right: solid 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    color: #000000;
}
/*公開アルバムページのプロフィール詳細*/
.column_frame {
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    margin-left: 10px;
    margin-right: 10px;
}
.column_frame .title:first-child {
    border-radius: 10px 10px 0 0;
}
.column_frame .title{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    position: relative;
    color: #000000;
    background-color: #eeeeee;
}
.column_frame .genre_name {
    color: #000000;
}
/* ----------------------------------------
blogAdminArticleEdit.css一部上書き
---------------------------------------- */
/* 記事編集ページ */
#formType {
    width: 95%;
    margin: 0 auto; 
    -webkit-box-pack: justify;
    box-pack: justify;
}
/* ----------------------------------------
blogAdminInfo.cssのクラス内容上書き
---------------------------------------- */
/* AccessCounter */
.myranking_btn {
    background: #000000;
    border: none;
}
.myranking_btn a {
    color: #ffffff !important;
}