@charset "utf-8";

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

/*============================
md_container
============================*/
.md_container { width: inherit; padding: 0 20px; }
	
/*============================
md_pankuzuArea
============================*/
.md_pankuzuArea { margin: 0; min-width: inherit; }
.md_pankuzuArea ul {}
.md_pankuzuArea ul li {}
.md_pankuzuArea ul li::after {}
.md_pankuzuArea ul li a {}
.md_pankuzuArea ul li a span {}
.md_pankuzuArea ul li a em {}
.md_pankuzuArea ul li:first-child {} 
.md_pankuzuArea ul li:first-child a {}
.md_pankuzuArea ul li:last-child {}
.md_pankuzuArea ul li:last-child::after {}
.md_pankuzuArea ul li:last-child a {}

/*============================
.md_btn
============================*/
.md_btn_black { padding: 17px 0 15px; }
.md_btn_black:hover {}
.md_btn_blue { padding: 17px 0 15px; }
.md_btn_blue:hover {}
.md_btn_lineWhite { padding: 16px 0 14px; }
.md_btn_lineWhite:hover {}
.md_btn_lineBlack { padding: 16px 0 14px; }
.md_btn_lineBlack:hover {}
.md_btn_category { padding: 4px 12px; }
.md_btn_category:hover { box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.1); }

/*============================
.md_title
============================*/
.md_title { font-size: 1.5em; }
.md_subTitle { font-size: 1.25em; }
.md_miniTitle { font-size: 0.875em;}

/*============================
md_panelArea
============================*/
.md_panelArea { padding: 30px 0; text-align: center; }
.md_panelArea .md_pageTitle { font-size: 2em; }
.md_panelArea .md_pageSubTitle { margin-top: 8px; font-size: 1.125em; }

/*============================
br
============================*/
.md_br_sp { display: inline; }
.md_br_pc { display: none; }
	
/*============================
divをモーダルに
============================*/
.md_js_modalArea {}
.md_js_modalArea .md_js_modalBg {}
.md_js_modalArea .md_js_modalWrapper { width: 94%; }
.md_js_modalArea .md_js_modalWrapper .md_js_modalContents {}
.md_js_modalArea .md_js_modalWrapper .md_js_modalContents em {}
.md_js_modalArea .md_js_closeModal { top: -30px; right: 0; width: 30px; height: 30px; }
.md_js_modalArea .md_js_closeModal::before { top: 0; right: 10px; width: 30px; height: 30px; }
.md_js_modalArea .md_js_closeModal::after { top: 0; right: -10px; width: 30px; height: 30px; }

}