@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css?family=Amiri&display=swap');
/* CSS Document */

html, 
html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

header {
	padding: 0px;
}

body {
	margin-left: auto;
	margin-right: auto;
}

img {
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

a img {
	border: #D7D7D7 1px;
	border-style: solid;
}

footer {
	padding: 20px 30px;
	background-color: #fccf2f;
}

.cb{
  /* floatを解除 */
  clear: both;
}

.style-logo {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 192px;
}

.diskimgbox {
	width: 220px;
	float: left;
}

.diskimg {
	width: 200px;
	margin-bottom: 10px;
}




.row:before, .row:after {
	content: "";
	display: table;
}

.row:after {
	clear: both;
}


.hero {
	background-image: url(image/hero.jpg);
	background-size: cover;
	padding: 20px 20px 50px 20px;
	color: #ffffff;
	text-align: center;
}


h1 {
	font-size: 35px;
	font-weight: 200;
	margin-bottom: 0px;
}

h2 {
	font-size: 24px;
	font-weight: 200;
	margin-bottom: 10px;
}

h3 {
	font-size: 23px;
	font-weight: 200;
	margin-bottom: 30px;
}

h4 {
	font-size: 14px;
	font-weight: 200;
	margin-bottom: 5px;
}

h5 {
	font-family: 'Amiri', serif;
	font-size: 60px;
	font-weight: 200;
	margin-bottom: -20px;

}

.disktitle{
	font-size:22px;
}

.diskspec {
	font-size:14px;
}

.record {
	font-size:12px;
	margin-bottom: 20px;
}


.record:before {
	  content:url(image/recordingdate.jpg);
	  margin: 0 3px 0 0;
}

.small {
	font-size: 13px;
}



p {
	font-size: 16px;
	font-weight: 200;
	margin-bottom: 30px;
	text-align: left;
}

.button {
	border: 2px #ffffff solid;
	padding: 8px 20px;
	border-radius: 30px;
	color:#ffffff;
	text-decoration: none;
}

.disk {
	color: #ffffff;
	font-family:'Oswald', sans-serif;
	border: 1px #ffffff solid;
	background-color: #445F9D;
	padding: 5px 5px ;
	margin-bottom: 15px;
}

.topics {
	color: #000000 ;
	font-family:'Oswald', sans-serif;
	border: 1px #000000 solid;
	background-color: #ffffff;
	padding: 5px 5px ;
	margin-bottom: 15px;
}

.godard {
	color: #000000 ;
	font-family:'Oswald', sans-serif;
	border: 1px #000000 solid;
	background-color: #ffffff;
	padding: 5px 5px ;
	margin-bottom: 15px;
}

.point {
	color: #DC5759;
	font: bold;
}

.box1 {
	background-color: #ffffff;
	color: #000000;
	padding: 0px 10px;
	text-align:left;
	margin-bottom: 15px;
}

.box2 {
	background-color: #ffffff;
	color: #000000;
	padding: 0px 10px;
	text-align: left;
}

.yearbox {
	background-color: #ffffff;
	color: #000000;
	padding: 10px 10px 0px 0px;
	text-align:left;
}


.footer-text {
	font-size: 11px;
	margin-bottom: 20px;
}

.col {
	width: 100%;
}



/*タブレット用*/
@media (min-width: 768px){
	body {
		max-width: 778px;
	}
	
	.disktitle{
	font-size:18px;
}
	
	.diskimgbox {
		float: none;
	}


	.box1 {
	padding: 0px 0px;
}

	.box2 {
	padding: 0px 0px;
}
	
	.diskimgbox-mid {
	width: 220px;
}

	
	
	.style-nav ul li {
		display: inline-block;
	}
	
	.style-nav ul {
		text-align: center;
	}
	
	h1 {
	font-size: 40px;
}

	h2 {
		margin-bottom: 10px;
	}

	.col-mid-half {
		width: 50%;
	}
	
	.col-mid-left{
		width: 40%;
	}
	
	.col-mid-right{
		width: 60%;
	}
	
	.col {
		float: left;
		padding: 0px 6px 0px;
	}
}


/*デスクトップ用*/
@media (min-width: 1024px){
	body {
		max-width: 1000px;
	}
	
	.col-lg-left{
		width: 30%;
	}
	
	.col-lg-right{
		width: 70%;
	}
	
	.style-logo {
		float: left;
	}
	
	.style-nav {
		float: right;
	}
	

}