@charset "utf-8";

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

/*============================
ClearFix
============================*/
.clearFix:after { }

/*============================
.md_bigTitle
============================*/
.md_mainTitle_Big { min-width: inherit; height: inherit; margin-top: 10px; }
.md_mainTitle_Big .pad { width: inherit; height: inherit; margin: 0 20px; padding: 20px 0 8px; text-align: center; } 
.md_mainTitle_Big .pad .sub { width: auto; margin: 0; text-align: left; font-size: 0.75em; }
.md_mainTitle_Big .pad .catch { float: none; display: block; margin: 0; text-align: left; }
.md_mainTitle_Big .pad .catch img { width: 240px; } 

/*============================
.md_simpleTitle
============================*/
.md_simpleTitle  { min-width: inherit; margin-top: 10px; }
.md_simpleTitle .pad { width: inherit; margin: 0 20px; }
.md_simpleTitle .pad .inner { width: inherit; margin: 0; height: inherit; text-align: left; }
.md_simpleTitle .pad .inner .catch { float: none; display: block; margin-top: 0; padding-top: 20px; }
.md_simpleTitle .pad .inner .catch img { width: auto; height: 30px; max-width: 100%; }
.md_simpleTitle .pad .inner .catchText { float: none; display: block; color: #fff; text-align: left; line-height: 1.5; white-space: inherit; overflow: inherit; text-overflow: inherit; font-size: 0.875em; background: #f5f5f5; margin: 20px -20px 0; padding: 20px; color: #222222; }

/*============================
.md_textLink
============================*/
.md_textLink { }
.md_textLink:after { }

/*============================
.md_subTitleBar
============================*/
.md_subTitleBar { }
.md_subTitleBar span { padding: 0 10px; font-size: 1.25em; top: -9px; }

/*============================
.md_kensu
============================*/
.md_kensu { margin-top: 0; }
.md_kensu span { font-size: 1.25em; }

/*============================
.md_paging
============================*/
.md_paging { margin-top: 20px; text-align: center; }
.md_paging ul { text-align: right; }
.md_paging ul li { display: inline-block; width: 30px; height: 30px; line-height: 30px; margin-left: -1px; border-radius: 2px; }
.md_paging ul li a { display:inline-block; width: 30px; height: 30px; line-height: 30px; color: #7a3e39; text-align: center; }
.md_paging ul li.active {}
.md_paging ul li.active a { background: #7a3e39; color: #fff; border-radius: 2px; }
.md_paging ul li:first-child { border-radius: 2px 0 0 2px; }
.md_paging ul li:last-child { border-radius: 0 2px 2px 0; }
.md_paging ul li a img { vertical-align: middle; }

}