@charset "utf-8";

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

body {
	color:#373637;
	font-size:small;
	font-family:"Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	background-color: #FFFFFF;
	line-height: 1.6;
	text-align:center;
	-webkit-text-size-adjust: 100%;
	transition:.3s;
	word-break: break-all;
}

select{
	font-family:"Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	}

/* IE7でpadding指定 */ 
*:first-child+html body { 
padding-left: 1px; 
} 
/* IE6以下でpadding指定 */ 
*html body { 
	padding-left: 1px; 
}

@font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic");
  font-weight: 300;
}
@font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic");
  font-weight: 500;
}
@font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic");
  font-weight: bold;
}
selector {
  font-family: YuGothic, "Custom Yu Gothic", "Yu Gothic", sans-serif;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form {
	margin:0px;
	padding:0px;
}

ul li {
	list-style-type:none;
}

ol li {
	margin-left:20px;
}

li img {
	vertical-align: bottom;
}

img {
	border:0px solid #FFFFFF;
	vertical-align:bottom;
}

a:link,
a:visited,
a:active {
	color:#373637;
	text-decoration:none;
	transition:.3s;
}
a:hover {
	color:#373637;
	text-decoration:none;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	transition:.3s;
}
button:hover {
	color:#373637;
	text-decoration:none;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	transition:.3s;
}
.align-center {
	text-align:center !important;
}

.align-left {
	text-align:left !important;
}

.align-right {
	text-align:right !important;
}

.pcnone{ display: none;}
.smtnone{}

@media screen and (min-width: 769px), print {

#wrapper {

}

.spbr {
	display:none;
}

}

@media screen and (max-width: 769px) {
	
#wrapper {
	
}

.pcbr {
	display:none;
}

}


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

.cf {
	display:inline-table;
	zoom:1;
}

* html .cf {
	height:1%;
}

.cf {
	display:block;
}

.clear-float {
	clear:both;
}

/* -----------------------------------------------------------------------------
　Margin Top
----------------------------------------------------------------------------- */
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}

/* -----------------------------------------------------------------------------
　Padding Top
----------------------------------------------------------------------------- */
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}


.p10 {padding:10px !important;}
.p20 {padding:20px !important;}
.p30 {padding:30px !important;}
.p40 {padding:40px !important;}


/* -----------------------------------------------------------------------------
　Font Size
----------------------------------------------------------------------------- */
.xxflarge {font-size:1.6em;}
.xflarge {font-size:1.4em;}
.flarge {font-size:1.2em;}
.fsmall {font-size:0.85em;}
.f14 {font-size:14px;}
.f12 {font-size:12px;}
.f10 {font-size:10px;}

@media screen and (max-width: 769px) {

.xxflarge {font-size:1.25em;}
.xflarge {font-size:1.05em;}
.flarge {font-size:1em;}
.fsmall {font-size:0.85em;}
.f14 {font-size:14px;}
.f12 {font-size:12px;}
.f10 {font-size:10px;}

}

/* -----------------------------------------------------------------------------
　Color
----------------------------------------------------------------------------- */
.white {color:#FFFFFF;}
.glay6 {color:#666666;}
.glay9 {color:#999999;}
.glayc {color:#CCCCCC;}
.red {color:#FF0000;}
.yellow {color:#6d5b00;}
.green {color:#009900;}
.orange {color:#d67500;}
.gold{ color: #bbab92;}


.right{ float: right;}
.left{ float: left;}
.clearfix{ display: block;}
.clearfix::after { clear: both; content: " "; display: block;}

.t_left { display: block; text-align: left;}
.t_right { display: block; text-align: right;}
.t_center{ display: block; text-align: center;}
@media screen and (max-width: 769px) {
    .sp_t_left { display: block; text-align: left !important;}
    .sp_t_right { display: block; text-align: right !important;}
    .sp_t_center{ display: block; text-align: center !important;}
}

/*---レスポンシブの為に追記---*/
.l85{
	float: left;
	width: 85%;
	}
.l80{
	float: left;
	width: 80%;
	}
.l75{
	float: left;
	width: 75%;
	}
.l70{
	float: left;
	width: 70%;
	}
.l65{
	float: left;
	width: 65%;
	}
.l60{
	float: left;
	width: 60%;
	}
.l55{
	float: left;
	width: 55%;
	}
.l50{
	float: left;
	width: 50%;
	}
.l48{
	float: left;
	width: 48%;
	}
.l45{
	float: left;
	width: 45%;
	}
.l40{
	float: left;
	width: 40%;
	}
.l35{
	float: left;
	width: 35%;
	}
.l30{
	float: left;
	width: 30%;
	}
.l25{
	float: left;
	width: 25%;
	}
.l20{
	float: left;
	width: 20%;
	}
.l15{
	float: left;
	width: 15%;
	}
.l10{
	float: left;
	width: 10%;
	}

.r85{
	float: right;
	width: 85%;
	}
.r80{
	float: right;
	width: 80%;
	}
.r75{
	float: right;
	width: 75%;
	}
.r70{
	float: right;
	width: 70%;
	}
.r65{
	float: right;
	width: 65%;
	}
.r60{
	float: right;
	width: 60%;
	}
.r55{
	float: right;
	width: 55%;
	}
.r50{
	float: right;
	width: 50%;
	}
.r48{
	float: right;
	width: 48%;
	}
.r45{
	float: right;
	width: 45%;
	}
.r40{
	float: right;
	width: 40%;
	}
.r35{
	float: right;
	width: 35%;
	}
.r30{
	float: right;
	width: 30%;
	}
.r25{
	float: right;
	width: 25%;
	}
.r20{
	float: right;
	width: 20%;
	}
.r15{
	float: right;
	width: 15%;
	}
.r10{
	float: right;
	width: 10%;
	}
.l85 img,.l80 img,.l75 img,.l70 img,.l65 img,.l60 img,.l55 img,.l50 img,.l45 img,.l48 img,.l40 img,.l35 img,.l30 img,.l25 img,.l20 img,.l15 img,.l10 img,.r85 img,.r80 img,.r75 img,.r70 img,.r65 img,.r60 img,.r55 img,.r50 img,.r48 img,.r45 img,.r40 img,.r35 img,.r30 img,.r25 img,.r20 img,.r15 img,.r10 img{
	max-width: 100%;
	}
@media screen and (max-width: 769px) {

/*---レスポンシブの為に追記---*/
.l85,.l80,.l75,.l70,.l65,.l60,.l55,.l50,.l48,.l45,.l40,.l35,.l30,.l25,.l20,.l15,.l10{
	width: 100%;
	margin-bottom: 15px;
	}

.r85,.r80,.r75,.r70,.r65,.r60,.r55,.r50,.r48,.r45,.r40,.r35,.r30,.r25,.r20,.r15,.r10{
	width: 100%;
	margin-bottom: 15px;
	}
}