@charset "utf-8";

/* ------------------------------
 Reset
------------------------------ */

* { box-sizing: border-box; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, em, img,strong, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, figcaption, footer, header, hgroup, menu, nav, section, time, mark, audio, video { color: #000; margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:top; background:transparent; list-style-type:none; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Arial, "メイリオ", Meiryo, sans-serif; font-weight: 500; line-height: 1.75; word-break: break-all; box-sizing: border-box; text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; }
img { vertical-align: top; }
html { font-size: 16px; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; word-break:keep-all; }
body { font-size: 16px; text-align:center; background: #fff; -webkit-text-size-adjust:none; }
th { text-align:left; white-space: nowrap; }
select, input, textarea { word-wrap:break-word; word-break:break-all; font-weight: normal; font-style:500; }
article, aside, dialog, div, figure, footer, header, hgroup, nav, section { display: block; }
input[type="search"],
input[type="email"],
input[type="text"] { border:1px solid #CBCBCB; background:#fff none 0 0 no-repeat; border-radius: 2px; vertical-align: middle; text-indent: 5px; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; }
input[type="search"]:focus,
input[type="email"]:focus,
input[type="text"]:focus { border:1px solid #8C9499; background: #EEF3F8 none 0 0 no-repeat; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; }
select { border:1px solid #DCDFE2; background:#fff none 0 0 no-repeat; border-radius: 2px; vertical-align: middle; text-indent: 0; padding: 3px 0; outline: none; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; }
select:focus { border:1px solid #8C9499; background:#EEF3F8 none 0 0 no-repeat; }
textarea { border:1px solid #DCDFE2; background:#fff none 0 0 no-repeat; border-radius: 2px; outline: none; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; }
textarea:focus { border:1px solid #8C9499; background:#EEF3F8 none 0 0 no-repeat; }
a { text-decoration: none; color: #2E2A3D; }
input::placeholder { color: #CBCBCB; }
.error { color: #DB004D; }

/* ------------------------------
 Clearfix
------------------------------ */
.clearf { clear:both; }
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }

/* ------------------------------
 Textalign
------------------------------ */

.tr { text-align: right !important; }
.tl { text-align: left !important; }
.tc { text-align: center !important; }

/* ------------------------------
 Float
------------------------------ */

.fr { float: right !important; }
.fl { float: left !important; }

/* ------------------------------
 Overflow hidden
------------------------------ */

.ovf { overflow: hidden; }

/* ------------------------------
 Fontsize
------------------------------ */

.fs10 { font-size: 10px !important; }
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }
.fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px !important; }
.fs15 { font-size: 15px !important; }
.fs16 { font-size: 16px !important; }
.fs17 { font-size: 17px !important; }
.fs18 { font-size: 18px !important; }
.fs19 { font-size: 19px !important; }
.fs20 { font-size: 20px !important; }
.fs21 { font-size: 21px !important; }
.fs22 { font-size: 22px !important; }
.fs23 { font-size: 23px !important; }
.fs24 { font-size: 24px !important; }

/* ------------------------------
 Margin
------------------------------ */

/* Bottom */
.mb0   { margin-bottom:0 !important; }
.mb10  { margin-bottom:10px !important; }
.mb20  { margin-bottom:20px !important; }
.mb30  { margin-bottom:30px !important; }
.mb40  { margin-bottom:40px !important; }
.mb50  { margin-bottom:50px !important; }
.mb60  { margin-bottom:60px !important; }
.mb70  { margin-bottom:70px !important; }
.mb80  { margin-bottom:80px !important; }
.mb90  { margin-bottom:90px !important; }
.mb100 { margin-bottom:100px !important; }

/* Left-Right */
.ms0   { margin-left:0;     margin-right:0 !important; }
.ms10  { margin-left:10px;  margin-right:10px !important; }
.ms20  { margin-left:20px;  margin-right:20px !important; }
.ms30  { margin-left:30px;  margin-right:30px !important; }
.ms40  { margin-left:40px;  margin-right:40px !important; }
.ms50  { margin-left:50px;  margin-right:50px !important; }
.ms60  { margin-left:60px;  margin-right:60px !important; }
.ms70  { margin-left:70px;  margin-right:70px !important; }
.ms80  { margin-left:80px;  margin-right:80px !important; }
.ms90  { margin-left:90px;  margin-right:90px !important; }
.ms100 { margin-left:100px; margin-right:100px !important; }

/* ------------------------------
 Width
------------------------------ */

.w35   { width:35px !important; }
.w40   { width:40px !important; }
.w50   { width:50px !important; }
.w55   { width:55px !important; }
.w60   { width:60px !important; }
.w70   { width:70px !important; }
.w80   { width:80px !important; }
.w90   { width:90px !important; }
.w100  { width:100px !important; }
.w110  { width:110px !important; }
.w120  { width:120px !important; }
.w130  { width:130px !important; }
.w140  { width:140px !important; }
.w150  { width:150px !important; }
.w160  { width:160px !important; }
.w170  { width:170px !important; }
.w180  { width:180px !important; }
.w190  { width:190px !important; }
.w200  { width:200px !important; }
.w210  { width:210px !important; }
.w220  { width:220px !important; }
.w230  { width:230px !important; }
.w240  { width:240px !important; }
.w250  { width:250px !important; }
.w260  { width:260px !important; }
.w270  { width:270px !important; }
.w280  { width:280px !important; }
.w290  { width:290px !important; }
.w300  { width:300px !important; }

.w400  { width:400px !important; }
.w500  { width:500px !important; }
.w600  { width:600px !important; }
.w700  { width:700px !important; }
.w800  { width:800px !important; }
.w900  { width:900px !important; }

.w50p { width:50% !important; }
.w100p { width:100% !important; }

@media screen and (max-width:767px){
  html { font-size: 15px; }
  body { font-size: 15px; }
}