@charset "UTF-8";
/* CSS Document */

/*===============================================
●画面の横幅が641px以上(タブレット・PC)
===============================================*/
@media screen and (min-width: 641px) {

/* ------------------------
　　メインイメージ
------------------------ */

.mainImg{
	width:100%;
	margin-top:110px;
}

.mainImg img{
	width:100%;
}

/* !subWrap サブメニュー
---------------------------------------------------------- */

#sub_naviWrap {
	width:100%;
	height:100px;
	margin:0px auto;
	padding-top:20px;
	background-color:#F1EDE2;
}

#subNavi {
	width: 960px;
	height:60px;
	margin:0 auto;
}

#subNavi li {
	float:left;
	width:192px;
	height:60px;
	padding-top:20px;
	box-sizing:border-box;
	text-align:center;
	border-left:#CCC 1px solid;
}

#subNavi li.li_last {
	border-right:#CCC 1px solid;
}

#subNavi li img {
	height:24px;
	margin-top:-5px;
	margin-right:12px;
}


#subNavi li a img:hover {
	opacity:0.6;
}

#subNavi li span {
	padding:15px 25px;
	color:#FFF;
	border-radius:22px;
    -webkit-border-radius:22px;
    -moz-border-radius:22px;
}

#subNavi li span.color01 {
	background-color:#8DC21F;
}

#subNavi li span.color02 {
	background-color:#FBB03B;
}

#subNavi li span.color03 {
	background-color:#FF9097;
}

#subNavi li span.color04 {
	background-color:#C02F2F;
}

#subNavi li span.color05 {
	background-color:#C69C6D;
}


/* ------------------------
　　パンくず
------------------------ */
.pankuzu {
	width: 960px;
	margin:20px auto 0px auto;
}

.pankuzu a {
	text-decoration:underline;
}


/* ------------------------
　　商品共通
------------------------ */
#productsBox {
	width: 960px;
	margin:40px auto 0px auto;
	padding:0px 0px 80px 0px;
	text-align:center;
}

/* ------------------------
　　商品リスト
------------------------ */
#productsBox .cate_title {
	text-align:center;
}

#productsBox .cate_title img {
	width:380px;
}

#productsBox .p_list {
	margin:30px auto 0px auto;
	padding:20px 0px 40px 0px;
	text-align:center;
}

#productsBox .p_list ul li {
	float:left;
	width:300px;
	height:335px;
	margin:0px 10px 20px 10px;
	background-color:#F1EDE2;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);
}

#productsBox .p_photo {
	width:300px;
	height:220px;
	background-position:center;
	background-size:cover;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
    -moz-border-top-right-radius:5px;
	-moz-border-top-left-radius:5px;
}

#productsBox p.p_text01 {
	height:68px;
	padding:20px 15px;
	font-size:16px;
	overflow:hidden;
}

#productsBox p.p_text02 {
	padding:5px 15px 0px 15px;
	font-size:16px;
	font-weight:bold;
	color:#B40001;
}

#productsBox span.price {
	font-size:24px;
}

/* ------------------------
　　商品詳細
------------------------ */
#productsBox .titleBox {
	width: 960px;
	margin:40px auto 0px auto;
	padding:20px 10px;
	text-align:left;
	border-top:#CCCCCC 2px solid;
	border-bottom:#CCCCCC 2px solid;
}

#productsBox .titleBox img {
	width: 150px;
}

#productsBox .titleBox p {
	margin:20px 0px 0px 0px;
	font-size:30px;
	color:#42210B;
	font-weight:bold;
}

#productsBox .detailBoxWrap {
	width: 960px;
	min-height:532px;
	margin:20px auto 40px auto;
	padding:10px;
	background-color:#FFF;
	border:#F1EDE2 1px solid;
}

#productsBox .detailBox {
	width: 940px;
	min-height:512px;
	text-align:left;
	background-color:#F1EDE2;
}

#productsBox .photoBox {
	float:left;
	width: 480px;
	margin:25px 0px 0px 30px;
}

.bxsliderBox {
	width:476px;
}

.bxslider {
	text-align:center;
	height:360px;
}

.bxslider img {
	height:360px;
	margin:0 auto;
}

#bx-pager img {
	 width:116px;
	 height:88px;
	 margin-right:2px;
	 background-position:center;
	 background-size:cover;
}

#productsBox .textBox {
	float:right;
	width: 350px;
	margin:25px 40px 0px 0px;
	font-size:16px;
}

#productsBox .textBox p {
	margin-bottom:20px;
}

#productsBox .textBox p.p_title {
	width:100px;
	padding:10px 0px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background-color:#C69C6D;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

#productsBox .textBox p.price {
	color:#B40001;
	font-weight:bold;
}

#productsBox .textBox p.price span {
	font-size:24px;
}

#productsBox .sub_detailBox {
	width: 960px;
	margin:0px auto 20px auto;
	padding:0px 10px 35px 10px;
	border-bottom:#F1EDE2 1px solid;
}

#productsBox .sub_tilte {
	color:#42210B;
	font-size:24px;
	font-weight:bold;
}

#productsBox .sub_text_left {
	float:left;
	width:700px;
	margin:30px 0px 0px 0px;
	font-size:16px;
	text-align:left;
}

#productsBox .sub_photo {
	float:right;
	width:200px;
	margin:30px 0px 0px 0px;
}

#productsBox .sub_photo img{
	width:200px;
}

#productsBox .sub_text {
	margin:30px 0px 0px 0px;
	font-size:16px;
	text-align:left;
}

#productsBox .conactBoxWrap {
	width: 960px;
	height:210px;
	margin:20px auto 40px auto;
	padding:10px;
	background-color:#FFF;
	border:#F2B344 1px solid;
}

#productsBox .conactBox {
	width: 940px;
	height:190px;
	padding:30px;
	text-align:left;
	background:url(../../images/products/contact_bg.png) repeat;
}

#productsBox .contactTitle {
	color:#42210B;
	font-size:24px;
	font-weight:bold;
}

#productsBox .contactText {
	margin:20px 0px 0px 0px;
	font-size:16px;
}

#productsBox .contactTel {
	width:254px;
	margin:35px 0px 0px 280px;
}

#productsBox .contactFax {
	width:254px;
	margin:-27px 0px 0px 570px;
}

#productsBox .contactPDF {
	margin:-27px 0px 0px 0px;
}

#productsBox .contactPDF span {
	margin:0px 20px 0px 0px;
	padding:15px 40px;
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.1em;
	color:#FFF;
	background-color:#B40001;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

#productsBox .conactBox img {
	width:254px;
}

}
	
/*===============================================
●画面の横幅が640px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 640px) {

/* ------------------------
　　メインイメージ
------------------------ */

.sp_mainImg{
	width:100%;
	margin-top:-10px;
}

.sp_mainImg img{
	width:100%;
}

/* !subWrap サブメニュー
---------------------------------------------------------- */
#sub_naviWrap {
	width:100%;
	margin:0px auto;
	padding-top:10px;
	text-align:center;
	overflow:hidden;
	background-color:#F1EDE2;
}

#subNavi {
	width: 320px;
	margin:30px auto 0px auto;
}

#subNavi li {
	float:left;
	width:160px;
	height:60px;
	text-align:center;
	font-size:12px;
}

#subNavi li img {
	height:18px;
	margin-top:-5px;
	margin-right:12px;
}


#subNavi li a img:hover {
	opacity:0.6;
}

#subNavi li span {
	padding:15px 25px;
	color:#FFF;
	border-radius:22px;
    -webkit-border-radius:22px;
    -moz-border-radius:22px;
}

#subNavi li span.color01 {
	background-color:#8DC21F;
}

#subNavi li span.color02 {
	background-color:#FBB03B;
}

#subNavi li span.color03 {
	background-color:#FF9097;
}

#subNavi li span.color04 {
	background-color:#C02F2F;
}

#subNavi li span.color05 {
	background-color:#C69C6D;
}

/* ------------------------
　　商品リスト
------------------------ */
#productsBox {
	width: 100%;
	margin:30px auto 0px auto;
	padding:0px 0px 40px 0px;
	text-align:center;
}

#productsBox .cate_title {
	text-align:center;
}

#productsBox .cate_title img {
	height:40px;
}

#productsBox .p_list {
	margin:20px auto 0px auto;
	padding:10px 0px 20px 0px;
	text-align:center;
}

#productsBox .p_list ul li {
	width:90%;
	display:inline-block;
	margin:0px 0px 20px 0px;
	text-align:center;
	vertical-align:top;
	box-sizing:border-box;
	background-color:#F1EDE2;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);
}

#productsBox .p_photo {
	float:left;
	width:42%;
	height:115px;
	background-position:center;
	background-size:cover;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
}

#productsBox .p_text {
	float:right;
	width:57%;
	position:relative;
	box-sizing:border-box;
	}

#productsBox p.p_text01 {
	height:68px;
	padding:20px 15px;
	font-size:12px;
	overflow:hidden;
}

#productsBox p.p_text02 {
	padding:5px 15px 0px 15px;
	font-size:10px;
	font-weight:bold;
	color:#B40001;
}

#productsBox span.price {
	font-size:15px;
}

/* ------------------------
　　商品詳細
------------------------ */
#productsBox .titleBox {
	width: 90%;
	margin:30px auto 0px auto;
	padding:10px 5px;
	text-align:left;
	border-top:#CCCCCC 2px solid;
	border-bottom:#CCCCCC 2px solid;
}

#productsBox .titleBox img {
	width: 100px;
}

#productsBox .titleBox p {
	margin:10px 0px 0px 0px;
	font-size:15px;
	color:#42210B;
	font-weight:bold;
}

#productsBox .detailBoxWrap {
	width: 90%;
	min-height:532px;
	margin:20px auto 40px auto;
	padding:10px;
	background-color:#FFF;
	border:#F1EDE2 1px solid;
}

#productsBox .detailBox {
	width: 100%;
	min-height:512px;
	text-align:left;
	background-color:#F1EDE2;
}

#productsBox .photoBox {
	width: 90%;
	margin:10px auto 0px auto;
}

.bxsliderBox {
	width:100%;
}

.bxslider {
	text-align:center;
}

.bxslider img {
	max-height:220px;
	margin:0 auto;
}

#bx-pager {
	width:100%;
	margin:0 auto;
}

#bx-pager img {
	 width:24%;
	 height:65px;
	 margin-right:2px;
	 background-position:center;
	 background-size:cover;
}

#productsBox .textBox {
	width: 90%;
	margin:25px auto 0px auto;
	font-size:12px;
}

#productsBox .textBox p {
	margin-bottom:10px;
}

#productsBox .textBox p.p_title {
	width:100%;
	padding:5px 0px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background-color:#C69C6D;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

#productsBox .textBox p.price {
	color:#B40001;
	font-weight:bold;
}

#productsBox .textBox p.price span {
	font-size:15px;
}

#productsBox .sub_detailBox {
	width: 90%;
	margin:0px auto 20px auto;
	padding:0px 5px 20px 5px;
	border-bottom:#F1EDE2 1px solid;
}

#productsBox .sub_tilte {
	color:#42210B;
	font-size:15px;
	font-weight:bold;
}

#productsBox .sub_text_left {
	width:90%;
	margin:10px 0px 0px 0px;
	font-size:12px;
	text-align:left;
}

#productsBox .sub_photo {
	width:100%;
	margin:10px 0px 0px 0px;
}

#productsBox .sub_photo img{
	width:100%;
}

#productsBox .sub_text {
	margin:10px 0px 0px 0px;
	font-size:12px;
	text-align:left;
}

#productsBox .conactBoxWrap {
	width: 90%;
	height:230px;
	margin:20px auto 0px auto;
	padding:5px;
	background-color:#FFF;
	border:#F2B344 1px solid;
}

#productsBox .conactBox {
	width: 100%;
	height:220px;
	padding:15px;
	text-align:left;
	background:url(../../images/products/contact_bg.png) repeat;
}

#productsBox .contactTitle {
	color:#42210B;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}

#productsBox .contactText {
	margin:5px 0px 0px 0px;
	font-size:12px;
	line-height:150%;
}

#productsBox .contactTel {
	margin:8px 0px 0px 0px;
	text-align:center;
}

#productsBox .contactFax {
	margin:5px 0px 0px 0px;
	text-align:center;
}

#productsBox .contactPDF {
	margin:15px 0px 0px 0px;
	text-align:center;
}

#productsBox .contactPDF span {
	padding:15px 40px;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.1em;
	color:#FFF;
	background-color:#B40001;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

#productsBox .conactBox img {
	width:188px;
}
	
}