@import url(http://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}

@import url('https://fonts.googleapis.com/css?family=Sawarabi+Mincho&subset=japanese');


body {
	font-family: 'Sawarabi Mincho', serif;
	margin: 0;
}

li { list-style: none; }
img { width: 100% ; display: block;}
dl { font-size: 18px; }
p {margin: 5px auto;}

a:link { text-decoration: none;}
a:active { text-decoration: none;}
a:hover { text-decoration: none; }
a:visited { text-decoration: none; }

#birthday {
	background-image: url(./img/bdbg.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	padding: 0 8px 2em 8px;
}

	.kiritsugu {
		background-image: url(./img/bd-bg.png);
		background-repeat: no-repeat;
		background-position: left;
	}


.container {
	max-width: 960px;
}

.top {
	color: #9766ac;
}
	.top h3 {
		text-align: right; 
		max-width: 960px;
	}
	.top dl {
		color: black;
		text-align: left;
	}

	.top img {
		max-width: 1024px;
	}

	.datecolor { 
		font-size: 40px;
		line-height: 43px;
	}

	.novelty {
		max-width: 900px;
		display: inline-block;
	}

.list-hd {
	color: white;
	background-color: #c74052;
	border-radius: 3px;
	padding: 10px 15px;
	letter-spacing: 2px;
}

.goods {
	margin-bottom: 3em;
}

.bx1 {
	display: inline-block;
} 
	.bx1 ul {
		max-width: 320px;
		float: left;
	}

	.bx2 img {
		max-width: 320px;
	}
	.txtbx {
		text-align: left;
		display: inline-block;
	}

	.tapesize {
		max-width: 200px;
	}

.imgline {
	border: 1px solid #8f40c7;
}

#sakura {
	border: solid 1px #8f40c7;
	padding: 8px;
}
	.sakura-hd {
		color: white;
		background-color: #8f40c7;
		border-radius: 3px;
		padding: 10px 18px;
		max-width: 640px;
		margin: 8px;
	}

.webshopbtn {
	color: white;
	background-color: #8f40c7;
	padding: 8px 10px;
	border-radius: 10px;
	max-width: 600px;
	font-size: 24px;
}

.pointbtn {
	color: #8f40c7;
	border: 1px solid #8f40c7;
	padding: 8px 10px;
	border-radius: 10px;
	max-width: 600px;
	font-size: 24px;
	margin-top: 30px;
}


.f-small {
	font-size: 12px;
}

.point h2 {
	margin: 10px 0;
}

.red {color: red !important;}

/**--------- IMG SIZE------*/
.logo {
	max-width: 334px;
}

.headimg {
	max-width: 294px;
}

.psc {
	max-width: 172px;
}

.bdsize {
	max-width: 880px;
	margin: 2em 0;
}
.pointbn { max-width: 603px; 
margin: 2em;}
.icsize {
	max-width: 158px;
}

.goodsall, .webshopbn {
	max-width: 741px;
	margin: 2em 0;
}

@media screen and (max-width: 1023px){

.kiritsugu {
		background-image: none;
	}

.bx1 ul {
	padding: ;
}

.top {
	text-align: inherit;
}
	
	.top h3 {
		text-align: left;
		max-width: 700px;
	}

}

@media screen and (max-width: 750px){

	.bx1 ul {
		float: none;
		padding: 0;
	}

}