@charset "UTF-8"; /*-------------------------------------------------- ************************************************** リセット ************************************************** --------------------------------------------------*/ /* 内で html5reset.css を読み込んでます */ /*-------------------------------------------------- ************************************************** デフォルト ************************************************** --------------------------------------------------*/ /* 内で default.css を読み込んでます */ /*-------------------------------------------------- ************************************************** 基本 ************************************************** --------------------------------------------------*/ body { margin:0px; padding:0px; background:none repeat scroll 0% 0%; background-attachment:scroll; font-family:'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; line-height: 1.6; letter-spacing: 0.8px; font-size: 16px; font-weight: 400; color:#2f2725; } .contents_inner{ width:98%; margin-right:auto; margin-left:auto; } .inner{ width:95%; margin-right:auto; margin-left:auto; } /*-------------------------------------------------- ************************************************** テキスト・フォント ************************************************** --------------------------------------------------*/ 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: #2f2725; text-decoration: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } /* 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; } /*-------------------------------------------------- ************************************************** ヘッダー ************************************************** --------------------------------------------------*/ header{ position:fixed; top:0; right:0; left:0; width:100%; height:60px; margin:0 auto; background-color:rgba(255,255,255,0.9); z-index:9999; } header .head_logo a{ display:block; width:65%; margin:15px 0 0 2.5%; font-size:18px; font-weight:bold; } /*-------------------------------------------------- ************************************************** グローバルナビゲーション ************************************************** --------------------------------------------------*/ /* ハンバーガー */ .hamburger { display: inline-block; position: absolute; top: 11px; right: 3%; width: 35px; height: 35px; background: #888; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .hamburger:before, .hamburger:after { content: ''; position: absolute; top: 20%; left: 0; width: 100%; height: 20%; background-color: #fff; -webkit-transition-property: -webkit-transform, top; -moz-transition-property: -moz-transform, top; transition-property: transform, top; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .hamburger:after { top: 60%; } .hamburger.open { background-color: #888; } .hamburger.open:before, .hamburger.open:after { top: 40%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .hamburger.open:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .gnavi{ margin-top:15px; } .nav_spNav { display: none; overflow: auto; } #nav_spNav li a{ position:relative; display:block; width:100%; height:40px; line-height:40px; padding:0 10px; background-color:#888; border-bottom:#fff 1px solid; color:#fff; z-index:9999; } #nav_spNav li a:after{ position:absolute; content:""; display:block; width:7px; height:7px; top:42%; right:10px; border-right:#fff 1px solid; border-top:#fff 1px solid; -webkit-transform:rotate(45deg); transform:rotate(45deg); } #nav_spNav > li > ul > li > a{ padding-left:30px; } #nav_spNav > li > ul > li > a:before{ content:"-"; margin-right:10px; } /*-------------------------------------------------- ************************************************** パンくず ************************************************** --------------------------------------------------*/ .breadcrumb{ white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; font-size: 12px; } /*-------------------------------------------------- ************************************************** メインコンテンツ ************************************************** --------------------------------------------------*/ .sub_page_h1{ margin-top:60px; } /* 下層ページのメイン画像 */ .main_thumb{ height:50px; } .h1_sp{ padding:10px; text-align:center; font-size:25px; font-weight:normal; background-color:#006633; color:#fff; } /* pdfアイコン */ .pdf{ display:inline-block; min-height:30px; margin-left:5px; padding:0px 0 0 38px; background:url("imgs/other/pdf.png") no-repeat top left; background-size:30px; } /*-------------------------------------------------- ************************************************** フッター ************************************************** --------------------------------------------------*/ .access_map{ padding:10px 15px; background-color: #efefef; } .access_map > p.spOnly{ text-align:center; font-size:30px; font-weight:normal; } .google_map{ position: relative; width: 100%; /* 左右に余白が必要なら値を変更してもOK */ height: 0; padding-bottom: 56.25%; /* padding-topでもOK */ overflow: hidden; } .google_map iframe{ position: absolute; top: 0; left: 0; width: 100%; /* 必要であれば!importantを付けてください */ height: 100%; /* 必要であれば!importantを付けてください */ } .access_txt dl dt, .access_txt dl dd{ font-size:14px; } .access_txt dl dt{ font-weight:bold; } .access_txt dl dd{ line-height:1.7; } .access_txt dl dd::before{ content:"○"; } .access_txt dl dd span::before{ content:"　"; } .footer_sitemap ul li{ width:50%; border-top:#fff 1px solid; } .footer_sitemap ul li:nth-child(odd){ border-right:#fff 1px solid; } .footer_sitemap ul li a{ display:block; width:100%; height:40px; line-height:40px; padding:0 10px; background-color:#9fa0a0; font-size:12px; } .footer_address{ font-size:12px; } #copyright{ font-size:12px; } /*-------------------------------------------------- ************************************************** その他 (PageUpボタン 追従系 jsに関わるcssなど。) ************************************************** --------------------------------------------------*/ #pageup{ position: fixed; right: 20px; bottom: 20px; width: 50px; height: auto; z-index: 99999; }