@charset "utf-8";
/* CSS Document */
html{ font-size: 62.5%;}
@media screen and (max-device-width: 480px) {
body {-webkit-text-size-adjust: none; /* iPhone */}
}
body{ background-color:#000;  line-height:1; overflow:hidden;font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif;}
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; }

hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 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: 104%; white-space: nowrap; overflow: hidden; }

.w100{ width: 100%;}
.w90{ width: 90%;}
.w80{ width: 80%;}
.w70{ width: 70%;}
.w60{ width: 60%;}
.w50{ width: 50%;}
.w40{ width: 40%;}
.w30{ width: 30%;}


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


/********************************************************************/
/* cmn */
/********************************************************************/
body #wrapper{color:#FFF;font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif; font-size:1.4rem; line-height:1; }
body #header{ margin:0; padding:0; border-bottom:3px solid #FF0000; }

body #footer {padding:10px; background:#000; color:#FFF; border-top:1px solid #6f6f6f; }
body #footer .megahouse_logo{ margin:0 2% 0 0; width:10%; float:left; }
body #footer .text{ font-size:0.8rem; line-height:1.2em;}
body #footer .theta{ width:100%;}

body #btn_toppage a{ padding:3% 3% 3% 74%; display:block;}
body h5{ border-width: 10px 0px 0px; border-style: solid; border-color:#003d80;}
body .asmodeus_copy{ width:5%; padding:2% 2%; display:block;}
body #container{ overflow:hidden;}


/********************************************************************/
/* TOP*/
/********************************************************************/
body#top #txt_copyright{ padding:2% 0; width:100%;  font-size:0.8rem; display:block; clear:both; line-height:1.3}
body#top ul#sns{ width:95%; margin:4% auto; position:relative; z-index:9000}
body#top #sns li{ float:left;overflow:hidden}
body#top #sns li:nth-child(1){width:106px; }
body#top #sns li:nth-child(2){width:106px; }
body#top #sns li:nth-child(3){width:90px; }

#contents_box h4{ background:#003d80; font-size:14px; font-weight:bold; color:#FFFFFF; line-height:1; padding:5% 3%;}


/*------info-------*/
body#top #info ul{ width:100%; margin:0; padding:0; background:#000; color:#f2c700; list-style:none; font-size:12px; line-height:1.2;}
body#top #info li{ float:left; padding:2%;}
/*-------navi-------*/
body#top #navi_box {  padding:5% 3%; overflow:hidden; background:#001f42;}
body#top #navi_box li{ float:left; width:33.3%;}
body#top #navi_box li img{ width:100%;}
body#top #navi_report{ width:100%; background:#000; padding:5% 5%;}
body#top #navi_report img{ width:90%; background:#000;}

/*-------about-------*/
.about_txt{width: 100%; border-spacing: 0px;}
.about_txt th{ width:15%; padding:10px; text-align: center; color: #fff; background-color: #4e6680; border-top: 1px solid #000; border-right: 1px solid #000; solid #000; font-size:12px; font-weight:bold; line-height:1.4;}
.about_txt td{ width:85%; padding:10px; border-top: 1px solid #000; background-color: #fafafa; font-size:12px; line-height:1.7;}
.about_txt td img{ width:50%; margin-top:3%;}
/*-------about_corporation-------*/
#about_corporation{ width: 100%; margin:0; background:#002852;}
#about_corporation #slidepanel_inner{ width: 100%; margin:-1% auto 0; overflow:hidden; padding:3% 2% 3%}
#about_corporation #slidepanel_inner li{ float:left; width: 30%; margin:1% 1%;}
#about_corporation #slidepanel_inner li img{ width:100%;}
.slidepanel .close{ display:none;}
#about_corporationnavi_report
 #about_corporation p{ line-height:1.4}
#about_corporation #about_corporation p span{ display:block;width: 46%; padding:2% 0 4% 0 ; float:right}
/*-------goods-------*/
body#top #goods {  width:100%; margin:0; background:#9cfbf8;}
body#top #goods p{ width:100%; margin:2% 0; padding: 2% 2%; text-align: left; color:#fff; line-height:1.7; font-size:12px; background:#c51230;}
body#top #goods ul {  width:100%; margin:0; padding:3% 3%;}
body#top #goods li{  width:45%; float:left; margin-right:4%; margin-bottom:3% }
body#top #goods li.right {  width:45%; float:left; margin-bottom:3% }
body#top #goods li.goods_next { width:94%; margin:0; padding:2% 0;}

body#top #event{ padding:3%; margin:0; background:#001532;}

body#top #event h5{ border:none; background:#9e2061; color:#FFFFFF; padding:2%; font-size:14px; line-height:1.4}
body#top #event p.event_img_map{ padding-bottom:3%}
body#top #event div{ background:#c7d9f1; border:2px solid #c7d9f1; margin-bottom:3%;padding-bottom: 1%;}
body#top #event div p{ margin:2%; font-size:12px; line-height:1.4}
body#top #event div p.event_txt_space{ border-top: 2px solid #8cadd9; padding-top:2%}
body#top #event div ul{ padding:0 2%;font-size:12px; line-height:1.4;}
body#top #event div ul li{ border-left: 3px solid #9e2061; padding-left:1%; margin-right:2%; float:left;display:block}
body#top #event div p.event_txt_program{ clear:both}

/*-------green-------*/
body#top .green{ width:100%; background:#000; padding:3% 3%;}
body#top .green img{ width:94%; background:#000;}

body#top #goods li img{  width:100%; }
/*-------guide-------*/
#guide{ width: 100%; margin:0; background:#002852;}
#guide #slidepanel_inner{width: 94%; margin:-1% auto 0; padding:1% 3% 4%}
#guide #slidepanel_inner p{ background:#003d80; font-size:12px; font-weight:bold; color:#FFFFFF; padding:2% 2%; margin:3% 0 3% 0; width:35%; text-align:center;}
#guide #slidepanel_inner span{ font-size:12px; color:#f60000; line-height:1.7; font-weight:bold;}
#guide #slidepanel_inner li{ font-size:12px; line-height:1.7; color:#fff; text-indent: -1em; padding-left: 1em;}

/********************************************************************/
/* goods_page */
/********************************************************************/
body#top #goods_main{ background-color: #000; background-image: url("../../../goods/images/sm/goods_img_bg.jpg"); background-repeat: no-repeat; background-size: 100% auto; position:relative}

/*-------contents_txt-------*/
body#top #contents_txt{ background:#f1f1f1;}
body#top #contents_txt dl{ width:100%; color:0c2038; font-weight:bold; padding:3%;}
body#top #contents_txt dt{ margin-bottom:2%}
body#top #contents_txt dd p.series{ font-size:10px; line-height:1.2; clear:both; padding-right:2%}
body#top #contents_txt dd p.item_name{ font-weight:bold; font-size:18px; line-height:1.2;}
body#top #contents_txt dd p.price{ font-weight:bold; font-size:14px; line-height:1.8;}
body#top #contents_txt h6{ border-width: 1px 0px 0px; border-style: solid; border-color:#003d80;}

/*-------goods_txt-------*/
body#top #goods_txt{ color:0c2038; padding:3%; font-size:12px; line-height:1.7;}
body#top .goods_txt_sub{ color:0c2038; padding:2% 3%; font-size:12px; line-height:1.7;}
body#top .goods_txt_sub span{ color:#de005f;}

/*-------special-------*/
#contents_txt h4{ background:#003d80; font-size:14px; font-weight:bold; color:#FFFFFF; line-height:1; padding:3% 3%;}
#special_btn{ text-align:center; padding:5% 10% 5%;}

/*************************************s*******************************/
/* report */
/********************************************************************/
#report{ width: 100%; margin:0; background:#bfc6e3; }
body#top #report ul { width:100%; padding:3% 3%; overflow:hidden;}
body#top #report li { width:30%; float:left; margin-right:2%; margin-bottom:2%;}
body#top #report li:after{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; }



/*-------toppage_btn-------*/
#toppage_btn{ background:#000; font-size:14px; font-weight:bold; color:#FFFFFF; line-height:1; padding:5% 3%;}

/*-------btn_pagetop-------*/
#back-top{ margin:0 auto; padding:4%; background:#003d80;}
#back-top img{ width:10%; margin-left:45%;}