/*#########################################初期設定#####################################*/
* {
    -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: 100%;
}
body{
    padding: 0px;
    margin: 0px;
    background-image: url(https://g-business.sakura.ne.jp/qz/img/temp/bkimg_left.jpg),url(https://g-business.sakura.ne.jp/qz/img/temp/bkimg_right.jpg);
    background-position: left,right;
    background-repeat: repeat-y,repeat-y;

}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
    margin: 0px;
    padding: 0px;
}
ul{
    list-style-type: none;
}
img {
    border: none;
    max-width:100%;
    height: auto;
    width /***/:auto;　/*IE8のみ適用*/
}
input,textarea,select {
    font-size: 1em;
}

form {
    margin: 0px;
}
table {
    border-collapse:collapse;
    font-size: 100%;0
    border-spacing: 0;
}
a {
    text-decoration: none;
    color:#000000;
    /*border-style:none;*/

}
/*###################################全体レイアウト###################################*/

/********全体枠********/

#wrapper_box {
    width : 960px;
    margin: 0 auto 0;
    /*border:1px #AAAAAA solid;*/
    /*background-color:#CCCCCC;*/
    background:#FFFFFF;
}

/********ヘッダー枠********/
#header_box{
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    width : 100%;
    height:auto;
    padding:0em 0em 0em 0em;
    /*background-color:#c3bef7;*/
}
/********コンテンツ枠********/
#main_content_box{
    font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    float: left;
    width : 100%;
    padding:0.5em;
    height: auto;
    line-height:normal;
    /*background-color:#786afd;*/
}

/********フッダー枠********/
#footer_box{
    margin-bottom:2em;
    clear:both;
    width : 100%;
    height:auto;
    /*background-color:#f1ef22;*/
}

header{
    position:relative;
}
.clear{
    clear:both;
}
/*###############################ヘッダーボックス###############################*/

/*******ユーザステータスボックス******/
.user_status_box{
    text-align:right;
    padding:0.1em 0em 0.1em 0em;
    /*background-color:#0066CC;*/
}
.user_status_box > div:nth-child(1){
    float:left;
    width:54%;
    color:#8f8f8e;
    font-size:0.8em;
}
.user_status_box > div:nth-child(2){
    float:left;
    width:45%;

    color:#8f8f8e;
    font-size:0.8em;
}

.user_status_box > div:nth-child(2) > a > img{
    float:left;
    padding-left:0.2em;
}
/*************ヘッダー下部の大枠****************/
.header_bottom_box{
    height:5.7em;


}

/***********タイトルボックス***********/
.header_title_box {
    padding:0em 1em 0em 0.5em;
    /*background-color:#0066CC;*/
}

/*********支払・発送情報ボックス*******/
.header_pay_and_ship_box{
    padding:0em 1.5em 0em 0.5em;
    text-align:right;
    /*background-color:#0099CC;*/
}
.header_pay_and_ship_box > div:not(.clear){
    padding-top:0.3em;
    /*text-align:right;*/
}
/************ダイヤルボックス************/
.dial_box{    
    padding-top:1.5em;
    width:21em;
    text-align:right;
    /*border:1px #AAA solid;*/
    /*background-color:yellow;*/
}
.dial_box img{
    cursor:pointer;
    
}
/********** 注文相談ウィンドウ ***********/
.order_soudan_window{
    display:none;
    position:absolute;
    padding:1em;
    width:480px;
    right:0px;
    top:0px;
    border:1px #DDD solid;
    background-color:#FFF;
    z-index:10;
    -moz-transition: -moz-transform 0.5s linear;    
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.order_soudan_window > h3{
    margin-top:0em;
    margin-bottom:0em;
}
.order_soudan_window > .close_btn_box{
    width:100%;
    text-align:right;    
}
.order_soudan_window > .close_btn_box .close_btn{    
    width:32px;
    cursor:pointer;
}
.order_soudan_window h3 {
    border-bottom: 2px dotted #AFE0FF;
    border-left: 5px solid #AFE0FF;
    padding: 0.5em 0 0.5em 0.5em;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 0.5em;
    clear: both;
    font-weight: normal;
}
.order_soudan_window h3:first-of-type {
    margin-top: 0em;
}
.order_soudan_window .faq_link{
    font-weight:900;
    font-size:140%;
    color:#1995db;
}
/****************問合せボックス*************/
.toiawase_box{
    padding:0em 0em 0em 0em;
}

/**************メインメニュー**************/
.main_menu_box {
    clear:both;
    margin: 0em auto;
    width: 100%;
    padding:0.5em 0em 0em 0em;
    /*background-color:#c3bef7;*/

}
.main_menu_box > .column01,
.main_menu_box > .column02,
.main_menu_box > .column03,
.main_menu_box > .column04{
    display: none;
}
.main_menu_box .main_menu {
    margin: 0em auto;
    padding: 0em;
    width: 100%;

}
.main_menu_box .main_menu li {
    margin: 0em 0em 0em 0em;
    padding: 0em 0em 0em 0em;
    width: 16.58%;
    float: left;
    display: block;
}
.main_menu_box .main_menu li:nth-child(1),
.main_menu_box .main_menu li:nth-child(2),
.main_menu_box .main_menu li:nth-child(3),
.main_menu_box .main_menu li:nth-child(4),
.main_menu_box .main_menu li:nth-child(5){
    border-right:0.065em #FFF solid;
}
.main_menu_box .main_menu li a {
    font-size: 1em;
    padding: 1em 1em 1em;/*[上][左右][下]*/
    text-align: center;
    color: rgb(255, 255, 255);
    text-decoration: none;
    display: block;
    background-image: -webkit-linear-gradient(270deg,rgba(105,191,245,1.00) 0%,rgba(7,103,177,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(105,191,245,1.00) 0%,rgba(7,103,177,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(105,191,245,1.00) 0%,rgba(7,103,177,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(105,191,245,1.00) 0%,rgba(7,103,177,1.00) 100%);
}
.main_menu_box .main_menu li a:hover {
    background: rgb(75, 117, 185);
}

/*###############################サイドボックス###############################*/

/**********Google検索ボックス*********/
.serch_page_box{
    width:98%;
    height:auto;
    padding:0.5em 0.5em 0.5em 0.2em;
    background-color:#f0f0e1;
}
.serch_page_box > div:not(.clear){
    float:left;
}
.serch_page_box > .column03{
    clear:both;
    /*width:100%;*/
    padding-left:1em;
    margin-top:0.5em;
    text-align:left;
}
.serch_page_box > .column03 > a{
    font-size:0.8em;
}

.serch_page_box > .column01 img{
    padding:0em 0em 0em 0em;
}
.serch_page_box > .column02{
    width:85%;
    height:auto;
}
.serch_page_box > .column02 input{
    width:100%;
    height:1.3em;
}
/*****ピックアップメニューボックス*****/
.pickup_menu_box{
    width: 100%;
    padding: 0.5em 0em 0.2em 0em;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;  /*background-color:#0066CC;*/
}

.pickup_menu_box .pickup_menu01 > .column01{
    background-color:#a9d84a;
    margin-bottom:0.5em;
}
.pickup_menu_box .pickup_menu02 > .column01{
    background-color:#ff7777;
    margin-bottom:0.5em;
}
.pickup_menu_box .pickup_menu03 > .column01{
    background-color:#0565af;
    margin-bottom:0.5em;
}
.pickup_menu_box .pickup_menu04 > .column01{
    background-color:#6bc0f6;
    margin-bottom:0.5em;
}
.pickup_menu_box .pickup_menu05 > .column01{
    background-color:#fbb62d;
}

.pickup_menu_box ul li div > div:not(.clear){
    float:left;
}
.pickup_menu_box ul li div > .column01{
    width:20%;
    padding:0.5em 0em 0.5em 0em;
    border:0.1em #AAAAAA solid;
    text-align:center;
    color:#FFFFFF;
    font-size:0.7em;
}
.pickup_menu_box ul li div > .column02{
    width:78%;
    font-size:0.8em;
    padding:1.35em 0em 1.30em 0.5em;
    border-top:0.08em #AAAAAA solid;
    border-bottom:0.08em #AAAAAA solid;
    border-right:0.08em #AAAAAA solid;
    background-color:#FFFFFF;
}


/**********人気ランキングボックス***********/
.popular_rank_box{}
.popular_rank_box > ul{
    width:99%;
    padding:0em 0em 1em 0em;
    border:0.08em #AAAAAA solid;
}
.popular_rank_box ul li > div:not(.clear){
    float:left;
    width:100%;
    font-size:1.2em;
    color:#FFFFFF;
    background-color:#575748;
    padding:0.4em 0em 0.2em 0.4em;
    margin-bottom:1em;
}
.popular_rank_box ul li > div:not(.clear) img{
    float:left;
}
.popular_rank_box .popular_rank01{
    border-bottom:0.08em #AAAAAA dotted;
    padding-bottom:0.5em;
    margin-bottom:1em;
}
.popular_rank_box .popular_rank02{
    border-bottom:0.08em #AAAAAA dotted;
    padding-bottom:0.5em;
    margin-bottom:1em;
}


.popular_rank_box ul li div > div:not(.clear){
    float:left;
}
.popular_rank_box ul li div > .column01{
    width:15%;
    padding:0em 0em 0em 0em;
    text-align:center;
    color:#FFFFFF;
    font-size:0.7em;

}
.popular_rank_box ul li div > .column02{
    width:34%;
    padding:0em 0em 0em 0em;

}
.popular_rank_box ul li div > .column03{
    width:51%;
    font-size:0.8em;
    padding:0em 0em 0em 0em;
    /*background-color:#0066CC;*/
}


/****************サブメニュー*****************/
.sub_menu_box{
    width: 99%;
    padding: 0em 0em 0em 0em;
    font: 94% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-decoration: none;
    border: 0.08em #AAAAAA solid;
}

.sub_menu_box ul > .title{
    width:100%;
    font-size:1.2em;
    color:#FFFFFF;
    background-color:#0565af;
    padding:0.3em 0em 0.2em 0.4em;
}

.sub_menu_box ul li:not(.title){
    padding:0.5em 0em 0.5em 0.5em;
    border-top:0.08em #AAAAAA solid;
    /*background-color:red;*/
}
.sub_menu_box ul .title img{
    float:left;
}
.sub_menu_box ul .title span{
    float:left;
    padding-top:0.2em;
}
/******************サイドバナー******************/
.side_banner_box{
    width:100%;
}
.side_banner_box ul li{
    border:0.08em #AAAAAA solid;
    margin-bottom:0.5em;
}
/****************商品カテゴリ*****************/
.item_category_box{
    width:99%;
    padding:0em 0em 0em 0em;
    border:0.08em #AAAAAA solid;
    text-decoration: none;
}

.item_category_box ul > .title{
    width:100%;
    font-size:1.2em;
    color:#FFFFFF;
    background-color:#575748;
    padding:0.2em 0em 0.2em 0.4em;
}
.item_category_box ul li:not(.title){
    padding:0.5em 0em 0.5em 0.5em;
    border-top:0.08em #AAAAAA solid;
    /*background-color:red;*/
}
.item_category_box ul .title img{
    float:left;
}
.item_category_box ul .title span{
    float:left;
    padding-top:0.2em;
}
/***************営業カレンダー****************/
.calendar_box{}
.calendar_box > .column01 > span{
    font-size: 1em;
    background: -webkit-linear-gradient(#3db1de, #0691c6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-left:0.5em;
}
.calendar_box > .column02{}
.calendar_box > .column03{
    color:red;
    font-size:0.8em;
}
/*/*###############################フッダーボックス/*###############################*/

/*******インフォメーションボックス******/
.information_box{
    padding:0.5em 0.5em 0.5em 0.5em;
}
.information_box > div:not(.clear){
    float: left;
    /*padding : 0.5em 0em 1em 3em;*/
}
.information_box div ul li{
    color:#686868;
    font-size : 0.8em;
    padding:0.5em 0.5em 0em 0em;
    line-height: 1em;
}
.information_box .column01,
.information_box .column02,
.information_box .column03{
    width:32.5%;
}
.information_box .column02 div:last-child a{
    padding:0.3em 0.5em;
    color:#686868;
    font-size : 0.8em;
    background-color:#D3ECFC;
}
.copyright_box{
    font-size:0.8em;
}

/*################################タグ修正####################################*/
h1{
    font-size: 0.8em;
    font-weight: normal;
    margin-left: 0.5em;
    border-bottom: 1px solid #E0E0E0;
}
header{}
/*
button{
    cursor:pointer;
    font-size:0.9em;
    border-style:none;
    text-align:center;
    padding:0.4em 0.7em 0.4em 0.7em;
    color:#FFFFFF;
    background-color:#575748;
}
*/


/***************************************************************************************
 *
 * PC(99999px以下のディスプレイで見た場合のスタイル)
 * ※共通部分と分ける為に使用
 *
 * **************************************************************************************/
@media screen and (max-width: 99999px) {
    /*##############################ヘッダーボックス##############################*/
    /*******タイトルボックス**********/
    #header_box header .header_title_box {
        margin-top: 25px;
        clear:both;
        float:left;
        /*background-color:red;*/
    }
    /*****支払・発送情報ボックス******/
    #header_box header .header_pay_and_ship_box{
        float:left;
        padding-top:0.9em;
        /*background-color:blue;*/
    }
    /*********ダイヤルボックス********/
    #header_box .dial_box {
        float:right;
    }
    /*******ユーザステータスボックス******/
    #header_box header .user_status_box{
        clear:both;
    }
    #header_box .user_status_box > div > a > img:nth-child(odd){
        display:block;
    }
    #header_box .user_status_box > div > a > img:nth-child(even){
        display:none;
    }
    /*********問合せボックス********/
    #header_box .toiawase_box{        
        padding:0.5em 0em 0em 0em;
    }
    .order_soudan_window .tel_box a img{
        display:none;
    }
    .order_soudan_window .mail_box img:nth-child(1){
        display:block;
    }
    .order_soudan_window .mail_box img:nth-child(2){
        display:none;
    }

    /*###############################サイドボックス###############################*/

    /*******人気ランキングボックス*******/
    #side_box .popular_rank_box{
        margin-bottom:0.5em;
    }
    /**********サブメニュー**********/
    #side_box .sub_menu_box{
        margin-bottom: 0.5em;

    }
    /**********商品カテゴリ***********/
    #side_box .item_category_box{
        margin-bottom: 0.5em;
    }

    /*###############################フッダーボックス###############################*/
    #footer_box footer > .title{
        width:97.5%;
        color:#FFFFFF;
        background-color:#6bc0f6;
        padding:0.1em 0.5em 0.1em 0.5em;
    }

    /*********問合せボックス********/

    #footer_box .toiawase_box .tel_box,
    #footer_box .toiawase_box .mail_box{
        display:none;
    }
    #footer_box .copyright_box{
        text-align:right;
    }


}
/************************************************************************************************
 *
 * タブレット(768px以下のディスプレイで見た場合のスタイル)
 *
 * ************************************************************************************************/
@media screen and (max-width: 768px) {

    /*##############################全体レイアウト##############################*/

    /********全体枠********/

    #wrapper_box {
        width : 100%;
    }

    /********ヘッダー枠********/
    #header_box{
        width : 99%;
        height:auto;
        padding:0.5em 0em 0.2em 0em;
        /*background-color:#c3bef7;*/
    }
    /********コンテンツ枠********/
    #main_content_box{
        clear:both;
        float: none;
        width : 99.9%;
        height:auto;
        padding:0.5em;
        /*background-color:#786afd;*/
    }
    /********サイド枠********/
    #side_box{
        clear:both;
        float: none;
        width : 100%;
        height:auto;
        padding:0em 0em 0.5em 0em;
        /*background-color:#09cc5b;*/
    }
    /********フッダー枠********/
    #footer_box{
        clear:both;
        width : 97.8%;
        height:auto;
        /*background-color:#f1ef22;*/
    }

    /*##############################ヘッダーボックス##############################*/
    #header_box header > h1{
        display:none;
    }
    /*******ユーザステータスボックス******/
    #header_box .user_status_box{
        padding:0em 0em 0em 0em;
        /*background-color:#0066CC;*/
    }

    #header_box .user_status_box > div:nth-child(1){
        float:none;

        width:99%;
    }
    #header_box .user_status_box > div:nth-child(2){
        float:none;
        /*border:1px #CCC solid;*/
        width:33.8em;
        text-align:right;
        display: -moz-inline-box;
        display: inline-block;
        /*margin: 0 auto;*/
    }



    /*******タイトルボックス**********/
    #header_box .header_title_box{
        width:60%;
        padding:0em 0em 0em 0em;

        /*background-color:red;*/
    }
    #header_box .header_title_box img{

    }
    #header_box .header_title_box > .column01 img,
    #header_box .header_title_box > .column02 img{
        width:100%;
    }


    /*****支払・発送情報ボックス******/
    #header_box .header_pay_and_ship_box{
       display:none;
    }
    /**************ダイヤルボックス*****************/

    #header_box .dial_box{
        width:40%;        
        padding-top:2.5em;
        
    }
    #header_box .dial_box img{
        max-width:100%;
        height:auto;
    }
    

    /***********メインメニューボックス************/

    #header_box .main_menu li {
        width: 33.3%;
    }
    #header_box .main_menu_box .main_menu li a {
        font-size: 1em;
    }
    #header_box .main_menu_box .main_menu li{
        border:none;
    }
    #header_box .main_menu_box .main_menu li:nth-child(1),
    #header_box .main_menu_box .main_menu li:nth-child(2),
    #header_box .main_menu_box .main_menu li:nth-child(4),
    #header_box .main_menu_box .main_menu li:nth-child(5){
        border-right:0.065em #FFF solid;
    }
    /*################################サイドボックス################################*/

    /*****************サイドメニューボックス***************/
    #side_box .sub_menu_box ul > .title{
        width:100%;
        /*
        font-size:1.2em;
        color:#FFFFFF;
        background-color:#0565af;
        padding:0.2em 0em 0.2em 0.4em;
        */
    }
    /******************サイドバナー******************/
    #side_box .side_banner_box{
        width:99%;
        margin-bottom:0em;
        /*border:1px #000 solid;*/
    }
    #side_box .side_banner_box ul li{
        float:left;
        width:49.5%;
        border:0.08em #AAAAAA solid;
        margin-bottom:0em;
    }
    #side_box .side_banner_box ul li img{
        width:100%;
    }
    /**********Google検索ボックス*********/
    #side_box .serch_page_box{
        width:98.0%;
    }

    #side_box .pickup_menu_box ul li div > .column02{
        width:77%;
    }
    #side_box .popular_rank_box ul li > div:not(.clear){
        width:100%;
    }
    #side_box .item_category_box ul > .title{
        width:100%;
    }
    /*##############################フッダーボックス##############################*/
   /*******インフォメーションボックス******/

    #footer_box .information_box .column01{
        width:30.0%;
    }
    #footer_box .information_box .column02{
        width:35.0%;
    }
    #footer_box .information_box .column03{
        width:30.0%;
    }
    #footer_box footer > img{
        display:none;
    }
    #footer_box .copyright_box{
        text-align:center;
    }
    /*################################その他交通###################################*/

}

/************************************************************************************************
 *
 * スマホ(480px以下のディスプレイで見た場合のスタイル)
 *
 * **********************************************************************************************/
@media screen and (max-width:480px) {
    /*##############################ヘッダーボックス##############################*/
    /*******タイトルボックス**********/
    #header_box .header_title_box{
        width:98%;
        padding:0.5em 0em 0.5em 0.5em;
        text-align:center;
    }
    #header_box .header_title_box > .column01 img,
    #header_box .header_title_box > .column02 img{
        width:80%;
    }
    /*******ユーザステータスボックス******/

    #header_box .user_status_box > div:nth-child(1){
        float:none;

        width:99%;
    }
    #header_box .user_status_box > div:nth-child(2){
        width:24.4em;
        /*border:1px #ccc solid;*/
        text-align:center;
        display: block;
        margin:0 auto;

    }
   #header_box .user_status_box > div > a > img:nth-child(odd){
       display:none;
   }
   #header_box .user_status_box > div > a > img:nth-child(even){
       display:block;
   }

    /*****支払・発送情報ボックス******/
    #header_box .header_pay_and_ship_box{
        clear:both;
        float:none;
        width:100%;
        text-align:center;
        /*background-color:#003399;*/
        padding:0em 0em 0em 0em;
    }
    #header_box .header_pay_and_ship_box > div:nth-last-of-type(2){
        width:90%;
        text-align:right;

    }
    #header_box .header_pay_and_ship_box > div:first-child{
        display:none;

    }
    #header_box .header_pay_and_ship_box div:not(.clear){

    }
    #header_box .header_pay_and_ship_box div img{
        max-width:100%;
        height:auto;
    }
      /*******ダイヤルボックス**********/
    #header_box .dial_box{
        text-align:center;
        width:100%;
        padding:0em 0em 0em 0em;        
    }
     /*******ダイヤルボックス**********/
    #header_box .dial_box img{        
        max-width:80%;
        width:80%;
        padding:0em 0em 0em 0em;        
    }
    
    .order_soudan_window{
        width:100%;
    }

    /****************問合せボックス*************/
    .order_soudan_window .toiawase_box{
        display:block;
        clear:both;
        float:none;
        padding:1.0em 0.5em 0em 0.5em;
        width:100%;
        height:auto;

    }

    .order_soudan_window .tel_box > img{
        display:none;
    }
    .order_soudan_window .tel_box a img{
        display:block;
    }
    /********メインメニューボックス******/
    #header_box .main_menu_box {
        clear:both;
        margin: 0em auto;
        width: 100%;
        padding:0.5em 0em 0em 0.1em;
        /*background-color:#c3bef7;*/
    }
    #header_box .main_menu_box .main_menu {
        display: none;
        padding-left:0.08em;
    }
    #header_box .main_menu_box .main_menu li {
        width: 99%;
        margin-bottom:0.09em;
        /*border-right-width: 0.1em;
        border-right-style: solid;
        border-right-color: rgb(106, 140, 199);
        */
    }
    /*最後の行を合わせる*/
    #header_box .main_menu_box .main_menu li:nth-last-of-type(1) {
        /*width: 99%;*/

    }
    #header_box .main_menu_box .main_menu li a {
        font-size: 0.8em;
        /*padding: 0.95em 0em 0.95em;*/
        text-align: center;
        color: rgb(255, 255, 255);
        text-decoration: none;
        display: block;
        background: rgb(86, 134, 210);

    }
    #header_box .main_menu_box > .column01,
    #header_box .main_menu_box > .column02,
    #header_box .main_menu_box > .column03,
    #header_box .main_menu_box > .column04{
        float:left;
        width: 24.5%;
        margin-left:0.08em;
        display: block;
        position: relative;
    }


    #header_box .main_menu_box > .column01 a,
    #header_box .main_menu_box > .column02 a,
    #header_box .main_menu_box > .column03 a,
    #header_box .main_menu_box > .column04 a{
        text-decoration: none;


    }
    #header_box .main_menu_box > .column02 a{
        padding: 0.3em 0em 0em 0em;
    }




    /*##############################サイドボックス##############################*/
        /******************サイドバナー******************/
    #side_box .side_banner_box{
        width:99%;
        /*border:1px #000 solid;*/
    }
    #side_box .side_banner_box ul li{
        float:none;
        width:100%;
        border:0.08em #AAAAAA solid;
        margin-bottom:0em;
    }
    /*##############################フッダーボックス##############################*/
   /*******インフォメーションボックス******/
    #footer_box .information_box > div{
        float: none;
        /*padding : 0.5em 0em 1em 3em;*/
    }
    #footer_box .information_box .column01,
    #footer_box .information_box .column02,
    #footer_box .information_box .column03{
        width:100%;
        padding:0.1em 0em;
    }
     #footer_box .information_box .column02 ul{
         display:none;
     }
    /*********問合せボックス*************/
    #footer_box .toiawase_box{
        clear:both;
        float:none;
        padding:1.0em 0.5em 0.5em 0.5em;
        width:100%;

    }
    #footer_box .toiawase_box .tel_box{
        display:block;
        float:left;
        width:80%;
    }
    #footer_box .toiawase_box .mail_box{
        display:block;
        float:left;
        width:20%;
    }
    #footer_box .toiawase_box .tel_box img:nth-child(1){
        display:block;
    }
    #footer_box .toiawase_box .tel_box img:nth-child(2){
        display:none;
    }
    #footer_box .toiawase_box .mail_box img:nth-child(1){
        width:70%;
        display:block;
    }
    #footer_box .toiawase_box .mail_box img:nth-child(2){
        width:75%;
        display:none;
    }
    #footer_box .copyright_box{
        font-size:0.6em;
    }



}
/************************************************************************************************
 *
 * スマホ(320px以下のディスプレイで見た場合のスタイル)
 *
 * **********************************************************************************************/
@media screen and (max-width:320px) {
    /*##############################ヘッダーボックス##############################*/

    /**************ユーザステータス************/
    #header_box .user_status_box > div:nth-child(2){
        width:100%;
    }
    #header_box .user_status_box > div:nth-child(2) > a > img{
        width:24%;
        height: auto;
    }

    /**************問合せボックス****************/
    #header_box .toiawase_box .tel_box img:nth-child(1){
        display:none;
    }
    #header_box .toiawase_box .tel_box img:nth-child(2){
        display:block;
    }
    #header_box .toiawase_box .mail_box img:nth-child(1){
        display:none;
    }
    #header_box .toiawase_box .mail_box img:nth-child(2){
        display:block;
    }
    /*##############################ヘッダーボックス##############################*/

    #footer_box .toiawase_box .tel_box img:nth-child(1){
        display:none;
    }
    #footer_box .toiawase_box .tel_box img:nth-child(2){
        display:block;
    }
    #footer_box .toiawase_box .mail_box img:nth-child(1){
        display:none;
    }
    #footer_box .toiawase_box .mail_box img:nth-child(2){
        display:block;
    }
}