/* Theme Name: sl Theme URI: Author: Author URI: Description: Version: 1.0 License: License URI: Tags: Text Domain: */ @charset "UTF-8"; /*-------------------------------------------------- ************************************************** リセット ************************************************** --------------------------------------------------*/ /* 内で html5reset.css を読み込んでます */ /*-------------------------------------------------- ************************************************** デフォルト ************************************************** --------------------------------------------------*/ /* 内で default.css を読み込んでます */ /*-------------------------------------------------- ************************************************** 基本 ************************************************** --------------------------------------------------*/ *{ margin:0;padding:0; border:0; font-family: "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; color:#000000;word-wrap:break-word; } img{vertical-align:top;} li{list-style:none;} table{border-collapse:collapse;} body{ background-color:#ffffff; color:#000000;font-size:16px; line-height:1.8; } /*-------------------------------------------------- ************************************************** テキスト・フォント ************************************************** --------------------------------------------------*/ /*em { color: #e58c93; font-weight: normal; font-style: normal; } .red { color:#ff0000;} .blue { color:#0000ff;} .green { color:#008000;} .black { color:#000; } .white { color:#fff; }*/ /*-------------------------------------------------- ************************************************** リンク系（アンカー） ************************************************** --------------------------------------------------*/ a {color:#000000;text-decoration:none;} /*a:hover { color: #1111cc; text-decoration: underline; }*/ a img{ display: block; transition: 0.5s; } a img:hover { opacity: 0.7; transition: 0.5s; } /* -- CSSで画像を整形していたら -- */ a.opa:hover { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity: 0.7; } /* フォームのsubmitを解除(iOS) */ input[type="submit"]{ -webkit-appearance:none; border-radius:0; } /*-------------------------------------------------- ************************************************** ヘッダー ************************************************** --------------------------------------------------*/ div.header_box div.top{border-bottom: #db0016 3px solid;} div.header_box div.top > div{ max-width: 1200px;min-height: 100px; margin: 0 auto;padding: 0 10px;box-sizing: border-box; overflow: hidden; } div.header_box div.top > div .logo{float: left; width: 180px;padding: 20px 10px;} div.header_box div.top > div .logo a{display: block; width: 180px;} div.header_box div.top > div .logo a:hover{opacity: 0.8;} div.header_box div.top > div .logo a img{width: 180px;height: auto;} div.header_box div.top > div ul{ float: right; padding: 55px 5px 3px; border-bottom: #eeeeee 1px solid; } div.header_box div.top > div ul li{display: inline-block;padding: 0 13px 0;} div.header_box div.top > div ul li a{font-size: 14px;font-weight: bold;} div.header_box div.top > div ul li a:hover{text-decoration: underline;} div.header_box div.top + div{border-bottom: #db0016 6px solid;} div.header_box div.top + div > div{max-width: 1200px; margin: 0 auto;padding: 16px 10px;box-sizing: border-box;} div.header_box div.top + div > div ul li{ display: inline-block; padding: 6px 20px 5px; border-left: #eeeeee 1px solid; } div.header_box div.top + div > div ul li:last-child{border-right: #eeeeee 1px solid;} div.header_box div.top + div > div ul li a{font-weight: bold;} div.header_box div.top + div > div ul li a:hover{text-decoration: underline;} /*-------------------------------------------------- ************************************************** グローバルナビゲーション ************************************************** --------------------------------------------------*/ /*-------------------------------------------------- ************************************************** パンくず ************************************************** --------------------------------------------------*/ .breadcrumb{ width: 1100px; max-width:96%; margin: 0 auto 60px auto; padding: 10px 0; font-size: 87%; } /*-------------------------------------------------- ************************************************** ページタイトル ************************************************** --------------------------------------------------*/ #page_title{ width: 100%; background: #eee;/*仮*/ padding: 90px 0 90px; } h1{ width: 1100px; max-width:96%; margin: 0 auto; font-size: 162%; } /*-------------------------------------------------- ************************************************** メインコンテンツ ************************************************** --------------------------------------------------*/ .main_contents{ width: 1100px; max-width:96%; margin: 0 auto; } /*-------------------------------------------------- ************************************************** サブコンテンツ ************************************************** --------------------------------------------------*/ /*-------------------------------------------------- ************************************************** サイドバー ************************************************** --------------------------------------------------*/ /*-------------------------------------------------- ************************************************** フッター ************************************************** --------------------------------------------------*/ div.footer_box{padding: 80px 0 0;} div.footer_box_top{border-top: #e83928 10px solid;} div.footer_box_top ul{ display: flex;flex-wrap: wrap; max-width: 820px; margin: 0 auto;padding: 23px 0; } div.footer_box_top ul li:first-child{width: 100%;} div.footer_box_top ul li:first-child a{font-size: 18px; font-weight: bold;} div.footer_box_top ul li{padding: 5px 30px;} div.footer_box_top ul li a:hover{text-decoration: underline;} div.footer_box_top + ul{ padding: 20px 0; border-top: #e83928 3px solid; text-align: center; } div.footer_box_top + ul li{display: inline-block;padding: 0 13px;} div.footer_box_top + ul li a{font-size: 14px;} div.footer_box_top + ul li a:hover{text-decoration: underline;} div.footer_box_top + ul + div{border-top: #e83928 1px solid;} div.footer_box_top + ul + div dl{ padding: 25px 0 15px; text-align: center; } div.footer_box_top + ul + div dl dt, div.footer_box_top + ul + div dl dd{ display: inline-block;padding: 0 6px; font-size: 14px; } div.footer_box_top + ul + div div{padding: 0 0 20px;text-align: center;} div.footer_box_top + ul + div div small{font-size: 14px;} /*-------------------------------------------------- ************************************************** その他 (PageUpボタン 追従系 jsに関わるcssなど。) ************************************************** --------------------------------------------------*/ .go_top { position: fixed;right:40px;bottom:40px; width:50px;height:50px; } .go_top a{ position: relative; display: block;width:50px;height:50px;box-sizing: border-box; background-color: #db0016; border: #ffffff 2px solid;border-radius: 5px; } .go_top a::after{ content: ""; position: absolute; top:0;bottom: 0; left: 0;right: 0; display: block;width: 10px; height: 10px;margin: auto; border-top: #ffffff 3px solid; border-right: #ffffff 3px solid; transform: rotate(-45deg); } .go_top a:hover{opacity: 0.8;}