@charset "utf-8";

/* ========================= */
/* 							 */
/* 	top CSS					 */
/* 	last update 210118		 */
/* 							 */
/* ========================= */



/* 内容全体ラップ：トップ用body
---------------------------------------------------- */

body {
	/*background: url(../common/images/bg_wrap-btm.jpg) repeat-x center top;*/
	}


/* ヘッダー：トップ用 header_top
---------------------------------------------------- */

#header_top {
	max-width: 1060px;
	position: absolute;
	top: 528px;
	left: 0;
    right: 0;
    margin: 0 auto;
	z-index: 0;
	text-align: center;
	}

#contact {
	position: absolute;
	top: 40px;
	left: 8px;
	}

#contact p#contact_nav {
	margin-right: 6px;
	float: left;
	text-indent: -9999px;
	}
#contact p#contact_nav a {
	display: block;
	width: 50px;
	height: 50px;
	background: url(../img/nav_contact.gif) no-repeat;
	}
#contact p#contact_nav a:hover {
	background-position: 0px -56px;
	}

#contact ul {
	list-style: none;
	padding-top: 6px;
	float: left;
	}

#contact li {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 120%;
	color: #857b6d;
	}

#contact li#contact_tel {
	font-size: 15px;
	padding-bottom: 4px;
	}
#contact li img {
	vertical-align: -2px;
	margin-right: 6px;
	}


/* カバー：トップ用 cover_top
---------------------------------------------------- */

#cover_top {
	width: 100%;
	height: 510px;
	position: relative;
	z-index: 0;
	background: url(../common/images/bg_xy980.jpg) repeat-x center bottom 24px;
	}
#cover_top .mark_new {/*ニュータグ*/
	position: absolute;
	top: 10px;
	left: 10px;
	}

#cover_bg_top {
	max-width: 1060px;
	height: 100%;
	background: url(../common/images/shad-x844.png) no-repeat center bottom 5px;
	}
	
#cover_img_top {
	height: 486px;
	}
#cover_img_top li {
	list-style: none;
	}
#cover_img_top li a.iLink {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	}

#cover_img_top p.cap {
	position: absolute;
	left: 10px;
	bottom: 12px;
	color: #cccccc;
	font-size: 9px;
	line-height: 160%;
	letter-spacing: 1px;
	}

#inav {
	width: 840px;
	position: relative;
	top: -78px;
	left: 50%;
	margin-left: -420px;
	font-size: 10px;
	letter-spacing: 4px;
	}
#inav .activeSlide {
	color: #999;
	}


/* ナビゲーション：トップ用 navg_top
---------------------------------------------------- */

#navg_top {
	max-width: 1060px;
	margin: 0 auto;
	position: relative;
	}

/*---- gナビ：内蔵new項目（tooltip） ----*/

#gf .selIdx_newers {
	list-style: none;
	text-indent: 0px;
	position: absolute;
    top: 20px;
    left: 0px;
    right: 0px;
    text-align: center;

    display: none;
	}
#gf .selIdx_newers .secHead {
	display: inline;
	}

#gf .tooltip {/*各ツールチップ枠*/
	padding: 8px 20px;
	-webkit-box-shadow: 0 0px 10px 2px #393939;
	   -moz-box-shadow: 0 0px 10px 2px #393939;
	        box-shadow: 0 0px 10px 2px #393939;
	}
#gf .tooltip .titleText {
	color: #CCC;
    line-height: 1.4;
	}
#gf .tooltip .titleText .date {
	float: left;
	}
#gf .tooltip .titleText span {
	color: #999;
	}
#gf .tooltip .titleText p {
	display: inline;
	}
#gf .tooltip .titleText span:after {
	content: "：";
	}
#gf .tooltip .frame_img,
#gf .tooltip .frame_img_cov {/*各ツールチップ内img*/
	padding: 4px 0;
	}
#gf .tooltip .frame_img .newsImg_list,
#gf .tooltip .frame_img_cov .newsImg_list {/*各ツールチップ内img*/
	float: left;
	padding-right: 4px;
	}

#gf p.none {/*タイトル・更新無しコメント*/
	display: none;
	}

#gf .newstopics .tooltip {
	margin-top: -50px;
	}
#gf .atelier .tooltip {
	margin-top: -100px;
	}
#gf .shoplist .tooltip {
	margin-top: -150px;
	}
#gf .site .tooltip {
	margin-top: -200px;
	}

/*---- gナビ： ----*/

#gf {
	display: flex;
	justify-content: center;
	flex-flow: wrap;
	line-height: 0.6;
	position: absolute;
	top: 150px;
	right: 0px;
	width: 100%;
	}	
#gf > li {
	position: relative;
	text-indent: -9999px;
	width: 62px;
	height: 18px;
    margin: 0 10px;
	background: url(../common/images/navg-top.gif) no-repeat;
	z-index: 2;
	}

/*---- gナビ：normal ----*/

#gf li > a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../common/images/navg-top.gif) no-repeat;
	}

#gf li.collection {
	background-position: -71px -0px;
	}
#gf li.newstopics {
	background-position: -71px -26px;
	width: 38px;
	}
#gf li.atelier {
	background-position: -71px -53px;
    width: 30px;
   	}
#gf li.shoplist {
	background-position: -71px -79px;
    width: 36px;
	}
#gf li.site {
	background-position: -71px -104px;
    width: 34px;
	}
#gf li.bottle {
	background-position: -0px -221px;
    width: 85px;
    height: 16px;
	}
#gf li.wedding {
	display: none;
	background-position: -66px -125px;
	}

#gf li.collection > a {
	background-position: -5px 0px;
	}
#gf li.newstopics > a {
	background-position: -5px -26px;
	}
#gf li.atelier > a {
	background-position: -5px -53px;
	}
#gf li.shoplist > a {
	background-position: -5px -79px;
	}
#gf li.site > a {
	background-position: -5px -104px;
	}
#gf li.bottle > a {
	background-position: 0px -221px;
    width: 85px;
    height: 16px;
	}
#gf li.wedding > a {
	background-position: 0px -125px;
	}
	
#gf li.collection > a:hover {
	background-position: -71px -0px;
	}
#gf li.newstopics > a:hover {
	background-position: -71px -26px;
	}
#gf li.atelier > a:hover {
	background-position: -71px -53px;
	}
#gf li.shoplist > a:hover {
	background-position: -71px -79px;
	}
#gf li.site > a:hover {
	background-position: -71px -104px;
	}
#gf li.bottle > a:hover {
	background-position: -132px -221px;
    width: 85px;
    height: 16px;
	}
	
#gf li.collection > a:active {
	background-position: -71px -0px;
	}
#gf li.newstopics > a:active {
	background-position: -71px -26px;
	}
#gf li.atelier > a:active {
	background-position: -71px -53px;
	}
#gf li.shoplist > a:active {
	background-position: -71px -79px;
	}
#gf li.site > a:active {
	background-position: -71px -104px;
	}
	
/*---- gナビ：サブ階層ナビ ----*/

#gf li.dummy ul {
	list-style: none;
	font: 10px Lucida Grande;
	line-height: 120%;
	}

#gf li.dummy ul li {
	margin: 0px 0px 2px 0px;
	}
	
#gf li.dummy ul li a:hover {
	color: #D5D5D5;
	}

#gf li.dummy ul li a:active {
	color: #EAEAEA;
	}
	
/*---- gナビ：バック（後方）ナビ ----*/

#gb {
	max-width: 470px;
	line-height: 100%;
	position: absolute;
	top: 106px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	}
	
#gb li {
	position: absolute;
	z-index: 2;
	}
#gb li.contact {
	width: 32px;
    height: 32px;
	top: 0px;
	right: 30px;
	}
#gb li.map {
	width: 28px;
    height: 28px;
	top: 8px;
	right: 0px;
	}

#gb li a {
	display: block;
	width: 100%;
	height: 100%;
    background: url(../common/images/navb-sub.gif) no-repeat;
	text-indent: -9999px;
	}

#gb li.contact a {
	background-position: 0px 0px;
	}
#gb li.contact a:hover {
	background-position: 0px -35px;
	}
#gb li.map a {
    background-position: -33px -7px;
	}
#gb li.map a:hover {
	background-position: -33px -42px;
	}

#gb-service {
	line-height: 100%;
	position: absolute;
	top: 274px;
	right: 20px;
	z-index: 100;
	}
#gb-service li {
	float: left;
	padding-right: 7px;
	}
#gb-service li a {
	text-indent: -9999px;
	display: block;
	background: url(../common/images/navb-sub-service.png) no-repeat;
	}

#gb-service li.insta a {
	width: 22px;
	height: 22px;
	background-position: 0px 0px;
	}
#gb-service li.insta a:hover {
	background-position: 0px -24px;
	}
#gb-service li.insta a.activ {/*activ*/
	background-position: 0px -24px;
	}
#gb-service li.faceb a {
	width: 22px;
	height: 22px;
	background-position: -23px 0px;
	}
#gb-service li.faceb a:hover {
	background-position: -23px -24px;
	}
#gb-service li.faceb a.activ {/*activ*/
	background-position: -23px -24px;
	}
#gb-service li.twitt a {
	width: 22px;
	height: 22px;
	background-position: -46px 0px;
	}
#gb-service li.twitt a:hover {
	background-position: -46px -24px;
	}
#gb-service li.twitt a.activ {/*activ*/
	background-position: -46px -24px;
	}

/*---- gナビ：（その他）etc ----*/

#ge {
	display: flex;
	justify-content: center;
	position: absolute;
	top: 366px;
	left: 0px;
	width: 100%;
	height: 43px;
	list-style: none;
	background: url(../common/images/shad-paper.png) no-repeat center top;
	z-index: 10;
	}
#ge li {
	height: 50px;
	margin: 38px 30px 0;
	padding: 0 0;
	text-indent: -9999px;
	}
#ge li a {
	-webkit-transition: all 200ms ease;
			transition: all 200ms ease;
	}
#ge li a:hover {
	opacity: 0.5;
	}

#ge li#navZozo a {
	display: block;
	width: 83px;
	height: 15px;
	background: url(../img/ec_zozo.png) no-repeat;
	}
	
#ge li#navIlum {
	margin: 36px 30px 0;
	}
#ge li#navIlum a {
	display: block;
	width: 84px;
	height: 20px;
	background: url(../img/ec_ilumine.png) no-repeat;
	}

#ge li#navLilaf {
	margin: 34px 30px 0;
	}
#ge li#navLilaf a {
	display: block;
	width: 62px;
	height: 24px;
	background: url(../img/ec_lilaf.png) no-repeat;
	}

	
/* ユーティリティ：フォーム用 util_form
---------------------------------------------------- */

.util_form {
	border: 1px dotted #999999;/*仮枠*/
	}


/* コンテナ枠：container_top（top専用
-------------------------------------------- */

#container_top {
	position: relative;
	max-width: 1060px;
	height: 456px;
	margin: 0px auto;
	padding-top: 230px;
	}


/* コンテンツ：contents_top（top専用
---------------------------------------------------- */

#contents_top {
	width: auto;
	}

/*---- contents｜システムコメント ----*/

#p_comm {
	width: 250px;
	font-size: 9px;
	color: #fff;
	line-height: 160%;
	position: fixed;
	top: 790px;
	left: 50px;
	z-index: 3;
	border: 1px dotted #fff;/*仮枠*/
	}
	

/* 情報枠：info_top（top専用
---------------------------------------------------- */

/*---- info｜キャンペーンリンクナビ ----*/

#navc_top {
	position: relative;
    max-width: 510px;
    margin: 0 auto;
    overflow: hidden;
	}
	
#navc_top h3 {
	line-height: 0;
	}
	
#navc_top ul {
	list-style: none;
	}
	
#navc_top .secHead {
	display: flex;
	}
#navc_top .camp_index----org {
	width: 80px;
	position: relative;
	font-size: 9px;
	line-height: 145%;
	padding: 4px 4px;
	margin: 0 8px;
	background: url(../img/frame_banner.png) no-repeat top;
	}
#navc_top .camp_index {/*swiper*/
	font-size: 9px;
	line-height: 145%;
	}
#navc_top .camp_index .cInd_anc {/*swiper*/
	display: block;
    margin: 0 auto;
    max-width: 130px;
	}
#navc_top .camp_index .campImg {
    overflow: hidden;
    box-shadow: 0 27px 6px -24px #777;
	}
* html #navc_top .camp_index {/*ie*/
    border-top: 1px dotted #999999;
	}

#navc_top .camp_index .thmub_frame {
	margin: 0 auto;
	border-radius: 4px;
	box-shadow: 0 8px 6px -5px #777;
	}

#navc_top .campImg_list {/*noimg*/
	text-indent: -9999px;
	margin-top: 0px;
	}
#navc_top .camp_index p {
    max-width: 134px;
	margin: 6px auto 0;
	font-size: 0.8em;
	}
#navc_top .camp_index a.cLink {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	z-index: 20;
	}

.wraptocenter {/*画像センタリング枠*/
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100px;
    height: 100px;
	}
* html .wraptocenter {/*ie*/
	display: block;
	}
	
#navc_top .camp_index a img {/*イメージ*/
	-ms-interpolation-mode: bicubic;/*forIE7*/
	}
#navc_top .camp_index a:hover img {
	}
	
#navc_top .camp_index img.mark_new----org {/*ニュータグ*/
	position: absolute;
	top: 56px;
	left: 52px;
	z-index: 100;
	}
#navc_top .camp_index img.mark_new {/*swiper*/
    position: absolute;
    top: 54px;
    left: 114px;
    z-index: 100;
	}
#navc_top .camp_index .markCal {/*swiper*/
    position: absolute;
    top: 20px;
    right: 8px;
    z-index: 100;
	}
#navc_top .selName {
	display: none;
	}


	 
/* フッタ：footer_top（top専用
---------------------------------------------------- */

#footer_top {
	margin: 0px auto 0px;
	height: 330px;
	text-align:center;
	background: url(../common/images/bg_footer.jpg) repeat-x top center;
	background-color: #323232;
	}
#footer_top p.copy {/*コピーライト*/
	padding-top: 12px;
	font-size: 11px;
	font-family: "Times New Roman", Times, serif;
	line-height: 100%;
	letter-spacing: 1px;
	color: #797979;
	}

/*---- footerInfo｜ ----*/

.footerInfo {
	height: 290px;
	background: url(../common/images/bg_foot-ornam.png) top center;
	}

#states {
	position: relative;
    height: 100%;
	background: url(../common/images/shad-x844.png) no-repeat top 5px center;
	}
	
.state_cal {
    max-width: 1060px;
	margin: 0 auto;
	padding: 26px 0 0 0;
	font-size: 3em;
	font-family: Georgia;
	color: #a0a0a0;
	}
.state_cal #state_week {
	display: block;
	font-size: 10px;
	letter-spacing: 2px;
	}
.state_comm {
	display: flex;
	justify-content: center;
	flex-flow: wrap;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 480px;
	margin: 0 auto;
	padding: 110px 0 0 0;
	line-height: 140%;
	letter-spacing: 1px;
	font-size: 10px;
	}
.state_comm > div {
	position: relative;
    width: 200px;
	height: 49px;
	margin: 0 10px;
	background: url(../common/images/obj_st-door.png) no-repeat center top;
	-webkit-transition: all 200ms ease;
			transition: all 200ms ease;
	}
.state_comm > div:hover {
	opacity: 0.8;
	}
.state_comm a {
	position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
   	}
.state_comm p {
    width: 100%;
	position: absolute;
    top: 54px;
    text-align: center;
    color: #a0a0a0;
	font-size: 1.1em;
	line-height: 1.4;
   	}
.state_comm span {
    display: block;
	font-size: 1.2em;
	}
.state_comm-sub {/**/
	line-height: 100%;
	text-indent: 6px;
	padding: 6px 0 0 0;
	font-size: 10px;
	}

#state_nav {
	position: absolute;
	top: 68px;
	left: 184px;
	text-indent: -9999px;
	}
#state_nav a {
	display: block;
	width: 284px;
	height: 13px;
	background: url(../img/nav_contact2.gif) no-repeat;
	}
#state_nav a:hover {
	background-position: 0px -15px;
	}


@media screen and (max-width: 640px) { /* ヨコ640px以下 */ 


#header_top {
    top: 338px;
	}

#cover_top {
    height: 340px;
	}
#cover_img_top {
    height: 316px;
	}

#container_top {
    height: 486px;
    padding-top: 268px;
	}

#gf {
    height: 88px;
    display: block;
    top: 90px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 102px;
	}
#gf > li {
    height: 27px;
	}
#gf .selIdx_newers {
    top: -6px;
    left: -32px;
    right: auto;
	}

#gb {
    top: 106px;
	}

#gb-service {
    top: 231px;
    right: 2px;
	}

#ge {
    top: 406px;
	}
#ge li#navZozo {
    margin: 36px 5% 0;
	}
#ge li#navIlum {
	margin: 34px 5% 0;
	}
#ge li#navLilaf {
	margin: 32px 5% 0;
	}

.state_comm {
    width: 100%;
	}
.state_comm > div {
    width: 46%;
    margin: 0;
	}

}