@charset "UTF-8";

/* CSS Document */
/* ----------------------------------------------------------------------------------------------------
  settings
* --------------------------------------------------------------------------------------------------*/
html{
	font-size: 62.5%; /*ベースを10pxにしています*/
}

body {
	text-justify:inter-ideograph;
	-webkit-text-size-adjust:100%;
 	font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic',メイリオ, Meiryo, sans-serif; 
	color:#4D4D4D;
	font-size:1.6rem;
	font-weight:400;
	line-height:1;
}

.mincho{
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

.gothic{
	font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', メイリオ, Meiryo,  sans-serif; 
}

.lato{
	font-family: 'Lato', sans-serif;
}

a {
	color: inherit;
	text-decoration:none;
	display: inline-block;
}

img,
object {
	width:100%;
	height:auto;
}

.italic{
	font-style: italic;
}

main{
	display: block;
}


@media screen and (min-width: 769px) {
	.sp_view {
		display:none ;
	}
	
	.pc_view {
		display:block ;
	}
}

@media screen and (max-width: 768px) {
	/*
	html {
		font-size:calc(100vw / 0.768);
	}
  body {
  	font-size:0.024rem;
  }
  */
	.sp_view {
		display:block ;
	}
	
	.pc_view {
		display:none ;
	}
}



@media print,screen and (min-width:769px) {
	a:hover,a:hover img {
		opacity:.85;
	}
	a:hover object{
		opacity: .85;
	}
}