* {
    margin: 0;
    padding: 0;
}

body {
/*    background-image: url("../img/h_p_01.jpg");*/
    font-family: 'Noto Sans JP', sans-serif;
}
header {
/*    background-color:#242437;*/
    color:#666;
    display:block;
    font: 14px/1.3 'Noto Sans JP',Arial,sans-serif;
    height:50px;
    position:relative;
    border-bottom:1px solid #000;
    margin:0;
}
header h2{
    font-size: 12px;
    margin: 0px auto;
    padding: 10px 0;
    width: 90%;
    text-align: center;
    color:#ccc;
}
header a, a:visited {
    text-decoration:none;
    color:#fcfcfc;
}
img.headerlogo{
	margin:20px 0;
}
/* custom styles */
section {
/*    background-image: url("../img/h_p_01.jpg");*/
    box-shadow: none;
    margin:0;
    padding:0;
}
section li a,
section li .overLayer, section li .infoLayer {
/*    height: 213px;
    width: 320px;*/
    height: 300px;
    width: 300px;
    border-radius:10px;
    border: 5px solid #FFF;
}
section li .infoLayer ul li {
    padding: 5px 0 0;
}
li#fullPreview{
	background:#100f1a;
}
#gallery li>img{
	border-radius:10px;
	border: 5px solid #FFF;
	box-shadow: 2px 2px 2px #ccc;
}
#gallery li>img:hover{

}
#gallery li#fullPreview>img {
	border-radius: 0;
	border: none;
	box-shadow: none;
}
li#fullPreview .fullCaption{
	color: #696969;
}

section.header .title{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	margin:10px auto;
	width:200px;
	height:auto;
	padding:10px;
	background-color:#ccffff;
	border-radius:15px;
}
section.header .header_note{
	font-size:18px;
	text-align:left;
	color: white;
	margin:10px auto;
	width:70%;
	height:auto;
	padding:10px;
	background-color:#c0c0c0;
	border-radius:20px;
}
section.footer .title{
	font-size:24px;
	font-weight:bold;
	text-align:center;
		color: white;
	margin:10px auto;
	width:400px;
	height:auto;
	padding:10px;
	background-color:#c0c0c0;
	border-radius:15px;
}
section.footer .footer_note{
	font-size:18px;
		color: #fff;
	text-align:left;
	margin:10px auto;
	width:70%;
	height:auto;
	padding:10px;
	background-color:#c0c0c0;
	border-radius:20px;
	
/*	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;*/
}

section.footer .footer_note .text{
	width:40%;
}
section.footer .footer_note .image_right{
	width:60%;
}
section.footer .footer_note .image_right img{
	width:100%;
	height:auto;
}

img.titleimage{
/*	width:50%;
	max-width:640px;*/
	width:100%;
	max-width:1020px;
}

div.footer_note div.text_top{
	margin-bottom:15px;
}
div.footer_note div.image_area{
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}


div.map_area{
	width:250px;
/*	margin:10px auto;*/
}
div.map_area img{
	width:100%;
}

section.webform div{
	font-size:18px;
	color: #000000;
	text-align:left;
	margin:10px auto;
	width:70%;
	height:auto;
	padding:10px;
/*	background-color:#c0c0c0;
	border-radius:20px;*/
	
}


@media only screen and (max-width: 800px) {
	section.footer .footer_note .text{
		width:100%;
	}
	section.footer .footer_note .image{
		width:100%;
	}
	section.footer .footer_note .image img{
		width:60%;
		height:auto;
	}
	div.map_area{
		width:100%;
		max-width:350px;
	}
}