html { background:#ffffff; }
body { color:#DCDCD9; }

a:link, a:visited { color:#DCDCD9; text-decoration:underline; }
a:hover, a:active { color:#DCDCD9; text-decoration:none; }

div.loading { position:fixed; left:0; top:0; width:100%; height:100%; background:#ffffff; z-index:9999; }

@media only screen and (min-width:769px) {

body { font-size:12px; font-size:1.2em; line-height:1em; }

img { display:block; }

body.top div#page { min-width:1000px; overflow:hidden; }

body.top header.page { background:url(../images/header_bg.jpg) top center no-repeat; -webkit-background-size:cover; background-size:cover; }
body.top header.page div.offset { position:relative; width:1000px; margin:0 auto; }
body.top header.page div.offset h1 { position:absolute; left:0; top:10px; width:100%; margin:0 0 0 -25px; }
body.top header.page div.offset h1 img { margin:0 auto; }
body.top header.page div.offset p { position:absolute; left:0; bottom:60px; width:100%; }
body.top header.page div.offset p a { display:block; width:80px; margin:0 auto; }
body.top header.page div.offset p a:hover { display:block; opacity:0.5; filter:alpha(opacity=50); }
body.top header.page div.offset p a img { width:100%; }
body.top header.page div.offset nav { position:absolute; left:0; bottom:0; width:100%; }
body.top header.page div.offset nav ul { text-align:center; font-size:0; line-height:0; }
body.top header.page div.offset nav ul li { display:inline-block; }
body.top header.page div.offset nav ul li a:hover { display:block; opacity:0.5; filter:alpha(opacity=50); }

body.top div.page {}

body.top main {}

body.top section.recommend { background:url(../images/recommend_bg.jpg) top center no-repeat; -webkit-background-size:cover; background-size:cover; }
body.top section.recommend div.offset { position:relative; width:1000px; margin:0 auto; }
body.top section.recommend div.offset h2 { padding:80px 0 77px 0; }
body.top section.recommend div.offset h2 img { margin:0 auto; }
body.top section.recommend div.offset div.word { position:relative; width:1000px; height:500px; margin:0 0 30px 0; background:url(../images/recommend_bg.png) top center no-repeat; }
body.top section.recommend div.offset div.word ul {}
body.top section.recommend div.offset div.word ul li { display:none; }
body.top section.recommend div.offset div.word ul li.w_vivi  { position:absolute; left:39px;  top:39px; }
body.top section.recommend div.offset div.word ul li.w_jj    { position:absolute; left:515px; top:39px; }
body.top section.recommend div.offset div.word ul li.w_zipper{ position:absolute; left:39px;  top:192px; }
body.top section.recommend div.offset div.word ul li.w_spur  { position:absolute; left:515px; top:192px; }
body.top section.recommend div.offset div.word ul li.w_nylon { position:absolute; left:39px;  top:345px; }
body.top section.recommend div.offset div.word ul li.w_nonno { position:absolute; left:516px; top:345px; }
body.top section.recommend div.offset div.word ul li.w_hanako{ position:absolute; left:39px;  top:39px; }
body.top section.recommend div.offset div.word ul li.w_frau  { position:absolute; left:515px; top:39px; }
body.top section.recommend div.offset div.word ul li.w_mini  { position:absolute; left:39px;  top:192px; }
body.top section.recommend div.offset div.word ul li.w_mens  { position:absolute; left:515px; top:192px; }
body.top section.recommend div.offset div.word ul li.w_model { position:absolute; left:39px;  top:345px; }
body.top section.recommend div.offset div.word ul li.w_ray   { position:absolute; left:516px; top:345px; }
body.top section.recommend div.offset div.word ul li a:hover { display:block; opacity:0.5; filter:alpha(opacity=50); }
body.top section.recommend div.offset ul.btn { width:1005px; padding:0 0 75px 0; }
	body.top section.recommend div.offset ul.btn:after { clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }
	body.top section.recommend div.offset ul.btn { min-height:1%; }
body.top section.recommend div.offset ul.btn li { float:left; padding:0 5px 5px 0; }
body.top section.recommend div.offset ul.btn li a:hover { display:block; opacity:0.5; filter:alpha(opacity=50); }

body.top section.profile { background:url(../images/profile_bg.jpg) top center no-repeat; -webkit-background-size:cover; background-size:cover; }
body.top section.profile div.offset { position:relative; width:1000px; margin:0 auto; }
body.top section.profile div.offset h2 { padding:80px 0 77px 0; }
body.top section.profile div.offset h2 img { margin:0 auto; }
body.top section.profile div.offset p.lead { padding:0 0 80px 0; font-size:18px; font-size:1.8rem; line-height:1.75em; }
body.top section.profile div.offset ul { position:relative; width:1000px; text-align:center; font-size:0; line-height:0; z-index:1; }
body.top section.profile div.offset ul li { display:inline-block; }
body.top section.profile div.offset p.pic { margin:-88px 0 0 -40px; }

body.top section.movie { background:url(../images/movie_bg.jpg) top right no-repeat; -webkit-background-size:cover; background-size:cover; }
body.top section.movie div.offset { position:relative; width:1000px; margin:0 auto; }
body.top section.movie div.offset h2 { padding:80px 0 77px 0; }
body.top section.movie div.offset h2 img { margin:0 auto; }
body.top section.movie div.offset ul { width:1010px; margin:0 0 0 -5px; padding:0 0 65px 0; text-align:center; font-size:0; line-height:0; }
body.top section.movie div.offset ul li { display:inline-block; padding:0 5px 0 5px; text-align:center; font-size:12px; font-size:1.2rem; line-height:44px; }
body.top section.movie div.offset ul li a:hover { display:block; opacity:0.5; filter:alpha(opacity=50); }

body.top aside.page { position:fixed; left:0; bottom:0; width:100%; background:url(../images/aside_bg.jpg) top center; z-index:10; }
body.top aside.page ul { padding:16px 0 16px 0; text-align:center; font-size:0; line-height:0; }
body.top aside.page ul li { display:inline-block; padding:0 25px 0 25px; }
body.top aside.page ul li a:hover { display:block; opacity:0.5; filter:alpha(opacity=50); }

body.top footer.page { background:url(../images/footer_bg.jpg) top center; }
body.top footer.page p.twitter { padding:60px 0 60px 0; }
body.top footer.page p.twitter a:hover { display:block; opacity:0.5; filter:alpha(opacity=50); }
body.top footer.page p.twitter img { margin:0 auto; }
body.top footer.page p.official { padding:0 0 60px 0; }
body.top footer.page p.official a:hover { display:block; opacity:0.5; filter:alpha(opacity=50); }
body.top footer.page p.official img { margin:0 auto; }
body.top footer.page aside.social { padding:0 0 60px 0;  }
body.top footer.page aside.social ul { text-align:center; font-size:0; line-height:0; }
body.top footer.page aside.social ul li { display:inline-block; width:70px; padding:0 10px 0 10px; }
body.top footer.page aside.social ul li { width:70px; }
body.top footer.page aside.social ul li a:hover { display:block; opacity:0.5; filter:alpha(opacity=50); }
body.top footer.page small { display:block; padding:0 0 136px 0; }
body.top footer.page small img { margin:0 auto; }

body.top div#rec { /*display:none;*/ position:fixed; top:0; left:100%; width:100%; height:100%; background:url(../images/bg.png)\9; background:rgba(137,122,106, 0.94); z-index:99999; }
body.top div#rec div.offset1 { width:1000px; height:500px; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; }
body.top div#rec div.offset1 p.close { position:absolute; right:0; top:-46px; }
body.top div#rec div.offset1 p.close a:hover { display:block; opacity:0.5; filter:alpha(opacity=50); }
body.top div#rec div.offset1 div.offset2 { position:relative; width:1000px; height:500px; overflow:auto; }
body.top div#rec div.offset1 div.offset2 div.rec { position:relative; padding:0 0 68px 0; }
body.top div#rec div.offset1 div.offset2 div.rec h1 { margin:0 0 34px 0; padding:0 0 34px 0; font-size:22px; font-size:2.2rem; line-height:1em; color:#FFFFFF; border-bottom:1px solid #DEDED8; font-family:'Electrolize', sans-serif; }
body.top div#rec div.offset1 div.offset2 div.rec aside.social { padding:0 0 34px 0; }
body.top div#rec div.offset1 div.offset2 div.rec aside.social ul {}
	body.top div#rec div.offset1 div.offset2 div.rec aside.social:after { clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }
	body.top div#rec div.offset1 div.offset2 div.rec aside.social { min-height:1%; }
body.top div#rec div.offset1 div.offset2 div.rec aside.social ul li { float:left; height:20px; padding:0 12px 0 0; }
body.top div#rec div.offset1 div.offset2 div.rec p.title1 { padding:0 0 24px 0; font-size:18px; font-size:1.8rem; line-height:1em; color:#FFFFFF; font-family:'Electrolize', sans-serif; }
body.top div#rec div.offset1 div.offset2 div.rec p.note1 { padding:0 0 54px 0; font-size:24px; font-size:2.4rem; line-height:1.5em; font-weight:bold; color:#FFFFFF; font-family:'Electrolize', sans-serif; }
body.top div#rec div.offset1 div.offset2 div.rec p.title2 { padding:0 0 20px 0; font-size:18px; font-size:1.8rem; line-height:1em; color:#FFFFFF; font-family:'Electrolize', sans-serif; }
body.top div#rec div.offset1 div.offset2 div.rec p.note2 { font-size:18px; font-size:1.8rem; line-height:1.5em; color:#FFFFFF; font-family:'Electrolize', sans-serif; }

body.top div.pro { position:relative; width:1000px; padding:82px 0 0 0; }
body.top div.pro p.close { position:absolute; right:0; top:0; }
body.top div.pro p.close a:hover { display:block; opacity:0.5; filter:alpha(opacity=50); }
body.top div.pro dl { padding:0 0 0 195px; }
body.top div.pro dl dt { clear:left; float:left; }
body.top div.pro dl dd { padding:0 0 0 360px; }
body.top div.pro dl dd p.title { padding:90px 0 26px 0; font-size:50px; font-size:5.0rem; line-height:1em; color:#ffffff; font-family:'Electrolize', sans-serif; }
body.top div.pro dl dd p.name { padding:0 0 26px 0; font-size:22px; font-size:2.2rem; line-height:1em; color:#ffffff; font-family:'Electrolize', sans-serif; }
body.top div.pro dl dd p.date { font-size:22px; font-size:2.2rem; line-height:1.5em; color:#ffffff; font-family:'Electrolize', sans-serif; }

}

@media only screen and (max-width:768px) {

body { font-size:14px; font-size:1.4em; line-height:1.5em; -webkit-text-size-adjust:100%; }

img { max-width:100%; display:block; margin:0 auto; }

body.top div#page { /*width:320px;*/ }

body.top header.page { background:url(../images/header_bg.jpg) top center no-repeat; -webkit-background-size:cover; background-size:cover; }
body.top header.page div.offset {}
body.top header.page div.offset h1 { padding:10px 10px 150px 10px; }
body.top header.page div.offset h1 img { width:98%; margin:0 auto; }
body.top header.page div.offset p { width:10%; margin:0 auto; }
body.top header.page div.offset nav {}
body.top header.page div.offset nav ul { padding:0 10px 0 10px; text-align:center; font-size:0; line-height:0; }
body.top header.page div.offset nav ul li { display:inline-block; }
body.top header.page div.offset nav ul li.recommend { width:50%; }
body.top header.page div.offset nav ul li.profile { width:29%;}
body.top header.page div.offset nav ul li.movie { width:21%; }

body.top div.page {}

body.top main {}

body.top section.recommend { background:url(../images/recommend_bg.jpg) top center no-repeat; -webkit-background-size:cover; background-size:cover; }
body.top section.recommend div.offset {}
body.top section.recommend div.offset h2 { padding:25px 10px 25px 10px; }
body.top section.recommend div.offset div.word { height:554px; }
body.top section.recommend div.offset div.word ul { padding:0 10px 0 10px; }
	body.top section.recommend div.offset div.word ul:after { clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }
	body.top section.recommend div.offset div.word ul { min-height:1%; }
body.top section.recommend div.offset div.word ul li { width:75%; padding:0 0 20px 0; }
body.top section.recommend div.offset div.word ul li:nth-child(even) { float:left; }
body.top section.recommend div.offset div.word ul li:nth-child(odd) { float:right; }
body.top section.recommend div.offset div.word ul li { opacity:0; filter:alpha(opacity=0); }
body.top section.recommend div.offset ul.btn { padding:0 5px 15px 5px; }
	body.top section.recommend div.offset ul.btn:after { clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }
	body.top section.recommend div.offset ul.btn { min-height:1%; }
body.top section.recommend div.offset ul.btn li { float:left; width:50%; padding:0 5px 10px 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

body.top section.profile { background:url(../images/profile_bg.jpg) top center no-repeat; -webkit-background-size:cover; background-size:cover; }
body.top section.profile div.offset {}
body.top section.profile div.offset h2 { padding:20px 10px 20px 10px; }
body.top section.profile div.offset p.lead { padding:0 10px 20px 10px; font-size:14px; font-size:1.4rem; line-height:1.5em; }
body.top section.profile div.offset ul { padding:0 10px 25px 10px; text-align:center; font-size:0; line-height:0; }
body.top section.profile div.offset ul li { display:inline-block; width:50%; padding:0 0 1px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
body.top section.profile div.offset ul li:nth-child(3n) { margin:0 50px 1px 50px; }
body.top section.profile div.offset p.pic { display:none; }

body.top section.movie { background:url(../images/movie_bg.jpg) top right no-repeat; -webkit-background-size:cover; background-size:cover; }
body.top section.movie div.offset {}
body.top section.movie div.offset h2 { padding:25px 10px 25px 10px; }
body.top section.movie div.offset ul { padding:0 10px 15px 10px; }
body.top section.movie div.offset ul li { padding:0 0 10px 0; text-align:center; color:#333333; }

body.top aside.page { background:url(../images/aside_bg.jpg) top right no-repeat; -webkit-background-size:cover; background-size:cover; }
body.top aside.page ul { padding:20px 5px 20px 5px; }
body.top aside.page ul li { padding:5px; }

body.top footer.page { background:url(../images/footer_bg.jpg) top right no-repeat; -webkit-background-size:cover; background-size:cover; }
body.top footer.page p.twitter { padding:20px 10px 20px 10px; }
body.top footer.page p.official { padding:0 10px 20px 10px; }
body.top footer.page aside.social { padding:0 0 20px 0; }
body.top footer.page aside.social ul { text-align:center; font-size:0; line-height:0; }
body.top footer.page aside.social ul li { display:inline-block; padding:0 3px 0 3px; }
body.top footer.page aside.social ul li {}
body.top footer.page aside.social ul li.fs { width:58px; }
body.top footer.page aside.social ul li.fl { width:69px; }
body.top footer.page aside.social ul li.tw { width:65px; }
body.top footer.page aside.social ul li.l { width:82px; }
body.top footer.page small { display:block; padding:0 0 25px 0; }

body.top div#rec { /*display:none;*/ position:fixed; top:0; left:100%; width:100%; height:100%; background:rgba(137,122,106, 0.94); z-index:99999; }
body.top div#rec div.lock { position:fixed; top:0; left:100%; width:100%; height:100%; z-index:1; }
body.top div#rec div.offset1 { width:90%; height:80%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; z-index:2; }
body.top div#rec div.offset1 p.close { position:absolute; right:0; top:-46px; z-index:100; }
body.top div#rec div.offset1 p.close a:hover { display:block; opacity:0.5; filter:alpha(opacity=50); }
body.top div#rec div.offset1 div.offset2 { position:relative; width:100%; height:100%; overflow:auto; -webkit-overflow-scrolling:touch; }
body.top div#rec div.offset1 div.offset2 div.rec { position:relative; padding:0 0 68px 0; }
body.top div#rec div.offset1 div.offset2 div.rec h1 { margin:0 0 20px 0; padding:0 0 20px 0; font-size:22px; font-size:2.2rem; line-height:1em; color:#ffffff; border-bottom:1px solid #DEDED8; font-family:'Electrolize', sans-serif; background:rgba(0,0,0,0); }
body.top div#rec div.offset1 div.offset2 div.rec aside.social { padding:0 0 20px 0; }
body.top div#rec div.offset1 div.offset2 div.rec aside.social ul {}
	body.top div#rec div.offset1 div.offset2 div.rec aside.social:after { clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }
	body.top div#rec div.offset1 div.offset2 div.rec aside.social { min-height:1%; }
body.top div#rec div.offset1 div.offset2 div.rec aside.social ul li { float:left; height:20px; padding:0 12px 0 0; }
body.top div#rec div.offset1 div.offset2 div.rec p.title1 { padding:0 0 10px 0; font-size:16px; font-size:1.6rem; line-height:1em; color:#FFFFFF; font-family:'Electrolize', sans-serif; background:rgba(0,0,0,0); }
body.top div#rec div.offset1 div.offset2 div.rec p.note1 { padding:0 0 20px 0; font-size:20px; font-size:2.0rem; line-height:1.5em; font-weight:bold; color:#ffffff; font-family:'Electrolize', sans-serif; background:rgba(0,0,0,0); }
body.top div#rec div.offset1 div.offset2 div.rec p.title2 { padding:0 0 10px 0; font-size:16px; font-size:1.6rem; line-height:1em; color:#FFFFFF; font-family:'Electrolize', sans-serif; background:rgba(0,0,0,0); }
body.top div#rec div.offset1 div.offset2 div.rec p.note2 { font-size:14px; font-size:1.4rem; line-height:1.5em; color:#ffffff; font-family:'Electrolize', sans-serif; background:rgba(0,0,0,0); }

body.top div.pro { position:relative; padding:66px 0 0 0; }
body.top div.pro p.close { position:absolute; right:0; top:0; }
body.top div.pro p.close a:hover { display:block; opacity:0.5; filter:alpha(opacity=50); }
body.top div.pro dl {}
body.top div.pro dl dt { padding:0 0 20px 0; }
body.top div.pro dl dd {}
body.top div.pro dl dd p.title { padding:0 0 10px 0; font-size:20px; font-size:2.0rem; line-height:1em; color:#ffffff; font-family:'Electrolize', sans-serif; }
body.top div.pro dl dd p.name { padding:0 0 10px 0; font-size:16px; font-size:1.6rem; line-height:1em; color:#ffffff; font-family:'Electrolize', sans-serif; }
body.top div.pro dl dd p.date { font-size:16px; font-size:1.6rem; line-height:1.5em; color:#ffffff; font-family:'Electrolize', sans-serif; }

}