@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,600,300);


@charset "utf-8";
/* content="charset=UTF-8" */

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

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,hr,
p,blockquote,table,th,td {
	text-align:left;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
	margin:0;
	padding:0;
	list-style:none;
	text-indent:0;
}
img {
	border:none;
	font-style:normal;
	font-weight:normal;
	vertical-align:top;
	max-width:100%;
	height:auto;
	width/***/:auto;
}
input,textarea,select {
	font-family:inherit; font-size:inherit; font-weight:inherit;
}
* html input,* html textarea,* html select {font-size:100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size:100%;}
table {
	border-collapse:collapse; border-spacing:0; font-size:inherit;
}
th,td {
	text-align:left; vertical-align:top;
}

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

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,hr,
p,blockquote,table,th,td {
	color:#000;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
}

body {
	font-size:16px;
	line-height:1.6;
	font-family:Avenir,"Open Sans","Helvetica Neue",Helvetica,Arial,Verdana,Roboto,"游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	text-align:center;
	overflow:scroll;
	overflow-x:hidden;
	-webkit-text-size-adjust:none;
	background:#fcf9ed;
}
a {
	text-decoration:none;
	cursor:pointer;
	color:#0092D5;
	transition:all 0.08s linear;
	-webkit-transition:all 0.08s linear;
}
a:hover{
	color:#333d47;
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
}
a img,
input[type="image"],
input[type="submit"] {
	opacity:1;
	filter:alpha(opacity=100); 
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
}
a:hover img,
input[type="image"]:hover,
input[type="submit"]:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	zoom:1;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
}
a:hover img.noTrans img {
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter:"alpha(opacity=100)";
}
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;
}
textarea {
	line-height:1.6;
}

/*反転時の文字色・背景色 */
::selection { background: #F7D200;color:#111;}
/* Firefox対応*/
::-moz-selection { background: #F7D200;color:#111;}

::-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;}
.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font15 {font-size:15px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font20 {font-size:20px;}
.font26 {font-size:26px;}

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

.red   {color:#FF0000;}
.green {color:#669900;}
.gray4 {color:#444444;}
.gray6 {color:#666666;}
.gray9 {color:#999999;}
.black {color:#000000;}
.brown {color:#3F1F11;}
.blue  {color:#323E96;}
.yellow{color:#FEBF00;}

/* 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:10px;	text-indent:-10px;}
.kome11 {padding-left:11px;	text-indent:-11px;}
.kome12 {padding-left:12px;	text-indent:-12px;}
.kome13 {padding-left:13px;	text-indent:-13px;}
.kome14 {padding-left:14px;	text-indent:-14px;}
.kome15 {padding-left:15px;	text-indent:-15px;}
.kome16 {padding-left:16px;	text-indent:-16px;}
.kome20 {padding-left:20px;	text-indent:-20px;}
.kome24 {padding-left:24px;	text-indent:-24px;}

ul.liKome15 li {padding-left:15px; text-indent:-15px;}
ul.liKome16 li {padding-left:16px; text-indent:-16px;}

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

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

tr.taC th,
tr.taC td,
tr.taC_th th,
tr.taC_td td {text-align:center;margin-left:auto;margin-right:auto;}

/* VERTICAL ALIGN
========================================== */

.vT {vertical-align:top!important;}
.vM {vertical-align:middle!important;}
.vB {vertical-align:bottom!important;}

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

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

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

.w100 {width:100px;}

.w15per {width:15%;}
.w40per {width:40%;}
.w55per {width:55%;}
.w60per {width:60%;}
.w85per {width:85%;}
.w100per {width:100%;}

ul.liw80 li {width:80px;float:left;}
ul.liw200 li {width:200px;float:left;}

/* 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;}

/* 打消し線
========================================== */

.lineST {text-decoration:line-through;}

/* INPUT + TEXTAREA + SELECT 
========================================== */

label {
	cursor:pointer;
}
input[type="checkbox"],
input[type="radio"] {
	vertical-align:-0.1em;
	margin-right:5px;
	border:none;
}

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

/*
.show_pc {display:block;}
	@media only screen and (max-width:979px) {.show_pc {display:none;}}
	@media only screen and (max-width:680px) {.show_pc {display:none;}}

.show_pctb {display:block;}
	@media only screen and (max-width:979px) {.show_pctb {display:block;}}
	@media only screen and (max-width:680px) {.show_pctb {display:none;}}

.show_tbsp {display:none;}
	@media only screen and (max-width:979px) {.show_tbsp {display:block;}}
	@media only screen and (max-width:680px) {.show_tbsp {display:block;}}

.show_tb {display:none;}
	@media only screen and (max-width:979px) {.show_tb {display:block;}}
	@media only screen and (max-width:680px) {.show_tb {display:none;}}

.show_sp {display:none;}
	@media only screen and (max-width:979px) {.show_sp {display:none;}}
	@media only screen and (max-width:680px) {.show_sp {display:block;}}
*/

.show_pc {}
	@media only screen and (max-width:960px){.show_pc {display:none;}}