@charset "utf-8";

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

/*============================
#body
============================*/

body {}

/*============================
#header
============================*/
#header { display: none; }
#header .headerWrap { width: auto; }
#header .headerWrap .tagLine {}
#header .headerWrap .attention {}

/*============================
#naviArea
============================*/
#naviArea { display: none; }

/*============================
#naviAreaSP
===========================*/
#naviAreaSP { display: block; height: auto; background: #222; }
#naviAreaSP .tagLine { padding: 8px 15px; background: #000; color: #fff; font-size: 0.675em; }
#naviAreaSP .title { padding: 12px 10px 8px; }
#naviAreaSP .title a { display: inline-block; padding-left: 10px; }
#naviAreaSP .title a img { height: 60px; width: auto; }
#naviAreaSP .copy { color: #777; font-size: 0.75em; padding: 0 20px 10px; }

.drawer-hamburger { width: 26px; padding: 20px; margin-top: 40px; margin-right: 10px; }
.drawer--right .drawer-nav { z-index: 99999; }
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before { height: 3px; background: #555; }

.drawer--right .drawer-nav { background: #333; color: #fff; }
.drawer--right .drawer-nav li a { position: relative; display: block; border-bottom: solid 1px #555; color: #eee; padding: 15px; }
.drawer--right .drawer-nav li a span { font-size: 11px; color: #ddd; }
.drawer--right .drawer-nav li a img { width: 80%; height: auto; }

/*============================
#pageSet
============================*/
#pageSet { width: auto; }

/*============================
#pankuzu
============================*/
#pankuzu { display: none; }

/*============================
#contentArea
============================*/
#contentArea { margin: 0 10px; }

/*============================
#leftArea
============================*/
#leftArea { float: inherit; width: auto; }

/*============================
#rightArea
============================*/
#rightArea { display: none; }
#rightArea div.linkArea {}
#rightArea div.linkArea ul {}
#rightArea div.linkArea ul li {}
#rightArea div.linkArea ul li a {}
#rightArea div.linkArea ul li a img {}

/*============================
#footer
============================*/
#footer { width: auto; margin-top: 30px; padding-bottom: 50px; border-top: dashed 1px #aaa; }
#footer .footerContainer {}
#footer .footerContainer .sitemap { margin-top: 0; }
#footer .footerContainer .sitemap ul { border-bottom: solid 1px #eee; }
#footer .footerContainer .sitemap ul li { margin: 0; border-bottom: solid 1px #ddd; }
#footer .footerContainer .sitemap ul li:first-child {}
#footer .footerContainer .sitemap ul li a { display: block; background: #eee; padding: 20px; border-bottom: dashed 1px #aaa; }
#footer .footerContainer .copyright {}

}