@media only screen and (min-device-width: 320px) and (max-device-width: 480px),
only screen and (max-width: 480px),
only screen and (orientation: landscape) and (max-width: 640px) {
    #main-photo-sp {
        display: block;
        width: 100%
    }
    #main-photo-sp img {
        width: 100%
    }
    #article {
        width: auto;
        padding: 10px
    }
    #article #article-date {
        display: none
    }
    #article #article-date-sp {
        display: block;
        padding: 10px 0
    }
    #article #articleSns-top {
        display: none
    }
    #article #main-title {
        padding: 0
    }
    #article #main-photo {
        display: none
    }
    #article .curator-info {
        display: box;
        display: -moz-box;
        display: -webkit-box;
        padding: 15px;
        margin-bottom: 20px
    }
    #article .curator-info .photo {
        float: none;
        width: 60px
    }
    #article .curator-info .photo img {
        border-radius: 60px;
        width: 60px;
        height: 60px
    }
    #article .curator-info .txt {
        box-flex: 1;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        float: none;
        width: auto
    }
    #article .curator-info .txt dt {
        font-size: 12px;
        margin-bottom: 10px;
        font-weight: bold
    }
    #article .curator-info .txt dt span,
    #article .curator-info .txt dd {
        font-size: 11px;
        display: block
    }
    #article #article-text p img {
        width: 100%;
        margin-bottom: 25px;
    }
    #article .articleSns-bottom.sp {
        display: block
    }

    .articleSns-bottom.pc {
        display: none;
    }
    #article .articleSns-bottom {
        margin-bottom: 20px
    }
    #article .articleSns-bottom .tw {
        width: auto;
    }
    #article .articleSns-bottom .fb {
        width: auto;
    }
    #article .articleSns-bottom .hb {
        width: auto;
    }
    #article .articleSns-bottom .sh {
        display: block;
        width: 70px;
        height: 60px;
        background: url(https://c-gurusuguri.gnst.jp/magazine_common/img/c/sp_sh.png) 22px 9px no-repeat #fcb800;
        background-size: 21px 22px;
        -moz-background-size: 21px 22px;
        -webkit-background-size: 21px 22px;
        text-align: center;
        margin-right: 0
    }
    #article .articleSns-bottom .sh a {
        font-size: 11px;
        padding-top: 40px;
        height: 20px;
        width: 70px;
        color: #fff;
        text-decoration: none;
        display: block
    }
    #article #articleSns-share {
        display: none
    }
    #article .item-info {
        margin-bottom: 20px;
        padding: 10px
    }
    #article .item-info a {
        background: none;
        text-decoration: none;
        width: 100%
    }
    #article .item-info .photo {
        float: none;
        width: 78px;
        height: auto !important
    }
    #article .item-info .photo img {
        width: 100%
    }
    #article .item-info .txt {
        float: none;
        width: auto;
        height: auto !important
    }
    #article .item-info .txt dt,
    #article .item-info .txt dt {
        color: #000;
        font-size: 13px;
        font-weight: bold;
        margin-bottom: 5px
    }
    #article .item-info .txt dd {
        font-size: 11px;
        margin-bottom: 5px
    }
    #article .item-info .txt-w {
        width: auto
    }
    #article .item-info .item-link {
        display: none
    }
    #article .item-info-sp-a {
        background: #fff;
        display: block;
        padding: 0 0 10px;
        margin: 10px 0 0
    }
    #article .item-info-sp-a .item-link {
        width: 100%;
        display: block;
        text-indent: -9999px;
        padding: 8px 0;
        background: url(https://c-gurusuguri.gnst.jp/magazine_common/img/c/arrow03_s.png) center center no-repeat #fcc800;
        background-size: 6px 13px;
        -moz-background-size: 6px 13px;
        -webkit-background-size: 6px 13px
    }
    #article #article-text.sp h1,
    .related #article-text.sp h1 {
        margin-bottom: 15px;
        font-size: 18px;
        padding-bottom: 10px;
    }
    .square-box {
        margin: 0 0 20px;
    }
    .square-box .square-box-main {
        display: box;
        display: -moz-box;
        display: -webkit-box
    }
    .square-box .square-box-main .photo {
        margin-left: 10px;
    }
    .square-box .square-box-main .photo,
    .square-box .square-box-main .photo img {
        width: 80px;
        height: 80px
    }
    .square-box .square-box-main .title {
        box-flex: 1;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        background: 0 0;
        position: relative
    }
    .square-box .square-box-main .title .title-in {
        color: #000;
        font-size: 14px;
        padding: 0 13px
    }
    .square-box .sp {
        display: none
    }
    .c-related .square-box-c a {
        display: box;
        display: -moz-box;
        display: -webkit-box;
        width: 100%;
        background: none;
    }
    .c-related .square-box-c a .square-box-c-main {
        width: 80px;
        height: 80px;
    }
    .c-related .square-box-c .square-box-c-curator {
        box-flex: 1;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        background: none;
    }
    .c-related .square-box-c .square-box-c-curator dd,
    .c-related .square-box-c .square-box-c-curator .cnt-sns {
        display: none;
    }
    .c-related .square-box-c .square-box-c-curator .name {
        color: #444;
        font-weight: normal;
        font-size: 14px;
    }
    .c-related .square-box-c .square-box-c-main .photo img {
        width: 80px;
        height: 80px;
    }
    .related {
        padding: 0 10px
    }

    .item-info-txt {
        float: none;
        width: auto;
        box-flex: 1;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
    }

    .item-info-photo {
        float: none;
        width: 80px;
        margin-right: 0;
        margin-left: 10px;
    }
    #article .item-info .txt-w {
        width: auto
        display: box;
        display: -moz-box;
        display: -webkit-box
    }
















}