.sale201811{height:32vh;}
@media screen and (max-width: 1346px) {
.sale201811{height:32vh!important;}
    #sub_main{
        width:100%;
    }

    #left_side_box{
        max-width:290px;
    }
    #main_box{
        width:80%;

    }
}

@media screen and (max-width: 1200px) {
.sale201811{height:28vh!important;}
    #left_side_box{
        max-width:220px;
        /*margin:0 0 0 0;
        padding: 0 0 0 0;
        */
    }
    #main_box{
        width:78%;

    }

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

    #left_side_box{
        max-width:216px;
        margin:0 0 0 0;
        padding: 0 0 0 0;

    }
    #main_box{
        width:78%;

    }

}
@media screen and (max-width: 1000px) {
.sale201811{height:240px!important;}
    .inner_section{
        padding:0em 0 2em 1%;
        max-width:100%;;
        margin:0 auto;
    }

    #left_side_box{
        width:27%;
        margin:0 0 0 0;
    }
        #main_box{
        width:75.5%;

    }

}
@media screen and (max-width: 900px) {
#main_box{
        width:74%;

    }
}
@media screen and (max-width: 850px) {
#main_box{
        width:73%;

    }
}
@media screen and (max-width: 800px) {
.sale201811{height:250px!important;}
    #shop_info_header{
        padding:1.5em;
    }
    /*ヘッダータイトル*/
    #shop_info_header .inner_section > div:nth-of-type(1){
         border-top:1px #555555 solid;
        border-bottom:1px #555555 solid;
        padding:0.5em;

    }

    #left_side_box{
        float:none;
        position: fixed;
        top: 0;
        left: -240px;
        width: 240px;
        height: 100%;
        overflow-y:auto;
        background: #FFFFFF;
        /*box-shadow: 10px 0px 10px 0px rgba(0,0,0,0.4) inset;*/
    }
    #left_side_box .shop_info_btn_close_box{
        display:block;
    }

    #main_box{
        width:100%;
        padding-left:1.5%;
        padding-right:2%;
        float:none;
    }
    /*********************** メインコンテンツ *************************/

    /*店舗情報ボタン*/
    #shop_info_header .inner_section > .shop_info_btn{
        display:block;
    }

    /*ヘッダータイトル*/
    #shop_info_header .inner_section > div:nth-of-type(1){
        float:none;
        text-align:center;
    }

    /*機能ラベル*/
    #shop_info_header .inner_section > div:nth-of-type(2){
        float:none;
        margin-top:1em;
    }
    /*************** カスタムページエリア *****************/
    #custom_page_area .page_list_layout1 > p:nth-of-type(1){
      font-size:90%;
    }
    table tr td:not(.except-full-width){
        width:100% !important;
    }
    iframe:not(.except-full-width){
        width:100% !important;
    }


}
@media screen and (max-width: 700px) {
.sale201811{height:150px!important;}
/*********************** メインコンテンツ *************************/
    /*ヘッダータイトル*/
    #shop_info_header .inner_section > div:nth-of-type(1){

        font-size:150%;
        font-weight:500;

    }
}
@media screen and (max-width: 600px) {
.sale201811{height:140px!important;}
    /*ヘッダータイトル*/
    #shop_info_header .inner_section > div:nth-of-type(1){

        font-size:120%;


    }
    #shop_info_header .inner_section > div:nth-of-type(3) ul li span{
        font-size:80%;
    }
    /*************** カスタムページエリア *****************/
    #custom_page_area .page_list_layout1 > p:nth-of-type(1){
      font-size:80%;
    }
}
@media screen and (max-width: 500px) {
.sale201811{height:130px!important;}
  /*************** カスタムページエリア *****************/
  #custom_page_area .page_list_layout1{

  }
  #custom_page_area .page_list_layout1 > .main_img{
    margin:0 atuo;
    width: auto;
    max-width:100%;
    float:none;
  }
  #custom_page_area .page_list_layout1 > p:nth-of-type(1){
    float:none;
    font-size: 100%;
  }
}