@charset "utf-8";
/* CSS Document */


html {
  height: 100%;
	min-height: 100%;
	overflow-y: scroll;
}

*{zoom:1;}

body{
  width: 100%;
  height: 100%;
	min-height: 100%;
	color:#251e1c;
	font-family:YuGothic,"YuGothic M","Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	/*line-height: 1.8;*/
	-webkit-text-size-adjust: 100%;
	font-size:14px;
  -webkit-background-size: cover;
  background-size: cover;
}


body,h1,h2,h3,h4,h5,ul,li,dl,dt,dd,p,form,a,table,tr,td,th{
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5{
	font-weight:normal;
	font-size: 100%;
}
input,select{
	vertical-align:middle;
}

a{
	text-decoration:none;
	color: #333;
  transition: 0.3s all;
}
a:hover{
	text-decoration:underline;
	color:#000;
}

a:hover img.opcOver{
	opacity: 0.7;
	filter: alpha(opacity=70);      /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}

img{
	border:0;
	vertical-align:top;
}

li{
	list-style:none;
}

li img{
	vertical-align:bottom;
}


a:focus, *:focus { outline:none !important; }
input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family:"游ゴシック", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 17px;
	background: #fff;
}

.sp{display: none;}
.sp_ib{display: none;}

.inner{
	width: 1000px;
	margin: 0 auto;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.inner.wide{
	width: 1200px;
}



@media screen and (max-width: 767px) {
	.pc{display: none;}
	.sp{display: block;}
	.sp_ib{display: inline-block;}

	.inner,
	.inner.wide{
		width: 100%;
		margin: 0 auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

}


/* layout setting
----------------------------------------------------------- */

/* display none */
.none{	display:none;}


/* clearfix */
/* For modern browsers */
.cf:before, .cf:after{
    content:"";
    display:table;
}
.cf:after{
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf{
    zoom:1;
}

.cl{
	clear:both;
}
.flWrap{
	overflow: hidden;
}
.flL{
	float:left;
}
.flR{
	float:right;
}


.noBd{
	border:none !important;
}
.noBg{
	background: none !important;
}

.align_r {
	text-align: right !important;
}
.align_c {
	text-align: center !important;
}
.align_l {
	text-align: left !important;
}
.valign_b {
	vertical-align: bottom!important;
}
.valign_c {
	vertical-align: middle!important;
}
.valign_t {
	vertical-align: top!important;
}


/*
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background-color: #ccc;
}
::-webkit-scrollbar-thumb {
  background: #666;
}

html {
    scrollbar-color: #666 #ccc;
    scrollbar-width: thin;
}
*/