@charset "utf-8";
/*
Theme Name: moeyo
Description: moeyo sp
*/


@media screen and (max-width: 767px) {

    .m-pc {
        display: none !important;
    }

    .m-sp {
        display: block !important;
    }

    body {
        padding: 0;
    }

    /*===================================■ h1 h2 h3 ■===================================*/

    h1 {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        font-size: clamp(15px, 4vw, 18px);
        font-weight: 700;
        text-shadow: 0 2px 1px #fff;
    }

    h2 {
        font-size: clamp(15px, 4vw, 18px);
        color: #FFF;
        vertical-align: middle;
        margin: 0;
        padding: 0;
    }

    h3 {
        width: 100%;
        margin: 0;
        padding: 5px;
        font-weight: 700;
        line-height: 1.5;
        font-size: 15px;
        background: #e3e3e3;
        box-sizing: border-box;
    }

    /*===================================■ ヘッダー ■===================================*/

    .l-header {
        position: relative;
        max-width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        gap: 30px;
        width: 100%;
        padding: 2px 0;
        justify-content: center;
        background: #5db6bd;
    }

    .l-header_logo {
        max-width: 110px;
        margin: 0 auto;
        padding: 8px 0 2px 0;
        font-size: 12px;
        font-weight: 100;
    }

    .l-header_banner {
        display: none;
    }

    /*===================================■ nav ■===================================*/

    nav {
        width: 100%;
        text-align: center;
        border-bottom: none;
        margin-top: 2px;
    }

    nav ul {
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }

    nav li {
        width: calc(100% / 3);
        height: 40px;
    }

    nav li a {
        width: 100%;
        height: 100%;
        font-size: clamp(14px, 1.5625vw, 16px);
        text-align: center;
        text-decoration: none;
        color: #fff;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    nav .nav_01 {
        background-color: #ff9e21;
    }

    nav .nav_02 {
        background-color: #e2467e;
    }

    nav .nav_03 {
        background-color: #5f9dd2;
    }

    nav .nav_04 {
        background-color: #df8062;
    }

    nav .nav_05 {
        background-color: #56d290;
    }

    nav .nav_06 {
        background-color: #78bed1;
    }

    nav .nav_07 {
        display: none;
    }

    nav .nav_01_on {
        background-color: #ff9e21;
    }

    nav .nav_02_on {
        background-color: #e2467e;
    }

    nav .nav_03_on {
        background-color: #5f9dd2;
    }

    nav .nav_04_on {
        background-color: #df8062;
    }

    nav .nav_05_on {
        background-color: #56d290;
    }

    nav .nav_06_on {
        background-color: #78bed1;
    }

    nav li:last-child a {
        border: none;
    }

    /*===================================■ フッター ■===================================*/

    .l-footer_banner {
        display: none;
    }

    nav .l-footer_nav_01 {
        background-color: #ff9e21;
    }

    nav .l-footer_nav_02 {
        background-color: #e2467e;
    }

    nav .l-footer_nav_03 {
        background-color: #5f9dd2;
    }

    /*===================================■ カラム ■===================================*/

    #wrap {
        width: 100%;
    }

    #left {
        display: none;
    }

    #main {
        width: 100%;
        padding: 15px 0;
        text-align: left;
    }

    #right {
        display: none;
    }

    /*===================================■ 上部共通 ■===================================*/

    .top_edit {
        padding: 10px;
    }

    .top_banner {
        width: calc(100% - 20px);
        margin: 15px auto 10px;
        display: flex;
        gap: 0;
        justify-content: center;
    }

    .top_banner iframe {
        display: block;
        width: 100%;
        height: 100%;
    }

    /*===================================■ メイン ■===================================*/

    .main_container {
        width: 100%;
    }

    .main-title {
        width: 100%;
        padding: 2%;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .main-title,
    .main-title.new {
        background-color: #ff9e21;
    }

    .main-title.figures {
        background-color: #e2467e;
    }

    .main-title.model {
        background-color: #5f9dd2;
    }

    .main-title.cosplay {
        background-color: #df8062;
    }

    .main-title.event {
        background-color: #56d290;
    }

    .main-title.news {
        background-color: #af65e2;
    }

    .main-title.popular, .main-title.release {
        background-color: #78bed1;
    }

    .main-title.title_gray, .main-title.comment {
        background-color: #848484;
    }

    .main-title_wrap .new {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .main-title_logo {
        width: 20px;
        height: 20px;
    }

    .description {
        padding: 10px;
    }

    .main_page-contents {
        background: #efefef;
    }

    /*===================================■ 広告 ■===================================*/

    .ad {
        margin: 10px 0;
        text-align: center;
        display: none;
    }

    /*===================================■ 記事一覧 ■===================================*/

    .article {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
    }

    .article_container {
        width: 100%;
        padding: 10px 0;
        box-sizing: border-box;
    }

    .article_inner {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 5px;
        width: 100%;
        box-sizing: border-box;
    }

    .article_cat {
        width: fit-content;
        max-width: 130px;
        min-width: 80px;
        padding: 0 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 11px;
        color: #fff;
        font-weight: bold;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }

    .article_cat.figures {
        background-color: #e2467e;
    }

    .article_cat.model {
        background-color: #5f9dd2;
    }

    .article_cat.cosplay {
        background-color: #df8062;
    }

    .article_cat.event {
        background-color: #56d290;
    }

    .article_cat.popular {
        background-color: #548592;
    }

    .article_cat.book {
        background-color: #d59dfa;
    }

    .article_cat.game {
        background-color: #5e33ed;
    }

    .article_cat.news {
        background-color: #af65e2;
    }

    .article_cat.release {
        background-color: #f8d86e;
    }

    .article_cat_news {
        background-color: #af65e2;
        position: relative;
    }

    .article_title {
        width: 100%;
        margin: 0;
        font-size: 15px;
        line-height: 1.4;
        color: #000000;
    }

    .article_contents {
        display: flex;
        gap: 10px;
        font-size: 14px;
        line-height: 20px;
        color: #373737;
    }

    .article_contents .addtoany_share_save_container {
        display: none;
    }

    .article_thumbnail {
        display: block;
        width: 70%;
        max-width: 210px;
        position: relative;
        overflow: hidden;
    }

    .article_thumbnail::before {
        content: "";
        display: block;
        padding-top: 75%;
    }

    .article_thumbnail img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .article_excerpt {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        color: #373737;
    }

    .article_footer {
        clear: both;
        margin-top: 20px;
        padding: 10px 0;
        border-top: 1px #bcbcbc dashed;
        border-bottom: 1px #bcbcbc solid;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 5px;
    }

    .article_taglist {
        display: block;
        text-align: right;
    }

    .article_taglist a {
        white-space: nowrap;
    }

    .article_coments {
        display: block;
        text-align: right;
    }

    .article_more {
        width: 100%;
        text-align: center;
        padding: 10px 0 20px;
        border-bottom: 1px #bcbcbc solid;
    }

    .article_more_button {
        display: block;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        padding: 5px;
        background-color: #af65e2;
        border-radius: 6px;
        cursor: pointer;
    }

    .more .article_more_button {
        background-color: #ff9e21;
    }

    /*===================================■ 投稿 ■===================================*/

    .post_head img,
    .post_detail img,
    .post_detail table {
        max-width: 100%;
        width: revert-layer;
        height: auto;
    }

    .post_head {
        border-bottom: 1px #bcbcbc solid;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .post_date {
        margin-top: 10px;
        padding: 0 10px;
        text-align: right;
        font-size: 10px;
        color: #9d9d9d;
    }

    .post_title {
        padding: 0 10px;
        font-weight: 700;
        font-size: 14px;
        line-height: 1.5;
        color: #373737;
        margin: 0;
    }

    .post_taglist {
        padding: 10px;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .post_taglist a {
        background: #ddd;
        display: inline-block;
        padding: 4px 7px;
        border-radius: 6px;
        color: #333;
        font-size: 13px;
        font-weight: 600;
    }

    .post_contents {
        display: block;
        padding: 10px;
    }

    .post_contents .thumbnail {
        display: block;
        width: fit-content;
        height: auto;
        margin-bottom: 10px;
    }

    .post_detail {
        padding: 10px;
    }

    .post_detail .colorbox {
        display: block;
        margin: 10px;
    }

    .post_footer {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .post_detail .article_head img {
        padding: 0;
        position: relative;
    }

    .post_detail .article_head {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    /*===================================■ 記事詳細ページ ■===================================*/

    .article_detail {
        width: 100%;
        color: #000;
    }

    .article_detail .text {
        clear: both;
        padding: 10px;
    }

    .article_detail b {
        line-height: 1.2;
    }

    .article_detail img {
        max-width: 100%;
        height: auto;
        margin-right: 5px;
        vertical-align: bottom;
    }

    .article_detail .purchase_amazon,
    .article_detail .purchase_amiami,
    .article_detail .purchase_rakuten {
        display: inline-block;
        margin: 10px;
        margin-left: 0;
    }

    .article_detail .purchase_amazon a {
        background: #333;
        padding: 2px 5px;
        color: #fff;
    }

    .article_detail .purchase_amiami a {
        background: #f45101;
        padding: 2px 5px;
        color: #fff;
    }

    .article_detail .purchase_rakuten a {
        background: #c00;
        padding: 2px 5px;
        color: #fff;
    }

    .article_detail .kanren_border {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .article_detail h3.heading,
    .gray_heading {
        margin: 10px 0 5px;
        padding: 5px 10px;
        background: #e3e3e3;
        line-height: 1.4;
        font-size: 15px;
        color: #000;
        box-sizing: 0;
    }

    .article_detail blockquote {
        width: auto;
        margin: 10px;
        margin-left: 0;
        padding: 10px;
        border: 1px solid #666;
        background: #f6f6f6;
        font-size: 12px;
        line-height: 1.5;
    }

    .article_detail .info-table {
        padding: 10px;
        margin: 10px 0;
        background-color: #e3e3e3;
        font-size: 14px;
        line-height: 1.54;
    }

    /* around image */
    .article_detail .pict-comment {
        display: flex;
        gap: 5px;
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .article_detail .pict-comment a,
    .article_detail .pict-comment a:link,
    .article_detail .pict-comment a:visited {
        color: #FFD700;
    }

    .article_detail .quarter {
        max-width: 100%;
        width: 133px;
        padding: 5px;
        background-color: #349800;
        color: white;
    }

    .article_detail .two-fourths {
        max-width: 100%;
        width: 242px;
        padding: 5px;
        background-color: #349800;
        color: white;
    }

    .article_detail .three-fourths {
        max-width: 100%;
        width: 367px;
        padding: 5px;
        background-color: #349800;
        color: white;
    }

    .article_detail .four-fourths {
        max-width: 100%;
        width: 100%;
        padding: 5px;
        background-color: #349800;
        color: white;
    }

    .article_detail .third {
        max-width: 100%;
        width: 180px;
        padding: 5px;
        background-color: #349800;
        color: white;
    }

    .article_detail .two-thirds {
        max-width: 100%;
        width: 328px;
        padding: 5px;
        background-color: #349800;
        color: white;
    }

    .article_detail .three-third {
        max-width: 100%;
        width: 100%;
        padding: 5px;
        background-color: #349800;
        color: white;
    }

    .article_detail .half {
        max-width: 100%;
        width: 274px;
        padding: 5px;
        text-align: center;
        background-color: #349800;
        color: white;
    }

    .article_detail .two-second {
        max-width: 100%;
        width: 100%;
        padding: 5px;
        background-color: #349800;
        color: white;
    }

    .article_detail .one {
        max-width: 100%;
        width: 100%;
        padding: 5px;
        background-color: #349800;
        color: white;
    }

    .article_detail .space {
        width: 8px;
    }

    .article_detail .space2 {
        width: 0px;
    }

    .article_detail .clear {
        clear: both;
    }

    .post_detail .colorbox {
        display: inline-block;
        margin: 2px;
    }

    .post_detail .colorbox img {}

    /*===================================■ 記事一覧のある投稿詳細 ■===================================*/


    .post_detail .article {
        /* margin-top: -50px; */
        margin: 10px 0;
        padding: 0;
        border-bottom: none;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .post_detail .article .title {
        width: 100%;
        margin: 0;
        display: flex;
        gap: 10px;
    }

    .post_detail .article .title::before,
    .post_detail .article .title.news::before {
        content: "ニュース";
        background-color: #af65e2;
        height: fit-content;
        margin-top: 4px;
        font-size: 11px;
        line-height: 1.5;
        color: #fff;
        font-weight: bold;
        padding: 0 5px;
        white-space: nowrap;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .post_detail .article .title.figures::before {
        content: "フィギュア";
        background-color: #e2467e;
    }

    .post_detail .article .title.model::before {
        content: "模型・プラモ";
        background-color: #5f9dd2;
    }

    .post_detail .article .title.cosplay::before {
        content: "コスプレ";
        background-color: #df8062;
    }

    .post_detail .article .title.event::before {
        content: "イベント";
        background-color: #56d290;
    }

    .post_detail .article .title.popular::before {
        content: "人気";
        background-color: #548592;
    }

    .post_detail .article .title.book::before {
        content: "ブック";
        background-color: #d59dfa;
    }

    .post_detail .article .title.game::before {
        content: "ゲーム";
        background-color: #5e33ed;
    }

    .post_detail .article .title.release::before {
        content: "リリース";
        background-color: #f8d86e;
    }

    .post_detail .article .title a {
        font-weight: 700;
        font-size: 14px;
        line-height: 1.5;
        color: #e3740a;
    }

    .post_detail .article p {
        margin: 0;
        padding: 0;
        font-size: 12px;
        line-height: 1.54;
    }

    .post_detail .article .thumbnail {
        padding: 0 0 10px 0;
    }

    .post_detail .article .article_footer {
        margin-top: 0;
        padding: 5px 0;
        padding-bottom: 10px;
        gap: 2px;
    }

    .post_detail .article .post-categories {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
        gap: 3px;
        margin-bottom: 5px;
    }

    .post_detail .article .post-categories a {
        white-space: nowrap;
    }

    /*===================================■ 人気記事一覧 ■===================================*/

    .article-popular_contents {
        padding: 10px 0;
        border-bottom: 1px #bcbcbc solid;
    }

    .article-popular_thumbnail a {
        display: block;
        width: 100%;
        height: 100%;
    }

    /*===================================■ カテゴリ一覧 ■===================================*/

    .category_list {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .category_list_item {
        border-bottom: 1px solid #cacbcf;
    }

    .category_link {
        position: relative;
        display: flex;
        gap: 10px;
        padding: 16px 10px 16px 24px;
        font-size: 15px;
        font-weight: bold;
    }

    .category_link::before {
        flex-shrink: 0;
        display: block;
        content: '';
        box-sizing: border-box;
        transform: rotate(45deg);
        width: 10px;
        height: 10px;
        border-top: 2px solid #ccc;
        border-right: 2px solid #ccc;
        align-self: center;
    }

    /*===================================■ 個別ページ ■===================================*/

    .page_detail {
        padding: 10px;
    }

    .page, .page_table, .page_main, .page_container, .page_contents {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .page_table_title {
        color: #373737;
    }

    .page_table_list-item a {
        text-decoration: underline;
        font-size: 12px;
    }

    .page_contents a {
        text-decoration: underline;
    }

    .page-link .page_contents a {
        text-decoration: none;
    }

    .page_title {
        margin: 20px -10px 0;
        padding: 5px 10px;
        background: #e3e3e3;
        line-height: 1.4;
        font-size: 17px;
        color: #000;
    }

    .page_contents b {
        font-size: 14px;
    }

    .page_contents_notice {
        padding: 10px;
        background-color: #cacaca;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    /*===================================■ ページ先頭へ ■===================================*/

    .top_link {
        height: 28px;
        width: 140px;
        display: block;
        margin: 10px 10px 10px auto;
        background: url(/images/sp/arrow_01.png) no-repeat left #efefef;
        background-size: 18px 18px;
        background-position: 10px 50%;
        border: 1px #FFF solid;
        -webkit-box-shadow: 0px 2px 2px #919191;
        -moz-box-shadow: 0px 2px 2px #919191;
        box-shadow: 0px 2px 2px #919191;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
    }

    .top_link a {
        height: 23px;
        padding: 5px 0 0 33px;
        display: block;
    }

    .margin {
        margin: 20px 10px 0 auto !important;
    }


    /*===================================■ 検索フォーム ■===================================*/
    /* 
    .search {
        padding: 20px 0;
        text-align: center;
        background: -moz-linear-gradient(#fcfcfc, #eeeeee);
        background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#eeeeee));
        border-top: 1px #9a9a9a solid;
        border-bottom: 1px #cacaca solid;
    }

    #keywords {
        width: 75%;
        height: 40px;
        border-top: 1px #cacaca solid;
        border-left: 1px #cacaca solid;
        border-right: none;
        border-bottom: 1px #cacaca solid;
        border-radius: 8px 0 0 8px;
        -webkit-border-radius: 8px 0 0 8px;
        -moz-border-radius: 8px 0 0 8px;
        -webkit-box-sizing: border-box;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
    }

    .btn_search {
        width: 60px;
        height: 40px;
        text-indent: -99999px;
        background: url(/images/sp/search.png) no-repeat, -moz-linear-gradient(#fcfcfc, #e4e4e4);
        background: url(/images/sp/search.png) no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e4e4e4));
        background-position: 50% 50%;
        border: 1px #cacaca solid;
        border-radius: 0 8px 8px 0;
        -webkit-border-radius: 0 8px 8px 0;
        -moz-border-radius: 0 8px 8px 0;
    }

    .change {
        margin: 10px 0 20px 0;
        text-align: center;
    }

    .change .on {
        color: #ababab;
    } */

    /*===================================■ 前へ 次へ ■===================================*/
    .post-pager {
        width: 100%;
        padding: 10px;
        margin-bottom: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
        box-sizing: border-box;
    }

    .post-pager__prev,
    .post-pager__home,
    .post-pager__next {
        height: 30px;
    }

    .post-pager__home {
        width: 50px;
        flex-shrink: 0;
    }

    .post-pager__home a {
        border-radius: 4px;
    }

    .post-pager__home img {
        width: 20px;
        height: 20px;
    }

    .post-pager__next,
    .post-pager__prev {
        width: 100%;
    }

    .post-pager__prev a {
        border-radius: 4px 0 0 4px;
    }

    .post-pager__next a {
        border-radius: 0 4px 4px 0;
    }

    .post-pager a {
        width: 100%;
        height: 100%;
        background-color: #e3e3e3;
        color: #333;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /*===================================■ アフィリエイトバナー ■===================================*/

    .affiliate {
        display: flex;
        flex-wrap: wrap;
        margin: -8px -4px 0;
        padding: 0 10px;
        /* border-top:1px #cacaca solid; */
    }

    .affiliate .amiami img {
        width: auto;
        height: 26px;
    }

    .affiliate .other {
        position: relative;
        margin: 10px 3px 0 3px;
    }

    .affiliate .other img {
        display: block;
    }

    .affiliate .other span {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 0 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #3366FF;
        font-size: 20px;
        line-height: 1.5;
    }

    .affiliate .other a {
        display: block;
        /* height:17px; */
        width: 100%;
    }

    .article_banner_bottom {
        margin: 30px auto 0;
        padding: 0 10px;
        position: relative;
    }


    /*===================================■ コメント欄 ■===================================*/

    .comment_wrap {
        padding: 10px;
        border-bottom: 1px #cacaca solid;
    }

    .comment_wrap .name {
        margin: 0;
        padding: 0 0 10px 0;
    }

    .comment_wrap .name span {
        font-size: 70%;
    }

    .comment_wrap .time {
        padding: 0 !important;
        text-align: right;
        font-size: 70%;
        color: #9d9d9d;
    }


    /*===================================■ コメント入力欄 ■===================================*/

    .comment-reply-title {
        display: none;
    }

    .comment_form {
        padding: 10px 0;
        background-color: #f8f8f8;
    }

    .comment-respond {
        padding: 0 10px 0 10px;
    }

    .comment-form>div {
        padding: 15px 0 0 0;
    }

    .comment_form input[type="text"],
    .comment_form textarea {
        width: 100%;
        box-sizing: border-box;
        margin-top: 5px;
        border-radius: 0;
        border: 1px solid #ababab;
        padding: 5px;
        resize: none;
    }

    .comment_form label {
        font-size: 16px;
    }

    .comment_form .badge-required {
        background-color: #f23b6f;
        color: #fff;
        font-size: 10px;
        padding: 2px 4px;
        vertical-align: text-top;
        margin-right: 4px;
    }

    .comment_form .form-submit input {
        width: 100%;
        padding: 6px 0 4px 0;
        appearance: none;
        border: none;
        border-radius: 6px;
        background-color: #ff9e21;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
    }

    .form-submit {
        margin: 10px;
        text-align: center;
    }

    /*===================================■ 下部メニュー ■===================================*/

    .continuation {
        padding: 16px 10px 0;
    }

    .ad_sp_bn {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        padding: 20px 0;
    }

    .ad_sp_bn div {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .btn-border {
        display: block;
        max-width: 300px;
        text-align: center;
        margin: 40px auto;
        border: 2px solid #9ec34b;
        font-size: 16px;
        color: #fff;
        background-color: #9ec34b;
        text-decoration: none;
        font-weight: bold;
        padding: 8px 16px;
        border-radius: 4px;
        transition: .4s;
    }

    .btn-border:hover {
        background-color: #fff;
        border-color: #9ec34b;
        color: #9ec34b;
    }

    .affiliate .affiliate-banner {
        width: calc(50% - 8px);
        float: none;
        margin: 8px 4px 0 4px;
    }

    .affiliate .affiliate-banner span {
        font-size: 15px;
    }

    .affiliate .affiliate-banner img {
        width: 100%;
        height: auto;
    }

    /* ファンティアへの誘導 */
    .article_detail .to-fantia {
        text-align: center;
        margin: 20px 0 30px;
        font-weight: 600;
        font-size: 14px;
        background: #fff;
        padding: 10px;
    }

    .article_detail .to-fantia a {
        color: #690;
    }

    /* アマゾン */
    .amazonfeed_title {
        margin: 0;
        padding: 10px 10px 0 10px;
        font-weight: 700;
        font-size: 13px;
        font-weight: bold;
        color: #FF8F00;
    }

    .amazonfeed {
        margin-top: 14rmpx;
        background: #fff;
    }

    .amazonfeed__content {
        box-sizing: border-box;
        /* border: 1px solid #e4e4e4; */
        /* display: none; */
        /* display: flex; */
        text-align: center;
        width: 100%;
        /* margin: 0 -10px; */
        padding: 0;
    }

    .amazonfeed_icon {
        left: -1px;
        box-sizing: border-box;
        width: 34px;
        height: 25px;
        display: flex;
        align-items: center;
        /* float:left;
    text-align:left; */
        padding: 0 0 0 8px;
        position: absolute;
        background-color: #FF8F00;
        color: #fff;
    }

    .amazonfeed_icon:before {
        content: '#';
    }

    .amazonfeed_icon:after {
        content: "";
        position: absolute;
        top: 0;
        left: 100%;
        width: 0;
        height: 0;
        color: #FF8F00;
        border-right: 10px solid transparent;
        border-top: 25px solid;
    }

    .amazonfeed_item {
        display: flex;
        position: relative;
        /* width:calc(33.3% - 20px); */
        /* display: flex; */
        text-align: left;
        padding: 10px;
    }

    .amazonfeed_item {
        border-bottom: 1px solid #bcbcbc;
    }

    .amazonfeed_image {
        width: 95px;
        margin-left: 35px;
    }

    .amazonfeed_content {
        flex: 1;
        margin-top: 5px;
        color: #373737;
    }

    .amazonfeed_content {
        font-size: 13px;
    }

    .amazonfeed_image img {
        width: 100%;
        height: auto;
    }

    .amazonfeed_price {
        margin-top: 5px;
        display: flex;
        color: #373737;
        font-size: 17px;
        font-weight: bold;
    }

    .a-icon-prime-jp.a-icon-small, .a-prime-jp-logo.a-icon-small {
        display: block;
        background: url(/images/amazon.png);
        background-size: 256px 32px;
        width: 51px;
        height: 15px;
        background-position: -121px -2px;
        margin-left: 5px;
    }

    .entryList {
        /* margin-top: 16px; */
    }

    .article {
        position: relative;
    }

    .article_label {
        position: absolute;
        top: 14px;
        left: 0;
        padding: 3px 10px 4px 10px;
        font-size: 11px;
        line-height: 1;
        color: #fff;
        font-weight: bold;
    }

    .article_label.-figure {
        background-color: #e2467e;
    }

    .article_label.-model {
        background-color: #5f9dd2;
    }

    .article_label.-popular {
        background-color: #548592;
    }

    .article_label.-cosplay {
        background-color: #df8062;
    }

    .article_label.-event {
        background-color: #56d290;
    }

    .article_label.-pr {
        background-color: #000000;
    }

    .article_label.-news {
        position: relative;
        top: -2px;
        display: inline-block;
        background-color: #af65e2;
    }

    .banner {
        width: 100%;
        padding: 10px 0px 10px 10px;
        text-align: center;
        border-top: 1px #cacaca solid;
    }

    .category-list_sp {
        display: block;
    }

    .category-list li {
        border-bottom: 1px solid #cacbcf;
    }

    .category-list a {
        display: flex;
        padding: 16px 10px 16px 24px;
        font-size: 15px;
        font-weight: bold;
    }

    .category-list a:before {
        display: block;
        content: '';
        box-sizing: border-box;
        transform: rotate(45deg);
        width: 10px;
        height: 10px;
        border-top: 2px solid #ccc;
        border-right: 2px solid #ccc;
        align-self: center;
        margin-right: 10px;
    }

    .copyright {
        margin-top: 10px;
        text-align: center;
    }

    .article.-news {
        flex-wrap: wrap;
    }

    .article.-news .thumbnail {
        display: none;
    }

    .article .title.-news {
        margin-bottom: 10px;
    }

    .article.-news p {
        font-size: 14px;
    }

    .article.-news a {
        display: block;
        margin-bottom: 5px;
    }

    .article.-news br {
        display: none;
    }

    .article.-news span {
        float: left;
    }

    .continuation .more_button a {
        display: block;
        text-decoration: none;
        font-size: 14px;
        padding: 6px 0px;
        font-weight: bold;
        color: #fff;
        border-radius: 6px;
        text-align: center;
    }

    .more_button.-new a {
        background-color: #ff9e21;
    }

    .time,
    .article_detail .time {
        text-align: right;
        padding: 0 10px;
        margin-top: 10px;
        font-size: 12px;
        line-height: 1;
        color: #888888;
    }


}