@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) {
    #header #header-in {
        width: auto
    }
    #header #logo {
        width: auto;
        float: none;
        margin-bottom: 10px
    }

    #header #logo h3 a {
        background: url(https://c-gurusuguri.gnst.jp/magazine_common/img/c/logo-shokuichiba.png) 0 center no-repeat;
        width: 121px;
        height: 55px;
        background-size: 121px 18px;
        -moz-background-size: 121px 18px;
        -webkit-background-size: 121px 18px;
        float: none;
        margin: 0 auto
    }
    #header #logo2 h3 a {
        background: url(https://c-gurusuguri.gnst.jp/img/share/logo-gurusuguri.png) 0 center no-repeat;
        width: 116px;
        height: 59px;
        background-size: 116px 59px;
        -moz-background-size: 116px 59px;
        -webkit-background-size: 116px 59px;
        float: none;
        margin: 0 auto
    }    
    
    
    
    #header #logo p {
        float: none;
        font-size: 12px;
        line-height: 1.5;
        text-align: center
    }
    #header #sns {
        display: none
    }
    #wrapper {
        width: auto
    }
    #breadcrumb {
        display: none
    }
    #main {
        float: none;
        width: auto
    }
    #main-title {
        font-size: 19px;
        border-bottom: none;
        width: auto;
        padding: 20px 10px 0
    }
    #square-list {
        margin-left: 0
    }
    .square-box {
        float: none;
        width: auto
    }
    .square-box .square-box-main .photo,
    .square-box .square-box-main .photo img {
        width: 100%;
        height: auto
    }
    .square-box .square-box-main .title {
        height: auto !important;
        font-size: 20px
    }
    .square-box .square-box-curator {
        background: #444;
        padding: 7px 15px;
        height: auto!important
    }
    .square-box .square-box-curator .curator {
        display: box;
        display: -moz-box;
        display: -webkit-box;
        width: 100%
    }
    .square-box .square-box-curator .curator .photo,
    .square-box .square-box-curator .curator .name {
        display: block
    }
    .square-box .square-box-curator .curator .name {
        box-flex: 1;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        width: auto
    }
    .square-box-c {
        float: none;
        width: auto
    }
    .square-box-c .square-box-c-main .photo {
        width: 100%;
        height: auto!important
    }
    .square-box-c .square-box-c-main .photo img {
        width: 100%;
        height: auto
    }
    .square-box-c .square-box-c-curator {
        height: auto !important
    }
    #curator_list .square-box-c {
        float: none;
        width: auto
    }
    #curator_list .square-box-c a {
        display: box;
        display: -moz-box;
        display: -webkit-box;
        width: 100%;
        overflow: visible
    }
    #curator_list .square-box-c .square-box-c-main {
        background: #f2f2f2;
        width: 85px
    }
    #curator_list .square-box-c .square-box-c-main .photo {
        height: auto
    }
    #curator_list .square-box-c .square-box-c-main .photo img {
        width: 80px
    }
    #curator_list .square-box-c .square-box-c-curator {
        background: #f2f2f2;
        color: #444;
        height: auto !important;
        box-flex: 1;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        padding: 0
    }
    #curator_list .square-box-c .square-box-c-curator .name {
        padding-bottom: 0
    }
    .link {
        background: url(https://c-gurusuguri.gnst.jp/magazine_common/img/c/t_blank.png) 0 center no-repeat;
        padding-left: 18px;
        margin-bottom: 0;
        word-break: break-all;
        word-wrap: break-word
    }
    .link {
        background: url(https://c-gurusuguri.gnst.jp/magazine_common/img/c/t_blank.png) 0 center no-repeat;
        padding-left: 18px;
        margin-bottom: 0;
        word-break: break-all;
        word-wrap: break-word
    }
    .link a {
        color: #444
    }
    .more-btn {
        margin: 0 10px 20px;
        width: auto
    }
    .more-btn a {
        width: 100%
    }
    #sub {
        /*border-bottom:1px solid #797979;*/
        
        width: auto;
        float: none
    }
    #sub .sub-unit h1 {
        font-size: 18px
    }
    #sub .sub-unit .unit {
        padding: 10px
    }
    #sub .sub-unit .unit a {
        display: box;
        display: -moz-box;
        display: -webkit-box;
        padding: 0;
        text-decoration: none
    }
    #sub .sub-unit .unit .photo,
    #sub .sub-unit .unit .title {
        float: none
    }
    #sub .sub-unit .unit .photo {
        width: 80px
    }
    #sub .sub-unit .unit .title {
        width: 100%;
        box-flex: 1;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        font-size: 14px
    }
    #sub .sub-unit .unit .title span {
        font-size: 12px
    }
    #sub #category li a,
    #sub #curator-list a,
    #sub #article-list a {
        background: url(https://c-gurusuguri.gnst.jp/magazine_common/img/c/arrow01.png) 0 center no-repeat;
        padding-left: 10px 10px 10px 13px
    }
    #sub #curator-list.sub-unit,
    #sub #article-list.sub-unit {
        padding-bottom: 0
    }
    #sub #curator-list.sub-unit a,
    #sub #article-list.sub-unit a {
        padding: 15px 10px 15px 13px;
        display: block
    }
    #page-top {
        height: auto;
        width: auto;
        padding: 20px 0
    }
    #page-top a {
        margin: 0 auto;
        position: relative;
        bottom: auto;
        right: auto;
        display: block
    }
    .footer-sns-btns {
        background: #444;
        position: fixed;
        left: 0;
        bottom: -100px;
        width: 100%;
        height: 60px;
        display: block
    }
    .footer-sns-btns .footer-sns-btns-in {
        padding: 10px
    }
    .footer-sns-btns ul {
        width: 100%
    }
    .footer-sns-btns ul li {
        float: left;
        width: 25%;
        text-align: center
    }
    .footer-sns-btns ul li a {
        display: block;
        border-left: 1px solid #444
    }
    .footer-sns-btns ul li:first-child a {
        border: none
    }
    .footer-sns-btns ul .tw {
        background: #55acee
    }
    .footer-sns-btns ul .fb {
        background: #3c599e
    }
    .footer-sns-btns ul .hb {
        background: #427eec
    }
    .footer-sns-btns ul .sh {
        background: #fcb800
    }
    #mekiki {
        width: 100%;
        background: #f2f2f2
    }
    #mekiki #mekiki-in {
        width: 100%;
        line-height: 20px;
        font-size: 10px;
        text-align: center
    }
    #footer {
        background: #f2f2f2;
        padding-bottom: 0
    }
    #footer #footer-in {
        margin: 0 auto;
        overflow: hidden;
        width: auto
    }
    #footer #footer-in ul {
        width: 100%;
        float: none
    }
    #footer #footer-in ul li {
        float: none;
        padding: 15px 0;
        border-top: 1px solid #ccc;
        border-bottom: none
    }
    #footer #footer-in ul a {
        padding: 0 25px;
        color: #333;
        display: block;
        border-left: none;
        background: url("https://c-gurusuguri.gnst.jp/magazine_common/img/c/arrow01.png") 10px center no-repeat
    }
    #footer #footer-in ul .backHome {
        display: none
    }
    #footer #footer-in ul .backHome-sp {
        display: block
    }
    #footer address {
        background: #fff;
        border-top: 1px solid #797979;
        float: none;
        width: auto;
        text-align: center;
        padding: 15px 0
    }
    #square-list .cnt-sns-pc {
        visibility: hidden;
        height: 0
    }
    #square-list .cnt-sns-sp {
        visibility: visible;
        height: auto;
        padding: 5px 0 0
    }
    #square-list .cnt-sns-sp .count {
        display: inline
    }
    .square-box .square-box-curator .name {
        width: 100%;
        padding-bottom: 0;
        vertical-align: top
    }
    .square-box .square-box-curator .photo {
        padding-bottom: 0
    }
    .square-box .square-box-curator .photo {
        width: 70px
    }
    .square-box .square-box-curator .photo img {
        border-radius: 46px;
        height: 70px;
        width: 70px;
    }
    #footerSnsWidget {
        display: none
    }
    #footerSns-sp .tw a,
    #footerSns-sp .fb a,
    #footerSns-sp .in a,
    #footerSns-sp .gp a {
        width: 34px;
        height: 34px;
        text-indent: -9999px;
        display: block
    }
    #footerSns-sp .tw a {
        background: url(https://c-gurusuguri.gnst.jp/magazine_common/img/c/h_tw.png) no-repeat
    }
    #footerSns-sp .fb a {
        background: url(https://c-gurusuguri.gnst.jp/magazine_common/img/c/h_fb.png) no-repeat
    }
    #footerSns-sp .gp a {
        background: url(https://c-gurusuguri.gnst.jp/magazine_common/img/c/h_gp.png) no-repeat
    }
    #footerSns-sp .in a {
        background: url(https://c-gurusuguri.gnst.jp/magazine_common/img/c/h_in.png) no-repeat
    }
    #footerSns-sp li {
        display: inline-block;
        margin: 15px 10px;
    }
    #ippinFollow,
    #footerSns-sp ul {
        text-align: center;
    }
    #ippinFollow {
        display: block;
    }
    .enquete {
        display: none;
    }
}