@charset "utf-8";#homeHead{position:relative;background-color:#000;width:100%;height:510px;overflow:hidden;}
#homeHead header{position:absolute;top:23px;left:50%;width:100%;margin-left:-180px;padding:0;height:38px;background-color:#000;z-index:102;}
#homeHead header h1{margin-left:-300px;}
#topNav{position:absolute;top:2px;left:360px;margin:0;}
#prArea{position:absolute;top:0;left:50%;width:1400px;height:100%;margin:0 -700px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
#prArea .case{position:absolute;top:0;display:block;width:100%;height:100%;}
#prArea .casePre{position:absolute;left:50%;bottom:36px;width:360px;height:auto;margin-left:-480px;z-index:101;}
#prArea .casePre *{color:#fff;}
#prArea .casePre .header{position:relative;margin-bottom:0.5em;}
#prArea .casePre .header:after{position:absolute;bottom:0;right:0;content:'';display:block;width:1400px;height:0;border-top:1px solid #fddda9;}
#prArea .casePre .header h2{float:none;line-height:1.2em;font-weight:normal;}
#prArea .casePre p,
#prArea .casePre address{padding-bottom:0.5em;}
#prArea .casePre address{margin-top:0.5em;}
#prArea .casePre a{text-decoration:underline;}
#prArea figure{position:relative;width:1400px;}
#prArea figure img{position:relative;display:block;z-index:99;}
#prArea figure .dark{position:absolute;top:0;z-index:101;}
#prArea .decoSlide{position:absolute;top:0;left:50%;width:960px;height:510px;z-index:100;margin-left:-480px;}
#prArea .decoSlide div{position:absolute;top:0;left:0;width:100%;height:510px;z-index:100;margin-left:-240px;padding-left:240px;}
#prArea .decoSlide div{background-color:rgba(0, 0, 0, 0.25);}
#prArea .decoSlide .black{width:0;background-color:#000;}
#prArea .decoSlide .shadow1{width:6%;}
#prArea .decoSlide .shadow2{width:15%;}
#prArea .decoSlide .shadow3{width:24%;}
#prArea .decoSlide .shadow4{width:38%;}
#prArea .decoSlide .shadow5{width:60%;}
#prArea .decoSlide .light{margin-left:100%;background-color:rgba(255, 255, 255, 0.25);}
#prArea .inner{width:100%;}
#prArea #slideBtn{color:#fff;position:absolute;bottom:10px;left:50%;margin-left:-480px;line-height:13px;z-index:200;}
#prArea #slideBtn span{display:inline-block;width:13px;height:13px;margin-right:10px;color:#999;text-indent:100%;background-color:#999;overflow:hidden;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;cursor:pointer;}
#prArea #slideBtn .current{color:#fff;background-color:#fff;}
#prArea #prevBtn,
#prArea #nextBtn{display:none;position:absolute;top:50%;margin-top:-40px;width:50px;height:80px;background-color:rgba(0, 0, 0, 0.7);background-image:url(/shared/images/icon_sp_jp.png);background-repeat:no-repeat;z-index:200;cursor:pointer;}
#gNav ul{min-height:83px;}
#gNav li a{padding:2.5em 0.2em 3em;}
@media only screen and (max-width:980px){#homeHead header{position:relative;left:0;width:auto;margin-left:300px;padding:0;background-color:#000;}
#homeHead header h1{margin-left:-290px;}
#topNav{left:auto;right:10px;}
#prArea figure{width:100%;}
#prArea figure img{display:block;left:50%;margin-left:-700px;position:absolute;max-width:500%;}
#prArea,
#prArea .decoSlide{left:0;width:100%;margin-left:0;overflow:hidden;}
#prArea .decoSlide div{margin:0;padding:0;}
#prArea .casePre{left:10px;margin:0;}
#prArea #slideBtn{left:10px;margin-left:0;}
}
@media only screen and (max-width:600px){#homeHead{height:auto;padding-bottom:1em;overflow:visible;}
#homeHead header{top:0;width:200%;height:76px;margin-left:0;}
#homeHead header h1{float:left;margin:15px 10px;max-width:180px;}
#homeHead header h1 img,
#homeHead header h2 img{width:180px;}
#topNav{position:static;}
#prArea,
#prArea .case{position:relative;}
#topNav{background-color:#ededed;}
#prArea{width:2000%;}
#prArea .case{float:left;width:5%;}
#prArea figure{position:static;width:100%;overflow:hidden;}
#prArea figure img{position:static;width:146%;max-width:146%;margin-left:-23%;}
#prArea .casePre{position:static;width:auto;margin:0;}
#prArea .casePre .header{margin:0;padding:10px 10px 0;}
#prArea .casePre .header address{padding-bottom:0;}
#prArea .casePre .header:after,
#prArea .casePre p,
#prArea #decoSlide,
#prArea .decoSlide div,
#prArea .decoSlide .dark,
#prArea #slideBtn{display:none;}
#prArea #prevBtn,
#prArea #nextBtn{display:block;}
#prArea #prevBtn{left:0;background-position:11px -490px;}
#prArea #nextBtn{left:5%;margin-left:-50px;background-position:-39px -490px;}
#gNav{display:block;}
#gNav:after{position:static;}
#gNav ul{display:block;}
#gNav ul:after{content:'';display:block;clear:both;}
#gNav li{display:block;float:left;width:50%;border-top:1px solid #fff;}
#gNav li:after{display:none;}
#gNav li a{margin:0;padding:1em 0;}
#gNav li:nth-child(odd){border-left-style:none;border-right-style:none;}
#gNav li:nth-child(even){border-left:1px solid #fff;border-right-style:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
}
#homeBody ul{padding-left:0;list-style:none;}
#homeBody .infoList{margin:1em;}
#homeBody:after,
#homeBody ul:after{content:'';display:block;clear:both;}
#homeBody .sideL{float:left;width:63%;}
#homeBody .sideL section{margin:5px 0 2em 5px;}
#homeBody .sideL h2{margin:-5px 5px 0 -5px;}
#homeBody .sideL h2 a{position:relative;display:block;color:#fff;}
#homeBody .sideL h2 a:after{content:'more';position:absolute;top:0;right:0;width:auto;height:48px;margin-right:-10px;padding:0 15px 0 75px;font-weight:normal;z-index:0;}
#infoImportant h2{background-position:0 0;}
#infoTopics h2{background-position:0 -48px;}
#infoEvent h2{background-position:0 -96px;}
#homeBody .sideL section:after,
#homeBody dl:after{content:'';display:block;clear:both;}
#homeBody .sideR{float:right;width:35%;max-width:330px;}
#homeBody .sideR:first-child{margin-top:5px;}
#infoProduct{margin-bottom:1em;padding:5px;background:#fcd7c2 url(/shared/images/bg_dot.png) repeat;}
#infoProduct h2{margin:0;padding:0;font-weight:normal;border-style:none;}
#infoProduct h2 a{display:block;padding:12px 15px 0 30px;}
#infoProduct h2 a:hover{text-decoration:underline;}
#infoProduct h2 a:after{display:none;}
#infoProduct ul{margin:0;padding:5px 10px 10px;background-color:#feefe7;border:5px solid #fff;}
#infoProduct li{margin-top:5px;}
#homeBody aside{padding-bottom:1em;}
#homeBody aside section{margin-top:1em;padding-bottom:1em;}
#homeBody aside h2{margin:1.2em 0 0;padding:0;background-color:#fff;border-style:none;}
#homeBody aside h2 a{color:#000;}
#homeBody aside h2:after{content:'';display:block;height:9px;margin:-10px 0 0 5px;}
#homeBody aside p{margin-top:0.5em;}
#homeBody aside figure{margin:0 0 0.5em;}
#homeBody aside figure *{margin-top:0;}
#homeBody aside ul{margin:1em 0 0 -10px;;}
#homeBody aside li{float:left;width:50%;margin:0;border-left:10px solid transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
@media only screen and (max-width:600px){#homeBody{padding:0;}
#homeBody .sideL{float:none;width:auto;}
#homeBody .sideL section{margin:0;padding-bottom:1em;border-style:none;background-color:#e3e3e3;}
#homeBody .sideL h2{margin:0;}
#homeBody .sideL ul{margin:0 5px;}
#homeBody .sideR{float:none;width:auto;max-width:100%;margin-bottom:0;padding-bottom:0;}
#homeBody aside{padding-bottom:0;}
#homeBody aside section{margin-top:0;padding:10px;border-style:none;}
#homeBody aside h2:before,
#homeBody aside h2 a:after{display:none;}
#homeBody aside ul{margin-left:0;}
#homeBody aside li{border-style:none;}
#homeBody aside li a{display:block;margin-left:2px;}
#homeBody aside li a{display:block;margin:2px 0 0;padding:15px 0;color:#fff;text-align:center;text-decoration:none;background-color:#005f8f;}
#homeBody aside li a:before{content:'';display:block;width:100%;height:40px;}
#homeBody aside li a[href*='/magazine'] img,
#homeBody aside li a[href*='/contact'] img{display:none;}
#homeBody aside li a[href*='/magazine']:before,
#homeBody aside li a[href*='/contact']:before{display:block;width:100%;font-size:40px !important;line-height:40px;font-family:'icons';}
#homeBody aside li a[href*='/magazine']:before{content:'\7a';}
#homeBody aside li a[href*='/magazine']:after{content:'メールマガジン';}
#homeBody aside li a[href*='/contact']:before{content:'\63';padding-left:0.1em;}
#homeBody aside li a[href*='/contact']:after{content:'お問合せ';}
#homeBody aside li:nth-child(odd) a{margin-right:1px;}
#homeBody aside li:nth-child(even) a{margin-left:1px;}
}