@charset "utf-8"; /* □□□ □□□ BASE  □□□ */ a { transition: .5s; } a:hover { opacity: 0.8; } #fadebtn { position: fixed; top: 75px; right: 0px; z-index: 1000; } #fadebtn a { display: inline-block; color: #fff; background: #21a93a; padding: 30px 30px 30px 20px; border: none; border-radius: 20px 0px 0px 20px; font-size: 24px; font-weight: bold; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } #container { background: #5f6a6a; width: 100%; min-width: 1032px; } html.ie7 #container * { font-family: "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif !important; } html.ie7 #container figure { width: 100%; } /* ■■■ 
 ■■■ */ header#global_hd { width: 100%; padding: 28px 0 20px; height: 120px; background: #fff url(../img/base/hd_topline.gif) repeat-x center top; } header#global_hd #global_hd_wrapper { width: auto; max-width: 1032px; margin: 0 auto; position: relative; } header#global_hd #global_hd_wrapper #gl_logo { position: absolute; top: 32px; left: -40px; width: 265px; } header#global_hd #global_hd_wrapper #gl_logo .jpx { float: right; text-align: center; } header#global_hd #global_hd_wrapper #gl_logo .jpx img { width: 60px; } header#global_hd #global_hd_wrapper #gl_logo .jpx span { display: block; font-size: 10px; } header#global_hd #global_hd_wrapper #gl_topline { position: absolute; top: 0; right: 0; width: auto; } header#global_hd #global_hd_wrapper #gl_topline a { color: #000; } header#global_hd #global_hd_wrapper #gl_license { position: absolute; top: 43px; float: left; margin-left: 230px; } header#global_hd #global_hd_wrapper #ink{ position: absolute; top:30px; right: 0; width: 200px; } header#global_hd #global_hd_wrapper #ink .inks{ background: linear-gradient(#ff7d1e, #fe5d41); border-radius: 38px; text-align: center; box-sizing:border-box; transition: 0.3s; margin-top: 0px; display: block; color:#fff; font-size: 19px; padding: 6px 1px; } header#global_hd #global_hd_wrapper #ink .inks02{ background: linear-gradient(#4acf62, #1FAB39); border-radius: 38px; text-align: center; box-sizing:border-box; transition: 0.3s; margin-top: 10px; display: block; color:#fff; font-size: 16px; padding: 6px 1px; } header#global_hd #global_hd_wrapper #gl_license ol li { float: left; width: 60px; margin-left: 10px; margin-top: -10px; } header#global_hd #global_hd_wrapper #gl_license ol li:last-child { font-size: 10px; width: 150px; text-align: center; margin-top: 0px; } header#global_hd #global_hd_wrapper #gl_nv_contact { position: absolute; top: 32px; right: 140px; width: 50px; height: 50px; padding: 2px; text-align: center; background: #1ba23b; background: -moz-linear-gradient(top, #1ba23b 0%, #20913b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1ba23b), color-stop(100%, #20913b)); background: -webkit-linear-gradient(top, #1ba23b 0%, #20913b 100%); background: -o-linear-gradient(top, #1ba23b 0%, #20913b 100%); background: -ms-linear-gradient(top, #1ba23b 0%, #20913b 100%); background: linear-gradient(to bottom, #1ba23b 0%, #20913b 100%); border-radius: 6px; display: none; } header#global_hd #global_hd_wrapper #gl_nv_contact2 { position: absolute; top: 100px; right: 0; width: 329px; height: auto; text-align: center; background: #1ba23b; background: -moz-linear-gradient(top, #1ba23b 0%, #20913b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1ba23b), color-stop(100%, #20913b)); background: -webkit-linear-gradient(top, #1ba23b 0%, #20913b 100%); background: -o-linear-gradient(top, #1ba23b 0%, #20913b 100%); background: -ms-linear-gradient(top, #1ba23b 0%, #20913b 100%); background: linear-gradient(to bottom, #1ba23b 0%, #20913b 100%); border-radius: 6px; background: none; } header#global_hd #global_hd_wrapper #gl_nv_contact2 a { display: block; padding: 3px; line-height: 18px; height: 18px; color: #fff; } header#global_hd #global_hd_wrapper #gl_nv_contact2 a span { background: url(../img/base/i09.png) left center no-repeat; padding-left: 10px; } header#global_hd #global_hd_wrapper #gl_nv_contact img { line-height: 0; } header#global_hd #global_hd_wrapper #gl_nv_contact span { font-family: 'Oswald', sans-serif; font-size: 10px; color: #fff; display: block; line-height: 0; } header#global_hd #global_hd_wrapper #gl_nv_contact a:hover { text-decoration: none !important; } header#global_hd #global_hd_wrapper #gl_nv_tel { position: absolute; top: 25px; right: 185px; width: 300px; } header#global_hd #global_hd_wrapper #gl_nv_tel img{ height: auto; } header#global_hd #global_hd_wrapper #gl_nv_tel a { text-decoration: none; } header#global_hd #global_hd_wrapper #gl_nv_tel span { color: #000; font-weight: 600; font-size: 28px; position: relative; left: 10%; bottom: 45px; white-space: nowrap; } header#global_hd #global_hd_wrapper #gl_nv_tel02 { position: absolute; top: 75px; right: 200px; width: 230px; margin-top: 10px; } header#global_hd #global_hd_wrapper #gl_nv_tel02 a { text-decoration: none; } header#global_hd #global_hd_wrapper #gl_nv_tel02 img{ height: auto; } header#global_hd #global_hd_wrapper #gl_nv_tel02 span { color: #000; font-weight: 600; font-size: 24px; position: relative; left: 12%; bottom: 36px; white-space: nowrap; } header#global_hd #global_hd_wrapper #gl_nv_menu { display: none; } #contents-03 { width: 100%; text-align: center; display: block; font-size: 12px; } #contents-03 p { margin-top: 5px; line-height: 120%; text-align: center; color: #FFFFFF; } #contents-03 img { padding-right: 5px; } #contents-03 a { color: #FFFFFF; text-decoration: none; } #ot3-mail, #ot3-tel, #ot3-menu { display: block; float: left; } #ot3-mail { background-color: #EA7F11; padding: 7px 0; width: 50%; } #ot3-tel { background-color: #0A49AB; padding: 7px 0; width: 50%; } .ot3-df { float: left; } .ot3-c { display: table; margin-left: auto; margin-right: auto; } /*ブログ用CTA 20201215追加*/ #slide { display: none; position: fixed; width: 350px; height: 30px; bottom: 70px; right: 0; color: #666; background: #fff; border-left: solid 1px #999; border-top: solid 1px #999; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 1); z-index: 100000; } #slide-in { padding: 5px 10px; } #slide a { text-decoration: none; cursor: pointer; } #slide .mmagHead { margin-bottom: 5px; text-align: center; color: #1ba139; font-weight: 600; font-size: 14px; } #slide #open-btn { position: absolute; right: 5px; top: 5px; width: 20px; height: 20px; cursor: pointer; background: url(../img/base/close-btn.gif); } #slide #slide-contents p{ text-align: center; margin-bottom: 5px; } #slide #slide-contents .ajaxForm p{ font-weight: bold; font-size: 18px; color: #0A49AB; } #slide #slide-contents .ajaxForm p span{ font-size: 9px; font-weight: normal; padding-left: 5px; color: #999; } #slide #slide-contents .ajaxForm input{ border: solid 1px #000; width: 95%; border-radius: 5px; padding: 5px; } #slide #slide-contents .ajaxForm #open_mod2{ width: 200px; margin: 10px auto 0; text-align: center; padding: 5px 0; color: #fff; /* font-weight: bold;*/ background: #1EAA39; border: none; /* border-radius: 5px;*/ letter-spacing: 5px; box-shadow: 3px 3px rgba(0,0,0,0.7); } /*ブログ用CTA(サイドバー) 20201223追加*/ #mmagSide { width: 250px; color: #666; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 1); } #mmagSide .mmagHead { margin-bottom: 0px; text-align: center; color: #fff; font-size: 16px; background: #18A238; font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; line-height: 32px; font-weight: bold; } #mmagSide #open-btn { position: absolute; right: 5px; top: 5px; width: 20px; height: 20px; cursor: pointer; background: url(../img/base/close-btn.gif); } #mmagSide #mmag_contents{ padding: 5px 5px 10px 5px; } #mmagSide #mmag_contents p{ text-align: center; margin-bottom: 5px; font-size: 12px; line-height: 1.5; } #mmagSide #mmag_contents .ajaxForm p{ font-weight: bold; font-size: 18px; color: #0A49AB; line-height: 1; } #mmagSide #mmag_contents .ajaxForm p.subsc{ margin-bottom: 0; } #mmagSide #mmag_contents .ajaxForm p span{ font-size: 9px; font-weight: normal; padding-left: 0px; color: #999; } #mmagSide #mmag_contents .ajaxForm input{ border: solid 1px #000; width: 95%; border-radius: 5px; padding: 5px; font-size: 0.8em; } #mmagSide #mmag_contents .ajaxForm #open_mod3{ width: 200px; margin: 5px auto 0; text-align: center; padding: 5px 0; color: #fff; background: linear-gradient(#FF7D1E, #FE5D41); border: none; letter-spacing: 5px; box-shadow: 3px 3px rgba(0,0,0,0.7); transition: .7s; cursor: pointer; } #mmagSide #mmag_contents .ajaxForm #open_mod3:hover{ box-shadow:none; opacity: .7; } @media(min-width:1px) and (max-width:640px) { #slide{ display: block; } header#global_hd #global_hd_wrapper #ink .inks,header#global_hd #global_hd_wrapper #ink .inks02{ display: none; } } /*ブログ用CTA 20201215追加*/ /* ■■■