@charset "utf-8"; /*####################################################### @ 2018/1/29 renewal #########################################################*/ /* 共通 ----------------------------------------------------*/ * { color:#333; font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif; } a { color:#333; } img { height:auto; } header, nav, article, aside, section, footer { 　　display:block; } /* utility ----------------------------------------------------*/ .clearfix:after { content:" "; display:block; clear:both; } a:hover, a:hover * { filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; } .f-green { color:#24810F !important; } .f-red { color:red !important; } .f-bold { font-weight:bold !important; } .alC { text-align:center !important; } .w100p { width:100% !important; } .f-u { text-decoration:underline !important; } .f-90p { font-size:0.8em !important; } /*========================================= -- module =========================================*/ .fr{float:right ! important;} .fl{float:left ! important;} .c{clear:both;} .di{display:inline;} .nowrap{white-space:nowrap;} .nowrap_all,.nowrap_all *{white-space:nowrap;} .tac{text-align:center ! important;} .tar{text-align:right ! important;} .tal{text-align:left ! important;} /*----size----*/ .s10{width:10% !important;;} .s20{width:20% !important;;} .s30{width:30% !important;} .s40{width:40% !important;} .s50{width:50% !important;;} .s60{width:60% !important;;} .s70{width:70% !important;;} .s80{width:80% !important;;} .s90{width:90% !important;;} /*----clearfix----*/ .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix{ display:inline-block; } /* Hides from IE-mac \*/ * html .clearfix{height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /*----font ----*/ .fsss{font-size:80%;} .fss{font-size:90%;} .fsm{font-size:100%;} .fsl{font-size:110%;} .fsll{font-size:120%;} .fs10{font-size:10px ! important;} .fs12{font-size:12px ! important;} .fs14{font-size:14px ! important;} .fs16{font-size:16px ! important;} .fs18{font-size:18px ! important;} .fs20{font-size:20px ! important;} .fwb{font-weight:bold;} .fcr{color:#cc0500;} /*---- margin ----*/ .mlrauto{margin:0 auto ! important;} .m0{margin:0px ! important;} .m1{margin:1px ! important;} .m2{margin:2px ! important;} .m3{margin:3px ! important;} .m4{margin:4px ! important;} .m5{margin:5px ! important;} .m6{margin:6px ! important;} .m7{margin:7px ! important;} .m8{margin:8px ! important;} .m9{margin:9px ! important;} .m10{margin:10px ! important;} .m11{margin:11px ! important;} .m12{margin:12px ! important;} .m13{margin:13px ! important;} .m14{margin:14px ! important;} .m15{margin:15px ! important;} .m16{margin:16px ! important;} .m17{margin:17px ! important;} .m18{margin:18px ! important;} .m19{margin:19px ! important;} .m20{margin:20px ! important;} .m25{margin:25px ! important;} .m30{margin:30px ! important;} .m35{margin:35px ! important;} .m40{margin:40px ! important;} .m45{margin:45px ! important;} .m50{margin:50px ! important;} .m60{margin:60px ! important;} .m65{margin:65px ! important;} .m70{margin:70px ! important;} .m80{margin:80px ! important;} .m90{margin:90px ! important;} .m100{margin:100px ! important;} /* left */ /* right */ .ml0{margin-left:0px ! important;} .mr0{margin-right:0px ! important;} .ml1{margin-left:1px ! important;} .mr1{margin-right:1px ! important;} .ml2{margin-left:2px ! important;} .mr2{margin-right:2px ! important;} .ml3{margin-left:3px ! important;} .mr3{margin-right:3px ! important;} .ml4{margin-left:4px ! important;} .mr4{margin-right:4px ! important;} .ml5{margin-left:5px ! important;} .mr5{margin-right:5px ! important;} .ml6{margin-left:6px ! important;} .mr6{margin-right:6px ! important;} .ml7{margin-left:7px ! important;} .mr7{margin-right:7px ! important;} .ml8{margin-left:8px ! important;} .mr8{margin-right:8px ! important;} .ml9{margin-left:9px ! important;} .mr9{margin-right:9px ! important;} .ml10{margin-left:10px ! important;} .mr10{margin-right:10px ! important;} .ml11{margin-left:11px ! important;} .mr11{margin-right:11px ! important;} .ml12{margin-left:12px ! important;} .mr12{margin-right:12px ! important;} .ml16i{_margin-left:16px ! important;} .ml8i{_margin-left:8px ! important;} .ml13{margin-left:13px ! important;} .mr13{margin-right:13px ! important;} .ml14{margin-left:14px ! important;} .mr14{margin-right:14px ! important;} .ml15{margin-left:15px ! important;} .mr15{margin-right:15px ! important;} .ml16{margin-left:16px ! important;} .mr16{margin-right:16px ! important;} .ml17{margin-left:17px ! important;} .mr17{margin-right:17px ! important;} .ml18{margin-left:18px ! important;} .mr18{margin-right:18px ! important;} .ml19{margin-left:19px ! important;} .mr19{margin-right:19px ! important;} .ml20{margin-left:20px ! important;} .mr20{margin-right:20px ! important;} .ml25{margin-left:25px ! important;} .mr25{margin-right:25px ! important;} .ml30{margin-left:30px ! important;} .mr30{margin-right:30px ! important;} .ml35{margin-left:35px ! important;} .mr35{margin-right:35px ! important;} .ml40{margin-left:40px ! important;} .mr40{margin-right:40px ! important;} .ml45{margin-left:45px ! important;} .mr45{margin-right:45px ! important;} .ml50{margin-left:50px ! important;} .mr50{margin-right:50px ! important;} .ml60{margin-left:60px ! important;} .mr60{margin-right:60px ! important;} .ml70{margin-left:70px ! important;} .mr70{margin-right:70px ! important;} .ml80{margin-left:80px ! important;} .mr80{margin-right:80px ! important;} .ml90{margin-left:90px ! important;} .mr90{margin-right:90px ! important;} .ml100{margin-left:100px ! important;} .mr100{margin-right:100px ! important;} /* top */ /* bottom */ .mt0{margin-top:0px ! important;} .mb0{margin-bottom:0px ! important;} .mt1{margin-top:1px ! important;} .mb1{margin-bottom:1px ! important;} .mt2{margin-top:2px ! important;} .mb2{margin-bottom:2px ! important;} .mt3{margin-top:3px ! important;} .mb3{margin-bottom:3px ! important;} .mt4{margin-top:4px ! important;} .mb4{margin-bottom:4px ! important;} .mt5{margin-top:5px ! important;} .mb5{margin-bottom:5px ! important;} .mt6{margin-top:6px ! important;} .mb6{margin-bottom:6px ! important;} .mt7{margin-top:7px ! important;} .mb7{margin-bottom:7px ! important;} .mt8{margin-top:8px ! important;} .mb8{margin-bottom:8px ! important;} .mt9{margin-top:9px ! important;} .mb9{margin-bottom:9px ! important;} .mt10{margin-top:10px ! important;} .mb10{margin-bottom:10px ! important;} .mt11{margin-top:11px ! important;} .mb11{margin-bottom:11px ! important;} .mt12{margin-top:12px ! important;} .mb12{margin-bottom:12px ! important;} .mt13{margin-top:13px ! important;} .mb13{margin-bottom:13px ! important;} .mt14{margin-top:14px ! important;} .mb14{margin-bottom:14px ! important;} .mt15{margin-top:15px ! important;} .mb15{margin-bottom:15px ! important;} .mt16{margin-top:16px ! important;} .mb16{margin-bottom:16px ! important;} .mt17{margin-top:17px ! important;} .mb17{margin-bottom:17px ! important;} .mt18{margin-top:18px ! important;} .mb18{margin-bottom:18px ! important;} .mt19{margin-top:19px ! important;} .mb19{margin-bottom:19px ! important;} .mt20{margin-top:20px ! important;} .mb20{margin-bottom:20px ! important;} .mt25{margin-top:25px ! important;} .mb25{margin-bottom:25px ! important;} .mt30{margin-top:30px ! important;} .mb30{margin-bottom:30px ! important;} .mt35{margin-top:35px ! important;} .mb35{margin-bottom:35px ! important;} .mt40{margin-top:40px ! important;} .mb40{margin-bottom:40px ! important;} .mt43{margin-top:43px ! important;} .mt45{margin-top:45px ! important;} .mb45{margin-bottom:45px ! important;} .mt50{margin-top:50px ! important;} .mb50{margin-bottom:50px ! important;} .mt60{margin-top:60px ! important;} .mb60{margin-bottom:60px ! important;} .mt65{margin-top:65px ! important;} .mt70{margin-top:70px ! important;} .mb70{margin-bottom:70px ! important;} .mt80{margin-top:80px ! important;} .mb80{margin-bottom:80px ! important;} .mt90{margin-top:90px ! important;} .mb90{margin-bottom:90px ! important;} .mt100{margin-top:100px ! important;} .mb100{margin-bottom:100px ! important;} .mt105{margin-top:105px ! important;} .mt-38{margin-top:-38px ! important;} .mt-15{_margin-top:-15px;} /*---- padding ----*/ .plrauto{padding:0 auto ! important;} .p0{padding:0px ! important;} .p1{padding:1px ! important;} .p2{padding:2px ! important;} .p3{padding:3px ! important;} .p4{padding:4px ! important;} .p5{padding:5px ! important;} .p6{padding:6px ! important;} .p7{padding:7px ! important;} .p8{padding:8px ! important;} .p9{padding:9px ! important;} .p10{padding:10px ! important;} .p11{padding:11px ! important;} .p12{padding:12px ! important;} .p13{padding:13px ! important;} .p14{padding:14px ! important;} .p15{padding:15px ! important;} .p16{padding:16px ! important;} .p17{padding:17px ! important;} .p18{padding:18px ! important;} .p19{padding:19px ! important;} .p20{padding:20px ! important;} .p25{padding:25px ! important;} .p30{padding:30px ! important;} .p35{padding:35px ! important;} .p40{padding:40px ! important;} .p45{padding:45px ! important;} .p50{padding:50px ! important;} .p60{padding:60px ! important;} .p70{padding:70px ! important;} .p80{padding:80px ! important;} .p90{padding:90px ! important;} .p100{padding:100px ! important;} /* left */ /* right */ .pl0{padding-left:0px ! important;} .pr0{padding-right:0px ! important;} .pl1{padding-left:1px ! important;} .pr1{padding-right:1px ! important;} .pl2{padding-left:2px ! important;} .pr2{padding-right:2px ! important;} .pl3{padding-left:3px ! important;} .pr3{padding-right:3px ! important;} .pl4{padding-left:4px ! important;} .pr4{padding-right:4px ! important;} .pl5{padding-left:5px ! important;} .pr5{padding-right:5px ! important;} .pl6{padding-left:6px ! important;} .pr6{padding-right:6px ! important;} .pl7{padding-left:7px ! important;} .pr7{padding-right:7px ! important;} .pl8{padding-left:8px ! important;} .pr8{padding-right:8px ! important;} .pl9{padding-left:9px ! important;} .pr9{padding-right:9px ! important;} .pl10{padding-left:10px ! important;} .pr10{padding-right:10px ! important;} .pl11{padding-left:11px ! important;} .pr11{padding-right:11px ! important;} .pl12{padding-left:12px ! important;} .pr12{padding-right:12px ! important;} .pl13{padding-left:13px ! important;} .pr13{padding-right:13px ! important;} .pl14{padding-left:14px ! important;} .pr14{padding-right:14px ! important;} .pl15{padding-left:15px ! important;} .pr15{padding-right:15px ! important;} .pl16{padding-left:16px ! important;} .pr16{padding-right:16px ! important;} .pl17{padding-left:17px ! important;} .pr17{padding-right:17px ! important;} .pl18{padding-left:18px ! important;} .pr18{padding-right:18px ! important;} .pl19{padding-left:19px ! important;} .pr19{padding-right:19px ! important;} .pl20{padding-left:20px ! important;} .pr20{padding-right:20px ! important;} .pl25{padding-left:25px ! important;} .pr25{padding-right:25px ! important;} .pl30{padding-left:30px ! important;} .pr30{padding-right:30px ! important;} .pl35{padding-left:35px ! important;} .pr35{padding-right:35px ! important;} .pl40{padding-left:40px ! important;} .pr40{padding-right:40px ! important;} .pl45{padding-left:45px ! important;} .pr45{padding-right:45px ! important;} .pl50{padding-left:50px ! important;} .pr50{padding-right:50px ! important;} .pl60{padding-left:60px ! important;} .pr60{padding-right:60px ! important;} .pl70{padding-left:70px ! important;} .pr70{padding-right:70px ! important;} .pl80{padding-left:80px ! important;} .pr80{padding-right:80px ! important;} .pl90{padding-left:90px ! important;} .pr90{padding-right:90px ! important;} .pl100{padding-left:100px ! important;} .pr100{padding-right:100px ! important;} /* top */ /* bottom */ .pt0{padding-top:0px ! important;} .pb0{padding-bottom:0px ! important;} .pt1{padding-top:1px ! important;} .pb1{padding-bottom:1px ! important;} .pt2{padding-top:2px ! important;} .pb2{padding-bottom:2px ! important;} .pt3{padding-top:3px ! important;} .pb3{padding-bottom:3px ! important;} .pt4{padding-top:4px ! important;} .pb4{padding-bottom:4px ! important;} .pt5{padding-top:5px ! important;} .pb5{padding-bottom:5px ! important;} .pt6{padding-top:6px ! important;} .pb6{padding-bottom:6px ! important;} .pt7{padding-top:7px ! important;} .pb7{padding-bottom:7px ! important;} .pt8{padding-top:8px ! important;} .pb8{padding-bottom:8px ! important;} .pt9{padding-top:9px ! important;} .pb9{padding-bottom:9px ! important;} .pt10{padding-top:10px ! important;} .pb10{padding-bottom:10px ! important;} .pt11{padding-top:11px ! important;} .pb11{padding-bottom:11px ! important;} .pt12{padding-top:12px ! important;} .pb12{padding-bottom:12px ! important;} .pt13{padding-top:13px ! important;} .pb13{padding-bottom:13px ! important;} .pt14{padding-top:14px ! important;} .pb14{padding-bottom:14px ! important;} .pt15{padding-top:15px ! important;} .pb15{padding-bottom:15px ! important;} .pt16{padding-top:16px ! important;} .pb16{padding-bottom:16px ! important;} .pt17{padding-top:17px ! important;} .pb17{padding-bottom:17px ! important;} .pt18{padding-top:18px ! important;} .pb18{padding-bottom:18px ! important;} .pt19{padding-top:19px ! important;} .pb19{padding-bottom:19px ! important;} .pt20{padding-top:20px ! important;} .pb20{padding-bottom:20px ! important;} .pt25{padding-top:25px ! important;} .pb25{padding-bottom:25px ! important;} .pt30{padding-top:30px ! important;} .pb30{padding-bottom:30px ! important;} .pt35{padding-top:35px ! important;} .pb35{padding-bottom:35px ! important;} .pt40{padding-top:40px ! important;} .pb40{padding-bottom:40px ! important;} .pt45{padding-top:45px ! important;} .pb45{padding-bottom:45px ! important;} .pt50{padding-top:50px ! important;} .pb50{padding-bottom:50px ! important;} .pt60{padding-top:60px ! important;} .pb60{padding-bottom:60px ! important;} .pt70{padding-top:70px ! important;} .pb70{padding-bottom:70px ! important;} .pt80{padding-top:80px ! important;} .pb80{padding-bottom:80px ! important;} .pt90{padding-top:90px ! important;} .pb90{padding-bottom:90px ! important;} .pt100{padding-top:100px ! important;} .pb100{padding-bottom:100px ! important;} /* レスポンシブ　ベース ----------------------------------------------------*/ @media screen and (min-width: 641px) { .only-smp, menu { display:none !important; } body { font-size:13px; line-height:150%; } #body-wrapper { width:980px; margin: 0 auto; } #h1 { background:#eee; } #h1 h1, #h1 p { width:980px; margin: 0 auto; padding:12px 0 12px; font-size:1em; letter-spacing:1px; line-height:100%; color:#fff; } img.mlr-auto { display:block !important; margin-left:auto !important; margin-right:auto !important; } } @media screen and (max-width: 640px) { .only-pc { display:none !important; } body { width:100%; overflow:hidden; overflow-y:scroll; font-size:16px; line-height:150%; } #body-wrapper { width:100%; overflow:hidden; } #h1 { background:#F1881A; } #h1 h1, #h1 p { padding:7px 5px 5px; font-size:0.6em; line-height:100%; text-align:right; color:#fff; } .smp-w100p { width:100% !important; } .image img, .img img, .smp-w100p { width:100% !important; } img.mlr-auto { display:block !important; width:100% !important; } #container { /*padding-top:35% !important;*/ } } /* スマホ　ハンバーガーメニュー ----------------------------------------------------*/ /* menu { position:absolute; width:100%; top:0; left:-2000px; z-index:999999; background:#fff; } menu * { font-size:1.3em; line-height:140%; } menu img { width:100%; } menu img.w50p { width:50% !important; } #smp-series { margin-bottom:30px; } #smp-series div{ padding:8px; border-bottom:solid 2px #ccc; } #smp-series div a { display:block; text-decoration:none; } */ /* ヘッダ ----------------------------------------------------*/ #header-pc-top { position:relative; width:980px; height:150px; overflow:hidden; margin: 15px auto 0 auto; background:url(../img/header_logo2.jpg) no-repeat right 100px; } #header-logo { position:absolute; top:0; left:0; width:230px; height:130px; z-index:10; line-height:0 !important; } #header-logo a, #header-logo button { display:block; margin-bottom:15px; } #header-logo h1, #header-logo p { font-weight:normal; font-size:0.75em; color:#555; } #header-search { position:absolute; top:20px; left:250px; width:530px; height:96px; z-index:10; } #header-search form { margin:0; padding:0; width:530px; height:46px; } #header-search-input{ display:block; float:left; width:80%; height:54px; background:#F0F1EF; border:solid 1px #ddd; border-right:none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #header-search-input input{ border:none; width:92%; height:70%; margin:2% 4%; font-size:1.2em; line-height:100%; background:none; } a#header-search-btn, button#header-search-btn{ display:block; float:left; width:15%; height:56px; overflow:hidden; } a#header-search-btn img, button#header-search-btn img{ display:block; width:auto !important; height:100% !important; } /* B-03: javascript:void() のアンカーを