@charset "utf-8";

/*******************************************

-------------------------------------------
RESET
********************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	font-style:normal;
	font-weight:normal;
	text-indent:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
ol,ul {
	list-style:none;
}
blockquote,q {
	quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after {
	content:'';
	content:none;
}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:inherit;
}
th,td {
	text-align:left;
	vertical-align:top;
}

/*******************************************

-------------------------------------------
SET
********************************************/

body {
	font-size:16px;
	line-height:1.8;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ", Meiryo,sans-serif;
	overflow:scroll;
	overflow-x:hidden;
	-webkit-text-size-adjust:none;
	word-break:break-all;
	background:#fff;
	color:#333;
}
@media only screen and (max-width: 640px) {
	body {
		font-size:14px;
	}
}
img {
	vertical-align:top;
	max-width:100%;
	height:auto;
	width/***/:auto;
}
a {
	text-decoration:none;
	color:#666;
}
a:active,
a:hover,
a:focus {
	outline:none;
}
a:hover {
	opacity:0.8;
	zoom:1;
}
input,
textarea,
select{
	border:0 none;
	padding:2px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	outline:0;
	-webkit-outline:0;
	border-radius:0;
}
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
textarea,
select {
	border:1px solid #c9d2d8;
	color:inherit;
}
::-webkit-input-placeholder {color:#ccc;}
:-moz-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#ccc !important;}

.clear {
	clear:both;
}
.clearfix:after {
	content:"."; display:block; clear:both; height:0; visibility:hidden; font-size:0;
}

/* FONT SIZE
========================================== */

.fontB {font-weight:bold;}
.fontN {font-weight:normal;}

.font8  {font-size:8px; font-size:0.8rem;}
.font9  {font-size:9px; font-size:0.9rem;}
.font10 {font-size:10px;font-size:1.0rem;}
.font11 {font-size:11px;font-size:1.1rem;}
.font12 {font-size:12px;font-size:1.2rem;}
.font13 {font-size:13px;font-size:1.3rem;}
.font14 {font-size:14px;font-size:1.4rem;}
.font15 {font-size:15px;font-size:1.5rem;}
.font16 {font-size:16px;font-size:1.6rem;}
.font18 {font-size:18px;font-size:1.8rem;}
.font20 {font-size:20px;font-size:2.0rem;}

/* FONT COLOR
========================================== */

.txtBlue {color:#09C;}
.txtRed  {color:#F00;}

/* LINE HEIGHT
========================================== */

.lh10 {line-height:1;}
.lh12 {line-height:1.2;}
.lh14 {line-height:1.4;}
.lh16 {line-height:1.6;}
.lh18 {line-height:1.8;}
.lh20 {line-height:2;}

/* FLOAT
========================================== */

.fR {float:right;}
.fL {float:left;}

/* KOME
========================================== */

.kome10 {padding-left:1.0rem;text-indent:-1.0rem;}
.kome11 {padding-left:1.1rem;text-indent:-1.1rem;}
.kome12 {padding-left:1.2rem;text-indent:-1.2rem;}
.kome13 {padding-left:1.3rem;text-indent:-1.3rem;}
.kome14 {padding-left:1.4rem;text-indent:-1.4rem;}
.kome15 {padding-left:1.5rem;text-indent:-1.5rem;}
.kome16 {padding-left:1.6rem;text-indent:-1.6rem;}
.kome20 {padding-left:2.0rem;text-indent:-2.0rem;}
.kome24 {padding-left:2.4rem;text-indent:-2.4rem;}

/* TEXT ALIGN
========================================== */

.taC {text-align:center;margin-left:auto;margin-right:auto;}
.taR {text-align:right;}
.taL {text-align:left;}

/* LETTER SPACING
========================================== */

.lsN {letter-spacing:normal!important;}
.ls01 {letter-spacing:0.1em!important;}
.ls02 {letter-spacing:0.2em!important;}
.ls-01 {letter-spacing:-0.1em!important;}
.ls-02 {letter-spacing:-0.2em!important;}

/* WIDE
========================================== */

.w100 {width:100px;}

.w20per {width:20%;}
.w40per {width:40%;}
.w55per {width:55%;}
.w60per {width:60%;}
.w80per {width:80%;}
.w85per {width:85%;}
.w100per {width:100%;}

/* HEIGHT
========================================== */

.h23 {height:23px;}
.h42 {height:42px;}
.h63 {height:63px;}
.h84 {height:84px;}
.h105 {height:105px;}
.h210 {height:210px;}

/* UNDERLINE
========================================== */

.undL {text-decoration:underline;}
.undN {text-decoration:none;}
.uchikeshi {text-decoration:line-through;}

/* RESPONSIVE
========================================== */

.only_pc {font-weight:inherit;}
	@media only screen and (max-width:639px) {.only_pc {display:none !important;}}
.only_sp {font-weight:inherit;}
	@media print, screen and (min-width:639px) {.only_sp {display:none !important;}}