@charset "utf-8";

/* ========================= */
/* 							 */
/* 	base CSS				 */
/* 	last update 181126		 */
/* 							 */
/* ========================= */



/* 基本設定：hr・a・p
---------------------------------------------------- */

hr {
	display: none;
	clear:both;
	margin:0;
	padding:0;
	border-width:0;
	}

a {
	color: #703b35;
	text-decoration: none;
	}
a:hover {
	color: #300;
	}

h1, h2, h3, h4, h5 {
    font-weight: bold;
	}

p { /* 本文基本 */
	}

ul,
li {
    list-style: none outside;
	}

.gray_out {
	color: #999999;
	}
.gray_out75 {
	color: #BFBFBF;
	}


/* 全体調整・設定
---------------------------------------------------- */

body {
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',serif;
	color: #433a27;
	background: url(../images/bg_wrap.jpg) center top;
	background-color: #25221A;
	font-size: 14px;
	}
	

/* ラップ・枠調整 wrap
---------------------------------------------------- */

#wrap {
	background: url(../images/bg_wrap-btm.png) repeat-x bottom 250px center;
	}

#container,
#footer {/*枠幅調整*/
	width: 100%;
	}


/* ヘッダー（homeナビ含む） header
---------------------------------------------------- */

#header {
	position: absolute;
	width: 100%;/*前述書換え記述*/
	height: 250px;
	}
#headerWrap {
	position: relative;
	max-width: 980px;
	margin: 0 auto;
	height: 100%;
	background: url(../images/bg_header-wrap.png) no-repeat left 0px;
    z-index: 20;
	}
#headerWrap > a {
	position: absolute;
	top: 42px;
	right: 200px;
	z-index: 20;
	}
	
/*---- ナビ（全適用）：トップページ以外用 ----*/

.btnHamb {/* hamb */
	display: none;
	}

#navg {
	position: relative;
	width: 100%;
    height: 250px;
	background: url(../images/bg_head-main.png) no-repeat center bottom;
	}
#navg ul {
	list-style: none;
	}
#navg li a.activ {/*アクティブページ時指定（テキストナビ用）*/
	color: #9f9f9f;
	}
	
/*---- グローバルナビ-gr（前方指定）：トップページ以外 ----*/

#navg ul#gf {
	padding: 16px 0px 0 10px;
	position: absolute;
	top: 31px;
    right: 100px;
	background: url(../images/line_nav.gif) no-repeat left bottom;
	z-index: 22;
	}

#navg ul#gf li {
	text-indent: -9999px;

	display: block;
	width: 61px;
	height: 25px;
	background: url(../images/navg-top.gif) no-repeat;
	}
	
#navg ul#gf li.home {/*ホームhidden*/
	display: none;
	}
	
#navg ul#gf li.collection {
	background-position: -72px -0px;
	}
#navg ul#gf li.newstopics {
	background-position: -72px -25px;
	}
#navg ul#gf li.atelier {
	background-position: -72px -50px;
	}
#navg ul#gf li.shoplist {
	background-position: -72px -75px;
	}
#navg ul#gf li.site {
	background-position: -72px -100px;
	}
#navg ul#gf li.bottle {
	width: 104px;
	height: 36px;
	position: absolute;
	top: 97px;
	left: 63px;
	background-position: 0px -148px;/*bottle*/
	}
#navg ul#gf li.wedding {
	width: 104px;
	height: 36px;
	position: absolute;
	top: 97px;
	left: 63px;
	background-position: 0px -148px;/*wedding*/
	}

#navg ul#gf li a {
	display: block;
	width: 61px;
	height: 25px;
	background: url(../images/navg-top.png) no-repeat;
	}
#navg ul#gf li.collection a {
	background-position: -6px 0px;
	}
#navg ul#gf li.newstopics a {
	background-position: -6px -25px;
	}
#navg ul#gf li.atelier a {
	background-position: -6px -50px;
	}
#navg ul#gf li.shoplist a {
	background-position: -6px -75px;
	}
#navg ul#gf li.site a {
	background-position: -6px -100px;
	}
#navg ul#gf li.bottle a {
	width: 104px;
	height: 36px;
	background-position: 0px -238px;/*bottle*/
	}
#navg ul#gf li.wedding a {
	width: 104px;
	height: 36px;
	background-position: 0px -148px;/*wedding*/
	}
	
#navg ul#gf li.collection a:hover {
	background-position: -72px -0px;
	}
#navg ul#gf li.newstopics a:hover {
	background-position: -72px -25px;
	}
#navg ul#gf li.atelier a:hover {
	background-position: -72px -50px;
	}
#navg ul#gf li.shoplist a:hover {
	background-position: -72px -75px;
	}
#navg ul#gf li.site a:hover {
	background-position: -72px -100px;
	}
#navg ul#gf li.bottle a:hover {
	background-position: -131px -238px;/*bottle*/
	}
#navg ul#gf li.wedding a:hover {
	background-position: 0px -184px;/*wedding*/
	}
	
#navg ul#gf li.collection a.activ {
	background-position: -72px -0px;
	}
#navg ul#gf li.newstopics a.activ {
	background-position: -72px -25px;
	}
#navg ul#gf li.atelier a.activ {
	background-position: -72px -50px;
	}
#navg ul#gf li.shoplist a.activ {
	background-position: -72px -75px;
	}
#navg ul#gf li.site a.activ {
	background-position: -72px -100px;
	}		

/*---- サブナビ-gr（範囲指定）：トップページ以外 ----*/

#navg ul#gr li {
	position: absolute;
	top: 29px;
	height: 20px;
	line-height: 10px;/*ie用*/
	text-indent: -9999px;
	}
	
#navg ul#gr li a {
	display: block;
	height: 20px;
	}

/*---- サブナビ-gb（後方）：トップページ以外 ----*/

#navg ul#gb {
	line-height: 100%;
	position: absolute;
	top: 141px;
    right: 178px;
	z-index: 22;
	}

#navg ul#gb li {
	float: left;
	padding-right: 1px;
	}
#navg ul#gb li.partition {/*パーテーション*/
	display: none;
	}

#navg ul#gb li a {
	text-indent: -9999px;
	display: block;
	background: url(../images/navb-sub.gif) no-repeat;
	}

#navg ul#gb li.contact a {
	width: 32px;
	height: 32px;
	background-position: 0px 0px;
	}
#navg ul#gb li.contact a:hover {
	background-position: 0px -35px;
	}
#navg  ul#gb li.contact a.activ {/*activ*/
	background-position: 0px -35px;
	}
	
#navg ul#gb li.map a {
	margin-top: 8px;
	width: 28px;
	height: 28px;
	background-position: -33px -7px;
	}
#navg ul#gb li.map a:hover {
	background-position: -33px -42px;
	}
#navg  ul#gb li.map a.activ {/*activ*/
	background-position: -33px -42px;
	}

/* gb-service */
#navg ul#gb-service {
	line-height: 100%;
	position: absolute;
	top: 180px;
	right: 14px;
	z-index: 22;
	}
#navg ul#gb-service li {
	float: left;
	padding-right: 2px;
	}
#navg ul#gb-service li a {
	text-indent: -9999px;
	display: block;
	background: url(../images/navb-sub-service.png) no-repeat;
	}

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

/*---- サブナビ-ge（変則）：トップページ以外 ----*/

#navg ul#ge {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 534px;
	height: 61px;
	background: url(../images/nav_netshop.png) no-repeat 0px -61px;
	z-index: 21;
	}
#navg ul#ge li a {
	display: block;
	text-indent: -9999px;
	position: absolute;
	}

#navg ul#ge li a#s_zozo {
	top: 0px;
	left: 152px;
	width: 136px;
	height: 28px;
	background: url(../images/nav_netshop.png) no-repeat -152px 0px;
	}
#navg ul#ge li a#s_zozo:hover {
	background-position: -152px -61px;
	}
#navg ul#ge li a#s_ilum {
	top: 0px;
	left: 288px;
	width: 100px;
	height: 28px;
	background: url(../images/nav_netshop.png) no-repeat -288px 0px;
	}
#navg ul#ge li a#s_ilum:hover {
	background-position: -288px -61px;
	}
#navg ul#ge li a#s_lilaf {
	top: 0px;
	left: 388px;
	width: 74px;
	height: 28px;
	background: url(../images/nav_netshop.png) no-repeat -388px 0px;
	}
#navg ul#ge li a#s_lilaf:hover {
	background-position: -388px -61px;
	}


/* サブページナビ： navs
---------------------------------------------------- */

#navs {
	display: none;
	
	padding: 20px 0;
	}
#navs ul {
	list-style: none;
	line-height: 145%;
	}
#navs ul li {
	margin-bottom: 2px;
	padding-left: 16px;
	}
#navs ul li a:hover {
	}
#navs ul li a.activ {
	color: #FF0000;
	font-weight:bold;
	}


/* 強制表示ページ解除：p_notice
-------------------------------------------- */
#p_notice {
	width: auto;
	font-size: 16px;
	font-weight: bold;
	color: #FFCC33;
	text-align: center;
	background-color: #FF6600;
	}


/* 内容部分全体：container
-------------------------------------------- */
#container {
	position: relative;
	margin: 0px auto;
	background: url(../images/bg_container.png) repeat-x center top;
	}

/*---- ページタイトル ----*/

#con_title  {
	position: absolute;
    top: 142px;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 490px;
    width: 490px;/*ie*/
	}
#con_title h2 {/*メインページタイトル：h2*/
	font-size:13px;
	letter-spacing:1px;
	}
#con_title img {/*メインページタイトル：img*/
    z-index: 20;
   	}


/* コンテンツ：contents
-------------------------------------------- */

#contents {
	position: relative;
    top: 270px;
	margin: 0 auto 240px;
	padding: 0px 0 30px;
	font-size: 1em;
	line-height: 140%;
	}


/* インフォメーション：info
-------------------------------------------- */

#info {
	position: relative;
	font-size: 12px;
	line-height: 140%;
	background: url(../images/bg_info.jpg) no-repeat center top;
	background-color: #fff;
	}	

/*---- カレンダー ----*/

#cal {
	width: 360px;
	float: left;
	position: relative;
	font-size: 10px;
	background: url(../images/cal_frame.gif) no-repeat -1px 34px;
	}
#cal img#cal_top {
	float: left;
	}
	
/*---- カレンダinfo ----*/

#cal_info {
	position: relative;
	width: 176px;
	float: right;
	margin-top: 108px;
	padding-top: 10px;
	background: url(../images/line_fade.gif) no-repeat;
	}
#cal_info p {
	font-size: 11px;
	letter-spacing: 1px;
	}
#cal_info p#contact_nav {
	position: absolute;
	top: -82px;
	left: -4px;
	text-indent: -9999px;
	}
#cal_info p#contact_nav a {
	display: block;
	width: 185px;
	height: 51px;
	background: url(../images/nav_contact-cal.gif) no-repeat;
	}
#cal_info p#contact_nav a:hover {
	background-position: 0px -50px;
	}
	
#cal_info p#today {
	position: absolute;
	top: -26px;
	margin-bottom: 4px;
	font-family: Georgia;
	height: 28px;
	font-size: 28px;
	}
#cal_info p#today span {
	font-size: 12px;
	}

/*---- カレンダtable ----*/

.cal_base {
	position: relative;
	width: 310px;
	margin: 0px 0px 0px 0px;
    padding: 14px 10px;
    overflow: hidden;
	border: 1px solid #fff;
	background: url(../../common/images/bg_paper2.jpg);
	}

/*スライダjs用（枠設定）*/

.slider {
	position: relative;
	font-family: "Times New Roman", Times, serif;
	margin: 6px 0 16px;
	}
.slider ul, #slider li{
	list-style: none;
	}
.slider li{
	width: 260px;
	height: 172px;
	overflow: hidden;
	}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0px !important;
	}
.swiper-pagination-bullet-active {
    background: #90805D !important;
	}

p#cont_mskyo,
p#cont_mstok,
p#cont_msfuk {
	position: absolute;
	top: 156px;
	left: 0px;
	width: 100%;
	text-align: center;
	padding: 2px 10px;
	}
span#prevBtn,
span#nextBtn, 
span#prevBtn2,
span#nextBtn2 {
	letter-spacing: 2px;
	z-index: 3;
	}

/*カレンダ内部*/

.cal_base p {/*カレンダ文字*/
	color:#696969;
	}	
.cal_base p.cal_title {/*カレンダタイトル*/
	font-size:11px;
	text-align:center;
	letter-spacing: 2px;
	margin-bottom: 6px;
	}
.cal_base p.cal_title span.m {
	font-size: 2em;
	}
.cal_base p.cal_title span.m:before {
	content: '.';
	}

.cal_base table {
	margin: 0 auto;
	}
.cal_base th {
	width:28px;
	height:20px;
	text-align:center;
	color:#858585;
	font-weight:normal;
	font-size: 0.8em;
	}
.cal_base td {
	color: #44444E;
	font-weight:bold;
	line-height: 126%;
	width:28px;
	height:20px;
	text-align:center;
	}
.cal_base td.tr_t02 {/*定休日*/
	background: url(../images/cal_off.gif) no-repeat top center;
	color: #FFF6F0;
	font-weight: bold;
	}
.cal_base td.tr_t03 {/*臨時*/
	background: url(../images/cal_omit.gif) no-repeat top center;
	color: #FAFAFA;
	font-weight: bold;
	}

.cal_base td.tr_e01,
.cal_base td.tr_e02,
.cal_base td.tr_e03 {/*過去日*/
	color: #A8B0B0;
	font-weight: normal;
	}

/*カレンダ注釈*/
.cal_base ul.onoff {
	/*clear: left;*/
	width: 100%;
	font-size:10px;
	list-style: none;
	margin-bottom: 6px;
	text-align: center;
	}

.cal_base ul.onoff li {
	display: inline;
	margin-right: 6px;
	}

.cal_base ul.onoff img {
	margin-right: 2px;
	vertical-align: middle;
	}

/*---- キャンペーンリンクナビ：navc ---- */

#navc {
	max-width: 980px;
    margin: 0 auto;
	}

#navc ul {
	list-style: none;
	}

#navc .camp_index {
	width: 90px;
	position: relative;
	font-size: 9px;
	line-height: 145%;
	float: left;
	padding: 20px 10px;
	}

#navc .campImg_cov {
	margin-bottom: 4px;
	border: 1px solid #5d3622;
	}

#navc .camp_index div p {/*noimg*/
	margin-top: 0px;
	}
#navc .camp_index p {
	margin-top: 8px;
	}
	
#navc .camp_index a {
	color: #956f6a;
	}
#navc .camp_index a:hover {
	color: #a37f7a;
	}
#navc .camp_index a img {/*バナーイメージ*/
	-ms-interpolation-mode: bicubic;/*forIE7*/
	}
	
#navc .camp_index img.mark_new {/*ニュータグ*/
	position: absolute;
	top: 56px;
	left: 52px;
	z-index: 100;
	}


/* ページ上へclick to pagetop
-------------------------------------------- */	

#pagetop a{
	width: 98px;
	height: 26px;
	position: fixed;
	bottom: 0px;
	right: 42px;
	text-indent: -9999px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #666666;
	background: url(../images/tag_pagetop.png) no-repeat;
	
	clear: both;
	z-index: 4;
	}

* html div#pagetop a{/*ie*/
	width: 700px;
	margin: 0 auto;
	padding: 18px 0 0 0;
	position: static;
	background: none;
	color: #666666;
	clear: both;
	}
		
#pagetop a:hover {
	color: #999999;
	background-position: 0px -26px;
	}


/* フッタ：footer
-------------------------------------------- */

#footer {
	margin: 0px auto;
	height: 330px;
	text-align:center;
	background: url(../../common/images/bg_footer.jpg) repeat-x top center;
	background-color: #323232;
	}
	
	
#footer ul#fbox {/*未*/
	list-style: none;
	width: 784px;
	margin: 0 auto;
    font-size:12px;
	letter-spacing: 1px;
	line-height: 100%;
	background: url(../images/line_biri-wide.gif) repeat-x bottom;
	}
#footer ul#fbox li {
	display: inline;
	margin-right: 10px;
	}
#footer ul#fbox li img {
	margin-right: 10px;
	vertical-align: middle;
	padding: 0px 0px 4px 0px;
	}
	
#footer p#copy {
	max-width: 980px;
	margin: 10px auto;
	font-size: 9px;
	font-family: "Times New Roman", Times, serif;
	line-height: 100%;
	letter-spacing: 1px;
	color: #797979;
	text-align: center;
	}
#footer p#copy a {
	display: block;
    margin: 0 0 10px;
	}

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

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

#footer #states {
	position: relative;
    height: 100%;
	background: url(../../common/images/shad-x844.png) no-repeat top 5px center;
	}
	


/*=======================================
* Tooltips
* ======================================*/
.tooltip{
	display: none;
	background: url(../images/deco_tip.gif) repeat-y top -20px;
	background-color: #000;
	font-size: 12px;
	width: 464px;
	}
.tooltip_omit{
	display: none;
	text-indent: -9999px;
	}
.tooltip ul{
	list-style: none;
	}

.tooltip_inner{
	position: relative;
	width: 100%;
	height: 100%;
	border-top: 1px solid #5A5A5A;
	}
ul.frame_base{
	width: 404px;
	margin: 10px auto;
	padding: 0 20px 0 40px;
	}
ul.frame_base p.title_text {
	margin: 6px 0;
	font-size: 10px;
	letter-spacing: 1px;
	color: #CCC;
	}
ul.frame_base p.title_text span {
	color: #999;	
	}
ul.frame_base ul.frame_img{
	margin: 12px 0 10px ;
	padding-right: 4px;
	}
ul.frame_base ul.frame_img li{
	display: inline;
	padding-right: 4px;
	}

/*---- カゲ指定部分 ----*/

.i_shadow-bg {
	height: 20px;
	width: 20px;
	position: absolute;
	}

#i_shadow-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/shadow_h-x.png');
	}
#i_shadow-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../images/shadow_h-y.png');
	_background-image: none;/*ie*/
	background-position: -20px 0px;
	}
#i_shadow-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/shadow_h-x.png');
	background-position: 0px -20px;
	}
#i_shadow-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	_background-image: none;/*ie*/
	background-image: url('../images/shadow_h-y.png');
	}

#i_shadow-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../images/shadow_h.png');
	_background-image: none;/*ie*/
	background-position: 0px -40px;
	}
#i_shadow-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../images/shadow_h.png');
	_background-image: none;/*ie*/
	background-position: 0px -60px; 
	}
#i_shadow-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../images/shadow_h.png');
	_background-image: none;/*ie*/
	background-position: 0px -20px;
	}
#i_shadow-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../images/shadow_h.png');
	_background-image: none;/*ie*/
	background-position: 0px 0px;
	}


/* 注釈：infobar（インフォメーション表示）
-------------------------------------------- */
#info_bar {
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	letter-spacing: 1px;
	padding: 10px 20px;
	background: #666;
	opacity: 0.5;
	border-bottom: 1px solid #333;
	z-index: 100;
	}


/* 開発：ページ注釈コメント用
-------------------------------------------- */
#p_comm {
	position: fixed;
	top: 600px;
	left: 10px;
	font-size: 9px;
	padding: 10px 20px;
	border: 1px dotted #FFF;
	width: 130px;
	}



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


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


#headerWrap {
	background: url(../images/bg_header-wrap.png) no-repeat; 
	background-position: right 368px top 0px;
	}


}

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


/* ヘッダー（homeナビ含む） header
---------------------------------------------------- */

#header {
	width: 100%;/*前述書換え記述*/
	height: 58px;
	z-index: 8000;
	}
#headerWrap {
	background: none;
    z-index: 20;
	-webkit-box-shadow: 0px 0px 20px -5px #777;
	   -moz-box-shadow: 0px 0px 20px -5px #777;
	        box-shadow: 0px 0px 20px -5px #777;
	}
#headerWrap > a {
    top: 0px;
    left: 50%;
    width: 148px;
    margin: 0 0 0 -74px
	}
#headerWrap > a img {
    width: 100%;
	}

/*---- ナビ（全適用）：トップページ以外用 ----*/

#navg {
    position: absolute;
    top: 58px;
    left: 50%;
    width: 320px;
    height: 140px;
    margin: 0 0 0 -160px;
    background: none;
	}
#navg ul {
	list-style: none;
	}
#navg li a.activ {/*アクティブページ時指定（テキストナビ用）*/
	color: #9f9f9f;
	}
	
/*---- allナビ：header内 ----*/

#navg #gf > li,
#navg #gb > li,
#navg #ge > li,
#navg #gb-service > li {/* 初期状態 */
    visibility: hidden;
	}

/*---- グローバルナビ-gr（前方指定）：トップページ以外 ----*/

#navg ul#gf {
    padding: 16px 0px 0 10px;
    position: absolute;
    top: 0px;
    right: 100px;
    background: url(../images/line_nav.gif) no-repeat left bottom 150px;
    z-index: 22;
	-webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
			transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
	}
#navg ul#gf.onMenu {
    background: url(../images/line_nav.gif) no-repeat left bottom 0px;
	}
#navg ul#gf li.bottle {
    width: 104px;
    height: 36px;
    position: absolute;
    top: 66px;
    left: 63px;
    background-position: 0px -148px;
	}

/*---- サブナビ-gb（後方）：トップページ以外 ----*/

#navg ul#gb {
    line-height: 100%;
    position: absolute;
    top: 100px;
    right: 178px;
    z-index: 22;
	}

/* gb-service */
#navg ul#gb-service {
    line-height: 100%;
    position: absolute;
    top: 120px;
    right: 4px;
    z-index: 22;
	}

/*---- サブナビ-ge（変則）：トップページ以外 ----*/

#navg ul#ge {
    top: 0px;
    left: 0px;
    right: auto;
    width: 148px;
    background: none;
	}
#navg ul#ge li.s_zozo {
    position: absolute;
    top: 18px;
    left: 22px;
	}
#navg ul#ge li.s_ilum {
    position: absolute;
    top: 40px;
    left: 46px;
	}
#navg ul#ge li.s_lilaf {
    position: absolute;
    top: 68px;
    left: 36px;
	}
#navg ul#ge li a#s_zozo {
    position: static;
    width: 82px;
    height: 18px;
    background: url(../images/nav_netshop-resp.png) no-repeat 0px 0px;
	}
#navg ul#ge li a#s_ilum {
    position: static;
    width: 74px;
    height: 24px;
    background: url(../images/nav_netshop-resp.png) no-repeat -84px 0px;
	}
#navg ul#ge li a#s_lilaf {
    position: static;
    width: 56px;
    height: 20px;
    background: url(../images/nav_netshop-resp.png) no-repeat -154px 0px;
	}


/* 内容部分全体：container
-------------------------------------------- */

/*---- ページタイトル ----*/

#con_title {/* pageTitle */
    width: 100%;
	top: 72px;
	-webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
			transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
	}
#con_title.onMenu {
	top: 192px;
	}
#con_title img {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	right: 0px;
	margin: 0 auto;
	}


/* コンテンツ：contents
-------------------------------------------- */

#contents {
    top: 150px;
	-webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
			transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
	}
#contents.onMenu {
    top: 220px;
	}


/* fx：
-------------------------------------------- */

/*---- menu ----*/

.btnHamb {
	display: block;
	position: absolute;
	top: 4px;
	left: 8px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	}
.btnHamb .line {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 40px;
	height: 2px;
	background: #000;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	}
.btnHamb .line_01 { top: 10px; }
.btnHamb .line_02 { top: 24px; }
.btnHamb .line_03 { top: 38px; }

.btnHamb.onMenu .line_01 {
	top: 24px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	}
.btnHamb.onMenu .line_02 {
	opacity: 0;
	}
.btnHamb.onMenu .line_03 {
	top: 24px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	}

}