@charset "utf-8";

/* 
──────────────────────────────────────── */
div#page_header{}

h1{
	background:none;
	margin:0;
	height:auto;
	padding:0;
	position:relative;
	width:auto;
	text-indent:0;
}

h1 img{
	background:none;
	margin:0;
	height:auto;
	padding:0;
	position:relative;
	width:auto;
	text-indent:0;
}

address{
	background:#FFFBE7;
	font-size:140%;
	margin-top:1em;
	padding:20px;
}
	
div#page_body{
	margin-top:30px;
}

/* contents
──────────────────────────────────────── */

div#contents{
	background:url(img/stripe.png) center #d1edf2;
	margin:30px auto 0;
	padding:0 0 30px;
	margin-left:0;
	width:670px;
}

/* 
──────────────────────────────────────── */

#keyvisual{
	padding-top:30px;
	position:relative;
}
	
#keyvisual h1{
	width: 610px;
	height: 390px;
	background:url(img/photo/01.jpg) no-repeat center;
	background-size:100% auto;
	box-shadow:10px 10px 0 rgba(0,0,0,0.05);
	margin:0 auto;
}

#keyvisual h1 + p{
	position:absolute;
	right:40px; bottom:10px;
}

/* 
──────────────────────────────────────── */

.wrap{
	margin-top:60px;
	position:relative;
}


/* 
──────────────────────────────────────── */

#theme h2 + p{
	margin-top:30px;
}
	
	
/* 
──────────────────────────────────────── */

#result h3,
#result p{
	width:565px;
	margin:0 auto;
	text-align:left;
	line-height:1.8;
}
	
#result h3{
	margin-top:30px;
	font-size:140%;
	font-weight:bold;
}

#result ul{
	text-align:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	margin:30px 0 0;
	padding:0 30px;
}

#result ul li{
	background:#FFF;
	box-shadow:0 0 5px 0 rgba(0,0,0,0.25);
	width:calc(33% - 28px);
	margin:0 15px 20px 0;
	padding:10px;
}

#result ul li:nth-child(3n){
	margin-right:0;
}

#result ul li:last-of-type {
	margin-bottom:0;
}

#result ul li img{
	width:100%;
	height:auto;
	vertical-align:bottom;
	margin-bottom:0.5em;
	transition:0.5s ease ;
}
	
#result ul li a{
	color:rgba(41,129,235,1.00);
}

#result ul li a:hover img{
	opacity:0.6;
}
		
/* 
──────────────────────────────────────── */

#contact{
	margin:60px 30px 0;
	background:rgba(255,255,255,0.80);
	padding:30px;
}


#contact h2,
#contact p{
	width:565px;
	margin:0 auto;
	text-align:left;
	line-height:1.8;
}
	
#contact h2{
	font-size:140%;
	font-weight:bold;
}

#contact h2 + p{
	font-size:130%;
}
	
/* 
──────────────────────────────────────── */

div#notes{
	background:#EEE;
	box-sizing:border-box;
	line-height:1.8;
	margin-left:0;
	padding:30px;
	text-align:left;
	width:670px;
}

div#notes h2{
	font-size:140%;
	font-weight:bold;
}

div#notes h2{
	margin-top:1rem;
}

div#notes ul{
	list-style:disc;
	margin-left:1.5em;
}