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

a.btnOver:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
}
a:link,
a:visited{
	color:#333333;
}
.movieWrap a:hover img{
	opacity:1!important;
}

.linkwin{
	padding-left:16px;
	background:url(/common/img/linkicon_newwin_b.gif) left top no-repeat;
}
.linkpdf{
	padding-left:16px;
	background:url(/common/img/icon_pdf.gif) left 50% no-repeat;
}
.linkrss{
	min-height:13px;
	padding-left:16px;
	display:inline-block;
	background:url(/common/img/icon_rss02.gif) left 50% no-repeat;
}
.linktype01{
	min-height:13px;
	padding-left:16px;
	display:inline-block;
	background:url(/common/img/linkicon_gray_right.gif) left 50% no-repeat;
}
.linktype02{
	min-height:13px;
	padding-left:10px;
	display:inline-block;
	background:url(/common/img/linkicon_arrow.gif) left 50% no-repeat;
}

/* loading */
/*------------------------------*/
#fade {
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10000;
}

/*------------contentArea------------*/

.contentArea{
	width:100%;
	height:100%;
	margin-top:20px;
	margin-bottom:60px;
	font-family:"FOT-ロダン Pro M" , RodinPro-M, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	font-size:80%;
	line-height:140%;
	position:relative;
}
.contentArea .splash{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	/min-width:910px;
	height:auto;
	display:block;
	z-index:100;
	background-color:#fff;
}
/*------------movieArea------------*/
.contentArea .movieWrap{ width:100%; min-width:910px; height:458px; position:relative; overflow: hidden; }
@media only screen and (min-width: 768px) {
	.contentArea .movieWrap::before { content:''; width:100%; height:100%; margin:auto; display:block; position:absolute; left:0; top:0; z-index:1; background:url(/img/top_movie_bg2.png) left top; }
}
.contentArea .movieArea video{ width:100%; min-width:950px; height:auto; left: 0; right: 0; top: 0; bottom: 0; }
.contentArea .movieArea video.kashiwa{ display:block; }
.contentArea .movieArea video.nihonbashi{ display:none; }
.contentArea .movieArea video.mituifudosanstory{ display:block; }
.contentArea .movieArea video.roppongi{ display:none; }
.contentArea .movieArea video p img{ width:100%; }
.contentArea #videos{ position:absolute; width:100%; height:auto;}
.contentArea #videos iframe{width:100%; height:100%;}

.contentArea .movieTxtArea{ width:910px; position:absolute; top:0; left:50%; margin-left:-455px; }
.contentArea .movieTxtArea div{ position:relative; height:1070px; }
.contentArea .movieTxtArea div.kashiwa{ display:block; }
.contentArea .movieTxtArea div.nihonbashi{ display:none; }
.contentArea .movieTxtArea div.roppongi{ display:none; }
.contentArea .movieTxtArea div.mituifudosanstory{ display:block; }
/*
.contentArea .movieTxtArea div img{
	position:absolute;
	bottom:2%;
	right:1%;
}
*/
#mLink { width:100%; height:100%; position:absolute; top:0; left:0; display:block; }
#movieArea2 { width:100%; height:100%; display:none; }
.contentArea .scroll { position:absolute;left:50%; margin-left:-31px; bottom:0; z-index:30; }
.contentArea .scroll p img{ width:62px; height:53px;}
.contentArea .scroll p a{ width:62px; height:53px; display: block; border-bottom: 1px solid #fff; }

.contentArea .contentAreaIn{ width:910px; margin:0 auto;}
.contentArea .mainBox{ width:910px; margin:10px auto 40px; }

/*------------mainNews------------*/
.contentArea .mainNews{ height:20px; overflow:hidden; position:relative; margin:0 22px 10px; }
.contentArea .mainNews .date li{ padding:2px 4px; display:inline-block; *display:inline; *zoom:1; color:#ffffff; background-color:#002f88; position:absolute; top:0; left:0; opacity:1; }
.contentArea .mainNews .cont{ width:751px; height:20px; margin-left:9em; position:relative; overflow:hidden; }
.contentArea .mainNews .cont li{ position:absolute; top:0; left:100%; line-height:24px; opacity:1; white-space:nowrap;}

/*------------bnrMituifudosanstory------------*/
.bnrMituifudosanstory{ margin: 40px 0 40px 0; }

/*------------bnrLargeRow------------*/
.bnrLargeRow{ margin: 0 0 40px 0; }
.bnrLargeRow li{ float: left; width: 290px; margin: 0 9px 0 0; padding: 0 9px 0 0; border-right: solid #cccccc 1px; }
.bnrLargeRow li:last-child{ margin: 0; padding: 0; border-right: none; }
.bnrLargeRow a:hover{ text-decoration: none; }
.bnrLargeRow img{ width: 100%; }
.bnrLargeRow p{ padding:1.5% 0; display:block; font-size: 80%; line-height:1.5; }
.bnrLargeRow li p:nth-of-type(1){ font-size:90%; min-height:3.5em; position:relative; line-height:1.6; }
.bnrLargeRow li p:nth-of-type(1)::before{ content:''; width:14px; height:16px; display:block; margin:auto; position:absolute; right:0; top:6px; background:url(/img/bnrblank_icon.gif) right top no-repeat; background-size:13px auto; }

/*------------bnrSmallRow------------*/
.bnrSmallRow{ margin: 0 0 45px 0; padding: 10px 10px 0 10px; background: #f2f2f2; }
.bnrSmallRow ul.more{ display: none; }
.bnrSmallRow li{ float: left; width: 290px; margin: 0 10px 0 0; padding: 0 0 10px 0; }
.bnrSmallRow li:nth-child(3n){ margin: 0; }
.bnrSmallRow a:hover{ text-decoration: none; }
.bnrSmallRow img{ width: 100%; }
.bnrSmallRow .bnrSmallRow_more{ padding: 5px 0 15px 0; display: block; text-align: center; }
.bnrSmallRow .bnrSmallRow_more a{ padding: 0 25px 0 0; background: url(/img/rote_bnr_more_arrow.png) right center no-repeat; background-size: 11px; }
.bnrSmallRow .bnrSmallRow_more.open a{ background: url(/img/rote_bnr_more_arrow_open.png) right center no-repeat; background-size: 11px; }

/*------------roteBnrArea------------*/
.contentArea .roteBnrArea{ width:910px; margin:0 auto; position:relative; }
.contentArea .roteBnrArea .roteBnrIn{ width:867px; margin:0 22px; height:96px; position:relative; overflow:hidden; }
.contentArea .roteBnrArea .cont{ width:1752px; position:absolute; top:0; left:0; }
.contentArea .roteBnrArea .cont li{ width:282px; margin-right:10px; float:left; }
.contentArea .roteBnrArea .btnArea .back{ position:absolute; top:50%; left:0; margin-top:-13px; }
.contentArea .roteBnrArea .btnArea .next{ position:absolute; top:50%; right:0; margin-top:-13px; }
/*------------ notice -----------*/
.contentArea .notice{ margin:0 0 20px; padding:20px; /*--border:1px solid #ff0d00;--*/ background-color:#f7f7f7; }
.contentArea .notice .noticeTit{ font-size:120%;
; margin-bottom:10px; font-weight:bold!important; }
.contentArea .notice a.linkType02:link,.notice a.linkType02:visited,.notice a.linkType02:active{ 	color:#333333!important; 	display:block; }
/*------------ notice maintenance -----------*/
.contentArea .notice.maintenance{ background-color:#ffe7e7; border:2px solid #fd7370; }
.contentArea .notice.maintenance .noticeTit a{ font-size:120%; color:#fe2c39 !important; text-align:center; background:none; }
/*------------ newsArea -----------*/
.contentArea .newsArea{ width:890px; margin:0 0 40px; padding:20px 10px 10px; background-color:#f2f2f2; position:relative; }
.contentArea .newsArea h2{ margin:0 0 10px; font-size:130%; font-weight:bold; }
.contentArea .newsArea .list{ position:absolute; top:20px; right:10px; }
.contentArea .newsArea .list li{ display:inline-block; margin-right:10px; }
.contentArea .newsArea .list li:last-child{ margin-right:0; }
.contentArea .newsArea .newsCont{ width:890px; overflow:hidden; padding-bottom:20px; }
.contentArea .newsArea .topicsCont{ padding-bottom:20px; }
.contentArea .newsArea .newsCont ul,
.contentArea .newsArea .topicsCont ul{ width:900px; margin-left:-10px; }

.contentArea .newsArea .newsCont li,
.contentArea .newsArea .topicsCont li{ width:274px; height:274px; margin-bottom:10px; margin-left:10px; float:left; overflow:hidden; padding:8px; background-color:#ffffff; box-shadow:rgba(232, 232, 232, 0.65) 0px 0px 6px 3px; -webkit-box-shadow:rgba(232, 232, 232, 0.65) 0px 0px 6px 3px; -moz-box-shadow:rgba(232, 232, 232, 0.65) 0px 0px 6px 3px; }
.contentArea .newsArea .newsCont li.col2,
.contentArea .newsArea .topicsCont li.col2{ width:290px; height:290px; padding:0; background:none; }
.contentArea .newsArea .newsCont li.col2 dl,
.contentArea .newsArea .topicsCont li.col2 p{ width:274px; height:127px; margin-bottom:10px; margin-right:10px; overflow:hidden; padding:8px; background-color:#ffffff; }
.contentArea .newsArea .newsCont li.col2 dl.last,
.contentArea .newsArea .topicsCont li.col2 p.last{ margin-bottom:0; }
.contentArea .newsArea .newsCont p,
.contentArea .newsArea .topicsCont p{ margin-bottom:5px; }
.contentArea .newsArea .newsCont img,
.contentArea .newsArea .topicsCont img{ width:100%; }
.contentArea .newsArea .newsCont li dt,
.contentArea .newsArea .topicsCont li dt{ margin-bottom:5px; padding:2px 4px; display:inline-block; *display:inline; *zoom:1; color:#ffffff; background-color:#002f88; }
/*------------ .bnrArea_top -----------*/
.contentArea .bnrArea_top{ margin:0 0 20px; }
.contentArea .bnrArea_top li{ margin-left:17px; display:inline-block; *display:inlein; *zoom:1; }
.contentArea .bnrArea_top li:first-child{ margin-left:0px; }
/*------------ .linkArea -----------*/
.contentArea .linkArea{ position:relative; }
.contentArea .linkArea span{ vertical-align:middle; padding-right:5px; }
.contentArea .linkArea ul{ position:absolute; top:0; right:0; }
.contentArea .linkArea ul li{ margin-left:20px; display:inline-block; *display:inline; *zoom:1; }

/* switch
------------------------------------------------------------------ */
.switch { display:none; width:910px; margin:60px auto 0; padding:0; }
.switch li { margin:0; padding:0; }

/* footerArea
------------------------------------------------------------------ */
#footerArea ul li{ margin-bottom:5px;
}
@media only screen and (max-width: 767px) {
	.contentArea{
		margin-top:0;
		margin-bottom:20px;
	}
	.contentArea .contentAreaIn{
		width:100%;
		margin:0 auto;
	}
	.contentArea .mainBox{
		width:100%;
		margin:0 auto 20px;
	}
	/*------------ mainArea -----------*/
	.mainArea{
		margin-bottom:20px;
	}
	.mainAreaIn{
		width:100%;
		padding-bottom:80%;
		position:relative;
		overflow:hidden;
	}
	.mainAreaIn ul.cont{
		width:100%;
		position:absolute;
		top:0;
		left:0;
	}
	.mainAreaIn ul.cont li{
		width:100%;
		position:relative;
		float:left;
	}
	.mainAreaIn ul.cont li span{
		width:100%;
		display:block;
		max-height:518px;
		padding-bottom:80%;
		text-indent:-9999px;
	}
	.mainAreaIn ul.cont li.bnr01 span{
		background:url(/sp/img/main_img01.png) left bottom no-repeat;
		background-size:100% auto;
	}
	.mainAreaIn ul.cont li.bnr02 span{
		background:url(/sp/img/main_img02.png) left bottom no-repeat;
		background-size:100% auto;
	}
	.mainAreaIn ul.cont li.bnr03 span{
		background:url(/sp/img/main_img03.png) left bottom no-repeat;
		background-size:100% auto;
	}
	.mainAreaIn ul.cont li.bnr04 span{
		background:url(/sp/img/main_img04.png) left bottom no-repeat;
		background-size:100% auto;
	}
	ul.listIcon{
		width:100%;
		padding:10px 0 0;
		text-align:center;
	}
	ul.listIcon li{
		width:3%;
		margin:0 7% 0 0;
		display:inline-block;
	}
	ul.listIcon li:last-child{
		margin:0;
	}
	/*------------bnrMituifudosanstory------------*/
	.bnrMituifudosanstory{
		margin: 8% 0 8% 0;
	}
	
	/*------------bnrLargeRow------------*/
	.bnrLargeRow{
		margin: 0 0 8% 0;
	}
	.bnrLargeRow li{
		float: none;
		width: 85%;
		margin: 0 auto;
		padding: 8.66% 0 3% 0;
		border-right: none;
	}
	.bnrLargeRow li:not(:last-child){ border-bottom:1px solid #ccc; }
	.bnrLargeRow li:last-child{
		margin: 0 auto;
		padding: 8.66% 0 5% 0;
	}
	.bnrLargeRow a:hover{
		text-decoration: none;
	}
	.bnrLargeRow img{
		width: 100%;
	}
	.bnrLargeRow li p{
		padding: 2% 0 3% 0;
		font-size: 100%;
	}
	.bnrLargeRow li p:nth-of-type(1){ min-height:1.1em;
		padding: 0 0 3% 0;
		font-size: 110%;
		line-height: 1.6;
	}
	.bnrLargeRow li p:nth-of-type(1)::before{ width:14px; height:24px; top:4px; background:url(/img/bnrblank_icon.gif) right top no-repeat; background-size:14px auto; }

	
	/*------------bnrSmallRow------------*/
	.bnrSmallRow{
		margin: 0 0 20px 0;
		padding: 5% 7.5% 0 7.5%;
		background: #f2f2f2;
	}
	.bnrSmallRow ul.more{
		display: none;
	}
	.bnrSmallRow li{
		float: none;
		width: 100%;
		margin: 0;
		padding: 0 0 5% 0;
	}
	.bnrSmallRow li:nth-child(3n){
		margin: 0;
	}
	.bnrSmallRow a:hover{
		text-decoration: none;
	}
	.bnrSmallRow img{
		width: 100%;
	}
	.bnrSmallRow .bnrSmallRow_more{
		padding: 5% 0 10% 0;
		display: block;
		text-align: center;
	}
	.bnrSmallRow .bnrSmallRow_more a{
		padding: 0 10% 0 0;
		background: url(/img/rote_bnr_more_arrow.png) right center no-repeat;
		background-size: 11px;
	}
	
	/*------------ roteBnrArea -----------*/
	.contentArea .bnrArea{
		margin:10px 0 20px;
		padding:0 5%;
	}
	.contentArea .bnrArea li{
		margin:0 0 10px;
	}
	.contentArea .bnrArea li:last-child{
		margin:0;
	}

	.contentArea .bnrArea li img{
		width:100%;
	}

	/*------------ newsArea -----------*/
	.contentArea .newsArea{
		width:94%;
		margin:0 0 20px;
		padding:3%;
		background-color:#f2f2f2;
		position:relative;
	}
	.contentArea .newsArea h2{
		margin:0 0 10px;
		font-size:130%;
		font-weight:bold;
	}
	.contentArea .newsArea .list{
		position:relative;
		top:auto;
		right:auto;
		margin-bottom:10px;
	}
	.contentArea .newsArea .list li{
		display:inline-block;
		margin-right:10px;
	}
	.contentArea .newsArea .list li:last-child{
		margin-right:0;
	}
	.contentArea .newsArea .newsCont{
		width:100%;
		overflow:hidden;
		padding-bottom:20px;
	}
	.contentArea .newsArea .topicsCont{
		padding-bottom:20px;
	}
	.contentArea .newsArea .newsCont ul,
	.contentArea .newsArea .topicsCont ul{
		width:100%;
		margin-left:0;
	}
	.contentArea .newsArea .newsCont li,
	.contentArea .newsArea .topicsCont li{
		width:90%;
		height:auto;
		margin-bottom:10px;
		margin-left:0px;
		float:left;
		overflow:hidden;
		padding:5%;
		background-color:#ffffff;
		box-shadow:rgba(232, 232, 232, 0.65) 0px 0px 6px 3px;
		-webkit-box-shadow:rgba(232, 232, 232, 0.65) 0px 0px 6px 3px;
		-moz-box-shadow:rgba(232, 232, 232, 0.65) 0px 0px 6px 3px;
	}
	.contentArea .newsArea .newsCont li.acdBtn,
	.contentArea .newsArea .topicsCont li.acdBtn{
		width:100%;
		padding:0;
	}
	.contentArea .newsArea .newsCont li.col2,
	.contentArea .newsArea .topicsCont li.col2{
		width:100%;
		height:auto;
		padding:0;
		background:none;
	}
	.contentArea .newsArea .newsCont li.col2 dl,
	.contentArea .newsArea .topicsCont li.col2 p{
		width:90%;
		height:auto;
		margin-bottom:10px;
		margin-right:0;
		overflow:hidden;
		padding:5%;
		background-color:#ffffff;
	}
	.contentArea .newsArea .newsCont li.col2 dl.last,
	.contentArea .newsArea .topicsCont li.col2 p.last{
		margin-bottom:0;
	}
	.contentArea .newsArea .newsCont p,
	.contentArea .newsArea .topicsCont p{
		margin-bottom:5px;
	}
	.contentArea .newsArea .newsCont img,
	.contentArea .newsArea .topicsCont img{
		width:100%;
	}
	.contentArea .newsArea .newsCont li dl,
	.contentArea .newsArea .topicsCont li dl{
		margin-top:10px;
	}
	.contentArea .newsArea .newsCont li dt,
	.contentArea .newsArea .topicsCont li dt{
		margin-bottom:5px;
		padding:2px 4px;
		display:inline-block;
		*display:inline;
		*zoom:1;
		color:#ffffff;
		background-color:#002f88;
	}
	.contentArea .newsArea .newsCont li:nth-child(5),
	.contentArea .newsArea .newsCont li:nth-child(6){ display:none; }

	.contentArea .newsArea .topicsCont li:nth-child(2),
	.contentArea .newsArea .topicsCont li:nth-child(3){ display:none; }
	

	/*------------ .linkArea -----------*/
	.contentArea .linkArea{ position:relative; width:90%; margin:0 auto; }
	.contentArea .linkArea span{ vertical-align:middle; padding-right:5px; }
	.contentArea .linkArea ul{ position:relative; top:auto; right:auto; margin-top:20px; }
	.contentArea .linkArea ul li{ margin-left:20px; display:inline-block; }
	.contentArea .linkArea p img{ width:auto!important; }
	.contentArea .linkArea ul li:first-child{ margin-left:0; }
}

.movieContainer { width:100%; display:block; position:relative;}
.top_kv_bnr { box-sizing:border-box; margin:auto; display:table; position:absolute; background:url(/img/ind_kv_bnr_icon.gif) right 8px top 50% no-repeat #002f88; transition:all .2s ease-in; border:2px solid #002f88; -webkit-transition:all .2s ease-in; }
.top_kv_bnr_parts { display:table-cell; vertical-align:middle; color:#fff; }
.top_kv_bnr_parts.text { padding-left:1em; }
@media only screen and (min-width: 768px) {
	.top_kv_bnr_wrap { width:950px; margin:auto; position:absolute; bottom:2%; left:0; right:0; z-index: 5;}
	.top_kv_bnr { width:347px; bottom:0; right:1%; }
	.top_kv_bnr_parts.img { width:120px; }
}
@media only screen and (max-width: 767px) {
	.top_kv_bnr { width:92.26%; left:0; right:0; bottom:5%; }
	.movieWrap { max-width:100%;}
	.contentArea .movieTxtArea { width:100%; position:relative; }
	.contentArea .scroll { display:none; }

	.top_kv_bnr_parts.img { width:31.08%; }

}