@charset "utf-8";


body{
	margin:0;
	padding:0;
	background-image:url('images/01033673.JPG');
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	font-size:16px;
	font-family:'arial',sans-serif;
}

header{
	text-align:center;
	width:1240px;
	margin:0 auto 44px;
}

h1{
	text-align:center;
	padding:20px 0px 16px;
}

header nav ul{
	display:flex;
	justify-content:center;
	list-style-type:none;
	border-top:2px solid #356cac;
	border-bottom:2px solid #356cac; 
	background-color:rgba(255,255,255,0.42);
	padding:12px 0px 10px;
}

header nav ul li{
	margin:0 20px;
}

header nav ul li a{
	font-size:22px;
	font-weight:bold;
	color:#356cac;
	text-decoration:none;
}

header nav ul li a:hover{
	text-decoration:underline double;
}

div{
	width:1240px;
	margin:0 auto 50px;
	display:flex;
	justify-content:space-between;
}

main{
	box-sizing:border-box;
	flex-basis:920px;
	background-color:#ffffff;
	border-radius:16px;
	padding:62px 72px 32px 72px;
	box-shadow:0px 0px 8px rgba(0,0,0,0.16);
}

section img{
	width:250px;
	height:180px;
	object-fit:cover;
}

.yuu img{
	width:400px;
	height:auto;
}

.niwashin img{
	width:400px;
	height:auto;
}

.yunika- img{
	width:400px;
	height:auto;
}

.kure-ma- img{
	width:400px;
	height:auto;
}

.eldoreso img{
	width:400px;
	height:auto;
}

aside{
	flex-basis:284px;
}

aside nav{
	border-radius:16px;
	background-color:#ffffff;
	box-shadow:0px 0px 8px rgba(0,0,0,0.16);
	padding:24px 28px;
	margin-bottom:24px;
}

aside nav h2{
	margin-bottom:18px;
	font-size:22px;
	font-weight:bold;
	color:#356cac;
}

aside nav ul{
	font-size:14px;
}

.categoryNav ul li{
	list-style-type:none;
	color:#044182;
	margin:0 0 16px 10px;
}

.categoryNav ul li a:hover{
	color:#70c6f5;
	text-decoration-line:none;
	text-decoration:underline double;

}

.recentNav ul li{
	list-style-type:none;
	border-bottom:1px solid #356cac;
	padding-bottom:10px;
	margin-bottom:22px;
}

.recentNav ul{
	height:220px;
	overflow:hidden scroll;
}

article h2{
	font-size:40px;
	font-weight:500;
	margin-bottom:8px;
}

time{
	background-color:#49bdf0;
	border-radius:0px 22px 22px 22px;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	padding:13px 25px 12px 20px;
	display:inline-block;
}

.postdate{
	margin-bottom:26px;
}

.eyecatch{
	margin-bottom:26px;
}

.eyecatch img{
	width:70%;
	height:auto;
}

article h3{
	border-bottom:2px solid #49bdf0;
	margin-bottom:20px;
	font-size:28px;
	font-weight:600;
	background-image:url(images/li1.PNG);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:20px 10px 10px 28px;
}

article section p{
	line-height:1.6;
	margin-bottom:24px;
}

article section{
	margin-bottom:50px;
}

.image-row {
	width: 920px;
	margin: 0 auto 50px;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

.image-row img {
	width: 200px;
	height: 130px;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	margin:30px auto auto;
}

footer{
	background-color:#356cac;
	color:#ffffff;
	text-align:center;
	padding:14px 10px 20px;
}

iframe{
	width:750px;
	height:705px;
}

.record iframe{
	width:750px;
	height:800px;
}

.record_ele iframe{
	width:700px;
	height:860px;
}

.back-to-top{
	position:fixed;			/* スクロールしても固定 */
	bottom:20px;			/* 画面下から20px */
	right:30px;				/* 画面右から20px */
	background:#356cac;
	color:white;
	padding:12px 16px;
	border-radius:50%;
	text-decoration:none;
	font-size:20px;
	box-shadow:0 0 8px rgba(0,0,0,0.3);
}

.back-to-top:hover{
	background:#49bdf0;
}