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

    /* !wrapper
    ---------------------------------------------------------- */
    body.mobile #wrapper {
        width: 100%;
    }

    /* !header
    ---------------------------------------------------------- */
    body.mobile #header {
        margin-bottom: 1px;
        width: 100%;
        padding: 0;
    }

    body.mobile #hd_logo {
        width: 100%;
    }

    body.mobile #hd_access {
        display: none;
    }

    body.mobile #shop_face{
        display: none;
    }

    body.mobile #ysLogo {
        display: none;
    }

    body.mobile #ysLogo-shops {
        display: none;
    }

    /* !gNavi
    ---------------------------------------------------------- */
    body.mobile #gNavi {
        width: 100%;
        height: auto;
    }
    body.mobile #gNavi li {
        width: 25%;
    }

    body.mobile #gNavi li#gNavHome{
        width: 25%;
    }
    body.mobile #gNavi li#gNav04{
        margin-top: 1px;
        width: 33.33%;
    }
    body.mobile #gNavi li#gNav05 {
        margin-top: 1px;
        width: 33.33%;
    }
    body.mobile #gNavi li#gNavStock {
        margin-top: 1px;
        width: 33.33%;
    }

    body.mobile #gNavi li img{
        width: 100%;
    }
    /* !breadcrumb
    ---------------------------------------------------------- */

    /* !mainimg
    ---------------------------------------------------------- */
    body.mobile .mainimg {
        width: 100%;
    }

    body.mobile .mainimg ul {
        width: 100%;
        margin-right: 0px;
    }

    body.mobile .mainimg ul li {
        width: 100%;
        margin-right: 0px;
    }

    body.mobile .mainimg ul li p.img {
        width: 100% !important;
    }

    body.mobile .mainimg ul li p.img img {
        width:100% !important;
        margin: 0 auto ;
    }

    body.mobile .mainimg ul li p.txt {
        padding: 10px 5px 5px 5px;
    }

    body.mobile #featured4{
        display: none;
    }

    /* !Side
    ---------------------------------------------------------- */
    body.mobile #side {
         /*display: none;*/
         position: absolute;
         top: 0;
         left: -210px;
    }

    body.mobile #side #lNavi li{
        margin-bottom: 0;
    }

    body.mobile #side #sd_search{
        margin-bottom: 0;
    }

    body.mobile #side #sd_bnr{
        display: none;
    }

    /* !Breadcrumb
     ---------------------------------------------------------- */
    body.mobile #breadcrumb {
        width:98%;
        padding: 3px 0 3px 2%;
        border-right: 0 solid #ccc;
        border-left: 0 solid #ccc;
    }

    /* !contents
    ---------------------------------------------------------- */
    body.mobile #contents {
        margin: 0 auto;
        padding-bottom: 20px;
        width: 100%;
        text-align: left;
    }

    body.mobile #main{
        float:left;
        -webkit-transform-origin: top left;
    }

    body.mobile #main_search ul li#main_search03{
        display: none;
    }
    body.mobile #main #main_topiclist {
        width: 100%;
    }

    body.mobile #main #main_topiclist ul {
        width: 100%;
    }

    body.mobile#theme-from-public #main #main_topiclist ul li{
        width: 100%;
        display: block;
        height: 300px;
        padding: 10px 0 10px 0;
    }

    body.mobile #main #main_topiclist ul li{
        width: 100%;
        display: block;
        height: 400px;
        padding: 10px 0 10px 0;
    }


    body.mobile #main #main_topiclist ul li p.main_topiclist_item{
        width:40%;
        height: 75%;
        margin-right: 5%;
        display: block;
        padding-left:10px;
    }

    body.mobile #main #main_topiclist ul li p.main_topiclist_item a {
        width:100%;
        height: 100%;
        text-align: left;
    }

    body.mobile #main #main_topiclist ul li p.main_topiclist_item  img{
        /*width: 40%;*/
        /*height: 70%;*/
        position:absolute;

    }

    body.mobile #main #main_topiclist ul li div {
        width: 50%;
        float:left;
    }

    body.mobile #main #main_topiclist ul li div h4 {
        width: 80%;
        height: 150px;
        background-size: 100%;
        font-size: 200%;
    }

    body.mobile #main #main_topiclist ul li div dl {
        margin: 5px 0 0 0;
    }

    body.mobile #main #main_topiclist ul li div dl dt {
        width: 28%;
        height: auto;
    }

    body.mobile #main #main_topiclist ul li div dl dt img {
        height: auto;
    }

    body.mobile #main #main_topiclist ul li div dl dd {
        width: 60%;
        height:auto;
        font-size: 150%;
    }


    body.mobile #main #main_topiclist ul li p.entry_summary {
        /*width: 100%;*/
        /*float:left;*/
        /*clear: none;*/
        /*padding: 10px 0 10px 20px;*/
        font-size: 150%;
        margin-left: 10px;
    }

   /* body.mobile #pickedBox .pickedPic img{
        max-width: none;
        max-height: none;
    }*/
    body.mobile #main_topiclist .main_topiclist_item img{
        max-width: 300px;
        max-height: 300px;
    }

    body.mobile .pageTop {
        display: none;
    }

    /* !footer
    ---------------------------------------------------------- */
    body.mobile #footer {
        width: 100%;
        font-size: 90%;
    }

    body.mobile #ft_inner {
        width: 100%;
        height: 350px;
    }

    body.mobile #ft_shopInfo {
        width: 100%;
    }
    body.mobile #ft_shopInfo dl{
        top: 15px;
    }

    body.mobile #ft_shopMap {
        float: left;
        width: 100%;
        height:auto;
    }

    body.mobile #ft_shopMap iframe{
        width: 100%;
    }

    body.mobile #ft_links {
        display: none;

    }

    body.mobile #side.display{
        left: 0;
    }

    body.mobile #btn_collapse.right{
        margin-left: 210px;
    }
}