html{
	font-size: 10px;
}

body{
	/*overflow-x: hidden;短いページでもスクロールバーを出す。*/
	font-size: 16px;
	line-height: 1.5;
	color: #333;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
    -webkit-text-size-adjust: 100%;/*スマホで横向きにしたとき文字サイズが変わらないようにする。*/
/*    word-break: break-all;URLが改行するようにする。*/
    /*文字詰め（ 古いAndroid4で一部の文字が文字化けした。使用する際は要検証。）
    font-feature-settings: 'palt' 1;
    letter-spacing: .1em; /* 文字詰めすると文字間が詰まりすぎるので調整 */
}
@media all and (max-width: 940px){
	body{
		font-size: 15px;
	}
}
@media all and (max-width: 480px){
	body{
		font-size: 13px;
	}
}
.font-roboto{
	font-family: 'Roboto Condensed', sans-serif;
}
/*IE11用*/
main {
	display: block;
}

/*IE11用 display:noneだとjQueryでサイズを取得できない。*/
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, template {
		visibility: hidden;
		width: 0px;
		height: 0px;
		overflow: hidden;
		speak:none;
	}
}

img,
svg,
iframe,
picture,
video {
	vertical-align: top;
}

img {
	max-width: 100%;
}

b,strong {
	font-weight: bold;
}
em,i {
	font-style: normal;
}

a{
	text-decoration: none;
	transition: all 0.2s;
}


/* firefoxでの点線を消す。 */
a:active,a:hover {
    outline: 0;
}

/* ふわっと半透明になるホバー */
a.over {
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

a.over:hover {
	opacity: .7;
}


/* タッチデバイスでホーバーを無効。
ページを戻ってくるとホバーが効いたままになっているのを防ぐ。 */
@media (hover:none) {
    a:hover { 
    	color: inherit;
		opacity: 1;
    }
    a.over:hover {
		opacity: 1;
	}
}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.inline-block{
	display: inline-block;
}
*{
	box-sizing: border-box;
}
/* show hide */

@media screen and (min-width: 768px) {
	.is-sp {
		display: none;
	}
}

@media screen and (max-width: 767px){
	.is-pc {
		display: none;
	}
}

/* show hide
スマホ、タブレット、パソコンで切り分ける場合

pc:パソコン
tb:タブレット
sp:スマホ（.is-spと同じ）
pctb:パソコンとタブレット（.is-pcと同じ）
tbsp:タブレットとスマホ

*/

/* スマホ */
@media (max-width: 767px) {
  .only-pc,
  .only-tb,
  .only-pctb {
    display: none;
  }
}

/* タブレット */
@media (min-width: 768px) and (max-width: 991px) { 
  .only-pc,
  .only-sp {
    display: none;
  }
}

/* パソコン */
@media (min-width: 992px) { 
  .only-tb,
  .only-sp,
  .only-tbsp {
    display: none;
  }
}