@charset "utf-8";

/* RESET CSS
------------------------------------------------ */
html {
    /*font-size: 50.0%; 8px相当 */
    font-size: 62.5%; /* 10px相当 */
    /*font-size: 75.0%; 12px相当 */
    /*font-size: 87.5%; 14px相当 */
}
body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6,
p,blockquote,address,
ol,ul,li,
dl,dt,dd,
table,th,td,
div,a,span,
form,label,input,textarea,select,option,button {
    font-size: 100%;
    color: #42210B;
    margin: 0px;
    padding: 0px;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}
table { border-collapse: collapse; border-spacing: 0;}
ul, ol { list-style: none; }
img { border: none; vertical-align: top; max-width: 100%; -webkit-backface-visibility: hidden; }
input, textarea, select, button { outline:none; }

a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

a > img {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out;
}
a > img:hover,
a > img:active {
    opacity: .65;
}


/* MODULE CSS
------------------------------------------------ */
.clear { display:block; clear:both; }
br.clear { display:block; clear:both; height:1px; font-size:0px; line-height:1px; }
.cf:after { content:" "; display:block; clear:both; }

.__shadow {
    border-radius: 22px;
    /*text-shadow: 0px 0px 6px rgba(150, 150, 150, 1);*/
    -webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 6px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 6px 0px rgba(50, 50, 50, 0.75);
}
.__shadow_s {
    border-radius: 8px;
    /*text-shadow: 0px 0px 6px rgba(150, 150, 150, 1);*/
    -webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 6px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 6px 0px rgba(50, 50, 50, 0.75);
}

.tx_center { text-align: center !important; }
.tx_left { text-align: left !important; }
.tx_right { text-align: right !important; }

.tx10 { font-size: 10px; font-size: 1.0rem; }
.tx12 { font-size: 12px; font-size: 1.2rem; }
.tx14 { font-size: 14px; font-size: 1.4rem; }
.tx16 { font-size: 16px; font-size: 1.6rem; }
.tx18 { font-size: 18px; font-size: 1.8rem; }
.tx20 { font-size: 20px; font-size: 2.0rem; }
.tx22 { font-size: 22px; font-size: 2.2rem; }

.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml60 { margin-left: 60px; }
.ml80 { margin-left: 80px; }

.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr60 { margin-right: 60px; }
.mr80 { margin-right: 80px; }

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt60 { margin-top: 60px; }
.mt80 { margin-top: 80px; }

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb60 { margin-bottom: 60px; }
.mb80 { margin-bottom: 80px; }

.w5 { width: 5%; }
.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w85 { width: 85%; }
.w90 { width: 90%; }
.w95 { width: 95%; }
.w100 { width: 100%; }