@charset "utf-8";

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
reset
::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media screen and (max-device-width: 480px) {
body {
-webkit-text-size-adjust: none; /* iPhone */
}
}
body{color:#FFF;font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif; font-size:13px; line-height:1}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td,p{margin:0; padding:0; }
table{border-collapse:collapse; border-spacing:0;}
fieldset, img{border:0;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal;}
ol, ul{list-style:none;}
caption, th{text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }

/*-------clearfix-------*/
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
/* end clearfix */

/*==================================
loading
==================================*/
html, body{	width: 100%;	height: 100%;}
.loadingWrap{	width: 100%;	height: 100%;	background: #000;	position: fixed;	top: 0;	left: 0; z-index:9999}
.loadingWrap img{	position: absolute;	top: 50%;	left: 50%;	margin-top: -19px;	margin-left: -111px;}

/*==================================
cmn
==================================*/

/*-------other-------*/
a img {opacity: 1;transition: all 0.1s ease-out 0s; }
a:hover img {opacity: 0.5;transition: all 0.1s ease-out 0s; }
a { color: #BF0000; text-decoration: none; }
a:visited { color: #BF0000; text-decoration: underline; }
a:hover { color: #BF0000; text-decoration: underline; }
body { min-width: 980px; background:#000 ; min-height: 1000px;}

/*-------header-------*/
#header { background: url(../../images/pc/bg_hd.gif) 0 0 repeat-x; height: 86px; position:relative ;z-index:500}
#header_inner { position: relative; width: 980px; margin: 0 auto; }
#header h1 { top: 10px; left: -5px; position: absolute; }
#header #headertxt { top: 25px; left: 95px; position: absolute; }
#header ul { top: 25px; left: 313px; position: absolute; }
#header li { float: left; overflow: hidden; }
#header li a { display: block; overflow: hidden; text-indent: 104%; white-space: nowrap; height: 61px; }
#header li:nth-child(1) { background: url(../../images/pc/gnav.gif) 0 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(1):hover { background: url(../../images/pc/gnav.gif) 0 -61px no-repeat }
#header li:nth-child(2) { background: url(../../images/pc/gnav.gif) -133px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(2):hover { background: url(../../images/pc/gnav.gif) -133px -61px no-repeat }
#header li:nth-child(3) { background: url(../../images/pc/gnav.gif) -266px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(3):hover { background: url(../../images/pc/gnav.gif) -266px -61px no-repeat }
#header li:nth-child(4) { background: url(../../images/pc/gnav.gif) -399px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(4):hover { background: url(../../images/pc/gnav.gif) -399px -61px no-repeat }
#header li:nth-child(5) { background: url(../../images/pc/gnav.gif) -532px 0 no-repeat; width: 134px; height: 61px; }
#header li:nth-child(5):hover { background: url(../../images/pc/gnav.gif) -532px -61px no-repeat }
/*-------footer-------*/
#footer{ width:100%; background:#000; position:relative; z-index:9000; border-top:solid 1px #5b5b5b; min-height:100px; }
#footer_inner { font-size: 10px; line-height: 1.4; padding: 15px 0 24px; width: 980px; margin: 0 auto; position:relative; z-index:9999}
#footer #footer_logo_megahouse{ padding-right: 8px; float: left; }
#footer  p#copyright{ font-size:10px; color:#fff;font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',verdana,Helvetica,Arial,sans-serif;clear: both; padding: 10px 0 0 0 ;}
#footer  #sns{   position:absolute; top:20px; right:-46px}
/*-------link-------*/
.link_txt a{ padding-left:24px;background: url(../../images/pc/ico_link.png) no-repeat 0 0 ;}

/*==================================
top
==================================*/
/*-------main-------*/
#main { background: url(../../images/pc/main_bg.jpg) no-repeat center top ;padding-top:96px; }
#main h2{ width:350px; height:198px; margin:0 auto; position:relative; z-index:9000}
/*-------nav-------*/
#nav{ background: url(../../images/pc/navi_bg.png) no-repeat center top ; width:980px; margin:-66px auto 0; height:90px; position:relative; z-index:8000; padding-top:50px}
#nav li{ float:left; height:45px; }
#nav li a{ height:45px;display:block}
#nav li#nav_btn_top a{background: url(../../images/pc/navi_btn.png) no-repeat 0 0 ;width:104px; margin:0 10px 0 50px}
#nav li#nav_btn_top a:hover{background: url(../../images/pc/navi_btn.png) no-repeat 0 -45px;}
#nav li#nav_btn_topics a{background: url(../../images/pc/navi_btn.png) no-repeat -150px 0 ;width:140px;margin-right:10px}
#nav li#nav_btn_topics a:hover{background: url(../../images/pc/navi_btn.png) no-repeat  -150px -45px;}
#nav li#nav_btn_lineup a{background: url(../../images/pc/navi_btn.png) no-repeat -300px 0 ;width:140px;margin-right:10px}
#nav li#nav_btn_lineup a:hover{background: url(../../images/pc/navi_btn.png) no-repeat -300px -45px;}
#nav li#nav_btn_about a{background: url(../../images/pc/navi_btn.png) no-repeat -450px 0 ;width:140px;margin-right:10px}
#nav li#nav_btn_about a:hover{background: url(../../images/pc/navi_btn.png) no-repeat -450px -45px;}
#nav li#nav_btn_comment a{background: url(../../images/pc/navi_btn.png) no-repeat -600px 0 ;width:150px;margin-right:10px}
#nav li#nav_btn_comment a:hover{background: url(../../images/pc/navi_btn.png) no-repeat  -600px -45px;}
/*#nav li#nav_btn_blog{background: url(../../images/pc/navi_btn.png) no-repeat -750px 0 ;width:146px;margin-right:0px; display:block}
#nav li#nav_btn_blog:before{background: url(../../images/pc/navi_btn_comingsoon.png) no-repeat 0 -4px ;width:146px; height:45px; content:" "; display:block}*/
#nav li#nav_btn_blog a{background: url(../../images/pc/navi_btn.png) no-repeat -750px 0 ;width:146px;margin-right:0px}
#nav li#nav_btn_blog a:hover{background: url(../../images/pc/navi_btn.png) no-repeat  -750px -45px;}

/*-------nav_pase-------*/
body#top #nav li#nav_btn_top a{background: url(../../images/pc/navi_btn.png) no-repeat 0 -45px;}
body#blog #nav li#nav_btn_top a{background: url(../../images/pc/navi_btn.png) no-repeat -600px -45px;}

/*-------info-------*/
body#top #info{ background: url(../../../images/pc/info_bg.jpg) repeat-x 0 0; color:#FFFFFF; height:130px; margin-top:-28px; position:relative; z-index:7000}
body#top #info_inner{ width:980px; margin:0 auto; padding:50px 0 30px}
body#top #info h3{ float:left; padding:6px 40px 0 30px}
body#top #info ul{ float:left; width:700px}
body#top #info li{ padding-bottom:8px; line-height:1.2}
body#top #info li:before {content:"・"; padding-right:4px}

/*-------topics-------*/
body#top #topics { background: url(../../../images/pc/topics_bg.jpg) #160100 no-repeat center top ; padding:30px 0; height:620px }
body#top #topics h3{ width:980px; height:420px; margin:0 auto; padding-bottom:20px}
body#top #topics ul{ width:984px; margin:0 auto; padding-left:4px}
body#top #topics li{background: url(../../../images/pc/topics_list_bg.png) no-repeat center top ; width:324px; height:156px; float:left; margin-right:4px; text-align:center; padding:18px 0 0}
body#top #topics dt{ padding-bottom:4px}
body#top #topics dt span{  background: url(../../../images/pc/topics_list_date.gif) no-repeat center top; width:280px; height:20px; display:block; margin:0 auto 8px; color:#bf0000; font-size:18px; padding-top:5px}
body#top #topics dd img{ border: solid 1px #6c410b}
body#top #topics dd {background: url(../../../images/pc/topics_bg_frame.gif) no-repeat center center}
body#top #topics dd #comment_btn_post {background: url(../../../images/pc/topics_comment_btn.png) no-repeat 0 -78px; width:144px; height:78px; margin-left:12px; float:left}
body#top #topics dd #comment_btn_post a{background: url(../../../images/pc/topics_comment_btn.png) no-repeat 0 0; width:144px; height:78px; display:block;opacity: 1;transition: all 0.1s ease-out 0s; }
body#top #topics dd #comment_btn_post a:hover{opacity: 0;transition: all 0.1s ease-out 0s; }
body#top #topics dd #comment_btn_view{background: url(../../../images/pc/topics_comment_btn.png) no-repeat -288px 0; width:144px; height:78px; margin-left:4px; float:left; position:relative}
body#top #topics dd #comment_btn_view span{ display:block; position:absolute; top:52px; left:0; font-size:11px; width:144px}
body#top #topics dd.topics_comingsoon{background: url(../../images/pc/topics_bg_comingsoon.jpg) no-repeat center center; height:66px}

/*-------lineup-------*/
body#top #lineup { background: url(../../images/pc/lineup_bg.jpg) repeat-y center 0;}
body#top #lineup:before { background: url(../../images/pc/lineup_bg_top.jpg) no-repeat center 0; content:" "; display:block; height:368px}
body#top #lineup:after { background: url(../../images/pc/lineup_bg_btm.jpg) no-repeat center 0; content:" "; display:block; height:260px; margin-top:-144px; position:relative; z-index:1000}
body#top #lineup h3{width:750px; height:180px; margin:-359px auto 0; }
body#top #lineup #lineup_pop h4{background: url(../../../lineup/images/pc/lineup_tit_bg.png) no-repeat 0 0; width:986px; height:56px; margin:0 auto 20px; padding-top:48px; text-align:center}
body#top #lineup #lineup_pop{ padding-bottom:60px}
body#top #lineup #lineup_poplimited{ padding-bottom:30px}
body#top #lineup #lineup_poplimited h4{background: url(../../../lineup/images/pc/lineup_tit_bg.png) no-repeat 0 0; width:750px; height:56px; margin:0 auto 20px; padding-top:48px; padding-left:230px; text-align:center; position:relative}
body#top #lineup #lineup_poplimited h4 .lineup_tit_limited{ position:absolute;bottom:16px ; left:100px}
body#top #lineup #lineup_poplimited h4 .lineup_tit_pop10th{ position:absolute; top:39px ; left:290px}
body#top #lineup img{ opacity:1}
body#top #lineup ul{ width:980px; margin:0 auto}
body#top  #lineup #lineup_pop li{ width:320px; height:550px; padding-top:30px;background: url(../../../lineup/pop/images/pc/bg.png) no-repeat center 0;  float:left}
body#top #lineup #lineup_poplimited li{ width:320px; height:550px; padding-top:20px;background: url(../../../lineup/poplimited/images/pc/bg.png) no-repeat center 0;  float:left}
body#top #lineup li span{ display:block; text-align:center}
body#top #lineup li span.item_tit{ padding:4px 0 6px}
body#top #lineup li span.item_txt_name{ padding-bottom:12px}
body#top #lineup li span.item_txt_new{padding-bottom:12px}
body#top #lineup li span.item_btn{background: url(../../../lineup/images/pc/item_btn.png) no-repeat 0 0;width:210px; height:34px; margin:0 auto}
body#top #lineup li span.item_btn:hover{background: url(../../../lineup/images/pc/item_btn.png) no-repeat 0 -34px; width:210px; height:34px; display:block;opacity: 1;}
body#top #lineup li.lineup_comingsoon{ background: url(../../../lineup/images/pc/img_comingsoon.png) no-repeat center 80px !important; }
body#top #lineup #lineup_btn_all{background: url(../../../lineup/images/pc/lineup_btn_all.png) no-repeat 0 -76px; width:558px; height:76px; margin:0 auto 30px; position:relative; z-index:9000}
body#top #lineup #lineup_btn_all a{background: url(../../../lineup/images/pc/lineup_btn_all.png) no-repeat 0 0; width:558px; height:76px; display:block;opacity: 1;transition: all 0.1s ease-out 0s; }
body#top #lineup #lineup_btn_all a:hover{opacity: 0;transition: all 0.1s ease-out 0s; }
 
/*-------about-------*/
body#top #about{ background: url(../../../images/pc/about_bg.jpg) no-repeat center top; padding:30px 0 ; height:520px}
body#top #about h3{width:560px; height:112px; margin:0 auto; padding-bottom:20px}
body#top #about p{ width:900px; margin:0 auto;font-size:14px;  line-height:1.6;text-shadow:2px 2px 2px #000;}
/*-------comment-------*/
body#top #comment{ background: url(../../../images/pc/comment_bg.jpg) no-repeat center top ; padding:30px 0; height:494px}
body#top #comment:before{ background: url(../../../images/pc/comment_bg_top.png) no-repeat center top ; content:" "; display:block; height:80px; margin-top:-80px}
body#top #comment h3{ width:452px; height:96px; margin:0 auto; padding-bottom:20px}
body#top #comment #comment_txt{ width:900px; margin:0 auto; font-size:14px;  line-height:1.6;text-shadow:2px 2px 2px #000;}
body#top #comment dl{background: url(../../../images/pc/comment_rule_bg.png) no-repeat center top ; width:774px; height:168px; margin:0 auto; padding:66px 90px 26px; color:#010100; position:relative}
body#top #comment dt{ padding-bottom:10px}
body#top #comment ul{ width:540px}
body#top #comment li{ padding-bottom:8px; line-height:1.4; text-indent:-1em; padding-left:1em}
body#top #comment dd p{position: absolute;top: 39px;right: 99px}
body#top #comment dd p{background: url(../../../images/pc/comment_btn.png) no-repeat 0 -176px; width:190px; height:176px; }
body#top #comment dd p a{background: url(../../../images/pc/comment_btn.png) no-repeat 0 0; width:190px; height:176px; display:block;opacity: 1;transition: all 0.1s ease-out 0s; }
body#top #comment dd p a:hover{opacity: 0;transition: all 0.1s ease-out 0s; }
body#top #comment .link_txt { color: #BF0000;}

/*-------relatedlink-------*/
body#top #relatedlink{ background: url(../../../images/pc/relatedlink_bg.jpg) repeat center top ; }
body#top #relatedlink ul{ width:990px; padding:30px 0; margin:0 auto; padding-left:8px}
body#top #relatedlink li{ float:left; margin-right:10px}
body#top #relatedlink li img{ width:236px}
body#top #relatedlink .relatedlink_comingsoon{ background: url(../../images/pc/topics_bg_comingsoon.jpg) no-repeat center center; width:234px;height:80px; border:solid 1px #513322}

/*==================================
item
==================================*/
body.part_dressrosa #contents { background: url(../../../lineup/images/pc/item_bg_dressrosa.png) no-repeat 0 0; }
body.item_colorbox{overflow: hidden;width: 930px; height: 668px; background:none; position:relative}
body.item_colorbox #contents{ width: 800px; height: 488px; position: relative; color: #010100; margin: 35px; padding: 30px; }
body.item_colorbox h1 { background: url(../../../lineup/pop/images/pc/tit_popsa.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 52px; margin-bottom: 20px; position: relative; width: 322px; z-index: 7000; }
body.item_colorbox h2 { padding-bottom: 20px; position: relative; z-index: 7000; }
body.item_colorbox #txt_productabout { background: url(../../../products/dspec/images/pc/bg_productabout.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); font-size: 13px; line-height: 1.6; padding: 0 84px 8px 0; position: relative; width: 350px; z-index: 7000; }
body.item_colorbox #txt_productinfo { font-size: 16px; line-height: 1.5; padding-bottom: 28px; position: relative; width: 364px; z-index: 7000; }
body.item_colorbox #copyright { bottom: 30px; font-size: 10px; left: 30px; line-height: 1; position: absolute; width: 364px; z-index: 7000; }
body.item_colorbox  #slider {position: absolute;right: 0;top: 0; width:390px; height:488px}
body.item_colorbox  #slider img {position: absolute;right: 0;top: 0; width:390px; height:488px}
