#product header {
	background-color: #e6e6e6 !important;
}
#product .bggray {
    padding: 2.5rem;
    border: 0px solid #666;
    background-color: #f1f1f1;
}
.flexbox{display: flex;}
#product section.contents .column2 div.column2child2{
	display:flex;
}
#product section.contents .column2 div.column2child2 h3 span,
#product section.contents .column2 div.column2child2 h4 span,
#product section.contents .column2 div.column2child2 h5 span{
    width: 100%;
    display: block;
    margin-bottom: 1rem;
    padding: 0.3rem 0;
    height: auto;
    font-size: 100%;
}
#product section.contents .column2{
	align-items: flex-end;
}
#product section.contents .column2 div.column2child2 .arrow {
	width: 5.4rem;
	position:relative;
	display: flex;
	align-items: end;
	justify-content: center;
	/*border: 1px solid red;*/
	height: 100%;
	margin: auto 0 0;
}
#product section.contents .column2 div.column2child2 .arrow img{
	display: block;
	width: 1.4rem;
	height: auto;
	margin-bottom: calc(1.8em + 60px);
}
#product section.contents .column2 div.column2child2 p.disc{
	height:calc((1em + 0.3em ) * 4);
}

#product a.link_type2{
	width:40rem;
}

.l-footer{
	margin-top:0 !important;
}
.fontsmall *{
	font-size:1.6rem !important;
}
.pagejump{
	margin-top: -2em !important;
}
.pagejump a{
	position:relative;
	padding-right:1em;
	transition:0.3s;
}

.pagejump a::after {
	content: "";
	display: block;
	position: absolute;
	right: 0rem;
	top: 50%;
	width: 8px;
	height: 8px;
	margin-top: 0px;
	box-sizing: border-box;
	border-top: rgba(0,94,184,1.0) solid 1px;
	border-left: rgba(0,94,184,1.0) solid 1px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*--------------------------------------------------------------------------------------*/
@media (min-width:769px) and (max-width:1080px) {
	#product .leftimage {
	    width:50%;
	}
	#product section.contents .column2 div.column2child2 .arrow img{
		margin-bottom: calc(2.4rem + 5rem);
	}
	.hi_auto{
		height:auto;
	}

}
/*--------------------------------------------------------------------------------------*/
@media screen and (max-width:768px) {

	#special-nav {
		height: auto;
		background-color: none;
	}
	#product section.contents .column2 div.column2child2{
		height:100%;
	}
	#product section.contents .column2 div.column2child2 div{
		margin:0;
	}
	#product section.contents .column2 div.column2child2 .arrow {
		width: 7.5rem;
		margin:auto 0 0;
	}
	#product section.contents .column2 div.column2child2 .arrow img{
		margin-bottom: calc(2.4rem + 5rem);
	}
	.hi_auto{
		height:auto;
	}

}

#special-nav {
	width:100%
	display:block;
	height:5rem;
	background-color:#f0f0f0;
}
#special-nav .nav_main {
	background-color:#e6e6e6;
}
#special-nav .nav_main ul {
	display:flex;
	transition:background-color .2s ease;
	max-width:1212px;
	margin:0 auto
}
#special-nav .nav_main ul li {

}
#special-nav .nav_main ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width:100%;
	padding:0rem 0;
	/*transition:background-color .2s ease,padding .2s ease;*/
	font-size:1.4rem;
	line-height:1.33333;
	text-align:center;
	text-decoration:none;
	color:#333;
	height:6.6rem;
	transition: 0.2s ease;
}
#special-nav .nav_main ul li a span{
	display:none;
}

#special-nav .is-active .nav_main ul li a{
	height:5.0rem;
}
#special-nav .nav_main ul li a.head {
	font-size:1.8rem;
	line-height:1.33333;
	color:#005eb8
}
#special-nav .nav_main ul li a.head_jp {
	line-height:1.33333;
	color:#005eb8
}
#special-nav .nav_main ul li a.head_s {
	font-size:1.5rem;
	line-height:1.33333;
	color:#005eb8
}


#special-nav .nav_main ul li a.is-current {
	background-color:#ccdff1
}

/*-------------------------------------------*/
#special-nav .nav_sub{
	background-color:#fafafa;
	transition:background-color .2s ease;
	position: relative;
    z-index: 10;
}
#special-nav .nav_sub ul{
	display:none;
	/*display:flex;*/
	max-width:1280px;
	margin:0 auto;
	padding:0 3.4rem;
	transition: 0.2s;

}
#special-nav .nav_sub ul li a{
	position:relative;
	display:block;
	transition:padding .2s ease;
	padding:.85rem 1.9rem;
	font-size:1.3rem;
	/*line-height:1.84615;*/
	line-height:1.5;
	text-align:center;
	text-decoration:none;
	color:#333;
	display: flex;
	align-items: center;
	justify-content: center;
}

#special-nav .nav_sub ul li a:before{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	display:block;
	transform:translateY(-50%);
	height:1.4rem;
	border-left:.1rem solid #333
}
#special-nav .nav_sub ul li a.is-current,
#special-nav .nav_sub ul li a:hover{
	color:#005eb8;
	opacity:1;
}
#special-nav .nav_sub ul li:first-child a{
	padding-left:0
}
#special-nav .nav_sub ul li:first-child a:before {
	content:none
}

/*-------------------------------------------*/
#special-nav .nav-sp {
	position:absolute;
	top:49px;
	width:100%;
	transition:position .2s;
	transform:translateZ(0);
	z-index:200;
}
#special-nav .nav-sp .head {
	display:flex;
	align-items:center;
	padding-left:20px;
	height:50px;
	background-color:#ccdff1
}
#special-nav .nav-sp .head a {
	display:block;
	font-size:16px;
	line-height:1.5;
	color:#005eb8;
	font-weight:700;
	text-decoration:none
}
#special-nav .nav-sp .head button {
	display:block;
	width:50px;
	height:50px;
	margin-left:auto;
	margin-right:0;
	cursor:pointer;
	outline:none;
	border:0;
	background-color: #ccdff1;
}
#special-nav .nav-sp .head button>span {
	position:relative;
	display:block;
	width:16px;
	height:2px;
	margin:0 auto;
	background-color:#005eb8;
	cursor:pointer
}
#special-nav .nav-sp .head button>span:after,
#special-nav .nav-sp .head button>span:before {
	content:"";
	position:absolute;
	left:0;
	display:block;
	width:16px;
	height:2px;
	background-color:#005eb8
}
#special-nav .nav-sp .head button>span:before {
	top:-6px
}
#special-nav .nav-sp .head button>span:after {
	top:6px
}

/*-------------------------------------------*/
#special-nav .nav-sp dl {
	position:absolute;
	visibility:hidden;
	opacity:0;
	width:100%;
	transition:opacity .5s,visibility .5s,position .5s
}
#special-nav .nav-sp dl dd {
	/*height:7.5rem;*/
	overflow:hidden;
	transition:height .5s
}
#special-nav .nav-sp dl dd:not(:last-child) {
	border-bottom:1px solid #fff
}
#special-nav .nav-sp dl dd a{
	position:relative;
	display:flex;
	align-items:center;
	width:100%;
	height:75px;
	padding:0 20px;
	font-size:14px;
	line-height:1.71429;
	color:#333;
	text-decoration:none;
	cursor:pointer;
	outline:none;
	background-color:#f0f0f0
}
#special-nav .nav-sp dl dd a:not(:last-child):after {
	content:"";
	position:absolute;
	top:50%;
	right:20px;
	display:block;
	transform:translateY(-50%) rotate(90deg);
	width:11px;
	height:11px;
	background-image:url(../images/common/arrow_gray.svg?v=48f3a860);
	background-repeat:no-repeat;
	background-size:contain
}
#special-nav .nav-sp dl dd.is-opennav-sub ul {
	z-index:1
}
#special-nav .nav-sp dl dd.is-opennav-sub a:not(:last-child):after {
	display:block;
	transform:translateY(-50%) rotate(-90deg)
}
#special-nav .nav-sp.is-opennav {
	z-index:100
}
#special-nav .nav-sp.is-opennav .head {
	position:relative;
	z-index:200
}
#special-nav .nav-sp.is-opennav dl{
	position:relative;
	z-index:100;
	visibility:visible;
	opacity:1;
	background-color:#fff;
}
#special-nav .nav-sp.is-opennav .head button>span {
	height:0
}
#special-nav .nav-sp.is-opennav .head button>span:before {
	top:0;
	transform:rotate(45deg)
}
#special-nav .nav-sp.is-opennav .head button>span:after {
	top:0;
	transform:rotate(-45deg)
}
#special-nav .nav-sp.is-opennav .c-special-nav__layer {
	opacity:1
}
#special-nav .nav-sp.is-active {
	position:fixed;
	z-index:200;
	top:0
}
#special-nav .nav-sp.is-active.is-opennav {
	right:0;
	bottom:0;
	left:0;
	overflow-y:scroll
}
#special-nav .nav-sp dl dd ul {
	position:relative;
	z-index:-100;
	width:100%;
	padding:0 20px;
	background-color:#fff;
	display:none;
}
#special-nav .nav-sp dl dd ul li a{
	background-color:#fff;
}
#special-nav .nav-sp dl dd ul li:not(:last-child) {
	border-bottom:1px solid #f0f0f0
}
#special-nav .nav-sp dl dd ul li a {
	display:flex;
	align-items:center;
	width:100%;
	height:54px;
	padding-left:20px;
	font-size:12px;
	line-height:2;
	color:#333;
	text-decoration:none
}
#special-nav .c-special-nav__layer {
	position:absolute;
	top:0;
	z-index:99;
	opacity:0;
	transition:opacity .4s;
	width:100%;
	background-color:rgba(0,0,0,.3)
}

#special-nav img.iwebmember{
	width: 80px;
	margin-left: 10px;
	padding-top: 2px;
}

/*バックグランド用のCSS*/
#specialNavLayerSP{
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color:rgba(0,0,0,.3);
	opacity: 1;
	z-index: 13;
	display:none;
}

#special-nav .fontweight_normal{
	font-weight:normal !important;
}


@media (min-width:376px) and (max-width:768px) {
	#special-nav {
		height:50px
	}
	#special-nav section.nav {
		display:none
	}

}

/*汎用（PC向け）*/
@media (min-width:769px) {
	#special-nav ul.height2 li a {
		height: 6.5rem;
	}
	#special-nav .is-active ul.height2 li a {
		height: 5rem !important;
	}
	#special-nav {
		position:relative;
		height:6.6rem;
	}
	
	#special-nav.plusSubmenu1 {
		height:10.0rem;		
	}
	#special-nav.plusSubmenu2 {
		height:12.0rem;		
	}
	/*-----*/
	
	#special-nav section.nav {
		width:100%
	}
	#special-nav section.nav.is-active {
		position:fixed;
		top:0;
		z-index:200
	}
	#special-nav section.nav.is-active .nav_main {
		background-color:#c8c8c8
	}
	#special-nav section.nav.is-active .nav_main ul il a{
		padding:1.3rem 0
	}
	#special-nav section.nav.is-active .nav_main ul li a.is-current {
		background-color:#a7c7e6
	}
	#special-nav section.nav.is-active .nav_sub {
		background-color:#dcdcdc
	}
	#special-nav section.nav.is-active .nav_sub ul li a {
		padding:.35rem 1.9rem
	}
	#special-nav section.nav.is-active .nav_sub ul li:first-child a {
		padding-left:0
	}
	#special-nav .nav_main ul li a:hover {
		background-color:#ccdff1
	}
	#special-nav .nav-sp {
		display:none
	}
	#special-nav .c-special-nav__layer {
		display:none
	}
}


@media (max-width:768px){
	#special-nav .nav{
		display:none;
	}
}



/*
#product_links *{
	border:1px dotted red;
}
*/
#product_links{
	background-color:#DAE8F5;
	margin:7.2rem 0;
	display:flex;
	justify-content:center;
}

#product_links .w1000{
	width:100rem;
	margin: 7.2rem auto !important;
}

#product_links h3{
	font-size:1.8rem;
	line-height:1;
	margin-bottom:3rem;
	text-align:center;
}
#product_links p{
	line-height:1.4rem;
	margin-bottom:5rem;
	text-align:center;
}
#product_links .linkset{
	display:flex;
	justify-content: center;
	/*align-items:center;*/
}
#product_links .linkset_child{
	width:auto;
}
#product_links .linkset_child figure{
	margin-bottom:3rem;
}
#product_links .linkset_child figure:last-child{
	margin-bottom:0;
}

#product_links figure{
	display:flex;
	justify-content: center;
	margin: 0 3rem;
	/*flex-wrap:wrap;*/
}
#product_links figure.nodisp{
	display:none;
}
#product_links figure p{
	text-align:left;
	line-height:1.4;
	margin-bottom:2.4rem;
}
#product_links figure a{
	font-size:1.4rem;
	text-decoration:none;
	transition:0.3s;
	margin:0;
	width:21rem;
	height:5rem;
	display:flex;
	justify-content: center;
	align-items:center;
}
#product_links figure a:nth-of-type(2){
	margin-top:1.2rem;
}
#product_links figure a span{
	display:block;
	position:relative;
	padding-right:2rem;
}
#product_links figure a.catalog{
	background-color:rgba(0,94,184,1.0);
	color:#fff;
}
#product_links figure a.page{
	background-color:rgba(0,94,184,0.0);
	color:rgba(0,94,184,1.0);
	border:1px solid rgba(0,94,184,1.0);;
}
#product_links figure a.catalog:hover{
	background-color:rgba(0,94,184,0.85);
}
#product_links figure a.page:hover{
	background-color:rgba(0,94,184,0.05);
}
#product_links figure a.catalog span:after{
	content: "";
	/*display: block;*/
	position: absolute;
	right: 0rem;
	top: calc(50% - 7px);
	width: 14px;
	height: 14px;
	background:url(/html2014/images/e2ew_2021/icon_download_w_re.png);
	background-size: 14px;
}
#product_links figure a.page span:after{
	content: "";
	/*display: block;*/
	position: absolute;
	right: 0.5rem;
	top: calc(50% - 5px);
	width: 10px;
	height: 10px;
	box-sizing: border-box;
	border-top: 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);
}
#product_links figure img{
	display:block;
	margin:0;
	height:22rem;
	width:auto;
}
#product_links figure img.product{
	height:15.6rem;
	width:22rem;
}

#product_links figure img.download{
	height:1.4rem;
}
#product_links figure figcaption{
	margin-left:3rem;
}
/*--------------------------------------------------------------------------------------*/
@media (min-width:769px) and (max-width:1080px) {
	#product_links figure a {
		width: 18rem;
	}
	#product_links figure img.product {
		height: max-content;
		width: 16rem;
	}
}
/*===================================================================================================*/
/*===================================================================================================*/
@media screen and (max-width:768px) {
	#product_links .w1000{
		/*width:calc(100% - 40px);*/
		margin: 7.2rem auto !important;
		padding:0 20px;
	}
	#product_links p{
		margin-bottom:3rem;
		text-align:left;
	}
	#product_links .linkset{
		/**/
	}
	#product_links.type2 .linkset{
		display:block;
	}
	#product_links.type2 .linkset_child{
		display:flex;
		justify-content: center;
		margin-top:6rem;
	}
	#product_links.type2 .linkset figure:nth-of-type(1){
		margin:auto;
	}
	#product_links .linkset_child figure{
		margin-bottom:0;
	}
	
	
	#product_links figure{
		display:block;
		margin: 0rem;
		width:calc(50% - 0.75rem);
	}
	#product_links figure:nth-of-type(2){
		margin-left:1.5rem;
	}
	
	#product_links figure p{
		text-align:center;
		margin-bottom:1.2rem;
		
	}
	#product_links figure img{
		margin:0 auto 1.2rem;
		height:auto;
		width:100%;
	}
	#product_links figure img.product{
	    height: auto;
	    width: 100%;
	}
	
	#product_links figure figcaption {
		margin-left: 0rem;
	}
	#product_links figure a{
		width:100%;
	}
}