@charset "utf-8";

/*IE-------------------------------------*/
@font-face {
	font-family: Tegaki;
	src: url(../HuiFont29.eot);
}

/* Firefox, Opera, Safari--------------------*/
@font-face {
	font-family: Tegaki;
	src: url(../HuiFont29.ttf);
}
#header .gn02 a,#header .gn09 a  {
	color: #333;
	text-decoration: underline;
	background-color: #FEE6C7;
}
@media only screen and (max-width: 950px) {
	#header .gn02 a,#header .gn09 a {
		line-height: 30px;
	}
}
/*------------------------------------------------------------------------------*/
@media only screen and (max-width: 700px) {
	#main {
		margin-top: 120px;
	}
}
/*------------------------------------------------------------------------------*/
#main #husen {
	margin-left: 860px;
	margin-top: -295px;
	height: 250px;
	z-index: 50;
	position: absolute;
}
@media only screen and (max-width: 950px) {
	#main #husen {
		display: none;
	}
}
/*------------------------------------------------------------------------------*/
#main #husen #click {
	margin-left: 30px;
}
#main #husen ul {
	text-decoration: none;
	list-style-type: none;
}
#main #husen #cake {
	clear: both;
	margin-top: 5px;
}
#main #husen #deco {
	clear: both;
	margin-top: 10px;
}

/*--book内 css----------------------------------------------------------------------------*/
@media only screen and (max-width: 950px) {
	.book_wrapper .pg {
		background-color: #EAEAEA;
		background-image: url(../illust/repeat_mohn_bg.jpg);
		background-position: center;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		padding-top: 2%;
		padding-left: 1%;
		padding-right: 1%;
		padding-bottom: 2%;
		margin-bottom: 3%;
	}
}
.book_wrapper .baked_casket {
	color: #666;
	float: left;
	width: 370px;
	margin-right: 1%;
	margin-left: 1%;
	padding-top: 1%;
}
@media only screen and (min-width: 581px) and (max-width: 950px) {
	.book_wrapper .baked_casket {
		float: left;
		width: 48%;
		padding-right: 1%;
		padding-bottom: 2em;
		padding-left: 1%;
		margin: 0;
	}
}
@media only screen and (min-width: 401px) and (max-width: 580px) {
	.book_wrapper .baked_casket {
		float: none;
		width: 98%;
		padding-right: 1%;
		padding-bottom: 2em;
		padding-left: 1%;
		margin: 0;
	}
}
@media only screen and (max-width: 400px) {
	.book_wrapper .baked_casket {
		float: none;
		width: 98%;
		padding-right: 1%;
		padding-bottom: 2em;
		padding-left: 1%;
		margin: 0;
	}
}
/*------------------------------------------------------------------------------*/

.book_wrapper .baked_img {
	float: left;
	width: 60%;
}
@media only screen and (min-width: 581px) and (max-width: 780px) {
	.book_wrapper .baked_img {
		float: none;
		width: 100%;
	}
}
@media only screen and (min-width: 401px) and (max-width: 580px) {
	.book_wrapper .baked_img {
		float: left;
		width: 50%;
	}
}
@media only screen and (max-width: 400px) {
	.book_wrapper .baked_img {
		float: none;
		width:100%;
	}
}
/*-----------------------------------------------------------------------------*/
.book_wrapper .baked_explanation {
	float: left;
	width: 39%;
	font-size: 90%;
	line-height: 1.2em;
	padding-left: 1%;
	font-family: Tegaki;
	letter-spacing: -0.1em;
	color: #a67c52;
}
@media only screen and (min-width: 581px) and (max-width: 780px) {
	.book_wrapper .baked_explanation {
		float: none;
		width: 80%;
		font-size: 90%;
		padding: 1%;
	}
}
@media only screen and (min-width: 401px) and (max-width: 580px) {
	.book_wrapper .baked_explanation {
		float: left;
		width: 48%;
		font-size: 85%;
		padding-left: 1%;
	}
}
@media only screen and (max-width: 400px) {
	.book_wrapper .baked_explanation {
		float: none;
		width: 85%;
		font-size: 85%;
		padding: 1%;
	}
}
/*------------------------------------------------------------------------------*/
.book_wrapper .baked_name {
	font-size: 100%;
	line-height: 1.1em;
	padding-left: 2%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A67C52;
	margin-bottom: 1%;
	margin-top: 1%;
	font-weight: bold;
	letter-spacing: -0.1em;
	font-family: Tegaki;
	color: #A67C52;
}
@media only screen and (min-width: 781px) and (max-width: 950px) {
	.book_wrapper .baked_name {
		font-size: 100%;
	}
}
@media only screen and (min-width: 581px) and (max-width: 780px) {
	.book_wrapper .baked_name {
		font-size: 100%;
	}
}
@media only screen and (min-width: 401px) and (max-width: 580px) {
	.book_wrapper .baked_name {
		font-size: 95%;
	}
}
@media only screen and (max-width: 400px) {
	.book_wrapper .baked_name {
		font-size: 90%;
	}
}
/*------------------------------------------------------------------------------*/
.book_wrapper  h2 {
	font-family: Tegaki;
	font-size: 90%;
	color: #A67C52;
	clear: both;
	line-height: 1.2em;
	padding-left: 1em;
	background-color: #FDE1BF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-top: 1%;
	padding-top: 1%;
	padding-right: 1em;
	padding-bottom: 1%;
}
@media only screen and (min-width: 781px) and (max-width: 950px) {
	.book_wrapper  h2 {
		font-size: 90%;
		margin-top: 2%;
	}
}
@media only screen and (min-width: 581px) and (max-width: 780px) {
	.book_wrapper  h2 {
		font-size: 85%;
		margin-top: 2%;
	}
}
@media only screen and (min-width: 401px) and (max-width: 580px) {
	.book_wrapper  h2 {
		font-size: 80%;
		margin-top: 2%;
	}
}
@media only screen and (max-width: 400px) {
	.book_wrapper  h2 {
		font-size: 75%;
		margin-top: 3%;
	}
}
/*------------------------------------------------------------------------------*/

@media only screen and (max-width: 950px) {
	.book_wrapper .article {
		display: none;
	}
}
.book_wrapper .small_img {
	float: left;
	width: 32%;
	margin-right: 1px;
}

.book_wrapper .cookie_img {
	float: none;
	width: 100%;
}

.book_wrapper .small_cookie_explanation {
	float: none;
	width: 98%;
	font-size: 90%;
	line-height: 1.2em;
	padding: 1%;
	margin-bottom: 2%;
	font-family: Tegaki;
	color: #a67c52;
}
@media only screen and (min-width: 581px) and (max-width: 780px) {
	.book_wrapper .small_cookie_explanation {
		font-size: 80%;
	}
}
@media only screen and (min-width: 401px) and (max-width: 580px) {
	.book_wrapper .small_cookie_explanation {
		font-size: 75%;
	}
}
@media only screen and (max-width: 400px) {
	.book_wrapper .small_cookie_explanation {
		font-size: 70%;
	}
}
/*------------------------------------------------------------------------------*/
.book_wrapper .gift_img {
	float: left;
	width: 70%;
}
@media only screen and (min-width: 581px) and (max-width: 780px) {
	.book_wrapper .gift_img {
		float: none;
		width: 100%;
	}
}
@media only screen and (min-width: 401px) and (max-width: 580px) {
	.book_wrapper .gift_img {
		float: none;
		width: 100%;
	}
}
@media only screen and (max-width: 400px) {
	.book_wrapper .gift_img {
		float: none;
		width: 100%;
	}
}
/*-----------------------------------------------------------------------------*/
.book_wrapper .gift_explanation {
	float: left;
	width: 29%;
	font-size: 90%;
	line-height: 1.3em;
	padding-left: 1%;
	color: #a67c52;
	letter-spacing: -0.1em;
}
@media only screen and (min-width: 581px) and (max-width: 780px) {
	.book_wrapper .gift_explanation {
		float: none;
		padding: 1%;
		width: 98%;
		font-size: 80%;
	}
}
@media only screen and (min-width: 401px) and (max-width: 580px) {
	.book_wrapper .gift_explanation {
		float: none;
		padding: 1%;
		width: 98%;
		font-size: 75%;
	}
}
@media only screen and (max-width: 400px) {
	.book_wrapper .gift_explanation {
		float: none;
		padding: 1%;
		width: 98%;
		font-size: 70%;
	}
}
/*------------------------------------------------------------------------------*/
.book_wrapper .wrapping_casket {
	float: left;
	width: 370px;
	padding-top: 1%;
	margin-right: 1%;
	margin-left: 1%;
}
@media only screen and (max-width: 950px) {
	.book_wrapper .wrapping_casket {
		float: none;
		width: 98%;
		padding: 1%;
	}
}
/*------------------------------------------------------------------------------*/
.book_wrapper .wrapping_img {
	float: none;
	width: 100%;
	padding: 0;
}
@media only screen and (min-width: 781px) and (max-width: 950px) {
	.book_wrapper .wrapping_img {
		float: left;
		width: 53%;
		padding: 1%;
	}
}
@media only screen and (min-width: 581px) and (max-width: 780px) {
	.book_wrapper .wrapping_img {
		float: left;
		width: 65%;
		padding: 0;
	}
}
@media only screen and (max-width: 580px) {
	.book_wrapper .wrapping_img {
		float: none;
		width: 100%;
		padding: 0;
	}
}
/*------------------------------------------------------------------------------*/
.book_wrapper .wrapping_explanation {
	float: none;
	width: 98%;
	font-size: 90%;
	line-height: 1.3em;
	padding-left: 1%;
}
@media only screen and (min-width: 781px) and (max-width: 950px) {
	.book_wrapper .wrapping_explanation {
		float: left;
		width: 43%;
		padding: 1%;
		font-size: 80%;
	}
}
@media only screen and (min-width: 581px) and (max-width: 780px) {
	.book_wrapper .wrapping_explanation {
		float: left;
		width: 33%;
		padding: 1%;
		font-size: 75%;
	}
}
@media only screen and (max-width: 580px) {
	.book_wrapper .wrapping_explanation {
		float: none;
		width: 98%;
		padding: 1%;
		font-size: 70%;
	}
}
/*------------------------------------------------------------------------------*/