/* ===============================================================================
 for PC
 =============================================================================== */



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

common

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


html ,
body {
	background-color: #FFF;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
h1,h2,h3,h4,h5,h6,p {
	margin: 0;
}
.for_sp {
	display: none;
}

img {
	max-height: 100%;
	width: auto;
	-ms-interpolation-mode: bicubic;
	vertical-align: bottom;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	color: #ef3081;
	text-decoration: none;

}
a:hover {
	color:#ff6633;
	text-decoration: none;
}

.width_keeper {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.siteHeader {
	height: 135px;
	background: url(../images/common/head_bg.jpg) no-repeat center top;
	margin-top:0;
	margin-bottom:0;
}
.siteHeader .logo {
	padding-top:30px;
	padding-left:12%;
	margin:0;
	padding-bottom:0;
}
.siteHeader .logo img {
	width:45%;
	max-width:290px;
	max-height:72px;
}
#globalNav {
	background:-moz-linear-gradient(top, #fff1f7, #fec6dd);
	background:-webkit-gradient(linear,left top,left bottom,from(#fff1f7),to(#fec6dd));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFfff1f7', endColorstr='#FFfec6dd');

}
#globalNav li {
	float: left;
	width: 25%;

}
#globalNav li a {
	position: relative;
	display: block;
	min-height: 58px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 5%;
	padding-right: 30px;
	border-right: 1px solid #FFF;


	font-size: 18px;
	font-weight: bold;
	color: #eb5788;
	line-height: 1;
	zoom:1;

}
#globalNav li a .bullet {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 22px;
	height: 22px;
	display: block;
	background-image: url(../images/common/bullet01_splite.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#globalNav li a:hover .bullet {
	background-position: 0 -22px;
}
#globalNav li a:hover {
	color:#FFFFFF;
	background:	-moz-linear-gradient(top, #EB5788, #EB5788);
	background:	-webkit-gradient(
	linear,
	left top, left bottom,
	from(#EB5788),
	to(#EB5788));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFEB5788', endColorstr='#FFEB5788');
}
#globalNav li a span.category {
	font-size: 12px;
	display: inline-block;
}
#globalNav li a span.description {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 1.5;
}
#globalNav li:last-child a {
	border-right: none;
}

.pageHeader {
}
.pageHeader .ttl {
	padding-top:20px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 25px;
	font-weight: bold;
	color: #eb5788;
}

.pageHeader .ttl span.category {
	font-size: 16px;
	margin-left: 20px;
}
.pageHeader .ttl span.description {
	display: block;
	font-size: 12px;
	font-weight: normal;
}
#container {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	background:#FFF;
}
#containerInnr div.bg {
	background-image: url(../images/common/bg.gif);
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
}
#containerInnr .content_wrap {
	background-color: #FFF;
	box-shadow: 0 0 6px 1px #f5e2ea;
	border-radius: 4px;
	padding-top: 20px;
	padding-right: 2%;
	padding-left: 2%;
	padding-bottom: 20px;
	color: #7b1943;
	margin-left: 10px;
    margin-right: 10px;
}
#containerInnr #topicpath {
	font-size: 12px;
	margin-bottom: 60px;
	width: 63%;
	float: left;
}
#containerInnr #topicpath span {
	margin-left: 12px;
	margin-right: 12px;
}
#siteShareBtn {
	float: right;
}
#siteShareBtn .twitter ,
#siteShareBtn .facebook ,
#siteShareBtn .mixi {
	float: left;
	width: 71px;
	overflow: hidden;
	margin-left: 10px;
}

.line {
	position: absolute;
	top: -10px;
	width: 100%;
	height: 20px;
	background-image: url(../images/common/line_rope.png);
}

#footer {
	position: relative;
	padding-bottom: 20px;
}
#footer nav {
	padding-top: 25px;
	margin-left: 30px;
}
#footer nav li {
}
#footer nav li a {
	float: left;
	font-size: 12px;
	color: #666666;
	line-height: 1;
	border-right-color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	margin-right: 15px;
	padding-right: 15px;
}
#footer nav li a:hover {
	color:#FF6600;
}
#footer nav li:last-child a {
	border: none;
}
#footer .copyright {
	clear: both;
	margin-left: 30px;
	margin-top: 0px;
	font-size: 12px;
	color: #666666;
}

.pagetop {
	clear: both;
	float: right;
	background-image: url(../images/common/pagetop.png);
	height: 44px;
	width: 112px;
}
.pagetop a {
	display: block;
}


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

home

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

.home .pagetop {
	display: none;
}
.home .share {
	position: relative;
	z-index: 1000;
}
.home #siteShareBtn {
	padding-top: 18px;
}
.home .mainvisual {
	height: 548px;
	background-image: url(../images/home/main.jpg);
	background-position: center 0;
	background-repeat: no-repeat;
}
.home .mainvisual h1 {
	display: none;
}
.home .siteHeader {
	display: none;
}
.home #containerCover {
	background-color: #ffdfec;
}

.home .news {
	margin-left: 30px;
	padding-top: 20px;
	padding-bottom: 35px;
}
.home .news h2 {
	font-size: 16px;
	font-weight: bold;
	color: #eb5788;
}
.home .news_item {
	width: 30%;
	float: left;
	background-color: #FFF;
	border-radius: 4px;
	margin-top: 10px;
	margin-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #714252;
	border:solid 2px #FFFFFF;
}
.home .news_item:hover {
	border:solid 2px #EB5788;
}
.home .news_item .info {
	float: right;
	width: 65%;
}
.home .news_item .info .cat {
	font-size: 11px;
	background-color: #eb5788;
	text-align: center;
	border-radius: 4px;
	display: inline;
	padding-left: 2em;
	padding-right: 2em;
	color: #FFF;
	line-height: 1;
}
.home .news_item .info .date {
	font-size: 11px;
	margin-top: 10px;
}
.home .news_item .info .name {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}
.home .news_item .image {
	float: left;
	width: 35%;
	text-align: center;
}
.home .news_item .detail {
	float: right;
	font-size: 11px;
	text-align: right;
	margin-right: 20px;
	margin-top: 10px;
}
.home .news_item .detail a {
	padding-right: 15px;
	background-image: url(../images/common/bullet01.png);
	background-position: right 50%;
	background-repeat: no-repeat;
	background-size: 12px;
}

.home .news_item .image img {
    height: 110px;
}


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

new

 --------------------------------------------------- */
.new .content_wrap {
	background-image: url(../images/catalog/index_bg2.png), url(../images/catalog/index_bg.gif);
	background-repeat: no-repeat, repeat-y;
	background-position: bottom right, 0 0;
}
.new .content_wrap .newitem {
	clear: both;
}
.new .newsblock {
	margin-bottom:20px;
}

.new .newsblock .image {
	float:left;
	width:30%;
	text-align:center;
}
.new .newsblock .image img {
	max-width:210px;
	/*width:100%;*/
	max-height:230px;
}

.new .newsblock .newscomment {
	float:right;
	width:68%;
	text-align:left;
	padding-top:15px;
}

.new .newsblock .newscomment .newscopy {
	margin-bottom:15px;
	font-size:20px;
	line-height:28px;
	color:#EB5788;
}
.new .newsblock .newscomment .newsdate {
	margin-bottom:5px;
	font-size:16px;
	line-height:20px;
}
.new .newsblock .newscomment .newsname {
	margin-bottom:5px;
	font-size:18px;
	line-height:24px;
	font-weight:bold;
}
.new .newsblock .newscomment .newsprice {
	font-size:14px;
	line-height:18px;
}

.new .newsblock .block {
	display:none;
}
.new .newsblock .none {
	display:inline;
}


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

catalog

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

.catalog .index .content_wrap {
	background-image: url(../images/catalog/index_bg2.png), url(../images/catalog/index_bg.gif);
	background-repeat: no-repeat, repeat-y;
	background-position: bottom right, 0 0;
}
.catalog .index .content_wrap h2.ttl {
	clear: both;
	float: left;
	width: 170px;
	padding-top: 70px;
	text-align:center;
}
.catalog .index .content_wrap .category_list {
	margin-bottom: 70px;
}

.catalog .index .content_wrap .category_list ul ,
.catalog .index .content_wrap .category_list ul li {
	float: left;
}
.catalog .index .content_wrap .category_list ul.group {
	width:75%;
	float:right;
}
.catalog .index .content_wrap .category_list ul li a {
	display: block;
	margin-right: 20px;
	text-align: center;
	font-size: 12px;
	color: #7b1943;
}
.catalog .index .content_wrap .category_list ul li a span {
	display: block;
	margin-top: -20px;
	height:4em;
}
.catalog .index .content_wrap .category_list ul li img {
	height: 245px;
}

/*
.catalog .index .content_wrap .category_list ul li.rose_enrich_body_soap img { height: 245px;}
.catalog .index .content_wrap .category_list ul li.body_scrub img { height: 245px;}
.catalog .index .content_wrap .category_list ul li.rose_enrich_fragrance_soap img { height: 245px;}
.catalog .index .content_wrap .category_list ul li.rose_enrich_bath_tablet img { height: 245px;}
.catalog .index .content_wrap .category_list ul li.body_steam img { height: 245px;}
.catalog .index .content_wrap .category_list ul li.rose_enrich_body_soap_oil img { height: 245px;}
.catalog .index .content_wrap .category_list ul li.rose_enrich_otomari_bath_set img { height: 245px;}

.catalog .index .content_wrap .category_list ul li.rose_enrich_shampoo img { height: 245px;}
.catalog .index .content_wrap .category_list ul li.rose_enrich_conditionar img { height: 245px;}
.catalog .index .content_wrap .category_list ul li.rose_enrich_hairpack img { height: 245px;}
.catalog .index .content_wrap .category_list ul li.rose_enrich_body_soap_oil img { height: 245px;}

.catalog .index .content_wrap .category_list ul li.rose_essence_shower img { height: 245px;}
.catalog .index .content_wrap .category_list ul li.rose_enrich_lip_essence img { height: 245px;}
.catalog .index .content_wrap .category_list ul li.rose_enrich_lip_balm img { height: 245px;}
.catalog .index .content_wrap .category_list ul li.rose_enrich_hand_cream img { height: 245px;}
.catalog .index .content_wrap .category_list ul li.rose_enrich_milky_bodygel img { height: 245px;}
.catalog .index .content_wrap .category_list ul li.body_powder img { height: 245px;}
.catalog .index .content_wrap .category_list ul li.rose_enrich_body_butter img { height: 245px;}

.catalog .index .content_wrap .category_list ul li.hair_wax_nuance img { height: 245px;}
.catalog .index .content_wrap .category_list ul li.hair_spray img { height: 245px;}
.catalog .index .content_wrap .category_list ul li.curl_lotion img { height: 245px;}
.catalog .index .content_wrap .category_list ul li.repair_rose_hairmist img { height: 245px;}
.catalog .index .content_wrap .category_list ul li.repair_rose_hairserum img { height: 245px;}
*/







/* 詳細 */
.catalog .detail .content_wrap .catch {
	float: right;
	width: 57%;
}
.catalog .detail .content_wrap .catch .copy {
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
}
.catalog .detail .content_wrap .catch .lead {
	font-size: 14px;
	line-height: 20px;
	margin-top: 15px;
}
.catalog .detail .content_wrap .catch .lead li {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 24px;
	margin-bottom: 8px;
}
.catalog .detail .content_wrap .image {
	clear: left;
	position: relative;
	float: left;
	width: 43%;
	text-align: center;
}
.catalog .detail .content_wrap .image img {
	height: 429px;
}
.catalog .detail .content_wrap .outline {
	position: relative;
	float: right;
	width: 57%;
}
.catalog .detail .content_wrap .outline .name {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	margin-top: 40px;
}
.catalog .detail .content_wrap .outline .spec {
	font-size: 12px;
	line-height: 18px;
	margin-top: 5px;
	text-align: left;
}
.catalog .detail .content_wrap .outline .spec td ,
.catalog .detail .content_wrap .outline .spec th {
	font-weight: normal;
	vertical-align: top;
}
.catalog .detail .content_wrap .outline .spec th .small {
	font-size: 10px;
	display: block;
	line-height: 1;
}
.catalog .detail .content_wrap .outline .ingred {
	font-size: 12px;
	line-height: 18px;
	margin-top: 25px;
}
.catalog .detail .content_wrap .outline .howto {
	width: 90%;
	background-color: #ffeaef;
	padding: 20px;
	margin-top: 25px;
	border-radius: 4px;
}
.catalog .detail .content_wrap .outline .howto h2 {
	font-size: 14px;
}
.catalog .detail .content_wrap .outline .howto li {
	font-size: 12px;
	margin-top: 5px;
}
.catalog .detail .content_wrap .backtoindex {
	clear: both;
}
.catalog .detail .content_wrap .backtoindex a {
	background-color: #ff77b1;
	color: #FFF;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 18px;
	font-size: 11px;
	border-radius: 4px;
}
.catalog .detail .content_wrap .backtoindex a:hover {
	background-color: #FF6600;
}











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

clear fix

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

.group ,
.clearfix {zoom:1;}

.group:after ,
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}