@charset "UTF-8";
/* CSS Document */

/*タブレット用スタイル*/
@media (min-width: 768px) and (max-width: 959px) {
	
	body{
		font-size:12px;
		border-top:none;
		max-width: 100%;
	}

	.br_sp{
		display:none;
	}
	.br_pc{
		display:block;
	}
	.br_tab{
		display:block;
	}
	
	.conIn{
		width: 100%;
	}	

	.container {
		width: 100%;
	}

	header{
		height: auto;
	}

	h1{
		max-width: 80%;
		margin: 0 auto;
	}

	.navi{
		position: inherit;
		text-align: center;
		margin: 20px auto 0 auto
	}

	.navi li{
		float: none;
		display: inline-block;
	}
	
	.mv{
		min-height: 280px;
	}

	.feed-prev-btn,
	.feed-next-btn{
		top: 40%;
	}
	
	.container h2{
		margin: 0 auto 20px auto;
	}
	
	.conIn{
		padding: 50px 0 0 0;
	}
	
	.aIbox{
		width: 40%;
		margin: 30px 0 0 3%;
	}

	.aIbox:nth-child(3n) {
		margin: 30px 0 0 3%;
	}

	.aIbox:nth-child(2n) {
		margin: 30px 0 0 8%;
	}
	
	.ab2Box div,
	.ab2Box .ab2right{
		float: none;
		width: 90%;
		margin: 0 auto;
	}
	
	.ab2Box div{
		text-align: center;
		margin: 15px auto;
	}

	.ab2Box img{
		width: 60%;
		margin: 0 auto;
	}

	.ab2Box .ab2right p{
		text-align: left;
	}
	
	.ab2Box:last-child .ab2right{
		height: auto;
	}
	
	.bg-paper{
		padding: 60px 0;
	}
	
	.hisRight{
		float: none;
		width: 97%;
		margin: 0 auto;
	}
	
	.hisRight p{
		margin: 0 0 50px 0;
	}

	.hisRight div{
		margin: 0;
	}
	
	.hisLeft{
		float: none;
		width: 65%;
		margin: 50px auto 0 auto;
	}	

	.photolink{
		width: 95%;
		margin: 0 auto;
	}
	
	.photoBtn{
		width: 95%;
		margin: 0 auto;
	}
	
	.photoBtn img{
		width:100%;
		max-width: 100%;
		height: auto;
	}
		
	.message{
		width: 95%;
		height: 0;
		padding-top: 10.34%;
		background-size: contain;
		margin: 50px auto 20px auto;
	}
	
	.photoBox{
		width: 100%;
	}
	
	.photoBox img{
		width:100%;
		max-width: 100%;
		height: auto;
	}
	
	.comBnr{
		width: 95%;
		margin: 0 0 40px 0;
	}
	.comBnr li{
		width: 15%;
	}
	.comBnr li img{
		width: 100%;
	}
	
	.fnavi {
		width: 100%;
	}
	
	.pagetop {
		right: 10px;
	}
	
}
/*タブレット用スタイルend*/