/*
Theme Name: makit2020
Theme URI: https://makit.jp/
Description: makit
Version: 1.0
Author: makit
Author URI: https://makit.jp/
*/

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

    /* ############################ reset ############################ */

    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:#fff;
        color:#333;
        font-size: 10px;
        font-size: 1.0rem;
        font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, 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%;
    }

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

    .clearfix {
        min-height: 1px;
    }

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

    blockquote, q {
        quotes:none;
    }

    blockquote:before, blockquote:after,
    q:before, q:after {
        content:'';
        content:none;
    }

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


    /* change colours to suit your needs */
    ins {
        color:#000;
        text-decoration:none;
    }

    /* change colours to suit your needs */
    mark {
        background-color:#ff9;
        color:#000;
        font-style:italic;
        font-weight:bold;
    }

    del {
        text-decoration: line-through;
    }

    abbr[title], dfn[title] {
        border-bottom:1px dotted;
        cursor:help;
    }

    table {
        border-collapse:collapse;
        border-spacing:0;
    }

    /* change border colour to suit your needs */
    hr {
        display:block;
        height:1px;
        border:0;
        border-top:1px solid #ddd;
        margin:1em 0;
        padding:0;
    }

    input, select {
        vertical-align:middle;
    }

    ol, ul {
        list-style: none;
        letter-spacing:0.05em;
    }

    p {
        line-height:1.8;
        letter-spacing:0.05em;
    }
    dl {
        line-height:1.8;
        letter-spacing:0.05em;
    }

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

    a,a:link a:visited {
    color: #37a9b9;
        text-decoration: none;
        outline: none !important;
        transition: all .3s;
    }
    a:hover {
        color: #222;
        text-decoration: none;
    }

    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;
    }

    iframe{
        width: 100%;
    }

    strong {
        font-weight:700;
    }

    .marker.active{
        background-position: -100% .5em;
    }
    .marker {
        background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
        background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
        background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
        background-image: -o-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
        background-image: linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
        background-repeat: repeat-x;
        background-size: 200% .8em;
        background-position: 0 .5em;
        transition: all 2s ease;
        font-weight: bold;
    }

    /* ############################ reset ############################ */


    /* ############################ sp_headarea ############################ */

    .sp_headarea {
        width:100%;
        background-color:#fff;
        z-index: 999;
        position:fixed;
    }
    .sp_headarea02 {
        position:relative;
        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: center;
        justify-content: center;
        height:60px;
        background-color:#fff;
        z-index: 2000;
        box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
    }

    .sp_headarea02 a img {
        height: 45px !important;
    }

    .sp_headarea02 h1 {
        text-align:center;
        width:80px;
        margin:0 auto;
    }
    .sp_headarea02 h1 img {
        width:100%;
    }

    .sb-toggle-right {
        position:absolute;
        top: 0px;
        right: 0px;
    }
    .navi-r {
        position:absolute;
        top: 0px;
        right: 0px;
    }
    .navi-r a {
        display: block;
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        text-decoration: none;
    }

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

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

    .navi-l {
        position:absolute;
        top: 0px;
        left: 0px;
    }
    .navi-l ul li button {
        width: 60px;
        height:60px;
        display:block;
        border: none;
        background:none;
    }

    .headarea {
        display:none;
    }
    .head_search_sp {
        display:none;
    }

    /* ############################ sp_search_sp ############################ */

    .sp_search_sp {
        width:100%;
        background-color:#f3f3f3;
        padding:12px 0 10px;
    }
    .sp_search_sp02 {
        width:92%;
        margin:0 auto;
        z-index:100;
        overflow: hidden;
        background-color:#fff;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }
    .input_sp {
        width:100%;
        position:relative;
        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;
        z-index:30;
    }
    .search_input {
        color: #444;
        font-size:1.3rem;
        width: 100%;
        height:40px;
        -webkit-appearance: none;
        padding:1px 0 1px 10px;
        line-height:1.0;
        border:1px solid #fff;
        font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }
    ::placeholder {
        color: #bbb;
        font-size:1.3rem;
        line-height:1.0;
    }
    .input_sp button {
        position: absolute;
        width:50px;
        z-index:50;
        top:0;
        right:0;
    }
    .input_sp .clearButton {
        width: 20px;
        height: 20px;
        position: absolute;
        right: 45px;
        top: 10px;
        background: url(../img/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:5px;
    }

    /* ############################ sp_search_sp ############################ */


    /* ############################ sb-slidebar ######################### */

    .sb-slidebar {
        padding:0px;
    }


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

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

    .menu{
        list-style:none;
        box-shadow: -4px 0px 6px -5px #999 inset;
    }

    .menu li{
    }

    .menu li p{
        color:#444;
        display:block;
        background-color:#f3f3f3;
        border-bottom:#CCC solid 1px;
        box-shadow: -4px 0px 6px -5px #999 inset;
        padding:10px;
    }

    .menu li a{
        color:#444;
        display:block;
        border-bottom:1px dotted #eaeaea;
        line-height: 1;
        padding:15px 10px;
    }
    .menu li a:hover{
        text-decoration:none;
    }

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

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

    .sb-right-inner {
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }

    .sb-menu01 {
        background:#f3f3f3;
        border-top:1px dotted #ddd;
    }
    .sb-menu01 h3 {
        font-size:1.5rem;
        color:#222;
        font-weight:600;
        letter-spacing:0.05em;
        line-height:1.0;
        text-align:center;
        padding:20px 0;
        background-color: #fff;
    }
    .sb-menu01 li {
        border-bottom:1px dotted #ddd;
    }
    .sb-menu01 li:last-child {
        border-bottom:none;
    }
    .sb-menu01 li a {
        display:block;
        font-size:1.4rem;
        font-weight:500;
        letter-spacing:0.075em;
        padding:17px 5px 17px 20px;
        text-decoration:none;
        background: url(../img/list_mk001.svg) no-repeat right 12px center;
        background-size: 10px;
        box-shadow: 4px 0px 6px -5px rgba(0,0,0,0.1) inset;
    }

    .sb-menu02 {
        background:#f3f3f3;
        border-top:1px dotted #ddd;
    }
    .sb-menu02 h3 {
        font-size:1.5rem;
        color:#222;
        font-weight:600;
        letter-spacing:0.05em;
        line-height:1.0;
        text-align:center;
        padding:20px 0;
        background-color: #fff;
        box-shadow: 4px 0px 6px -5px rgba(0,0,0,0.1) inset;
    }
    .sb-menu02 li {
        border-bottom:1px dotted #ddd;
    }
    .sb-menu02 li:last-child {
        border-bottom:none;
    }
    .sb-menu02 li a {
        display:block;
        font-size:1.3rem;
        font-weight:500;
        letter-spacing:0.05em;
        padding:17px 5px 17px 20px;
        text-decoration:none;
        background: url(../img/list_mk001.svg) no-repeat right 12px center;
        background-size: 10px;
        box-shadow: 4px 0px 6px -5px rgba(0,0,0,0.1) inset;
    }

    .sbnav_font {
        font-size:1.1rem;
    }

    /* ############################ sb-slidebar ######################### */


    /* ############################ sp_headarea ############################ */


    /* #################### page_contents_sp #################### */

    .page_contents_sp {
        width:100%;
        padding-top:60px;
        padding-bottom:80px;
    }
    .page_maintitle_sp {
        width:100%;
        background:url(../img/page_backimg001.svg) repeat center center;
        background-size:270px;
        background-color:#f3f3f3;
        padding:30px 0;
    }
    .page_maintitle_sp h2 {
        text-align:center;
        color:#111;
        font-size:2.2rem;
        font-weight:700;
        letter-spacing:0.075em;
        line-height:1.0;
    }
    .page_maintitle_sp p {
        text-align:center;
        font-size:1.2rem;
        letter-spacing:0.1em;
        line-height:1.0;
        padding-top:8px;
    }
    .page_contents_sp .bread_sp {
        width:90%;
        margin:0 auto;
        padding:10px 0;
        border-bottom:1px dotted #ddd;
    }
    .page_contents_sp .bread_sp ul {
        font-size:1.2rem;
        letter-spacing:0.05em;
        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;
    }
    .page_contents_sp .bread_sp ul li {
        margin-right:12px;
        background: url(../img/list_mk001.svg) no-repeat 0 center;
        background-size: 10px;
        padding-left:16px;
    }

    .page_contents_sp02 {
        width:90%;
        margin:0 auto;
        padding-top:10px;
    }
    .page_contents_sp02 h2 {
        color:#111;
        font-size: 2.0rem;
        font-weight:700;
        letter-spacing:0.05em;
        line-height:1.6;
        margin-top:50px;
    }
    .page_contents_sp02 h2:nth-of-type(1) {
        margin-top: 30px;
    }
    .page_contents_sp02 h2.page_about {
        border-left:none;
    }
    .page_contents_sp02 p {
        font-size:1.4rem;
        letter-spacing:0.05em;
        margin-top:25px;
    }
    .page_contents_sp02 ul {
        font-size:1.4rem;
        letter-spacing:0.05em;
        margin:25px 20px 0;
    }
    .page_contents_sp02 ul li {
        margin-top:10px;
        line-height:1.6;
    }
    .page_contents_sp02 .link_sp {
        width:100%;
        margin-top:30px;
        border:1px dotted #ddd;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        padding: 20px 20px 10px;
    }
    .page_contents_sp02 .link_sp h6 {
        font-size:1.4rem;
        letter-spacing:0.05em;
        margin-bottom:15px;
    }
    .page_contents_sp02 .link_sp h6 img {
        width:21px;
        padding-left:6px;
        padding-bottom:3px;
    }

    /* #################### page_contents_sp #################### */



    /* #################### page_title_sp #################### */

    .page_title_sp {
        position:relative;
        width:100%;
        margin-bottom:20px;
    }
    .page_title_sp h3 {
        text-align:center;
        color:#111;
        font-size:2.4rem;
        font-weight:700;
        letter-spacing:0.075em;
        line-height:1.0;
    }

    /* #################### page_title_sp #################### */



    /* #################### single_contents_sp #################### */

    .single_contents_sp {
        width: 100%;
        padding-top:60px;
        padding-bottom:80px;
    }

    .single_contents_sp .sp_post_contents_cover {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        display:block;
        width: 100%;
        height: 250px;
    }
    .single_contents_sp .sp_post_contents_source {
        width:90%;
        color:#999;
        font-size:1.0rem;
        letter-spacing:0.05em;
        text-align:right;
        margin:0 auto;
        padding:5px 0;
    }
    .single_contents_sp .sp_post_contents_source a {
        color: #999;
    }

    .single_contents_sp .bread_sp {
        width:90%;
        margin:0 auto;
        padding:10px 0;
        border-bottom:1px dotted #ddd;
    }
    .single_contents_sp .bread_sp .breadcrumbs {
        font-size:1.2rem;
        letter-spacing:0.05em;
        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;
    }
    .single_contents_sp >.bread_sp >.breadcrumbs> ul {
        font-size: 1.2rem;
        letter-spacing: 0.05em;
        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;
    }
    .single_contents_sp >.bread_sp >.breadcrumbs> ul> li {
        margin-right: 15px;
        background: url(../img/list_mk001.svg) no-repeat 0 center;
        background-size: 10px;
        padding-left: 16px;
    }
    .single_contents_sp .bread_sp .breadcrumbs span {
        margin-right:12px;
    }

    .single_contents_sp02 {
        width:100%;
    }

    .single_contents_sp02_left {
        width:100%;
    }
    .single_contents_title_sp {
        width:90%;
        margin:0 auto;
    }
    .single_contents_title_sp p.update {
        color:#999;
        font-size:1.0rem;
        line-height:1.0;
        letter-spacing:0.05em;
        padding-bottom:10px;
    }
    .single_contents_title_sp h1 {
        color:#111;
        font-size:2.4rem;
        font-weight:600;
        line-height:1.4;
        letter-spacing:0.05em;
    }
    .single_contents_top_sp {
        width:90%;
        margin:0 auto;
    }
    .single_contents_top_sp p.single_intro {
        position:relative;
        font-size:1.4rem;
        letter-spacing:0.05em;
        color:#666;
        margin-top:15px;
        line-height: 1.8;
        padding:22px;
        background-color:#f3f3f3;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
    }
    .single_contents_top_sp p.single_intro:before {
        content: "";
        position: absolute;
        right: 0;
        top: -14px;
        left: 0;
        width: 0px;
        height: 0px;
        margin: auto;
        border-style: solid;
        border-color: #f3f3f3 transparent #f3f3f3 transparent;
        border-width: 0px 8px 14px 8px;
    }
    .single_contents_writter_sp {
        margin-top:25px;
        position:relative;
        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;
        border:1px dotted #ddd;
        padding:15px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        background-color:#f2efe7;
    }

    .single_writer_avatar {
        width:60px;
        position: relative;
    }
    .single_writer_avatar .writer_img {
        width:60px;
    }
    .single_writer_avatar .writer_img img {
        width: 60px !important;
        height: 60px !important;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }

    .single_writer_text {
        flex:1;
        padding-left:14px;
    }
    .single_writer_text p.writer_name {
        color:#222;
        font-size: 1.3rem;
        line-height:1.5;
        font-weight: 500;
        letter-spacing:0.05em;
    }
    .single_writer_text p.writer_desc {
        display:none;
    }
    .single_writer_text p.supervisor-profile__link {
        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;
        justify-content: flex-end;
        margin-top:12px;
    }
    .single_writer_text p.supervisor-profile__link a {
        font-size:1.2rem;
        line-height:1.0;
        letter-spacing:0.05em;
        font-weight:500;
        background: url(../img/disc.png) no-repeat 0px center;
        background-size:20px;
        padding-left:26px;
    }


    .single_contents_writter_sp02 {
        margin-top:15px;
        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;
    }
    .single_contents_writter_sp02 .writer_img {
        width: 40px;
    }
    .single_contents_writter_sp02 .writer_img img {
        width: 40px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }
    .single_contents_writter_sp02 .writer_staff {
        font-size: 1.2rem;
        letter-spacing:0.05em;
        font-weight: 500;
        color: #222;
        padding-left: 15px;
    }

    .share_head {
        display:none;
    }
    .share_head .wp_social_bookmarking_light {
        display:none;
    }


    .share_bottom {
        width:100%;
        margin-bottom: 40px;
        position: relative;
        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;
    }
    .share_bottom .wp_social_bookmarking_light {
        position: relative;
        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: center;
    }
    .share_bottom .wp_social_bookmarking_light div {
        margin-right:10px;
    }

    /* ##### post_contents_sp ##### */

    .post_contents_sp {
        width:90%;
        margin:0 auto;
        font-size: 1.4rem;
        line-height:1.7em;
    }
    .post_contents_sp .post_contents_cover {
        display:none;
    }
    .post_contents_sp .post_contents_source {
        display:none;
    }

    .post_contents_sp h2 {
        font-size: 2.0rem;
        letter-spacing:0.05em;
        color:#111;
        padding-left:24px;
        line-height:1.5;
        margin-top: 50px;
        font-weight:600;
        background: url(../../img/single_img/post_title_backimg001.svg) no-repeat 0 center;
        background-size:10px;
        margin-bottom:20px;
    }
    .post_contents_sp h2:nth-of-type(1) {
        margin-top: 20px;
    }
    .post_contents_sp h3 {
        font-size: 1.8rem;
        font-weight: 600;
        letter-spacing:0.05em;
        line-height:1.6;
        margin-top: 30px;
        padding-left:12px;
        border-left:3px solid #4a8891;
        margin-bottom:15px;
    }
    .post_contents_sp h4 {
        font-size: 1.6rem;
        font-weight: 600;
        letter-spacing:0.05em;
        line-height:1.6;
        margin-top:30px;
        margin-bottom:10px;
    }

    .post_contents_sp h5 {
        width: 100%;
        font-weight: 600;
        margin-top: 10px;
        font-size: 1.6rem;
        margin-bottom:5px;
    }
    .post_contents_sp p {
        font-size: 1.4rem;
        letter-spacing:0.05em;
        line-height:1.7em;
    }
    .post_contents_sp img {
        width:100%;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        margin-top:25px;
        display: block;
        margin-bottom: 10px;
    }
    .post_contents_sp ul {
        margin-top:30px;
		margin-bottom:10px;
        width:100%;
        background-color:#f3f3f3;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        padding:20px 20px 1px 25px;
    }
    .post_contents_sp ul li {
        font-size: 1.4rem;
        letter-spacing:0.05em;
        padding-left: 22px;
        background: url(../img/disc.png) no-repeat 0px center;
        background-size:17px;
        margin-bottom:15px;
    }

    .post_contents_sp p .num {
        display:block;
        width:30px;
        float:left;
        font-weight: bold;
        margin-right:10px;
        border: 2px solid #222;
        color: #222;
        text-align: center;
        font-family: Arial,"ＭＳ Ｐゴシック",sans-serif;
        font-size:14px !important;
    }
    .post_contents_sp .use_list {
        width:100%;
        margin-top:40px;
    }
    .post_contents_sp  iframe {
        width:100%;
        margin-top:30px !important;
    }

.post_wrap {
    width:100%;
    padding: 20px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background-color:#f3f3f3;
    font-size:1.5rem;
    letter-spacing:0.05em;
    line-height:1.8em;
	 margin:20px 0;
	 font-weight: bold;
}
	
.post_wrap a {
    font-size:1.5rem;
	 font-weight:normal;
}

    /* ##### post_contents_sp ##### */


    /* ##### item_rec ##### */
    .item_rec {
        width:100%;
        position: relative;
        margin-top:25px;
        background-color:#fff;
        border:1px solid #ddd;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        padding:15px;
        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;
    }
    .item_image {
        width:80px;
        height:80px;
    }
    .item_image img {
        width:100%;
        margin-top:0;
    }
    .item_detail {
        flex:1;
        padding-left:14px;
    }
    .item_detail .item_title {
        padding: 0 !important;
        margin-top: 0 !important;
        font-size: 1.4rem;
        font-weight: 500;
        letter-spacing:0.05em;
        line-height:1.5;
        background: none !important;
    }
    .item_desc {
        display:none !important;
    }

    .item_price {
        width:100%;
        font-size:1.3rem;
        font-weight:500;
        letter-spacing:0.05rem;
        line-height:1.0;
        margin-top:10px !important;
    }
    .money {
        color:#111;
        font-size: 1.8rem;
        font-weight:600;
    }
    .tax {
        font-size: 1.2rem;
    }

    .item_detail .btn_style02 {
        text-align:center;
        margin-top:15px;
    }
    .item_detail .btn_style02 a {
        width:100% !important;
        font-size:1.6rem;
        font-weight:500;
        letter-spacing:0.05em;
        display:block;
        text-align:center;
        color:#fff;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        padding:16px 0 ;
        background-color:#ee7c1a;
        transition: all .3s;
    }

    /* ##### item_link_block ##### */
    .item_link_block {
        width:100%;
    }
    .item_link_block_left {
        width:40%;
        float:left;
    }
    .item_link_block_right {
        width:60%;
        float:right;
        padding-left:25px;
    }
    .item_link_block_right h3 {
    }
    .item_link_block_right p {
        font-size:80% !important;
    }

    .item_link_block_btn_sp {
        width:100%;
        position: relative;
        padding:10px 20px 20px;
        background-color:#f3f3f3;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        margin-top:10px;
        margin-bottom:40px;
    }
    .item_link_block_btn_sp_left {
        width:100%;
    }
    .item_link_block_btn_sp_left p {
        margin-top:10px;
    }
    .item_link_block_btn_sp_left p img {
        width:18px;
        margin-top:0 !important;
        margin-right:8px;
        vertical-align:middle;
        border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
    }
    .item_link_block_btn_sp_right {
        width:100%;
    }
    .item_link_block_btn_sp_right p {
        margin-top:12px;
    }
    .item_link_block_btn_sp_right p img {
        width:18px;
        margin-top:0 !important;
        margin-right:8px;
        vertical-align:middle;
        border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
    }

    .btn_style_rakuten {
        text-align: center;
        width: 100%;
    }
    .btn_style_rakuten a, a:link a:visited {
        display: block;
        text-decoration: none;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        color: #fff;
        font-size: 1.6rem !important;
        font-weight:500;
        padding: 16px 0;
        margin: 0 !important;
        background-color:#bb332f;
        background-size:17px 6px;
    }
    .btn_style_rakuten a:hover{
        background-color:#a42623;
        color:#fff;
    }

    .btn_style_amazon {
        text-align: center;
        width: 100%;
    }
    .btn_style_amazon a, a:link a:visited {
        display: block;
        text-decoration: none;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        color: #fff;
        font-size: 1.6rem !important;
        font-weight:500;
        padding: 16px 0;
        margin: 0 !important;
        background-color:#ed973b;
        background-size:17px 6px;
    }
    .btn_style_amazon a:hover{
        background-color:#e18522;
        color:#fff;
    }

    /* ##### item_link_block ##### */

    /* ##### item_rec ##### */


    /* ##### post_ec_contents_sp ##### */

    .post_ec_contents_sp {
        width:100%;
    }
    .post_ec_contents_sp h2 {
        font-size: 2.0rem;
        font-weight: 600;
        letter-spacing:0.05em;
        line-height:1.6;
        border-bottom: 1px dotted #ddd;
        padding-bottom: 8px;
        margin: 40px 0 20px;
    }
    .ec_box {
        display: table;
        float: left;
        width: 32%;
        margin-right: 2%;
        padding: 20px 0 0;
    }

    .ec_box_r {
        display: table;
        float: left;
        width: 32%;
        padding: 20px 0 0;
    }

    .ec_box span, .ec_box_r span {
        display: table-cell;
        width: 70px;
        height: 70px;
        vertical-align: middle;
        background-color: #f1f1f1;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }

    .ec_thumb {
        vertical-align: top;
        width: 80px;
    }

    .ec_thumb a:hover {
        opacity: 0.7;
    }

    .ec_inner {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
    }

    .ec_inner a {
        color: #222;
    }

    .ec_inner p {
        color: #222;
        width: auto !important;
        float: none !important;
        font-size: 90%;
        line-height: 1.4em !important;
        padding: 0 !important;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    /* ##### post_ec_contents_sp ##### */


    /* ##### small_cat_contents_sp ##### */

    .small_cat_contents_sp {
        width: 100%;
        margin-bottom:40px;
    }
    .small_cat_contents_sp h2 {
        text-align:center;
        font-size: 1.8em;
        font-weight: 600;
        letter-spacing:0.05em;
        line-height:1.6;
        margin-top: 40px;
    }
    .small_cat_contents_sp .small_cat_list_sp {
        width:100%;
        border-top: 1px dotted #ddd;
        margin-top:25px;
    }
    .small_cat_list {
        position:relative;
        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: center;
        background-color: #fff;
        border-bottom: 1px dotted #ddd;
        padding:15px;
    }
    .small_cat_list_thumb {
        width: 80px;
        height:80px;
        position:relative;
    }
    .small_cat_list .small_cat_list_thumb img {
        width: 80px;
        height:80px;
        object-fit: cover;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
    }
    .small_cat_list .small_cat_list_thumb .caption {
        display:none;
    }
    .small_cat_list .small_cat_list_thumb .mask {
        display:none;
    }

    .small_cat_list_desc {
        flex:1;
        padding-left:12px;
    }
    .small_cat_list .small_cat_list_desc h4 {
        color:#222;
        font-size:1.4rem;
        font-weight:500;
        line-height:1.5;
        letter-spacing:0.05em;
    }
    .small_cat_list .small_cat_list_desc p.cat_entry_text {
        display:none;
    }
    .small_cat_list p.update {
        display:none;
    }

    /* ##### small_cat_contents_sp ##### */


    /* ##### _popIn_recommend ##### */

    #_popIn_recommend {
        width:100%;
    }
    ._popIn_recommend_header {
        text-align:center;
        font-size: 1.8em !important;
        font-weight: 600 !important;
        letter-spacing:0.05em !important;
        line-height:1.6;
        padding-bottom:20px !important;
        background:none !important;
        border-bottom:1px dotted #ddd !important;
    }
    #_popIn_recommend_tile ._popIn_recommend_articles {
    }

    /* ##### _popIn_recommend ##### */


    /* #################### 大カテゴリ関連記事領域 #################### */

    .cat_column_list {
        width:267px !important;
        height:300px;
        margin-left:30px;
        float:left;
        vertical-align:top;
    }
    .cat_column_list_img {
        margin-bottom:15px;
    }
    .cat_column_list_img img {
        width:100%;
        height:165px;
        overflow:hidden;
    }
    .cat_column_list h5 {
        font-size:90%;
        font-weight:bold;
        border-bottom:1px dotted #ccc;
        padding-bottom:10px;
    }
    .cat_column_list a,a:link a:visited {
        color:#222;
        text-decoration:none;
        display:block;
        width:100%;
    }
    .cat_column_list a:hover {
        color: #4a8891;
        transition: all .3s;
    }

    /* #################### 大カテゴリ関連記事領域ここまで #################### */


    .single_contents_sp02_right {
        width:100%;
    }
    .single_contents_sp02_right .side_title_sp {
        position:relative;
        width:90%;
        background-color:#f3f3f3;
        padding:15px 0;
        margin: 0 auto 20px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
    }
    .single_contents_sp02_right .side_title_sp:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: -12px;
        left: 0;
        width: 0px;
        height: 0px;
        margin: auto;
        border-style: solid;
        border-color: #f3f3f3 transparent #f3f3f3 transparent;
        border-width: 12px 7px 0px 7px;
    }
    .single_contents_sp02_right .side_title_sp h3 {
        text-align:center;
        color:#111;
        font-size: 1.6rem;
        font-weight:600;
        letter-spacing:0.05em;
        line-height:1.6;
    }
    p.side_ranking_icon {
        position:absolute;
        top:-20px;
        right:5px;
        width:32px;
    }
    p.side_ranking_icon img {
        width:100%;
    }

    .pc-side-nav-fixed {
        display:none;
    }
    #ad-side-fixed {
        display:none;
    }

    /* #################### single_contents_sp #################### */



    /* #################### cat_contents_sp #################### */

    .cat_contents_sp {
        width:100%;
        padding-top:60px;
        padding-bottom:80px;
    }

    /* #################### cat_maintitle_sp #################### */

    .cat_maintitle_sp {
        width:100%;
    }
    .cat_maintitle_sp02 {
        width:100%;
        background-color:#f3f3f3;
        padding:40px 0;
    }
    .cat_maintitle_sp h2 {
        text-align:center;
        color:#fff;
        font-size:3.0rem;
        font-weight:700;
        letter-spacing:0.075em;
        line-height:1.0;
    }
    .cat_maintitle_sp p {
        color:#fff;
        text-align:center;
        font-size:1.2rem;
        font-weight:600;
        letter-spacing:0.075em;
        line-height:1.0;
        padding-top:6px;
    }
    .cat_contents_sp .bread_sp {
        width:100%;
        padding:10px 0;
        border-bottom:1px dotted #ddd;
    }
    .cat_contents_sp .bread_sp ul {
        font-size:1.2rem;
        letter-spacing:0.05em;
        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;
        margin:0 5%;
    }
    .cat_contents_sp .bread_sp ul li {
        margin-right:12px;
        background: url(../img/list_mk001.svg) no-repeat 0 center;
        background-size: 10px;
        padding-left:16px;
    }

    .lifestyle_title {
        background: url(../../img/lifestyle_img/sp/sp_lifestyle_maintitle_backimg.png) no-repeat 50% 50%;
        background-size: cover;
    }

    .room_title {
        background: url(../../img/room_img/sp/sp_room_maintitle_backimg.png) no-repeat 50% 50%;
        background-size: cover;
    }

    .item_title {
        background: url(../../img/item_img/sp/sp_item_maintitle_backimg.png) no-repeat 50% 50%;
        background-size: cover;
    }

    .idea_title {
        background: url(../../img/idea_img/sp/sp_idea_maintitle_backimg.png) no-repeat 50% 50%;
        background-size: cover;
    }

    .story_title {
        background: url(../../img/story_img/sp/sp_story_maintitle_backimg.jpg) no-repeat 50% 50%;
        background-size: cover;
    }

    .supervisor_title {
        background: url(../../img/supervisor_img/sp/sp_supervisor_maintitle_backimg.jpg) no-repeat 50% 50%;
        background-size: cover;
    }

    .lesson_title {
        background: url(https://makit.jp/wp-content/uploads/2020/06/lesson.jpg) no-repeat 50% 50%;
        background-size: cover;
    }

    /* #################### cat_maintitle_sp #################### */


    .cat_contents_sp .page_title_sp {
        width:90%;
        padding-top:30px;
        padding-bottom:25px;
        margin:0 auto;
    }
    .cat_contents_sp .page_title_sp h3 {
        line-height:1.5;
    }


    .cat_link_sp {
        width:100%;
        padding:20px 5px 14px ;
        background-color:#f3f3f3;
    }
    .cat_link_sp 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;
        justify-content: center;
    }
    .cat_link_sp ul li {
        margin: 0 3px 6px;
    }
    .cat_link_sp ul li a {
        display:inline-block;
        font-size:1.2rem;
        font-weight:500;
        letter-spacing:0.075em;
        line-height:1.0;
        border:1px solid #ddd;
        padding:12px 20px 10px;
        border-radius: 25px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        background-color:#fff;
    }

    .cat_contents_sp02 {
        width:100%;
    }

    .cat_contents_sp02_left {
        width:100%;
    }
    .cat_contents_sp02_left02 {
        width:100%;
    }
    .cat_entry_list_sp {
        width:100%;
        border-top:1px dotted #ddd;
    }
    .cat_entry_list {
        position:relative;
        width:100%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        background-color: #fff;
        border-bottom:1px dotted #ddd;
        padding:15px;
    }
    .cat_entry_list_thumb {
        width: 80px;
        height:80px;
        position:relative;
    }
    .cat_entry_list .cat_entry_list_thumb img {
        width: 80px;
        height:80px;
        object-fit: cover;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
    }
    .cat_entry_list .cat_entry_list_thumb .caption {
        display:none;
    }
    .cat_entry_list .cat_entry_list_thumb .mask {
        display:none;
    }

    .cat_entry_list_desc {
        flex:1;
        padding-left:12px;
    }
    .cat_entry_list .cat_entry_list_desc h6 {
        color:#222;
        font-size:1.1rem;
        font-weight:500;
        line-height:1.0;
        padding: 2px 0 10px;
    }
    .cat_entry_list .cat_entry_list_desc h4 {
        width:100%;
        color:#222;
        font-size:1.4rem;
        font-weight:500;
        line-height:1.5;
        letter-spacing:0.05em;
    }
    .cat_entry_list .cat_entry_list_desc p.cat_entry_text {
        display:none;
    }
    .cat_entry_list p.update {
        display:none;
    }

    .cat_entry_list .cat_entry_list_desc .cat_story_brand_sp {
        width:100%;
        margin-bottom:10px;
    }
    p.bs_story_brandname {
        color:#999;
        font-size:1.2rem;
        letter-spacing:0.05em;
        margin-bottom:8px;
        line-height:1.0;
    }
    .cat_entry_list .cat_entry_list_desc .cat_story_brand_sp h3 {
        font-size:1.6rem;
        color:#111;
        font-weight:500;
        line-height:1.0;
        letter-spacing:0.05em;
    }

    .cat_entry_list_option {
        display:none;
    }


    .cat_contents_sp02_right {
        width:100%;
    }
    .cat_contents_sp02_right .side_title_sp {
        position:relative;
        width:90%;
        background-color:#f3f3f3;
        padding:15px 0;
        margin: 0 auto 20px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
    }
    .cat_contents_sp02_right .side_title_sp:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: -12px;
        left: 0;
        width: 0px;
        height: 0px;
        margin: auto;
        border-style: solid;
        border-color: #f3f3f3 transparent #f3f3f3 transparent;
        border-width: 12px 7px 0px 7px;
    }
    .cat_contents_sp02_right .side_title_sp h3 {
        text-align:center;
        color:#111;
        font-size: 1.6rem;
        font-weight:600;
        letter-spacing:0.05em;
        line-height:1.6;
    }


    /* ############################ cat_contents_sp ############################ */



    /* #################### search_contents_sp #################### */

    .search_contents_sp {
        width:100%;
        padding-top:60px;
        padding-bottom:80px;
    }

    .search_contents_sp .bread_sp {
        width:90%;
        margin:0 auto;
        padding:10px 0;
        border-bottom:1px dotted #ddd;
    }
    .search_contents_sp .bread_sp ul {
        font-size:1.2rem;
        letter-spacing:0.05em;
        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;
    }
    .search_contents_sp .bread_sp ul li {
        margin-right:12px;
        background: url(../img/list_mk001.svg) no-repeat 0 center;
        background-size: 10px;
        padding-left:16px;
    }

    .search_contents_sp02 {
        width:100%;
        padding-top:30px;
    }

    .search_contents_sp02_left {
        width:100%;
    }
    .search_contents_sp02_left .page_title_sp h3 img {
        width:25px;
        margin-right:5px;
    }
    .search_contents_sp02_left02 {
        width:90%;
        background-color:#f3f3f3;
        border:2px dotted #ddd;
        margin: 0 auto 30px;
        padding:20px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
    }
    .search_contents_sp02_left02 p {
        font-size:1.2rem;
        letter-spacing:0.05em;
        line-height:1.5;
    }
    span.search_num {
        font-size:1.6rem;
        font-weight:500;
        color:#f00;
    }
    .search_list_sp {
        width:100%;
        border-top:1px dotted #ddd;
    }
    .search_list {
        width:100%;
        border-bottom: 1px dotted #ddd;
    }
    .search_list a {
        position: relative;
        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;
        padding:15px;
    }
    .search_list .search_list_thumb {
        width: 80px;
        height:80px;
        position:relative;
    }
    .search_list .search_list_thumb img {
        width: 80px;
        height:80px;
        object-fit: cover;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
    }
    .search_list .search_list_thumb .caption {
        display:none;
    }
    .search_list .search_list_thumb .mask {
        display:none;
    }
    .search_list .search_list_desc {
        flex:1;
        padding-left:12px;
    }
    .search_list .search_list_desc h4 {
        color:#222;
        font-size:1.4rem;
        font-weight:500;
        line-height:1.5;
        letter-spacing:0.05em;
    }
    .search_list .search_list_desc p.update {
        text-align:right;
        color:#666;
        font-size:1.0rem;
        line-height:1.0;
        letter-spacing:0.05em;
        padding-top:10px;
    }

    .search_contents_sp02_right {
        width: 100%;
    }
    .search_contents_sp02_right .side_title_sp {
        position:relative;
        width:90%;
        background-color:#f3f3f3;
        padding:15px 0;
        margin: 0 auto 20px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
    }
    .search_contents_sp02_right .side_title_sp:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: -12px;
        left: 0;
        width: 0px;
        height: 0px;
        margin: auto;
        border-style: solid;
        border-color: #f3f3f3 transparent #f3f3f3 transparent;
        border-width: 12px 7px 0px 7px;
    }
    .search_contents_sp02_right .side_title_sp h3 {
        text-align:center;
        color:#111;
        font-size: 1.6rem;
        font-weight:600;
        letter-spacing:0.05em;
        line-height:1.6;
    }

    /* #################### search_contents_sp #################### */



    /* ###### 広告掲載フォーム用ボタン ##### */

    .contact_btn_style {
        text-align:center !important;
    }

    .contact_btn_style a,a:link a:visited {
        display: block;
        margin: 0 auto;
        font-size: 100% !important;
        width:90%;
        color:#fff;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        padding:13px 0;
        background-color:#ee7c1a;
        margin:0 auto;
    }

    .contact_btn_style a:hover {
        text-decoration:none;
        background-color:#e95504;
    }


    /* ###### 広告掲載フォーム用ボタンここまで ##### */



    /* ###### wp-pagenavi ###### */

    .wp-pagenavi {
        position: relative;
        width: 100%;
        height: 60px;
        line-height: 60px;
        background-color:#f3f3f3;
        clear:both;
        text-align: center;
        border-bottom:1px dotted #ddd;
    }

    .wp-pagenavi img {
        width: 9px !important;
        vertical-align: middle !important;
        background-color: #f3f3f3 !important;
        float: none !important;
        margin: 0 !important;

    }

    .wp-pagenavi .pages {
        color: #666;
        font-weight: 500;
        font-size:1.3rem;
        position: absolute;
        padding: 0 !important;
        margin: 0 20px 0 -20px !important;
    }

    .wp-pagenavi a.nextpostslink {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 15px 0 80px !important;
    }

    .wp-pagenavi a.previouspostslink {
        position: absolute;
        top: 0;
        left: 0;
        padding: 0 80px 0 15px !important;
    }

    .wp-pagenavi a, .wp-pagenavi span {
        line-height: 60px !important;
        height: 60px !important;
        border: none !important;
        margin: 0px !important;
        text-decoration: none;
        text-align: center !important;
    }

    .nextpostslink {
        float:right;
    }

    .previouspostslink {
        float:left;
    }

    .wp-pagenavi .smaller,.wp-pagenavi .last,.wp-pagenavi .first,.wp-pagenavi .current,.wp-pagenavi .extend,.wp-pagenavi .larger{
        display:none;
    }

    /* ###### wp-pagenavi ###### */



    /* ############################ ログイン ######################### */
    .login {
        display: block;
        float: left;
        margin-top: 15px;
        padding:0 !important;
    }

    .login p {
        width: 100%;
        float: left;
        font-size: 90%;
        line-height:1.6em;
        padding: 10px 0;
    }

    .login h2 {
        width: 100%;
        float: left;
        font-size: 100%;
        border-bottom: 2px dotted #ddd;
        padding: 3px 0 8px;
        margin: 20px 0 0px;
    }

    .login_sns {
        width: 80%;
        float: left;
        padding: 0 !important;
        margin: 30px 10% 0 10%;
    }

    .login_text {
        width: 100%;
        font-size: 90%;
        float: left;
        text-align: left;
    }

    .login_box {
        width: 100%;
        float: left;
        margin-top: 10px;
    }

    .login form label {
        line-height: 1 !important;
    }

    .login_left {
        text-align: left;
        font-weight: bold;
        font-size: 90%;
    }

    #user_login, #user_pass {
        width: 94%;
        height: 40px;
        font-size: 80% !important;
        border: solid 1px #CCC;
        padding: 0 3%;
        border-radius: 3px;
    }

    .forgetmenot {
        width: 100%;
        font-size: 80%;
        float: left;
        text-align: center;
    }

    #wp-submit {
        width: 100%;
        height: 3.5em;
        float: left;
        margin: 0 !important;
        padding: 0 !important;
        background: #4A8891 !important;
        font-size: 110% !important;
        font-weight: bold !important;
        line-height: 3.5em;
        border-radius: 5px;
        color: #fff !important;
        border: none !important;
        cursor: pointer;
        -webkit-transition: all .3s;
        transition: all .3s;
        text-align: center;
    }

    #wp-submit:hover {
        /*background: #4EBC52 !important;*/
    }

    #wp-submit a {
        color: #fff;
        font-weight: bold !important;
    }

    #wp-submit2 {
        width: 100%;
        float: left;
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
        font-size: 100% !important;
        border: 1px solid #4A8891 !important;
        border-radius: 5px;
        color: #4A8891 !important;
        cursor: pointer;
        -webkit-transition: all .3s;
        transition: all .3s;
        text-align: center;
    }

    #wp-submit2 a {
        display: block;
        width: 100%;
        height: 3.5em;
        line-height: 3.5em;
        color: #4A8891 !important;
        font-weight: bold;
    }

    #lostpasswordform .submit {
        margin-top:10px;
    }

    .tml-action-links {
        width: 100%;
        float: left;
        margin-top: 20px;
    }

    .tml-action-links li {
        background-image: url("images/list_mark2.png");
        background-position: 0 5px;
        background-repeat: no-repeat;
        padding: 0 0 0 16px;
    }

    .login p.message {
        background-color: #fff !important;
        border: 1px solid #f00 !important;
        float: left;
        margin-top: 10px !important;
        padding: 2% !important;
        border-radius: 5px;
        width: 96% !important;
        text-align: center;
    }

    .login p.error {
        background-color: #ffebe8;
        border: 1px solid #c00;
        color: #333;
        float: left;
        margin: 10px 0 !important;
        padding: 2% !important;
        width: 96% !important;
    }

    #wpg-login {
        width: 100%;
        float: left;
        margin-top: 15px !important;
    }

    .login_facebook {
        width: 100%;
        float: left;
        height: 3em;
        line-height: 3em;
        font-size: 15px;
        text-align: center;
        text-decoration: none !important;
        color: #fff;
        background-color: #3B539B;
        margin-top: 10px;
        border-radius: 5px;
    }

    .login_twitter {
        width: 100%;
        float: left;
        height: 3em;
        line-height: 3em;
        font-size: 15px;
        text-align: center;
        text-decoration: none !important;
        color: #fff;
        background-color: #39A8F1;
        margin-top: 10px;
        border-radius: 5px;
    }

    .login_google {
        width: 100%;
        float: left;
        height: 3em;
        line-height: 3em;
        font-size: 15px;
        text-align: center;
        text-decoration: none !important;
        color: #fff;
        background-color: #DF4A32;
        margin-right: 2%;
        border-radius: 5px;
        margin-top: 10px;
    }

    /* ############################ ユーザー画面 ######################### */
    #activity-mentions {
        display: none;
    }

    #activity-filter-select {
        display: none;
    }

    #latest-update a {
        display: none;
    }

    .acomment-reply {
        display: none;
    }

    .fav {
        display: none;
    }

    .user_box {
        width: 92%;
        padding: 0 4% 4%;
        float: left;
        background-color: #fff;
    }

    #item-nav {
        width: 100%;
        float: left;
    }

    div.item-list-tabs {
        background: #EEE none repeat scroll 0 0;
        clear: left;
        margin: 0 !important;
        overflow: hidden;
    }

    div#subnav.item-list-tabs {
        background: #fff none repeat scroll 0 0;
        border-bottom: 1px solid #CCC !important;
        margin: 0 !important;
        height: 3em;
        line-height: 3em;
        overflow: hidden;
    }

    #item-body {
        width: 100%;
        float: left;
        background-color: #fff;
    }

    div.activity {
        width: 100%;
        float: left;
    }

    .bookmark_title {
        width: 98%;
        float: left;
        font-size: 15px;
        border-left: 5px solid #4C4646;
        padding: 2px 0 2px 2%;
    }

    .profile {
        width: 92%;
        padding: 0 4% 10px;
        float: left;
    }

    .profile #email {
        width: 80% !important;
    }

    .profile #pass1, .profile #pass2 {
        width: 60% !important;
    }

    .profile label {
        font-size: 90%;
    }

    #latest-update h3 {
        width: 100%;
        float: left;
        font-size: 15px;
        color: #4C4646 !important;
    }

    #aw-whats-new-submit {
        width: 100%;
        height: 3em;
        float: left;
        padding: 0 !important;
        background: #97BC5F !important;
        font-size: 15px;
        line-height: 3em;
        border-radius: 5px;
        color: #fff;
        border: none !important;
        cursor: pointer;
        -webkit-transition: all .3s;
        transition: all .3s;
        text-align: center;
    }

    #aw-whats-new-submit:hover, #profile-group-edit-submit:hover, .general-edit-submit:hover, #delete-account-button:hover, .wpfp-link:hover {
        /*background: #ccc !important;
	text-decoration: none;*/
    }

    #field-visibility-settings-toggle-1 {
        display: none;
    }

    #message {
        width: 92%;
        padding: 20px 4% 0;
        margin: 0 !important;
    }

    div#message p {
        border: 1px solid #4A8891 !important;
        -moz-border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
        border-radius: 5px !important;
        font-weight: normal;
        margin-top: 3px;
        text-decoration: none;
        background-color: #d1e5e4 !important;
        font-size: 90% !important;
        display: block;
        padding: 20px 30px !important;
        background-image: none !important;

    }

    div#message.updated p {
        background-color: #d1e5e4 !important;
        border-color: #4A8891 !important;
        color: #4A8891 !important;

    }

    #whats-new-options {
        height: 60px !important;
        overflow: visible !important;
    }

    #profile-group-edit-submit, .general-edit-submit, #delete-account-button {
        width: 100%;
        height: 3.5em;
        float: left;
        margin: 15px 0 !important;
        padding: 0 !important;
        background: #4A8891 !important;
        font-size: 100% !important;
        font-weight: bold !important;
        line-height: 3.5em;
        border-radius: 5px;
        color: #fff !important;
        border: none !important;
        cursor: pointer;
        -webkit-transition: all .3s;
        transition: all .3s;
        text-align: center;
    }

    .wpfp-link {
        width: 80%;
        margin: 20px 10%;
        height: 3em;
        float: left;
        padding: 0 !important;
        background: #f1f1f1 !important;
        font-size: 15px !important;
        line-height: 3em;
        border-radius: 5px;
        color: #fff  !important;
        border: none !important;
        cursor: pointer;
        -webkit-transition: all .3s;
        transition: all .3s;
        text-align: center;
    }

    #notifications-personal-li {
        display: none;
    }

    .remove-parent {
        display: none !important;
    }

    #object-nav {
        background-color: #fff;
    }

    #just-me-personal-li, #public-personal-li, #general-personal-li {
        height: 2em;
        line-height: 2em;
    }

    #whats-new-submit {
        width: 60% !important;
    }

    div#subnav.item-list-tabs ul li {
        float: left !important;
        height: 2em;
        line-height: 2em;
        margin-top: 0;
    }

    div#item-header {
        display: block;
        width: 100%;
        line-height: 0;
        margin: auto !important;
    }

    div#item-nav h2 {
        font-size: 100% !important;
        border-bottom:1px solid #f1f1f1;
        height: 40px;
        line-height: 40px !important;
        padding: 0 15px !important;
        margin: 0 !important;
    }

    div#item-nav ul {
        width: 100%;
        display: inline-block;
    }

    div#item-nav li {
        font-size: 100% !important;
        border-bottom:1px solid #f1f1f1;
        height: 40px;
        line-height: 40px !important;
        padding: 0 15px !important;
        margin: 0 !important;
    }

    div#item-nav li a {
        color: #222 !important;
    }

    #bp-uploader-warning {
        display: none !important;
    }

    div#item-header div#item-header-content {
        margin: 0 auto !important;
    }

    #item-header-avatar h1 {
        font-size: 100% !important;
        margin: 6px 0 0 !important;
        color: #fff;
        line-height: 1 !important;
    }

    #item-header-avatar {
        width: 100%;
        height: 180px;
        position: relative;
        vertical-align: middle;
        text-align: center;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    #item-header-avatar img {
        border-radius: 50%;
        width: 70px;
        height: 70px;
        float: none !important;
        margin: 0 !important;
    }

    #item-header-avatar .shadow {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.3);
    }

    #item-header-avatar .user_edit {
        position: absolute;
        right: 10px;
        bottom: 10px;
    }

    #item-header-avatar .user_edit a {
        font-size: 80%;
        color: #fff;
        line-height: 1;
    }

    #user-header {
        width: 100%;
        display: table;
        table-layout: fixed;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 120px;
        margin: auto;
    }

    #user-header-info {
        display: table-cell;
        vertical-align: middle;
        padding: 0 15px;
        text-align: center;
    }


    /* ############################ お問い合わせフォーム ######################### */

    .form_title {
        width: 100%;
        float: left;
        font-size: 15px;
        font-weight: bold;
    }

    .form_title2 {
        width: 100%;
        float: left;
        font-size: 15px;
        font-weight: bold;
        margin-top: 15px;
    }

    .wpcf7-text, .wpcf7-textarea {
        float: left;
        border: 1px solid #ccc;
        border-radius: 3px;
        font-size: 14px;
        padding: 1%;
        width: 98%;
    }

    .wpcf7-submit {
        width: 100%;
        height: 3em;
        float: left;
        margin: 20px 0 0 0 !important;
        padding: 0 !important;
        background: #4A8891 !important;
        font-size: 17px !important;
        line-height: 3em;
        border-radius: 5px;
        color: #fff !important;
        border: none !important;
        cursor: pointer;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

    .wpcf7-submit:hover {
        /*background: #4EBC52 !important;*/
    }

    .wpcf7-response-output {
        width: 94%;
        float: left;
        margin:15px 0 0 0 !important;
        padding: 3% !important;
        text-align: center !important;
    }




    /* ############################ マイページ シェアフッター ######################### */


    .wpfp-span .navigation {
        font-family: Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif !important;
        font-style: normal !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .wpfp-img {
        display: none !important;
    }

    .activity .wpfp-link {
        display: none;
    }

    .fav_regi p {
        margin-top: 5px;
        color: #fff;
    }



    .sns_icon {
        overflow: hidden;
    }

    .fb_iine {
        width: 22% !important;
    }
    /*
.fb-like iframe ._56zz {
	display: none !important;
}
*/

    .fblike_box {
        width: 100%;
        overflow: hidden;
        margin: 0 0 20px;
        position: relative;
    }

    .fblike_box p{
        text-align: center;
        font-size: 95%;
        font-weight: bold;
    }

    .fblike_block {
        width: 90%;
        height: 100px;
        overflow: hidden;
        position: relative;
        margin:10px auto 0;
        background-color:#fff !important;
    }

    .fblike_inner {
        float: left;
        width: 100%;
        height: 100px;
        padding-left: 110px;
        background-color: #f1f1f1;
        box-sizing: border-box;
    }

    .fblike_box .fblike_inner p {
        padding: 0;
        text-align: left;
        font-size: 70%;
        font-weight: normal;
        line-height: 1.5em;
        width: 96%;
        margin-top: 10px;
    }

    .fblike_count {
        width: 100%;
        margin: 10px auto;
    }

    .fblike_thumb {
        float: left;
    }

    .fblike_thumb img {
        width: 100px;
        height: 100px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .fblike_count {
        float: left;
    }



    /* ###### rank_box ###### */

    .side_box {
        width:100%;
        margin-bottom: 30px;
        border-top: 1px dotted #ddd;
    }
    .rank_box {
        width: 100%;
        border-bottom: 1px dotted #ddd;
        background-color: #fff;
        position: relative;
    }
    .rank_box a {
        position: relative;
        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;
        padding:15px;
    }
    .rank_box .rank_thumb {
        width: 80px;
        height:80px;
        position:relative;
    }
    .rank_box .rank_thumb img {
        width: 80px;
        height:80px;
        object-fit: cover;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
    }

    li:nth-child(1).rank_box:before {
        content: "";
        width:30px;
        height:30px;
        position: absolute;
        top: -10px;
        right: 8px;
        background:url(../img/ranking_no1_img.png) no-repeat 0 0;
        background-size:30px;
        z-index: 1000;
    }

    li:nth-child(2).rank_box:before {
        content: "";
        width:25px;
        height:25px;
        position: absolute;
        top: -8px;
        right: 9px;
        background:url(../img/ranking_no2_img.png) no-repeat 0 0;
        background-size:25px;
        z-index: 1000;
    }

    li:nth-child(3).rank_box:before {
        content: "";
        width:25px;
        height:25px;
        position: absolute;
        top: -8px;
        right: 9px;
        background:url(../img/ranking_no3_img.png) no-repeat 0 0;
        background-size:25px;
        z-index: 1000;
    }

    .rank_box .rank_inner {
        flex:1;
        padding-left:12px;
    }
    .rank_box .rank_inner p {
        color:#222;
        font-size:1.4rem;
        font-weight:500;
        line-height:1.5;
        letter-spacing:0.05em;
    }

    /* ###### rank_box ###### */



    /* ############################ 記事外バナー追加用 ######################### */

    .out_post_box {
        width: 90%;
        background-color: #fff;
        margin:30px auto 0;
    }

    .out_post_box h2 {
        width: 100%;
        color:#222;
        font-size: 100%;
        font-weight:bold;
        border-bottom: 1px dotted #ccc;
        padding-bottom:6px;
        margin-bottom:20px;
    }

    .out_post_box p {
        width: 100%;
        font-size:80%;
        line-height:1.6em;
        margin-bottom:30px;
    }

    .out_post_box img {
        max-width: 100%;
        height: auto;
        padding: 10px 0;
    }

    .top_post_box {
        width: 90%;
        background-color: #fff;
        margin:0 auto;
    }

    .top_post_box img {
        width:100%;
    }

    .top_ad_box {
        width: 100%;
        text-align:center;
        margin-top:20px;
    }

    .out_ad_box {
        width: 90%;
        background-color: #fff;
        margin:30px auto 0;
    }

    .out_ad_box h2 {
        width: 100%;
        color:#222;
        font-size: 100%;
        font-weight:bold;
        border-bottom: 1px dotted #ccc;
        padding-bottom:6px;
        margin-bottom:20px;
    }


    /* ############################ supervisor_contents_sp ######################### */




    /* ############################ 監修者詳細  ############################ */

    .supervisor_contents_sp {
        width:100%;
        padding-top:60px;
        padding-bottom:80px;
    }
    .supervisor_contents_sp .bread_sp {
        width:90%;
        margin:0 auto;
        padding:10px 0;
        border-bottom:1px dotted #ddd;
    }
    .supervisor_contents_sp .bread_sp ul {
        font-size:1.2rem;
        letter-spacing:0.05em;
        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;
    }
    .supervisor_contents_sp .bread_sp ul li {
        margin-right:12px;
        background: url(../img/list_mk001.svg) no-repeat 0 center;
        background-size: 10px;
        padding-left:16px;
    }
    .supervisor_contents_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;
        padding-top:30px;
    }
    .supervisor_contents_sp02_left {
        width:100%;
    }


    .supervisor_list_sp {
        width:90%;
        margin:0 auto;
    }
    .supervisor_list {
        position:relative;
        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;
        border:1px dotted #ddd;
        padding:15px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        background-color:#f2efe7;
        margin-bottom:20px;
    }
    .supervisor_list .supervisor_list_thumb {
        width:60px;
        position: relative;
    }
    .supervisor_list .supervisor_list_thumb p {
        width:60px;
        height:60px;
    }
    .supervisor_list .supervisor_list_thumb p img {
        width:100%;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }
    .supervisor_list .supervisor_list_desc {
        flex:1;
        padding-left:14px;
    }
    .supervisor_list .supervisor_list_desc h3 {
        color:#222;
        font-size: 1.6rem;
        line-height:1.4;
        font-weight: 500;
        letter-spacing:0.05em;
    }
    .supervisor_list .supervisor_list_desc h3 span.supervisor_belong {
        display:block;
        font-size: 1.1rem;
        color:#999;
        padding-top:5px;
        line-height:1.4;
    }
    .supervisor_list .supervisor_list_desc p {
        display:none;
    }
    .supervisor_list .supervisor_list_desc h6 {
        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;
        justify-content: flex-end;
        margin-top:12px;
    }
    .supervisor_list .supervisor_list_desc h6 a {
        font-size:1.2rem;
        line-height:1.0;
        letter-spacing:0.05em;
        font-weight:500;
        background: url(../img/disc.png) no-repeat 0px center;
        background-size:20px;
        padding-left:26px;
    }

    .supervisor-card {
        width: 90%;
        padding:20px 15px;
        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;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        margin: 0 auto 30px;
        background-color:#f2efe7;
        border:2px dotted #ddd;
    }

    .supervisor-card__thumb {
        width: 70px;
    }
    img.supervisor-card__thumb_img {
        width: 70px;
        height: 70px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    .supervisor-card__wrap {
        flex:1;
        padding-left:12px;
    }
    h3.supervisor-card__name {
        color:#222;
        font-size:2.0rem;
        letter-spacing:0.05em;
        font-weight: 500;
        line-height:1.0;
        background: url(../img/person_illust.svg) no-repeat 0px center;
        background-size:18px;
        padding-left:24px;
    }
    p.supervisor-card__url {
        font-size:1.3rem;
        letter-spacing:0.05em;
        margin-top:5px;
        line-height:1.4;
        word-break: break-all;
    }
    p.supervisor-card__url img {
        display:none;
    }
    h4.supervisor-card__belong {
        font-size:1.1rem;
        letter-spacing:0.05em;
        color: #999;
        padding-top:1px;
    }

    p.supervisor-card__profile {
        font-size:1.3rem;
        text-align:justify;
        line-height:1.6;
        letter-spacing:0.05em;
        margin-top:12px;
        padding:0 5px;
    }

    .supervisor_entry_list_sp {
        width:100%;
        border-top:1px dotted #ddd;
    }
    .supervisor_entry_list {
        width:100%;
        border-bottom: 1px dotted #ddd;
    }
    .supervisor_entry_list a {
        position: relative;
        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;
        padding:15px;
    }
    .supervisor_entry_list .supervisor_entry_list_thumb {
        width: 80px;
        height:80px;
        position:relative;
    }
    .supervisor_entry_list .supervisor_entry_list_thumb img {
        width: 80px;
        height:80px;
        object-fit: cover;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
    }
    .supervisor_entry_list .supervisor_entry_list_thumb .caption {
        display:none;
    }
    .supervisor_entry_list .supervisor_entry_list_thumb .mask {
        display:none;
    }
    .supervisor_entry_list .supervisor_entry_list_desc {
        flex:1;
        padding-left:12px;
    }
    .supervisor_entry_list .supervisor_entry_list_desc h4 {
        color:#222;
        font-size:1.4rem;
        font-weight:500;
        line-height:1.5;
        letter-spacing:0.05em;
    }
    .supervisor_entry_list .supervisor_entry_list_desc p.update {
        text-align:right;
        color:#666;
        font-size:1.0rem;
        line-height:1.0;
        letter-spacing:0.05em;
        padding-top:10px;
    }


    .supervisor_contents_sp02_right {
        width:100%;
    }
    .supervisor_contents_sp02_right .side_title_sp {
        position:relative;
        width:90%;
        background-color:#f3f3f3;
        padding:15px 0;
        margin: 0 auto 20px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
    }
    .supervisor_contents_sp02_right .side_title_sp:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: -12px;
        left: 0;
        width: 0px;
        height: 0px;
        margin: auto;
        border-style: solid;
        border-color: #f3f3f3 transparent #f3f3f3 transparent;
        border-width: 12px 7px 0px 7px;
    }
    .supervisor_contents_sp02_right .side_title_sp h3 {
        text-align:center;
        color:#111;
        font-size: 1.6rem;
        font-weight:600;
        letter-spacing:0.05em;
        line-height:1.6;
    }


    /* ############################ supervisor_contents_sp ######################### */



    /* ############################ video ######################### */

    .video {
        position: relative;
        height: 0;
        padding: 30px 0 56.25%;
        overflow: hidden;
    }
    .video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 99%;
        height: 100%;
    }

    /* ############################ video ######################### */


    /* ############################ footer_sp ######################### */

    .footer_sp {
        width:100%;
        background-color:#f3f3f3;
    }
    .footer_sp02 {
        position: relative;
        width:90%;
        margin:0 auto;
        padding:40px 0;
    }
    .footer_sp_left {
        width:100%;
    }
    .footer_sns {
        width:100%;
    }
    .footer_sns 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;
        justify-content: center;
    }
    .footer_sns ul li {
        width:35px;
        margin: 0 6px;
    }
    .footer_sns ul li img {
        width:100%;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }

    .footer_list {
        width:100%;
        margin-top:30px;
    }
    .footer_list ul {
        text-align:center;
        font-size:1.3rem;
        letter-spacing:0.05em;
        border-top:1px dotted #ccc;
    }
    .footer_list ul li {
        border-bottom:1px dotted #ccc;
    }
    .footer_list ul li a {
        display:block;
        position: relative;
        padding:12px 0;
        background: url(../img/list_mk001.svg) no-repeat right center;
        background-size: 10px;
    }

    .footer_sp_right {
        width:100px;
        margin: 40px auto 0;
    }
    .footer_sp_right p {
        width:100px;
    }
    .footer_sp_right p img {
        width:100%;
    }

    .copy {
        width:100%;
        background-color:#111;
        padding:14px 0;
    }
    .copy p {
        font-size:1.0rem;
        color:#fff;
        text-align:center;
        line-height:1.0;
        letter-spacing:0.1em;
    }

    p.footer_mountain {
        position:absolute;
        right:-10px;
        top:-45px;
    }
    p.footer_mountain img {
        width:120px;
    }

    /* ############################ footer_sp ######################### */



    /* ############################ add_style ############################ */

    .SP_bottom {
        margin: 10px 0;
    }

    .SP_top{
        margin: 10px 0;
    }

    .pc_add_page_top_sp {
        display:none;
    }
    .pc_add_page_top_sp_left {
        display:none;
    }
    .pc_add_page_top_sp_right {
        display:none;
    }

    .pc_add_page_middle_sp {
        display:none;
    }
    .pc_add_page_middle_sp_left {
        display:none;
    }
    .pc_add_page_middle_sp_right {
        display:none;
    }

    .pc_add_page_bottom_sp {
        display:none;
    }
    .pc_add_side_middle_sp {
        display:none;
    }

    .sp_add_page_top_sp {
        text-align: center;
        width:94%;
        margin:30px auto 0;
    }
    .sp_add_page_middle_sp {
        text-align: center;
        width:94%;
        margin:0 auto;
    }
    .sp_add_page_bottom_sp {
        text-align: center;
        width:94%;
        margin:0 auto 30px;
    }
    .sp_add_page_bottom_sp02 {
        text-align: center;
        width:94%;
        margin:0 auto;
    }
    .sp_add_page_bottom_sp02_01 {
        text-align: center;
        width:100%;
        margin-bottom: 30px;
    }

    .sp_add_fixed_sp {
        position: fixed;
        bottom: 0;
        line-height: 0;
        width: 100%;
        background-color: rgba(255,255,255,0.8);
        z-index: 999;
        text-align: center;
    }

    .add_side_top_sp {
        text-align: center;
        width:100%;
        margin:40px auto 25px;
    }

    /* ############################ add_style ############################ */


    .center {
        text-align: center;
    }
    .right {
        text-align: right;
    }

    .pc {
        display:none;
    }
	
          /* ############################ Rinker_style ############################ */
    .yyi-rinker-box {

    }
    .yyi-rinker-box ul {
        background-color: transparent;
        margin-bottom: 0 !important;
    }
    div.yyi-rinker-contents {
        box-shadow: 2px 3px 8px -5px rgba(0,0,0,.1) !important;
        width: 100%;
    }

    div.yyi-rinker-contents div.yyi-rinker-box {
        padding: 15px !important;
        display: block!important;
    }

    div.yyi-rinker-contents div.yyi-rinker-box .yyi-rinker-info {
        width: 100%;
    }

    div.yyi-rinker-contents .yyi-rinker-title {
        font-size: 2rem;
        line-height: 1.2;
        letter-spacing: -0.8px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    div.yyi-rinker-contents .yyi-rinker-detail .brand {
        font-size: 1.5rem;
    }

    div.yyi-rinker-contents div.yyi-rinker-detail {
        padding-left: 0px !important;
    }

    ul.yyi-rinker-links {
        display: block !important;
    }

    div.yyi-rinker-contents ul.yyi-rinker-links li {
        margin: 2px 0 15px  0 !important;
        padding: 10px !important;
        box-shadow: 0 6px 12px -5px rgba(0, 0, 0, .30);
        font-size: 2rem !important;
        font-weight: bold !important;
    }

    div.yyi-rinker-contents ul.yyi-rinker-links li:last-of-type {
        margin-bottom: 0 !important;
    }

    div.yyi-rinker-contents ul.yyi-rinker-links li a {
        text-align: center !important;
    }

    div.yyi-rinker-contents img {
        margin-top: 0 !important;
    }

    div.yyi-rinker-contents div.yyi-rinker-image {
        align-items: normal !important;
        margin: 20px auto 40px auto !important;
    }
	
	
	
	
/* 閉じカッコ */
}