@charset "UTF-8";

@media screen and (max-width:640px){

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  00:ベーススタイル
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body { font-size:13px; }
body.fontLarge { font-size:13px; }
body.lineHeightLarge { line-height:1.6em; }

#headerContainer img { width:100%; }
#mainContainer img { width:100%; }
#footerContainer img { width:100%; }
#fancybox-wrap img { width:100%; }
#topMainBtnAreaWrapper img { width:100%; }

/*------------------------------
  a
-------------------------------*/
a:hover img { opacity:1; filter:alpha(opacity=100); }
a:hover { color:#0066cc; }

/*------------------------------
  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; }
.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; }

/*------------------------------
  width
-------------------------------*/
.w10 { width:auto !important;}
.w20 { width:auto !important;}
.w30 { width:auto !important;}
.w40 { width:auto !important;}
.w45 { width:auto !important;}
.w50 { width:auto !important;}
.w60 { width:auto !important;}
.w70 { width:auto !important;}
.w80 { width:auto !important;}
.w90 { width:auto !important;}
.w100 { width:auto !important;}
.w110 { width:auto !important;}
.w120 { width:auto !important;}
.w130 { width:auto !important;}
.w140 { width:auto !important;}
.w150 { width:auto !important;}
.w160 { width:auto !important;}
.w170 { width:auto !important;}
.w180 { width:auto !important;}
.w190 { width:auto !important;}
.w200 { width:auto !important;}
.w210 { width:auto !important;}
.w220 { width:auto !important;}
.w230 { width:auto !important;}
.w240 { width:auto !important;}
.w250 { width:auto !important;}
.w260 { width:auto !important;}
.w270 { width:auto !important;}
.w280 { width:auto !important;}
.w290 { width:auto !important;}
.w300 { width:auto !important;}
.w310 { width:auto !important;}
.w315 { width:auto !important;}
.w320 { width:auto !important;}
.w330 { width:auto !important;}
.w340 { width:auto !important;}
.w347 { width:auto !important;}
.w350 { width:auto !important;}
.w360 { width:auto !important;}
.w370 { width:auto !important;}
.w380 { width:auto !important;}
.w400 { width:auto !important;}
.w410 { width:auto !important;}
.w420 { width:auto !important;}
.w440 { width:auto !important;}
.w450 { width:auto !important;}
.w470 { width:auto !important;}
.w480 { width:auto !important;}
.w490 { width:auto !important;}
.w500 { width:auto !important;}
.w510 { width:auto !important;}
.w520 { width:auto !important;}
.w530 { width:auto !important;}
.w550 { width:auto !important;}
.w570 { width:auto !important;}
.w600 { width:auto !important;}
.w610 { width:auto !important;}
.w630 { width:auto !important;}
.w650 { width:auto !important;}
.w660 { width:auto !important;}
.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%; }

/*------------------------------
  ヘッダー
-------------------------------*/
#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:75%; margin:14px 0 10px 4.5%; }
#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; background-color:#f3f3f3; }
#headerWrapper ul.globalNavi li:first-child a { border-top:1px dotted #999999; }
#headerWrapper ul.globalNavi li a img { display:none;}
#headerWrapper ul.globalNavi li a span { display:block;}

/*------------------------------
  サイドメニュー
-------------------------------*/
#sideMenuWrapper { width:100%; float:none; }

/*------------------------------
  フッター
-------------------------------*/
#footerContainer { background-color:#e3e5e7; }
#footerWrapper { width:95%; margin:0 auto; }
#footerSitemapArea ul { margin:0; }
#footerSitemapArea ul.footerSitemapTop li { margin:3px 0 0; padding:0; list-style:none; background:none; }
#footerSitemapArea ul.footerSitemap li { float:none; margin:3px 0 0; padding:0; list-style:none; background:none; width:auto; }

#footerSitemapArea ul.footerSitemapSecond { margin:0; }
#footerSitemapArea ul.footerSitemapSecond li a span,
#footerSitemapArea ul.footerSitemapSecond2 li a span { padding-left:10px; background:url(/common/images/footer_listmark_second.gif) left 0.5em no-repeat; display:block; }

#footerSitemapArea { width:100%; margin:0; padding:15px 0; }
#footerSitemapArea .footerSitemapBoxTop { float:none; width:100%; margin:0; padding:0; }
#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:116%; background:url(/common/images/footer_bg_arrow_sp.gif) right center no-repeat #f1f3f3; background-size:20px auto; }

#footerSitemapArea ul.footerSitemap li a { line-height:normal; padding:8px 18px 8px 15px; color:#000000; display:block; text-decoration:none; font-size:116%; background:url(/common/images/footer_bg_arrow_sp.gif) right center no-repeat #f1f3f3; background-size:20px auto; }

#footerSitemapArea .footerSitemapBoxTop01,
#footerSitemapArea .footerSitemapBoxTop02,
#footerSitemapArea .footerSitemapBoxTop03,
#footerSitemapArea .footerSitemapBoxTop04 { float:none; width:auto; }

#footerSitemapArea .footerSitemapBox01,
#footerSitemapArea .footerSitemapBox02,
#footerSitemapArea .footerSitemapBox03,
#footerSitemapArea .footerSitemapBox04 { float:none; width:auto; margin-top:15px; }

.footerPagetopArea { display:block; position:fixed; right:10px; bottom:10px; top:auto; z-index:10; }
.footerPagetopArea p { margin-bottom:0; }
.footerPagetopArea p a.pagetop { background:url(/common/images/footer_btn_pagetop.png) no-repeat left top; background-size:45px auto; margin:0; padding-left:0; width:45px; height:45px; display:block; }
.footerPagetopArea p a.pagetop span { display:none; }

#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%; padding:15px 0; }
#footerSiteBannerInner { width:auto; margin:0 auto; padding:0; }
#footerSiteBannerInner ul { margin:0; }
#footerSiteBannerInner ul li { float:none; margin:7px 0 0; display:block; text-align:center; }
#footerSiteBannerInner ul li:first-child { margin:0; }

#footerLinkAreaLeft  { width:100%; float:none; }
#footerLinkAreaLeft ul.footerLink li { float:none; margin:5px 0 0; display:block; text-align:center; }
#footerLinkAreaLeft ul.footerLink li span { display:none; }
#footerLinkAreaLeft ul.footerLink li a { margin-left:0; }
#footerLinkAreaLeft ul.footerLink li a:hover { color:#555555; text-decoration:underline; }
#footerLinkAreaRight { width:100%; float:none; text-align:center; margin-top:5px; }
#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 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; }
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 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; }

/*------------------------------
  その他
-------------------------------*/

/*------------------------------
  display
-------------------------------*/
.spDisplayBlock { display:block !important; }
.spDisplayInline { display:inline !important; }
.spDisplayNone { display:none !important; }
.pcShow { display:none;}
.spShow { display:block;}

/* エリア中央寄せ */
.spCenteringArea { margin-left:auto !important; margin-right:auto !important; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  トップページ
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#topMainBtnAreaWrapper { width:95%; margin:0 auto; padding:0; background:none; }
#topMainBtnArea { width:auto; margin:0 auto; }

#topMainBtnArea ul.topMainBtnAreaMainMenu > li { float:none; margin:0; margin-top:15px; }
#topMainBtnArea ul.topMainBtnAreaMainMenu > li:first-child { margin-top:0; }
#topMainBtnArea ul.topMainBtnAreaSubMenu { margin:0; padding:5px 15px; width:auto; height:auto; border:1px solid #cccccc; }
#topMainBtnArea ul.topMainBtnAreaSubMenu li { margin:5px 0 0; border-bottom:1px solid; float:none; height:auto; font-size:116%; white-space:normal; }
#topMainBtnArea ul.topMainBtnAreaSubMenu li.listKanken,
#topMainBtnArea ul.topMainBtnAreaSubMenu li.listBjt,
#topMainBtnArea ul.topMainBtnAreaSubMenu li.listBunshoken { padding-bottom:5px; margin-right:0 !important; }
#topMainBtnArea ul.topMainBtnAreaSubMenu li.listKanken { border-bottom-color:#b29e4d; }
#topMainBtnArea ul.topMainBtnAreaSubMenu li.listBjt { border-bottom-color:#b28687; }
#topMainBtnArea ul.topMainBtnAreaSubMenu li:last-child { margin-top:5px; border-bottom:none; }
#topMainBtnArea ul.topMainBtnAreaSubMenu li a { white-space:normal; }
#topMainBtnArea ul.topMainBtnAreaSubMenu li a:hover { text-decoration:none; }
#topMainBtnArea .subWrapper1 { background-image:none; padding-bottom:0; }
#topMainBtnArea .subWrapper2 { background-image:none; padding-bottom:0; }
#topMainBtnArea .subWrapper3 { background-image:none; padding-bottom:0; }
#topMainBtnArea ul.topSubBtnMenu { margin:15px 0 0; }
#topMainBtnArea ul.topSubBtnMenu li { float:none; margin:0; height:auto; }
#topMainBtnArea ul.topSubBtnMenu li img { vertical-align:bottom; }
body.lineHeightLarge #topMainBtnArea ul.topMainBtnAreaSubMenu{ margin:0; width:auto; height:auto; }
body.lineHeightLarge #topMainBtnArea ul.topMainBtnAreaSubMenu li { height:auto; }
body.lineHeightLarge #topMainBtnArea ul.topMainBtnAreaSubMenu li.listKanken,
body.lineHeightLarge #topMainBtnArea ul.topMainBtnAreaSubMenu li.listBjt,
body.lineHeightLarge #topMainBtnArea ul.topMainBtnAreaSubMenu li.listBunshoken { padding-bottom:5px; margin-right:0 !important; background-position:left 0.3em; }

/* 中央バナー・カテゴリメニュー */
#topWrapper { width:95%; float:none; margin-top:20px; padding-bottom:0; min-height:initial; min-height:auto; }
#topWrapper div p + p { margin-top:15px; }
#topWrapper ul.topMainCategoryMenu { margin:15px 0 0; }
#topWrapper ul.topMainCategoryMenu li { float:none; margin:0; }

/* お知らせ */
#topWrapper #topTopics { margin-top:30px; padding-bottom:30px; }
#topWrapper #topTopics h2.topCaption01 { padding-bottom:15px; font-size:141%; }
#topWrapper #topTopics p#topicsLink { top:auto; bottom:0; padding-left:0; background:none; }
#topWrapper #topTopics p#topicsLink a:hover { text-decoration:underline; }
#topWrapper #topTopics dl.topics_list { margin-top:10px; }
#topWrapper #topTopics dl.topics_list dt { float:none; }
#topWrapper #topTopics dl.topics_list dd { float:none; margin-bottom:10px; }
#topWrapper #topTopics dl.topics_list dd a:hover { text-decoration:underline; }

#topImportantWrapper { width:95%; margin:20px auto 0; box-sizing:border-box; }
#topImportantWrapper2 { width:95%; margin:20px auto 0; box-sizing:border-box; }

/* サイドエリア */
#topWrapper + #sideMenuWrapper { width:95%; margin:15px auto 0 !important; }
#topWrapper + #sideMenuWrapper ul.sideBnr { margin:0 0 0 -3%; overflow:hidden; }
#topWrapper + #sideMenuWrapper ul.sideBnr li { margin:5px 0 0 3%; width:47%; float:left; }

}