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

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
        border: 0;
        font-family: inherit;
        font-size: 100%;
        font-style: inherit;
        font-weight: inherit;
        margin: 0;
        outline: 0;
        padding: 0;
        vertical-align: baseline;
    }

    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    html {
        font-size: 62.5%;
    }

    body {
        height: 100%;
        background-color: #f3f3f3;
        color: #545454;
        font-size: 12px;
        font-size: 1.2rem;
        font-family: 'Lato', 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        animation: fadeIn 2s ease 0s 1 normal;
        -webkit-animation: fadeIn 2s ease 0s 1 normal;
        -moz-animation: fadeIn 2s ease 0s 1 normal;
        -o-animation: fadeIn 2s ease 0s 1 normal;
    }

    @keyframes fadeIn {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    @-moz-keyframes fadeIn {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    @-o-keyframes fadeIn {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    html, body {
        height: 100%;
    }

    ol, ul {
        list-style: none;
        letter-spacing: 0.1em;
        text-align: justify;
    }

    p {
        line-height: 1.8;
        text-align: justify;
        letter-spacing: 0.1em;
    }

    dl {
        line-height: 1.8;
        letter-spacing: 0.1em;
        text-align: justify;
    }

    caption, th, td {
        font-weight: normal;
        text-align: left;
        vertical-align: top;
    }

    img {
        max-width: 100%;
        height: auto;
        width /***/: auto;
        border: 0;
        vertical-align: bottom;
    }

    a, a:link a:visited {
        color: #cc0000;
        transition: all .3s;
        text-decoration: none;
    }

    a:hover {
        color: #111;
        text-decoration: none;
    }

    .clearfix:after {
        content: "."; /* 新しい要素を作る */
        display: block; /* ブロックレベル要素に */
        clear: both;
        height: 0;
        visibility: hidden;
    }

    .clearfix {
        min-height: 1px;
    }

    * html .clearfix {
        height: 1px;
        /*\*//*/
        height: auto;
        overflow: hidden;
        /**/
    }

    a.imghover:link img {
        transition: all .3s;
    }

    a.imghover:hover img {
        filter: alpha(opacity=70);
        opacity: 0.7;
    }

    .imghover {
        transition: all .3s;
    }

    .imghover:hover {
        filter: alpha(opacity=70);
        opacity: 0.7;
    }

    div.pagebox {
        min-height: 100%;
        box-sizing: border-box;
    }

    .wrapper {
        width: 100%;
    }


    #spotaka_top {
        position: fixed;
        bottom: 10px;
        right: 10px;
        z-index: 1000;
    }

    #spotaka_top a {
        font-size: 1.0rem;
        display: block;
        line-height: 1.0;
        text-align: center;
        background-color: #cc0000;
        color: #fff;
        width: 56px;
        height: 56px;
        border-radius: 28px;
        -webkit-border-radius: 28px;
        -moz-border-radius: 28px;
        padding: 15px 16px;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    }

    /* ############################# header ############################# */
    .header_bar {
        display: none;
    }

    .header_bar01 {
        display: none;
    }

    .sp_header {
        width: 100%;
        height: 60px;
        background-color: #cc0000;
        z-index: 999;
    }

    .sp_header_nav {
        position: relative;
        width: 100%;
        height: 60px;
        background-color: #cc0000;
        z-index: 2000;
    }

    .navi-r {
        width: 60%;
        float: right;
    }

    .navi-r ul {
        text-align: center;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: flex-end;
    }

    .navi-r ul li {
    }

    .navi-r ul li a {
        color: #fff;
    }

    .navi-r ul li img {
        width: 24px;
    }

    .navi-r ul li.subnav001 a {
        height: 60px;
        color: #fff;
        display: block;
        padding: 18px 5px;
    }

    .navi-r ul li.subnav002 a {
        width: 60px;
        height: 60px;
        color: #fff;
        background-color: #111;
        display: block;
        padding: 18px 0;
        margin-left: 6px;
    }

    .navi-r ul li.subnav003 button {
        height: 60px;
        display: block;
        padding: 18px 5px;
        border: none;
        background: none;
    }

    .sb-toggle-left {
        position: absolute;
        top: 0;
        left: 0;
    }

    .navi-l {
        position: absolute;
        top: 0;
        left: 0;
    }

    .navi-l a {
        display: block;
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        text-decoration: none;
    }

    .navi-l a:after {
        content: "";
        background: url(../images/nav_icon.svg) 0 0 no-repeat transparent;
        background-size: 60px 60px;
        width: 60px;
        height: 60px;
        display: block;
    }

    .sb-active .navi-l a:after {
        content: "";
        background: url(../images/nav_close_icon.svg) 0 0 no-repeat transparent;
        background-size: 60px 60px;
        width: 60px;
        height: 60px;
        display: block;
    }

    .sb-menu {
        background: #fff;
    }

    .sb-menu li {
        font-size: 1.3rem;
        line-height: 1.0;
        letter-spacing: 0.1em;
        border-bottom: 1px solid #f3f3f3;
    }

    .sb-menu li a {
        display: block;
        width: 100%;
        padding: 20px 15px;
        text-decoration: none;
        background: url(../images/list_mk001.svg) no-repeat right 10px center;
        background-size: 14px;
    }

    .sb_ac_sp {
        background: #fff;
    }

    .sb_ac_sp h3.ac_title {
        color: #cc0000;
        pointer-events: all;
        font-size: 1.3rem;
        letter-spacing: 0.1em;
        line-height: 1.0;
        padding: 20px 15px;
        border-bottom: 1px solid #f3f3f3;
    }

    .sb_ac_sp h3.ac_title:after {
        content: "";
        position: absolute;
        right: 0;
        background: url(../images/list_mk005.svg) no-repeat right 10px center;
        background-size: 14px;
        padding: 8px 15px;
    }

    .sb_ac_sp h3.ac_title.ac:after {
        content: "";
        position: absolute;
        right: 0;
        background: url(../images/list_mk003.svg) no-repeat right 10px center;
        background-size: 14px;
        padding: 8px 15px;
    }

    .ac_list_sp {
        position: relative;
        width: 100%;
        z-index: 100;
        overflow: hidden;
    }

    .sb_ac_sp li {
        font-size: 1.3rem;
        line-height: 1.0;
        letter-spacing: 0.1em;
        border-bottom: 1px solid #f3f3f3;
    }

    .sb_ac_sp li a {
        display: block;
        width: 100%;
        padding: 20px 15px;
        text-decoration: none;
        background: url(../images/list_mk001.svg) no-repeat right 10px center;
        background-size: 14px;
    }

    .sb-slidebar {
        background-color: #fff !important;
        padding: 0;
        border-left: 1px dotted #ddd;
    }

    #fixed {
        position: fixed !important;
        z-index: 0;
        background-color: #f3f3f3;
    }

    .sb-slidebar.sb-left {
        -webkit-overflow-scrolling: touch;
    }

    /* ###### header_search ##### */
    .header_search {
        display: none;
    }

    .header_search02 {
        display: none;
    }

    .sp_search_sp {
        width: 100%;
        background-color: #cc0000;
        padding: 12px 0 10px;
        border-top: 1px dotted #aa0000;
    }

    .sp_search_sp01 {
        width: 92%;
        margin: 0 auto;
        background-color: #fff;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        z-index: 100;
        overflow: hidden;
    }

    .sp_input_sp {
        width: 100%;
        position: relative;
        z-index: 30;
    }

    .search_input {
        color: #444;
        font-size: 1.4rem;
        width: 100%;
        height: 40px;
        -webkit-appearance: none;
        padding: 1px 10px;
        line-height: 1.0;
        border: 1px solid #fff;
        font-family: 'Lato', 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    .search_btn {
        position: absolute;
        width: 40px;
        z-index: 50;
        top: 0;
        right: 0;
    }

    .sp_input_sp .clearButton {
        width: 20px;
        height: 20px;
        position: absolute;
        right: 45px;
        top: 10px;
        background: url(../images/search_clear_icon.svg) no-repeat 0 0;
        background-size: 20px;
        cursor: pointer;
        visibility: hidden;
    }

    .search_btn {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        padding: 10px;
    }

    /* ###### header_search ##### */
    /* ###### index_header ##### */
    .top_header {
        display: none;
    }

    .top_header_sp01 {
        display: none;
    }

    .top_header_sp01 .logo_sp {
        display: none;
    }

    .sp_logo_sp {
        position: absolute;
        z-index: 200;
        top: 35px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        width: 92%;
    }

    .sp_logo_sp h1 {
        width: 100px;
    }

    /* ###### index_header ##### */
    .header_sp {
        display: none;
    }

    .header_sp01 {
        display: none;
    }

    .sp_top_header_sp {
        width: 100%;
        background-color: #fff;
        padding: 20px 0;
    }

    .sp_top_header_sp .page_logo_sp {
        width: 100px;
        margin: 0 auto;
    }

    .sp_top_header_sp .page_global_nav {
        display: none;
    }

    .sp_top_header_sp .page_global_nav ul {
        display: none;
    }


    .fixed {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10000;
    }


    /* ############################# header ############################# */
    /* ############################# top_contents ############################# */
    .top_contents_sp {
        width: 100%;
        position: relative;
    }

    /* ###### top_info_sp ###### */
    .top_info_sp {
        position: relative;
        width: 100%;
    }

    .top_info_sp01 {
        position: relative;
        width: 100%;
    }

    .sp_top_info_sports_list_sp {
        width: 100%;
        background-color: #222;
    }

    .sp_top_info_sports_list_sp ul {
        font-size: 1.1rem;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }

    .sp_top_info_sports_list_sp ul li {
        width: 100%;
        min-width: 21.5%;
    }

    .sp_top_info_sports_list_sp ul li img {
        width: 22px;
        padding-bottom: 5px;
    }

    .sp_top_info_sports_list_sp ul li a, a:link a:visited {
        display: block;
        width: 100%;
        color: #fff;
        text-align: center;
        padding: 15px 0;
    }

    .pc_top_info_sp01_left {
        display: none;
    }

    .pc_top_info_sp01_left .pc_top_info_sports_list_sp ul {
        display: none;
    }

    .top_info_sp01_right {
        width: 100%;
    }

    .top_info_sp01_right01 {
        position: relative;
        background-color: #fff;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
    }

    .top_info_sp01_right01 .pc_slide_inner {
        width: 100%;
    }

    .top_info_sp01_right01 .pc_slide_inner div {
        width: 100%;
        height: 260px;
        overflow: hidden;
    }

    .top_info_sp01_right01 .pc_slide_inner div a {
        display: block;
        position: relative;
    }

    .top_info_sp01_right01 .pc_slide_inner div a dl.pc_slide_catch {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.4);
        padding: 25px 20px;
        z-index: 50;
    }

    .top_info_sp01_right01 .pc_slide_inner div a dl.pc_slide_catch dt {
        position: absolute;
        display: inline-block;
        font-size: 1.0rem;
        font-family: 'Oswald', sans-serif;
        letter-spacing: 0.1em;
        border: 1px dotted #ddd;
        padding: 10px;
        top: -45px;
    }

    .top_info_sp01_right01 .pc_slide_inner div a dl.pc_slide_catch dd {
        font-size: 1.4rem;
        line-height: 1.6;
        font-weight: 500;
        letter-spacing: 0.1em;
    }

    .top_info_sp01_right01 .pc_slide_inner div img {
        width: 100%;
        height: 260px;
        object-fit: cover;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }

    .top_info_sp01_right01 .pc_slide_inner div a:hover img {
        transform: scale(1.1);
        z-index: 10;
    }

    .top_info_sp01_right01 .pc_slide_inner .slick-dots {
        position: absolute;
        bottom: -35px;
    }

    .top_info_sp01_right01 .pc_slide_inner .slick-dots li {
        position: relative;
        display: inline-block;
        width: 14px;
        height: 14px;
        margin: 0 8px;
        padding: 0;
        background-color: #ddd;
        cursor: pointer;
        border-radius: 7px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
    }

    .top_info_sp01_right01 .pc_slide_inner .slick-dots li button:before {
        width: 14px;
        height: 14px;
        border-radius: 7px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
    }

    .top_info_sp01_right01 .pc_slide_inner .slick-dots li.slick-active button:before {
        opacity: .75;
        background-color: #cc0000;
    }

    .top_info_sp01_right01 .top_info_add_sp {
        width: 100%;
        padding: 60px 40px 40px;
    }

    .top_info_sp01_right01 .top_info_sp01_right01_bottom {
        width: 100%;
    }

    .top_info_sp01_right01 .top_info_sp01_right01_bottom .top_info_news_sp {
        width: 100%;
        padding: 40px 25px 25px;
        background-color: #f3f3f3;
        border-bottom: 1px dotted #ddd;
    }

    .top_info_sp01_right01 .top_info_sp01_right01_bottom .top_info_news_sp h3 {
        text-align: center;
        font-family: 'Oswald', sans-serif;
        color: #111;
        font-weight: 500;
        font-size: 3.6rem;
        line-height: 1.0;
        letter-spacing: 0.075em;
    }

    .top_info_sp01_right01 .top_info_sp01_right01_bottom .top_info_news_sp dl {
        letter-spacing: 0.075em;
        margin-top: 20px;
    }

    .top_info_sp01_right01 .top_info_sp01_right01_bottom .top_info_news_sp dl dt {
        font-size: 1.0rem;
    }

    .top_info_sp01_right01 .top_info_sp01_right01_bottom .top_info_news_sp dl dd {
        font-size: 1.3rem;
        margin-bottom: 15px;
        margin-top: 5px;
    }

    /* ###### top_info_sp ###### */
    /* ###### top_sports_genre_sp ###### */
    .top_sports_genre_sp {
        position: relative;
        background: url(../images/genre_backimg.svg) no-repeat right 0;
        background-size: 80px;
        width: 100%;
    }

    .top_sports_genre_sp .main_top_sports_genre_sp {
        position: relative;
        width: 88%;
        z-index: 100;
        margin: 0 auto;
        padding: 60px 0 40px;
    }

    .top_sports_genre_sp .main_top_sports_genre_img {
        position: relative;
        width: 100%;
    }

    .top_sports_genre_sp .main_top_sports_genre_img a {
        position: relative;
        display: block;
        width: 100%;
        overflow: hidden;
        background-color: #ccc;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }

    .top_sports_genre_sp .main_top_sports_genre_img a img {
        width: 100%;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }

    .top_sports_genre_sp .main_top_sports_genre_img a:hover img {
        transform: scale(1.1);
    }

    .top_sports_genre_sp .main_top_sports_genre_img .main_top_sports_genre_title_sp {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        z-index: 20;
    }

    .top_sports_genre_sp .main_top_sports_genre_img .main_top_sports_genre_title_sp h2 {
        text-align: center;
        font-family: 'Oswald', sans-serif;
        color: #fff;
        font-weight: 500;
        font-size: 4.0rem;
        line-height: 1.0;
        letter-spacing: 0.05em;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }

    .top_sports_genre_sp .main_top_sports_genre_text {
        width: 100%;
        z-index: 20;
    }

    .top_sports_genre_sp .main_top_sports_genre_text01 {
        position: relative;
        width: 100%;
        background-color: #111;
        padding-top: 30px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }

    .top_sports_genre_sp .main_top_sports_genre_text01 p {
        color: #f3f3f3;
        font-size: 1.3rem;
        letter-spacing: 0.1em;
        line-height: 2.0;
        margin: 0 30px 25px;
    }

    .top_sports_genre_sp .main_top_sports_genre_text01 h3 {
        padding-top: 5px;
    }

    .top_sports_genre_sp .main_top_sports_genre_text01 h3 a, a:link a:visited {
        display: block;
        text-align: center;
        width: 100%;
        color: #f3f3f3;
        font-size: 1.6rem;
        letter-spacing: 0.1em;
        background: url(../images/list_mk002.svg) no-repeat right 10px center;
        background-size: 14px;
        background-color: #c00;
        padding: 22px 0;
    }

    /* ###### top_sports_genre_sp01 ###### */
    .top_sports_genre_sp01 {
        width: 92%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto;
        padding-bottom: 60px;
    }

    .top_sports_genre_sp01 .top_sports_genre_list {
        width: 48.5%;
        margin-bottom: 10px;
    }

    .top_sports_genre_sp01 .top_sports_genre_img {
        position: relative;
        width: 100%;
    }

    .top_sports_genre_sp01 .top_sports_genre_list a {
        position: relative;
        display: block;
        width: 100%;
        overflow: hidden;
        background-color: #ccc;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .top_sports_genre_sp01 .top_sports_genre_list a img {
        width: 100%;
    }

    .top_sports_genre_sp01 .top_sports_genre_list .top_sports_genre_title_sp {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        z-index: 20;
    }

    .top_sports_genre_sp01 .top_sports_genre_list .top_sports_genre_title_sp h2 {
        width: 100%;
        text-align: center;
        font-family: 'Oswald', sans-serif;
        color: #fff;
        font-weight: 500;
        font-size: 1.8rem;
        line-height: 1.0;
        letter-spacing: 0.05em;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }

    .top_sports_genre_sp01 .top_sports_genre_list .top_sports_genre_text {
    }

    .top_sports_genre_sp01 .top_sports_genre_list .top_sports_genre_text p {
        font-size: 1.4rem;
        letter-spacing: 0.1em;
    }

    /* ###### top_sports_genre_sp01 ###### */
    /* ###### top_sports_genre_sp ###### */
    .top_slogan_sp {
        width: 100%;
        background: url(../images/slogan_backimg.svg) no-repeat -3px -5px;
        background-size: 80px;
        background-color: #fff;
        padding: 80px 0;
    }

    .top_slogan_sp01 {
        position: relative;
        width: 82%;
        margin: 0 auto;
    }

    .top_slogan_sp h3 {
        text-align: center;
        color: #cc0000;
        font-weight: 600;
        font-size: 3.0rem;
        line-height: 1.0;
        letter-spacing: 0.075em;
    }

    .top_slogan_sp p {
        font-size: 1.5rem;
        font-weight: 600;
        letter-spacing: 0.1em;
        line-height: 2.0;
        margin-top: 30px;
    }


    /* ###### top_newest_post_sp ##### */
    .top_newest_post_sp {
        width: 100%;
        background: url(../images/newest_backimg.svg) no-repeat right 0;
        background-size: 80px;
        padding: 80px 0 40px;
    }

    .top_newest_post_sp01 {
        width: 90%;
        margin: 0 auto;
    }

    .top_newest_post_title_sp {
        width: 100%;
        margin-bottom: 40px;
    }

    .top_newest_post_title_sp h2 {
        text-align: center;
        font-family: 'Oswald', sans-serif;
        color: #111;
        font-weight: 500;
        font-size: 3.6rem;
        letter-spacing: 0.075em;
        line-height: 1.3;
    }

    .top_newest_post_title_sp h2 br {
        display: none;
    }

    .top_newest_post_title_sp p {
        width: 80%;
        font-size: 1.3rem;
        letter-spacing: 0.1em;
        margin: 30px auto 0;
    }

    .top_newest_post_sp02 {
        width: 100%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: space-between;
    }

    .top_newest_post_list {
        position: relative;
        width: 100%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: column;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        margin-bottom: 40px;
    }

    .top_newest_post_list .top_newest_post_thumb {
        position: relative;
        width: 100%;
        margin-bottom: 30px;
    }

    .top_newest_post_list .top_newest_post_thumb01 {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .top_newest_post_list .top_newest_post_thumb01 img {
        width: 100%;
        object-fit: cover;
    }

    .top_newest_post_list .top_newest_post_thumb .caption {
        display: none;
    }

    .top_newest_post_list .top_newest_post_thumb .mask {
        display: none;
    }

    .top_newest_post_list .top_newest_post_text {
        position: relative;
        width: 100%;
        padding: 0 25px;
    }

    .top_newest_post_list .top_newest_post_text h3 {
        font-size: 1.8rem;
        line-height: 1.6;
        font-weight: bold;
        letter-spacing: 0.1em;
    }

    .top_newest_post_list .top_newest_post_text p.top_newest_post_desc {
        font-size: 1.2rem;
        letter-spacing: 0.1em;
        margin-top: 20px;
        padding-bottom: 25px;
    }

    p.blog_icon {
        position: absolute;
        top: -15px;
        left: -15px;
        width: 60px;
        height: 60px;
        font-family: 'Oswald', sans-serif;
        text-align: center;
        color: #fff;
        font-weight: 400;
        font-size: 1.0rem;
        line-height: 60px;
        letter-spacing: 0.1em;
        background-color: #111;
        z-index: 50;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    }

    p.event_icon {
        position: absolute;
        top: -15px;
        left: -15px;
        width: 60px;
        height: 60px;
        font-family: 'Oswald', sans-serif;
        text-align: center;
        color: #fff;
        font-weight: 400;
        font-size: 1.0rem;
        line-height: 60px;
        letter-spacing: 0.1em;
        background-color: #a00;
        z-index: 50;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    }

    .list_option_sp {
        width: 100%;
        margin-top: auto;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-top: 1px dotted #ddd;
        padding: 25px 30px;
    }

    .list_option_list {
        width: 50%;
    }

    .list_option_list p.option_date {
        color: #545454;
        font-size: 1.1rem;
        letter-spacing: 0.1em;
    }

    .list_option_list ul {
        color: #cc0000;
        font-size: 1.1rem;
        letter-spacing: 0.1em;
        text-align: right;
    }

    .list_option_list ul li {
        display: inline;
        margin-left: 6px;
    }

    .list_option_list ul li img {
        width: 18px;
        padding-right: 3px;
    }

    .top_bottom_sp {
        display: none;
    }

    .sp_top_bottom_sp {
        width: 100%;
    }

    .top_cliant_logo_sp {
        width: 100%;
        background: url(../images/top_cliant_logo_backimg.png) no-repeat 50% 50%;
        background-size: cover;
        padding: 80px 0 50px;
    }

    .top_cliant_logo_sp01 {
        width: 96%;
        margin: 0 auto;
    }

    .top_cliant_logo_sp01 ul {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .top_cliant_logo_sp01 ul li {
        height: 38px;
        margin: 0 20px 30px;
    }

    .top_cliant_logo_sp01 ul li img {
        height: 38px;
    }

    /* ###### top_newest_post_sp ##### */
    /* ############################# top_contents ############################# */
    /* ############################# footer_sp ############################# */
    .footer_sp {
        width: 100%;
        margin: 1px auto 0;
        background-color: #111;
        padding: 0 0 25px;
    }

    .footer_access_sp {
        width: 100%;
        background-color: #fff;
    }

    .footer_access_left {
        width: 100%;
        height: 300px;
    }

    .footer_access_right {
        width: 100%;
        background: url(../images/footer_storeinfo_backimg.svg) no-repeat right 0;
        background-size: 80px;
        background-color: #c00;
        padding: 60px 7%;
    }

    .footer_access_right h3 {
        font-family: 'Oswald', sans-serif;
        color: #fff;
        font-weight: 500;
        font-size: 3.6rem;
        letter-spacing: 0.075em;
        line-height: 1.3;
    }

    .footer_access_right dl {
        color: #fff;
        font-size: 1.3rem;
        letter-spacing: 0.1em;
        margin-top: 20px;
    }

    .footer_access_right dl dt {
        float: left;
        padding: 15px 0 0 2px;
    }

    .footer_access_right dl dd {
        padding: 15px 0 0 85px;
    }

    .footer_access_right dl dd a {
        color: #fff;
    }

    .footer_sp01 {
        width: 88%;
        margin: 0 auto;
        padding-top: 60px;
    }

    .footer_sp01_left {
        width: 100%;
    }

    .footer_sp01_left h4 {
        width: 120px;
        margin: 0 auto;
    }

    .footer_sp01_right {
        width: 100%;
    }

    .footer_list {
        width: 100%;
        margin-top: 40px;
    }

    .footer_list ul {
        font-size: 1.2rem;
        border-top: 1px dotted #333;
    }

    .footer_list ul li {
        border-bottom: 1px dotted #333;
    }

    .footer_list ul li a, a:link a:visited {
        display: block;
        color: #fff;
        background: url(../images/list_mk002.svg) no-repeat 5px center;
        background-size: 14px;
        padding: 14px 10px 14px 23px;
    }

    .footer_list ul li a:hover {
        background-color: #222;
    }

    .footer_list ul li img {
        width: 14px;
        margin-left: 7px;
        vertical-align: middle;
        padding-bottom: 2px;
    }

    .f_nav001 {
        display: none !important;
    }

    .footer_sp02 {
        width: 92%;
        margin: 0 auto;
        padding-top: 40px;
    }

    .footer_sp02 p {
        width: 100px;
        margin: 0 auto;
    }

    p.copy {
        text-align: center;
        padding-top: 40px;
        font-size: 1.0rem;
        color: #fff;
        line-height: 1.0;
        letter-spacing: 0.1em;
    }

    /* ############################# footer_sp ############################# */
    .mb_20px {
        margin-bottom: 20px;
    }

    .mb_30px {
        margin-bottom: 30px;
    }

    .mb_40px {
        margin-bottom: 40px;
    }

    .b_none {
        border: none !important;
    }

    .right {
        text-align: right;
    }

    .center {
        text-align: center;
    }


    /* ############################# btn_style ############################# */
    .btn_style01 {
        width: 100%;
        text-align: center;
    }

    .btn_style01 a {
        display: block;
        width: 100%;
        font-size: 1.4rem;
        letter-spacing: 0.1em;
        background: url(../images/list_mk002.svg) no-repeat right 15px center;
        background-size: 14px;
        background-color: #222;
        color: #fff;
        padding: 20px 10px;
    }

    .btn_style01 img {
        width: 11px;
        margin-left: 10px;
        vertical-align: middle;
        padding-bottom: 2px;
    }

    .btn_style02 {
        width: 88%;
        text-align: center;
        margin: 0 auto;
    }

    .btn_style02 a {
        display: block;
        width: 100%;
        font-size: 1.4rem;
        letter-spacing: 0.1em;
        background: url(../images/list_mk002.svg) no-repeat right 15px center;
        background-size: 14px;
        background-color: #222;
        color: #fff;
        padding: 20px 10px;
    }

    .btn_style02 img {
        width: 11px;
        margin-left: 10px;
        vertical-align: middle;
        padding-bottom: 2px;
    }

    .btn_style03 {
        width: 100%;
        text-align: center;
    }

    .btn_style03 a {
        display: block;
        width: 100%;
        font-size: 1.3rem;
        letter-spacing: 0.1em;
        background: url(../images/list_mk002.svg) no-repeat right 12px center;
        background-size: 14px;
        background-color: #c00;
        color: #fff;
        padding: 16px 0;
    }

    .btn_style03 img {
        width: 11px;
        margin-left: 10px;
        vertical-align: middle;
        padding-bottom: 2px;
    }

    .btn_style04 {
        display: none;
    }

    .btn_style04 a {
        display: none;
    }

    /* ############################# btn_style ############################# */
    .pc {
        display: none;
    }


}