@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;}

.w840{width:840px; margin:0 auto;}

.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.jpg) repeat-x center top;
	margin-bottom:15px;
	line-height:0;
}

.main02{
	background:url(../img/tokyo/bg_main_tokyo.jpg) 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:130px;
}
.film h3{
	color:#0A0A7D;
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
}

.film02{
	background:url(../img/tokyo/bg_film_tokyo.gif) repeat-x center top;
	padding:32px 0;
	min-height:130px;
}
.film02 h3{
	color:#000000;
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
}


.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:#5AB1E2 10px solid;
	border-right:#5AB1E2 10px solid;
	border-bottom:#5AB1E2 10px solid;
	background:#FFF;
}
.block01 h2{
	width:997px;
	position:relative;
	margin-left:-27px;
}
.leftbox{
	float:left;
	padding:0px 0px 10px 15px;
}
.rightbox{
	float:right;
	padding:0px 15px 10px 0px;
}


.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:#FF8000 10px solid;
	border-right:#FF8000 10px solid;
	border-bottom:#FF8000 10px solid;
	background:#FFF;
}

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

.yellowBox_half{
	background:url(../img/bg_yellow.gif) repeat center center;
	-webkit-box-shadow: 6px 6px 4px #CCCCCC;
	box-shadow: 6px 6px 4px #CCCCCC;
	padding:30px;
	text-align:center;
	position:relative;
	margin-bottom:40px;
}
.yellowBox_half h3{
	position:absolute;
	left:-26px;
	top:-23px;
}
.yellowBox_half .photo{
	line-height:0;
	margin-bottom:15px;
	padding:0;
}

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

.yellowBox{
	background:url(../img/bg_yellow.gif) repeat center center;
	-webkit-box-shadow: 6px 6px 4px #CCCCCC;
	box-shadow: 6px 6px 4px #CCCCCC;
	padding:30px 30px 18px 30px;
	text-align:center;
	position:relative;
	margin-bottom:40px;
	width:807px;
}
.yellowBox h3{
	position:absolute;
	left:-26px;
	top:-23px;
}
.yellowBox .photo{
	line-height:0;
	margin-bottom:10px;
	padding:0;
}

.photo-inner{
	width:352px;
}

.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:#9ECF0C 10px solid;
	border-right:#9ECF0C 10px solid;
	border-bottom:#9ECF0C 10px solid;
	background:#FFF;
}
.block03 h2{
	width:997px;
	position:relative;
	margin-left:-27px;
}

.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;
}

.film02 {
	padding:20px;
	margin-bottom:15px;
	background:none;

}


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

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

.block03{
	border-top:#9ECF0C 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;
}

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

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

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

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

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

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

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

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


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

.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;
}

.film02 {
	padding:20px;
	margin-bottom:15px;
	background:none;

}


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

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

.block03{
	border-top:#9ECF0C 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;
}

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

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

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

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

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

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

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

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


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