@charset "UTF-8"; /* ------------------------------ 00：ベーススタイル 　：a ：p ：float ：text ：margin ：width 01:フレーム ：ヘッダー ：サイドメニュー 　：フッター 　：最下部 　：ページトップ 02:レイアウト 　：テーブル ：リスト ：その他 03:ページ別 ------------------------------- */ @media screen and (width <= 730px) { #supporter .legacy .w520 { width: auto; } #supporter .legacy .fRight { float: none; } #supporter .legacy .fLeft { float: none; } #supporter .spTxtCenter { text-align: center !important; } #supporter .supportCaseArea img { display: inline-block; } } @media screen and (width <= 640px) { /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 00:ベーススタイル ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ body.fontLarge { font-size:12px; } body.lineHeightLarge { line-height:1.6em; } #mvContainer img { width:100%; } #newsContainer img { width:100%; } #personalLinkContainer img { width:100%; } #groupLinkContainer img { width:100%; } #etcLinkContainer img { width:100%; } #headerContainer img { width:100%; } #mainContainer img { width:100%; } #footerContainer2 img { width:100%; } #fancybox-wrap img { width:100%; } /* ------------------------------ a ------------------------------- */ a:hover img { filter:alpha(opacity=100); opacity:1; } /* ------------------------------ text ------------------------------- */ .spTxtCenter { text-align:center !important; } .spTxtLeft { text-align:left !important; } .spF10 { font-size:77%; } .spF11 { font-size:85%; } .spF12 { font-size:93%; } .spF13 { font-size:100%; } .spF14 { font-size:108%; } .spF15 { font-size:116%; } .spF16 { font-size:124%; } .spF17 { font-size:131%; } .spF18 { font-size:139%; } .spF19 { font-size:147%; } .spF20 { font-size:154%; } /* ------------------------------ float ------------------------------- */ .legacy .fLeft { float:none; } .legacy .fRight { float:none; } .legacy .spFLeft { float:left !important; } .legacy .spFRight { float:right !important; } /* clearfix */ .spCf::before, .spCf::after { display:table; content:""; } .spCf::after { clear:both; } .spCf { overflow:hidden; zoom:1; } .spCb { clear:both; } /* ------------------------------ margin ------------------------------- */ .spMt0 { margin-top:0 !important; } .spMt5 { margin-top:5px !important; } .spMt10 { margin-top:10px !important; } .spMt15 { margin-top:15px !important; } .spMt20 { margin-top:20px !important; } .spMt25 { margin-top:25px !important; } .spMt30 { margin-top:30px !important; } .spMt40 { margin-top:40px !important; } .spMt45 { margin-top:45px !important; } .spMt50 { margin-top:50px !important; } .spMl0 { margin-left:0 !important; } .spMl5 { margin-left:5px !important; } .spMl10 { margin-left:10px !important; } .spMl15 { margin-left:15px !important; } .spMl20 { margin-left:20px !important; } .spMl25 { margin-left:25px !important; } .spMl30 { margin-left:30px !important; } .spMr0 { margin-right:0 !important; } .spMr5 { margin-right:5px !important; } .spMr10 { margin-right:10px !important; } .spMr15 { margin-right:15px !important; } .spMr20 { margin-right:20px !important; } .spMr25 { margin-right:25px !important; } .spMr30 { margin-right:30px !important; } .spMb0 { margin-bottom:0 !important; } .spMb5 { margin-bottom:5px !important; } .spMb10 { margin-bottom:10px !important; } .spMb15 { margin-bottom:15px !important; } .spMb20 { margin-bottom:20px !important; } .spMb25 { margin-bottom:25px !important; } .spMb30 { margin-bottom:30px !important; } /* ------------------------------ padding ------------------------------- */ .pb5, .pb10, .pb15, .pb20, .pb25, .pb30 { padding-bottom:0 !important; } /* ------------------------------ width ------------------------------- */ .w50 { width:auto; } .w60 { width:auto; } .w80 { width:auto; } .w90 { width:auto; } .w100 { width:auto; } .w120 { width:auto; } .w140 { width:auto; } .w150 { width:auto; } .w160 { width:auto; } .w170 { width:auto; } .w180 { width:auto; } .w200 { width:auto; } .w210 { width:auto; } .w240 { width:auto; } .w250 { width:auto; } .w260 { width:auto; } .w270 { width:auto; } .w280 { width:auto; } .w300 { width:auto; } .w310 { width:auto; } .w315 { width:auto; } .w320 { width:auto; } .w325 { width:auto; } .w330 { width:auto; } .w340 { width:auto; } .w350 { width:auto; } .w360 { width:auto; } .w370 { width:auto; } .w380 { width:auto; } .w390 { width:auto; } .w410 { width:auto; } .w440 { width:auto; } .w444 { width:auto; } .w450 { width:auto; } .w500 { width:auto; } .w510 { width:auto; } .legacy .w520 { width:auto; } .w530 { width:auto; } .w550 { width:auto; } .w560 { width:auto; } .w570 { width:auto; } .w580 { width:auto; } .w590 { width:auto; } .w600 { width:auto; } .w630 { width:auto; } .wAuto { width:auto !important; } .w5per { width:5% !important; } .w10per { width:10% !important; } .w15per { width:15% !important; } .w20per { width:20% !important; } .w25per { width:25% !important; } .w30per { width:30% !important; } .w35per { width:35% !important; } .w40per { width:40% !important; } .w45per { width:45% !important; } .w48per { width:48% !important; } .w50per { width:50% !important; } .w55per { width:55% !important; } .w60per { width:60% !important; } .w65per { width:65% !important; } .w70per { width:70% !important; } .w75per { width:75% !important; } .w80per { width:80% !important; } .w85per { width:85% !important; } .w90per { width:90% !important; } .w95per { width:95% !important; } .w100per { width:100% !important; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 01:フレーム ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #mainContainer { width:100%; } #mainWrapper { width:95%; padding-bottom:10px; margin-top:20px !important; float:none; } #mainWrapperWide { width:100%; padding-bottom:0; margin-top:20px; } .planeArea { margin-left:0; } .descArea { margin-left:0; } /* ------------------------------ ヘッダー ------------------------------- */ #headerContainer { width:100%; background:none; } #headerWrapper { position:static; width:100%; padding-top:0; } #headerWrapper p { position:static; } #headerWrapper ul.globalNavi { display:none; } #headerWrapper ul#changeFontSize { display:none; } #headerWrapper ul.breadcrumbList { position:static; width:88% !important; padding:15px 4% 15px 8%; margin-top:0; background:url("/kanken/common/images/header_bg_home_sp.gif") 3% 1.4em no-repeat #f1efe2; background-size:15px 15px; } #headerWrapper ul.breadcrumbList li { margin-left:1%; font-size:100%; line-height:1.8em; } #headerWrapper ul.breadcrumbList li:first-child { } #headerWrapper ul.breadcrumbList li a { padding-right:2em; background:url("/kanken/common/images/header_breadcrumbList_bg_sp.gif") right center no-repeat; background-size:10px 10px; } #headerWrapper ul.breadcrumbList li span { padding-right:2em; background:url("/kanken/common/images/header_breadcrumbList_bg_sp.gif") right center no-repeat; background-size:10px 10px; } #headerWrapper h1 { width:80%; margin:15px 0 10px 3%; float:left; } #headerWrapper p#spMenu { display:block; width:10%; margin:10px 2% 0 0; cursor:pointer; float:right; } #headerWrapper ul.globalNavi li { float:none; } #headerWrapper ul.globalNavi li a { height:auto; padding:10px 0; border-bottom:1px dotted #999; color:#000; font-size:132%; text-align:center; text-decoration:none; text-indent:0; } #headerWrapper ul.globalNavi li:first-child a { border-top:1px dotted #999; } #headerWrapper ul.globalNavi li#g01 a { width:auto; background:none #f5e9ba; } #headerWrapper ul.globalNavi li#g02 a { width:auto; background:none #f5e9ba; } #headerWrapper ul.globalNavi li#g03 a { width:auto; background:none #f5e9ba; } #headerWrapper ul.globalNavi li#g04 a { width:auto; background:none #f5e9ba; } #headerWrapper ul.globalNavi li#g05 a { width:auto; background:none #f5e9ba; } #headerWrapper ul.globalNavi li#g06 a { width:auto; background:none #f5e9ba; } #headerWrapper ul.globalNavi li#g07 a { width:auto; background:none #f5e9ba; } #headerWrapper ul.globalNavi li#g01.now a { background:none #fff000; } #headerWrapper ul.globalNavi li#g02.now a { background:none #fff000; } #headerWrapper ul.globalNavi li#g03.now a { background:none #fff000; } #headerWrapper ul.globalNavi li#g04.now a { background:none #fff000; } #headerWrapper ul.globalNavi li#g05.now a { background:none #fff000; } #headerWrapper ul.globalNavi li#g06.now a { background:none #fff000; } #headerWrapper ul.globalNavi li#g07.now a { background:none #fff000; } #headerWrapper ul.globalNavi li#g01 a:hover { background:none #fff000; } #headerWrapper ul.globalNavi li#g02 a:hover { background:none #fff000; } #headerWrapper ul.globalNavi li#g03 a:hover { background:none #fff000; } #headerWrapper ul.globalNavi li#g04 a:hover { background:none #fff000; } #headerWrapper ul.globalNavi li#g05 a:hover { background:none #fff000; } #headerWrapper ul.globalNavi li#g06 a:hover { background:none #fff000; } #headerWrapper ul.globalNavi li#g07 a:hover { background:none #fff000; } /* ------------------------------ サイドメニュー ------------------------------- */ #sideMenuWrapper { width:100%; padding-bottom:10px; margin-top:0; float:none; } #sideMenuWrapper h3 { margin-top:20px; } #sideMenuWrapper .sideMenuArea ul li a { padding:12px 20px 12px 15px; } #sideMenuWrapper .sideMenuArea ul li ul li a { background:url("/kanken/common/images/side_listmark.gif") 0.5em 1.3em no-repeat #f0f0f0 !important; } #sideMenuWrapper .bannerArea { width:95%; margin:0 auto 10px; } #sideMenuWrapper .bannerArea ul li { display:block; width:auto; text-align:center; } /* ------------------------------ フッター ------------------------------- */ #footerContainer { } #footerWrapper { width:90%; margin:0 auto; } #footerSitemapArea { width:100%; padding:15px 0 20px; } #footerSitemapArea .footerSitemapBoxTop { width:100%; float:none; } #footerSitemapArea .footerSitemapBoxTop li { display:block; padding-top:0; padding-left:0; float:none; } #footerSitemapArea .footerSitemapBoxTop li a { display:block; padding:8px 15px; background:url("/kanken/common/images/common_bg_gold_link01.gif") right center no-repeat #f5e9ba; color:#000; font-size:108%; line-height:normal; text-decoration:none; } #footerSitemapArea .footerSitemapBoxTop li a.pcPage { display:block; padding:8px 15px; background:url("/kanken/common/images/common_bg_gold_link06.gif") right center no-repeat #f5e9ba; color:#000; font-size:108%; line-height:normal; text-decoration:none; } #footerSitemapArea ul.footerSitemapTop li { padding-top:0; padding-left:0; background:none; list-style:none; } #footerSitemapArea ul.footerSitemap li { padding-top:0; padding-left:0; background:none; list-style:none; } #footerSitemapArea ul.footerSitemap li a { display:block; padding:8px 18px 8px 15px; background:url("/kanken/common/images/common_bg_gold_link01.gif") right center no-repeat #f5e9ba; color:#000; font-size:108%; line-height:normal; text-decoration:none; } #footerSitemapArea ul.footerSitemap li a.pcPage { display:block; padding:8px 18px 8px 15px; background:url("/kanken/common/images/common_bg_gold_link06.gif") right center no-repeat #f5e9ba; color:#000; font-size:108%; line-height:normal; text-decoration:none; } #footerSitemapArea .footerSitemapBoxTop01 { width:auto; float:none; } #footerSitemapArea .footerSitemapBoxTop02 { width:auto; float:none; } #footerSitemapArea .footerSitemapBoxTop03 { width:auto; float:none; } #footerSitemapArea .footerSitemapBoxTop04 { width:auto; float:none; } #footerSitemapArea .footerSitemapBox01 { width:auto; float:none; } #footerSitemapArea .footerSitemapBox02 { width:auto; float:none; } #footerSitemapArea .footerSitemapBox03 { width:auto; float:none; } #footerSitemapArea .footerSitemapBox04 { width:auto; float:none; } #footerContainer2 { padding-top:0; } #footerWrapper2 { width:100%; } #footerWrapper2 ul { margin:0; } .footerPagetopArea { position:fixed; z-index:10; top:auto; right:10px; bottom:10px; display:block; /* display:none; */ } .footerPagetopArea img { width:45px; } #footerBannerArea01 { width:90%; height:auto; padding:15px 5% 17px; } #footerBannerArea01 ul.footerBanner li { display:block; margin:7px 0 0; float:none; list-style:none; text-align:center; } #footerBannerArea01 ul.footerBanner li:first-child { margin-top:0; } #footerBannerArea02 { width:100%; margin:10px 0; } #footerBannerArea02 ul.footerBanner { margin:7px 0; } #footerBannerArea02 ul.footerBanner li { display:block; margin:7px 0 0; float:none; list-style:none; text-align:center; } #footerBannerArea02 ul.footerBanner li:first-child { margin-top:0; } #footerBannerArea02 ul.footerBanner li img { width:90%; } /* フッターサイトバナー部分 */ #footerSiteBannerArea { width:100%; margin:15px 0; } #footerSiteBannerInner { width:90%; padding:0; margin:0 auto; } #footerSiteBannerInner ul { } #footerSiteBannerInner ul li { display:block; margin:7px 0 0; float:none; text-align:center; } #footerSiteBannerInner ul li:first-child { margin-top:0; } #footerLinkAreaLeft { width:100%; float:none; } #footerLinkAreaLeft ul.footerLink li { display:block; margin-right:0; float:none; text-align:center; } #footerLinkAreaLeft ul.footerLink li span { display:none; } #footerLinkAreaLeft ul.footerLink li a { margin-left:0; } #footerLinkAreaRight { width:100%; float:none; text-align:center; } #footerLinkAreaRight span { display:block; } /* ------------------------------ スマホ用エリア ------------------------------- */ .spInBtnArea { width:90% !important; margin-right:auto; margin-left:auto; } .spInBtnArea2 { width:95% !important; margin-right:auto; margin-left:auto; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 02:レイアウト ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ h3 { margin-left:0; } ul li { margin-bottom:0.2em; } ul.plane { margin:0; } ul.plane li { width:100%; } ul.plane li img { margin-right:10px; vertical-align:middle; } /* ------------------------------ テーブル ------------------------------- */ table { } table th.wbAll, table td.wbAll { word-break:break-all; } /* テーブル段積み */ table.thBlock table.thBlock tr { display:block; } table.thBlock th { display:block; } table.thBlock td { display:block; } /* テーブル幅 */ table.thw25per tbody th { width:25%; } table.thw30per tbody th { width:30%; } table.thw35per tbody th { width:35%; } table.thw50per tbody th { width:50%; } table.thwAuto tbody th { width:auto; } /* ------------------------------ リスト ------------------------------- */ /* ページ内リンク */ .inPageLink { margin-left:0 } /* 矢印付きリンク */ span.planeBtn { display:block; } span.planeBtn a { display:block; padding:10px 2em 10px 1em; margin-right:0; } span.planeBtn.green a { padding:10px 1.6em 10px 0.5em; } .faqClose span.planeBtn { display:inline; } /* 矢印付きリスト02：横並び */ ul.listPlaneBtn { margin:20px 0 0; /* text-align:center; */ } ul.listPlaneBtn li { display:block; width:100%; padding:2px 0; } ul.listPlaneBtn li a { display:block; padding:10px 1.6em 10px 1em; } ul.listPlaneBtn li span { padding-right:0; } ul.listPlaneBtn.harfList li { display:table; width:47%; margin:8px 1.5% 0; float:left; } ul.listPlaneBtn.harfList li a { display:table-cell; vertical-align:middle; } /* 矢印付きリスト 切り替え */ ul.sceneSelector { margin-left:0; } ul.sceneSelector.ml20 { margin-left:0 !important; } ul.sceneSelector li { margin-right:0; } /* 矢印付きリスト：横並び */ ul.listArrow_x { } ul.listArrow_x li { display:block; margin-right:0; } /* タブ */ ul.sceneTab01 li { min-height:28px; float:none; } ul.sceneTab01 li a { display:block; padding:8px 12px 8px 30px; border:1px solid #a9a198; border-bottom:none; background: url("/kanken/common/images/link_list_tab01_off.gif") no-repeat left top; text-decoration:none;} /* 閉じ開きリスト */ dl.openList dd .openListClose span.planeBtn { display:inline-block; } dl.openList dd .openListClose span.planeBtn a { display:inline-block; } /* リスト：下線あり */ ul.listLinebottom01 { margin-left:0; } ul.listLinebottom02 { margin-left:0; } /* ------------------------------ その他 ------------------------------- */ .noticeArea03 { width:95%; padding:10px 2%; } /* 16/02/08追加 */ .noticeArea06 { padding:5px 10px; margin:20px auto 0; } .picArea02 .fLeft { width:100%; } .picArea02 .fRight { width:100%; } /* ------------------------------ display ------------------------------- */ .spDisplayBlock { display:block !important; } .spDisplayInline { display:inline !important; } .spDisplayNone { display:none !important; } /* エリア中央寄せ */ .spCenteringArea { margin-right:auto !important; margin-left:auto !important; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- トップページ ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #slideSection { width:auto; margin:0 auto; } #slideArea { width:auto; margin-left:0 !important; } #slideInner { height:auto; } #slideInner .bx-wrapper { position:relative; } #slideInner .bx-viewport { height:auto !important; } #slideInner .bx-wrapper .bx-controls-direction a { position:absolute; z-index:100; top:50%; width:32px; height:32px; margin-top:-16px; outline:0; text-indent:-9999px; } #slideInner .bx-wrapper .bx-controls-direction a.bx-prev { position:absolute; left:0; background: url("/kanken/images/controls.png") no-repeat 0 -32px; } #slideInner .bx-wrapper .bx-controls-direction a.bx-next { position:absolute; right:0; background: url("/kanken/images/controls.png") no-repeat -43px -32px; } #slideCtlArea a { display:none; } #thumbSection { display:none; } #newsContainer { margin-top:30px; } #newsContainer #newsWrapper { width:95%; margin-top:0; } #newsContainer #newsWrapper #newsArea { width:100%; float:none; } #newsContainer #newsWrapper #newsArea ul { width:95%; height:180px; } #newsContainer #newsWrapper #scheArea { width:100%; margin:30px 0 0; float:none; } #newsContainer #newsWrapper #scheArea ul#appList li { width:100%; margin:8px 0 0; float:none; } #newsContainer #newsWrapper #scheArea ul.listPlaneBtn li { margin:8px 0 0; } #newsContainer #newsWrapper #scheArea ul.listPlaneBtn li a { width:auto; } #personalLinkContainer { margin-top:15px; } #personalLinkContainer #personalLinkWrapper { width:95%; padding:15px 0; } #personalLinkContainer #personalLinkWrapper ul { margin-top:5px; } #personalLinkContainer #personalLinkWrapper ul li { margin:8px 0 0; float:none; } #groupLinkContainer #groupLinkWrapper { width:95%; padding:15px 0; } #groupLinkContainer #groupLinkWrapper ul#groupLinkList { margin-top:5px; } #groupLinkContainer #groupLinkWrapper ul#groupLinkList li { width:auto; margin:8px 0 0; float:none; } #groupLinkContainer #groupLinkWrapper ul#groupLinkList li p { margin-top:8px; } #etcLinkContainer { padding-bottom:0; margin-top:15px; } #etcLinkContainer #etcLinkWrapper { width:95%; } #etcLinkContainer #etcLinkWrapper #investigationArea { width:100%; float:none; } #etcLinkContainer #etcLinkWrapper #investigationArea #investigationInner { padding-bottom:8px; } #etcLinkContainer #etcLinkWrapper #investigationArea #investigationInner p { width:99%; padding:10px 0; float:none; } #etcLinkContainer #etcLinkWrapper #investigationArea #investigationInner ul { margin:5px 0 0; float:none; } #etcLinkContainer #etcLinkWrapper #investigationArea #investigationInner #investigationBox02 { margin-top:5px; } #etcLinkContainer #etcLinkWrapper #investigationArea #investigationInner #investigationBox02 p { width:99%; padding:10px 0; float:none; } #etcLinkContainer #etcLinkWrapper #investigationArea #investigationInner #investigationBox02 ul { margin:5px 0 0; float:none; } #etcLinkContainer #etcLinkWrapper #investigationArea #investigationInner #investigationBox02 ul li { margin-top:0; margin-bottom:0; } #etcLinkContainer #etcLinkWrapper #etcArea { width:100%; margin:0 auto; float:none; } #etcLinkContainer #etcLinkWrapper #etcArea #linkInner { width:100%; margin-top:10px; float:none; } #etcLinkContainer #etcLinkWrapper #etcArea #bnInner { width:100%; margin-top:10px; float:none; } #etcBannerContainer { padding-bottom:3%; margin:10% 0 0; } #etcBannerContainer #etcBannerWrapper { width:95%; margin:0 auto; } #etcBannerContainer #etcBannerWrapper ul { margin:0; } #etcBannerContainer #etcBannerWrapper ul li { margin:10px 0 0; list-style:none; } #etcBannerContainer #etcBannerWrapper ul li:first-child { margin:0; } /* 210614追加 */ #etcBannerContainer #etcBannerWrapper ul li { width:46%; } #etcBannerContainer #etcBannerWrapper ul li.soukatsuBn { margin:0; } #etcBannerContainer #etcBannerWrapper ul li img { width:100% !important; } #etcBannerContainer #etcBannerWrapper ul li.soukatsuBn a { width:30% !important; margin-left:8%; } /* 16/08/29追加 */ #newsScheduleContainer #newsScheduleWrapper #topBnArea { width:auto; float:none; } #newsScheduleContainer #newsScheduleWrapper #topBnArea ul li { margin-top:12px; } /* 21/05/19追加 */ #newsScheduleContainer #newsScheduleWrapper #topBnArea ul { display:flex; flex-wrap:wrap; justify-content:space-between; } #newsScheduleContainer #newsScheduleWrapper #topBnArea ul li { width:48.5%; } /* --------------------------------------- 16/04/01改訂 start --------------------------------------- */ #newsScheduleContainer img { width:100%; } #newsScheduleContainer #newsScheduleWrapper { width:95%; margin-top:0; } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea { width:auto; float:none; } /* 重要なお知らせ */ #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #importantNewsInner h2 { margin:15px 0 0; } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #importantNewsInner ul li span { float:none; } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #importantNewsInner ul li a { width:auto; margin-left:0; float:none; } body.fontLarge #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #importantNewsInner ul li a { width:auto; } /* 検定日・リンク */ #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner { margin-top:15px; } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner p.checkLink { } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner p.checkLink a { } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner #scheduleLeftBox { width:auto; float:none; } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner #scheduleLeftBox p#personalScheduleDate { } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner #scheduleLeftBox p#personalScheduleDate span#yearPart { } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner #scheduleLeftBox p#personalScheduleDate span#datePart { margin-top:20px; font-size:37px; line-height:1em; } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner #scheduleLeftBox p#personalScheduleDate span#datePart span.scheduleDate { font-size:68px; } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner #scheduleLeftBox #receptionPeriodUnit { width:auto; } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner #scheduleLeftBox #receptionPeriodUnit p#receptionPeriodTitle { /* float:none; */ } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner #scheduleLeftBox #receptionPeriodUnit p#receptionPeriodDate { /* float:none; */ } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner #scheduleLeftBox #careerTasuUnit { width:auto; } body.fontLarge #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner #scheduleLeftBox p#personalScheduleDate span#yearPart { } body.fontLarge #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner #scheduleLeftBox p#personalScheduleDate span#datePart { } body.fontLarge #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner #scheduleLeftBox p#personalScheduleDate span#datePart span.scheduleDate { font-size:68px; } body.fontLarge #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner #scheduleLeftBox #receptionPeriodUnit p#receptionPeriodTitle { } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner #linksRightBox { width:auto; margin-top:10px; float:none; } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner #linksRightBox .linksUnit { padding:8px 5px 6px; } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner #linksRightBox .linksUnit p.linksTitle { } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner #linksRightBox .linksUnit ul.linksList { /* float:none; width:auto; */ width:50%; margin:0; } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner #linksRightBox .linksUnit ul.linksList.w210 { width:auto; } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner #linksRightBox .linksUnit ul.linksList.w70 { width:auto; } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner #linksRightBox .linksUnit ul.linksList li { margin-right:15px; float:left; } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner #linksRightBox .linksUnit ul.linksList02 { } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner #linksRightBox .linksUnit ul.linksList02 li { width:49%; margin-left:2%; } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner #linksRightBox .linksUnit ul.linksList02 li:first-child { } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner #linksRightBox .linksUnit ul.linksList02 li a { } /* お知らせ */ #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #newsInner ul { width:auto; height:180px; } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #newsInner ul li img { display:inline; float:none; vertical-align:sub; } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #newsInner ul li span { display:inline; float:none; } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #newsInner ul li a { width:auto; margin-left:0; float:none; } body.fontLarge #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #newsInner ul li a { width:auto; } /* --------------------------------------- 16/04/01改訂 end --------------------------------------- */ /* 今日の漢字 */ #todayKanjiArea { padding:10px 5% 15px; border:3px solid #e39793; border-radius:8px; margin-top:20px; background:none #fcfaca; float:none; } #todayKanjiArea #todayKanjiInner { margin-top:10px; } #todayKanjiArea p#todayKanji { width:34%; border:2px solid #d1cb72; border-radius:8px; background:none #fff; float:left; } #todayKanjiArea p#todayKanji span { display:block; width:100%; margin-top:29%; font-size:550%; } #todayKanjiArea p#btnCheck { width:61%; margin-top:0; float:right; } #todayKanjiArea p#btnCheck img { width:100%; } #checkKanjiPopupArea { width:100%; } #checkKanjiPopupInner { width:100%; padding-bottom:20px; background:url("/kanken/images/top_today_kanji_popup_bg_kangaroo_sp.gif") no-repeat 0 13% #fff; background-size:160%; } #checkKanjiPopupInner p#popupTitle { } #checkKanjiPopupInner p#popupTitle img { width:100%; } #checkKanjiPopupInner #popupDetailBox { margin-top:60px; } #checkKanjiPopupInner #popupDetailBox #popupKanjiUnit { float:none; } #checkKanjiPopupInner #popupDetailBox #popupKanjiUnit img { width:100%; } #checkKanjiPopupInner #popupDetailBox #popupKanjiUnit p { min-height:80px; margin-top:0.5em; margin-bottom:0.1em; } #checkKanjiPopupInner #popupDetailBox #popupMeanUnit { position:relative; width:90%; padding-top:10px; border-top:2px solid #fc7b68; margin:0 auto; float:none; } #checkKanjiPopupInner #popupDetailBox #popupMeanUnit dt { width:18%; margin:8px 0 0; } #checkKanjiPopupInner #popupDetailBox #popupMeanUnit dt img { vertical-align:bottom; } #checkKanjiPopupInner #popupDetailBox #popupMeanUnit dd { width:78%; padding:3.4% 0 3.4% 22%; } #checkKanjiPopupInner #popupDetailBox #popupMeanUnit p#popupCheckCharaSp { position:absolute; top:-126px; right:5%; display:block; margin-top:0; } #checkKanjiPopupInner #popupDetailBox #popupMeanUnit p#popupCheckCharaSp img { width:100%; } #checkKanjiPopupInner #popupCheckBox { } #checkKanjiPopupInner #popupCheckBox p#popupCheckIcon { display:none; } #checkKanjiPopupInner #popupCheckBox p#popupCheckChara { display:none; } #checkKanjiPopupInner #popupCheckBox #popupLuckyTop { padding-top:0; margin:0; background:none; } #checkKanjiPopupInner #popupCheckBox #popupLuckyBottom { padding-bottom:0; background:none; } #checkKanjiPopupInner #popupCheckBox #popupLuckyUnit { border:solid 2px #fc7b68; border-radius:10px; margin:0 3%; background:none #fff8cc; } #checkKanjiPopupInner #popupCheckBox #popupLuckyTitleUnitInner { width:100%; margin-top:0; margin-bottom:10px; background:none #fc7b68; float:none; text-align:center; } #checkKanjiPopupInner #popupCheckBox #popupLuckyTitleUnitInner img { width:100%; margin-top:0; } #checkKanjiPopupInner #popupCheckBox #popupLuckyMeanUnitInner { width:94%; margin:15px 3% 10px; float:none; } /* ------------------------------------------------------------ 各級の出題内容と審査基準 ｜ degree/index.html ------------------------------------------------------------- */ table#outline_degree_teido { border-top:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; } table#outline_degree_teido td, table#outline_degree_teido th { display:block; border:none; border-bottom:1px solid #ccc; } table#outline_degree_teido td.level { width:auto; } table#outline_degree_teido #c1q-h { text-align:center; } table#outline_degree_teido #cj1q-h { margin-top:20px; text-align:center; } table#outline_degree_teido #c2q-h { margin-top:20px; text-align:center; } table#outline_degree_teido #cj2q-h { margin-top:20px; text-align:center; } table#outline_degree_teido #c3q-h { margin-top:20px; text-align:center; } table#outline_degree_teido #c4q-h { margin-top:20px; text-align:center; } table#outline_degree_teido #c5q-h { margin-top:20px; text-align:center; } table#outline_degree_teido #c6q-h { margin-top:20px; text-align:center; } table#outline_degree_teido #c7q-h { margin-top:20px; text-align:center; } table#outline_degree_teido #c8q-h { margin-top:20px; text-align:center; } table#outline_degree_teido #c9q-h { margin-top:20px; text-align:center; } table#outline_degree_teido #c10q-h { margin-top:20px; text-align:center; } table#outline_degree_teido .y-bk { background-color:#fff; } table#outline_degree_teido .no-w span { display:inline; } table.outlineDegreeTeido { margin-top:0; } table.outlineDegreeTeido th { display:block; width:auto; border-top:none; } table.outlineDegreeTeido td { display:block; border-top:none; } /* --------------------------------------- 16/04/01改訂 start --------------------------------------- */ table.sampleQueTable tr td a { display:inline-block; } /* --------------------------------------- 16/04/01改訂 end --------------------------------------- */ /* ------------------------------------------------------------ 申込方法 ｜ application/index.html ------------------------------------------------------------- */ #outlineAppLink { margin-top:20px; } #outlineAppLink .fLeft { width:auto; } #outlineAppLink .fRight { width:auto; margin-top:20px; } /* ------------------------------------------------------------ オフィシャル商品 ｜ official/index.html ------------------------------------------------------------- */ .officialArea h4.appTitle { margin-top:40px; } .officialArea ul.descImgList { margin:20px 0 0; } .officialArea ul.descImgList li { width:30%; margin:0 0 0 3.5%; } .officialArea ul.descImgList li:first-child { margin-left:1.5%; } .bannerPosition { width:90%; margin:20px auto 0; } /* --------------------------------------- 22/12/13改訂 start --------------------------------------- */ .officialArea #smartDfBox1 { display: block; text-align: center; } .officialArea #smartDfBox1 p { width: 90%; margin: 15px 5% 0; text-align: center; } .officialArea #smartDfBox2 { display: block; } .officialArea #smartDfBox2 .noticeAreaWhite02 { width: 100%; margin: 0; } .officialArea #smartDfBox2 > p { width: 60%; margin-top: 15px; } /* --------------------------------------- 22/12/13改訂 end --------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 個人受検 ｜ personal ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .personal_flowArea { margin-left:0; } ul.personal_apply_conveni_list { margin-left:0; } ul.personal_apply_conveni_list li { margin-left:0; float:none; } ul.personal_apply_conveni_applylist li { word-break:break-all; } .personal_overseas_table01 td { word-break:break-all; } /* write230324 */ dl.personal_apply_OpenClose dd .imgBox { width: 100%; margin-top: 15px; } dl.personal_apply_OpenClose dd .txtBox { width: 100%; margin-top: 15px; } dl.personal_apply_OpenClose dt { padding-right: 20px; } dl.personal_apply_OpenClose dd .txtBox + .imgBox { margin-top: 30px; } .seat { display: block; } /* write230324end */ /* --------------------------------------- 16/04/01改訂 start --------------------------------------- */ /* 検定日程 ｜ schedule.html */ ul.scheduleList { width:100%; } ul.scheduleList li table th { display:block; width:100%; padding:5px 0; } ul.scheduleList li table td { display:block; width:100%; } ul.scheduleList li table td dl { display:table; width:100%; margin-top:10px; } ul.scheduleList li table td dl dt { display:table-cell; width:50%; box-sizing:border-box; float:none; } ul.scheduleList li table td dl dd { display:table; width:100%; margin-left:0; } ul.scheduleList li table td dl dd.scheduleCommon { font-size:93%; } ul.scheduleList li table td dl dd.atComment p { display:inline-block; padding-left:1em; margin:0; } ul.scheduleList li table td dl dd.atComment p span { display:inline; padding:0; } ul.scheduleList li table td dl dd.atComment p:first-child { display:inline-block; padding-left:1em; margin:0; text-indent:-1em; } ul.scheduleList li table td dl dt.scheduleDateStartArrows { padding-bottom:0; background:url("/kanken/personal/images/personal_schedule_bg_arrow02.gif") no-repeat 70% bottom; } ul.scheduleList li table td dl dt.scheduleDateClosingArrows { padding-bottom:0; background:url("/kanken/personal/images/personal_schedule_bg_arrow02.gif") no-repeat 70% 3.1em; } ul.scheduleList li table td dl dt.scheduleDateClosingArrows02 { padding-bottom:35px; background:url("/kanken/personal/images/personal_schedule_bg_arrow01.gif") no-repeat 70% bottom; } ul.scheduleList li table td dl dt.scheduleDateExamination { margin-top:0; background:url("/kanken/personal/images/personal_schedule_bg_arrow02.gif") no-repeat 70% bottom; } ul.scheduleList li table td dl dt.scheduleDatescheduleExaminationArrow { } ul.scheduleList li table td dl dd span { display:block; padding:2px 7px; } ul.scheduleList li table td dl dd.scheduleClosing { margin-top:0; } ul.scheduleList li table td dl dd.scheduleExamination { margin-top:0; } ul.scheduleList li table td dl dd.scheduleExamination span { padding:4px 7px 3px; } ul.scheduleList li table td dl.scheduleResult dd.scheduleCommon { margin-top:0; } ul#scheduleList { width:100%; } ul#scheduleList li table th { display:block; width:100%; padding:5px 0; } ul#scheduleList li table td { display:block; width:100%; } ul#scheduleList li table td dl { display:table; width:100%; margin-top:10px; } ul#scheduleList li table td dl dt { display:table-cell; width:50%; box-sizing:border-box; float:none; } ul#scheduleList li table td dl dd { display:table; width:100%; margin-left:0; } ul#scheduleList li table td dl dd.scheduleCommon { font-size:93%; } ul#scheduleList li table td dl dd.atComment p { display:inline-block; padding-left:1em; margin:0; } ul#scheduleList li table td dl dd.atComment p span { display:inline; padding:0; } ul#scheduleList li table td dl dd.atComment p:first-child { display:inline-block; padding-left:1em; margin:0; text-indent:-1em; } ul#scheduleList li table td dl dt.scheduleDateStartArrows { padding-bottom:0; background:url("/kanken/personal/images/personal_schedule_bg_arrow01.gif") no-repeat 70% bottom; } ul#scheduleList li table td dl dt.scheduleDateClosingArrows { padding-bottom:0; background:url("/kanken/personal/images/personal_schedule_bg_arrow03.gif") no-repeat 70% 3.1em; } ul#scheduleList li table td dl dt.scheduleDateClosingArrows02 { padding-bottom:35px; background:url("/kanken/personal/images/personal_schedule_bg_arrow01.gif") no-repeat 70% bottom; } ul#scheduleList li table td dl dt.scheduleDateExamination { margin-top:0; background:url("/kanken/personal/images/personal_schedule_bg_arrow02.gif") no-repeat 70% bottom; } ul#scheduleList li table td dl dt.scheduleDatescheduleExaminationArrow { } ul#scheduleList li table td dl dd span { display:block; padding:2px 7px; } ul#scheduleList li table td dl dd.scheduleClosing { margin-top:0; } ul#scheduleList li table td dl dd.scheduleExamination { margin-top:0; } ul#scheduleList li table td dl dd.scheduleExamination span { padding:4px 7px 3px; } ul#scheduleList li table td dl.scheduleResult dd.scheduleCommon { margin-top:0; } /* お申し込み後から結果のお届けまで ｜ apply/index.html */ p.featureTitle { margin-top:15px; } p.featureTitle span { float:none; } p.featureTitle span.imgFeature { display:block; } p.featureTitle span.imgFeature img { width:auto !important; } p.featureTitle span.txtFeature { display:block; margin:5px 0 0; } /* 合格証明書の再発行 ｜ apply_reissue.html */ ol#reissueStepList li p.reissueStepTitle span.reissueStepTxt { /* border-bottom:none; */ width:87%; } ol#reissueStepList li .reissueStepBody { margin-left:0; } ol#reissueStepList li .reissueStepBody .txtBold { color:#000; } /* キャリタス資格・検定のお申し込みの流れと操作について ｜ flow.html */ ol#careerTasuApplyFlowList { padding-left:0; margin-top:20px; } ol#careerTasuApplyFlowList li { padding-top:35px; background-image:url("/kanken/personal/images/personal_apply_applypc_bg_flow_sp.gif"); background-position:center 15px; } ol#careerTasuApplyFlowList li:first-child { background:none; } ol#careerTasuApplyFlowList li .careerTasuApplyLeftInner { width:auto; float:none; } ol#careerTasuApplyFlowList li .careerTasuApplyLeftInner .careerTasuApplyBody { margin-left:0; } ol#careerTasuApplyFlowList li .careerTasuApplyRightInner { margin-top:10px; float:none; text-align:center; } /* --------------------------------------- 16/04/01改訂 end --------------------------------------- */ /* 200630write */ ul.scheduleList li table td .scheAtarea { width:100%; box-sizing:border-box; padding:20px 20px 30px; border:1px solid #ccc; margin:10px 0 0; line-height:1.8; text-align:center; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 団体受検 ｜ group ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .picArea01sp { width:100%; } .picArea01sp div.col01 { width:50%; margin:0; float:left; } .picArea01sp div.col02 { width:50%; margin:0; float:right; } .picArea02sp { width:100%; margin-left:0; } .picArea02sp div.col01 { width:50%; float:left; } .picArea02sp div.col02 { width:50%; margin-right:0; float:left; } .picArea02sp div.col03 { width:50%; } .picArea04sp { width:100%; margin-left:0; } .picArea04sp div.col01 { width:50%; float:left; } .picArea04sp div.col02 { width:50%; margin-right:0; float:left; } .picArea04sp div.col03 { width:50%; } ul.group_preplace_list { margin-top:10px; } ul.group_preplace_list { text-align:center; } ul.group_preplace_list li { display:block; float:none; } ul.group_preplace_list li:first-child { padding-top:0; margin-top:0; background:none; } ul.group_preplace_list li img { width:90% !important; } ul.group_preplace_list li a { display:block; } ul.group_preplace_list_res { } ul.group_preplace_list_res li { display:block; width:100%; padding:22px 0 0; margin:0 0 5px; margin-left:1%; background:url("/kanken/personal/images/personal_apply_conveni_pic_arrow.gif") center top no-repeat; float:none; } ul.group_preplace_list_res li:first-child { padding-top:0; background:none; } ul.group_preplace_list_res li div { height:auto !important; } ul.group_preplace_list_res li p { width:80%; margin:0 auto; text-align:left; } ul.group_preplace_list_res li span { display:inline; } ul.group_preplace_list_res li span.date { width:46%; border-bottom:none; margin-right:10px; float:left; text-align:right; } ul.group_preplace_list_res li span.action { width:46%; float:right; } .group_preplace_process02_entrySheet span.planeBtn { display:block; } .group_preplace_process02_entrySheet span.planeBtn a { width:auto; padding-top:8px; padding-bottom:8px; } .group_preplace_process02_entrySheet span.planeNoLinkBtn { width:auto; padding-top:8px; padding-bottom:8px; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 漢検CBT受検 ｜ cbt ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ table.cbt_process_apply_table td table.cbt_process_apply { width:100%; } .cbtMovie iframe { width:100%; height:210px; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 小・中・高・大・社 の方へ ｜ primary / juniorhighschool / highschool / business ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* 扉 */ #promoTopNaviArea { margin-top:0; } body.fontLarge #promoTopNaviArea { margin-top:0; } #promoTopNaviLeftInner { width:95%; margin:0 auto; float:none; } #promoTopNaviRightInner { width:95%; border-bottom:none; margin:0 auto; background:#f8f5ea; float:none; } #promoTopNaviRightInner ul { padding:8px 5px; margin:0 0 0 5px; } #promoTopNaviRightInner ul li { width:23%; margin-left:1.5%; } #promoTopNaviRightInner ul.parts3 li { width:31%; margin-left:1.5%; } #promoTopNaviRightInner ul li a { display:block; } #promoTopNaviRightInner ul li a:hover img { filter:alpha(opacity=100); opacity:1; } #promoTopContentArea { padding:25px 20px; margin-top:15px; background:url("../images/bg_promo_dot.jpg") left top repeat; } #promoTopContentArea .harfInner p { width:100%; } #promoTopContentArea p { margin-top:10px; } #promoApplyArea { padding:15px 20px 10px; border-radius:0; background:none; } #promoApplyArea p { margin-top:10px; } #promoApplyArea .bdDottedTop { padding-top:0; background:none; } #promoBottomNaviArea { width:95%; margin:20px auto 0; } #promoBottomNaviArea ul { margin:0; } #promoBottomNaviArea ul li { margin-left:0; float:none; } /* 210129変更スタート */ #promoBottomNaviArea2 { width:95%; margin:0 auto; } #promoBottomNaviArea2 ul { margin:0; } #promoBottomNaviArea2 ul li { width:100%; margin-left:0; float:none; } #promoBottomNaviArea2 ul li img { width:100%; } /* 210129変更エンド */ /* マンガ */ #promoMangaMainInner { padding:0 30px 30px; } #promoApplyArea.mangaArea { padding:15px 20px 10px; border-radius:0; background:none #fff; } #promoApplyArea.mangaArea .bdDottedTop { padding-top:10px; background:none #fff; } /* 3つの理由 */ #promoReasonContentArea { padding-bottom:20px; margin-top:10px; } #promoReasonContentArea p.txtDesc { width:95%; } #promoReasonContentArea p.txtHead { margin-top:10px; font-size:141%; line-height:1.5em; } #promoReasonContentArea p.inPagetop { display:none; } #promoReasonContentArea .promoEnclosure { width:90%; padding:5px 3% 20px; } #promoReasonContentArea ul.pointList { width:85%; } #promoReasonContentArea ul.pointList li { margin:15px 0 0; float:none; } #promoReasonContentArea ul.twoList { width:85%; } #promoReasonContentArea ul.twoList li { margin:15px 0 0; float:none; } #promoReasonContentArea ul.threeList { width:80%; } #promoReasonContentArea ul.threeList li { margin:5px 0 0; float:none; } .promoReasonPoint1Inner { width:85%; padding:5px 3% 20px; } .promoReasonPoint2Inner { width:85%; padding:5px 3% 20px; } .promoReasonPoint3Inner { width:85%; padding:5px 3% 20px; } .promoUnit01 { position:static; } .promoUnit01 .txtBox { width:auto; } .promoUnit01 .txtBox p { margin-left:0; } .promoUnit01 .imgBox { position:static; text-align:center; } .promoUnit02 { position:static; margin-top:20px; } .promoUnit02 .txtBox { width:auto; margin-top:10px; float:none; } .promoUnit02 .txtBox p { margin-left:0; } .promoUnit02 .imgBox { position:static; float:none; text-align:center; } .promoUnit03 { position:static; margin-top:10px; } .promoUnit03 .txtBox { width:auto; float:none; } .promoUnit03 .txtBox p { margin-left:0; } .promoUnit04 { position:static; /* margin-top:10px; */ } .promoUnit04 .imgBox { float:none; } .promoUnit04 .imgBox p { margin-left:15px; } .promoUnit04 .txtBox { width:auto; margin-top:20px; float:none; } .promoUnit05 { position:static; /* margin-top:10px; */ } .promoUnit05 .imgBox { float:none; } .promoUnit05 .imgBox p { margin-left:15px; } .promoUnit05 .txtBox { width:auto; margin-top:20px; float:none; } .promoUnit06 { position:static; } .promoUnit06 .txtBox { } .promoUnit06 .txtBox p { margin-left:0; } .promoUnit06 .imgBox { position:static; text-align:center; } #promoApplyArea.reasonArea { padding:15px 20px 10px; border-radius:0; background:none; } #promoApplyArea.triviaArea { padding-top:0; padding-bottom:20px; } /* 220215write */ .pcDisplayNone { display: block; } #promoReasonContentArea #p1Title { display: block; } #promoReasonContentArea #p1Title p { max-width: 60%; margin: 0 auto !important; } #promoReasonContentArea #p1Title + p + p { width: 100%; } #promoReasonContentArea #p1TitleImg p { position: static; width: 50%; margin: 0 auto; } #promoReasonContentArea h5.gBg { margin: 15px 0; font-size: 140%; } #promoReasonContentArea h6 { display: block; font-size: 140%; } #promoReasonContentArea h6 span:nth-of-type(1) { display: inline-block; } #promoReasonContentArea h6 span:nth-of-type(2) { display: inline-block; width: 100%; margin-top: 4px; } #promoReasonContentArea .dfjsbw { display: block; } #promoReasonContentArea .p1Ill { width: 50%; margin: 15px auto;} #promoReasonContentArea .promoUnit07 { margin: 0; } #promoReasonContentArea .promoUnit08 { margin: 0; } #promoReasonContentArea .promoUnit08 .txtBox { width: 100%; } #promoReasonContentArea .promoUnit09 { margin: 0; } #promoReasonContentArea .promoUnit09 .txtBox { width: 100%; } #promoReasonContentArea .lineBox .readH { font-size: 130%; } #promoReasonContentArea #evaluationList { display: block; } #promoReasonContentArea #evaluationList .evaluationBox { width: 100%; } #promoReasonContentArea .hs #evaluationList .evaluationBox .wBg:nth-of-type(1) { min-height: auto; } #promoReasonContentArea .hs #evaluationList .evaluationBox .wBg:nth-of-type(2) { min-height: auto; } #promoReasonContentArea .promoEnclosure dl { display: block; margin: 30px 0 0; } #promoReasonContentArea .promoEnclosure dl dt { width: 100%; } #promoReasonContentArea .promoEnclosure dl dd { width: 100%; } #promoReasonContentArea .numDesc table { position: relative; margin-top: 2em; } #promoReasonContentArea .numDesc table th .thName { position: absolute; top: -1.5em; left: 0; } /* 220215write end */ /* 220228write */ #promoReasonContentArea .jhs #evaluationList .evaluationBox .wBg:nth-of-type(1) { min-height: auto; } #promoReasonContentArea .jhs #evaluationList .evaluationBox .wBg:nth-of-type(2) { min-height: auto; } #promoReasonContentArea .jhs .promoEnclosure dl dt { width: 100%; } #promoReasonContentArea .jhs .promoEnclosure dl dd { width: 100%; } #promoReasonContentArea .jhs .allNum { display:block; } #promoReasonContentArea .jhs .allNum span { width:100%; } #promoReasonContentArea .jhs .allNum span + span { width:100%; } /* 220228write end */ /* 240226write */ #promoReasonContentArea .jhs #evaluationList { width: 100%; } #promoReasonContentArea .jhs #evaluationList .evaluationBox { width: 100%; } #promoReasonContentArea .jhs #evaluationList .evaluationBox.high .wBg:nth-of-type(1) { min-height: auto; } #promoReasonContentArea .jhs #evaluationList .evaluationBox:nth-child(n+3) { margin-top: 15px; } /* 240226write end */ /* 漢字の豆知識 */ #promoTriviaContentArea { padding:0; } #promoTriviaContentArea.bgLine { background:none #f3ffd8; } #promoTriviaContentArea ul.twoDivList, #promoTriviaContentArea ul.threeDivList { width:auto; margin-bottom:0 !important; } #promoTriviaContentArea ul.twoDivList li, #promoTriviaContentArea ul.threeDivList li { width:auto; margin:0 !important; float:none; } #promoTriviaContentArea ul.twoDivList li img, #promoTriviaContentArea ul.threeDivList li img { vertical-align:bottom; } #promoTriviaBackNumberArea ul li { width:auto; height:auto !important; margin:5px 0 0; float:none; } #promoTriviaContentArea h4 { padding:0; border:none; margin:0; } #promoTriviaContentArea p a#promoTriviaLink { position:relative; left:0; width:auto; } /* 221205write */ .careertasuBtnArea { width: 90%; margin: 20px auto 0; text-align: left; } .careertasuBtnArea .linkBox { display: block; } .careertasuBtnArea .linkBox p { margin: 10px 10px 10px 0 !important; text-align: left !important; } #promoApplyArea + .careertasuBtnArea { margin-top: 0;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- サポート ｜ support ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #supportArea p { margin-top:20px; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 満点賞 ｜ manten ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #mantenArea .mantenEnclosureUnit { position:static; width:88%; padding:5px 5% 15px; } #mantenArea .mantenEnclosureUnit p.descTxt { width:auto; } #mantenArea .mantenEnclosureUnit #certificateImg { position:static; } #mantenArea .mantenEnclosureUnit #certificateImg2 { position:static; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 家族受検 ｜ family ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #familyArea .familyEnclosureUnit { position:static; width:88%; padding:5px 5% 15px; } #familyArea .familyEnclosureUnit p.descTxt { width:auto; } #familyArea .familyEnclosureUnit span.strTxt { display:inline; } #familyArea .familyEnclosureUnit #certificateImg { position:static; } #familyArea .planeUnit { margin-left:0; } #familyArea .planeUnit #referLink { position:static; margin-top:10px; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 知っトク！漢検の魅力 ｜ miryoku ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #miryokuArea h2 { padding-bottom:0; background:none; } #miryokuArea .miryokuInner { } #miryokuArea .miryokuInner h3 { margin:20px 0 0; cursor:pointer; } #miryokuArea .miryokuInner p { margin-top:0; } #miryokuArea .miryokuInner ul#miryokuTab { width:90%; margin:20px auto 0; } #miryokuArea .miryokuInner ul#miryokuTab li { width:31.5%; margin-left:2.5%; } #miryokuArea .miryokuInner ul#miryokuTab li:first-child { margin-left:0; } #miryokuArea .miryokuInner ul#miryokuTab li a { display:block; } #miryokuArea .miryokuInner #tabsUnit { margin-top:20px; } #miryokuArea .miryokuInner #tabsUnit #reviewImg { width:90% !important; } #miryokuArea .miryokuInner #tabsUnit .btnNextTab { text-align:center; } #miryokuArea .miryokuInner #tabsUnit .btnNextTab img { width:80% !important; } #miryokuArea .miryokuInner #leadBnUnit { margin-top:20px; } #miryokuArea .miryokuInner #leadBnUnit #leadBnLeftBox { width:80% !important; margin:20px auto 0; float:none; } #miryokuArea .miryokuInner #leadBnUnit #leadBnRightBox { width:80% !important; margin:20px auto 0; float:none; } #miryokuArea .miryokuInner #leadBnUnit .bdDottedTop { font-size:124%; } #miryokuArea .miryokuInner #leadBnUnit ul { margin-top:0 !important; } #miryokuArea .miryokuInner #leadBnUnit ul li { margin:15px 0 0; float:none; } #miryokuArea .miryokuInner #leadBnUnit ul li:first-child { margin-left:0; } #miryokuArea .miryokuInner p#everyoneAnswer { display:none; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 目安チェック ｜ meyasucheck ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #meyasu01Area { width:100%; padding-top:10%; background:url("/kanken/meyasucheck/images/meyasucheck_bg_boxtop_sp.gif") left top no-repeat; background-size:contain; } #meyasu01Area ul#meyasu_btn_list { width:100%; margin:0 auto; } #meyasu01Area ul#meyasu_btn_list li { width:47%; margin-left:2% !important; } #meyasu01Area #meyasuInner { width:100%; padding-bottom:10%; background:url("/kanken/meyasucheck/images/meyasucheck_bg_boxbottom_sp.gif") left bottom no-repeat; background-size:contain; } #meyasu02Area { width:100%; padding-top:20%; } #meyasu02Area.rank2 { background:url("/kanken/meyasucheck/images/meyasucheck_bg_boxtop_rank2_sp.gif") left top no-repeat; background-size:contain; } #meyasu02Area.rankj2 { background:url("/kanken/meyasucheck/images/meyasucheck_bg_boxtop_rankj2_sp.gif") left top no-repeat; background-size:contain; } #meyasu02Area.rank3 { background:url("/kanken/meyasucheck/images/meyasucheck_bg_boxtop_rank3_sp.gif") left top no-repeat; background-size:contain; } #meyasu02Area.rank4 { background:url("/kanken/meyasucheck/images/meyasucheck_bg_boxtop_rank4_sp.gif") left top no-repeat; background-size:contain; } #meyasu02Area.rank5 { background:url("/kanken/meyasucheck/images/meyasucheck_bg_boxtop_rank5_sp.gif") left top no-repeat; background-size:contain; } #meyasu02Area.rank6 { background:url("/kanken/meyasucheck/images/meyasucheck_bg_boxtop_rank6_sp.gif") left top no-repeat; background-size:contain; } #meyasu02Area.rank7 { background:url("/kanken/meyasucheck/images/meyasucheck_bg_boxtop_rank7_sp.gif") left top no-repeat; background-size:contain; } #meyasu02Area.rank8 { background:url("/kanken/meyasucheck/images/meyasucheck_bg_boxtop_rank8_sp.gif") left top no-repeat; background-size:contain; } #meyasu02Area.rank9 { background:url("/kanken/meyasucheck/images/meyasucheck_bg_boxtop_rank9_sp.gif") left top no-repeat; background-size:contain; } #meyasu02Area.rank10 { background:url("/kanken/meyasucheck/images/meyasucheck_bg_boxtop_rank10_sp.gif") left top no-repeat; background-size:contain; } #meyasu02Area h2 { position:static; width:88%; padding:0 6%; } #meyasu02Area p#txtDesc { width:90%; margin:10px auto 0; } #meyasu02Area #meyasuQuestionInner { width:95%; margin-top:10px; } #meyasu02Area #meyasuQuestionInner ol#quetionList li { padding:0 0 20px; margin-top:10px; } #meyasu02Area #meyasuQuestionInner ol#quetionList li p.questionNo { } #meyasu02Area #meyasuQuestionInner ol#quetionList li p.questionTxt { width:75%; margin-left:3%; } #meyasu02Area #meyasuQuestionInner ol#quetionList li ul {; width:95%; padding:5px 1% 5px 4%; margin-top:10px; float:none; } #meyasu02Area #meyasuQuestionInner ol#quetionList li ul li { width:23%; margin:0 0 0 4%; } #meyasu02Area #meyasuBottomInner { width:100%; padding:20px 0 12%; background:url("/kanken/meyasucheck/images/meyasucheck_bg_boxbottom_sp.gif") left bottom no-repeat; background-size:contain; } #meyasu02Area #meyasuBottomInner p#btnAnswer { width:80%; margin:0 auto; } #meyasu02Area #meyasuBottomInner p#btnAnswer span { display:block; margin-left:0 !important; } #meyasu02Area p#txtAnswer01 { margin:20px 0 0 20px; font-size:139%; text-align:left; } #meyasu02Area p#txtAnswer02 { margin-top:25px; font-size:170%; } #meyasu02Area p#txtAnswerDesc { position:static; width:90%; padding:8px 2.5%; margin:20px auto 0; text-align:center; } #meyasuLinkArea p#txtMoreInfo { width:90%; margin:30px auto 0; font-size:170%; text-align:left; } #meyasuLinkArea ul#personalLinkList { width:90%; margin:15px auto 0; } #meyasuLinkArea ul#personalLinkList li { display:block; margin:15px 0 0; float:none; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- お知らせ ｜ topics ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* 一覧 */ dl.topics_list dt { float:none; } dl.topics_list dt span.topicsDate { /* padding-left:0; background:none; */ } dl.topics_list dt span.topicsDate img { position:static; width:auto !important; vertical-align:text-top; } dl.topics_list dd { padding:5px 0; } /* 16/04改訂追加 */ dl.important_list dt { float:none; } dl.important_list dt span.topicsDate img { position:static; width:auto !important; vertical-align:text-top; } dl.important_list dd { padding:5px 0; } /* 詳細 */ h3.topics_caption { margin-top:20px; } .topics_detail_icon img { position:static; } .topics_detail_icon02 { width:35%; margin:3px 0 0 2px; float:none; } .topics_detail_text02 { width:auto; margin:5px 0 0 8px; float:none; } .topics_detail_text02 span { margin-left:0; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- よくある質問 ｜ faq ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ dl.faqList img { width:auto; } dl.faqList dd .faqClose span.planeBtn a { display:inline-block; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 団体受検 取組事例 ｜ groupcase ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .application_group_case_caseArea { margin:0; } .application_group_case_caseArea .caseItem { width:46%; padding:0 0 10px; margin:15px 0 0 8px; } .application_group_case_caseArea .caseItem p img { width:140px !important; height:140px !important; } .application_group_case_caseDetail .fLeft { text-align:center; } .application_group_case_caseDetail .fLeft img { width:140px !important; height:140px !important; } .application_group_case_caseDetail .fRight { width:auto; background-position:left 0.3em; } ul.application_group_case_area { margin-left:0; } ul.application_group_case_area li { display:inline-block; padding:0 4px; border-right:1px solid #000; } .groupCaseArea img { width:auto !important; } .groupCaseArea img.fRight { float:right; } .groupCaseArea span.fRight { float:right; } .groupcase_list { width:auto; } .picArea01 .fLeft { width:auto; margin:10px; } .picArea01 .fRight { width:auto; margin:10px; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 企業の声 ｜ enterprisevoice ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .enterprisevoice_listDetail .fLeft { text-align:center; } .enterprisevoice_listDetail .fLeft img { width:130px !important; height:130px !important; } .enterprisevoice_listDetail .fRight { width:auto; } .enterprisevoice_detail_infoArea .fLeft { text-align:center; } .enterprisevoice_detail_infoArea .fRight { width:auto; text-align:center; } .enterprisevoice_detail_infoArea img { width:auto !important; } p.pagePrev span.planeBtn a { padding:10px 1em 10px 2em; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 成績優秀者表彰式 ｜ citation ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* write200227 */ .citacionList li { width:45%; box-sizing:border-box; margin-left:15px; } .citacionList li:nth-last-child(2n) { margin-left:0;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 漢字教育サポーター紹介制度 ｜ supporter ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #supporter .supporterMenuArea { width:auto; } #supporter ul.supporterMenu { margin:40px 0 0; } #supporter ul.supporterMenu li { width:47%; height:auto; margin-left:2%; } #supporter .curriculumCase .curriculumContents table { width:auto; } #supporter .curriculumCase p.curriculumTheme { padding-right:5%; } #supporter .activityArea { margin:0; } #supporter .activityArea .activityItem { display:inline; width:46%; padding-bottom:30px; margin:15px 0 0 8px; float:left; } #supporter .activityArea .activityItem p { margin:0 0 5px; line-height:1.2; } #supporter .activityArea .activityItem p img { width:140px; height:140px; } #supporter .activityDetail { margin:20px 0 0; } #supporter .activityDetail h4 { padding:0; border:none; margin:0 0 15px; background:none; color:#222; font-size:131%; } #supporter .activityDetail .paragraph { margin-top:25px; } #supporter ul.supporterSearchList { margin-top:0; } #supporter ul.supporterSearchList li { display:inline-block; margin:8px 8px 8px 0; font-size:124%; } #supporter h3.searchTitle { width:90%; } /* write180412 */ #supporter .searchBtnArea { width:95%; } #supporter .searchBtnArea button#btnSearchCond { width:80%; margin-right:0; float:none; } #supporter .searchBtnArea button#btnClear { width:50%; float:none; } #supporter tbody { display:block; } #supporter .column { width:98%; padding:4px 1%; border-bottom:solid 1px #ccc; border-left:solid 1px #ccc; } #supporter .row { border-top:solid 2px #FFBF0D; border-right:solid 1px #ccc; margin-top:20px; } #supporter .row:first-child { margin-top:12px; } #supporter .tableHead { display:none; } #supporter .column::before { display:inline-block; width:80px; padding-left:5px; margin:0 5px 0 0; background:none #eee; content: " " attr(data-label); font-weight:bold; } #supporter .column.eleHide::before { display:none; } #supporter .column.oneColumn::before { display:block; width:98%; padding-right:0; margin-bottom:5px; } #supporter div.table img { width:auto; } #supporter .supporter_caseArea { margin:0; } #supporter .supporter_caseArea .caseItem { width:46%; padding:0 0 10px; margin:15px 0 0 8px; } #supporter .supporter_caseArea .caseItem p img { width:140px !important; height:140px !important; } #supporter .supportCaseArea img { display: inline-block; width:auto !important} #supporter .supportCaseArea img.fRight { float:right; } #supporter .supportCaseArea span.fRight { float:right; } #supporter .paragraph img.fRight { width:100% !important; margin: 0 auto 10px !important; float:none; } #supporter .column > a { vertical-align:0.9em; } #supporter .column a.arrowLink img { margin:0 6px; vertical-align:-0.13em; } /* write180412end */ /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 調査・データ ｜ investigation ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .atCommentPosAbs { position:static; } .atCommentPosAbs02 { position:static; } /* 170113追加 */ .posRelative p.balloonTxt { top:0; left:0; } .posRelative p.balloonGraph { padding-top:34%; margin-top:0; } .posRelative p.spPosStatic { position:static; margin-top:5px; text-align:right; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 漢検の教材 ｜ textbook ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ ul.textbook_btn_apply { width:100%; margin:0 auto; } ul.textbook_btn_apply li { width:32%; margin-left:2%; } ul.textbook_btn_apply li:first-child { margin-left:0; } .textbook_book_list .fLeft { width:35%; float:left; } .textbook_book_list .fRight { width:60%; float:right; } table.textbook_book_table01 td { border:none; } table.textbook_book_table01 th { border:none; vertical-align:top; } table.textbook_book_table02 { margin-top:10px; } table.textbook_book_table02 td { display:block; width:auto; padding:10px 0 10px 75px; border:none; } table.textbook_book_table02 th { position:relative; display:block; padding:0 0 0 5px; text-align:center; } table.textbook_book_table02 th a { position:absolute; top:12px; left:0; } table.textbook_book_table02 th img { } .textbook_book_list02 .w270 { width:270px !important; } .textbook_book_list03 .w270 { width:270px !important; } .threePopup .fLeft { width:46%; margin-top:30px; margin-left:3% !important; float:left !important; } .textbook_book_groupBtn { top:50%; left:40%; margin-top:0; font-size:80% !important; } table.textbook_book_table03 td { display:block; } table.textbook_book_table03 td:first-child { margin-top:10px; font-weight:bold; } /* write180301 */ .textbookIconBg { display:inline-block; margin:5px 3px 3px; } ul.touanList li { margin:6px 20px 6px 0; } /* ul.textbookBnArea { margin-left:2.5%; } ul.textbookBnArea li { width:47.5%; margin-left:2.5%; } ul.textbookBnArea li:first-child { margin-left:0;} ul.textbookBnArea li img { margin-top:10px; vertical-align:top; } */ /* rewrite210512 */ ul.textbookBnArea { width:95%; margin:10px auto 0; } ul.textbookBnArea li { width:32%; margin-left:2%; } ul.textbookBnArea li:first-child { margin-left:0;} ul.textbookBnArea li img { margin-top:10px; vertical-align:top; } /* rewrite210512end */ /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 団体担当の方へ ｜ organization ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* 扉 */ #organizationTitleArea { margin-top:20px; } #organizationTitleArea h2 { padding-bottom:0; background:none; } #organizationMainArea { padding:10px 2.5% 20px; margin-top:20px; background-color:#f6fafc; } #organizationReasonInnerTop { padding-top:2.1%; margin-top:30px; background:url("/kanken/organization/images/organization_bg_reason_top_sp.gif") center top no-repeat; background-size:100%; } #organizationReasonInnerBottom { padding:5% 0 10%; background:url("/kanken/organization/images/organization_bg_reason_bottom_sp.gif") center bottom no-repeat; background-size:100%; } #organizationReasonInnerBottom p.reasonTitle { width:90%; margin:0 auto; margin-top:0; } .organizationReasonUnit { width:85%; margin:0 auto; } .organizationReasonUnit p.reasonSubTitle { margin-top:20px; } .organizationReasonLeftBox { width:100%; float:none; } .organizationReasonRightBox { width:100%; margin-right:0; float:none; } ul.organizationStepList { margin:20px 0 0; } ul.organizationStepList li { margin-top:0; float:none; } ul.organizationStepList li img { vertical-align:bottom; } /* 詳細 */ .organizationStepInner { padding-top:40px; margin-top:30px; background:url("/kanken/organization/images/organization_step_bg_dotedline_sp.gif") center top no-repeat; } .organizationStepLeftBox { width:auto; float:none; } .organizationStepRightBox { display:none; margin:10px 0 0; float:none; } .organizationStepRightBox p.spFLeft { width:35%; } .organizationStepRightBox p.spFRight { width:60%; } .organizationStepRingTopBox { padding-top:8.1%; background:url("/kanken/organization/images/organization_step_bg_groupcase_top_sp.gif") center top no-repeat; background-size:100%; } .organizationStepRingBottomBox { padding:5% 5% 8%; background:url("/kanken/organization/images/organization_step_bg_groupcase_bottom_sp.gif") center bottom no-repeat; background-size:100%; } .organizationStepRingLeftTopBox { width:auto; padding-top:8.1%; background:url("/kanken/organization/images/organization_step_bg_groupcase_top_sp.gif") center top no-repeat; background-size:100%; float:none; } .organizationStepRingLeftBottomBox { height:auto !important; padding:5% 5% 8%; background:url("/kanken/organization/images/organization_step_bg_groupcase_bottom_sp.gif") center bottom no-repeat; background-size:100%; } .organizationStepRingRightTopBox { width:auto; padding-top:8.1%; margin-top:20px; background:url("/kanken/organization/images/organization_step_bg_tool_top_sp.gif") center top no-repeat; background-size:100%; float:none; } .organizationStepRingRightBottomBox { height:auto !important; padding:5% 5% 8%; background:url("/kanken/organization/images/organization_step_bg_tool_bottom_sp.gif") center bottom no-repeat; background-size:100%; } .organizationStepRingRightBottomBox p.stepRightBtn { position:static; margin-top:20px; } #organizationBottomLinkInner { padding-top:40px; margin-top:30px; background:url("/kanken/organization/images/organization_step_bg_dotedline_sp.gif") center top no-repeat; } #organizationBottomLinkInner ul li { margin-left:0; float:none; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 私の好きな漢字と漢検 ｜ sukinakanji ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #sukinakanjiTitleArea { margin-top:30px; } #sukinakanjiIntroArea p.sukinakanjiIntroTxt { width:90%; margin:0 auto; float:none; } #sukinakanjiIntroArea p.sukinakanjiIntroImg { width:90%; margin:20px auto 0; float:none; } #sukinakanjiMainArea { width:90%; margin:0 auto; } #sukinakanjiMainArea h3 { margin-top:30px; } .sukinakanjiBookInner .sukinakanjiBookUnit { padding:20px 5%; } .sukinakanjiBookUnit .sukinakanjiBookImgBox { width:50%; margin:0 5% 20px 0; } .sukinakanjiBookUnit .sukinakanjiBookImgBox p { margin-top:0; } .sukinakanjiBookUnit .sukinakanjiBookDetailBox { width:auto; float:none; } .sukinakanjiBookUnit .sukinakanjiBookDetailBox ul.bookList { width:100%; margin-top:10px; } .sukinakanjiBookUnit .sukinakanjiBookDetailBox ul.bookList li { width:40%; margin:15px 0 0 7%; } .sukinakanjiBookUnit .sukinakanjiBookDetailBox ul.bookList li:first-child { margin:15px 0 0 7%; } /* 第2回追記 */ .sukinakanjiBookUnit .sukinakanjiRecommendTxtBox { width:auto; float:none; } .sukinakanjiBookUnit .sukinakanjiRecommendImgBoxInner { margin:10px 0 0; } .sukinakanjiBookUnit .sukinakanjiRecommendImgBox { width:auto; float:none; } #sukinakanjiBackNumberArea { width:90%; margin:30px auto 0; } .sukinakanjiNewInner .sukinakanjiUnit .thumbBox { width:25%; float:left; } .sukinakanjiNewInner .sukinakanjiUnit .thumbBox p { margin-top:0; } .sukinakanjiNewInner .sukinakanjiUnit .linkBox { width:70%; margin-left:5%; float:left; } .sukinakanjiNewInner .sukinakanjiUnit .linkBox ul li { margin:5px 0 0; } .sukinakanjiNewInner .sukinakanjiUnit .linkBox ul li:first-child { margin-top:0; } .sukinakanjiBackNumberInner { margin-top:25px; } .sukinakanjiBackNumberInner p#sukinakanjiBackNumberTitle { padding-bottom:5px; border-bottom:2px solid #a7a7a7; margin-top:10px; font-size:116%; font-weight:bold; } .sukinakanjiBackNumberInner ul.sukinakanjiBackNumberList { margin:0; } .sukinakanjiBackNumberInner ul.sukinakanjiBackNumberList li.sukinakanjiBackNumber { width:auto; height:auto !important; margin:20px 0 0; float:none; list-style:none; } .sukinakanjiBackNumberInner ul.sukinakanjiBackNumberList li.sukinakanjiBackNumber:first-child { margin-top:20px; } .sukinakanjiBackNumberInner ul.sukinakanjiBackNumberList li.sukinakanjiBackNumber p.sukinakanjiListTitle { padding-bottom:5px; background:url("/kanken/kanjitokanken/images/kanjitokanken_bg_line_backnumber.gif") left bottom repeat-x; } .sukinakanjiBackNumberInner .sukinakanjiUnit { margin-top:10px; } .sukinakanjiBackNumberInner .sukinakanjiUnit .thumbBox { width:25%; float:left; } .sukinakanjiBackNumberInner .sukinakanjiUnit .thumbBox p { margin-top:0; } .sukinakanjiBackNumberInner .sukinakanjiUnit .linkBox { width:70%; margin-left:5%; float:left; } .sukinakanjiBackNumberInner .sukinakanjiUnit .linkBox ul li { margin:5px 0 0; } .sukinakanjiBackNumberInner .sukinakanjiUnit .linkBox ul li:first-child { margin-top:0; } /* 第3回追記 */ .sukinakanjiDvdUnit { padding:10px; border:solid 3px #eb5d18; border-top:0; background:#fef8f8; } .sukinakanjiDvdUnit .sukinakanjiDvdImgBox { display:block; width:50%; margin:0 auto; float:none; } .sukinakanjiDvdUnit .sukinakanjiDvdTxtBox { width:100%; margin-left:0; float:none; } .sukinakanjiDvdUnit .sukinakanjiDvdTxtBox h4 { padding:0; border:none; margin-top:10px; background:none; color:#eb5d18; } .sukinakanjiDvdUnit .sukinakanjiDvdTxtBox p.sukinakanjiDvdInfo { font-size:79%; line-height:1.5em; } #columnLeft { width:100%; height:auto; float:none; } #columnRight { width:100%; height:auto !important; box-sizing:border-box; padding:10px 15%; margin-top:20px; float:none; } #columnRight p#bookImg { width:60%; margin-top:10px; } /* 第13回追記 */ #columnLeft2 { width:100%; height:auto; float:none; } #columnRight2 { width:100%; height:auto !important; box-sizing:border-box; padding:3%; margin-top:20px; float:none; } #columnRight2 p { width:100%; margin-top:10px; } #columnRight2 p#bookImg { width:50%; margin:2% 0 2% 25%; } #columnRight2 p#bookImg img { width:100%; } /* 第15回追記 */ #columnLeft3 { width:100%; height:auto; float:none; } #columnRight3 { width:100%; height:auto; box-sizing:border-box; margin-top:5%; float:none; } #columnRight3 p { width:100%; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 合格体験記 ｜ success ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #successMainArea { padding-top:3%; } #successMainArea .successTopInner01 { width:85%; padding:20px 5%; margin:0 auto; background:url("/kanken/success/images/success_bg_top01_sp.png") center top no-repeat #fff; background-size:100%; } #successMainArea .successTopInner02 { overflow:visible; width:85%; padding:0 5% 20px; margin:30px auto 0; background:url("/kanken/success/images/success_bg_top02_sp.png") center top no-repeat #fff; background-size:100%; } #successMainArea ul.successNaviList { width:auto; margin:20px auto 0; } #successMainArea ul.successNaviList li { width:43%; margin-left:4%; } #successMainArea ul.successNaviList li:first-child { margin-left:4%; } #successMainArea p.successProfile { position:static; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ほな、漢検 ｜ honakanken ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #mainWrapperWide.honakanken { width:95%; padding-bottom:30px; margin:10px auto 0; background:url("/kanken/honakanken/images/honakanken_bg_sp.jpg") center top no-repeat; background-size:cover; } #honaContents01Area { position:static; height:auto; } #honaContents01Area p { position:static; top:auto; left:auto; } #honaContents01Area p#honaImg01 { width:70%; margin:40px 0 0 10%; float:left; } #honaContents01Area p#honaTxt01 { width:10%; margin:40px 0 0; float:left; } #honaContents01Area p#honaTxt02 { width:100%; margin-top:20px; text-align:center; } #honaContents01Area p#honaTxt02 img { width:70%; } #honaContents01Area p#honaImg02 { width:70%; margin:20px 5% 0 0; float:right; } #honaContents01Area p#honaTxt03 { width:10%; margin:100px 0 0 10%; float:left; } #honaContents01Area p#honaTxt04 { width:100%; margin-top:20px; text-align:center; } #honaContents01Area p#honaTxt04 img { width:70%; } #honaContents02Area img { width:90%; } #honaContents02Area p#honaImg03 { margin-top:30px; } #honaContents02Area p#honaTxt05 { margin-top:30px; } #honaContents02Area p#honaTxt06 { margin-top:20px; } #honaNaviArea { margin-top:40px; } #honaNaviArea ul#honaTriviaList { width:100%; } #honaNaviArea ul#honaTriviaList li { width:46.4%; margin:5px 0 5px 2.5% !important; } #honaNaviArea p#honaPersonal { width:100%; margin-top:20px; } #honaNaviArea p#honaPersonal img { width:95%; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 新生活に正しい漢字を | 日本漢字能力検定 ｜ shinseikatsu ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #mainWrapperWide.shinseikatsu { margin-top:0; } ul#shinseikatsuContentsList li span { display:none; } #shinseikatsuNaviArea { margin-top:40px; } #shinseikatsuNaviArea p#shinseikatsuTrivia { width:80%; margin:0 auto; } #shinseikatsuNaviArea ul#shinseikatsuTriviaList { width:100%; } #shinseikatsuNaviArea ul#shinseikatsuTriviaList li { width:46.4%; margin:5px 0 5px 2.5% !important; } #shinseikatsuNaviArea p#shinseikatsuPersonal { width:100%; margin-top:20px; } #shinseikatsuNaviArea p#shinseikatsuPersonal img { width:95%; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 彼女が漢字を好きな理由。 ｜ kanokan ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #kanokan img { width:100%; } #kanokan ul li { margin-bottom:0; } #kanokan .cf { overflow:visible; } #cboxContent { margin-top:35px !important; } #cboxClose { top:-30px !important; right:0 !important; } #colorbox { padding-right:0 !important; } /* ------------------------------ ヘッダー ------------------------------- */ #headerKanokanContainer { border-top:5px solid #ff0; border-bottom:1px solid #ccc; background:none #fff; box-shadow:0 0 5px; } #headerKanokanContainer.gnfixed { /* position:static; */ top:0; } #headerKanokanWrapper { position:relative; width:100%; } #headerKanokanWrapper #headerKanokanLeftArea { width:35%; } #headerKanokanWrapper #headerKanokanRightArea { width:50%; padding:15px 0; } /* グローバルナビ */ #headerKanokanWrapper #headerKanokanLeftArea p { top:10px; margin-left:20px; } #headerKanokanWrapper #headerKanokanLeftArea ul#globalNavi { display:none; } ul#globalNaviSp { display:none; background-color:#fff; } ul#globalNaviSp li { border-top:1px solid #ccc; background-color:#fff; } ul#globalNaviSp li#natsumiLink { background-color:#2c4530; } /* SNSリスト */ #headerKanokanWrapper #headerKanokanRightArea p { display:none; } #headerKanokanWrapper #headerKanokanRightArea ul#snsList { width:70%; margin:3px 0 0; float:left; } #headerKanokanWrapper #headerKanokanRightArea ul#snsList li { width:33%; } #headerKanokanWrapper #headerKanokanRightArea ul#snsList li.lineBtn { display:block; } #headerKanokanWrapper #headerKanokanRightArea p#spMenu { display:block; width:24%; padding:0 2% 0 4%; cursor:pointer; float:right; } #kanokan.kanokanNatsumi #headerKanokanWrapper #headerKanokanRightArea ul#snsList { width:49%; padding-left:21%; } #kanokan.kanokanNatsumi #headerKanokanWrapper #headerKanokanRightArea ul#snsList li { width:49%; } /* ------------------------------ コンテンツ ------------------------------- */ /* メインビジュアル */ #mvKanokanContainer { width:100%; min-width:auto; background:none !important; } #mvKanokanContainer #mvKanokanWrapper { height:auto !important; min-height:auto; margin:0 auto; } #mvKanokanContainer #mvKanokanWrapper h1 { text-indent:0; } #mvKanokanContainer #mvKanokanWrapper p#bnSchedule { position:static; } /* 物語 */ #storyKanokanContainer { width:100%; min-width:auto; padding-top:10px; background:url("/kanken/kanokan/images/kanokan_bg_story_sp.jpg") center 100px no-repeat; background-size:contain; } #storyKanokanContainer #storyKanokanWrapper { position:relative; width:100%; height:auto !important; padding-bottom:15px; margin:0 auto; } #storyKanokanContainer #storyKanokanWrapper h2 { margin-top:10px; } #storyKanokanContainer #storyKanokanWrapper h2 img { width:110px !important; } #storyKanokanContainer #storyKanokanWrapper p#txtImg01 { position:absolute; top:50px; right:10px; width:30%; } #storyKanokanContainer #storyKanokanWrapper p#txtImg02 { width:90%; margin:60% auto 0; text-align:center; } /* 作品 */ #workKanokanContainer { width:100%; min-width:auto; margin-top:30px; background:url("/kanken/kanokan/images/kanokan_bg_work_sp.jpg") center top no-repeat; background-size:cover; } #workKanokanContainer #workKanokanWrapper { width:100%; padding:25px 0 45px; margin:0 auto; } #workKanokanContainer #workKanokanWrapper h2 { margin-top:5px; } #workKanokanContainer #workKanokanWrapper h2 img { width:110px !important; } #workKanokanContainer #workKanokanWrapper ul { width:80%; margin:0 auto; } #workKanokanContainer #workKanokanWrapper ul li { margin:30px 0 0; float:none; } #workKanokanContainer #workKanokanWrapper p.movieCaption { margin-top:15px; text-align:center; } #workKanokanContainer #workKanokanWrapper p.movieCaption img { width:100px !important; } /* 登場人物 */ #charaKanokanContainer { width:100%; min-width:auto; padding-top:20px; } #charaKanokanContainer #charaKanokanWrapper { position:relative; width:100%; } #charaKanokanContainer #charaKanokanWrapper #charaKanokanArea { position:static; width:80%; margin:0 auto; } #charaKanokanContainer #charaKanokanWrapper #charaKanokanArea h2 { margin-top:5px; } #charaKanokanContainer #charaKanokanWrapper #charaKanokanArea h2 img { width:200px !important; } #charaKanokanContainer #charaKanokanWrapper #charaKanokanArea ul#charaChangeList { width:100%; margin:20px auto 0; } #charaKanokanContainer #charaKanokanWrapper #charaKanokanArea ul#charaChangeList li { width:30%; margin-left:5%; } #charaKanokanContainer #charaKanokanWrapper #charaKanokanArea ul#charaChangeList li:first-child { margin-left:0; } #charaKanokanContainer #charaChangeKanokanWrapper { position:relative; overflow:hidden; width:100%; margin:15px 0 0; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea { width:100%; margin-left:0 !important; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea.cf { overflow:visible; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner01 { width:100%; padding:30px 0; margin:0; background-color:#ffcec4; float:left; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner01 #charaChangeUnit01 { position:relative; width:100%; margin:0 auto; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner01 #charaChangeUnit01 p#wholeBodyHirai { display:none; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner01 #charaChangeUnit01 p#profileHirai { margin-top:30px; text-align:center; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner01 #charaChangeUnit01 p#faceHirai { margin-left:0; text-align:center; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner02 { width:100%; padding:30px 0; margin:0; background-color:#d1e2ff; float:left; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner02 #charaChangeUnit02 { position:relative; width:100%; margin:0 auto; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner02 #charaChangeUnit02 p#wholeBodySagara { display:none; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner02 #charaChangeUnit02 p#profileSagara { margin-top:20px; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner02 #charaChangeUnit02 p#yojiSagara { margin-top:5px; text-align:center; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner02 #charaChangeUnit02 p#faceSagara { margin-left:0; text-align:center; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner03 { width:100%; padding:30px 0; margin:0; background-color:#ffd8b3; float:left; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner03 #charaChangeUnit03 { position:relative; width:100%; margin:0 auto; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner03 #charaChangeUnit03 p#wholeBodyHatano { display:none; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner03 #charaChangeUnit03 p#profileHatano { margin-top:30px; text-align:center; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner03 #charaChangeUnit03 p#faceHatano { margin-left:0; text-align:center; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea .charaChangeLeftBox { width:90%; margin:0 auto !important; float:none; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea .charaChangeRightBox { width:70%; margin:0 auto !important; float:none; } /* 出演・音楽 */ #appearanceKanokanContainer { width:100%; min-width:auto; margin-top:0; background-color:#f5f3e7; } #appearanceKanokanContainer #appearanceKanokanWrapper { width:100%; } #appearanceKanokanContainer #appearanceKanokanWrapper h2 { padding-top:30px; margin-top:0; } #appearanceKanokanContainer #appearanceKanokanWrapper h2 img { width:210px !important; } #appearanceKanokanContainer #appearanceKanokanWrapper ul#appearanceList li { padding:50px 0; border-top:1px solid #dbd9d1; margin-top:0; list-style:none; } #appearanceKanokanContainer #appearanceKanokanWrapper ul#appearanceList li:first-child { border-top:none; margin-top:0; } #appearanceKanokanContainer #appearanceKanokanWrapper ul#appearanceList li ul.colList li { width:90%; margin:15px auto 0; float:none; } #appearanceKanokanContainer #appearanceKanokanWrapper ul#appearanceList li ul.colList li:first-child { margin:0 auto } #appearanceKanokanContainer #appearanceKanokanWrapper ul#appearanceList li ul.colList li.colProfile { width:90%; margin:15px auto 0; } #appearanceKanokanContainer #appearanceKanokanWrapper ul#appearanceList li ul.colList li.colProfile p.profileTitle { font-size:124%; } #appearanceKanokanContainer #appearanceKanokanWrapper ul#appearanceList li ul.colList li.colProfile p.profileTxt { font-size:116%; } #appearanceKanokanContainer #appearanceKanokanWrapper ul#appearanceList li ul.colList li.colKanji { float:none; } /* 制作 */ #productionKanokanContainer { width:100%; min-width:auto; padding-top:20px; } #productionKanokanContainer #productionKanokanWrapper { width:100%; } #productionKanokanContainer #productionKanokanWrapper h2 { padding-top:0; margin-top:0; } #productionKanokanContainer #productionKanokanWrapper h2 img { width:110px !important; } #productionKanokanContainer #productionKanokanWrapper p#studio4Logo img { width:80%; } #productionKanokanContainer #productionKanokanWrapper #studio4Profile { width:90%; margin:0 auto; float:none; } #productionKanokanContainer #productionKanokanWrapper #studio4Profile p.profileTitle { font-size:124%; } #productionKanokanContainer #productionKanokanWrapper #studio4Profile p.profileTxt { font-size:116%; } #productionKanokanContainer #productionKanokanWrapper p#studio4Kanji { width:90%; margin:20px auto 0; float:none; } #productionKanokanContainer #productionKanokanWrapper p#staffTitle img { width:50%; } #productionKanokanContainer #productionKanokanWrapper ul#staffList { width:90%; margin:20px auto 0; } #productionKanokanContainer #productionKanokanWrapper ul#staffList li { width:50%; margin-bottom:0; } /* 夏海の漢検紹介 */ #natsumiIntroKanokanContainer { width:100%; min-width:auto; margin-top:50px; background:none; } #natsumiIntroKanokanContainer #natsumiIntroKanokanWrapper { position:relative; width:100%; height:auto; padding:0; margin:0 auto; } #natsumiIntroKanokanContainer #natsumiIntroKanokanWrapper h2 { padding-top:0; margin-left:0; } #natsumiIntroKanokanContainer #natsumiIntroKanokanWrapper p#introDetail { margin:0; } #natsumiIntroKanokanContainer #natsumiIntroKanokanWrapper p#natsumiTopBody { position:static; } /* 友達と漢検を受検しよう！ */ #snsKanokanContainer { width:100%; min-width:auto; padding:20px 0 40px; margin-top:20px; } #snsKanokanContainer #snsKanokanWrapper { width:100%; } #snsKanokanContainer #snsKanokanWrapper p img { width:80%; } #snsKanokanContainer #snsKanokanWrapper ul { width:90%; margin:20px auto 0; } #snsKanokanContainer #snsKanokanWrapper ul li { width:32%; margin-left:2%; } #snsKanokanContainer #snsKanokanWrapper ul li.lineBtn { display:block; } #kanokan.kanokanNatsumi #snsKanokanContainer #snsKanokanWrapper ul li { width:49%; } /* ------------------------------ フッター ------------------------------- */ #footerKanokanContainer { width:100%; min-width:auto; padding:30px 0; margin-top:0; } #footerKanokanContainer #footerKanokanWrapper { width:90%; padding:0; margin:0 auto; font-size:92%; } #footerKanokanContainer #footerKanokanWrapper p#footerTitle img { width:30%; } #footerKanokanContainer #footerKanokanWrapper ul { width:100%; margin:30px auto 0; font-size:124%; } #footerKanokanContainer #footerKanokanWrapper ul li { padding-left:12px; margin:5px 0 0; background:url("/kanken/kanokan/images/kanokan_footer_bg_arrow.gif") left 0.1em no-repeat; float:none; } #footerKanokanContainer #footerKanokanWrapper ul li:first-child { padding-left:12px; background:url("/kanken/kanokan/images/kanokan_footer_bg_arrow.gif") left 0.1em no-repeat; } #footerKanokanContainer #footerKanokanWrapper ul li a { display:block; color:#000; text-decoration:none; } #footerKanokanContainer #footerKanokanWrapper p#footerCopyright { font-size:108%; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 夏海の漢検紹介 ｜ kanokan/natsumi ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* 夏海背景 */ #kanokan.kanokanNatsumi { background:url("/kanken/kanokan/images/kanokan_natsumi_bg.gif") left top repeat; } /* ------------------------------ ヘッダー ------------------------------- */ #kanokan.kanokanNatsumi #headerKanokanWrapper { width:auto; } #kanokan.kanokanNatsumi #headerKanokanWrapper #headerKanokanLeftArea { width:35%; } #kanokan.kanokanNatsumi #headerKanokanWrapper #headerKanokanRightArea p { margin-top:0; } /* グローバルナビ */ ul#globalNaviSp li#movieLink { background-color:#fad9ac; } /* ------------------------------ コンテンツ ------------------------------- */ /* メインビジュアル */ #mvNatsumiContainer { min-width:auto; background:#f0e8d3; } #mvNatsumiWrapper { position:relative; overflow:visible; width:auto; height:auto; margin:0 auto 30px; } #mvNatsumiWrapper #mvNatsumiRightArea { position:relative; width:90%; padding:0 5% 15px; margin:20px 0 0; background:url("/kanken/kanokan/images/kanokan_natsumi_img_mv_natsumi_01_sp.png") left bottom no-repeat; background-size:53% auto; float:none; } #mvNatsumiWrapper p#mvNatsumi { display:none; } #mvNatsumiWrapper p#bnSchedule { position:static; width:90%; margin:0 auto; } /* サブメニュー */ #natsumiSubMenuContainer { background:url("/kanken/kanokan/images/kanokan_natsumi_bg_submenu_sp.gif") left top repeat-x; background-size:contain; } #natsumiSubMenuWrapper { width:auto; } #natsumiSubMenuWrapper ul#natsumiSubMenu { width:95%; margin:0 auto; } #natsumiSubMenuWrapper ul#natsumiSubMenu li { width:33.33%; } /* 3つの特長 */ #goodPointContainer { position:relative; width:100%; min-width:auto; padding-top:55%; } #goodPointWrapperTop { position:static; width:auto; padding-top:4%; margin:0 auto; background:url("/kanken/kanokan/images/kanokan_natsumi_bg_blackboad_top_sp.png") center top no-repeat; background-size:100% auto; } #goodPointWrapper { padding:0 0 30px; background:url("/kanken/kanokan/images/kanokan_natsumi_bg_blackboad_body_sp.png") center bottom no-repeat; background-size:100% auto; } #goodPointWrapper p#goodPointNatsumi { top:0.5%; left:10%; width:80%; } #goodPointWrapper h2 { width:90%; margin:0 auto; } #goodPointWrapper .goodPointArea { position:static; width:85%; padding-top:5%; margin:120px auto 0; background:url("/kanken/kanokan/images/kanokan_natsumi_bg_paper_top_sp.png") center top no-repeat; background-size:100% auto; } #goodPointWrapper .goodPointInner { position:relative; padding-bottom:10%; background:url("/kanken/kanokan/images/kanokan_natsumi_bg_paper_body_sp.png") center bottom no-repeat; background-size:100% auto; } #goodPointWrapper #goodPoint01Area h3 { width:90%; padding:12% 0 3%; margin:0 auto; } #goodPointWrapper #goodPoint01Area h4 { width:90%; padding:0; margin:5% auto 0; } #goodPointWrapper #goodPoint01Area p#goodPoint01Txt01 { width:90%; margin:5% auto 0; } #goodPointWrapper #goodPoint01Area p#goodPoint01Txt02 { width:90%; margin:5% auto 0; } #goodPointWrapper #goodPoint01Area p#goodPoint01Comment { top:-110px; left:50%; margin-left:-101px; } #goodPointWrapper #goodPoint01Area .goodPointInner { padding-bottom:15%; } #goodPointWrapper #goodPoint02Area { margin-top:30px; } #goodPointWrapper #goodPoint02Area h3 { width:90%; margin:0 auto; } #goodPointWrapper #goodPoint02Area p#goodPoint02Txt { width:90%; margin:0 auto; float:none; } #goodPointWrapper #goodPoint02Area p#certification { width:90%; margin:5% auto 0; float:none; } #goodPointWrapper #goodPoint02Area p#goodPoint02Comment { top:-30px; right:0; } #goodPointWrapper #goodPoint02Area .goodPointInner { padding-bottom:15%; } #goodPointWrapper #goodPoint03Area { margin-top:30px; } #goodPointWrapper #goodPoint03Area h3 { width:90%; margin:0 auto; } #goodPointWrapper #goodPoint03Area p#goodPoint03Txt { width:55%; margin-left:5%; text-align:left; } #goodPointWrapper #goodPoint03Area p#goodPoint03_02Txt { width:90%; margin:5% auto 0; text-align:left; } #goodPointWrapper #goodPoint03Area p#goodPoint03Comment { top:125px; width:33%; } #goodPointWrapper #goodPoint03Area ul#goodPoint03Graph { width:auto; margin:20px auto 0; } #goodPointWrapper #goodPoint03Area ul#goodPoint03Graph li { width:90%; margin:20px auto; float:none; } #goodPointWrapper #goodPoint03Area .goodPointInner { padding-bottom:10%; } /* 選べる受検級 */ #gradeContainer { width:100%; min-width:auto; } #gradeWrapperTop { width:auto; padding-top:4%; margin:30px auto 0; background:url("/kanken/kanokan/images/kanokan_natsumi_bg_blackboad_top_sp.png") center top no-repeat; background-size:100% auto; } #gradeWrapper { padding:0 0 30px; background:url("/kanken/kanokan/images/kanokan_natsumi_bg_blackboad_body_sp.png") center bottom no-repeat; background-size:100% auto; } #gradeWrapper h2 { width:90%; margin:0 auto; } #gradeWrapper p#gradeTable { width:85%; padding-bottom:5%; margin:0 auto; } #gradeWrapper ul#gradeBtn { width:50%; margin:0 10% 5% 0; float:right; } #gradeWrapper ul#gradeBtn li { margin:5% 0 0; float:none; } #gradeWrapper ul#gradeBtn li:first-child { margin-top:0; } #gradeWrapper p#gradeNatsumi { bottom:0; left:0; width:50%; } /* 検定日程 */ #scheduleNatsumiContainer { width:100%; min-width:auto; } #scheduleNatsumiWrapperTop { width:auto; padding-top:4%; margin:30px auto 0; background:url("/kanken/kanokan/images/kanokan_natsumi_bg_blackboad_top_sp.png") center top no-repeat; background-size:100% auto; } #scheduleNatsumiWrapper { padding:0 0 25px; background:url("/kanken/kanokan/images/kanokan_natsumi_bg_blackboad_body_sp.png") center bottom no-repeat; background-size:100% auto; } #scheduleNatsumiWrapper h2 { width:90%; margin:0 auto; } #scheduleNatsumiWrapper p#scheduleComment { width:50%; margin:0 0 8% 15%; } #scheduleNatsumiWrapper p#scheduleNatsumi { bottom:-9%; left:0; width:100%; } #scheduleNatsumiWrapper #scheduleNatsumiArea { width:85%; padding-top:5%; margin:45px auto 0; background:url("/kanken/kanokan/images/kanokan_natsumi_bg_paper_top_sp.png") center top no-repeat; background-size:100% auto; } #scheduleNatsumiWrapper #scheduleNatsumiArea #scheduleNatsumiInner { padding-bottom:10%; background:url("/kanken/kanokan/images/kanokan_natsumi_bg_paper_body_sp.png") center bottom no-repeat; background-size:100% auto; } #scheduleNatsumiWrapper #scheduleNatsumiArea #scheduleNatsumiInner p#scheduleHead { width:15%; padding-top:20px; margin:0 0 0 3%; float:left; } #scheduleNatsumiWrapper #scheduleNatsumiArea #scheduleNatsumiInner ul { width:75%; padding-top:20px; margin:0 3% 0 0; float:right; } #scheduleNatsumiWrapper #scheduleNatsumiArea #scheduleNatsumiInner ul li { margin:25px 0 0; float:none; } #scheduleNatsumiWrapper #scheduleNatsumiArea #scheduleNatsumiInner ul li:first-child { margin:0; } /* 申込バナー */ #natsumiApplyContainer { width:100%; min-width:auto; } #natsumiApplyWrapper { width:90%; margin:40% auto 0; } #natsumiApplyWrapper p#natsumiApplyBn { text-align:center; } /* 友達と漢検を受検しよう！ */ /* #natsumiSnsContainer { width:100%; min-width:initial; min-width:auto; margin-top:20px; padding:20px 0 40px; } #natsumiSnsContainer #natsumiSnsWrapper { width:100%; } #natsumiSnsContainer #natsumiSnsWrapper p img { width:80%; } #natsumiSnsContainer #natsumiSnsWrapper ul#natsumiSnsWrapper { width:90%; margin:20px auto 0; } #natsumiSnsContainer #natsumiSnsWrapper ul#natsumiSnsWrapper li { width:32%; margin-left:2%; } #natsumiSnsContainer #natsumiSnsWrapper ul#natsumiSnsWrapper li.lineBtn { display:block; } */ /* ------------------------------ フッター ------------------------------- */ #kanokan.kanokanNatsumi #footerKanokanContainer { background:#fff; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 豆知識リニューアル ｜ kanokan/trivia ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #triviaContentArea { padding:0 0 30px; margin-top:0; } #triviaContentArea h2 { padding:0; } #triviaContentArea ul#triviaTopList { width:96%; margin:20px auto 0; } #triviaContentArea ul#triviaTopList li { width:49%; margin:10px 0 0; } #triviaContentArea ul#triviaTopList li:nth-child(2n) { margin-left:2% !important; } #triviaContentArea #triviaListInner { width:96%; padding-bottom:60px; margin:10px auto 0; } #triviaContentArea #triviaListInner ul#indexList { width:94%; margin:10px auto 0; font-size:131%; } #triviaContentArea #triviaListInner ul#indexList li { padding:2% 0 0 45px; background:url("/kanken/trivia/images/trivia_list_bg.gif") no-repeat left 0.4em; } #triviaContentArea #triviaListInner ul#indexList li.triviaNew { background:url("/kanken/trivia/images/trivia_list_bg_new.gif") no-repeat left 0.4em; } #triviaContentArea #triviaListInner ul#indexList li a { display:block; padding:19px 25% 19px 20px; line-height:1.2em; } #triviaContentArea #triviaListInner ul#indexList li.triviaLevel01 a { background:url("/kanken/trivia/images/trivia_bg_level01_sp.png") no-repeat right bottom; background-size:contain; } #triviaContentArea #triviaListInner ul#indexList li.triviaLevel02 a { background:url("/kanken/trivia/images/trivia_bg_level02_sp.png") no-repeat right bottom; background-size:contain; } #triviaContentArea #triviaListInner ul#indexList li.triviaLevel03 a { background:url("/kanken/trivia/images/trivia_bg_level03_sp.png") no-repeat right bottom; background-size:contain; } #triviaContentArea #triviaListInner ul#indexList li.triviaLevel04 a { background:url("/kanken/trivia/images/trivia_bg_level04_sp.png") no-repeat right bottom; background-size:contain; } #triviaContentArea #triviaListInner ul#pagerList { margin-top:60px; } #triviaContentArea #triviaListInner ul#pagerList li { display:none; margin:5px; } #triviaContentArea #triviaListInner ul#pagerList li#prevLink, #triviaContentArea #triviaListInner ul#pagerList li#nextLink { display:inline; } #triviaContentArea #triviaListInner p.listSortNewTxt { width:94%; margin:10px auto 0; } #triviaDetailContentArea { padding:0; margin:0; } #triviaDetailContentArea #triviaDetailTitleInner { padding:0; background:url("/kanken/trivia/images/trivia_bg_detail_title_sp.jpg") no-repeat right bottom; background-size:cover; } #triviaDetailContentArea #triviaDetailTitleInner h2 { width:66%; } #triviaDetailContentArea #triviaDetailTitleInner p { width:34%; } #triviaDetailInner { margin-top:0; background:none; } #triviaDetailInner h4 { padding:0; border:none; margin:0; background:none; } #triviaDetailInner ul.twoDivList, #triviaDetailInner ul.threeDivList { width:auto; } #triviaDetailInner ul.twoDivList li, #triviaDetailInner ul.threeDivList li { width:auto; margin:0; float:none; } #triviaDetailInner ul.twoDivList li dl, #triviaDetailInner ul.twoDivList li dt, #triviaDetailInner ul.twoDivList li dt { margin:0; } #triviaDetailInner ul.twoDivList li dl img, #triviaDetailInner ul.threeDivList li dl img { vertical-align:bottom; } #triviaDetailInner p.txtRight { margin-right:45px; text-align:right; } #triviaDetailContentArea #triviaBtnInner { padding:0 0 65px; margin-left:0; background:url("/kanken/trivia/images/trivia_bg_trivia_button_sp.gif") repeat-y left top; background-size:contain; } #triviaDetailContentArea #triviaBtnInner #triviaBtnBox { width:65%; margin:0 auto; } #triviaDetailContentArea #triviaBtnInner #triviaBtnBox p { margin-top:50px; } #triviaDetailContentArea #triviaBtnInner #triviaBtnBox p.fLeft { margin-top:30px; } #personalLinkContainer #personalLinkWrapper.trivia { width:95%; padding:0; margin:0 auto; } #personalLinkContainer #personalLinkWrapper ul { margin-top:5px; } #personalLinkContainer #personalLinkWrapper ul li { margin:8px 0 0; float:none; } #triviaDetailInner p a#promoTriviaLink { position:relative; bottom:0; left:0; } /* 160810 */ #triviaDetailInner .twoLineBox { width:auto; } #triviaDetailInner .twoLineBox ul { width:auto; float:none; } #triviaDetailInner .twoLineBox ul li { margin:0; } /* 170724 */ #triviaDetailInner .verticalLineBox01 { width:auto; padding:0; border-radius:0; background:none; } #triviaDetailInner .verticalLineBox01 ul { margin:0; float:none; } #triviaDetailInner .verticalLineBox01 ul li { margin:0; } #triviaDetailInner .verticalLineBox01 ul li dl dt, #triviaDetailInner .verticalLineBox01 ul li dl dd { float:none; line-height:0; } #triviaDetailInner .verticalLineBox01 p#hardReadImg { margin:0; } #triviaDetailInner .verticalLineBox02 { width:auto; padding:0; border-radius:0; background:none; } #triviaDetailInner .verticalLineBox02 ul { margin:0; float:none; } #triviaDetailInner .verticalLineBox02 ul li { margin:0; } #triviaDetailInner .verticalLineBox02 ul li dl dt, #triviaDetailInner .verticalLineBox02 ul li dl dd { float:none; line-height:0; } #triviaDetailInner .verticalLineBox02 p#hardReadImg { margin:0; } #triviaDetailInner #rankBox { position:static; } #triviaDetailInner #rankBox p { position:static; right:0; } /* 171129 */ #triviaDetailInner ul.oneStartDivList { width:auto; } #triviaDetailInner ul.oneStartDivList li { width:auto; margin-top:0; float:none; } #triviaDetailInner ul.oneStartDivList li:first-child { width:auto; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 豆知識リニューアルに伴うプロモ扉変更 ｜ primary / juniorhighschool / highschool / business ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #promoContentArea { padding:0; margin-top:15px; background:url("../images/bg_promo_dot.jpg") left top repeat; } #promoContentArea .harfInner p { width:100%; } #promoContentArea p { margin-top:10px; } #promoContentArea ul { width:92%; padding:4% 0; margin:0 auto; } #promoContentArea ul li { padding:0; margin-top:3%; } #promoContentArea ul li:first-child { margin-top:0; } #promoContentArea ul li img { padding:0; margin:0; vertical-align:bottom; } #promoContentArea ul li.promoTopTreeColumn { margin-left:0 !important; float:none; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- リニューアル前追加分 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* 私の好きな漢字と漢検 ｜ sukinakanji */ #mainWrapperWide #spInterview #sukinakanjiMainArea p.spInterviewImgLeft, #mainWrapperWide #spInterview #sukinakanjiMainArea p.spInterviewImgRight { width:40%; } #mainWrapperWide #spInterview #sukinakanjiIntroArea p.sukinakanjiIntroTxt { width:90%; margin:0 auto; } #mainWrapperWide #spInterview #sukinakanjiIntroArea ul.sukinakanjiIntroImg { width:90%; margin:20px auto 0; } #mainWrapperWide #spInterview #sukinakanjiIntroArea ul.sukinakanjiIntroImg li img { vertical-align:bottom; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 漢検 × 名探偵コナン ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ------------------------------ ヘッダー ------------------------------- */ #conanHeaderContainer { padding:0; background:none #1f55a7; } #conanHeaderContainer img { width:100%; } #conanHeaderContainer ul#globalNaviSp { display:none; margin:0; background-color:#075aac; } #conanHeaderContainer ul#globalNaviSp li { border-top:1px solid #ccc; margin:0; background-color:#075aac; list-style:none; } #conanHeaderContainer ul#globalNaviSp li:last-child { border-bottom:1px solid #ccc; } #conanHeaderContainer ul#globalNaviSp li a { display:block; padding:10px 10px 10px 40px; background:url("/kanken/conan/images/conan_header_bg_list02.gif") 10px center no-repeat; color:#fff; font-size:124%; text-decoration:none; } #conanHeaderContainer ul#globalNaviSp li a:hover { text-decoration:underline; } #conanHeaderWrapper { position:relative; width:100%; padding:8px 0; } #conanHeaderWrapper #conanHeaderLeftSection { width:45%; } #conanHeaderWrapper #conanHeaderLeftSection p { margin:2% 0 0 3%; } /* グローバルナビ */ #conanHeaderWrapper #conanHeaderRightSection { width:50%; } #conanHeaderWrapper #conanHeaderRightSection ul#globalNavi { display:none; } /* SNSリスト */ #conanHeaderWrapper #conanHeaderRightSection ul.snsList { width:70%; } #conanHeaderWrapper #conanHeaderRightSection ul.snsList li { width:28%; margin:0 0 0 5%; } #conanHeaderWrapper #conanHeaderRightSection ul.snsList li a { padding:0; } /* SP用メニュー */ #conanHeaderWrapper #conanHeaderRightSection p#spMenuBtn { display:block; width:20%; padding:0 4% 0 2%; margin-top:0; cursor:pointer; float:right; } /* ------------------------------ MV メインビジュアル ------------------------------- */ #conanMvContainer { background:none; } #conanMvContainer img { width:100%; } #conanMvWrapper { background:none; } #conanMvSection { width:100%; padding-bottom:15px; background-color:#075aac; } #conanMvSection h1 { } #conanMvSection p#conanPresentImg { position:static; width:90%; margin:15px auto 0; } #conanMvSection p#conanScrBtn { display:none; } /* ------------------------------ INTRODUCTION イントロダクション ------------------------------- */ #conanIntroContainer { background:url("/kanken/conan/images/conan_intro_bg_sp.gif") center top no-repeat; background-size:contain; } #conanIntroContainer img { width:100%; } #conanIntroWrapper { width:100%; padding-bottom:30px; } #conanIntroWrapper h2 { width:80%; padding-top:30px; margin:0 auto; } #conanIntroWrapper p { width:90%; margin:10px auto 0; } /* ------------------------------ MISSION ミッション ------------------------------- */ #conanMissionContainer { } #conanMissionContainer img { width:100%; } #conanMissionWrapper { width:100%; padding-bottom:30px; } #conanMissionWrapper h2 { width:80%; padding-top:30px; margin:0 auto; } #conanMissionWrapper p { width:90%; margin:10px auto 0; } /* ------------------------------ HOW TO PLAY 遊び方 ------------------------------- */ #conanHowtoContainer { padding-bottom:0; background:url("/kanken/conan/images/conan_howto_bg_sp.png") center 10px no-repeat; background-size:contain; } #conanHowtoContainer img { width:100%; } #conanHowtoWrapper { width:100%; padding-bottom:30px; } #conanHowtoWrapper h2 { width:80%; padding-top:30px; margin:0 auto; } #conanHowtoSection { width:95%; } #conanHowtoSection ol { } #conanHowtoSection ol li { margin-top:5px; background:url("/kanken/conan/images/conan_howto_bg_list_sp.png") center top no-repeat; } #conanHowtoSection ol li:first-child { } #conanHowtoSection p#conanHowtoTxt { padding:0 2%; margin-top:10px; } /* ------------------------------ PRESENT プレゼント ------------------------------- */ #conanPresentContainer { } #conanPresentContainer img { width:100%; } #conanPresentWrapper { width:100%; padding-bottom:30px; margin:0 auto; } #conanPresentWrapper h2 { width:80%; padding-top:30px; margin:0 auto; } #conanPresentSection { width:95%; } #conanPresentArea { padding-top:3%; margin-top:20px; background:url("/kanken/conan/images/conan_present_bg_top_sp.png") center top no-repeat; background-size:100% auto; } #conanPresentInner { padding:0 5% 35px; background:url("/kanken/conan/images/conan_present_bg_bottom_sp.png") center bottom no-repeat; background-size:100% auto; } #conanPresentInner h3 { padding-top:10px; } #conanPresentInner ul#conanPresentList { } #conanPresentInner ul#conanPresentList li { } #conanPresentInner dl#conanApplyList { margin-top:20px; } #conanPresentInner dl#conanApplyList dt { font-size:116%; } #conanPresentInner dl#conanApplyList dd { margin-top:3px; line-height:1.5em; } /* ------------------------------ WHAT'S CONAN 名探偵コナンとは ------------------------------- */ #conanWhatsContainer { padding-bottom:60%; background:url("/kanken/conan/images/conan_whats_bg_sp.png") center bottom no-repeat; background-size:80% auto; } #conanWhatsContainer img { width:100%; } #conanWhatsWrapper { width:100%; padding-bottom:50px; margin:0 auto; } #conanWhatsWrapper h2 { width:80%; padding-top:30px; margin:0 auto; } #conanWhatsSection { width:80%; } #conanWhatsSection p#conanWhatsTxt { margin-top:20px; } /* ---------------a#--------------- フッター ------------------------------- */ #conanFooterContainer { padding-bottom:10px; } #conanFooterContainer img { width:100%; } #conanFooterTopWrapper { width:100%; background-color:#e6e6e6; } #conanFooterTopSection { width:100%; } #conanFooterTopSection p { width:80%; margin:0 auto; } #conanFooterBottomWrapper { width:100%; background-color:#000 } #conanFooterBottomSection { width:100%; padding:15px 0; margin:0 auto; } #conanFooterBottomSection p#footerCopyright { width:80%; margin:10px auto 0; float:none; } /* SNSリスト */ #conanFooterBottomSection ul.snsList { margin:0; float:none; text-align:center; } #conanFooterBottomSection ul.snsList li { display:inline-block; width:12%; float:none; } #conanFooterBottomSection ul.snsList li a { } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- PC,SP 切り替え ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .pcShow { display: none;} .spShow { display: block;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 書籍選びナビ ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #choiceNaviArea { margin-top:5%; } #choiceNaviArea #choiceNaviTopInner p.qTxt, #choiceNaviArea #choiceNaviInInner p.qTxt { /* margin-top:18%; */ padding-bottom:8px; background-image:url("/kanken/textbook/images/choice_navi_in_bg_question_sp.gif"); background-size:auto 5px; font-size:125%; line-height:1.3em; } #choiceNaviArea #choiceNaviTopInner p.qTxt { margin-top:15%; } #choiceNaviArea #choiceNaviInInner p.qTxt { /* margin-top:18%; */ } #choiceNaviArea #choiceNaviInInner p.qTxtSub { margin-top:8px; } /* ナビトップ */ #choiceNaviArea #choiceNaviTopInner { padding:5% 5% 10%; background-image:url("/kanken/textbook/images/choice_navi_top_bg_title_sp.gif"); background-size:contain; } #choiceNaviArea #choiceNaviTopInner #choiceNaviTopBox { margin-top:5%; } #choiceNaviArea #choiceNaviTopInner ul#choiceNaviTopList { margin:-4% 0 0 -4%; } #choiceNaviArea #choiceNaviTopInner ul#choiceNaviTopList li { width:46%; margin:4% 0 0 4%; } #choiceNaviArea #choiceNaviTopInner ul#choiceNaviTopList li:last-child { position:static; width:96%; } #choiceNaviArea #choiceNaviTopInner > ul#choiceNaviTopList { } #choiceNaviArea #choiceNaviTopInner > ul#choiceNaviTopList > li { width:48%; margin:0 0 0 4%; } #choiceNaviArea #choiceNaviTopInner > ul#choiceNaviTopList > li:first-child { margin-left:0; } #choiceNaviArea #choiceNaviTopInner > ul#choiceNaviTopList > li:last-child { width:100%; margin-left:0; } #choiceNaviArea #choiceNaviTopInner > ul#choiceNaviTopList > li > ul { margin:0; } #choiceNaviArea #choiceNaviTopInner > ul#choiceNaviTopList > li > ul > li { margin:9% 0; } #choiceNaviArea #choiceNaviTopInner > ul#choiceNaviTopList > li > ul > li:first-child { margin-top:0; } #choiceNaviArea #choiceNaviTopInner > ul#choiceNaviTopList > li > p { margin:0; } /* ナビ質問・結果 */ #choiceNaviArea #choiceNaviInInner { position:relative; } #choiceNaviArea #choiceNaviInInner #choiceNaviInTitleBox { padding:3% 5%; background-image:url("/kanken/textbook/images/choice_navi_in_bg_title_sp.gif"); background-size:cover; } #choiceNaviArea #choiceNaviInInner #choiceNaviInTitleBox h3 { width:40%; margin:0 auto; float:none; } #choiceNaviArea #choiceNaviInInner #choiceNaviInTitleBox dl { width:85%; margin:3% auto 0; float:none; } #choiceNaviArea #choiceNaviInInner #choiceNaviInTitleBox dl dt { margin-right:7px; } #choiceNaviArea #choiceNaviInInner #choiceNaviInTitleBox dl dd { width:16%; margin-left:1%; } #choiceNaviArea #choiceNaviInInner #choiceNaviInTitleBox dl dd img { vertical-align:middle; } #choiceNaviArea #choiceNaviInInner #choiceNaviInPanNaviBox { width:280px; height:110px; margin:5px auto 0; } #choiceNaviArea #choiceNaviInInner #choiceNaviInPanNaviBox.hAuto { height:auto; } #choiceNaviArea #choiceNaviInInner #choiceNaviInPanNaviBox ul { text-align:left; } #choiceNaviArea #choiceNaviInInner #choiceNaviInPanNaviBox ul li { width:123px; padding:0 13px 0 0; margin:10px 4px 0 0; background:url("/kanken/textbook/images/choice_navi_in_bg_pannavi_arrow_sp.gif") right 1.1em no-repeat; background-size:5px auto; letter-spacing:-0.08em; } #choiceNaviArea #choiceNaviInInner #choiceNaviInPanNaviBox ul li:first-child { background:url("/kanken/textbook/images/choice_navi_in_bg_pannavi_arrow_sp.gif") right 1.2em no-repeat; background-size:5px auto; } #choiceNaviArea #choiceNaviInInner #choiceNaviInPanNaviBox ul li:last-child { background:none; } #choiceNaviArea #choiceNaviInInner #choiceNaviInPanNaviBox ul li span { width:100%; min-width:auto; padding:7px 0 5px; background:url("/kanken/textbook/images/choice_navi_in_bg_pannavi_check_sp.gif") 97% 0.3em no-repeat; background-size:10px auto; font-size:77%; line-height:1.3em; text-align:center; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox { padding:0 10px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul { margin:10px auto 0; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul > li:hover { filter:alpha(opacity=100); opacity:1; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox p.qTxt { margin-top:20px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox p.qTxtSub + ul { margin-top:15px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul.twoQuetionList { width:190px; height:195px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul.twoQuetionList li { width:90px; height:90px; padding:0; margin-left:10px; background-image:url("/kanken/textbook/images/choice_navi_in_bg_blue01_sp.gif"); background-size:90px 90px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul.twoQuetionList li a { font-size:85%; line-height:1.5em; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul.twoQuetionList.yesnoList li.answer02 { background-image:url("/kanken/textbook/images/choice_navi_in_bg_red01_sp.gif"); } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul.twoQuetionList.yesnoList li a { font-size:139%; line-height:1em; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul.threeQuetionList { width:278px; height:189px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul.threeQuetionList li { width:86px; height:86px; padding:0; margin-left:10px; background-image:url("/kanken/textbook/images/choice_navi_in_bg_blue02_sp.gif"); background-size:86px 86px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul.threeQuetionList li a { font-size:85%; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul.fourQuetionList { width:190px; height:195px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul.fourQuetionList li { width:90px; height:90px; padding:0; margin-left:10px; background-image:url("/kanken/textbook/images/choice_navi_in_bg_blue03_sp.gif"); background-size:90px 90px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul.fourQuetionList li.answer03 { margin:10px 0 0; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul.fourQuetionList li.answer04 { margin:10px 0 0 10px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul.fourQuetionList li a { font-size:85%; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl { margin:4% 0 2%; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl > dd {width:auto; padding:5% 4%; margin-bottom:3%; background:url("/kanken/textbook/images/choice_navi_result_bg_mark_sp.gif") 98% 98% no-repeat; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl > dd:hover { filter:alpha(opacity=100); opacity:1; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl > dd#book02.showOrIchimaru { margin-bottom:72px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl > dd#book02 p.charaOrIchimaru { bottom:-75px; width:180px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl > dd#book02.showOrIchimaru p.charaOrIchimaru { display:block; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd h4 { padding-bottom:5px; font-size:154%; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit { margin-top:15px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit > p { width:45%; margin:0 auto; float:none; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter { width:100%; margin-top:5%; float:none; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > p.descTxt01 { margin-top:0; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > p.descTxt02 { margin-top:3%; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > ul { margin-left:-1%; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > ul li { width:19%; margin:1% 0 0 1%; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > ul li:first-child { margin-left:1% !important; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > dl.meyasuList01 { margin-top:0; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > dl.meyasuList01 dt { margin:3% 0 0; clear:both; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > dl.meyasuList01 dt:first-child { } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > dl.meyasuList01 dd { margin:3% 0 0 2%; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > dl.meyasuList02 { margin-top:3%; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter > p.atComment { margin-top:1%; } #choiceNaviArea #choiceNaviInInner #choiceNaviQuetionBottomBox { position:static; padding:30px 1.5% 5%; background-image:url("/kanken/textbook/images/choice_navi_in_bg_bottom_sp.gif"); background-size:100% auto; } #choiceNaviArea #choiceNaviInInner #choiceNaviQuetionBottomBox p#restartBtn { width:35%; margin:0 0 -3.8%; float:left; } #choiceNaviArea #choiceNaviInInner #choiceNaviQuetionBottomBox p#characterImg img { width:60px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviQ02Box, #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviQ04Box, #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviQ10Box, #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviQ14Box { margin-top:-45px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviQ02Box ul.twoQuetionList, #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviQ04Box ul.twoQuetionList, #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviQ10Box ul.twoQuetionList, #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviQ14Box ul.twoQuetionList { height:164px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviQ05Box, #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviQ12Box { margin-top:6px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviQ11Box p.qTxt { margin-top:29px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviQ11Box ul.twoQuetionList { height:165px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviQ04Box p.qTxt, #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviQ10Box p.qTxt, #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviQ14Box p.qTxt { margin-top:40px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviQ04Box ul.twoQuetionList, #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviQ10Box ul.twoQuetionList, #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviQ14Box ul.twoQuetionList { height:146px; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 漢検の教材 タイプ別 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #textBookTypeArea { padding:8% 3% 3%; margin-top:4%; } #textBookTypeArea h3 { width:90%; margin:0 auto; } #textBookTypeArea p { margin-top:3%; line-height:1.5em; } #textBookTypeArea ul { margin:2% 0 0 -3% } #textBookTypeArea ul li { width:47%; margin:2.5% 0 0 3%; } .modalTypeInner { border-width:2px; } .modalTypeInner .modalTypeBox { padding-bottom:3%; border-width:1px; } .modalTypeInner .modalTypeBox h4 { } .modalTypeInner .modalTypeBox .modalTypeUnit { margin-top:5%; } .modalTypeInner .modalTypeBox .modalTypeUnit.wType01 { width:95%; } .modalTypeInner .modalTypeBox .modalTypeUnit.wType02 { width:95%; } .modalTypeInner .modalTypeBox .modalTypeUnit.wType03 { width:95%; } .modalTypeInner .modalTypeBox .modalTypeUnit.wType04 { width:95%; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter { width:auto; padding:15px; margin:0 0 60px; float:none; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter.wType01 { width:auto; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter.book02 { margin-bottom:0; } .modalTypeInner .modalTypeBox .modalTypeUnit.wType03 .modalTypeOuter { width:auto; margin:0; float:none; } .modalTypeInner .modalTypeBox .modalTypeUnit.wType04 .modalTypeOuter.book02 { margin:0 0 60px; } .modalTypeInner .modalTypeBox .modalTypeUnit.wType04 .modalTypeOuter.book03 { margin-bottom:0; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter .modalTypeOuterUnit { width:auto; float:none; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter .modalTypeOuterUnit.book01 { margin:0 0 65px; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter .modalTypeOuterUnit.book01 p.orTxt { top:auto; right:44%; bottom:-45px; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter .modalTypeOuterBox { margin-top:2%; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter .modalTypeOuterBox p { width:50%; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter .modalTypeOuterBox ul { width:45%; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter dl dd.wType02 { width:82%; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter p.linkBtn a { background:url("/kanken/textbook/images/type_bg_arrow_sp.gif") 0.9em 0.7em no-repeat #fffe00; background-size:9px auto; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter p.linkBtn a:hover { filter:alpha(opacity=100); opacity:1; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter p.plusTxt, .modalTypeInner .modalTypeBox .modalTypeUnit p.plusTxt2 { top:auto; right:44%; bottom:-45px; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter p.plusTxt img, .modalTypeInner .modalTypeBox .modalTypeUnit p.plusTxt2 img { width:31px !important; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 漢字の問題にチャレンジ ｜ kanokan/challenge ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* 共通 */ #challengeContentArea { padding-top:0; background-size:18% auto; } /* トップ */ #challengeContentArea h2 { width:100%; padding:0; margin:0 auto; } #challengeContentArea > ul { width:94%; padding:0 0 30px; margin:0 auto; } #challengeContentArea > ul > li { margin-top:7%; } #challengeContentArea ul li h3 img#levelImg04, #challengeContentArea ul li h3 img#levelImg03, #challengeContentArea ul li h3 img#levelImg02, #challengeContentArea ul li h3 img#levelImg01 { width:30%; } #challengeContentArea ul li h3 img#levelImg04 { right:1%;} #challengeContentArea ul li h3 img#levelImg03 { right:1%; } #challengeContentArea ul li h3 img#levelImg02 { right:0.5; } #challengeContentArea ul li h3 img#levelImg01 { right:1%; } #challengeContentArea ul li ul { width:90%; margin:5px auto 15px; } #challengeContentArea ul li ul li { width:100%; box-sizing:border-box; padding:8px 0 0 12px; border-top:1px solid #bbb; margin:8px 0 0; background-position:left 0.7em; float:none; font-size:124%; } #challengeContentArea ul li ul li:first-child { padding-top:0; border-top:none; background-position:left 0.3em; } /* 詳細 */ #challengeContentArea #challengeDetailTitInner { width:100%; border-width:2px; border-radius:0; border-top:0; border-right:0; border-left:0; margin-top:0; } #challengeContentArea #challengeDetailTitInner h2 img#titleCharacterImg { display:none; } #challengeContentArea #challengeDetailTitInner h3 { padding:10px 3%; border-radius:0; font-size:139%; } #challengeContentArea #challengeDetailInner { width:94%; padding-bottom:80px; margin:0 auto; } #challengeContentArea #challengeDetailInner p#challengeQuestion { margin-top:25px; } #challengeContentArea #challengeDetailInner p#challengeCharacter { margin-top:18px; } #challengeContentArea #challengeDetailInner p#challengeSelect { margin-top:14px; } #challengeContentArea #challengeDetailInner p#challengeArrow { margin-top:20px; } #challengeContentArea #challengeDetailInner p#challengeAnswer { margin-top:14px; } #challengeContentArea #challengeDetailInner #descriptionBox { margin-top:25px; } #challengeContentArea #challengeDetailInner #descriptionBox #descriptionUnit { width:100%; padding-top:1%; margin-top:1%; background:url("/kanken/challenge/images/challenge_bg_hakase_bottom_sp.png") no-repeat left bottom / 100% auto; float:none; } #challengeContentArea #challengeDetailInner #descriptionBox #descriptionUnit div { padding:5% 5% 12%; margin-top:-2%; background:url("/kanken/challenge/images/challenge_bg_hakase_top_sp.png") no-repeat left top / 100% auto; } #challengeContentArea #challengeDetailInner #descriptionBox #descriptionUnit div h4 { } #challengeContentArea #challengeDetailInner #descriptionBox #descriptionUnit div p { font-size:124%; } #challengeContentArea #challengeDetailInner #descriptionBox #descriptionUnit div p img.descriptionLetter { width:18px; } #challengeContentArea #challengeDetailInner #descriptionBox > p { float:none; } #challengeContentArea #challengeDetailInner ul#challengeBnList { width:100%; margin-top:50px; } #challengeContentArea #challengeDetailInner ul#challengeBnList li { margin:20px 0 0; float:none; } #challengeContentArea #challengeDetailInner ul#challengeBnList li:first-child { margin-top:0; } #challengeContentArea #challengeDetailInner p#challengeBtnTop { width:83%; margin:80px auto 0; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 漢検 受検レポート ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #jyukenreportArea { padding:2% 0 4%; } /* トップページ */ #jyukenreportArea h2 { margin-left:0; } #jyukenreportArea h2 + ul { width:93%; margin:3% auto 0; } #jyukenreportArea h2 + ul > li { padding-top:5%; margin-top:4%; } #jyukenreportArea h2 + ul > li:first-child { padding-top:0; margin-top:0; background:none; } #jyukenreportArea h2 + ul > li > h3 { width:25%; padding:1%; background-position:left top; background-size:33.3% auto; } #jyukenreportArea h2 + ul > li > ul { width:73%; margin-left:0; float:right; } #jyukenreportArea h2 + ul > li > ul li { overflow:hidden; padding:2% 8% 3% 7%; margin-top:3%; background-size:5%; } #jyukenreportArea h2 + ul > li > ul li > p + p { float:right; letter-spacing:0.05em; text-align:left; } #jyukenreportArea h2 + ul > li#jyukenreportJhs > ul li > p img.kanjiImg { width:13px; margin-right:1px; } /* 詳細ページ */ #jyukenreportArea h2 + h3 { width:93%; margin:0 auto; } #jyukenreportArea #jyukenreportDetailInner { width:93%; } #jyukenreportArea #jyukenreportDetailInner ol.jyukenreportNaviList { width:93%; margin:4% auto 0; } #jyukenreportArea #jyukenreportDetailInner ol.jyukenreportNaviList li { width:30%; margin:1.6%; } #jyukenreportArea #jyukenreportDetailInner ol.jyukenreportNaviList li:first-child { margin:1.6%; } #jyukenreportArea #jyukenreportDetailInner ol.jyukenreportNaviList li a { display:block; } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList { padding-left:0; margin:5% 0 0; } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList li { padding:4%; margin-top:5%; } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList li:first-child { margin-top:0; } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepHeadBox { overflow:visible; } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepHeadBox h4 { position:static; width:35%; margin-left:-10%; float:left; } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepHeadBox h5 { width:70%; background:none; float:right; font-size:170%; line-height:1.3; } #jyukenreportArea.jyukenreportJs #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepHeadBox h5 { color:#f08300; } #jyukenreportArea.jyukenreportJhs #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepHeadBox h5 { color:#59ae0e; } #jyukenreportArea.jyukenreportHs #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepHeadBox h5 { color:#e02a2a; } #jyukenreportArea.jyukenreportBusiness #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepHeadBox h5 { color:#0074ba; } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepBox { } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepBox > p { padding:2% 3%; margin-top:5%; background-size:15% auto; } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepBox .jyukenreportStepUnit { margin-top:3%; } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepBox .jyukenreportStepUnit p { } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepBox .jyukenreportStepUnit.hasImg p { width:auto; float:none; } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepBox .jyukenreportStepUnit.hasImg p + p { width:50%; margin:5% auto 0; float:none; } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepBox .jyukenreportStepUnit.hasImg.lineOver p + p { position:static; margin:5% auto 0; } #jyukenreportArea #jyukenreportDetailInner p#jyukenreportAttTxt { margin-top:10%; line-height:2; } #jyukenreportArea #jyukenreportDetailInner p.prevBtn { width:45%; margin:12% auto 8%; } #jyukenreportArea #jyukenreportDetailInner img.iconImg { width:15px; } /* --------------------------------------- 22/02/15改訂 --------------------------------------- */ /* 漢検に合格したみなさまへ（漢検合格を目指すみなさまへ） */ #qualificationLinkContainer .pcDisplayNone { display: block; } #qualificationLinkContainer { margin-top:15px; } #qualificationLinkContainer #qualificationLinkWrapper { width:95%; padding:15px 0; } #qualificationLinkContainer #qualificationLinkWrapper ul { margin-top:5px; } #qualificationLinkContainer #qualificationLinkWrapper ul li { margin:8px 0 0; float:none; } #qualificationLinkContainer #qualificationLinkWrapper ul li img { width: 100%; } /* その他リンク・バナー */ #etcLinkContainer #etcLinkWrapper #etcArea { width:100%; margin:0 auto; float:none; } #etcLinkContainer #etcLinkWrapper #etcArea .linkInner { width:100%; margin:10px 0 0; float:none; } #etcLinkContainer #etcLinkWrapper #etcArea .linkInner:nth-of-type(1) { margin-top: 0; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 漢検オンライン /kanken/group/kankenonline/index.html ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #kankenonline #onlineIntro { display: block; } #kankenonline #onlineIntro div:nth-child(1) { width: 100%; } #kankenonline #onlineIntro div:nth-child(2) { width: 100%; } #kankenonline dl#onlineFeature dd { align-items: flex-start; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 漢検の特長と受検スタイル /kanken/outline/index.html ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #outlineTop #featureArea ul { display: block; } #outlineTop #featureArea ul li { width: 100%; padding: 12px 20px 17px; margin-top: 15px; } #outlineTop #featureArea ul li:nth-child(2) { margin-top: 15px; } #outlineTop #featureArea ul li.half { width: 100%; } #outlineTop #featureArea ul li .btnBox { position: static; margin-bottom: 10px; } #outlineTop .styleUnit h4 { margin-top: 10px; } #outlineTop .styleUnit .inner { padding: 20px 0 25px; } #outlineTop .styleUnit .inner .titleBox { flex-wrap: wrap; } #outlineTop .styleUnit .inner .applyLink { display: block; } #outlineTop .styleUnit .inner .applyLink .applyBox { width: 100%; } #outlineTop .styleUnit .inner .applyLink .applyBox dl { margin-top: 0; } #outlineTop .styleUnit .inner .applyLink .applyBox dl dt { width: 80px; padding: 17px 10px 13px; } #outlineTop .styleUnit .inner .applyLink .applyBox dl dd { width: calc(100% - 80px); } #outlineTop .styleUnit .inner .applyLink .linkBox { width: 100%; margin-top: 15px; } #outlineTop .styleUnit .inner .applyLink .linkBox .btnBox a { width: 100%; } #outlineTop .styleUnit .inner .applyLink .linkBox .linksList { width: 100%; padding: 5px 10px 7px; margin: 0; } #outlineTop .styleUnit .inner .applyLink .linkBox .linksList li { list-style: none; } #outlineTop .styleUnit .inner .applyLink .linkBox .linksList li a { padding-left:10px; } #outlineTop .styleUnit .inner .applyLink .linkBox ul + .btnBox { margin-top: 5px; } #outlineTop #styleThink.styleUnit .inner .titleBox h5 { width: calc(100% - 60px); } #outlineTop #styleThink.styleUnit .inner .titleBox .kindsBox { margin-top: 10px; } #outlineTop #styleGroup.styleUnit .inner .infoArea { display: block; } #outlineTop #styleGroup.styleUnit .inner .infoArea .place { width: 100%; } #outlineTop #styleGroup.styleUnit .inner .infoArea #openplace { margin-top: 15px; } #outlineTop #styleGroup.styleUnit .inner .applyLink { display: block; width: 100%; } #outlineTop #styleGroup.styleUnit .inner .applyLink .bnBox .planeBtn a { width: 100%; } /* ------------------------------ ページ上部バナーエリア ------------------------------- */ #mainWrapperWide #topBnArea { width: 95%; padding-bottom: 15px; margin: 0 auto; } /* ------------------------------ ページ下部バナーエリア ------------------------------- */ #mainWrapperWide #bottomBnArea { width: 95%; padding-bottom: 15px; margin: 0 auto; } } @media screen and (width <= 480px) { #headerWrapper ul.breadcrumbList { position:static; width:88%; padding:15px 4% 15px 8%; background:url("/kanken/common/images/header_bg_home_sp.gif") 3% 1.4em no-repeat #f1efe2; background-size:15px 15px; } .textbook_book_groupBtn { top:47%; } } @media screen and (width <= 400px) { .textbook_book_groupBtn { top:45%; } } @media screen and (width <= 320px) { .textbook_book_groupBtn { top:43%; } .w100per320 { width:100% !important; } }