@charset "utf-8"; /* * 共通スタイルCSS * style.css */ /*-------------------------------------------------------------- 全体 --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { width: 640px; } /*-------------------------------------------------------------- ヘッダー --------------------------------------------------------------*/ header { display: block; border-top: 5px solid #e88f22; } header h1 { width: 580px; height: 1em; margin: 5px; font-size: 20px; background-color: #fff; overflow: hidden; } /* ヘッダー部分ボックスレイアウト */ .headerArea { display: box; display: -webkit-box; display: -moz-box; box-pack: justify; -webkit-box-pack: justify; -moz-box-pack: justify; height: 58px; } .hLeftBox { width: 50px; } .hMainBox { width: 381px; } .hRightBox { width: 115px; } /* ロゴ */ .logo { background: url(../images/common/logo.png) no-repeat; background-position: center; padding-top: 5px; } .logo a { display: block; width: 381px; height: 43px } .logo span { display: none } .study { position: absolute; top: 15px; } /*-------------------------------------------------------------- フッター --------------------------------------------------------------*/ /* フッターパネル */ footer { border-top: 1px solid #d6d4cc; background: #f1e8e0 } footer nav li { display: inline-block; width: 33.33%; } footer nav li a { display: block; height: 131px; padding-top: 11px; border-left: 1px solid #d6d4cc; text-align: center; background-color: #fff8e9; } footer nav li:first-child a { border-left: none; } .spCom { width: 65px; height: 38px; } footer .txtCopyright { background: #9f9b96; color: #ffffff; font-size: 24px; text-align: center; padding: 6px 0; } footer .txtCopyright a:link { color: #ffffff; } footer .txtCopyright a:visited { color: #ffffff; } footer .txtCopyright a:hover { color: #ffffff; } footer .txtCopyright a:active { color: #ffffff; } .pcBtArea { margin: 30px 0px 10px; } /* フッターナビゲーション */ .footerNavi { padding: 1em 20px; border-bottom: 1px solid #ccc; font-size: 24px } .footerNavi ul { display: table; margin: 0 auto; text-align: center } .footerNavi li { display: table-cell; padding: 0 .7em; border-right: 1px solid #999; white-space: nowrap } .footerNavi li:last-child { border-right: none; } .footerNavi a { color: #06c } .snsBtnBox { margin: 35px auto; text-align: center; } /* このページのトップに戻る */ .pageTop { display: block; color: #666; font-size: 28px; text-align: center; line-height: 44px; margin: 40px 8px 30px; ; } .iconPagetop { background-position: 0 -2426px; -webkit-background-size: 43px auto; -moz-background-size: 43px auto; background-size: 43px auto; padding-left: 14px; } /* エリア選択 */ .footerArea { margin-top: 20px; width: 600px; line-height: 1.3; text-align: center; } .footerArea li { display: inline-block; } /*-------------------------------------------------------------- ハンバーガーメニュー --------------------------------------------------------------*/ .menuIcon { color: #e88f22; cursor: pointer; } /*3本線CSS*/ .h-menu_icon { width: 60px; height: 60px; margin-top: 7px; } .hamburger-icon, .hamburger-icon::before, .hamburger-icon::after { content: ''; display: block; position: absolute; z-index: 100; /* top:100; bottom:0;*/ width: 48px; height: 8px; background: #e88f22; cursor: pointer; } .hamburger-icon:before { top: 16px; } .hamburger-icon:after { top: 32px; } .masterMenu { border: 2px solid #d9d0c2; display: none; } .masterMenu ul li { display: inline-block; width: 318px; border-left: 2px dotted #d9d0c2; border-bottom: 2px dotted #d9d0c2; padding-left: 10px; line-height: 1.4em; } .masterMenu .lastRow { border-bottom: none; } .masterMenu li:nth-child(odd) { border-left: none; } .masterMenu li a { font-size: 24px; background: url(../images/arrow-right.png) 97% center no-repeat; display: block; padding: 10px; } /*-------------------------------------------------------------- ヘッダータイトル --------------------------------------------------------------*/ .headerTitleArea { background: #f1ead1; margin: 5px 0px 0 0; border-top: 2px solid #dad1c3; display: box; display: -webkit-box; display: -moz-box; } .headerTitleAriaLeft { margin-left: 15px; padding: 20px 20px 0 0; width: 120px; font-size: 32px; } .headerTitleAriaRight { padding: 20px 0px; font-size: 32px; } .return { padding-left: 5px; padding-right: 5px; text-align: right; border-right: 1px solid #8C896F; } .return:before { display: block; position: absolute; top: 125px; width: 20px; height: 20px; border-top: 4px solid #4f4f4f; border-right: 4px solid #4f4f4f; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); content: ""; } /*-------------------------------------------------------------- 全国版のタイトルバー --------------------------------------------------------------*/ .zenkokuTitleArea { margin-top: 10px; padding: 15px 0; background-color: #f1ead1; border-top: 2px solid #e88f22; border-bottom: 1px solid #dad1c3; text-align: center; display: box; display: -webkit-box; display: -moz-box; } .zenkokuTitleAriaLeft { margin-left: 15px; } .zenkokuTitleAriaRight { width: 400px; } .zenkokuClosedArea { background: #f1ead1; margin: 5px 0px 0 0; border-top: 2px solid #dad1c3; border-bottom: 2px solid #dad1c3; padding: 20px 0 20px 20px; text-align: center } .zenkoku { text-align: left; border-right: 1px solid #8C896F; } .zenkoku a { font-size: 28px; background: url(../images/arrow-left.png) 0% center no-repeat; padding: 10px; } .zenkoku a span { padding-left: 10px; } .headTitle { margin-top: 10px; padding: 15px 0; background-color: #f1ead1; border-top: 2px solid #e88f22; border-bottom: 1px solid #dad1c3; text-align: center; } /*-------------------------------------------------------------- 文字サイズ --------------------------------------------------------------*/ .highlight { font-size: 120%; font-weight: bold; } .smallText { font-size: 10%; font-weight: bold; letter-spacing: -0.1em; } .center { text-align: center; } /*-------------------------------------------------------------- android対応 --------------------------------------------------------------*/ .companyName { background-color: #fff; font-size: 24px; } /*-------------------------------------------------------------- リストから探す --------------------------------------------------------------*/ .listArrow li{ padding:25px 30px; background-color:#FFFFFF; border-bottom:1px solid #cccccc; line-height: 1.4em; font-size: 24px; } .listArrow li a { position: relative; display: block; padding-right:40px; } .listArrow li a::after { position: absolute; top: 50%; right: 10px; display: block; content: ''; width: 12px; height: 12px; margin-top: -4px; border-top: 4px solid #e88f22; border-right: 4px solid #e88f22; -webkit-transform: rotate(45deg); transform: rotate(45deg); }