@charset "UTF-8";

/*.SP {
	display: none;
}
.mfp-img {
    max-height: 1600px !important;
}*/

.indexmain {
	/*min-height: 3000px;*/

}

.mainimage_wrap {
	position: relative;
	height: calc(820 / 1600 * -100% - 72px);
	padding-top: 130px;
	background: #f0f0f0;
}
.mainimage {
	position: relative;
	max-height: 820px;
	line-height: 0;
	overflow: hidden;
	background: #000;
}
.mainimage > img {
	width: 100%;
	/*height: 100%;*/
	height: auto;
}
	@media screen and (min-width: 1600px) {
		.mainimage {
			display: flex;
				justify-content: center;
				align-items: center;
			height: 820px;
		}
		.mainimage > img {
			/*display: block;*/
		}
	}

.mainimage_wrap [class*="_"] {
	position: relative;
	min-width: 1180px;
    max-width: 1180px;
	margin: 0 auto;
	/*margin-left: 110px;*/
	background-repeat: no-repeat;
}
.mainimage_wrap ._title {
	height: 96px;
	/*margin-top: -806px;*/
	margin-top: calc(820 / 1600 * -100% - 72px);
	margin-bottom: 25px;
	/*background-image: url(../images/title_tsurumiweb_shocasPC.png);*/
}
	@media screen and (min-width: 1600px) {
		.mainimage_wrap ._title {
			margin-top: calc(-820px - 72px);
		}
	}
.mainimage_wrap ._read {
	height: 49px;
	margin-bottom: 25px;
	/*background-image: url(../images/titletxt_needsPC.png);*/
}
.mainimage_wrap ._descript {
	height: 46px;
	/*background-image: url(../images/titletxt_booth.png);*/
}


	/*scrollnav_wrap*/
.scrollnav_wrap {
	/*position: absolute;*/
	    /*bottom: 0;*/
	    /*right: 50%;*/
	    /*transform: translateX(50%);*/
	position: relative;
	width: 1180px;
	margin: 0 auto;
	margin-top: calc(820 / 1600 * 100% - 206px);
	margin-bottom: 80px;
}
	.scrollnav_wrap.is-fix {
		position: fixed;
	}
	@media screen and (min-width: 1600px) {
		.scrollnav_wrap {
			margin-top: 616px;
		}
	}
.scrollnav {
	display: flex;
	box-shadow: 0 2px 4px rgba(0,0,0,0.4);
}
	.scrollnav.is-fix {
		position: fixed;
		z-index: 10;
			top: 0;
			left: 0;
		width: 1180px;
		margin-left: calc((100% - 1180px) / 2);
	}
	@media screen and (max-width: 1280px) {
		.scrollnav.is-fix {
				margin-left: calc((1280px - 1180px) / 2);
		}
	}
.scrollnav li {
	display: flex;
	width: 25%;
}
	.scrollnav li:not(:last-child) {
		border-right: 1px solid #015595;
	}
.scrollnav a {
	display: flex;
		justify-content: center;
		align-items: center;
	width: 100%;
	height: 100%;
	min-height: 70px;
	padding: 20px;
	color: #fff;
	text-decoration: none;
	background: #0068b7;
}
	.scrollnav a.hover {
		background: #015595;
	}



/* --------------------
#CORP*/
.normalback {
				/*max-width: 1400px;*/
				margin: 0 auto;
	padding-top: 80px;
}
.normalback > h2 {
	margin-bottom: 50px;
	font-size: 4.2rem;
	font-weight: normal;
	text-align: center;
}
.corpwrap {
	display: flex;
	margin-bottom: 120px;
	margin-left: calc((100% - 1180px) / 2);
}
.corpmovie {
	position: relative;
		z-index: 2;
	/*width: 56.42%;*/
	/*width: 50%;*/
	width: calc(1180px / 2 + 80px);
}
	/*@media screen and (min-width: 1400px) {
		.corpmovie {
			width: 53.5%;
		}
	}*/
.corpmovie > a {
	position: relative;
	display: inline-block;;
	/*min-width: 790px;*/
						/*min-width: 730px;*/
	min-width: auto;
	/*min-height: 540px;*/
	width: 100%;
	height: 0;
	padding-top: calc(540 / 790 * 100%);
	/*background: url(../images/about_img.jpg) no-repeat;
	background-size: contain;*/
	transition: opacity 0.12s;
}
	.corpmovie > a.hover {
		opacity: 0.8;
	}
.moviebtn {
	position: absolute;
		top: 50%;
		right: 50%;
	display: inline-block;
	width: 171px;
	height: 120px;
	transform: translate(50%,-50%) scale(0.5);
	transform-origin: center;
	/*background: url(../images/youtubemodal.png) no-repeat;*/
}
	.hover .moviebtn {
		/*background-image: url(../images/youtubemodal_hover.png);*/
	}



	/*lineupread*/
.lineupread {
	margin-bottom: 80px;
	font-size: 2.1rem;
	font-weight: bold;
	line-height: 3rem;
	text-align: center;
}

	/*lineupread*/
.lineupback {
	position: relative;
	/*width: 100%;*/
	margin-bottom: 110px;
	/*padding: 80px 110px;*/
	padding: 80px 0;
					/*padding: 80px calc((100% - 1180px) / 2);*/
	background: #009dff;
}
.lineupback_head {
	/*min-width: 1180px;*/
						max-width: 1180px;
	margin: 0 auto;
}
.lineupback_head ._title {
	margin-bottom: 30px;
	padding: 20px;
	color: #fff;
	font-size: 4.2rem;
	font-weight: normal;
	line-height: 100%;
	text-align: center;
	background: #0068b7;
}
.lineupback_head ._read {
	margin-bottom: 70px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.lineupback_cont {
						max-width: 1180px;
						margin: 0 auto;
}
.lineupback_cont ._title {
	margin-bottom: 5px;
	color: #000;
	font-size: 3.2rem;
}
.lineupback_cont ._title span {
	display: inline-block;
	margin-left: 10px;
	color: #000;
	font-size: 2.1rem;
	font-weight: normal;
}
.lineupback_cont ._read {
	margin-bottom: 30px;
	color: #fff;
	font-size: 1.6rem;
}
.itemstats {
	display: flex;
		justify-content: space-between;
}
.itemstats ._box {
	position: relative;
	width: calc(50% - 40px / 2);
	text-align: center;
}
.itemstats ._box ._img {
	background: #fff;
}
.itemstats ._box img {
	width: 100%;
	height: auto;
	max-height: 380px;
	transition: opacity 0.12s;
}
.itemstats ._box .hover img {
	opacity: 0.8;
}
.upsize {
	position: absolute;
		top: 0;
		right: 0;
	display: block;
	padding: 12px 25px;
	color: #fff;
	font-size: 1.4rem;
	line-height: 100%;
	background: #000;
	transition: background 0.12s;
}
	.hover .upsize {
		background: #0068b7;
	}
.pdfbtn {
	display: inline-block;
	margin-top: 20px;
	padding: 0 20px;
	color: #fff;
	font-weight: bold;
	font-size: 1.2rem;
	background: #008fe8;
	border: 1px solid #0085d8;
						display: none;
}
	.pdfbtn.hover {
		background: #0085d8;
	}
.pdfbtn .KB {font-weight: normal;}
.downloadicon {
	display: inline-block;
	width: 20px;
	height: 24px;
	margin-right: 10px;
	vertical-align: middle;
	/*background: url(../images/icon_download.png);*/
	transform: scale(0.5);
}
.pdficon {
	display: inline-block;
	width: 42px;
	height: 46px;
	margin: 0 6px;
	vertical-align: middle;
	/*background: url(../images/icon_pdf.png);*/
	transform: scale(0.5);
}
.lineupback_btn {
	background: #000;
}
.lineupback_cont .btnstyle_wrap {
	position: absolute;
		bottom: 0;
		right: 50%;
		transform: translate(50%,50%);
							display: none;
}


	/*projectlist*/
.projectlist {
	width: 1180px;
	margin: 0 auto;
	padding-bottom: 120px;
}
	.projectlist.last {
		padding-bottom: 80px;
	}
.projectlist ._title {
	margin-bottom: 30px;
	font-size: 2.4rem;
	text-align: center;
	line-height: 100%;
}
.projectarea {
	display: flex;
		justify-content: center;
}
.projectarea ._box {
	width: calc(33% - 35px * 2 / 3);
	width: calc(33% - 0px * 2 / 3);
}
	.projectarea ._box:not(:last-child) {
		margin-right: 35px;
	}
.projectarea ._box a {
	text-decoration: none;
}
.projectarea ._box img {
	width: 100%;
	height: auto;
	margin-bottom: 5px;
	transition: opacity 0.12s;
}
	.projectarea ._box .hover img {
		opacity: 0.8;
	}
.projectarea ._box ._txt {
	color: #333;
}
	.projectarea ._box .hover ._txt {
		color: #0068b7;
	}
.projectarea ._box ._txt h4 {
	font-size: 1.4rem;
	margin-bottom: 5px;
}
.projectarea ._box ._txt p {
	font-size: 1.2rem;
}
.projectarea .tearight {
	text-align: right;
}
.projectbnr {
	margin-bottom: 120px;
	text-align: center;
}
.projectbnr a {
	display: inline-block;
	width: 740px;
	height: 175px;
	margin: 0px auto;
	background: #aaa;
}
	.projectbnr a.hover {
		opacity: 0.8;
	}


	/*productback*/
.productback {
	position: relative;
	width: 1180px;
	margin: 0 auto;
	margin-bottom: 80px;
	padding: 30px 40px 40px 40px;
	background: #e7f0f7;
}
.productback.first {
	/*margin-bottom: 40px;*/
}
.productback_cont {
}
.productback_cont ._title {
	margin-bottom: 5px;
	color: #0068b7;
	font-size: 3.2rem;
}
.productback_cont ._title span {
	display: inline-block;
	margin-left: 10px;
	color: #000;
	font-size: 2.1rem;
	font-weight: normal;
}
.productback_cont ._read {
	margin-bottom: 30px;
	font-size: 1.6rem;
}
.productback .itemstats ._box {
	width: calc(50% - 30px / 2);
}
.productback .itemstats ._box img {
	width: 100%;
}
.productback .corpmovie {
	width: 100%;
}
.productback .corpmovie > a {
	min-width: auto;
	min-height: auto;
}
.productback .pdfbtn {
	background-color: #adcce4;
	border-color: #94b7d2;
}
	.productback .pdfbtn.hover {
		background-color: #94b7d2;
}
/*.pbmrtube > a {
	background-image: url(../images/wattre_mr_tube.jpg);
}
.pbidoutube > a {
	background-image: url(../images/dehtor_movdeh_tube.jpg);
}
.pbMDQtube > a {
	background-image: url(http://img.youtube.com/vi/133kCPuYkzU/sddefault.jpg);
}
.pbJDtube > a {
	background-image: url(http://img.youtube.com/vi/YJm6I8icj4Y/sddefault.jpg);
}
.pbssptube > a {
	background-image: url(../images/flowat_ssp_tube.jpg);
}*/



	/*movieback*/
.movieback {
	
}
.movieback ._title {
	margin-bottom: 30px;
	font-size: 2.4rem;
	text-align: center;
}
.movieback ._box {
	width: 587px;
	height: 329px;
	margin: 0 auto;
	margin-bottom: 80px;
}
.movieback .corpmovie {
	width: 100%;
}
.movieback .corpmovie > a {
	width: 100%;
	height: auto;
	min-width: 587px;
	min-height: 329px;
	padding-top: 0;
}
/*.mbdehytube > a {
	background-image: url(../images/dehtor_tube.jpg);
}*/



	/*bnrarea*/
.bnrarea {
	width: 1100px;
	margin: 0 auto;
	margin-bottom: 120px;
	text-align: center;
	letter-spacing: -0.4em;
}
.bnrarea a {
	display: inline-block;
	width: 545px;
	height: 130px;
	letter-spacing: normal;
	overflow: hidden;
}
	.bnrarea a:not(:last-child) {
		margin-right: 10px;
	}
.bnrarea img {
	width: 100%;
	transition: opacity 0.12s;
}
.bnrarea .hover img {
	opacity: 0.8;
}



/*221209*/
.news .listwrap ._link{
  align-items: flex-start;
}
.news dt{
  display: flex;
  align-items: center;
}
.news ._txt{
  padding: 5px 0 0 0;
}
.news .detail_txt{
  color: #555;
  padding: 5px 0 0 0;
  font-size: 1.4rem;
}