@charset "utf-8";

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

/*============================
md_container
============================*/
.md_container { width: inherit; padding: 0 25px; }
	
/*============================
.md_btn
============================*/
.md_btn_main { min-width: inherit; width: 100%; padding: 20px 15px 18px 0; font-size: 1em; }
	
/*============================
.md_panelArea
============================*/
.md_panelArea { height: 260px; }
.md_panelArea::before {}
.md_panelArea .pageTitle { margin-top: 15px; padding: 0 25px; }
.md_panelArea .pageTitle .main { font-size: 1.75em; }
.md_panelArea .pageTitle .main img { width: 95px; margin-right: 5px; }
.md_panelArea .pageTitle .main span {}
.md_panelArea .pageTitle .sub { margin-top: 10px; font-size: 1em; }
.md_panelArea .pageTitle .subBG { font-size: 5em;  margin-top: -35px; }
.md_panelArea .pageTitle .text { margin-top: 30px; text-align: left; font-size: 0.875em; }
 

/*============================
.md_title
============================*/
.md_title { font-size: 1.4125em; }
.md_titleEn { font-size: 0.865em; }
.md_subTitle { font-size: 1.125em; }

/*============================
.md_pankuzuArea
============================*/
.md_pankuzuArea {}
.md_pankuzuArea ul { width: auto; margin: 0 10px; min-width: inherit; padding: 10px 0; }
.md_pankuzuArea ul li { margin-right: 24px; font-size: 0.675em; }
.md_pankuzuArea ul li::after { right: -14px; top: 2px; }
.md_pankuzuArea ul li a {}
.md_pankuzuArea ul li:first-child {} 
.md_pankuzuArea ul li:first-child a { width: 12px; height: 12px; background: url("../../imageFile/global/icon_home.svg") no-repeat center; background-size: 12px auto; }
.md_pankuzuArea ul li:last-child {}
.md_pankuzuArea ul li:last-child a {}
.md_pankuzuArea ul li:last-child::after {}
.md_pankuzuArea ul li a span {}
.md_pankuzuArea ul li em {}
	
/*============================
.md_paging
============================*/
.md_paging { margin: 40px auto 0; }
.md_paging .wp-pagenavi {}
.md_paging .wp-pagenavi span, .md_paging .wp-pagenavi a { width: 30px; height: 30px; line-height: 30px; border-radius: 30px; font-size: 0.75em; }
.md_paging .wp-pagenavi span.current {}
.md_paging .wp-pagenavi span.current::before {}
.md_paging .wp-pagenavi .prevpostslink { margin-right: 20px; height: 30px; }
.md_paging .wp-pagenavi .prevpostslink::after{ width: 30px; height: 30px; line-height: 30px; border-radius: 30px; background-size: 12px auto; }
.md_paging .wp-pagenavi .nextpostslink { margin-left: 20px; height: 30px; }
.md_paging .wp-pagenavi .nextpostslink::after{ width: 30px; height: 30px; line-height: 30px;  border-radius: 30px; background-size: 12px auto; }
	
/*============================
.md_paging
============================*/
.md_pageIn_link {}
.md_pageIn_link ul { width: 100%; padding: 0; }
.md_pageIn_link ul li {}
.md_pageIn_link ul li:first-child a {}
.md_pageIn_link ul li a { height: 60px; padding-top: 18px; font-size: 0.9125em; }
.md_pageIn_link ul li a::before { height: 30px; }
.md_pageIn_link ul li a::after { width: 15px; height: 15px; background-size: 8px auto; bottom: 5px; }
.md_pageIn_link ul li a:hover::before  { opacity: 0; }
.md_pageIn_link ul li a:hover::after { bottom: 5px; }
.md_pageIn_link ul li:first-child a {}
.md_pageIn_link ul li:last-child a {}
	
/*============================
.md_number
============================*/
.md_number { margin-top: 30px; font-size: 0.875em; }
.md_number span { font-size: 1.5em; margin: 0 3px; }
	
/*============================
br
============================*/
.md_br_sp { display: inline; }
.md_br_pc { display: none; }

}