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

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400&display=swap');

/* RESET */
a,img,ul,li,table,tr,td,p,h1,h2,h3,h4,h5,h6,ol,div,body,html,dl,dt,dd,h1,h2,h3,h4,h5,h6,hr,header,footer,section,figure,figcaption,aside,main,span {
	padding:0px;
	margin:0px;
	border:none;
	list-style:none;
	font-weight:inherit;
	font-size:1em;
}
header,footer,section,figure,figcaption,aside,main {
	display: block;
}
img { vertical-align:middle; max-width:100%; /*width: 100%;*/ height:auto; -webkit-backface-visibility: hidden; }
a img { border:none; }

/*font-style
---------------------------------------*/

body {
	overflow-x:hidden;
	position: relative;
	font-size:14px; 
	line-height:1.8; 
	color: #666;
	font-family:'Noto Sans JP', sans-serif,"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体",'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-weight: 500;
	-webkit-text-size-adjust:100%; /* NEW! */
	text-size-adjust:100%; /* NEW! */
	/*font-feature-settings: "palt";*/
}

i.iefont{
	transform: translateY(0.2em);
	font-style: inherit;
}

body *,*:before,*:after{box-sizing: border-box;}

body *.bs_cb{box-sizing: content-box;}

.bold { font-weight:bold; }
.nobold { font-weight:normal; }

/*fontfamily-style
---------------------------------------*/

.mincho{
	font-family:"游明朝", "Yu Mincho", YuMincho, "游明朝体", 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝', serif;
}


/*link-style
---------------------------------------*/
a { text-decoration:none;  color:inherit; } /* NEW! */


body>img,body>iframe{
	display:none;
}

/*** CLEAR-FIX ***/
.clearfix:after { content: ""; display: block; clear: both; height:0; }
.clearfix { zoom:1; }

 /* ふんわりアルファオーバー */

.alpha a img{
	transition:opacity 0.5s ease-in-out 0s;
}

body:not(.mobile) .alpha a:hover img{
	opacity:0.7;
}

.cl_b{clear:both;} /* NEW! */

/*caption*/

.cap_l{
	text-align:left;
	font-size:10px;
}
.cap_r{
	text-align:right;
	font-size:10px;
}


/*** ALIGN ***/
.ta_c { text-align:center; }
.ta_r { text-align:right; }
.ta_l { text-align:left; }



body:not(.mobile) a.sp_link{
	pointer-events: none;
}

@media screen and (max-width: 768px){
	.vpc{display:none;}
}
@media not screen, screen and (min-width: 769px){
	.vsp{display:none;}
}
@media screen and (max-width: 640px){
	.vpc640{display:none;}
}
@media not screen,screen and (min-width: 641px){
	.vsp640{display:none;}
}

@media screen and (max-width: 480px){
	.vpc480{display:none;}
}
@media not screen,screen and (min-width: 481px){
	.vsp480{display:none;}
}

@media screen and (max-width: 375px){
	.vpc375{display:none;}
}
@media not screen,screen and (min-width: 376px){
	.vsp375{display:none;}
}