@charset "UTF-8"; /*------------------------------ 00：ベーススタイル 　：a ：p ：float ：text ：margin ：width 01:フレーム ：ヘッダー ：サイドメニュー 　：フッター 　：最下部 　：ページトップ 02:レイアウト 　：テーブル ：リスト ：その他 03:ページ別 -------------------------------*/ @media screen and (max-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 { opacity:1; filter:alpha(opacity=100); } /*------------------------------ 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 -------------------------------*/ .fLeft { float:none; } .fRight { float:none; } .spFLeft { float:left !important; } .spFRight { float:right !important; } /* clearfix */ .spCf:before, .spCf:after { display:table; content:""; } .spCf:after { clear:both; } .spCf { zoom:1; overflow:hidden; } .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; } .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%; float:none; margin-top:20px !important; padding-bottom:10px; } #mainWrapperWide { width:100%; margin-top:20px; padding-bottom:0; } .planeArea { margin-left:0; } .descArea { margin-left:0; } /*------------------------------ ヘッダー -------------------------------*/ #headerContainer { width:100%; background:none; } #headerWrapper { padding-top:0; width:100%; position:static; } #headerWrapper p { position:static; } #headerWrapper ul.globalNavi { display:none; } #headerWrapper ul#changeFontSize { display:none; } #headerWrapper ul.breadcrumbList { position:static; margin-top:0; background:url(/kanken/common/images/header_bg_home_sp.gif) 3% 1.4em no-repeat #f1efe2; background-size:15px 15px; padding:15px 4% 15px 8%; width:88% !important; } #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 { background:url(/kanken/common/images/header_breadcrumbList_bg_sp.gif) right center no-repeat; background-size:10px 10px; padding-right:2em; } #headerWrapper ul.breadcrumbList li span { background:url(/kanken/common/images/header_breadcrumbList_bg_sp.gif) right center no-repeat; background-size:10px 10px; padding-right:2em; } #headerWrapper h1 { float:left; width:80%; margin:15px 0 10px 3%; } #headerWrapper p#spMenu { margin:10px 2% 0 0; display:block; float:right; width:10%; cursor:pointer; } #headerWrapper ul.globalNavi li { float:none; } #headerWrapper ul.globalNavi li a { text-indent:0; text-decoration:none; font-size:132%; padding:10px 0; text-align:center; height:auto; color:#000000; border-bottom:1px dotted #999999; } #headerWrapper ul.globalNavi li:first-child a { border-top:1px dotted #999999; } #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%; margin-top:0; float:none; padding-bottom:10px; } #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 { width:auto; display:block; text-align:center; } /*------------------------------ フッター -------------------------------*/ #footerContainer { } #footerWrapper { width:90%; margin:0 auto; } #footerSitemapArea { width:100%; padding:15px 0 20px; } #footerSitemapArea .footerSitemapBoxTop { float:none; width:100%; } #footerSitemapArea .footerSitemapBoxTop li { float:none; display:block; padding-top:0; padding-left:0; } #footerSitemapArea .footerSitemapBoxTop li a { line-height:normal; padding:8px 15px 8px 15px; color:#000000; display:block; text-decoration:none; font-size:108%; background:url(/kanken/common/images/common_bg_gold_link01.gif) right center no-repeat #f5e9ba; } #footerSitemapArea .footerSitemapBoxTop li a.pcPage { line-height:normal; padding:8px 15px 8px 15px; color:#000000; display:block; text-decoration:none; font-size:108%; background:url(/kanken/common/images/common_bg_gold_link06.gif) right center no-repeat #f5e9ba; } #footerSitemapArea ul.footerSitemapTop li { padding-top:0; padding-left:0; list-style:none; background:none; } #footerSitemapArea ul.footerSitemap li { padding-top:0; padding-left:0; list-style:none; background:none; } #footerSitemapArea ul.footerSitemap li a { line-height:normal; padding:8px 18px 8px 15px; color:#000000; display:block; text-decoration:none; font-size:108%; background:url(/kanken/common/images/common_bg_gold_link01.gif) right center no-repeat #f5e9ba; } #footerSitemapArea ul.footerSitemap li a.pcPage { line-height:normal; padding:8px 18px 8px 15px; color:#000000; display:block; text-decoration:none; font-size:108%; background:url(/kanken/common/images/common_bg_gold_link06.gif) right center no-repeat #f5e9ba; } #footerSitemapArea .footerSitemapBoxTop01 { float:none; width:auto; } #footerSitemapArea .footerSitemapBoxTop02 { float:none; width:auto; } #footerSitemapArea .footerSitemapBoxTop03 { float:none; width:auto; } #footerSitemapArea .footerSitemapBoxTop04 { float:none; width:auto; } #footerSitemapArea .footerSitemapBox01 { float:none; width:auto; } #footerSitemapArea .footerSitemapBox02 { float:none; width:auto; } #footerSitemapArea .footerSitemapBox03 { float:none; width:auto; } #footerSitemapArea .footerSitemapBox04 { float:none; width:auto; } #footerContainer2 { padding-top:0; } #footerWrapper2 { width:100%; } #footerWrapper2 ul { margin:0; } .footerPagetopArea { display:block; /*display:none; */ position:fixed; right:10px; bottom:10px; top:auto; z-index:10; } .footerPagetopArea img { width:45px; } #footerBannerArea01 { width:90%; height:auto; padding:15px 5% 17px; } #footerBannerArea01 ul.footerBanner li { margin:7px 0 0; list-style:none; float:none; display:block; 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 { list-style:none; float:none; margin:7px 0 0; display:block; 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%; margin:0 auto; padding:0; } #footerSiteBannerInner ul { } #footerSiteBannerInner ul li { float:none; margin:7px 0 0; display:block; text-align:center; } #footerSiteBannerInner ul li:first-child { margin-top:0; } #footerLinkAreaLeft { width:100%; float:none; } #footerLinkAreaLeft ul.footerLink li { float:none; margin-right:0; display:block; 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-left:auto; margin-right:auto; } .spInBtnArea2 { width:95% !important; margin-left:auto; margin-right: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; margin-right:0; padding:10px 2em 10px 1em; } 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 { padding:2px 0; display:block; width:100%; } ul.listPlaneBtn li a { padding:10px 1.6em 10px 1em; display:block; } ul.listPlaneBtn li span { padding-right:0; } ul.listPlaneBtn.harfList li { margin:8px 1.5% 0; width:47%; float:left; display:table; } 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:0px; } /* 矢印付きリスト：横並び */ ul.listArrow_x { } ul.listArrow_x li { margin-right:0; display:block; } /* タブ */ 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 { margin:20px auto 0; padding:5px 10px; } .picArea02 .fLeft { width:100%; } .picArea02 .fRight { width:100%; } /*------------------------------ display -------------------------------*/ .spDisplayBlock { display:block !important; } .spDisplayInline { display:inline !important; } .spDisplayNone { display:none !important; } /* エリア中央寄せ */ .spCenteringArea { margin-left:auto !important; margin-right: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; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:100; } #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 { float:none; width:100%; } #newsContainer #newsWrapper #newsArea ul { width:95%; height:180px; } #newsContainer #newsWrapper #scheArea { float:none; width:100%; margin:30px 0 0; } #newsContainer #newsWrapper #scheArea ul#appList li { float:none; width:100%; margin:8px 0 0; } #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 { float:none; margin:8px 0 0; } #groupLinkContainer #groupLinkWrapper { width:95%; padding:15px 0; } #groupLinkContainer #groupLinkWrapper ul#groupLinkList { margin-top:5px; } #groupLinkContainer #groupLinkWrapper ul#groupLinkList li { float:none; margin:8px 0 0; width:auto; } #groupLinkContainer #groupLinkWrapper ul#groupLinkList li p { margin-top:8px; } #etcLinkContainer { margin-top:15px; padding-bottom:0; } #etcLinkContainer #etcLinkWrapper { width:95%; } #etcLinkContainer #etcLinkWrapper #investigationArea { float:none; width:100%; } #etcLinkContainer #etcLinkWrapper #investigationArea #investigationInner { padding-bottom:8px; } #etcLinkContainer #etcLinkWrapper #investigationArea #investigationInner p { float:none; width:99%; padding:10px 0; } #etcLinkContainer #etcLinkWrapper #investigationArea #investigationInner ul { float:none; margin:5px 0 0; } #etcLinkContainer #etcLinkWrapper #investigationArea #investigationInner #investigationBox02 { margin-top:5px; } #etcLinkContainer #etcLinkWrapper #investigationArea #investigationInner #investigationBox02 p { float:none; width:99%; padding:10px 0; } #etcLinkContainer #etcLinkWrapper #investigationArea #investigationInner #investigationBox02 ul { float:none; margin:5px 0 0; } #etcLinkContainer #etcLinkWrapper #investigationArea #investigationInner #investigationBox02 ul li { margin-top:0; margin-bottom:0; } #etcLinkContainer #etcLinkWrapper #etcArea { float:none; width:100%; margin:0 auto; } #etcLinkContainer #etcLinkWrapper #etcArea #linkInner { float:none; width:100%; margin-top:10px; } #etcLinkContainer #etcLinkWrapper #etcArea #bnInner { float:none; width:100%; margin-top:10px; } #etcBannerContainer { margin:10% 0 0; padding-bottom:3%; } #etcBannerContainer #etcBannerWrapper { width:95%; margin:0 auto; } #etcBannerContainer #etcBannerWrapper ul { margin:0; } #etcBannerContainer #etcBannerWrapper ul li { list-style:none; margin:10px 0 0; } #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 { float:none; width:auto; } #newsScheduleContainer #newsScheduleWrapper #topBnArea ul li { margin-top:12px; } /* 21/05/19追加 */ #newsScheduleContainer #newsScheduleWrapper #topBnArea ul { display:flex; justify-content:space-between; flex-wrap:wrap; } #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 { margin-left:0; float:none; width:auto; } 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 { line-height:1em; margin-top:20px; font-size:37px; } #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; float:none; margin-top:10px; } #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 { float:left; margin-right:15px; } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner #linksRightBox .linksUnit ul.linksList02 { } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #scheduleInner #linksRightBox .linksUnit ul.linksList02 li { margin-left:2%; width:49%; } #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 { float:none; display:inline; vertical-align:sub; } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #newsInner ul li span { float:none; display:inline; } #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #newsInner ul li a { margin-left:0; float:none; width:auto; } body.fontLarge #newsScheduleContainer #newsScheduleWrapper #newsScheduleArea #newsInner ul li a { width:auto; } /*--------------------------------------- 16/04/01改訂 end ---------------------------------------*/ /* 今日の漢字 */ #todayKanjiArea { float:none; margin-top:20px; background:none #fcfaca; border:3px solid #e39793; border-radius:8px; padding:10px 5% 15px; } #todayKanjiArea #todayKanjiInner { margin-top:10px; } #todayKanjiArea p#todayKanji { width:34%; float:left; background:none #ffffff; border:2px solid #d1cb72; border-radius:8px; } #todayKanjiArea p#todayKanji span { font-size:550%; margin-top:29%; display:block; width:100%; } #todayKanjiArea p#btnCheck { width:61%; float:right; margin-top:0; } #todayKanjiArea p#btnCheck img { width:100%; } #checkKanjiPopupArea { width:100%; } #checkKanjiPopupInner { background:url(/kanken/images/top_today_kanji_popup_bg_kangaroo_sp.gif) no-repeat 0 13% #ffffff; background-size:160%; width:100%; padding-bottom:20px; } #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 { float:none; width:90%; margin:0 auto; padding-top:10px; border-top:2px solid #fc7b68; position:relative; } #checkKanjiPopupInner #popupDetailBox #popupMeanUnit dt { margin:8px 0 0; width:18%; } #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%; margin-top:0; display:block; } #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 { background:none; padding-top:0; margin:0; } #checkKanjiPopupInner #popupCheckBox #popupLuckyBottom { background:none; padding-bottom:0; } #checkKanjiPopupInner #popupCheckBox #popupLuckyUnit { background:none #fff8cc; border:solid 2px #fc7b68; border-radius:10px; margin:0 3%; } #checkKanjiPopupInner #popupCheckBox #popupLuckyTitleUnitInner { float:none; width:100%; text-align:center; margin-top:0; margin-bottom:10px; background:none #fc7b68; } #checkKanjiPopupInner #popupCheckBox #popupLuckyTitleUnitInner img { width:100%; margin-top:0; } #checkKanjiPopupInner #popupCheckBox #popupLuckyMeanUnitInner { float:none; width:94%; margin:15px 3% 10px; } /*------------------------------------------------------------ 各級の出題内容と審査基準 ｜ degree/index.html -------------------------------------------------------------*/ table#outline_degree_teido { border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; } table#outline_degree_teido td, table#outline_degree_teido th { display:block; border:none; border-bottom:1px solid #cccccc; } table#outline_degree_teido td.level { width:auto; } table#outline_degree_teido #c1q-h { text-align:center; } table#outline_degree_teido #cj1q-h { text-align:center; margin-top:20px; } table#outline_degree_teido #c2q-h { text-align:center; margin-top:20px; } table#outline_degree_teido #cj2q-h { text-align:center; margin-top:20px; } table#outline_degree_teido #c3q-h { text-align:center; margin-top:20px; } table#outline_degree_teido #c4q-h { text-align:center; margin-top:20px; } table#outline_degree_teido #c5q-h { text-align:center; margin-top:20px; } table#outline_degree_teido #c6q-h { text-align:center; margin-top:20px; } table#outline_degree_teido #c7q-h { text-align:center; margin-top:20px; } table#outline_degree_teido #c8q-h { text-align:center; margin-top:20px; } table#outline_degree_teido #c9q-h { text-align:center; margin-top:20px; } table#outline_degree_teido #c10q-h { text-align:center; margin-top:20px; } table#outline_degree_teido .y-bk { background-color:#ffffff; } table#outline_degree_teido .no-w span { display:inline; } table.outlineDegreeTeido { margin-top:0; } table.outlineDegreeTeido th { width:auto; display:block; 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 0; } .officialArea ul.descImgList li { margin:0 0 0 3.5%; width:30%; } .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%; text-align: center; margin: 15px 5% 0; } .officialArea #smartDfBox2 { display: block; } .officialArea #smartDfBox2 .noticeAreaWhite02 { margin: 0; width: 100%; } .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 { float:none; margin-left:0; } 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 { width:50%; box-sizing:border-box; display:table-cell; float:none; } ul.scheduleList li table td dl dd { margin-left:0; display:table; width:100%; } ul.scheduleList li table td dl dd.scheduleCommon { font-size:93%; } ul.scheduleList li table td dl dd.atComment p { margin:0; display:inline-block; padding-left:1em; } 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 { margin:0; display:inline-block; padding-left:1em; text-indent:-1em; } ul.scheduleList li table td dl dt.scheduleDateStartArrows { background:url(/kanken/personal/images/personal_schedule_bg_arrow01.gif) no-repeat 70% bottom; padding-bottom:0; } ul.scheduleList li table td dl dt.scheduleDateClosingArrows { background:url(/kanken/personal/images/personal_schedule_bg_arrow03.gif) no-repeat 70% 3.1em; padding-bottom:0; } ul.scheduleList li table td dl dt.scheduleDateClosingArrows02 { background:url(/kanken/personal/images/personal_schedule_bg_arrow01.gif) no-repeat 70% bottom; padding-bottom:35px; } 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 { padding:2px 7px; display:block; } 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 { width:50%; box-sizing:border-box; display:table-cell; float:none; } ul#scheduleList li table td dl dd { margin-left:0; display:table; width:100%; } ul#scheduleList li table td dl dd.scheduleCommon { font-size:93%; } ul#scheduleList li table td dl dd.atComment p { margin:0; display:inline-block; padding-left:1em; } 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 { margin:0; display:inline-block; padding-left:1em; text-indent:-1em; } ul#scheduleList li table td dl dt.scheduleDateStartArrows { background:url(/kanken/personal/images/personal_schedule_bg_arrow01.gif) no-repeat 70% bottom; padding-bottom:0; } ul#scheduleList li table td dl dt.scheduleDateClosingArrows { background:url(/kanken/personal/images/personal_schedule_bg_arrow03.gif) no-repeat 70% 3.1em; padding-bottom:0; } ul#scheduleList li table td dl dt.scheduleDateClosingArrows02 { background:url(/kanken/personal/images/personal_schedule_bg_arrow01.gif) no-repeat 70% bottom; padding-bottom:35px; } 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 { padding:2px 7px; display:block; } 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:#000000; } /* キャリタス資格・検定のお申し込みの流れと操作について ｜ flow.html */ ol#careerTasuApplyFlowList { margin-top:20px; padding-left:0; } ol#careerTasuApplyFlowList li { padding-top:35px; background-position:center 15px; background-image:url(/kanken/personal/images/personal_apply_applypc_bg_flow_sp.gif); } ol#careerTasuApplyFlowList li:first-child { background:none; } ol#careerTasuApplyFlowList li .careerTasuApplyLeftInner { float:none; width:auto; } ol#careerTasuApplyFlowList li .careerTasuApplyLeftInner .careerTasuApplyBody { margin-left:0; } ol#careerTasuApplyFlowList li .careerTasuApplyRightInner { float:none; text-align:center; margin-top:10px; } /*--------------------------------------- 16/04/01改訂 end ---------------------------------------*/ /* 200630write */ ul.scheduleList li table td .scheAtarea { text-align:center; border:1px solid #cccccc; padding:20px 20px 30px 20px; line-height:1.8; width:100%; margin:10px 0 0; box-sizing:border-box; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 団体受検 ｜ group ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .picArea01sp { width:100%; } .picArea01sp div.col01 { width:50%; float:left; margin:0; } .picArea01sp div.col02 { width:50%; float:right; margin:0; } .picArea02sp { width:100%; margin-left:0; } .picArea02sp div.col01 { width:50%; float:left; } .picArea02sp div.col02 { width:50%; float:left; margin-right:0; } .picArea02sp div.col03 { width:50%; } .picArea04sp { width:100%; margin-left:0; } .picArea04sp div.col01 { width:50%; float:left; } .picArea04sp div.col02 { width:50%; float:left; margin-right:0; } .picArea04sp div.col03 { width:50%; } ul.group_preplace_list { margin-top:10px; } ul.group_preplace_list { text-align:center; } ul.group_preplace_list li { float:none; display:block; } ul.group_preplace_list li:first-child { background:none; padding-top:0; margin-top:0; } 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 { float:none; display:block; margin:0; margin-left:1%; background:url(/kanken/personal/images/personal_apply_conveni_pic_arrow.gif) center top no-repeat; padding:22px 0 0 0; width:100%; margin:0 0 5px 0; } ul.group_preplace_list_res li:first-child { background:none; padding-top:0; } ul.group_preplace_list_res li div { height:auto !important; } ul.group_preplace_list_res li p { text-align:left; width:80%; margin:0 auto; } ul.group_preplace_list_res li span { display:inline; } ul.group_preplace_list_res li span.date { border-bottom:none; margin-right:10px; float:left; width:46%; text-align:right; } ul.group_preplace_list_res li span.action { float:right; width:46%; } .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 { float:none; width:95%; margin:0 auto; } #promoTopNaviRightInner { float:none; background:#f8f5ea; width:95%; margin:0 auto; border-bottom:none; } #promoTopNaviRightInner ul { margin:0 0 0 5px; padding:8px 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 { opacity:1; filter:alpha(opacity=100); } #promoTopContentArea { margin-top:15px; padding:25px 20px; 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; background:none; border-radius:0; } #promoApplyArea p { margin-top:10px; } #promoApplyArea .bdDottedTop { background:none; padding-top:0; } #promoBottomNaviArea { width:95%; margin:20px auto 0; } #promoBottomNaviArea ul { margin:0; } #promoBottomNaviArea ul li { float:none; margin-left:0; } /* 210129変更スタート */ #promoBottomNaviArea2 { width:95%; margin:0 auto; } #promoBottomNaviArea2 ul { margin:0; } #promoBottomNaviArea2 ul li { float:none; margin-left:0; width:100%; } #promoBottomNaviArea2 ul li img { width:100%; } /* 210129変更エンド */ /* マンガ */ #promoMangaMainInner { padding:0 30px 30px; } #promoApplyArea.mangaArea { padding:15px 20px 10px; background:none #ffffff; border-radius:0; } #promoApplyArea.mangaArea .bdDottedTop { background:none #ffffff; padding-top:10px; } /* 3つの理由 */ #promoReasonContentArea { margin-top:10px; padding-bottom:20px; } #promoReasonContentArea p.txtDesc { width:95%; } #promoReasonContentArea p.txtHead { font-size:154%; margin-top:10px; line-height:1.5em; font-size:141%; } #promoReasonContentArea p.inPagetop { display:none; } #promoReasonContentArea .promoEnclosure { width:90%; padding:5px 3% 20px; } #promoReasonContentArea ul.pointList { width:85%; } #promoReasonContentArea ul.pointList li { float:none; margin:15px 0 0 0; } #promoReasonContentArea ul.twoList { width:85%; } #promoReasonContentArea ul.twoList li { float:none; margin:15px 0 0 0; } #promoReasonContentArea ul.threeList { width:80%; } #promoReasonContentArea ul.threeList li { float:none; margin:5px 0 0; } .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 { text-align:center; position:static; } .promoUnit02 { position:static; margin-top:20px; } .promoUnit02 .txtBox { width:auto; margin-top:10px; float:none; } .promoUnit02 .txtBox p { margin-left:0; } .promoUnit02 .imgBox { text-align:center; position:static; float:none; } .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 { float:none; width:auto; margin-top:20px; } .promoUnit05 { position:static; /* margin-top:10px; */ } .promoUnit05 .imgBox { float:none; } .promoUnit05 .imgBox p { margin-left:15px; } .promoUnit05 .txtBox { float:none; width:auto; margin-top:20px; } .promoUnit06 { position:static; } .promoUnit06 .txtBox { } .promoUnit06 .txtBox p { margin-left:0; } .promoUnit06 .imgBox { text-align:center; position:static; } #promoApplyArea.reasonArea { padding:15px 20px 10px; background:none; border-radius:0; } #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 { font-size: 140%; margin: 15px 0; } #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; margin-top: 4px; width: 100%; } #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; left: 0; top: -1.5em; } /*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*/ /* 漢字の豆知識 */ #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 { float:none; width:auto; margin:0 !important; } #promoTriviaContentArea ul.twoDivList li img, #promoTriviaContentArea ul.threeDivList li img { vertical-align:bottom; } #promoTriviaBackNumberArea ul li { margin:5px 0 0 0; width:auto; float:none; height:auto !important; } #promoTriviaContentArea h4 { border:none; margin:0; padding:0; } #promoTriviaContentArea p a#promoTriviaLink { position:relative; width:auto; left:0; } /*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: 0px;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- サポート ｜ 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 { margin:20px auto 0; width:90%; } #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 { float:none; margin:20px auto 0; width:80% !important; } #miryokuArea .miryokuInner #leadBnUnit #leadBnRightBox { float:none; margin:20px auto 0; width:80% !important; } #miryokuArea .miryokuInner #leadBnUnit .bdDottedTop { font-size:124%; } #miryokuArea .miryokuInner #leadBnUnit ul { margin-top:0 !important; } #miryokuArea .miryokuInner #leadBnUnit ul li { float:none; margin:15px 0 0 0; } #miryokuArea .miryokuInner #leadBnUnit ul li:first-child { margin-left:0; } #miryokuArea .miryokuInner p#everyoneAnswer { display:none; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 目安チェック ｜ meyasucheck ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #meyasu01Area { width:100%; background:url(/kanken/meyasucheck/images/meyasucheck_bg_boxtop_sp.gif) left top no-repeat; background-size:contain; padding-top:10%; } #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%; background:url(/kanken/meyasucheck/images/meyasucheck_bg_boxbottom_sp.gif) left bottom no-repeat; background-size:contain; padding-bottom:10%; } #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 { margin-top:10px; padding:0 0 20px 0; } #meyasu02Area #meyasuQuestionInner ol#quetionList li p.questionNo { } #meyasu02Area #meyasuQuestionInner ol#quetionList li p.questionTxt { margin-left:3%; width:75%; } #meyasu02Area #meyasuQuestionInner ol#quetionList li ul { float:none; margin-top:10px; padding:5px 1% 5px 4%;; width:95%; } #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 { font-size:139%; text-align:left; margin:20px 0 0 20px; } #meyasu02Area p#txtAnswer02 { font-size:170%; margin-top:25px; } #meyasu02Area p#txtAnswerDesc { position:static; width:90%; margin:20px auto 0; padding:8px 2.5%; text-align:center; } #meyasuLinkArea p#txtMoreInfo { text-align:left; margin:30px auto 0; width:90%; font-size:170%; } #meyasuLinkArea ul#personalLinkList { margin:15px auto 0; width:90%; } #meyasuLinkArea ul#personalLinkList li { float:none; display:block; margin:15px 0 0 0; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- お知らせ ｜ 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 { float:none; margin:3px 0 0 2px; width:35%; } .topics_detail_text02 { float:none; margin:5px 0 0 8px; width:auto; } .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%; margin:15px 0 0 8px; padding:0 0 10px; } .application_group_case_caseArea .caseItem p img { height:140px !important; width:140px !important; } .application_group_case_caseDetail .fLeft { text-align:center; } .application_group_case_caseDetail .fLeft img { height:140px !important; width: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; border-right:1px solid #000000; padding:0 4px 0 4px; } .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%; margin-left:15px; box-sizing:border-box; } .citacionList li:nth-last-child(2n) { margin-left:0;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 漢字教育サポーター紹介制度 ｜ supporter ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #supporter .supporterMenuArea { width:auto; } #supporter ul.supporterMenu { margin:40px 0 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; float:left; width:46%; margin:15px 0 0 8px; padding-bottom:30px; } #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 { background:none; font-size:131%; margin:0 0 15px; padding:0; border:none; color:#222222; } #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 { border-left:solid 1px #cccccc; border-bottom:solid 1px #cccccc; padding:4px 1%; width:98%; } #supporter .row { border-right:solid 1px #cccccc; border-top:solid 2px #FFBF0D; margin-top:20px; } #supporter .row:first-child { margin-top:12px; } #supporter .tableHead { display:none; } #supporter .column::before { content: " " attr(data-label); font-weight:bold; width:80px; margin:0 5px 0 0; padding-left:5px; display:inline-block; background:none #eeeeee; } #supporter .column.eleHide::before { display:none; } #supporter .column.oneColumn::before { display:block; width:98%; margin-bottom:5px; padding-right:0; } #supporter div.table img { width:auto; } #supporter .supporter_caseArea { margin:0; } #supporter .supporter_caseArea .caseItem { width:46%; margin:15px 0 0 8px; padding:0 0 10px; } #supporter .supporter_caseArea .caseItem p img { height:140px !important; width:140px !important; } #supporter .supportCaseArea img { width:auto !important; } #supporter .supportCaseArea img.fRight { float:right; } #supporter .supportCaseArea span.fRight { float:right; } #supporter .paragraph img.fRight { float:none; width:100% !important; margin: 0 auto 10px !important; } #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 { margin-top:0; padding-top:34%; } .posRelative p.spPosStatic { position:static; text-align:right; margin-top:5px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 漢検の教材 ｜ 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 { float:left; width:35%; } .textbook_book_list .fRight { float:right; width:60%; } 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 { width:auto; display:block; padding:10px 0 10px 75px; border:none; } table.textbook_book_table02 th { display:block; text-align:center; position:relative; padding:0 0 0 5px; } 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-left:3% !important; float:left !important; margin-top:30px; } .textbook_book_groupBtn { left:40%; top:50%; font-size:80% !important; margin-top:0; } 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 { margin:10px auto 0; width:95%; } 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 { margin-top:20px; padding:10px 2.5% 20px; background-color:#f6fafc; } #organizationReasonInnerTop { background:url(/kanken/organization/images/organization_bg_reason_top_sp.gif) center top no-repeat; margin-top:30px; padding-top:2.1%; background-size:100%; } #organizationReasonInnerBottom { background:url(/kanken/organization/images/organization_bg_reason_bottom_sp.gif) center bottom no-repeat; padding:5% 0 10%; background-size:100%; } #organizationReasonInnerBottom p.reasonTitle { margin-top:0; width:90%; margin:0 auto; } .organizationReasonUnit { width:85%; margin:0 auto; } .organizationReasonUnit p.reasonSubTitle { margin-top:20px; } .organizationReasonLeftBox { float:none; width:100%; } .organizationReasonRightBox { float:none; width:100%; margin-right:0; } ul.organizationStepList { margin:20px 0 0; } ul.organizationStepList li { float:none; margin-top:0; } ul.organizationStepList li img { vertical-align:bottom; } /* 詳細 */ .organizationStepInner { background:url(/kanken/organization/images/organization_step_bg_dotedline_sp.gif) center top no-repeat; margin-top:30px; padding-top:40px; } .organizationStepLeftBox { float:none; width:auto; } .organizationStepRightBox { display:none; float:none; margin:10px 0 0; } .organizationStepRightBox p.spFLeft { width:35%; } .organizationStepRightBox p.spFRight { width:60%; } .organizationStepRingTopBox { background:url(/kanken/organization/images/organization_step_bg_groupcase_top_sp.gif) center top no-repeat; padding-top:8.1%; background-size:100%; } .organizationStepRingBottomBox { background:url(/kanken/organization/images/organization_step_bg_groupcase_bottom_sp.gif) center bottom no-repeat; padding:5% 5% 8%; background-size:100%; } .organizationStepRingLeftTopBox { float:none; width:auto; background:url(/kanken/organization/images/organization_step_bg_groupcase_top_sp.gif) center top no-repeat; padding-top:8.1%; background-size:100%; } .organizationStepRingLeftBottomBox { background:url(/kanken/organization/images/organization_step_bg_groupcase_bottom_sp.gif) center bottom no-repeat; padding:5% 5% 8%; background-size:100%; height:auto !important; } .organizationStepRingRightTopBox { float:none; width:auto; background:url(/kanken/organization/images/organization_step_bg_tool_top_sp.gif) center top no-repeat; padding-top:8.1%; background-size:100%; margin-top:20px; } .organizationStepRingRightBottomBox { background:url(/kanken/organization/images/organization_step_bg_tool_bottom_sp.gif) center bottom no-repeat; padding:5% 5% 8%; background-size:100%; height:auto !important; } .organizationStepRingRightBottomBox p.stepRightBtn { position:static; margin-top:20px; } #organizationBottomLinkInner { background:url(/kanken/organization/images/organization_step_bg_dotedline_sp.gif) center top no-repeat; margin-top:30px; padding-top:40px; } #organizationBottomLinkInner ul li { float:none; margin-left:0; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 私の好きな漢字と漢検 ｜ sukinakanji ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #sukinakanjiTitleArea { margin-top:30px; } #sukinakanjiIntroArea p.sukinakanjiIntroTxt { float:none; width:90%; margin:0 auto; } #sukinakanjiIntroArea p.sukinakanjiIntroImg { float:none; width:90%; margin:20px auto 0; } #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 { float:none; width:auto; } .sukinakanjiBookUnit .sukinakanjiBookDetailBox ul.bookList { width:100%; margin-top:10px; } .sukinakanjiBookUnit .sukinakanjiBookDetailBox ul.bookList li { margin:15px 0 0 7%; width:40%; } .sukinakanjiBookUnit .sukinakanjiBookDetailBox ul.bookList li:first-child { margin:15px 0 0 7%; } /* 第2回追記 */ .sukinakanjiBookUnit .sukinakanjiRecommendTxtBox { float:none; width:auto; } .sukinakanjiBookUnit .sukinakanjiRecommendImgBoxInner { margin:10px 0 0; } .sukinakanjiBookUnit .sukinakanjiRecommendImgBox { float:none; width:auto; } #sukinakanjiBackNumberArea { width:90%; margin:30px auto 0; } .sukinakanjiNewInner .sukinakanjiUnit .thumbBox { float:left; width:25%; } .sukinakanjiNewInner .sukinakanjiUnit .thumbBox p { margin-top:0; } .sukinakanjiNewInner .sukinakanjiUnit .linkBox { float:left; width:70%; margin-left:5%; } .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 { font-weight:bold; font-size:116%; border-bottom:2px solid #a7a7a7; padding-bottom:5px; margin-top:10px; } .sukinakanjiBackNumberInner ul.sukinakanjiBackNumberList { margin:0; } .sukinakanjiBackNumberInner ul.sukinakanjiBackNumberList li.sukinakanjiBackNumber { width:auto; float:none; margin:20px 0 0; list-style:none; height:auto !important; } .sukinakanjiBackNumberInner ul.sukinakanjiBackNumberList li.sukinakanjiBackNumber:first-child { margin-top:20px; } .sukinakanjiBackNumberInner ul.sukinakanjiBackNumberList li.sukinakanjiBackNumber p.sukinakanjiListTitle { background:url(/kanken/kanjitokanken/images/kanjitokanken_bg_line_backnumber.gif) left bottom repeat-x; padding-bottom:5px; } .sukinakanjiBackNumberInner .sukinakanjiUnit { margin-top:10px; } .sukinakanjiBackNumberInner .sukinakanjiUnit .thumbBox { float:left; width:25%; } .sukinakanjiBackNumberInner .sukinakanjiUnit .thumbBox p { margin-top:0; } .sukinakanjiBackNumberInner .sukinakanjiUnit .linkBox { float:left; width:70%; margin-left:5%; } .sukinakanjiBackNumberInner .sukinakanjiUnit .linkBox ul li { margin:5px 0 0; } .sukinakanjiBackNumberInner .sukinakanjiUnit .linkBox ul li:first-child { margin-top:0; } /* 第3回追記 */ .sukinakanjiDvdUnit { background:#fef8f8; border:solid 3px #eb5d18; border-top:0; padding:10px; } .sukinakanjiDvdUnit .sukinakanjiDvdImgBox { float:none; width:50%; margin:0 auto; display:block; } .sukinakanjiDvdUnit .sukinakanjiDvdTxtBox { width:100%; float:none; margin-left:0; } .sukinakanjiDvdUnit .sukinakanjiDvdTxtBox h4 { color:#eb5d18; background:none; border:none; margin-top:10px; padding:0; } .sukinakanjiDvdUnit .sukinakanjiDvdTxtBox p.sukinakanjiDvdInfo { font-size:79%; line-height:1.5em; } #columnLeft { float:none; width:100%; height:auto; } #columnRight { float:none; width:100%; box-sizing:border-box; margin-top:20px; height:auto; padding:10px 15%; height:auto !important; } #columnRight p#bookImg { width:60%; margin-top:10px; } /* 第13回追記 */ #columnLeft2 { float:none; width:100%; height:auto; } #columnRight2 { float:none; width:100%; box-sizing:border-box; margin-top:20px; height:auto; padding:3%; height:auto !important; } #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 { float:none; width:100%; height:auto; } #columnRight3 { float:none; width:100%; height:auto; margin-top:5%; box-sizing:border-box; } #columnRight3 p { width:100%; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 合格体験記 ｜ success ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #successMainArea { padding-top:3%; } #successMainArea .successTopInner01 { background:url(/kanken/success/images/success_bg_top01_sp.png) center top no-repeat #fff; width:85%; margin:0 auto; padding:20px 5%; background-size:100%; } #successMainArea .successTopInner02 { background:url(/kanken/success/images/success_bg_top02_sp.png) center top no-repeat #fff; width:85%; margin:30px auto 0; padding:0 5% 20px; background-size:100%; overflow:visible; } #successMainArea ul.successNaviList { margin:20px auto 0; width:auto; } #successMainArea ul.successNaviList li { margin-left:4%; width:43%; } #successMainArea ul.successNaviList li:first-child { margin-left:4%; } #successMainArea p.successProfile { position:static; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ほな、漢検 ｜ honakanken ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #mainWrapperWide.honakanken { background:url(/kanken/honakanken/images/honakanken_bg_sp.jpg) center top no-repeat; background-size:cover; margin:10px auto 0; padding-bottom:30px; width:95%; } #honaContents01Area { position:static; height:auto; } #honaContents01Area p { position:static; top:auto; left:auto; } #honaContents01Area p#honaImg01 { float:left; width:70%; margin:40px 0 0 10%; } #honaContents01Area p#honaTxt01 { float:left; width:10%; margin:40px 0 0 0; } #honaContents01Area p#honaTxt02 { width:100%; text-align:center; margin-top:20px; } #honaContents01Area p#honaTxt02 img { width:70%; } #honaContents01Area p#honaImg02 { float:right; width:70%; margin:20px 5% 0 0; } #honaContents01Area p#honaTxt03 { float:left; width:10%; margin:100px 0 0 10%; } #honaContents01Area p#honaTxt04 { width:100%; text-align:center; margin-top:20px; } #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 { right:0 !important; top:-30px !important; } #colorbox { padding-right:0 !important; } /*------------------------------ ヘッダー -------------------------------*/ #headerKanokanContainer { background:none #ffffff; border-top:5px solid #ffff00; border-bottom:1px solid #cccccc; box-shadow:0px 0px 5px; } #headerKanokanContainer.gnfixed { /* position:static; */ top:0; } #headerKanokanWrapper { width:100%; position:relative; } #headerKanokanWrapper #headerKanokanLeftArea { width:35%; } #headerKanokanWrapper #headerKanokanRightArea { width:50%; padding:15px 0; } /* グローバルナビ */ #headerKanokanWrapper #headerKanokanLeftArea p { margin-left:20px; top:10px; } #headerKanokanWrapper #headerKanokanLeftArea ul#globalNavi { display:none; } ul#globalNaviSp { display:none; background-color:#ffffff; } ul#globalNaviSp li { background-color:#ffffff; border-top:1px solid #cccccc; } ul#globalNaviSp li#natsumiLink { background-color:#2c4530; } /* SNSリスト */ #headerKanokanWrapper #headerKanokanRightArea p { display:none; } #headerKanokanWrapper #headerKanokanRightArea ul#snsList { margin:3px 0 0; float:left; width:70%; } #headerKanokanWrapper #headerKanokanRightArea ul#snsList li { width:33%; } #headerKanokanWrapper #headerKanokanRightArea ul#snsList li.lineBtn { display:block; } #headerKanokanWrapper #headerKanokanRightArea p#spMenu { display:block; float:right; width:24%; padding:0 2% 0 4%; cursor:pointer; } #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:initial; min-width:auto; background:none !important; } #mvKanokanContainer #mvKanokanWrapper { height:auto !important; min-height:initial; min-height:auto; margin:0 auto; } #mvKanokanContainer #mvKanokanWrapper h1 { text-indent:0; } #mvKanokanContainer #mvKanokanWrapper p#bnSchedule { position:static; } /* 物語 */ #storyKanokanContainer { width:100%; min-width:initial; 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 { width:100%; margin:0 auto; position:relative; padding-bottom:15px; height:auto !important; } #storyKanokanContainer #storyKanokanWrapper h2 { margin-top:10px; } #storyKanokanContainer #storyKanokanWrapper h2 img { width:110px !important; } #storyKanokanContainer #storyKanokanWrapper p#txtImg01 { position:absolute; right:10px; top:50px; width:30%; } #storyKanokanContainer #storyKanokanWrapper p#txtImg02 { text-align:center; margin:60% auto 0; width:90%; } /* 作品 */ #workKanokanContainer { width:100%; min-width:initial; 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%; margin:0 auto; padding:25px 0 45px; } #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 { float:none; margin:30px 0 0; } #workKanokanContainer #workKanokanWrapper p.movieCaption { text-align:center; margin-top:15px; } #workKanokanContainer #workKanokanWrapper p.movieCaption img { width:100px !important; } /* 登場人物 */ #charaKanokanContainer { width:100%; min-width:initial; min-width:auto; padding-top:20px; } #charaKanokanContainer #charaKanokanWrapper { width:100%; position:relative; } #charaKanokanContainer #charaKanokanWrapper #charaKanokanArea { width:80%; margin:0 auto; position:static; } #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 { width:100%; margin:15px 0 0; overflow:hidden; position:relative; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea { width:100%; margin-left:0 !important; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea.cf { overflow:visible; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner01 { width:100%; background-color:#ffcec4; float:left; margin:0; padding:30px 0; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner01 #charaChangeUnit01 { width:100%; margin:0 auto; position:relative; } #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%; background-color:#d1e2ff; float:left; margin:0; padding:30px 0; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner02 #charaChangeUnit02 { width:100%; margin:0 auto; position:relative; } #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%; background-color:#ffd8b3; float:left; margin:0; padding:30px 0; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea #charaChangeInner03 #charaChangeUnit03 { width:100%; margin:0 auto; position:relative; } #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 { float:none; width:90%; margin:0 auto 0 !important; } #charaKanokanContainer #charaChangeKanokanWrapper #charaChangeArea .charaChangeRightBox { float:none; width:70%; margin:0 auto 0 !important; } /* 出演・音楽 */ #appearanceKanokanContainer { width:100%; min-width:initial; min-width:auto; margin-top:0; background-color:#f5f3e7; } #appearanceKanokanContainer #appearanceKanokanWrapper { width:100%; } #appearanceKanokanContainer #appearanceKanokanWrapper h2 { margin-top:0; padding-top:30px; } #appearanceKanokanContainer #appearanceKanokanWrapper h2 img { width:210px !important; } #appearanceKanokanContainer #appearanceKanokanWrapper ul#appearanceList li { margin-top:0; padding:50px 0 50px; border-top:1px solid #dbd9d1; list-style:none; } #appearanceKanokanContainer #appearanceKanokanWrapper ul#appearanceList li:first-child { margin-top:0; border-top:none; } #appearanceKanokanContainer #appearanceKanokanWrapper ul#appearanceList li ul.colList li { float:none; width:90%; margin:15px auto 0; } #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:initial; min-width:auto; padding-top:20px; } #productionKanokanContainer #productionKanokanWrapper { width:100%; } #productionKanokanContainer #productionKanokanWrapper h2 { margin-top:0; padding-top:0; } #productionKanokanContainer #productionKanokanWrapper h2 img { width:110px !important; } #productionKanokanContainer #productionKanokanWrapper p#studio4Logo img { width:80%; } #productionKanokanContainer #productionKanokanWrapper #studio4Profile { float:none; width:90%; margin:0 auto; } #productionKanokanContainer #productionKanokanWrapper #studio4Profile p.profileTitle { font-size:124%; } #productionKanokanContainer #productionKanokanWrapper #studio4Profile p.profileTxt { font-size:116%; } #productionKanokanContainer #productionKanokanWrapper p#studio4Kanji { float:none; width:90%; margin:20px auto 0; } #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:initial; min-width:auto; margin-top:50px; background:none; } #natsumiIntroKanokanContainer #natsumiIntroKanokanWrapper { width:100%; height:auto; margin:0 auto; padding:0; position:relative; } #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:initial; min-width:auto; margin-top:20px; padding:20px 0 40px; } #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:initial; min-width:auto; margin-top:0; padding:30px 0 30px; } #footerKanokanContainer #footerKanokanWrapper { width:90%; margin:0 auto; padding:0; 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 { float:none; margin:5px 0 0; padding-left:12px; background:url(/kanken/kanokan/images/kanokan_footer_bg_arrow.gif) left 0.1em no-repeat; } #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:#000000; 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:initial; min-width:auto; background:#f0e8d3; } #mvNatsumiWrapper { position:relative; width:auto; margin:0 auto 30px; overflow:visible; height:auto; } #mvNatsumiWrapper #mvNatsumiRightArea { width:90%; float:none; margin:20px 0 0; padding:0 5% 15px; position:relative; background:url(/kanken/kanokan/images/kanokan_natsumi_img_mv_natsumi_01_sp.png) left bottom no-repeat; background-size:53% auto; } #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 { width:100%; min-width:initial; min-width:auto; padding-top:55%; position:relative; } #goodPointWrapperTop { position:static; width:auto; margin:0 auto 0; padding-top:4%; 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 0; 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%; margin:120px auto 0; padding-top:5%; 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%; margin:0 auto; padding:12% 0 3%; } #goodPointWrapper #goodPoint01Area h4 { width:90%; margin:5% auto 0; padding: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 { float:none; width:90%; margin:0 auto 0; } #goodPointWrapper #goodPoint02Area p#certification { float:none; width:90%; margin:5% auto 0; } #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 { width:33%; top:125px; } #goodPointWrapper #goodPoint03Area ul#goodPoint03Graph { width:auto; margin:20px auto 0; } #goodPointWrapper #goodPoint03Area ul#goodPoint03Graph li { float:none; width:90%; margin:20px auto; } #goodPointWrapper #goodPoint03Area .goodPointInner { padding-bottom:10%; } /* 選べる受検級 */ #gradeContainer { width:100%; min-width:initial; min-width:auto; } #gradeWrapperTop { width:auto; margin:30px auto 0; padding-top:4%; 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 0; 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%; margin:0 auto; padding-bottom:5%; } #gradeWrapper ul#gradeBtn { width:50%; margin:0 10% 5% 0; float:right; } #gradeWrapper ul#gradeBtn li { float:none; margin:5% 0 0; } #gradeWrapper ul#gradeBtn li:first-child { margin-top:0; } #gradeWrapper p#gradeNatsumi { bottom:0; left:0; width:50%; } /* 検定日程 */ #scheduleNatsumiContainer { width:100%; min-width:initial; min-width:auto; } #scheduleNatsumiWrapperTop { width:auto; margin:30px auto 0; padding-top:4%; 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 0; 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%; margin:45px auto 0; padding-top:5%; 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%; margin:0 0 0 3%; padding-top:20px; float:left; } #scheduleNatsumiWrapper #scheduleNatsumiArea #scheduleNatsumiInner ul { width:75%; margin:0 3% 0 0; padding-top:20px; float:right; } #scheduleNatsumiWrapper #scheduleNatsumiArea #scheduleNatsumiInner ul li { float:none; margin:25px 0 0; } #scheduleNatsumiWrapper #scheduleNatsumiArea #scheduleNatsumiInner ul li:first-child { margin:0; } /* 申込バナー */ #natsumiApplyContainer { width:100%; min-width:initial; 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:#ffffff; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 豆知識リニューアル ｜ kanokan/trivia ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #triviaContentArea { margin-top:0; padding:0 0 30px; } #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%; margin:10px auto 0; padding-bottom:60px; } #triviaContentArea #triviaListInner ul#indexList { width:94%; margin:10px auto 0; font-size:131%; } #triviaContentArea #triviaListInner ul#indexList li { background:url(/kanken/trivia/images/trivia_list_bg.gif) no-repeat left 0.4em; padding:2% 0 0 45px; } #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 { margin:5px; display:none; } #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 { margin:0; padding: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 { background:none; border:none; margin:0; padding:0; } #triviaDetailInner ul.twoDivList, #triviaDetailInner ul.threeDivList { width:auto; } #triviaDetailInner ul.twoDivList li, #triviaDetailInner ul.threeDivList li { float:none; margin:0; width:auto; } #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 { background:url(/kanken/trivia/images/trivia_bg_trivia_button_sp.gif) repeat-y left top; background-size:contain; margin-left:0; padding:0 0 65px; } #triviaDetailContentArea #triviaBtnInner #triviaBtnBox { margin:0 auto; width:65%; } #triviaDetailContentArea #triviaBtnInner #triviaBtnBox p { margin-top:50px; } #triviaDetailContentArea #triviaBtnInner #triviaBtnBox p.fLeft { margin-top:30px; } #personalLinkContainer #personalLinkWrapper.trivia { padding:0; width:95%; margin:0 auto; } #personalLinkContainer #personalLinkWrapper ul { margin-top:5px; } #personalLinkContainer #personalLinkWrapper ul li { float:none; margin:8px 0 0; } #triviaDetailInner p a#promoTriviaLink { position:relative; left:0; bottom:0; } /*160810*/ #triviaDetailInner .twoLineBox { width:auto; } #triviaDetailInner .twoLineBox ul { width:auto; float:none; } #triviaDetailInner .twoLineBox ul li { margin:0; } /*170724*/ #triviaDetailInner .verticalLineBox01 { width:auto; background:none; padding:0; border-radius:0; } #triviaDetailInner .verticalLineBox01 ul { float:none; margin:0; } #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; background:none; padding:0; border-radius:0; } #triviaDetailInner .verticalLineBox02 ul { float:none; margin:0; } #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 { float:none; margin-top:0; width:auto; } #triviaDetailInner ul.oneStartDivList li:first-child { width:auto; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 豆知識リニューアルに伴うプロモ扉変更 ｜ primary / juniorhighschool / highschool / business ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #promoContentArea { margin-top:15px; padding:0; background:url(../images/bg_promo_dot.jpg) left top repeat; } #promoContentArea .harfInner p { width:100%; } #promoContentArea p { margin-top:10px; } #promoContentArea ul { margin:0 auto; padding:4% 0; width:92%; } #promoContentArea ul li { margin-top:3%; padding:0; } #promoContentArea ul li:first-child { margin-top:0; } #promoContentArea ul li img { margin:0; padding: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 { background:none #1f55a7; padding:0; } #conanHeaderContainer img { width:100%; } #conanHeaderContainer ul#globalNaviSp { display:none; background-color:#075aac; margin:0; } #conanHeaderContainer ul#globalNaviSp li { background-color:#075aac; border-top:1px solid #cccccc; list-style:none; margin:0; } #conanHeaderContainer ul#globalNaviSp li:last-child { border-bottom:1px solid #cccccc; } #conanHeaderContainer ul#globalNaviSp li a { color:#ffffff; display:block; text-decoration:none; padding:10px 10px 10px 40px; font-size:124%; background:url(/kanken/conan/images/conan_header_bg_list02.gif) 10px center no-repeat; } #conanHeaderContainer ul#globalNaviSp li a:hover { text-decoration:underline; } #conanHeaderWrapper { width:100%; position:relative; 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; float:right; width:20%; margin-top:0; padding:0 4% 0 2%; cursor:pointer; } /*------------------------------ MV メインビジュアル -------------------------------*/ #conanMvContainer { background:none; } #conanMvContainer img { width:100%; } #conanMvWrapper { background:none; } #conanMvSection { width:100%; background-color:#075aac; padding-bottom:15px; } #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%; margin:0 auto; padding-top:30px; } #conanIntroWrapper p { width:90%; margin:10px auto 0; } /*------------------------------ MISSION ミッション -------------------------------*/ #conanMissionContainer { } #conanMissionContainer img { width:100%; } #conanMissionWrapper { width:100%; padding-bottom:30px; } #conanMissionWrapper h2 { width:80%; margin:0 auto; padding-top:30px; } #conanMissionWrapper p { width:90%; margin:10px auto 0; } /*------------------------------ HOW TO PLAY 遊び方 -------------------------------*/ #conanHowtoContainer { background:url(/kanken/conan/images/conan_howto_bg_sp.png) center 10px no-repeat; background-size:contain; padding-bottom:0; } #conanHowtoContainer img { width:100%; } #conanHowtoWrapper { width:100%; padding-bottom:30px; } #conanHowtoWrapper h2 { width:80%; margin:0 auto; padding-top:30px; } #conanHowtoSection { width:95%; } #conanHowtoSection ol { } #conanHowtoSection ol li { background:url(/kanken/conan/images/conan_howto_bg_list_sp.png) center top no-repeat; margin-top:5px; } #conanHowtoSection ol li:first-child { } #conanHowtoSection p#conanHowtoTxt { margin-top:10px; padding:0 2%; } /*------------------------------ PRESENT プレゼント -------------------------------*/ #conanPresentContainer { } #conanPresentContainer img { width:100%; } #conanPresentWrapper { width:100%; margin:0 auto; padding-bottom:30px; } #conanPresentWrapper h2 { width:80%; margin:0 auto; padding-top:30px; } #conanPresentSection { width:95%; } #conanPresentArea { background:url(/kanken/conan/images/conan_present_bg_top_sp.png) center top no-repeat; background-size:100% auto; margin-top:20px; padding-top:3%; } #conanPresentInner { background:url(/kanken/conan/images/conan_present_bg_bottom_sp.png) center bottom no-repeat; background-size:100% auto; padding:0 5% 35px; } #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 { background:url(/kanken/conan/images/conan_whats_bg_sp.png) center bottom no-repeat; background-size:80% auto; padding-bottom:60%; } #conanWhatsContainer img { width:100%; } #conanWhatsWrapper { width:100%; margin:0 auto; padding-bottom:50px; } #conanWhatsWrapper h2 { width:80%; margin:0 auto; padding-top:30px; } #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:#000000 } #conanFooterBottomSection { width:100%; margin:0 auto; padding:15px 0; } #conanFooterBottomSection p#footerCopyright { float:none; width:80%; margin:10px auto 0; } /* SNSリスト */ #conanFooterBottomSection ul.snsList { float:none; text-align:center; margin:0; } #conanFooterBottomSection ul.snsList li { display:inline-block; float:none; width:12%; } #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%; */ line-height:1.3em; background-image:url(/kanken/textbook/images/choice_navi_in_bg_question_sp.gif); background-size:auto 5px; font-size:125%; padding-bottom:8px; } #choiceNaviArea #choiceNaviTopInner p.qTxt { margin-top:15%; } #choiceNaviArea #choiceNaviInInner p.qTxt { /* margin-top:18%; */ } #choiceNaviArea #choiceNaviInInner p.qTxtSub { margin-top:8px; } /* ナビトップ */ #choiceNaviArea #choiceNaviTopInner { background-image:url(/kanken/textbook/images/choice_navi_top_bg_title_sp.gif); background-size:contain; padding:5% 5% 10%; } #choiceNaviArea #choiceNaviTopInner #choiceNaviTopBox { margin-top:5%; } #choiceNaviArea #choiceNaviTopInner ul#choiceNaviTopList { margin:-4% 0 0 -4%; } #choiceNaviArea #choiceNaviTopInner ul#choiceNaviTopList li { margin:4% 0 0 4%; width:46%; } #choiceNaviArea #choiceNaviTopInner ul#choiceNaviTopList li:last-child { position:static; width:96%; } #choiceNaviArea #choiceNaviTopInner > ul#choiceNaviTopList { } #choiceNaviArea #choiceNaviTopInner > ul#choiceNaviTopList > li { margin:0 0 0 4%; width:48%; } #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 { background-image:url(/kanken/textbook/images/choice_navi_in_bg_title_sp.gif); background-size:cover; padding:3% 5%; } #choiceNaviArea #choiceNaviInInner #choiceNaviInTitleBox h3 { float:none; width:40%; margin:0 auto; } #choiceNaviArea #choiceNaviInInner #choiceNaviInTitleBox dl { float:none; margin:3% auto 0; width:85%; } #choiceNaviArea #choiceNaviInInner #choiceNaviInTitleBox dl dt { margin-right:7px; } #choiceNaviArea #choiceNaviInInner #choiceNaviInTitleBox dl dd { margin-left:1%; width:16%; } #choiceNaviArea #choiceNaviInInner #choiceNaviInTitleBox dl dd img { vertical-align:middle; } #choiceNaviArea #choiceNaviInInner #choiceNaviInPanNaviBox { margin:5px auto 0; width:280px; height:110px; } #choiceNaviArea #choiceNaviInInner #choiceNaviInPanNaviBox.hAuto { height:auto; } #choiceNaviArea #choiceNaviInInner #choiceNaviInPanNaviBox ul { text-align:left; } #choiceNaviArea #choiceNaviInInner #choiceNaviInPanNaviBox ul li { background:url(/kanken/textbook/images/choice_navi_in_bg_pannavi_arrow_sp.gif) right 1.1em no-repeat; background-size:5px auto; width:123px; margin:10px 4px 0 0; padding:0 13px 0 0; 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 { background:url(/kanken/textbook/images/choice_navi_in_bg_pannavi_check_sp.gif) 97% 0.3em no-repeat; background-size:10px auto; min-width:initial; min-width:auto; width:100%; text-align:center; font-size:77%; line-height:1.3em; padding:7px 0 5px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox { padding:0 10px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul { margin:10px auto 0; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox ul > li:hover { opacity:1; filter:alpha(opacity=100); } #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 { background-image:url(/kanken/textbook/images/choice_navi_in_bg_blue01_sp.gif); background-size:90px 90px; width:90px; height:90px; margin-left:10px; padding:0; } #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 { background-image:url(/kanken/textbook/images/choice_navi_in_bg_blue02_sp.gif); background-size:86px 86px; width:86px; height:86px; margin-left:10px; padding:0; } #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 { background-image:url(/kanken/textbook/images/choice_navi_in_bg_blue03_sp.gif); background-size:90px 90px; width:90px; height:90px; margin-left:10px; padding:0; } #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; margin-bottom:3%; padding:5% 4%; background:url(/kanken/textbook/images/choice_navi_result_bg_mark_sp.gif) 98% 98% no-repeat; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl > dd:hover { opacity:1; filter:alpha(opacity=100); } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl > dd#book02.showOrIchimaru { margin-bottom:72px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl > dd#book02 p.charaOrIchimaru { width:180px; bottom:-75px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl > dd#book02.showOrIchimaru p.charaOrIchimaru { display:block; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd h4 { font-size:154%; padding-bottom:5px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit { margin-top:15px; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit > p { float:none; width:45%; margin:0 auto; } #choiceNaviArea #choiceNaviInInner .choiceNaviiInBodyBox#choiceNaviABox > dl dd .choiceNaviiInBodyUnit .choiceNaviiInBodyOuter { float:none; width:100%; margin-top:5%; } #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 { background-image:url(/kanken/textbook/images/choice_navi_in_bg_bottom_sp.gif); background-size:100% auto; padding:30px 1.5% 5%; position:static; } #choiceNaviArea #choiceNaviInInner #choiceNaviQuetionBottomBox p#restartBtn { float:left; margin:0 0 -3.8%; width:35%; } #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 { margin-top:4%; padding:8% 3% 3%; } #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 { border-width:1px; padding-bottom:3%; } .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; margin:0 0 60px; padding:15px; 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 { float:none; width:auto; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter .modalTypeOuterUnit.book01 { margin:0 0 65px; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter .modalTypeOuterUnit.book01 p.orTxt { right:44%; top:auto; 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 { opacity:1; filter:alpha(opacity=100); } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter p.plusTxt, .modalTypeInner .modalTypeBox .modalTypeUnit p.plusTxt2 { right:44%; top:auto; bottom:-45px; } .modalTypeInner .modalTypeBox .modalTypeUnit .modalTypeOuter p.plusTxt img, .modalTypeInner .modalTypeBox .modalTypeUnit p.plusTxt2 img { width:31px !important; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 漢字の問題にチャレンジ ｜ kanokan/challenge ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 共通 */ #challengeContentArea { background-size:18% auto; padding-top:0; } /* トップ */ #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 { float:none; width:100%; margin:8px 0 0; padding:8px 0 0 12px; border-top:1px solid #bbbbbb; background-position:left 0.7em; box-sizing:border-box; font-size:124%; } #challengeContentArea ul li ul li:first-child { border-top:none; padding-top:0; background-position:left 0.3em; } /* 詳細 */ #challengeContentArea #challengeDetailTitInner { width:100%; margin-top:0; border-top:0; border-left:0; border-right:0; border-radius:0; border-width:2px; } #challengeContentArea #challengeDetailTitInner h2 img#titleCharacterImg { display:none; } #challengeContentArea #challengeDetailTitInner h3 { padding:10px 3%; font-size:139%; border-radius:0; } #challengeContentArea #challengeDetailInner { width:94%; margin:0 auto; padding-bottom:80px; } #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 { margin-top:1%; padding-top:1%; float:none; width:100%; background:url(/kanken/challenge/images/challenge_bg_hakase_bottom_sp.png) no-repeat left bottom / 100% auto; } #challengeContentArea #challengeDetailInner #descriptionBox #descriptionUnit div { margin-top:-2%; padding:5% 5% 12%; 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 { float:none; margin:20px 0 0; } #challengeContentArea #challengeDetailInner ul#challengeBnList li:first-child { margin-top:0; } #challengeContentArea #challengeDetailInner p#challengeBtnTop { margin:80px auto 0; width:83%; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 漢検 受検レポート ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #jyukenreportArea { padding:2% 0 4%; } /* トップページ */ #jyukenreportArea h2 { margin-left:0; } #jyukenreportArea h2 + ul { width:93%; margin:3% auto 0; } #jyukenreportArea h2 + ul > li { margin-top:4%; padding-top:5%; } #jyukenreportArea h2 + ul > li:first-child { margin-top:0; padding-top:0; background:none; } #jyukenreportArea h2 + ul > li > h3 { padding:1%; width:25%; background-size:33.3% auto; background-position:left top; } #jyukenreportArea h2 + ul > li > ul { float:right; width:73%; margin-left:0; } #jyukenreportArea h2 + ul > li > ul li { margin-top:3%; padding:2% 8% 3% 7%; background-size:5%; overflow:hidden; } #jyukenreportArea h2 + ul > li > ul li > p + p { text-align:left; letter-spacing:0.05em; float:right; } #jyukenreportArea h2 + ul > li#jyukenreportJhs > ul li > p img.kanjiImg { width:13px; margin-right:1px; } /* 詳細ページ */ #jyukenreportArea h2 + h3 { margin:0 auto; width:93%; } #jyukenreportArea #jyukenreportDetailInner { width:93%; } #jyukenreportArea #jyukenreportDetailInner ol.jyukenreportNaviList { margin:4% auto 0; width:93%; } #jyukenreportArea #jyukenreportDetailInner ol.jyukenreportNaviList li { margin:1.6%; width:30%; } #jyukenreportArea #jyukenreportDetailInner ol.jyukenreportNaviList li:first-child { margin:1.6%; } #jyukenreportArea #jyukenreportDetailInner ol.jyukenreportNaviList li a { display:block; } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList { margin:5% 0 0; padding-left:0; } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList li { margin-top:5%; padding:4%; } #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%; float:left; margin-left:-10%; } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepHeadBox h5 { background:none; font-size:170%; line-height:1.3; width:70%; float:right; } #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 { margin-top:5%; padding:2% 3%; 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%; float:none; margin:5% auto 0; } #jyukenreportArea #jyukenreportDetailInner ol#jyukenreportStepList li .jyukenreportStepBox .jyukenreportStepUnit.hasImg.lineOver p + p { margin:5% auto 0; position:static; } #jyukenreportArea #jyukenreportDetailInner p#jyukenreportAttTxt { margin-top:10%; line-height:2; } #jyukenreportArea #jyukenreportDetailInner p.prevBtn { margin:12% auto 8%; width:45%; } #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 { float:none; margin:8px 0 0; } #qualificationLinkContainer #qualificationLinkWrapper ul li img { width: 100%; } /* その他リンク・バナー */ #etcLinkContainer #etcLinkWrapper #etcArea { float:none; width:100%; margin:0 auto; } #etcLinkContainer #etcLinkWrapper #etcArea .linkInner { float:none; width:100%; margin:10px 0 0; } #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%; margin-top: 15px; padding: 12px 20px 17px; } #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%; margin: 0 auto; padding-bottom: 15px; } /*------------------------------ ページ下部バナーエリア -------------------------------*/ #mainWrapperWide #bottomBnArea { width: 95%; margin: 0 auto; padding-bottom: 15px; } } @media screen and (max-width: 480px) { #headerWrapper ul.breadcrumbList { position:static; background:url(/kanken/common/images/header_bg_home_sp.gif) 3% 1.4em no-repeat #f1efe2; background-size:15px 15px; padding:15px 4% 15px 8%; width:88%; } .textbook_book_groupBtn { top:47%; } } @media screen and (max-width: 400px) { .textbook_book_groupBtn { top:45%; } } @media screen and (max-width: 320px) { .textbook_book_groupBtn { top:43%; } .w100per320 { width:100% !important; } }