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

/*
(151119)IE11で「background-size」が効かない
疑似要素はサイズ指定不可の為、実寸表示のみ
@import"../css/test_line.css";
*/

/* ====================================================== 
	本文
====================================================== */

/* トップページ */

h2::before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0em;
	display: inline-block;
	width: 5em;
	height: 0px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #ee0564;
}

#Contents {
	padding-top: 0px;
	clear: both;
}
.Banner .ImgCover img {
  width: 464px;
  height: 230px;
}
.Title {
	color: brown;
	width: 48em;
	margin: 2em auto 0.5em auto;
	border-bottom: 1px solid brown;
}
.subtitle {
	text-align: center;
	font-size: 1.5em;
	color: #590D0D;
}
.ShohinList .ShohinName {
  min-height: 0;
  margin-bottom: 0em;
}
.pick_bg {
	display: flow-root;
	width: 970px;
	margin: 5em auto 5em auto;
	padding-left: 2.5em;
	padding-right: 2.5em;
	padding-bottom:2em;
	background-color: antiquewhite;
}
.pick_bg:nth-child(2) {
	background-color: beige;
}
.pick_h3 {
	font-weight: bold;
  font-size: 2.2em;
  position: relative;
  top: -30px;
  color: #EDAF1C;
  transform: rotate( 10deg );
  left: 540px;
	text-shadow: 2px 2px 0 #fff, -2px -2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, 0px 2px 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, 2px 0 0 #fff;
	width: 11em;
}
.pick_text {
	text-align: left;
}
.pick_text span {
	font-weight: bold;
	color: darkred;
	display: block;
	border-top: 3px dotted burlywood;
	margin-top: 2em;
}
.pick_text img {
	margin-bottom:2em;
}
.pick_bg .Osusume2 {
	padding: 0em 2em 2em 2em;
	min-width: initial;
	background-color: ivory;
}
.pick_bg .ShohinName,.pick_bg .Price {
	padding-left: 1em;
}
.pick_bg .ImgCover img {
	margin: 0 auto;
}
.more {
	width: 8em;
	margin: 2em auto 0 auto;
	padding: 0.5em;
	background: coral;
}
.Osusume {
	margin-top: -16em;
	background: initial;
	background-color: antiquewhite;
	background: repeating-linear-gradient(-45deg,antiquewhite 0,antiquewhite 10px,rgba(232,188,125,0.5) 10px,rgba(232,188,125,0.5) 20px);
}

.News .Title {
	position: initial;
    width: initial;
    line-height: 2.0em;
    left: initial;
    top: initial;
    background-color: antiquewhite;
    color: #555;
    padding-top: 1em;
    padding-bottom: 1em;
    z-index: initial;
}


.News {
	display: flex;
	justify-content: flex-start;
	}
	
	.News .Title {
		margin: 0;
		padding: initial;
		background: #eeca05;
		border: 0px solid #fff;
		width: initial;
		margin: auto 0;
padding-top: 4em;
height: 10em;
padding-right: 1.5em;
padding-left: 1.5em;
	}
	
	
	.News h2 > b {
		padding-left: 0em;
		color: #333;
		display: initial;
		width: initial;
	}
	
	.NewsTitle {
		width: 400px;
		width: 500px;
	}
	.osusume_back {
		display: none;
	}


	/* スマホ用-------------------------------------------------------------------- */
	@media (max-width: 1080px) {
		.spimg img {
			margin-top: 57.5px;
		}
		.box {
			margin-bottom: 0;
			width: 230px;
			margin: 0 auto;
		}
		.Title {
			width: initial;
		}
		.pick_bg {
			width: 100%;
			padding-left: 1em;
			padding-right: 1em;
		}
		.Banner .ImgCover img {
			width: 100%;
			height: 100%;
		}
		.pick_text {
			margin-bottom: 2em;
		}
		.Osusume2 {
			display: table-cell;
		}
		.spwrap {
			margin: 0 auto;
		}
		.pick_h3 {
font-size: 1.5em;
position: relative;
top: -10px;
color: #EDAF1C;
transform: rotate( 10deg );
left: 130px;
width: 11em;
		}
		.Category {
			display: none;
		}
 }


 /* タブレット用-------------------------------------------------------------------- */
 @media screen and (min-width: 480px) {
	#viewer_y {
		padding-top: 100px;
	}
	.spwrap {
		margin-left: auto;
margin-right: auto;
margin-top: 100px;
	}
	.Column3 > ul > li, .Column3 > ol > li, .Column3 > .Wrap > article {
		width:initial;
flex-basis: initial;
	}
 }