/*=================================================================
*
*	Font-size Adjustment [ base::13px ]
*	
*	85%  = 11px	|	131% = 17px	|	177% = 23px
*	93%  = 12px	|	139% = 18px	|	185% = 24px
*	100% = 13px	|	147% = 19px	|	193% = 25px
*	108% = 14px	|	154% = 20px	|	200% = 26px
*	116% = 15px	|	162% = 21px	|	208% = 27px
*	123% = 16px	|	170% = 22px	|	216% = 28px
*
===================================================================*/

/*------------------------------------------------------------
	Reset
-------------------------------------------------------------*/
/*---- margin,padding reset ----*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, main,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	text-align: center;
}
 
main, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  display: block;
}

/* html body  -------------------- */
html{
  overflow-y: scroll;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Helvetica, sans-serif;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
 
*, *:before, *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body {
	background: transparent;
	color: #ffffff;
	line-height: 1.2;
	-webkit-text-size-adjust: none;
}
body.iFix { -webkit-text-size-adjust: none; }
 
/* general  -------------------- */
fieldset, img { border: 0; }
img { vertical-align: top; }
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
dl { text-indent: 0; }
ol, ul {
	list-style: none;
	text-indent: 0;
}
li { list-style: none; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
address, em, cite { font-style: normal; }
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, textarea, select {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Helvetica, sans-serif;
	font-size: 100%;
}

blockquote, q {
  quotes: none;
}
 
blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}
 
input, textarea {
  margin: 0;
  padding: 0;
}
 
input::-webkit-input-placeholder, input:-moz-placeholder, textarea::-webkit-input-placeholder, textarea:-moz-placeholder {
  color: #888;
}
 
input[type="button"], input[type="submit"], input[type="search"], input[type="reset"] {
  -webkit-appearance: none;
}

/* anchor -------------------- */
a {
	outline: none;
	-webkit-touch-callout: none;
}
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { 
	-webkit-tap-highlight-color: transparent;
}
a:active { text-decoration: none; }
a:focus {
  outline:none;
}

/* table -------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit;
	font: 100%;
}
caption, th { text-align: left; }

/*------------------------------------------------------------
	Clearfix
-------------------------------------------------------------*/
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
 
/* -----------------------------------------------------------
 module css
-------------------------------------------------------------*/
/* align -------------------- */
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }

/* float ---------------------*/
.fl { float: left; }
.fr { float: right; }

/* visual none  -------------------- */
.dnone { display: none !important; }
.vnone { visibility: hidden !important; }

/* margin -------------------- */
/* all */
.ma1 { margin: 1%; }
.ma2 { margin: 2%; }
.ma3 { margin: 3%; }
.ma4 { margin: 4%; }
.ma5 { margin: 5%; }
.ma6 { margin: 6%; }
.ma7 { margin: 7%; }
.ma8 { margin: 8%; }
.ma9 { margin: 9%; }
.ma10 { margin: 10%; }
.ma5px { margin: 1.5625%; }
.ma10px { margin: 3.125%; }
.ma15px { margin: 4.6875%; }
.ma20px { margin: 6.25%; }
.ma25px { margin: 7.8125%; }
.ma30px { margin: 9.375%; }

/* top */
.mt1 { margin-top: 1%; }
.mt2 { margin-top: 2%; }
.mt3 { margin-top: 3%; }
.mt4 { margin-top: 4%; }
.mt5 { margin-top: 5%; }
.mt6 { margin-top: 6%; }
.mt7 { margin-top: 7%; }
.mt8 { margin-top: 8%; }
.mt9 { margin-top: 9%; }
.mt10 { margin-top: 10%; }
.mt5px { margin-top: 1.5625%; }
.mt10px { margin-top: 3.125%; }
.mt15px { margin-top: 4.6875%; }
.mt20px { margin-top: 6.25%; }
.mt25px { margin-top: 7.8125%; }
.mt30px { margin-top: 9.375%; }

/* bottom */
.mb1 { margin-bottom: 1%; }
.mb2 { margin-bottom: 2%; }
.mb3 { margin-bottom: 3%; }
.mb4 { margin-bottom: 4%; }
.mb5 { margin-bottom: 5%; }
.mb6 { margin-bottom: 6%; }
.mb7 { margin-bottom: 7%; }
.mb8 { margin-bottom: 8%; }
.mb9 { margin-bottom: 9%; }
.mb10 { margin-bottom: 10%; }
.mb5px { margin-bottom: 1.5625%; }
.mb10px { margin-bottom: 3.125%; }
.mb15px { margin-bottom: 4.6875%; }
.mb20px { margin-bottom: 6.25%; }
.mb25px { margin-bottom: 7.8125%; }
.mb30px { margin-bottom: 9.375%; }

/* right */
.mr1 { margin-right: 1%; }
.mr2 { margin-right: 2%; }
.mr3 { margin-right: 3%; }
.mr4 { margin-right: 4%; }
.mr5 { margin-right: 5%; }
.mr6 { margin-right: 6%; }
.mr7 { margin-right: 7%; }
.mr8 { margin-right: 8%; }
.mr9 { margin-right: 9%; }
.mr10 { margin-right: 10%; }
.mr5px { margin-right: 1.5625%; }
.mr10px { margin-right: 3.125%; }
.mr15px { margin-right: 4.6875%; }
.mr20px { margin-right: 6.25%; }
.mr25px { margin-right: 7.8125%; }
.mr30px { margin-right: 9.375%; }

/* left */
.ml1 { margin-left: 1%; }
.ml2 { margin-left: 2%; }
.ml3 { margin-left: 3%; }
.ml4 { margin-left: 4%; }
.ml5 { margin-left: 5%; }
.ml6 { margin-left: 6%; }
.ml7 { margin-left: 7%; }
.ml8 { margin-left: 8%; }
.ml9 { margin-left: 9%; }
.ml10 { margin-left: 10%; }
.ml5px { margin-left: 1.5625%; }
.ml10px { margin-left: 3.125%; }
.ml15px { margin-left: 4.6875%; }
.ml20px { margin-left: 6.25%; }
.ml25px { margin-left: 7.8125%; }
.ml30px { margin-left: 9.375%; }

/* padding -------------------- */
/* all */
.pa1 { padding: 1%; }
.pa2 { padding: 2%; }
.pa3 { padding: 3%; }
.pa4 { padding: 4%; }
.pa5 { padding: 5%; }
.pa6 { padding: 6%; }
.pa7 { padding: 7%; }
.pa8 { padding: 8%; }
.pa9 { padding: 9%; }
.pa10 { padding: 10%; }
.pa5px { padding: 1.5625%; }
.pa10px { padding: 3.125%; }
.pa15px { padding: 4.6875%; }
.pa20px { padding: 6.25%; }
.pa25px { padding: 7.8125%; }
.pa30px { padding: 9.375%; }

/* top */
.pt1 { padding-top: 1%; }
.pt2 { padding-top: 2%; }
.pt3 { padding-top: 3%; }
.pt4 { padding-top: 4%; }
.pt5 { padding-top: 5%; }
.pt6 { padding-top: 6%; }
.pt7 { padding-top: 7%; }
.pt8 { padding-top: 8%; }
.pt9 { padding-top: 9%; }
.pt10 { padding-top: 10%; }
.pt5px { padding-top: 1.5625%; }
.pt10px { padding-top: 3.125%; }
.pt15px { padding-top: 4.6875%; }
.pt20px { padding-top: 6.25%; }
.pt25px { padding-top: 7.8125%; }
.pt30px { padding-top: 9.375%; }

/* bottom */
.pb1 { padding-bottom: 1%; }
.pb2 { padding-bottom: 2%; }
.pb3 { padding-bottom: 3%; }
.pb4 { padding-bottom: 4%; }
.pb5 { padding-bottom: 5%; }
.pb6 { padding-bottom: 6%; }
.pb7 { padding-bottom: 7%; }
.pb8 { padding-bottom: 8%; }
.pb9 { padding-bottom: 9%; }
.pb10 { padding-bottom: 10%; }
.pb5px { padding-bottom: 1.5625%; }
.pb10px { padding-bottom: 3.125%; }
.pb15px { padding-bottom: 4.6875%; }
.pb20px { padding-bottom: 6.25%; }
.pb25px { padding-bottom: 7.8125%; }
.pb30px { padding-bottom: 9.375%; }

/* right */
.pr1 { padding-right: 1%; }
.pr2 { padding-right: 2%; }
.pr3 { padding-right: 3%; }
.pr4 { padding-right: 4%; }
.pr5 { padding-right: 5%; }
.pr6 { padding-right: 6%; }
.pr7 { padding-right: 7%; }
.pr8 { padding-right: 8%; }
.pr9 { padding-right: 9%; }
.pr10 { padding-right: 10%; }
.pr5px { padding-right: 1.5625%; }
.pr10px { padding-right: 3.125%; }
.pr15px { padding-right: 4.6875%; }
.pr20px { padding-right: 6.25%; }
.pr25px { padding-right: 7.8125%; }
.pr30px { padding-right: 9.375%; }

/* left */
.pl1 { padding-left: 1%; }
.pl2 { padding-left: 2%; }
.pl3 { padding-left: 3%; }
.pl4 { padding-left: 4%; }
.pl5 { padding-left: 5%; }
.pl6 { padding-left: 6%; }
.pl7 { padding-left: 7%; }
.pl8 { padding-left: 8%; }
.pl9 { padding-left: 9%; }
.pl10 { padding-left: 10%; }
.pl5px { padding-left: 1.5625%; }
.pl10px { padding-left: 3.125%; }
.pl15px { padding-left: 4.6875%; }
.pl20px { padding-left: 6.25%; }
.pl25px { padding-left: 7.8125%; }
.pl30px { padding-left: 9.375%; }