@charset "utf-8";
/* 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:32px;
}

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

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

body {
	margin-left: auto;
	margin-right: auto;
	background: #e6f4f8;
}

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



.style-nav ul{
	list-style-type:none;
}

.style-nav ul li a{
	text-decoration:none;
	color:#2f322a;
	text-align:center;
	display:block;
	padding:8px;
}

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

.row:after{
	clear:both;
}

.col {
	width: 100%;
}

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

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

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

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

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

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

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

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

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

.snow{
  display:table;
  width:auto;
}


.snow div.row{
  display:table-row;
  width:auto;
  height:225px;
}

.snow div.cell{
  display:table-cell;
  border: 0px;
  width:300px;
  height:225px;
  image:10px 300px 10px 300px;
}
	 
	

h1{
	font-size:40px;
	font-weight:200;
	margin-bottom:50px;
}

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

h3{
	font-size:16px;
	font-weight:200;
	margin-bottom:100px;
}

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

h5{
	font-size:14px;
	font-weight:200;
	margin-bottom:28px;
}

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


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

.beige-box{
	background-color:#b9a88e;
	color:#ffffff;
	padding:50px 30px;
	text-align:center;
	margin-bottom:0px;

}

.gray-box{
	background-color:#2d2d35;
	color:#ffffff;
	padding:50px 30px;
	text-align:center;
	margin-bottom:0px;
}

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

.bbb{
	text-align:center;
}


/* #loadarea
--------------------------- */
#loadarea {
    margin: 0 auto;
    width: 100%;
    text-align: left;
}
 
#loadarea span {
    width: 25%;
    text-align: left;
}
 
#loadarea img {
    width: 25%;
	object-fit: cover;
    text-align: left;
}
 
#loadmore {
    margin-top: 20px;
    width: 100%;
    height: 29px;
    line-height: 29px;
    display: block;
    background: #fff;
    border: #999 3px double;
}


/*タブレット*/
@media (min-width: 768px){
	body {
		max-width: 778px;
	}
	
	.style-nav ul li {
		display: inline-block;
	}
	
	.style-nav ul {
		text-align: center;
	}
	
	h1 {
		font-size: 40px;
		margin-bottom: 90px;
	}
	
	h2 {
		margin-bottom: 16px;
	}
	
	h5 {
		margin-bottom: 26px;
	}	
	
	.col-md-half {
		width: 50%;
	}
	
	.col {
		float: left;
		padding: 0px 0px 0px 0px;
	}
	
	
	
	}
	
/*PC*/
@media(min-width:1024px){
	body {
		max-width: 1200px;
	}
	
	.style-logo {
		float: left;
	}
	
	.style-nav {
		float: right;
	}
	
	h5 {
		margin-bottom: 26px;
	}	
		
	
	.col-md-half {
		width: 50%;
	}	
	
	.col-lg-qtr {
		width: 25%;
	}
	
	}