@charset "UTF-8";

/* commonのリセット分(共通)
------------------------------------------------------ */
*    { font-size: 100%; box-sizing: border-box; }
html { overflow-y: auto; background: #fff!important; }
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, pre, form, dl, dt, dd, blockquote, fieldset, input, address { margin: 0; padding: 0; }
ul, ol, li, dl, dt, dd { list-style-type: none; list-style-position: outside; }
table                  { border-collapse: collapse; border-spacing: 0; }
table, th, td          { vertical-align: middle; }
img                    { border: 0; vertical-align: bottom; }
hr                     { display: none; clear: both; }
br                     { letter-spacing: 0; }
address { font-style: normal!important; font-size: 9px; }

/* form */  
button, fieldset, form, input, label, legend, select, textarea { font-family: inherit; font-style: inherit; font-weight: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; }
legend { display: none; }
select { padding: 2px; }
/* anchor */
a         { outline: none; text-decoration: none; }
a:link,
a:visited { color: #333; }
a:hover   { color: #666; text-decoration: none; }

/* clearfix */
.cl:after  { content: ""; display: block; clear: both; } 
.cl:before { content: ""; display: block; clear: both; } 
.cl        { display: block; }

#ModalBg { display: none!important; }

.pc_only  { }
.sp_only  { display: none; }
@media only screen and (max-width: 640px){
 .pc_only { display: none; }
 .sp_only { display: initial; }
}