@charset "utf-8";
/*
Template: 
Theme Name: 
*/


/* -----------------------------------------------------------
	#sub
		sidebar-nav
----------------------------------------------------------- */

nav.sidebar_navi_area {
    background: none;
    height: auto;
    margin-bottom: 40px;
    overflow: hidden;
}

ul#side_navi, ul#side_navi li, ul#side_navi li a {
    display:block;
    zoom:1;
}

ul#side_navi li {
    width:220px;
    height: 100px;
    margin-bottom: 10px;
}

ul#side_navi li a {
    text-indent: 100%; /*テキストを見えなくする*/
    white-space: nowrap;
    overflow: hidden;
}

/*各画像セット*/
ul#side_navi li#menu1 a {background: url(https://www.straight-box.jp/wp-content/uploads/sub_menu1_off.png);}
ul#side_navi li#menu2 a {
    background: url(https://www.straight-box.jp/wp-content/uploads/sub_menu2_off.png);
    background-size: 100%;
    height: 100px;
}
ul#side_navi li#menu3 a {background: url(https://www.straight-box.jp/wp-content/uploads/sub_menu3_off.png);}
ul#side_navi li#menu4 a {background: url(sub_menu4.png);}
ul#side_navi li#menu5 a {background: url(sub_menu5.png);}
ul#side_navi li#menu6 a {background: url(sub_menu6.png);}
ul#side_navi li#menu7 a {background: url(sub_menu7.png);}


/* -----------------------------------------------------------
	#sub
		サイドバー、サブ
----------------------------------------------------------- */

#sub {
    float: right;
    width: 220px;
    height: auto;
    margin-bottom: 200px;
}

.sub_box {
    clear: both;
    width: auto;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
    box-sizing: border-box;
}

#sub h2 {
    width: auto;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 10px 20px;
    background: url(https://www.straight-box.jp/wp-content/uploads/bg.png);
}

#sub p {
    font-size: 13px;
    margin-bottom: 5px;
    line-height: 150%;
}


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

#sub {
    margin: 0 auto;
    width: 90%;
    height: auto;
    float: none;
    padding: 0;
    text-align: center;
}

}