@charset "utf-8"; /*********** responsive **********/ @media screen and (max-width: 768px){ /****** img ******/ img{ max-width: 100%; height: auto; width /***/:auto; } html{background:#282828;} body{ /*width:1100px;*/ margin:0 auto 0; background:#fff; font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; /*font-weight:bold;*/ color:#000; } a, a:visited{ color:#000; -webkit-transition:color .4s ease; -moz-transition:color .4s ease; -o-transition:color .4s ease; transition:color .4s ease; } a:hover{ color:#000; } .wrapper{ width:100%; margin:0 auto; overflow:hidden; } .mobile_panel { border: 1px solid transparent; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,.05); background-color: white; border-color: #ddd; } /* wrapperTop .wrapperTop{ height:30px; margin-bottom:16px; } .searchEngine{ display:block; float:right; } */ /****** header ******/ header.siteCommon{ position:fixed; height:45px; line-height:0; top:0; left:0; /left:50%; /margin-left:-490px; right:0; z-index:1030; background:#282828; padding-top:15px; } header.siteCommon h1{ float:left; display: block; width: 110px; height: 30px; background-image: url(../images/header/logo.png); background-repeat: no-repeat; background-position: 10px -1px; text-indent: -9999px; overflow: hidden; } header.siteCommon h1 a{ display: block; width: 110px; height: 30px; margin-right: 32px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -webkit-transition:opacity .3s ease; -moz-transition:-moz-opacity .3s ease; -o-transition:filter .3s ease; transition:opacity .3s ease; } header.siteCommon h1 a:hover{ filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8; } .header-logo h1{ display: block; width: 89px; height: 30px; background-image: url(images/header/logo.png); background-repeat: no-repeat; background-position: 0px; text-indent: -9999px; overflow: hidden; } .header-logo h1 a{ display: block; width: 89px; height: 30px; } /* grovalNav */ header.siteCommon .grovalNav{ width:100%; /*float:right;*/ /*margin-right:-27px;*/ }/* header.siteCommon .grovalNav ul{ overflow:hidden; height:45px; width:850px; } header.siteCommon .grovalNav ul li{ float:left; } header.siteCommon .grovalNav ul li a{ display:block; height:45px; width:134px; } header.siteCommon .grovalNav ul li a:first-child{ margin-left:26px; }*/ #toggle{ float:right; display:block; position:relative; width:12%; background:#282828; margin-right:3%; } #toggle a{ display:block; position:relative; padding:30px 0 3px; color:#fff; text-align:center; text-decoration:none; } #toggle:before{ display:block; content:""; position:absolute; top:50%; left:10px; width:20px; height:20px; margin-top:-10px; background:#fff; } #toggle a:before, #toggle a:after{ display:block; content:""; position:absolute; top:50%; left:10px; width:20px; height:4px; background:#282828; } #toggle a:before{ margin-top:-6px; } #toggle a:after{ margin-top:2px; } #mobileMenu{ width: 100%; max-width: 960px; margin: 0 auto; padding: 0; } #mobileMenu li{ display: block; float: left; width: 12.5%; margin: 0; padding: 0; } #mobileMenu li a{ display: block; padding: 20px 0 20px; background: #333; color: #fff; text-align: center; text-decoration: none; border-top: solid 0.5px #fff; } #mobileMenu li a:hover{ background: #444; } #mobileMenu{ display:none; } #mobileMenu li{ width:100%; } /* menuDrop */ .entryHeader a{ background:rgb(208, 28, 58); border-radius:3px 3px 0 0; } .entryHeader a:hover{ color:#fff !important; background:rgb(208, 28, 58) !important; } #menuDrop{ display:none; } #rec_menuDrop{ display:none; } #rec_info01{ float:left; font-size:16px; color:white; margin-top: 22px; display:block; } #rec_info01 a{ color:#fff; text-decoration: none; } /* socialBtn */ #socialBtn{ display:none; overflow:hidden; margin-right:18px; } #socialBtn ul{ margin:0; padding:0; list-style:none: } #socialBtn li{ display:inline; padding:0; margin-right:4px; float:right; } /****** footer ******/ /* copyright */ footer { background:#282828; } footer .footerMenu{ display:none; } footer .copy{ width:100%; margin:0 auto; padding:8px 0; color:#7e7e7e; font-size:12px; overflow:hidden; } footer .copy small{ display:block; float:right; } footer .copy .link{ display:none; } /****** common ******/ /*.flL{float:left;} .flR{float:right;}*/ .clB{clear:both;} .alC{text-align:center;} .alR{text-align:right;} strong, b{font-weight:bold;} /* margin */ /*.marB0{margin-bottom:0 !important;}*/ .marB24{margin-bottom:24px !important;} .marB30{margin-bottom:30px !important;} /*.marR0{margin-right:0 !important;} .marR30{margin-right:30px !important;}*/ .marT0{margin-top:0 !important;} .marT30{margin-top:30px;} /* fixed */ .fixed { position: absolute; } /* entryFixed */ .entryFixed { position:absolute; float:right; width:210px; font-size:14px; display:block; padding:21px 9px; border:#ccc solid 1px; background:url(images/common/arrow.png) 211px center no-repeat; background-color:#fff; -webkit-transition:background-color .5s ease; -moz-transition:background-color .5s ease; -o-transition:background-color .5s ease; transition:background-color .5s ease; } .disp_del { display: block; } /* emergency */ .emergency{ -webkit-animation:blink 1.5s ease-in-out infinite alternate; -moz-animation:blink 1.5s ease-in-out infinite alternate; animation:blink 0.5s ease-in-out infinite alternate; color:red; margin-left:10px; } @-webkit-keyframes blink{ 0% {opacity:0.3;} 100% {opacity:1;} } @-moz-keyframes blink{ 0% {opacity:0.3;} 100% {opacity:1;} } @keyframes blink{ 0% {opacity:0.3;} 100% {opacity:1; } }