@charset "utf-8";
/* CSS Document */
html{overflow-y:scroll; -webkit-box-sizing:border-box; box-sizing:border-box;}
html *{-webkit-box-sizing:border-box; box-sizing:border-box;}
body{
	margin:0px;
	padding:0px;
	font-size: 86%;
}
body,h1,h2,h3,h4,h5,h6,td,th,div,p,input,textarea,pre,ul,ol,li,address{
	color:#231815;
	line-height:1em;
    font-family:'游ゴシック体', 'Yu Gothic', YuGothic, sans-serif, 'メイリオ',"Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'Meiryo UI',Verdana,'ＭＳ Ｐゴシック',sans-serif;
    font-feature-settings: "palt";
}h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,form,pre,input,textarea{
	line-height:1.6em;
	margin:0px;
	padding:0px;
	text-align:left;
	vertical-align:top;
}
h1,h2,h3,h4,h5,h6{color:#231815;}
h4,h5,h6{ font-size:120%;}
p{ margin:2px 0 5px 0; }
li{list-style:none;}
dt{font-weight:bold;}
p,li,dt,dd,th,td,address{line-height:1.6em;}
address{font-style:normal;}
li{list-style:none;}
table,img{border:0;}
table td{ vertical-align:top; text-align:left;}
table th{ vertical-align:middle; text-align:center;}
table th, table td{ padding:8px;}
img{ vertical-align:middle; max-width:100%; height:auto;}
fieldset{ margin:0; padding:0; border:0;}
strong{ font-weight:bold;}
.through{ text-decoration:line-through; color:#999;}
a:link{text-decoration:none; color:#006699;}
a:visited{text-decoration:none; color:#6668B7;}
a:hover{text-decoration:underline; color:#5B7902;}
a:active{text-decoration:underline; color:#003298;}
a:focus{outline:none; color:#003298;}
.clear{clear:both;}
.none{display:none;}

/* clearfix
------------------------------------------------------------ */
.clearfix:after {
	content: "";
	display:block;
	height:0;
	clear: both;
	visibility: hidden;
	}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


/*----------------------------------------------------------------------------
    ***                                          widthによってフォントサイズを可変
----------------------------------------------------------------------------*/
html { font-size: 100%;}
@media screen and (min-width: 320px) {html {/*font-size: 65%;*/} body{font-size:75%;}}
@media screen and (min-width: 380px) {html {/*font-size: 75%;*/} body{font-size:85%;}}
@media screen and (min-width: 400px) {html {/*font-size: 90%;*/} body{font-size:90%;}}

@media screen and (orientation: landscape) and (min-device-width: 600px) {html {/*font-size: 65%;*/} body{font-size:75%;}}
@media screen and (orientation: landscape) and (min-device-width: 700px) {html {/*font-size: 75%;*/} body{font-size:85%;}}
@media screen and (orientation: landscape) and (min-device-width: 800px) {html {/*font-size: 90%;*/} body{font-size:90%;}}