@charset "utf-8";

/* 
font-size: 16px 1rem(標準)
line-height: 1;

line-height設定時の不要な余白の削除方法
フォントサイズ（24）÷2-1px=11px
margin-top: -11px;
margin-bottom: -11px;

<div style="display: flex;"></div>の追加を忘れずに！

※*
* {}  全ての要素
div * {}   div内の要素は全て
class名（id名） > * {}    ←クラス名（ID名）の直下の要素は全て

 */



* {
	font-family: 'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
	box-sizing: inherit;
	-webkit-box-sizing: border-box;
	color: #333;
	margin: 0 auto;
	padding: 0;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%;
	width: 100%;
	max-width: 980px;
	height: auto;
	background-color: #7f7f7;
}

*:before,
*:after {
	box-sizing: inherit;
}

html {
	height: 100%;
	overflow-y: ;
	-ms-overflow-style: ;
	scrollbar-width: ;
	scroll-behavior: smooth;

}



body {
	box-sizing: border-box;
}

body * {
	box-sizing: border-box;
}


/* h1～li line-heightによる余白、対策を試みるも余白の解除できず。padding-topでの調整で断念。 */
h1{/*36px*/
	font-size: 2.25rem;
	line-height: 1.5;
	padding-top: 5px;
}

h2 {/*32px*/
	font-size: 2rem;
	line-height: 1.3333;
	padding-top: 4px;
}

h3 {/*28px*/
	font-size: 1.75rem;
	line-height: 1.3;
	padding-top: 4px;
}

h4 {/*24px*/
	font-size: 1.5rem;
	line-height: 1.25;
	padding-top: 2px;
}

h5 {/*20px*/
	font-size: 1.25rem;
	line-height: 1.5;
	padding-top: 2px;
}

p {/*18px*/
	font-size: 1.125rem;
	line-height: 1.5;
	padding-top: 2px;
}

li {/*18px*/
	font-size: 1.125rem;
	line-height: 1.5;
	padding-top: 2px;
}

time {/*14px*/
	font-size: 0.875rem;
	line-height: 1.2;
	font-weight: bold;
}

a {
	color: var(--colorLink, #4d88ff);
	transition-duration: 0.2s;
}

a:hover {
	color: var(--colorLinkHover, #ff4500);
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

th, td {/*18px*/
	font-size: 1.125rem;
	line-height: 1.5;
	padding-top: 2px;
}


/*===============================*/

@media (768px <= width < 960px) {/* 画面サイズ 768px 以上 960px 未満 */}
@media (480px <= width < 768px) {/* 画面サイズ 480px 以上 768px 未満 */}
@media (width < 480px) { /*480未満（479以下）*/}




