/* ----------------------------------------------------------------------------------- フォントサイズ変更によるレイアウトの調整 ----------------------------------------------------------------------------------- */ @media screen and (min-width: 639px) { .pageBlock-EditingArea_head { top: -70px; } .indexList-3rd_template dt span:nth-child(1) img { margin-top: 8px; } .newsfeed_item dt { float: none; } .newsfeed_item dd { padding-left: 0; } .english .sideNav dd a, .english .sideNav dd p { word-break: break-all; } .tableStyleA { overflow-x: scroll; } .megamenu { top: 118px; } .megamenu .megamenu_inner .menuItem dl dt { position: static; } .megamenu .megamenu_inner .menuItem dl dd { margin-top: 10px; padding-left: 15px; } /* ----------------------------------------------------------------------------------- 共通してい ----------------------------------------------------------------------------------- */ body { line-height: 1.2; } .temp_cms .templateContents .generalWrapper { padding: 80px 0 !important; } /* ----------------------------------------------------------------------------------- フォントサイズ (2.0) ----------------------------------------------------------------------------------- */ /*------------------------------------------------------------------------------- タブレット・パソコン用 ---------------------------------------------------------------------------------*/ /* 1.4rem ---------------------------------------------------------------------------------*/ .generalWrapper p, .generalWrapper ul, .generalWrapper ol, .figcaption, .sideNav, .footerSubNav, .generalWrapper table, .indexList-3rd_template dl, .updateDate, .purposeBlock .purposeItem .itemBtn, .item_detail.active .itemWrapper, dl.newsfeed_item, .headingTitle span, .mainSlide .slideItem .itemDatail, .out_link, .comment, .colGroup .colItem dt a { font-size: 2.8rem; line-height: 1.4; } .sectionLink ul li { font-size: 2.8rem !important; } /* 1.1rem ---------------------------------------------------------------------------------*/ .templateContents .layout_main .tab_content.tab03 span.senmonItem { font-size:2.2rem; } /* 1.2rem ---------------------------------------------------------------------------------*/ .topicpath dl, .footerSiteMap .listItem ul li { font-size:2.4rem; } /* 1.3rem ---------------------------------------------------------------------------------*/ /*.templateContents .layout_main table caption, .templateContents .layout_main table th, .templateContents .layout_main table td, .templateContents .layout_main table th p, .templateContents .layout_main table td p, .templateContents .layout_main .memo ul li, .layout_main ul.department_tab li, .templateContents .layout_main table ul li, .megamenu .megamenu_inner .menuItem dl dt, .megamenu .megamenu_inner .menuItem dl dd ul li, .menuItem.navItem04 ul, .footerSiteMap .footer_itemTitle { font-size:2.6rem; } */ /* 1.5rem ---------------------------------------------------------------------------------*/ .templateContents .layout_main h5, ul.tab { font-size: 3.0rem; } /* 1.6rem ---------------------------------------------------------------------------------*/ .templateContents .layout_main h4, .indexList-3rd_template ol li a, .purposeBlock .purposeItem .itemTitle, #mainNav> ul { font-size: 3.2rem; } /* 1.7rem ---------------------------------------------------------------------------------*/ /* 1.8rem ---------------------------------------------------------------------------------*/ .sideNav dt, .templateContents .layout_main h3 { font-size: 3.6rem; line-height: 1.2; } /* importantの必要があるもの */ .indexItem a h2 { font-size: 3.6rem !important; } /* 2.0rem ---------------------------------------------------------------------------------*/ .templateContents .layout_main h2, .div-title, .div-title-hist, .headingTitle, .mainSlide .slideItem .itemTitle { font-size: 4.0rem; } /* 3.0rem ---------------------------------------------------------------------------------*/ .pagetitle h1 { font-size:6.0rem; } } /*------------------------------------------------------------------------------- スマートフォン用 ---------------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------- レイアウト調整 ----------------------------------------------------------------------------------- */ /*------------------------------------------------------------------------------- 全体 ---------------------------------------------------------------------------------*/ header { padding: 10px; } /* カスタム検索 ---------------------------------------------------------------------------------*/ /* 共通 */ header .blockR { top: 10px; max-width: 550px; } input#searchText { width: 45%; } /* 各サイズ */ @media screen and (min-width: 640px) and (max-width: 940px) { header { padding: 10px 10px 20px; } header .blockR { max-width: 400px; top: 5px; } .headerLogo img { width: 80%; } input#searchText { width: 70%; } } /*------------------------------------------------------------------------------- トップ:お知らせ ---------------------------------------------------------------------------------*/ /* 共通 ---------------------------------------------------------------------------------*/ /* お知らせ日時とタイトル */ .indexList_news dl dt { width: 300px; } .indexList_news dl dd { padding-left: 11em; } /* 一覧を見るボタン */ .btn_moreLink { margin-top: -28px; } /* お知らせ日時とタイトル */ @media screen and (max-width: 639px) { .indexList_news dl dt { width: auto !important; display: inline-block; } } /* お知らせ日時とタイトル */ @media screen and (max-width: 800px) { .indexList_news dl dd { padding-left: 0 !important; } } @media screen and (min-width: 640px) and (max-width: 730px) { .btn_moreLink { margin-top: 0 !important; position: static !important; top: auto !important; right: auto !important; } } /*------------------------------------------------------------------------------- ページ共通 ---------------------------------------------------------------------------------*/ /* パンくず */ .topickpath_list { text-indent: -1em; padding-left: 1em; } /* 箇条書きリスト */ .layout_main ul li { padding-left: 0.8em !important; text-indent: -0.8em !important; } /*------------------------------------------------------------------------------- フッター:サイトマップ ---------------------------------------------------------------------------------*/ .footer_info, .footerL { display: block; text-align: center; max-width: none; } .footer_info .footerLogo { margin: 0 auto; }

AltStyle によって変換されたページ (->オリジナル) /