@import url("../../../promotion_assets/css/page-top_news.css");
@import url("../../../promotion_assets/css/special-nav.css");
@import url("../../../promotion_assets/css/conversion-area.css");
@import url("../../../promotion_assets/css/breadcrumb.css");
@import url("../../../promotion_assets/css/promotion_common.css");
@import url("../../../promotion_assets/css/product_links.css");
@import url("../../../promotion_assets/css/product_links_other.css");
/*--------------------------------------------------------------------------------------*/
/*専用CSS*/
#special-nav {
	margin-bottom: 8.3rem;
}
#special-nav .nav_main ul li {
    width: calc(100% / 2);
}
#product header {
  background-color: #f0f0f0 !important;
  margin-bottom: 0rem;
}
#specialNavLayerSP.disp{
	display:block !important;
}

#product section.contents .w1000.block {
	border-top: 0px solid #fff;
	/*padding-top:0;*/
}
#product section .spanbox {
	align-items: start;
}
#product section .spanbox.type2 {
	align-items: center;
}



	
#product section.contents.bg_gray {
	background-color: #f5f5f5;
}
/*title*/
#product section.contents.bg_gray .title {
	padding: 7.2rem 0rem 7.2rem 0rem;
	width:100rem;
	margin:0 auto;
	position:relative;
}
#product section.contents.bg_gray .title.narrow{
	padding: 4rem 0rem 4rem 0rem;/*チョイ狭*/
}
#product section.contents.bg_gray .title * {
	margin: 0;
	text-align: center;
}
#product section.contents.bg_gray .title span {
	margin-bottom: 1.6rem;
}
#product section.contents.bg_gray .title p {
  margin-top: 4rem;
}


/*ライセンスポータル*/
#product section.contents .licenseportal_links {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width:auto !important;
}
#product section.contents .licenseportal_links img{
	width: revert-layer;
	margin:0 1rem 0 0 !important;
	border:0px;
}
#product section.contents .licenseportal_links p{
	margin-bottom:0;
}

#product section.contents h4.center,
#product section.contents h3.center,
#product section.contents h2.center{
	text-align:center;
}
#product section.contents h4.blue,
#product section.contents h3.blue,
#product section.contents h2.blue{
	color:rgba(0,94,184,1.0);
}
#product section.contents h4.large {
  font-size: 2.0rem;
}

#product section.contents .flexbox_type1{
	display: flex;
	justify-content: space-between;
	width:90rem;
	margin:0 auto;
}

#product section.contents .flexbox_type1 li{
	font-size:1.6rem;
	border:1px solid #ccc;
	padding:1em 0; 
	text-align: center;
	width: 13em;
	display: flex;
	align-items: center;
	justify-content: center;
}
#product section.contents .flexbox_type2{
	display: flex;
	justify-content: space-between;
}
#product section.contents .imagecenter .imageright div.w280{
	width: calc(28rem - 2rem);
	padding:2rem;
	border:1px solid #ccc;
}
#product section.contents .imagecenter .imageright div.w280.blue{
	border:1px solid #005eb8;;
}
#product section.contents .imagecenter .imageright div.w280 h4{
	text-align:center;
	background-color:#e0e0e0;
	padding:0.2em 0;
}
#product section.contents .imagecenter .imageright div.w280.blue h4{
	background-color:rgba(0,94,184,0.2);
}
#product section span.other {
	background-color:#fff;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	border:1px solid rgba(0,94,184,1.0);
	color:rgba(0,94,184,1.0);
	font-size: 80%;
	padding: 0 0.5em;
	margin-left: 1em;
}
#product section.contents .playmovie{
	border: 1px solid #e6e6e6;
	height: 45rem !important;
}
#product section.contents .imagecenter figure.arrowimg{
	margin:2rem 0;
}

/*トップのページ内リンク*/
#product .pagelinks a {
	color:#333;
	text-decoration: none;
	display:block;
	transition:opacity 0.3s,border-bottom 0.001s;
	font-size:2.0rem;
	border-bottom:1px solid rgba(0, 0, 0, 0.097);
	line-height:1;
	padding:1.8rem 0;
	position:relative;
}
#product .pagelinks a span{
	color: #005eb8;
	font-size:1.3rem;
}
#product .pagelinks a strong{
	font-weight:normal;
	padding-left:1em;
}
#product .pagelinks a:hover {
	opacity:0.7;
	border-bottom:1px solid rgba(0, 0, 0, 0.140);
}
#product .pagelinks a:nth-of-type(3) {
	margin-bottom:0rem;
}
#product .pagelinks a::after {
	content: "";
	display: inline-block;
	position: absolute;
	right: 1em;
	top:50%;
	width: 1.2rem;
	height: 1.2rem;
	box-sizing: border-box;
	border-bottom: rgba(0,94,184,1.0) solid 1px;
	border-right: rgba(0,94,184,1.0) solid 1px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


/*--------------------------------------------------------------------------------------*/
@media (min-width:769px) and (max-width:1080px) {
	#product header div.indexpage img{
		top: calc(10%);
		width: 50%;
	}
	#product section.contents .flexbox_type2 article {
		width: calc(50% - 1.5rem);
	}
	#product section.contents .flexbox_type2 img {
		width:100%;
	}
}
/*--------------------------------------------------------------------------------------*/
@media screen and (max-width:768px) {
	#product section.contents .flexbox_type1{
		width:100%;
		flex-wrap: wrap;
	}
	#product section.contents .flexbox_type1 li{
		width:calc(50% - 1rem);
		font-size:1.2rem;
		
	}
	#product section.contents .flexbox_type1 li:nth-child(n + 3) {
		margin-top:2rem;
	}
	#product section.contents .flexbox_type2{
		display: block;
	}
	#product section.contents .imagecenter .imageright div.w280{
		width:100%;
	}
	#product section.contents .playmovie {
		height: auto !important;
	}
	#product section.contents .imagecenter figure.arrowimg{
		margin: 2rem auto;
		width: 3rem;
	}

	/*トップのページ内リンク*/
	#product .pagelinks a {
		text-align:left;
		display:flex;
		align-items: center;
		line-height: 1.4;
	}
	#product .pagelinks a span{
		display: block;
		width:5.5em;
	}
	#product .pagelinks a strong{
		width:calc(100% - 6em);
	}
	#product .pagelinks a:nth-of-type(3) {
	}
	#product .pagelinks a::after {
		top:calc(50% - 0.6rem);
		right:0;
		/*right: calc(50% - 0.6rem)*/;
	}
	
	/*title*/
		
	#product section.contents.bg_gray .title{
		padding: 6rem 0rem 6rem 0rem;
		width: calc(100%) !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	#product section.contents.bg_gray .title p{
		text-align: left;
	}
	/*ライセンスポータル*/
	#product section.contents .licenseportal_links {
		display: block;
	}
	#product section.contents .licenseportal_links p{
		margin-bottom:2rem;
	}

	#special-nav {
		height: auto;
		background-color: inherit;
	}
	#product section .spanbox.sp_block{
		display:block;
	}
	#product section .spanbox.sp_block span.other,
	#product section .spanbox.sp_block span.other{
		margin:0.5rem 1rem 0 0;
	}
	#product header div.indexpage {
		padding-top: 4rem;
	}
}