@charset "utf-8";
/* CSS Document */




/* PC (1025～)
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (min-width: 641px) {




/* section.shopNews
----------------------------------------- */
section.shopNews{
	width:100%;
	height:auto;
	background:#fff;
	padding:0px 0px 20px 0px;
}
	section.shopNews .shopNewsArea{
		width:1160px;
		height:auto;
		margin:0px auto;
	}

		
		.shopNewsArea .shopNewsBlock{
			padding:15px 0px 0px 0px;	
		}
			.shopNewsBlock article{
				padding:0px;
				overflow:hidden;
				margin-bottom:20px;
				border-bottom:1px dotted #ccc;
				padding-bottom:20px;
			}
				.shopNewsArea .titleArea{
					overflow:hidden;
					padding:0px 0px 20px 0px;	
					overflow:hidden;
				}
					.shopNewsArea .titleArea h2{
						display:block;
						width:1160px;
						background:#fff;
						color:#B81C22;
						border:1px solid #b81c22;
						padding:8px;
						font-size:112%;	
						font-weight:bold;
						float:left;
						
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						-o-box-sizing: border-box;
						-ms-box-sizing: border-box;
					}
						.shopNewsArea .titleArea h2 .date{
							display:inline-block;
							float:right;
							font-size:93%;
							padding-left:10px;
							color:#333;
						}
					.shopNewsArea .titleArea p.floor{
						display:block;
						width:50px;
						height:auto;
						float:left;	
						font-weight:bold;
						text-align:center;
						
						color:#fff;
						padding:9px 0px;
						font-size:112%;
						background:#B81B22;	
					}
				.shopNewsBlock article figure{
					width:393px;
					height:auto;
					float:left;
				}
					.shopNewsBlock article figure a{
						display:block;
						margin-bottom:9px;	
					}
					.shopNewsBlock article figure img{
						width:100%;
						height:auto;
					}
				.shopNewsBlock article .articleDetail{
					width:100%;
					height:auto;
				}
					.articleDetail h3{
						font-size:106%;
						font-weight:bold;
						color:#B81C22;
						padding:3px 0px 10px 0px;
					}
					.articleDetail .category{
						text-align:center;
						margin-bottom:10px;
						font-size:93%;	
					}
					.articleDetail p.entryBody{
						line-height:1.78em;	
					}
						p.entryBody a{
							color:#B81C22;
						}
					.articleDetail p.date{
						font-size:75%;
						font-weight:bold;
						padding:10px 0px 0px 0px;	
					}

					.linkBtn{
						clear:both;
						width:100%;
						height:auto;
						padding:15px 0px 0px 0px;	
						overflow:hidden;
					}
						.linkBtn a{
							display:block;
							width:30%;
							padding:5px 0px;
							margin-right:15px;
							color:#fff;
							background:#333;
							text-align:center;
							float:left;

							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							-o-box-sizing: border-box;
							-ms-box-sizing: border-box;
						}
							.linkBtn a img{
								width:30px;
								height:auto;
							}
							.linkBtn a:hover{
								text-decoration:none;
								background:#B81C22;
								color:#fff;
							}





		
}

/* SmartPhone
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (max-width:640px)  {
.shopSet .caption{display:none;}
.shopSet .coverLink{display:none;}






/* section.shopNews
----------------------------------------- */
section.shopNews{
	width:100%;
	height:auto;
	background:url(../../common/images/bg_dotted_yellow.jpg);
	padding:0px 0px 10px 0px;
}
	section.shopNews .shopNewsArea{
		width:96%;
		height:auto;
		margin:0px auto;
	}
		.shopNewsArea .titleArea{
			overflow:hidden;
			padding:0px 0px 5px 0px;	
		}
			.shopNewsArea .titleArea h2{
				display:block;
				width:100%;
				background:#fff;
				color:#B81C22;
				border:0px solid #b81c22;
				padding:3px;
				font-size:93%;	
				font-weight:bold;

				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
			}
				.shopNewsArea .titleArea h2 .date{
					display:block;
					font-size:87%;
					padding-left:0px;
					color:#333;
				}
			.shopNewsArea .titleArea p.floor{
				display:block;
				width:13%;
				height:auto;
				float:left;	
				font-weight:bold;
				text-align:center;
				
				color:#fff;
				padding:9px 0px;
				font-size:112%;
				background:#B81B22;	
			}
		
		.shopNewsArea .shopNewsBlock{
			padding:15px 0px 0px 0px;	
		}
			.shopNewsBlock article{
				padding:6px;
				border:1px solid #ececec;
				background:#fff;	
				overflow:hidden;
				margin-bottom:20px;
			}
				.shopNewsBlock article figure{
					width:100%;
					height:auto;
				}	
					.shopNewsBlock article figure img{
						width:100%;
						height:auto;
					}
				.shopNewsBlock article .articleDetail{
					width:100%;
					height:auto;
				}
					.articleDetail h3{
						font-size:100%;
						font-weight:bold;
						color:#B81C22;
						padding:3px 0px 10px 0px;
					}
					.articleDetail .category{
						text-align:center;
						margin-bottom:10px;
						font-size:93%;	
					}
					.articleDetail p.entryBody{
						line-height:1.78em;	
						font-size:93%;
					}
						p.entryBody a{
							color:#B81C22;
						}
					.articleDetail p.date{
						font-size:75%;
						font-weight:bold;
						padding:10px 0px 0px 0px;	
					}

					.linkBtn{
						clear:both;
						width:100%;
						height:auto;
						padding:15px 0px 5px 0px;	
						overflow:hidden;
					}
						.linkBtn a{
							display:block;
							width:100%;
							padding:5px 0px;
							color:#fff;
							background:#333;
							text-align:center;
							font-size:87%;

							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							-o-box-sizing: border-box;
							-ms-box-sizing: border-box;
						}
							.linkBtn a img{
								width:30px;
								height:auto;
							}
							.linkBtn a:hover{
								text-decoration:none;
								background:#B81C22;
								color:#fff;
							}






				

/*			
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
*/



	
}


