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

-------------------------------------------------- */
#header {
	min-height: 384px;
	width: 100%;
	background: url("../images/top/head_back.jpg") top center no-repeat !important;
	text-indent: -9999px;
}
#header h1 {
	width: 950px;
	height: 332px;
	margin: 0 auto;
}

/*container
-------------------------------------------------- */
#container {
	min-width: 950px;
	min-height: 100%;
	width: 950px;
	margin: 0 auto;
	padding: 10px 0 0;
	background-image: url("../images/top/container_back.jpg");
	background-repeat: no-repeat;
	background-position: top center;
}

/*
-------------------------------------------------- */
.new_catch {
	text-align: center;
}

#new {
	width: 844px;
	margin: -20px auto 0;
	padding: 35px 0 51px;
	background: url("../images/top/new_back_top.jpg") top center no-repeat, url("../images/top/new_back_btm.jpg") bottom center no-repeat;
}
#new .head {
	height: 93px; 
	text-align: center;
}
#new .menu_wrap {
	width: 844px;
	margin: 0 auto;
}
#new .menu_wrap .menu {
	width: 844px;
	margin: 0 auto;
	padding: 20px 100px 35px;
	background-image: url("../images/top/new_komi_top.jpg"), url("../images/top/new_komi_btm.jpg"), url("../images/top/new_komi_mid.jpg");
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: top center, bottom center, top center;

	box-sizing: border-box;
}
#new .menu_wrap .menu:first-child {
	padding: 0 100px 35px;
	background-image: url("../images/top/new_komi_top_first.jpg"), url("../images/top/new_komi_btm.jpg"), url("../images/top/new_komi_mid.jpg");
	background-repeat: no-repeat, no-repeat, repeat-y; 
	background-position: top center, bottom center, top center;
}
#new .menu_wrap .menu:last-child {
	padding: 20px 100px 40px;
	background-image: url("../images/top/new_komi_top.jpg"), url("../images/top/new_komi_btm_last.jpg"), url("../images/top/new_komi_mid.jpg");
	background-repeat: no-repeat, no-repeat, repeat-y; 
	background-position: top center, bottom center, top center;
}
#new .icon {
	width: 105px;
	position: relative; 

	float: left;
}
#new .title {
	width: 535px;
	padding: 10px 0 0;

	float: left;
}
#new .lead {
	padding: 10px 20px 0 10px;
	font-size: 94%;
	line-height: 1.4; 

	clear: both;
	display: inline-block;
}
#new .price {
	padding: 5px 20px 0 30px;
	color: #720073;
}
#new .price br {
	/*display: none;*/
}
#new .price span {
	margin-right: 1em; 

	display: inline-block;
}

/*
-------------------------------------------------- */
.reco_catch {
	width: 100%;
	background: url("../images/top/reco_catch_back.jpg") bottom center no-repeat;
	text-align: center;
}

#reco {
	width: 844px;
	margin: 0px auto 0;
	padding: 30px 0 80px;
	background-image: url("../images/top/reco_back_top.jpg"), url("../images/top/reco_back_btm.jpg"), url("../images/top/reco_back_mid.jpg");
	background-repeat: no-repeat, no-repeat, repeat-y; 
	background-position: top center, bottom center, top center;
}
#reco .head {
	height: 70px;
	margin: 0 0 20px;
	text-align: center;
}
#reco .menu_wrap {
	width: 844px;
	margin: 0 auto;
}
#reco .menu {
	width: 844px;
	margin: 0 auto;
	padding: 0 100px 15px;
	background-image: url("../images/top/reco_komi_top.jpg"), url("../images/top/reco_komi_btm.jpg"), url("../images/top/reco_komi_mid.jpg");
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: top center, bottom center, top center;

	box-sizing: border-box;
}
#reco .icon {
	width: 105px;
	margin-right: 10px;
	position: relative; 

	float: left;
}
#reco .title {
	width: 525px;
	padding: 10px 0 0;
	font-weight: bold;
	font-size: 163%;
	line-height: 1.5; 

	float: left;
}
#reco .title a {
	color: #610193;

	display: inline-block;
}
#reco .title a:visited {
	color: #666;
}
#reco .lead {
	padding: 10px 20px 0 10px;
	font-size: 94%;
	line-height: 1.4; 

	clear: both;
	display: inline-block;
}
#reco .price {
	padding: 5px 20px 0 30px;
	color: #305d0f;
}
#reco .price br {
	/*display: none;*/
}
#reco .price span {
	margin-right: 1em; 

	display: inline-block;
}

/**/
.catch_price {
	color: #fff; 
	text-align: center;
}

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

-------------------------------------------------- */
/**/
#special_catch {
	min-height: 272px;
	width: 100%;
	padding: 55px 0 0;
	background: url("../images/top/special_catch_back.jpg") top center no-repeat;
	text-align: center;
}

#special {
	width: 844px;
	margin: 0 auto;
	padding: 0 0 85px;
	background-image: url("../images/top/special_back_top.jpg"), url("../images/top/special_back_btm.jpg"), url("../images/top/special_back_mid.jpg");
	background-repeat: no-repeat, no-repeat, repeat-y; 
	background-position: top center, bottom center, top center;
}
#special .head {
	width: 844px;
	height: 88px;
	padding: 14px 0 0;
	text-align: center;
}
#special .menu {
	width: 370px;
	position: relative;
}
#special .left {
	padding: 5px 10px 20px 40px;

	float: left;
}
#special .right {
	padding: 5px 35px 20px 15px; 

	float: left;
}
#special .icon {
	width: 105px;
	height: 107px;
	padding: 0px 5px 0 10px;
	position: absolute;
}
#special .left .icon {
	top: -95px;
	left: 50px;
}
#special .right .icon {
	top: -95px;
	right: 50px;
}
#special .title {
	width: 356px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	text-align: center;
}
#special .lead {
	padding: 5px 25px 0; 
	line-height: 1.4;
}
#special .price {
	margin-top: 10px;
	padding: 0 13px;
	color: #6b00a9;

	clear: both;
}

/* --------------------------------------------------
-------------------------------------------------- */
.nenun {
	width: 844px;
	margin: 0px auto 0;
	position: relative;
}
.nenun .btn {
	width: 727px;
	height: 376px;
	margin: 0 auto;
	background: url("../images/top/nenun_ts10.jpg") top center no-repeat;
}
.nenun .btn:hover {
	background: url("../images/top/nenun_ts10.jpg") bottom center no-repeat;
}
.nenun .price {
	width: 700px;
	color: #000;
	font-weight: bold;
	font-size: 14px;
	position: absolute;
	bottom: 100px;
	left: 70px;
	text-align: center;
	word-wrap: none;
	top: 347px;
	line-height: 1.3;
}
.nenun .price br {
	/*display: none;*/
}
.nenun a {
	width: 727px;
	height: 376px;
	margin: 0 auto;

	display: block;
}

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

-------------------------------------------------- */
#review {
	width: 844px;
	margin: 0 auto;
	padding: 45px 0 80px;
	background-image: url("../images/top/review_back_top.jpg"), url("../images/top/review_back_btm.jpg"), url("../images/top/review_back_mid.jpg");
	background-repeat: no-repeat, no-repeat, repeat-y; 
	background-position: top center, bottom center, top center;
}
#review .head {
	margin: 0 0 30px;
	text-align: center;
}
#review .colum {
	width: 610px;
	margin: 0 auto 15px;
	padding: 0px 0 15px;
	background: url("../images/top/review_line.jpg") bottom center no-repeat;
}
#review .colum:last-child {
	background: none;
}
#review .icon {
	width: 85px;
	height: auto;
	padding: 0px 5px 0 10px;

	float: left;
}
#review .title {
	width: 500px;
	padding: 8px 0 0 0;
	color: #610193; 
	font-weight: bold;
	font-size: 125%;
	line-height: 1.4;

	float: left;
}
#review .title a {
	color: #00f; 

	display: inline-block;
}
#review .price {
	padding: 0 15px;
	color: #6b00a9;
	font-size: 88%; 

	clear: both;
}
#review .price br {
	/*display: none;*/
}

.review_icon {
	width: 82px;
	height: 82px;
	margin-right: 10px;
	margin-bottom: 10px;

	float: left;
}

.review_head {
	min-height: 50px;
	width: 500px;
	margin-top: 5px;
	padding: 10px 5px;
	font-weight: bold;
	font-size: 150%;
	line-height: 1.2;

	display: table;
	float: left;
}
.review_head span {
	vertical-align: middle; 

	display: table-cell;
}
.review_head.love {
	background: #ffc3db;
}
.review_head.marr {
	background: #e5c3ff;
}
.review_head.life {
	background: #b5e9f6;
}

.review_text {
	width: 600px;
	margin: 10px 0 5px;

	clear: both;
}
.review_text span {
	font-weight: bold;
}

.review_prof {
	display: block;
	float: right;
}

/*
-------------------------------------------------- */
#love {
	width: 844px;
	margin: 0 auto;
	padding: 85px 0 75px;
	background-image: url("../images/top/love_back_top.jpg"), url("../images/top/love_back_btm.jpg"), url("../images/top/love_back_mid.jpg");
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: top center, bottom center, top center;
	position: relative;
}
#love .label {
	position: absolute;
	top: 0;
	left: 0;
}
#love .head {
	margin: 0 0 10px;
	text-align: center;
}
#love .menuLftRgt {
	width: 844px;
	margin: 0 auto;
	padding: 0;
	background-image: url("../images/top/love_back_dbl_top.jpg"), url("../images/top/love_back_dbl_btm.jpg"), url("../images/top/love_back_dbl_mid.jpg");
	background-repeat: no-repeat, no-repeat, repeat-y; 
	background-position: top center, bottom center, top center;
}
#love .menuLft {
	width: 844px;
	margin: 0 auto;
	padding: 0;
	background-image: url("../images/top/love_back_sgl_top.jpg"), url("../images/top/love_back_sgl_btm.jpg"), url("../images/top/love_back_sgl_mid.jpg");
	background-repeat: no-repeat, no-repeat, repeat-y; 
	background-position: top left, bottom left, top left;
}
#love a {
	color: #d0004e; 

	display: inline-block;
}
#love a:visited {
	color: #777;
}
#love a:hover {
	color: #de00ff;
}
#love .null {
	width: 371px;
	height: 294px;
	margin: 0 auto;
	background: url("../images/top/love_null.jpg") top center no-repeat;
}

/*
-------------------------------------------------- */
#marr {
	width: 844px;
	margin: 0 auto;
	padding: 85px 0 75px;
	background-image: url("../images/top/marr_back_top.jpg"), url("../images/top/marr_back_btm.jpg"), url("../images/top/marr_back_mid.jpg");
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: top center, bottom center, top center;
	position: relative;
}
#marr .label {
	position: absolute;
	top: -5px;
	left: 2px;
}
#marr .head {
	margin: 0 0 10px;
	text-align: center;
}
#marr .menuLftRgt {
	width: 844px;
	margin: 0 auto;
	padding: 0;
	background-image: url("../images/top/marr_back_dbl_top.jpg"), url("../images/top/marr_back_dbl_btm.jpg"), url("../images/top/marr_back_dbl_mid.jpg");
	background-repeat: no-repeat, no-repeat, repeat-y; 
	background-position: top center, bottom center, top center;
}
#marr .menuLft {
	width: 844px;
	margin: 0 auto;
	padding: 0;
	background-image: url("../images/top/marr_back_sgl_top.jpg"), url("../images/top/marr_back_sgl_btm.jpg"), url("../images/top/marr_back_sgl_mid.jpg");
	background-repeat: no-repeat, no-repeat, repeat-y; 
	background-position: top left, bottom left, top left;
}
#marr a {
	color: #af01a1; 

	display: inline-block;
}
#marr a:visited {
	color: #777;
}
#marr a:hover {
	color: #06f;
}
#marr .null {
	width: 371px;
	height: 294px;
	margin: 0 auto;
	background: url("../images/top/marr_null.jpg") top center no-repeat;
}

/*
-------------------------------------------------- */
#life {
	width: 844px;
	margin: 0 auto;
	padding: 85px 0 75px;
	background-image: url("../images/top/life_back_top.jpg"), url("../images/top/life_back_btm.jpg"), url("../images/top/life_back_mid.jpg");
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: top center, bottom center, top center;
	position: relative;
}
#life .label {
	position: absolute;
	top: 0;
	left: 0;
}
#life .head {
	margin: 0 0 10px;
	text-align: center;
}
#life .menuLftRgt {
	width: 844px;
	margin: 0 auto;
	padding: 0;
	background-image: url("../images/top/life_back_dbl_top.jpg"), url("../images/top/life_back_dbl_btm.jpg"), url("../images/top/life_back_dbl_mid.jpg");
	background-repeat: no-repeat, no-repeat, repeat-y; 
	background-position: top center, bottom center, top center;
}
#life .menuLft {
	width: 844px;
	margin: 0 auto;
	padding: 0;
	background-image: url("../images/top/life_back_sgl_top.jpg"), url("../images/top/life_back_sgl_btm.jpg"), url("../images/top/life_back_sgl_mid.jpg");
	background-repeat: no-repeat, no-repeat, repeat-y; 
	background-position: top left, bottom left, top left;
}
#life a {
	color: #006871; 

	display: inline-block;
}
#life a:visited {
	color: #777;
}
#life a:hover {
	color: #de00ff;
}
#life .null {
	width: 371px;
	height: 294px;
	margin: 0 auto;
	background: url("../images/top/life_null.jpg") top center no-repeat;
}

/**/
#love .left, #marr .left, #life .left {
	width: 350px;
	padding: 40px 25px 30px 50px;
	position: relative; 

	float: left;
}

#love .right, #marr .right, #life .right {
	width: 350px;
	padding: 40px 30px 30px 25px;
	position: relative; 

	float: left;
}

#love .menuLft .right, #marr .menuLft .right, #life .menuLft .right {
	padding: 20px 25px 12px 17px;
}

#love .icon, #marr .icon, #life .icon {
	width: 105px;
	margin-right: 10px;
	position: relative; 

	float: left;
}

#love .title, #marr .title, #life .title {
	width: 215px;
	padding: 10px 0 0;
	font-weight: bold;
	font-size: 107%;
	line-height: 1.6; 

	float: left;
}

#love .lead, #marr .lead, #life .lead {
	padding: 10px 10px;
	font-size: 100%;
	line-height: 1.4; 

	clear: both;
	display: inline-block;
}

#love .price, #marr .price, #life .price {
	padding: 5px 10px;
	color: #6b00a9; 
	font-size: 87%;
	line-height: 1.6;
}

/*
-------------------------------------------------- */
#categoly {
	width: 830px;
	height: 80px;
	margin: 0px auto 15px;
	padding: 10px 0 0 15px;
	background-image: url("../images/top/categoly_back.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
}
#categoly .btn_love {
	width: 204px;
	height: 72px;
	background-image: url(../images/top/sprite-top.png);
	background-repeat: no-repeat;
	background-position: 0px -144px;
	background-size: 205px auto;

	float: left;
}
#categoly .btn_love:hover {
	width: 204px;
	height: 72px;
	background-image: url(../images/top/sprite-top.png);
	background-repeat: no-repeat; 
	background-position: 0px -216px;
	background-size: 205px auto;
}
#categoly .btn_marr {
	width: 202px;
	height: 72px;
	background-image: url(../images/top/sprite-top.png);
	background-repeat: no-repeat;
	background-position: 0px -288px;
	background-size: 205px auto;

	float: left;
}
#categoly .btn_marr:hover {
	width: 202px;
	height: 72px;
	background-image: url(../images/top/sprite-top.png);
	background-repeat: no-repeat; 
	background-position: 0px -360px;
	background-size: 205px auto;
}
#categoly .btn_life {
	width: 204px;
	height: 72px;
	background-image: url(../images/top/sprite-top.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 205px auto;

	float: left;
}
#categoly .btn_life:hover {
	width: 204px;
	height: 72px;
	background-image: url(../images/top/sprite-top.png);
	background-repeat: no-repeat; 
	background-position: 0px -72px;
	background-size: 205px auto;
}
#categoly .btn_reco {
	width: 205px;
	height: 72px;
	background-image: url(../images/top/sprite-top.png);
	background-repeat: no-repeat;
	background-position: 0px -432px;
	background-size: 205px auto;

	float: left;
}
#categoly .btn_reco:hover {
	width: 205px;
	height: 72px;
	background-image: url(../images/top/sprite-top.png);
	background-repeat: no-repeat; 
	background-position: 0px -504px;
	background-size: 205px auto;
}
#categoly a {
	-webkit-tap-highlight-color: transparent;
	        tap-highlight-color: transparent;
}

/* totop */
.totop {
	text-align: center;
}
.totop a {
	padding: 10px;

	display: inline-block;
}