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

@media screen and (min-width:750px) { 
/* スマホ用ヘッダ・フッタの非表示 */
#s-top{
	display:none;
}
.sp-if_header{
	display:none;
}
.sp-if_footer{
	display:none;
}
ul#fix_right{
	display:none;
}
ul li#fix_bn1{
	display:none;
}

}

/* ---------- */

body{
	font-size:1.2rem;
}

a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;	
}

p{
	margin:0;
	padding:0;
}

#inner{
	width:980px;
	margin:0 auto;
}

#nowhaw{
	width:100%;
	color:#002956;
	margin:0 auto 50px;
}

/* ---------- */

#imsn{
	width:100%;
	height:auto;
	margin:0;
	padding:0 0 50px;
	background:#f3f0eb;
}

#imsn div.contents{
	margin:0;
	padding:0;
}

#imsn div.imgarea{
	display:inline-block;
	width:480px;
	margin:0;
	padding:0;
	vertical-align:top;
}

#imsn div.imgarea p:nth-of-type(1){
	margin:50px 0 0 50px;
	padding:0;
}

#imsn div.imgarea p:nth-of-type(2){
	margin:-50px 0 0 30px;
	padding:0;
}

#imsn div.imgarea p:nth-of-type(3){
	margin:0 0 0 80px;
	padding:0;
}

#imsn div.imgarea p:nth-of-type(3) img{
	display:block;
	width:50%;
	margin:0 0 10px;
}

#imsn div.imgarea span{
	display:block;
}

#imsn div.itemarea{
	display:inline-block;
	width:480px;
	margin:50px 0 0;
	padding:0;
}

/* ---------- */

div.artist{
	margin:0 auto 100px;
	padding:30px;
	background:#f3f0eb;
}

div.artist div.inner{
	width:100%;
	margin:0 auto;
	padding:0;
}

div.artist div.prof{
	margin:0 auto 30px;
}

div.artist span{
	display:block;	
}

div.artist div.prof a{
	color:#002956;
	text-decoration:none;
}

div.artist div.prof a:before{
	content:"(";
}

div.artist div.prof a:after{
	content:")";
}

div.artist div.prof p:nth-of-type(1){
	margin:0;
	padding:0;
}

div.artist div.prof p:nth-of-type(1) img:nth-of-type(2){
	display:none;
}

div.artist div.prof p:nth-of-type(2){
	margin:-60px 0 0 195px;
}

div.artist div.prof_history{
	margin:20px auto 0;
}

/* ---------- */

div.lineup{
	width:98%;
	height:auto;
	margin:0 auto 100px;
	padding:0 0 10px;
	border-bottom:1px #002656 solid;
}

div.lineup div.inner{
	width:100%;
	height:100px;
	margin:0 auto 50px;
}

div.lineup p.nowhaw_items{
	width:100%;
	height:70%;
	border-bottom:1px #002656 solid;
	text-align:center;
	vertical-align:bottom;
	z-index:-99;
}

div.lineup p.nowhaw_items img{
	z-index:99;

}

/* ---------- */

.xitembox{
	width:99%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	position:relative;
	text-indent:0;

}

p.name{
	width:90%;
	margin:0 auto;
	padding:8px 0;
	color:#3d2a24;
	font-size:12px;
	text-align:left;
	line-height:1.5;
}

p.price{
	width:90%;
	margin:0 auto;
	padding:0;
	font-size:12px;
	color:#3d2a24;
	font-weight:bold;
	text-decoration:none;
	text-align:right;
	float:left;
}

p.deli,
p.deli_neko{
	position:absolute;
	margin:0 0 0 10px;
	font-size:12px;
	color:#990000;
}

p.deli:after{
	content:"送料無料";
}

p.deli_neko:after{
	content:"ネコポス可";
}

p.name > span{
	display:block;
}

p.price:after{
	content:"　";
}

/* ---------- */

div.contents div.xitem{
	display:inline-block;
	width:50%;
	margin:0;
	padding:0 0 20px;
	text-align:center;
	vertical-align:top;
}

div.contents div.xitem img{
	width:85%;
	margin:0 auto;
}

/* ---------- */

div.lineup div.xitem{
	display:inline-block;
	width:25%;
	margin:0 auto 50px;
	padding:0;
	text-align:center;
	vertical-align:top;
}

div.lineup div.xitem img{
	width:85%;
	margin:0 auto;
}

div.lineup div.xitem p.name{
	width:92%;
	margin:0 auto;
}

div.lineup div.xitem p.price{
	width:90%;
	margin:0 auto;
}

div.lineup div.xitem p.deli,
div.lineup div.xitem p.deli_neko{
}

#nowhaw p.name,
#nowhaw p.price{
	color:#002956;
}


/* ---------- */

div#brand_nowhaw{
	position:relative;
	width:980px;
	height:680px;
	margin:0 auto;
	background:url(now-brand.jpg) no-repeat;
	font-size:1.4rem;
	font-size:14px;
	color:#002956;
	line-height:23px;
}

div#brand_nowhaw p{
	position:absolute;
	width:100%;
	margin:460px auto 0;
	padding:0;
	text-align:center;
}

div#brand_nowhaw span{
	display:block;
}



/* ----------yahoo */
@media screen and (min-width:769px) and (max-width:800px) { 

#inner{
	width:780px;
	margin:50px auto 0;
}

#nowhaw{
	width:100%;
	color:#002956;
}

#imsn{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	background:#f3f0eb;
}

#imsn div.contents{
	margin:0 auto;
	padding:40px 0;
	text-align:center;
}

#imsn div.imgarea{
	width:90%;
	margin:0 auto;
}

#imsn div.imgarea img{
	width:100%;
}

#imsn div.imgarea p:nth-of-type(1){
	display:inline-block;
	width:50%;
	margin:0;
	padding:0;
	vertical-align:top;
}

#imsn div.imgarea p:nth-of-type(2){
	display:inline-block;
	width:50%;
	margin:0;
	padding:0;
}

#imsn div.imgarea p:nth-of-type(3){
	display:block;
	width:52%;
	margin:-135px 0 50px 20px;
	padding:0;
	text-align:left;
}

#imsn div.imgarea p:nth-of-type(3) img{
	display:block;
	width:70%;
	margin:0 0 10px 25%;
}

#imsn div.imgarea span{
	display:inline;
}

#imsn div.contents div.itemarea{
	display:block;
	width:92%;
	margin:50px auto 0;
	padding:0;
}

div.contents div.itemarea div.xitem{
	display:inline-block;
	width:25%;
	margin:0;
	padding:0 0 20px;
	text-align:center;
	vertical-align:top;
}

div.contents div.itemarea div.xitem:nth-of-type(1) p.name{
	width:96%;
}

div.contents div.itemarea div.xitem:nth-of-type(1) p.name:first-line{
	font-size:1.1rem;
}

div.contents div.itemarea div.xitem:nth-of-type(4) p.name span:nth-of-type(2){
	display:inline;
	margin-right:5px;
}

div.artist div.prof span{
	display:inline;
}

div.artist div.inner div.prof span:nth-of-type(1){
	display:block;
}

div.lineup div.xitem{
	width:24%;
}

div#brand_nowhaw{
	position:relative;
	width:780px;
	height:680px;
	margin:0 auto;
	background:url(now-brand780.jpg) no-repeat;
	font-size:1.4rem;
	font-size:14px;
	color:#002956;
	line-height:23px;
}

div#brand_nowhaw p{
	position:absolute;
	width:100%;
	margin:460px auto 0;
	padding:0;
	text-align:center;
}

div#brand_nowhaw span{
	display:block;
}

}


/* ----------smartphone */
@media screen and (max-width:768px) { 

#inner{
	width:100%;
	font-size:1.3rem;
}

#nowhaw{
	width:100%;
	color:#002956;
	margin:0 auto 50px;
}

#imsn{
	width:100%;
	margin:0;
	padding:0;
	background:#f3f0eb;
}

#imsn img,
div.artist img{
	width:100%;	
}

#imsn div.contents{
	width:90%;
	height:auto;
	margin:0 auto;
	padding:50px 0;
	background:#f3f0eb;
}

#imsn div.imgarea,
#imsn div.itemarea{
	display:block;
	position:relative;
	width:100%;
}

#imsn div.imgarea p:nth-of-type(1){
	margin:0;
	padding:0;
}

#imsn div.imgarea p:nth-of-type(2){
	margin:-50px 0 0;
	padding:0;
}

#imsn div.imgarea p:nth-of-type(3){
	width:90%;
	margin:0 auto;
	padding:0;
}

#imsn div.imgarea p:nth-of-type(3) img{
	display:block;
	width:80%;
	margin:0 0 10px 10%;
}

#imsn div.imgarea span{
	display:inline;
}

div.artist{
	margin:5px auto 100px;
	padding:20px;
	font−size:1.3rem;
}

div.artist div.prof p:nth-of-type(1){
	margin:0;
}
/* .ver pc */
div.artist div.prof p:nth-of-type(1) img:nth-of-type(1){
	display:none;
}
/* .ver sp */
div.artist div.prof p:nth-of-type(1) img:nth-of-type(2){
	display:inline;
}

div.artist div.prof p:nth-of-type(2){
	display:block;
	margin:20px auto 0;
}

div.artist div.prof p:nth-of-type(2) span{
	display:inline;
}

div.artist div.prof p:nth-of-type(2) span:nth-of-type(1){
	display:block;
}

/* ---------- */
    
div.lineup p.nowhaw_items{
    margin:20px 0 0;
}

div.lineup div.xitem{
	display:inline-block;
	width:50%;
	margin:0 auto 50px;
	padding:0;
	text-align:center;
	vertical-align:top;
}

div.lineup div.xitem:nth-of-type(odd) img{
	border-right:1px #f1f1f1 solid;
}

/* ---------- */

p.price{
	width:85%;
	margin:0 auto;
	padding:0;
	font-size:1.2rem;
	font-size:12px;
	color:#3d2a24;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	float:none;
}

p.deli,
p.deli_neko{
	width:90%;
	position:static;
	margin:0 auto;
	font-size:1.2rem;
	font-size:12px;
	color:#990000;
	text-align:left;
}

div#brand_note{
	display:none;
}

@media screen and (min-width:480px) and (max-width:768px) { 
    /*　for iPhone Landscape　(iPhone 横)　*/

#imsn div.contents{
	width:96%;
	padding:25px 0;
}

#imsn div.imgarea p:nth-of-type(1){
	display:inline-block;
	width:52%;
	margin:0;
	padding:0;
	vertical-align:top;
}

#imsn div.imgarea p:nth-of-type(2){
	display:inline-block;
	width:48%;
	margin:0;
	padding:0;
}

#imsn div.imgarea p:nth-of-type(3){
	display:block;
	width:50%;
	margin:-135px 0 0 2%;
	padding:0;
}

#imsn div.imgarea p:nth-of-type(3) img{
	display:block;
	width:70%;
	margin:0 0 10px 30%;
}

#imsn div.imgarea span{
	display:inline;
}


/* .ver pc */
div.artist div.prof p:nth-of-type(1) img:nth-of-type(1){
	display:inline;
}
/* .ver sp */
div.artist div.prof p:nth-of-type(1) img:nth-of-type(2){
	display:none;
}

div.contents div.xitem,
div.lineup div.xitem{
	display:inline-block;
	position:relative;
	width:25%;
	height:auto;
	margin:0 auto 30px;
	padding:0;
	text-align:left;
	border:0;
}

div.lineup div.xitem img{
	border-right:1px #f1f1f1 solid;
}

div.lineup div.xitem:nth-child(4n) img{
	border:none;
}

/* ---------- */

div.lineup div.xitem p.name,
div.lineup div.xitem p.price{
	position:static;
	width:85%;
}

div#brand_note{
	display:none;
}

}