@import url("common/style1.css");
*, *::before, *::after {
  box-sizing: border-box;
	margin:0;
	padding:0;
}
/*新ヘッダー画像　07/26変更*/

#header_color{
	background-color: #000000;
}

#header_image{
	height: 0;
	padding-top: 22%;
	background-image:url("../images/header_image_big.png");
	background-repeat:no-repeat; 
	background-size:cover;
}
/*旧ヘッダー画像用*/
#header_visual{
	width:1000px;
	margin:0 auto;
	
}

/*新トップ画像下の帯07/26変更*/
#top_contents_color{
	background-color:#000000;
}
#top_contents{
	background-color:#000000;
	margin:0 auto;
	margin-bottom:10px;

	
}
#top_contents h5{
	color:#ffffff;
	font-size:18px;
	letter-spacing:1px;
	text-align:center;
	padding-top:4px;
	padding-bottom:2px;
	margin:0;	
}
/*メイン右側のスタイルここから↓*/
#shun_table{
	font-size:11px;
	width:580px;
}
.image_row td,.price_row td{
	width:190px;
}
.price_row span{
	color:red;
}
.image_row{
    vertical-align:top;
    height:236px;
}
.price_row{
	height:50px;
	vertical-align:top;
}
#shun_table img.shouhin{
    width:185px;
}
#shun_table td figure{
    position:relative;
    width:185px;
}
#right_top img{
    width:100%;
}
@media (max-width: 750px){
    /*ヘッダー部分*/
    #header_visual img{
            width:100%;
    }
    /*メイン部分右側*/
    #main{
            width:100%;
            margin:0 auto;
    }
    #responsive_right{
            width:66%;
            float:right;
    }
    #main_visual{
            text-align:right;
    }
    #main_visual img{
            width:66%;
    }
    #news table{
            width:66%;
            margin:5px 0; 
    }

    #main_right section{
            margin-bottom:0px;
    }

    #recommend{
            width:66%;
            margin-bottom:5px;

    }

    #recommend img{
            width:66%;
    }
    #recommend p{
            font-size:12px;
    }
    #main_right_bottom{
            width:66%;
            overflow:hidden;
    }
    .clear{

    }
    #bottom_l,#bottom_r{
            width:230px;
            height:100px;
            border:1px red solid;
            margin:0 5px 5px 5px;
            float:left;

    }
    #bottom_l p{
            font-size:15px;
            margin:0;
            font-weight:bold;
    }
    #bottom_l span{
            color:red;
            font-size:20px;
            font-weight:bold;
    }

    #bottom_r h5{
            color:red;
            font-size:20px;
            font-weight:bold;
            margin:0 0 0 5px;
    }
    #bottom_r p{
            text-align:left;
            width:200px;
            font-size:14px;
            margin:0 auto;
            font-weight:bold;
    }
    /*テーブルレイアウトをリキッドに*/
    table#shun_table {
        display: block;
        width:100%;
    }
    table#shun_table tr {
        display: inline;
    }
    table#shun_table td {
        display: inline-block;
        width:48%;
    }
    #shun_table img.shouhin{
        width:100%;
    }
    #shun_table td figure{
        position:relative;
        width:100%;
    }

}