@charset "utf-8";
/* 
 style info : indexスタイル

2016/02/17
 */
 
/*----------------------------------------------------
	#main-visual
----------------------------------------------------*/
#main-visual{
	background:url(../img/index/visual_bg_dots.png);
	padding-bottom:50px;
}
@media screen and (max-width: 768px) {
#main-visual{
	background:none;
	padding-bottom:40px;
}
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/

h2{
	background:#f2f2f2;
	width:100%;
	height:30px;
	line-height:30px;
	padding-left:10px;
	margin:0 0 15px 0;
	box-sizing: border-box;
	border-left:none;

}

h2 img{
	width:200px;
	vertical-align:middle;
}


/*	products
----------------------------------------------------*/
.products{
	margin-bottom:15px;
}

.products li {
	width:340px;
	float:left;
}
.products li:first-of-type {
	margin-right:20px;
}
.products li h3{
	border-left:10px solid #ff8c00;
	padding-left:3px;
	margin-bottom:10px;
	font-size:114.3%;
}
.products li .imgbox a{
	display:block;
	width:340px;
	height:225px;
	border:1px solid #ff8c00;
	overflow:hidden;
	z-index:2;
	margin-bottom:15px;
}
.products li .imgbox img{
	width:100%;
}

/*Ladies' Young Fashion*/
.products li.cat01 .imgbox a{
	border:1px solid #ff7bac;
}
/*Ladies'*/
.products  li.cat02 .imgbox a{
	border:1px solid #ea5550;
}
/*レディースインナー*/
.products  li.cat03 .imgbox a{
	border:1px solid #8e7bc3;
}
/*Men's*/
.products  li.cat04 .imgbox a{
	border:1px solid #0071bc;
}
/*キッズ＆ベビー*/
.products  li.cat05 .imgbox a{
	border:1px solid #00bfff;
}
/*インテリア*/
.products  li.cat06 .imgbox a{
	border:1px solid #866629;
}
/*生地手芸*/
.products  li.cat07 .imgbox a{
	border:1px solid #8cc63f;
}
/*寝具*/
.products  li.cat08 .imgbox a{
	border:1px solid #deb887;
}

.products li .txtbox{
	background-color:#e9e1d7;
	background-image:url(../img/common/icon_carrowbrown_right.png);
	background-repeat:no-repeat;
	background-position:right 5px bottom 10px;
	background-size:20px;
}
.products li  .txtbox a{
	display:block;
	width:100%;
	padding:8px 22px 8px 8px;
	color:#000;
	text-decoration:none;
	box-sizing: border-box;
}

@media screen and (max-width: 768px) {
	.products ul{
	width:95%;
	margin:auto;
}
	.products li {
	float:none;
	width:100%;
}
.products li:first-of-type {
	margin-bottom:20px;
}
.products li h3{
	font-size:100%;
	line-height:1;
	vertical-align:middle;
	display:table-cell;
	padding:3px;
}

	.products li .imgbox{
	margin:15px 0;
	position: relative;
    width: 100%;
    height: 100%;
    padding: 66.17% 0 0;
	}
.products li .imgbox a{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.products li .txtbox{
	background-position:97% 70%;
	background-position:right 5px bottom 10px;
}
}
@media screen and (max-width: 415px) {
	
	.products li .txtbox{
	background-position:95% 80%;
	background-position:right 5px bottom 10px;
}
}

/*yahoo情報+楽天　2018.12更新
----------------------------------------------------*/
.netshop{
	margin-top:25px;
}
.netshop .shopttl{
	background:#f2f2f2;
	text-align:center;
	padding:10px 0;
}
.netshop .shopttl h3{
	font-size:24px;
}

.yahoo,.rakuten{
	margin:0 0 45px;
}
.yahoo h4{
	background:#ff0033;
	text-align:center;
	padding:5px 0;
}
yahoo h4 img{
	width:510px;
}
.yahoo .link{
	width:700px;
	height:280px;
	background:#ccc;
	margin-bottom:5px;
}

.rakuten h4{
	background:#c0191f;
	text-align:center;
	padding:5px 0;
}
.rakuten h4 img{
	width:120px;
}
.rakuten .link {
	margin-bottom:5px;
}
.rakuten .link ul{
	display: flex;
	flex-wrap: wrap;
}

.rakuten .link li{
	width:50%;
}
.rakuten .link li img{
	width:100%;
	vertical-align:bottom;
	
}

@media screen and (max-width: 768px) {
	.netshop .shopttl h3{
	font-size:22px;
}
	.yahoo h4 img{
	max-width:90%;
}

.yahoo .link{
	width:95%;
	margin:auto;
}
.rakuten h4 img{
	width:80px;
}

}
/*	newsサムネイル
----------------------------------------------------*/


.news-thum{
	font-size:12px;
	box-sizing: border-box;
}
.news-thum dt:first-child{
	padding-top:0;
}
.news-thum dt{
	padding:10px 10px 0;
}
.news-thum dd{
	padding:0 10px 10px;
	border-bottom:1px dotted #ccc;
	
}
.news-thum dd:last-child{
	border-bottom:1px solid #ccc;
}
.news-thum p a{
	display:block;
	text-align:right;
	height:30px;
	line-height:30px;
	color:#666;
}
.news-thum p img{
	width:18px;
	vertical-align:middle;
	margin-right:3px;
	}

/*	重要なお知らせ
----------------------------------------------------*/
.Important_notices{
	border:1px solid #ccc;
	padding:10px 8px;
	box-sizing:border-box;
}
.Important_notices h2{
	background:#f4d4e1;
	margin:0 0 10px;
}
.Important_notices .text{
	margin:0 10px;
}