@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 .gn10 a  {
	color: #333;
	text-decoration: underline;
	background-color: #FEE6C7;
}
@media only screen and (max-width: 950px) {
	#header .gn02 a,#header .gn10 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 #baked {
	clear: both;
	margin-top: 10px;
}
/*--book内 css----------------------------------------------------------------------------*/
@media only screen and (min-width: 951px) {
	.book_wrapper .pg01 {
		display: none;
	}
}
@media only screen and (min-width: 851px) and (max-width: 950px) {
	.book_wrapper .pg01 {
		width: 46%;
		height: 500px;
		float: left;
		background-color: #EAEAEA;
		background-image: url(../illust/repeat_mohn_bg.jpg);
		background-position: left;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		padding-top: 2%;
		padding-left: 2%;
		padding-right: 2%;
		padding-bottom: 2%;
		margin-bottom: 3%;
		margin-left: 1%;
	}
}
@media only screen and (min-width: 751px) and (max-width: 850px) {
	.book_wrapper .pg01 {
		width: 46%;
		height: 470px;
		float: left;
		background-color: #EAEAEA;
		background-image: url(../illust/repeat_mohn_bg.jpg);
		background-position: left;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		padding-top: 2%;
		padding-left: 2%;
		padding-right: 2%;
		padding-bottom: 2%;
		margin-bottom: 3%;
		margin-left: 1%;
	}
}
@media only screen and (min-width: 701px) and (max-width: 750px) {
	.book_wrapper .pg01 {
		width: 46%;
		height: 440px;
		float: left;
		background-color: #EAEAEA;
		background-image: url(../illust/repeat_mohn_bg.jpg);
		background-position: left;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		padding-top: 2%;
		padding-left: 2%;
		padding-right: 2%;
		padding-bottom: 2%;
		margin-bottom: 3%;
		margin-left: 1%;
	}
}
@media only screen and (max-width: 700px) {
	.book_wrapper .pg01 {
		width: 95%;
		height: auto;
		float: none;
		background-color: #EAEAEA;
		background-image: url(../illust/repeat_mohn_bg.jpg);
		background-position: left;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		padding-left: 2%;
		padding-right: 2%;
		padding-bottom: 2%;
		margin-bottom: 5%;
		margin-left: 1%;
	}
}
/*------------------------------------------------------------------------------*/

@media only screen and (min-width: 801px) and (max-width: 950px) {
	.book_wrapper .pg {
		width: 47%;
		height: 500px;
		float: left;
		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%;
		margin-left: 1%;
	}
}
@media only screen and (min-width: 681px) and (max-width: 800px) {
	.book_wrapper .pg {
		width: 46%;
		height: 470px;
		float: left;
		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%;
		margin-left: 1%;
	}
}
@media only screen and (min-width: 581px) and (max-width: 680px) {
	.book_wrapper .pg {
		width: 46%;
		height: 440px;
		float: left;
		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%;
		margin-left: 1%;
	}
}
@media only screen and (max-width: 580px) {
	.book_wrapper .pg {
		width: 98%;
		height: auto;
		float: none;
		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 .deco_casket {
	color: #666;
	float: left;
	width: 380px;
	padding-top: 1%;
	margin-right: 1%;
	margin-left: 1%;
}
@media only screen and (max-width: 950px) {
	.book_wrapper .deco_casket {
		float: none;
		width: 98%;
		padding: 1%;
		margin: 0;
	}
}
/*------------------------------------------------------------------------------*/

.book_wrapper .title {
	font-size: 110%;
	font-family: Tegaki;
	letter-spacing: -0.1em;
}
@media only screen and (min-width: 581px) and (max-width: 780px) {
	.book_wrapper .title {
		font-size: 100%;
	}
}
@media only screen and (min-width: 401px) and (max-width: 580px) {
	.book_wrapper .title {
		font-size: 95%;
	}
}
@media only screen and (max-width: 400px) {
	.book_wrapper.title {
		font-size: 90%;
	}
}
/*------------------------------------------------------------------------------*/
.book_wrapper .deco_name {
	font-size: 120%;
	line-height: 1.3em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-bottom: 1%;
	font-weight: bold;
	margin-top: 1%;
	font-family: Tegaki;
}
@media only screen and (min-width: 781px) and (max-width: 950px) {
	.book_wrapper .deco_name {
		font-size: 115%;
	}
}
@media only screen and (min-width: 581px) and (max-width: 780px) {
	.book_wrapper .deco_name {
		font-size: 110%;
	}
}
@media only screen and (min-width: 401px) and (max-width: 580px) {
	.book_wrapper .deco_name {
		font-size: 105%;
	}
}
@media only screen and (max-width: 400px) {
	.book_wrapper .deco_name {
		font-size: 100%;
	}
}
/*------------------------------------------------------------------------------*/
.book_wrapper .cooking_img {
	float: none;
	width: 100%;
}
.book_wrapper .deco_img {
	float: none;
	width: 91%;
	padding-right: 8%;
	padding-left: 1%;
}



.book_wrapper .deco_casket .deco_explanation {
	font-size: 100%;
	padding: 1%;
	line-height: 1.2em;
	font-family: Tegaki;
	letter-spacing: -0.1em;
}
@media only screen and (min-width: 581px) and (max-width: 780px) {
	.book_wrapper .deco_casket .deco_explanation {
		font-size: 90%;
	}
}
@media only screen and (min-width: 401px) and (max-width: 580px) {
	.book_wrapper .deco_casket .deco_explanation {
		font-size: 85%;
	}
}
@media only screen and (max-width: 400px) {
	.book_wrapper .deco_casket .deco_explanation {
		font-size: 80%;
	}
}
/*------------------------------------------------------------------------------*/
.book_wrapper .deco_casket ul {
	float: left;
	width: 49%;
	list-style-type: none;
	margin-top: 0.5em;
	padding-left: 1%;
}
.book_wrapper .deco_casket .description {
	font-size: 100%;
	padding: 1%;
	line-height: 1.2em;
}
@media only screen and (min-width: 581px) and (max-width: 780px) {
	.book_wrapper .deco_casket .description {
		font-size: 90%;
	}
}
@media only screen and (min-width: 401px) and (max-width: 580px) {
	.book_wrapper .deco_casket .description {
		font-size: 85%;
	}
}
@media only screen and (max-width: 400px) {
	.book_wrapper .deco_casket .description {
		font-size: 80%;
	}
}
/*------------------------------------------------------------------------------*/
.book_wrapper .deco_casket ul li {
	font-size: 90%;
}
@media only screen and (min-width: 581px) and (max-width: 780px) {
	.book_wrapper .deco_casket ul li {
		font-size: 85%;
	}
}
@media only screen and (min-width: 401px) and (max-width: 580px) {
	.book_wrapper .deco_casket ul li {
		font-size: 80%;
	}
}
@media only screen and (max-width: 400px) {
	.book_wrapper .deco_casket ul li {
		font-size: 75%;
	}
}
/*------------------------------------------------------------------------------*/
.book_wrapper .deco_casket ul .price {
	line-height: 1.2em;
	padding-left: 1em;
}
.book_wrapper .deco_casket .zei {
	font-size: 80%;
	padding-top: 1em;
	padding-bottom: 0.3em;
}
@media only screen and (min-width: 481px) and (max-width: 600px) {
	.book_wrapper .deco_casket .zei {
		font-size: 75%;
	}
}
@media only screen and (max-width: 480px) {
	.book_wrapper .deco_casket .zei {
		font-size: 70%;
	}
}
/*------------------------------------------------------------------------------*/
.book_wrapper .deco_casket dl {
	margin-top: 0.5em;
}
.book_wrapper .deco_casket dl dt {
	font-size: 100%;
	line-height: 1.2em;
	font-family: Tegaki;
}
@media only screen and (min-width: 581px) and (max-width: 780px) {
	.book_wrapper .deco_casket dl dt {
		font-size: 95%;
	}
}
@media only screen and (min-width: 401px) and (max-width: 580px) {
	.book_wrapper .deco_casket dl dt {
		font-size: 85%;
	}
}
@media only screen and (max-width: 400px) {
	.book_wrapper .deco_casket dl dt {
		font-size: 80%;.
	}
}
/*------------------------------------------------------------------------------*/
.book_wrapper .deco_casket dl dd {
	font-size: 90%;
	line-height: 1.2em;
	font-family: Tegaki;
}
@media only screen and (min-width: 581px) and (max-width: 780px) {
	.book_wrapper .deco_casket dl dd {
		font-size: 85%;
	}
}
@media only screen and (min-width: 401px) and (max-width: 580px) {
	.book_wrapper .deco_casket dl dd {
		font-size: 80%;
	}
}
@media only screen and (max-width: 400px) {
	.book_wrapper .deco_casket dl dd {
		font-size: 75%;
	}
}
/*------------------------------------------------------------------------------*/
/*ひなまつり用*/
.book_wrapper .hina_deco_name {
	font-size: 140%;
	line-height: 1.3em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-bottom: 1%;
	font-weight: bold;
	margin-top: 1%;
	font-family: Tegaki;
	background-color: #ECBCD0;
	color: #A95454;
}
@media only screen and (min-width: 781px) and (max-width: 950px) {
	.book_wrapper .hina_deco_name {
		font-size: 115%;
	}
}
@media only screen and (min-width: 581px) and (max-width: 780px) {
	.book_wrapper .hina_deco_name {
		font-size: 110%;
	}
}
@media only screen and (min-width: 401px) and (max-width: 580px) {
	.book_wrapper .hina_deco_name {
		font-size: 105%;
	}
}
@media only screen and (max-width: 400px) {
	.book_wrapper .hina_deco_name {
		font-size: 100%;
	}
}
/*------------------------------------------------------------------------------*/
.hina_box {
	background-image: url(../illust/hina/haikei.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 2%;
	padding-bottom: 2%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.hina_box .deco_explanation {
	color: #A95454;
	font-weight: bold;
	padding: 1%;
}
.hina_box .hina_txt {
	width: 98% !important;
	padding-left: 2%;
}
.hina_box li {
	font-weight: bold;
	color: #A95454;
	width: 100%;
}