@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 640px) {

/*============================
.md_pcOnly & .md_spOnly
============================*/
.md_pcOnly { display: none; }
.md_spOnly { display: block; }

/*============================
.md_contents & .md_inner
============================*/
.md_contents { width: 100%; margin: 0 auto; min-width: inherit; }
.md_inner { width: 100%; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }

/*============================
title & headline
============================*/
.md_headline { font-size: 1.5em; padding-bottom: 20px; text-align: center; width: 100%; }

/*============================
button
============================*/
.md_button { border: 1px solid #000; box-sizing: border-box; position: relative; }
.md_button .text { padding: 12px 0 10px; text-align: center; }
.md_button a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.md_button a:hover { background: rgba(255,255,255,0.3); }

}