@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,hr{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: 104%; 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
==================================*/
body#top{width:100%; background-color: #0c2037;}

/*==================================
main
==================================*/
#main{ width:100%; background:url(../../../images/pc/main_bg01.jpg) repeat-x; margin-top:-20px;/* z-index:-1;*/ overflow:hidden;}
#main .main_back{ width:1170px; height:842px; background:url(../../../images/pc/main_bg02.jpg) no-repeat; position:relative; margin:0 auto; z-index:1; display:block;}
#main .main_tit{width: 400px; height: 210px; top: 30px; right:350px; position: absolute; background:url(../../../images/pc/main_sub.png) no-repeat; z-index:3;}
#main .main_mega{width: 984px; height: 748px; top: 10px; left:80px; position: absolute; background:url(../../../images/pc/main_bg03.png) no-repeat; z-index:2;}
#main #sns{ width:246px; height:78px; background:url(../../../images/pc/sns_back.png) no-repeat; position:absolute; top:0; right:60px; margin:0; padding:40px 0px 0 25px; z-index:4;}
#main #sns ul { width:246px; height:78px;}
#main #sns ul li.btn_tweet{ float:left; width:100px;}
#main #sns ul li.btn_fb{ float:left; width:100px;}

/*==================================
navi_box
==================================*/
#contents_box{ width:980px; margin:-240px auto 0; padding:0; z-index:5; position:relative; overflow:hidden;}
#navi_box{ width:980px; margin:0 auto; padding:0; position:relative; overflow:hidden; z-index:4;}
#navi_box .nav01 a{ width:206px; height:98px; margin-right:10px; overflow:hidden; display:block; background:url(../../../images/pc/navi_01.png) no-repeat 0 0; float:left;}
#navi_box .nav01 a:hover{ background-position: 0 bottom;}
#navi_box .nav02 a{ width:206px; height:98px; margin-right:10px; overflow:hidden; display:block; background:url(../../../images/pc/navi_02.png) no-repeat 0 0; float:left;}
#navi_box .nav02 a:hover{ background-position: 0 bottom;}
#navi_box .nav03 a{ width:206px; height:98px; margin-right:10px; overflow:hidden; display:block; background:url(../../../images/pc/navi_03.png) no-repeat 0 0; float:left;}
#navi_box .nav03 a:hover{ background-position: 0 bottom;}
#navi_box .nav04 a{ width:298px; height:126px; overflow:hidden; display:block; background:url(../../../images/pc/navi_04.png) no-repeat 0 0; float:right;}
#navi_box .nav04 a:hover{ background-position: 0 bottom;}
/*==================================
about
==================================*/
#about_box{ width:980px; height:420px; margin:-30px auto 0; padding:35px; background:url(../../../images/pc/about_bg.png) no-repeat; overflow:hidden;}
#about_box .about_txt{ width:452px; height:354px; float:left; background:url(../../../images/pc/about_txt.png) no-repeat; display:block; margin-right:10px; position:relative;}
#about_box .about_txt a{ width:95px; height:95px; position:absolute; bottom:17px; right:17px;}
#about_corporation{ width:980px; height:74px; margin:-60px auto 30px; padding:0;}
/*==================================
info
==================================*/
#info{ width:452px; height:354px; margin:0; padding:60px 20px 20px; background:url(../../../images/pc/info_bg.png) no-repeat; float: left; overflow:hidden;}
#info dl { width: 405px; height: 260px; display: block; float: left; overflow:auto; color:#0d2239; font-size:14px; line-height:1.5; position:relative; }
#info dt { float: left;  clear:left; padding-top:5px;}
#info dd { width:380px; float: left; border-bottom: solid 1px #0d2239; padding-bottom:5px;}
/*==================================
report
==================================*/
#report{ width:100%; background-color:#bec6e3; padding-top:20px; overflow:hidden;}
#report h3{ width:980px; height:360px; margin:0 auto; padding:0;}
#report ul{ width:980px; margin:20px auto 40px; overflow:hidden;}
#report ul li{ width:160px; height:160px; margin:4px 4px 0 0; padding:0; float:left;}
#report .report_left{ width:160px; height:160px; margin:4px 0 0 0;}
/*==================================
guide
==================================*/
#guide{ width:100%; background:url(../../../images/pc/guide_bg.jpg) repeat; padding-top:30px; }
#guide h3{ width:896px; height:112px; margin:0 auto; padding:0;}
#guide .guide_txt{ width:840px; margin:20px auto; padding:0;}
#guide .guide_txt th{ padding: 6px; text-align: center;}
#guide .guide_txt td{ padding: 6px; text-align: left; color:#fff; font-size:14px; line-height:1.5;}
#guide .guide_txt td p{ padding: 6px; text-align: left; color:#fff; font-size:18px; line-height:1.5; background-color:#c51230; margin-bottom:5px;}
#guide h4{ padding:0; margin:50px auto; text-align:center;}

/*==================================
goods
==================================*/
#goods{  width:100%; background: url(../../../images/pc/goods_bg.jpg) fixed repeat; padding:50px 0 100px; margin:50px 0 0;/* z-index:1;*/ position:relative; }
#goods .attention{ width:940px; margin:20px auto; padding: 6px 20px; text-align: center; color:#fff; font-size:18px; line-height:1.5; background-color:#c51230; margin-bottom:5px;}
#goods hr{ background: url(../../../images/pc/goods_tit_bg01.png) repeat-x;height:50px; overflow:hidden; display:block; margin:-60px 0 0; z-index:2; border:none}
.goods_tit_bg02{ background: url(../../../images/pc/goods_tit_bg02.png) repeat-x;height:50px; overflow:hidden; display:block; margin:0 0 -60px; z-index:2;}
.goods_tit{ width:378px; height:242px; display:block; margin:-90px auto 0px; position:relative;}
#goods_bg{ width:100%; background: url(../../../images/pc/goods_bg_gear.png) no-repeat ; background-position:center 40px; margin:20px auto 0; position:relative; }
#goods_bg ul{ width:980px; margin:0px auto 20px; padding:0; overflow:hidden;}
#goods_bg ul li.goods_list01{ width:480px; height:338px; position:relative; margin-top:10px; float:left;}
#goods_bg ul li.goods_list02{ width:480px; height:338px; position:relative; margin-top:10px; float:right;}
#goods_bg ul li.goods_list03{ width:188px; height:188px; position:relative; margin-top:10px; margin-right:10px; float:left;}
#goods_bg ul li.goods_list04{ width:188px; height:188px; position:relative; margin-top:10px; float:right;}
.goods_list_bg{ width:480px height:338px; position:absolute; top:0; left:0;}
.btn_360{ width:88px; height:88px; position:absolute; top: 70px; right: 15px;}
#goods_bg .goods_next{ width:896px; height:112px; margin:20px auto; padding:0;}
/*==================================
goods_popup
==================================*/


/*==================================
event
==================================*/
#event{  width:100%; background:#001532 repeat; padding:50px 0; margin:-50px 0 0 0;/* z-index:1;*/ position:relative; }
#event hr{ background: url(../../../images/pc/goods_tit_bg01.png) repeat-x;height:50px; overflow:hidden; display:block; margin:-60px 0 0; z-index:2; border:none}
.event_tit{ width:378px; height:242px; display:block; margin:-90px auto 20px; position:relative;}

#event_bg{ width:100%; background: url(../../../images/pc/goods_bg_gear02.png) no-repeat ; background-position:center 40px; margin:20px auto 0; position:relative; }

#event_bg #event_map{ width:980px; height:689px; margin:0 auto 50px auto; position:static; z-index:999;}

#event_bg ul{ width:980px; margin:0px auto 20px; padding:0; overflow:hidden;}
#event_bg ul li.event_list01 { background:#FFE2E3; width:485px; height:auto; position:relative; margin-top:10px; float:left;}
#event_bg ul li.event_list02{ background:#FFE2E3; width:485px; height:auto; position:relative; margin-top:10px; float:right;}

.eventbox{ widows:485px; height:1auto; background:url(../../../images/pc/event_bg01.gif) repeat-y; padding:10px 0 10px 0;}
.eventbox table{ width:485px; height:auto; padding:0; font-size:14px; line-height:1.5em; color:#0c2038;}
.eventbox table tr td.left{ width:155px; height:145px; padding:0 0 0 18px;}
.eventbox table tr td.right{ width:280px; height:auto; padding:0 15px 0 0;}
.eventbox table tr td.right p.event_txt{ display:block; height:130px;}
.eventbox table tr td.right p.event_stage{ display:block; padding:0 0 5px 0; font-weight:bold;}
.eventbox table tr td.right p.event_stage span{ border-left:#9e2061 4px solid; padding:0 8px 0 3px;}

.event_list_bg{ width:480px height:338px; position:absolute; top:0; left:0;}

/*-------products-------*/
body#goods_box { width: 740px; height:950px; margin: 0 auto; overflow: hidden; background: none; }
body#goods_box #wrapper{ width: 700px; height:950px; margin: 30px auto; background: url(../../../goods/images/pc/goods_bg.jpg) repeat; position: relative; padding: 0 0;}
body#goods_box .expo_logo{ width:125px; height:118px; position:absolute; top:-20px; left:-20px; z-index:8000;}

body#goods_box #contents_top{ width: 700px; height:60px; background: url(../../../goods/images/pc/goods_bg_top.jpg) repeat-x; background-position:0% 0%; overflow:hidden; position:relative; padding-top:22px;}
body#goods_box #contents_top li.senkou{ float:left;}
body#goods_box #contents_top li.logo{ float:right; margin:10px 10px 0;}
body#goods_box #contents { padding: 0px; overflow:hidden;}
/*-------slider-------*/
body#goods_box #slider_box { width:600px; height:500px; position:relative; margin:0 auto;  background: url(../../../goods/images/pc/goods_img_bg.png) no-repeat; background-position:50% 50%;}
body#goods_box #slider { width:600px; height:500px; position:absolute; }
body#goods_box #slider img { position: absolute; left: 60px;}
/*-------contents_txt-------*/
#contents_txt{ width:600px; height:350px; margin:5px auto 0; position:relative; overflow:hidden;}
#contents_txt .goods_txt{ width:600px; font-size:14px; color:#303b49; line-height:1.4; margin:10px auto 0;}
#contents_txt .goods_txt_sub{ width:580px; font-size:13px; color:#303b49; line-height:1.2; margin:10px auto 0; padding:8px; border: solid 2px #de005f; }
#contents_txt .goods_txt_sub a{ color:#de005f; text-decoration:underline;}
#contents_txt .goods_txt_sub span{ font-size:14px; color:#de005f; }

/*-------contents_bottom-------*/
body#goods_box #special_btn { width:398px; height:55px; position: absolute; bottom:30px; right: 50px; overflow:hidden }
body#goods_box #copyright {
	font-size: 10px;
	line-height: 1;
	width: 500px;
	position: absolute;
	bottom: 29px;
	left: 21px;
	z-index: 7000;
	color: #303b49;
	overflow: hidden;
}

body#goods_box #contents_bottom{ width:700px; height:22px; position:absolute; bottom:0; background: url(../../../goods/images/pc/goods_bg_bottom.jpg) repeat-x; overflow:hidden;}



/* Caption Style 3 */
.cs-style-3 figure { overflow: hidden;}
.cs-style-3 figure img {-webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s;}
.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px);}
.cs-style-3 figcaption { height: 40%; width: 100%; top: auto; bottom: 0; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s;}
.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s;
}.cs-style-3 figcaption a { position: absolute; bottom: 10px; right: 30px;}



/*==================================
back_top
==================================*/
#back-top{ position:fixed; bottom:100px; right:20px; z-index:9000;}

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

/*-------header and footer-------*/
a:link img {opacity: 1;transition: all 0.5s ease-out 0s;}
a:hover img {opacity: 0.75;transition: all 0.2s ease-out 0s;}

a:link { color: #40eef9; text-decoration: none; }
a:visited { color: #40eef9; text-decoration: underline; }
a:hover { color: #40eef9; text-decoration: underline; }

body#top { min-width: 980px; background:#0c2037 ; min-height: 1170px;}
#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/nav.gif) 0 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(1):hover { background: url(../../images/pc/nav.gif) 0 -61px no-repeat }
#header li:nth-child(2) { background: url(../../images/pc/nav.gif) -133px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(2):hover { background: url(../../images/pc/nav.gif) -133px -61px no-repeat }
#header li:nth-child(3) { background: url(../../images/pc/nav.gif) -266px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(3):hover { background: url(../../images/pc/nav.gif) -266px -61px no-repeat }
#header li:nth-child(4) { background: url(../../images/pc/nav.gif) -399px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(4):hover { background: url(../../images/pc/nav.gif) -399px -61px no-repeat }
#header li:nth-child(5) { background: url(../../images/pc/nav.gif) -532px 0 no-repeat; width: 134px; height: 61px; }
#header li:nth-child(5):hover { background: url(../../images/pc/nav.gif) -532px -61px no-repeat }

#footer{ width:100%; background:#000; position:relative; z-index:9000; border-top:solid 1px #5b5b5b; min-height:150px}
#footer_inner { font-size: 10px; line-height: 1.4; padding: 15px 0 24px; width: 980px; margin: 0 auto; position:relative; z-index:9999}
#footer .megahouse_logo{ padding-right: 8px; float: left; }
#footer #copyright{font-size: 10px;　color: #fff;font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',verdana,Helvetica,Arial,sans-serif; line-height:1.4; clear:both; margin-top:10px;}
#footer .theta img{ width:8px; height:14px;}

@media screen and (max-width: 31.5em) {
.grid { padding: 10px 10px 100px 10px; }
.grid li { width: 100%; min-width: 300px; }
}