@charset "utf-8";
/* lp用*/



.aL { text-align: left;}
.aC { text-align: center;}
.aR { text-align: right;}
.fR { float: right;}
.fL { float: left;}

.cB{clear:both;}

.sp_none{display:block;}
.pc_none{display:none;}

.lp div#container{
	font-size:13px;
	line-height:1.5;
	background:url(../img/bg.gif);
}
.wrapper{
	width:100%;
	max-width:980px;
	margin:0 auto;
}
.main{
	background:url(../img/bg_main.gif) repeat-x center top;
	margin-bottom:15px;
	line-height:0;
}
.film{
	background:url(../img/bg_film.gif) repeat-x center top;
	padding:32px 0;
	min-height:100px;
	color:#FFFFFF;}
.film h3{
	font-size:20px;
	font-weight:bold;
	margin-bottom:5px;
}
.film p{
	font-size:15px;
}
.photo{
	max-width:867px;
	margin:0px auto;
	text-align:center;
	padding-bottom:30px;
}
.photo h4{
	padding-bottom:10px;
}
.block01{
	width:100%;
	max-width:960px;
	margin:0 auto 30px;
	-webkit-box-shadow: 6px 6px 0px #CCCCCC;
	box-shadow: 6px 6px 0px #CCCCCC;
	border-left:#804000 10px solid;
	border-right:#804000 10px solid;
	border-bottom:#804000 10px solid;
	background:#FFF;
}
.block01 h2{
	width:997px;
	position:relative;
	margin-left:-23px;
}
.leftbox{
	float:left;
	padding:0px 0px 10px 15px;
}
.rightbox{
	float:right;
	padding:0px 15px 10px 0px;
}

.goldBox{
	background:url(../img/bg_gold.gif) repeat center center;
	-webkit-box-shadow: 4px 4px 6px #AAAAAA;
	box-shadow: 4px 4px 6px #AAAAAA;
	padding:30px 26px 0px 30px;
	text-align:center;
	position:relative;
	margin-bottom:30px;
	width:815px;
}
.goldBox h3{
	position:absolute;
	left:7px;
	top:7px;
}
.goldBox .photo{
	line-height:18px;
	margin-bottom:0px;
	padding:0x;
}

.goldBox .aL{
	padding-left:62px;
	padding-bottom:10px;
}


.silverBox{
	background:url(../img/bg_silver.gif) repeat center center;
	-webkit-box-shadow: 4px 4px 6px #AAAAAA;
	box-shadow: 4px 4px 6px #AAAAAA;
	padding:20px 23px 0px 30px;
	text-align:center;
	position:relative;
	margin-bottom:20px;
	width:815px;
}
.silverBox h3{
	position:absolute;
	left:7px;
	top:10px;
}
.silverBox .photo{
	line-height:18px;
	margin-bottom:30px;
	padding:0px;
}

.silverBox .aL{
	padding-left:160px;
	padding-bottom:20px;
}

.silverBox_half{
	background:url(../img/bg_silver.gif) repeat;
	-webkit-box-shadow: 6px 6px 4px #CCCCCC;
	box-shadow: 6px 6px 4px #CCCCCC;
	padding:20px 30px 20px 30px;
	text-align:center;
	position:relative;
	margin-bottom:20px;
}
.silverBox_half h3{
	position:absolute;
	left:7px;
	top:10px;
}
.silverBox_half .photo{
	line-height:18px;
	margin-bottom:10px;
	padding:0px;
}

.silverBox_half .aL{
	padding-left:160px;
	padding-bottom:10px;
	width:200px;
	line-height:16px;
}


.silverBox_half02{
	background:url(../img/bg_silver.gif) repeat;
	-webkit-box-shadow: 6px 6px 4px #CCCCCC;
	box-shadow: 6px 6px 4px #CCCCCC;
	padding:10px 30px 20px 30px;
	text-align:center;
	position:relative;
	margin-bottom:20px;
}
.silverBox_half02 h3{
	position:absolute;
	left:7px;
	top:10px;
}
.silverBox_half02 .photo{
	line-height:18px;
	margin-bottom:10px;
	padding:0px;
}

.silverBox_half02 .aL{
	padding-left:160px;
	padding-bottom:5px;
	width:200px;
	line-height:16px;
}



.block02{
	width:100%;
	max-width:960px;
	margin:0 auto 30px;
	-webkit-box-shadow: 6px 6px 0px #CCCCCC;
	box-shadow: 6px 6px 0px #CCCCCC;
	border-left:#003366 10px solid;
	border-right:#003366 10px solid;
	border-bottom:#003366 10px solid;
	background:#FFF;
}

.block02 h2{
	width:997px;
	position:relative;
	margin-left:-23px;
}

.block02 p b{
	font-size:18px;
}

.block03{
	width:100%;
	max-width:960px;
	margin:0 auto 30px;
	-webkit-box-shadow: 6px 6px 0px #CCCCCC;
	box-shadow: 6px 6px 0px #CCCCCC;
	border-left:#1A6600 10px solid;
	border-right:#1A6600 10px solid;
	border-bottom:#1A6600 10px solid;
	background:#FFF;
}
.block03 h2{
	width:997px;
	position:relative;
	margin-left:-23px;
}

.photoList{
	line-height:0;
	width:840px;
}
.photoList li{
	width:270px;
	float:left;
	margin:0 15px 15px 0;
}
.photoList li span{
	line-height:1.5;
	display:block;
	margin-top:5px;
}

div#pageBottom{
	background-color:transparent;
	width:980px;
	margin:10px auto 40px;
}

@media screen and (min-width: 641px) and (max-width: 800px) {
/* タブレット時表示 */

#pageBottom{display:none;}

.sp_none{display:none;}
.pc_none{display:block;}

.film {
	padding:20px;
	margin-bottom:15px;
	background:none;
	color:#663300;
}

.block01{
	border-top:#804000 10px solid;
	box-sizing:border-box;
	box-shadow:none;
}
.photo {
	box-sizing:border-box;
}

.block02{
	border-top:#003366 10px solid;
	box-sizing:border-box;
	box-shadow:none;
}

.block03{
	border-top:#1A6600 10px solid;
	box-sizing:border-box;
	box-shadow:none;
}

.leftbox{
	float:none;
	width:100%;
	padding:0px 0px 10px 0px;
}

.rightbox{
	float:none;
	width:100%;
	padding:0px 0px 10px 0px;
}

.block01 h2{
	width:100%;
	margin:0;
}



.block02 h2{
	width:100%;
	margin:0;
}

.goldBox{
	float:none;
	width:96%;
	margin:0 auto 20px;
	box-sizing:border-box;
}

.goldBox h3{
	padding-left:60px;
}

.goldBox .photo-inner{
	float:none;
	width:100%;
	margin-bottom:10px;
}

.goldBox .photo{
	float:none;
	width:100%;
}

.goldBox .aL{
	padding-left:120px;
	padding-bottom:10px;
	width:auto;
}

.silverBox_half{
	float:none;
	width:96%;
	margin:10px auto 20px;
	box-sizing:border-box;
}

.silverBox_half .aL{
	padding-top:7px;
	padding-left:180px;
	padding-bottom:20px;
	width:auto;
}

.silverBox_half h3{
	padding-left:20px;
}

.silverBox_half02{
	float:none;
	width:96%;
	margin:10px auto 20px;
	box-sizing:border-box;
}

.silverBox_half02 h3{
	padding-left:20px;
}

.silverBox_half02 .aL{
	padding-top:10px;
	padding-left:180px;
	padding-bottom:10px;
	width:auto;
}

.silverBox{
	float:none;
	width:96%;
	margin:0 auto 20px;
	box-sizing:border-box;
}

.silverBox h3{
	padding-left:20px;
}

.silverBox .photo-inner{
	float:none;
	width:100%;
	margin-bottom:10px;
}

.silverBox .photo{
	float:none;
	width:100%;
}


.silverBox .aL{
	padding-left:180px;
	padding-bottom:10px;
	width:auto;
	line-height:17px;
}

.block03 h2{
	width:100%;
	margin:0;
}

.block03 p{
	margin:0px 10px;
}

.photoList{width:100%;}
.photoList li{
	float:none;
	width:60%;
	margin:0 auto 10px !important;
	padding-left:0;
}
.photoList li img{
	width:100%;
}
}




@media screen and (max-width: 640px) {
/* スマホ時表示 */

#pageBottom{display:none;}

.sp_none{display:none;}
.pc_none{display:block;}

.film {
	padding:20px;
	margin-bottom:15px;
	background:none;
	color:#663300;
}

.block01{
	border-top:#804000 10px solid;
	box-sizing:border-box;
	box-shadow:none;
}
.photo {
	box-sizing:border-box;
}

.block02{
	border-top:#003366 10px solid;
	box-sizing:border-box;
	box-shadow:none;
}

.block03{
	border-top:#1A6600 10px solid;
	box-sizing:border-box;
	box-shadow:none;
}

.leftbox{
	float:none;
	width:100%;
	padding:0px 0px 10px 0px;
}

.rightbox{
	float:none;
	width:100%;
	padding:0px 0px 10px 0px;
}

.block01 h2{
	width:100%;
	margin:0;
}



.block02 h2{
	width:100%;
	margin:0;
}

.goldBox{
	float:none;
	width:96%;
	margin:0 auto 20px;
	box-sizing:border-box;
}

.goldBox h3{
	padding-left:20px;
}

.goldBox .photo-inner{
	float:none;
	width:100%;
	margin-bottom:10px;
}

.goldBox .photo{
	float:none;
	width:100%;
}

.goldBox .aL{
	padding-left:80px;
	padding-bottom:10px;
	width:auto;
}

.silverBox_half{
	float:none;
	width:96%;
	margin:0 auto 20px;
	box-sizing:border-box;
}

.silverBox_half .aL{
	padding-top:40px;
	padding-left:0px;
	width:auto;
}

.silverBox_half h3{
	padding-left:20px;
}

.silverBox_half02{
	float:none;
	width:96%;
	margin:0 auto 20px;
	box-sizing:border-box;
}

.silverBox_half02 h3{
	padding-left:20px;
}

.silverBox_half02 .aL{
	padding-top:50px;
	padding-left:0px;
	width:auto;
	line-height:17px;
}


.silverBox{
	float:none;
	width:96%;
	margin:0 auto 20px;
	box-sizing:border-box;
}

.silverBox h3{
	padding-left:20px;
}

.silverBox .photo-inner{
	float:none;
	width:100%;
	margin-bottom:10px;
}

.silverBox .photo{
	float:none;
	width:100%;
}

.silverBox .aL{
	padding-top:40px;
	padding-left:0px;
	padding-bottom:10px;
}

.block03 h2{
	width:100%;
	margin:0;
}

.block03 p{
	margin:0px 10px;
}

.photoList{width:100%;}
.photoList li{
	float:none;
	width:80%;
	margin:0 auto 10px !important;
	padding-left:0;
}
.photoList li img{
	width:100%;
}
}