@charset "utf-8";

/*START Reset
-------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
	overflow-y:scroll;
}
h1, h2, h3, h4, h5, h6, caption, address, th {
	font-style :normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
ul ,ol, li, dl, dt, dd {
	list-style: none;
}
img {
	border: none;
	vertical-align:bottom;
	display:block;
}
button, fieldset, form, input, label, legend, select, textarea {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	font-size: 100%;
}

/*For CaaS header*/
#header {
	height:70px;
	/*background-color:#0D5265;*/
}
/*@media screen and (max-width: 496px){
	#header {
		height:60px;
	}
}*/
.skip-links {position:absolute;}
/*For CaaS slim footer*/
/*.dpbslim #hpehf-footer.hpehf-slim .hpehf-footer-legal-and-copyright{
	font-size: 12px;
}*/

/*START Common
-------------------------------------------------*/
body {
	width:100%;
	background-color:#FFF !important;
}
.content {
	width:100%;
	margin:0 auto;
	/*font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", HiraginoSans-W3, HiraKakuProN-W3;*/
	font-family:'メイリオ','Hiragino Sans','Hiragino Kaku Gothic ProN',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:14px;
	line-height:1.8;
	-webkit-text-size-adjust: 100%;
}
h1, h2,  h3,  h4,  h5,  h6{
	font-weight: bold;
}
h1{	font-size: 34px; margin-bottom: 40px;}
h2{
	font-size: 26px;
	margin-bottom: 20px;
	padding-bottom: 16px;
	position: relative
}
h2::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 60px;
	height: 6px;
	background: #01A982
}
h3{	font-size: 22px; margin-bottom: 10px;}
h4{	font-size: 18px;}
h5{	font-size: 16px;}
h6{	font-size: 14px;}
.h2after_none h2{	padding-bottom: 0;}
.h2after_none h2::after{	content: none;}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
	line-height:1.4;
}
.content a {
	text-decoration:none;
	color:#000;
}
.contentBox {
	width:1200px;
	margin:0 auto;
}
.content1000px {
	width:1000px;
	margin:0 auto;
}
.mdaTag {
	float:right;
}
.mdaTag:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.mdaTag a {
	float:right;
	margin:10px 0;
}
.mdaTag a img {
	width:357px;
}
.withMda {
	float:left;
}
@media (max-width:999px){
	h1{	font-size: 32px;}/*→ 34px-2px*/
	h2{	font-size: 24px;}/*→ 26px-2px*/
	h3{	font-size: 20px;}/*→ 22px-2px*/
	.contentBox {
		width:100%;
		padding:0 15px;
		box-sizing:border-box;
		overflow:hidden;
	}
	.content1000px {
		width:100%;
		box-sizing:border-box;
		overflow:hidden;
	}
	.mdaTag {
		float:none;
	}
	.mdaTag a {
		margin:15px 0;
	}
	.mdaTag a img {
		width:100%;
		min-width:290px;
		max-width:357px;
	}
	.withMda {
		float:none;
	}
}
@media (max-width:999px) and (min-width: 768px) {
	h2:after {	width:70px	}
}
@media (max-width:767px){
h1{	font-size: 28px;}/*→ 32px-4px*/
h2{	font-size: 22px;}/*→ 24px-2px*/
h3{	font-size: 18px;}/*→ 20px-2px*/
h4{	font-size: 16px;}/*→ 18px-2px*/
h5{	font-size: 15px;}/*→ 16px-1px*/
}
/*=== Spatial Adjustment ===*/
.disp_b {	display: block;}
.disp_ib {	display: inline-block;}
.visbl_hi{visibility: hidden;}

.mt0  {margin-top:   0 !important;}
.mt5  {margin-top: 5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:40px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt100{margin-top:100px!important;}

.mb0  {margin-bottom:   0 !important;}
.mb5  {margin-bottom: 5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb65 {margin-bottom:65px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mb80 {margin-bottom:80px !important;}
.mb85 {margin-bottom:85px !important;}
.mb90 {margin-bottom:90px !important;}
.mb95 {margin-bottom:95px !important;}
.mb100{margin-bottom:100px!important;}

.mr0  {margin-right:   0 !important;}
.mr5  {margin-right: 5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr55 {margin-right:55px !important;}
.mr60 {margin-right:60px !important;}
.mr65 {margin-right:65px !important;}
.mr70 {margin-right:70px !important;}
.mr75 {margin-right:75px !important;}
.mr80 {margin-right:80px !important;}
.mr85 {margin-right:85px !important;}
.mr90 {margin-right:90px !important;}
.mr95 {margin-right:95px !important;}
.mr100{margin-right:100px!important;}

.ml0  {margin-left:   0 !important;}
.ml5  {margin-left: 5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}

.pt0  {padding-top:   0 !important;}
.pt5  {padding-top: 5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px !important;}
.pt65 {padding-top:65px !important;}
.pt70 {padding-top:70px !important;}
.pt75 {padding-top:75px !important;}
.pt80 {padding-top:80px !important;}
.pt85 {padding-top:85px !important;}
.pt90 {padding-top:90px !important;}
.pt95 {padding-top:95px !important;}
.pt100{padding-top:100px!important;}

.pb0  {padding-bottom:   0 !important;}
.pb5  {padding-bottom: 5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb55 {padding-bottom:55px !important;}
.pb60 {padding-bottom:60px !important;}
.pb65 {padding-bottom:65px !important;}
.pb70 {padding-bottom:70px !important;}
.pb75 {padding-bottom:75px !important;}
.pb80 {padding-bottom:80px !important;}
.pb85 {padding-bottom:85px !important;}
.pb90 {padding-bottom:90px !important;}
.pb95 {padding-bottom:95px !important;}
.pb100{padding-bottom:100px!important;}

.pr0  {padding-right:   0 !important;}
.pr5  {padding-right: 5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pr55 {padding-right:55px !important;}
.pr60 {padding-right:60px !important;}
.pr65 {padding-right:65px !important;}
.pr70 {padding-right:70px !important;}
.pr75 {padding-right:75px !important;}
.pr80 {padding-right:80px !important;}
.pr85 {padding-right:85px !important;}
.pr90 {padding-right:90px !important;}
.pr95 {padding-right:95px !important;}
.pr100{padding-right:100px!important;}

.pl0  {padding-left:   0 !important;}
.pl5  {padding-left: 5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pl55 {padding-left:55px !important;}
.pl60 {padding-left:60px !important;}
.pl65 {padding-left:65px !important;}
.pl70 {padding-left:70px !important;}
.pl75 {padding-left:75px !important;}
.pl80 {padding-left:80px !important;}
.pl85 {padding-left:85px !important;}
.pl90 {padding-left:90px !important;}
.pl95 {padding-left:95px !important;}
.pl100{padding-left:100px!important;}

.padd0 {padding:0 !important;}
.margin0 {margin:0 !important;}

.paddBlock5 {padding:5px;}
.paddBlock10 {padding:10px;}
.paddBlock15 {padding:15px;}
.paddBlock20 {padding:20px;}
.paddBlock25 {padding:25px;}
.paddBlock30 {padding:30px;}
.paddBlock35 {padding:35px;}
.paddBlock40 {padding:40px;}
.paddBlock-10-15 {padding:10px 15px;}
.paddBlock-30-25-10 {padding:30px 25px 10px;}

.gutter2 > *:not(:last-child) {
	margin-bottom: 2px;
}
.gutter3 > *:not(:last-child) {
	margin-bottom: 3px;
}
.gutter4 > *:not(:last-child) {
	margin-bottom: 4px;
}
.gutter5 > *:not(:last-child) {
	margin-bottom: 5px;
}
.gutter10 > *:not(:last-child) {
	margin-bottom: 10px;
}
.gutter15 > *:not(:last-child) {
	margin-bottom: 15px;
}
.gutter20 > *:not(:last-child) {
	margin-bottom: 20px;
}
.gutter30 > *:not(:last-child) {
	margin-bottom: 30px;
}
.gutter40 > *:not(:last-child) {
	margin-bottom: 40px;
}
.gutter15WithBorder > *:not(:last-child) {
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.gutter20WithBorder > *:not(:last-child) {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.gutter15Right > *:not(:last-child) {
	margin-right: 15px;
}

.gryBdrArea4px {
	border:4px solid #CCC;
	padding:30px;
}
.gryBdrArea1px {
	border:1px solid #CCC;
	padding:15px;
}
.Bdr_none{	border: none;}
.Bdrtop_none{	border-top: none;}
.Bdrbtm_none{	border-bottom: none;}
@media only screen and (max-width:999px){
	.gryBdrArea4px {
		padding:15px;
	}
}
/*border solid*/
.grnBdr6px {
	border:6px solid #01A982;
	box-sizing: border-box;
}
.grnBdr4px {
	border:4px solid #01A982;
	box-sizing: border-box;
}
.grnBdr2px {
	border:2px solid #01A982;
	box-sizing: border-box;
}
.grnBdr1px {
	border:1px solid #01A982;
	box-sizing: border-box;
}
.gryBdr6px {
	border:6px solid #CCC;
	box-sizing: border-box;
}
.gryBdr4px {
	border:4px solid #CCC;
	box-sizing: border-box;
}
.gryBdr2px {
	border:2px solid #CCC;
	box-sizing: border-box;
}
.gryBdr1px {
	border:1px solid #CCC;
	box-sizing: border-box;
}
.purBdr6px {
	border:6px solid #614767;
	box-sizing: border-box;
}
.purBdr4px {
	border:4px solid #614767;
	box-sizing: border-box;
}
.purBdr2px {
	border:2px solid #614767;
	box-sizing: border-box;
}
.purBdr1px {
	border:1px solid #614767;
	box-sizing: border-box;
}
.slaBdr6px {
	border:6px solid #425563;
	box-sizing: border-box;
}
.slaBdr4px {
	border:4px solid #425563;
	box-sizing: border-box;
}
.slaBdr2px {
	border:2px solid #425563;
	box-sizing: border-box;
}
.slaBdr1px {
	border:1px solid #425563;
	box-sizing: border-box;
}
.steBdr6px {
	border:6px solid #5F7A76;
	box-sizing: border-box;
}
.steBdr4px {
	border:4px solid #5F7A76;
	box-sizing: border-box;
}
.steBdr2px {
	border:2px solid #5F7A76;
	box-sizing: border-box;
}
.steBdr1px {
	border:1px solid #5F7A76;
	box-sizing: border-box;
}
.broBdr6px {
	border:6px solid #80746e;
	box-sizing: border-box;
}
.broBdr4px {
	border:4px solid #80746e;
	box-sizing: border-box;
}
.broBdr2px {
	border:2px solid #80746e;
	box-sizing: border-box;
}
.broBdr1px {
	border:1px solid #80746e;
	box-sizing: border-box;
}
.lightBlueBdr1px {
	border: 1px solid #7ff9e2;
	box-sizing: border-box;
}
.lightBlueBdr2px {
	border: 2px solid #7ff9e2;
	box-sizing: border-box;
}
.lightBlueBdr4px {
	border: 4px solid #7ff9e2;
	box-sizing: border-box;
}
.lightBlueBdr6px {
	border: 6px solid #7ff9e2;
	box-sizing: border-box;
}
.lightBlueBg {
	background-color: #7ff9e2;
}
.lightPurBdr1px,
.lightPur1px {
	border: 1px solid #c140ff;
	box-sizing: border-box;
}
.lightPurBdr2px,
.lightPur2px {
	border: 2px solid #c140ff;
	box-sizing: border-box;
}
.lightPurBdr4px,
.lightPur4px {
	border: 4px solid #c140ff;
	box-sizing: border-box;
}
.lightPurBdr6px {
	border: 6px solid #c140ff;
	box-sizing: border-box;
}
.lightPurBg {
	background-color: #c140ff;
}
.lightPur2Bdr1px {
	border: 1px solid #7630ea;
	box-sizing: border-box;
}
.lightPur2Bdr2px {
	border: 2px solid #7630ea;
	box-sizing: border-box;
}
.lightPur2Bdr4px {
	border: 4px solid #7630ea;
	box-sizing: border-box;
}
.lightPur2Bdr6px {
	border: 6px solid #7630ea;
	box-sizing: border-box;
}
.lightPur2Bg {
	background-color: #7630ea;
}
.lightOrangeBdr1px,
.lightOrange1px {
	border: 1px solid #ff8300;
	box-sizing: border-box;
}
.lightOrangeBdr2px,
.lightOrange2px {
	border: 2px solid #ff8300;
	box-sizing: border-box;
}
.lightOrangeBdr4px,
.lightOrange4px {
	border: 4px solid #ff8300;
	box-sizing: border-box;
}
.lightOrangeBdr6px {
	border: 6px solid #ff8300;
	box-sizing: border-box;
}
.lightOrangeBg {
	background-color: #ff8300;
}
.HPEyellowBdr1px{
	border: 1px solid #fec901;
	box-sizing: border-box;
}
.HPEyellowBdr2px{
	border: 2px solid #fec901;
	box-sizing: border-box;
}
.HPEyellowBdr4px{
	border: 4px solid #fec901;
	box-sizing: border-box;
}
.HPEyellowBdr6px{
	border: 6px solid #fec901;
	box-sizing: border-box;
}
.mediumBlueBdr1px {
	border: 1px solid #32dac8;
	box-sizing: border-box;
}
.mediumBlueBdr2px {
	border: 2px solid #32dac8;
	box-sizing: border-box;
}
.mediumBlueBdr4px {
	border: 4px solid #32dac8;
	box-sizing: border-box;
}
.mediumBlueBdr6px {
	border: 6px solid #32dac8;
	box-sizing: border-box;
}
.mediumBlueBg {
	background-color: #32dac8;
}
.hpedarkblueBdr1px {
	border: 1px solid #0D5265;
	box-sizing: border-box;
}
.hpedarkblueBdr2px {
	border: 2px solid #0D5265;
	box-sizing: border-box;
}
.hpedarkblueBdr4px {
	border: 4px solid #0D5265;
	box-sizing: border-box;
}
.hpedarkblueBdr6px {
	border: 6px solid #0D5265;
	box-sizing: border-box;
}

.mb20WithBorder {padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #CCC;}
.mb30WithBorder {padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #CCC;}
.mb40WithBorder {padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid #CCC;}

/*吹き出し speechBubble*/
/*base*/
.speechBubble{
	border: 3px solid #333;
	border-radius: 20px;
	position: relative;
}
.speechBubble::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	border-style: solid;
	border-width: 20px 20px 0 0;
	border-color: #333 transparent transparent;
	translate: -50% 100%;
	transform: skew(10deg);
	transform-origin: top;
}
.speechBubble::after {
	content: "";
	position: absolute;
	bottom: 0.5px;
	left: 50%;
	border-style: solid;
	border-width: 15.2px 15.2px 0 0;
	border-color: #ffffff transparent transparent;
	translate: calc(-50% - 0.4px) 100%;
	transform: skew(10deg);
	transform-origin: top;
}
.m0auto {margin:0 auto;}

.lh20 {line-height:20px;}
.lh21 {line-height:21px;}
.lh22 {line-height:22px;}
.lh23 {line-height:23px;}
.lh24 {line-height:24px;}
.lh25 {line-height:25px;}
.lh26 {line-height:26px;}
.lh27 {line-height:27px;}
.lh28 {line-height:28px;}
.lh29 {line-height:29px;}
.lh30 {line-height:30px;}
.lh31 {line-height:31px;}
.lh32 {line-height:32px;}
.lh33 {line-height:33px;}
.lh34 {line-height:34px;}
.lh35 {line-height:35px;}
.lhMin  {line-height:1.2;}
.lhMid  {line-height:1.4;}
.lhwide {line-height:1.6;}
.lhnormal {line-height:normal;}

.f10 {font-size:10px !important;}
.f11 {font-size:11px !important;}
.f12 {font-size:12px !important;}
.f13 {font-size:13px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important;}
.f16 {font-size:16px !important;}
.f17 {font-size:17px !important;}
.f18 {font-size:18px !important;}
.f19 {font-size:19px !important;}
.f20 {font-size:20px !important;}
.f21 {font-size:21px !important;}
.f22 {font-size:22px !important;}
.f23 {font-size:23px !important;}
.f24 {font-size:24px !important;}
.f25 {font-size:25px !important;}
.f26 {font-size:26px !important;}
.f27 {font-size:27px !important;}
.f28 {font-size:28px !important;}
.f29 {font-size:29px !important;}
.f30 {font-size:30px !important;}
.f31 {font-size:31px !important;}
.f32 {font-size:32px !important;}
.f33 {font-size:33px !important;}
.f34 {font-size:34px !important;}
.f35 {font-size:35px !important;}
.f36 {font-size:36px !important;}
.f37 {font-size:37px !important;}
.f38 {font-size:38px !important;}
.f39 {font-size:39px !important;}
.f40 {font-size:40px !important;}
.f41 {font-size:41px !important;}
.f42 {font-size:42px !important;}
.f43 {font-size:43px !important;}
.f44 {font-size:44px !important;}
.f45 {font-size:45px !important;}
.f46 {font-size:46px !important;}
.f47 {font-size:47px !important;}
.f48 {font-size:48px !important;}
.f49 {font-size:49px !important;}
.f50 {font-size:50px !important;}
.f51 {font-size:51px !important;}
.f52 {font-size:52px !important;}
.f53 {font-size:53px !important;}
.f54 {font-size:54px !important;}
.f55 {font-size:55px !important;}
.f56 {font-size:56px !important;}
.f57 {font-size:57px !important;}
.f58 {font-size:58px !important;}
.f59 {font-size:59px !important;}
.f60 {font-size:60px !important;}
.f65 {font-size:65px !important;}
.f70 {font-size:70px !important;}
.f75 {font-size:75px !important;}
.f80 {font-size:80px !important;}
.f85 {font-size:85px !important;}
.f90 {font-size:90px !important;}
.f95 {font-size:95px !important;}
.f100{font-size:100px!important;}

.white {color:#FFF;}
.black {color:#000;}
.red {color:#FF0000;}
.purple {color:#614767;}
.green {color:#01a982}

.bold {font-weight:bold;}
.normal {font-weight:normal;}

.justifyCttCtr {justify-content: center;}
.alignItemsCtr {align-items: center;}
.alignItemsEnd {align-items: flex-end;}
.alignCtr {text-align: center;}
.alignLft {text-align: left;}
.alignRgt {text-align: right;}
.alignJstfy {text-align: justify;}

small.smalltext{	font-size: 10px;	line-height: 1;}
@media only screen and (max-width:999px){
	.spAlignCtr {
		text-align:center;
	}
	.spAlignLft {
		text-align:left;
	}
	.spAlignRft {
		text-align:right;
	}
}
@media only screen and (max-width:767px){
	.lessTabletAlignCtr {
		text-align:center;
	}
}
@media only screen and (max-width:414px){
	.sphoneAlignCtr {
		text-align:center;
	}
	.sphoneAlignLft {
		text-align:left;
	}
	.sphoneAlignRgt {
		text-align:right;
	}
}
.relative {
	position: relative;
}
.ctrMdl {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:auto;
	height:auto;
}

.indent-1 {padding-left:1em;text-indent:-1em;}
.indent-1_5 {padding-left: 1.5em;text-indent: -1.5em;}
.indent-2 {padding-left:2em;text-indent:-2em;}
.indent-2_5 {padding-left: 2.5em;text-indent: -2.5em;}

.lineThrough {text-decoration:line-through;}
.strikethrough {text-decoration: line-through;}

sup {
	font-size:60%;
	vertical-align:super;
}

.border-box {
	box-sizing:border-box;
}

.icon25Custom,
.icon25Rack {
	position:relative;
	padding-left:35px;
	display:inline-block;
}
.icon25Custom:before,
.icon25Rack:before {
	content:"";
	display:block;
	width: 25px;
	height: 25px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -13px;
	background-image: url(/directplus_ent/system/images/icon_50.png);
	background-size: 25px;
	background-repeat: no-repeat;
}
.icon25Custom:before {
	background-position: 0 0;
}
.icon25Rack:before {
	background-position: 0 -25px;
}
.one_character.icon {
    background-color: #ff8300;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    font-weight: normal;
}

.wrdBrkAll {word-break: break-all;}
.wrdBrkwrd {word-break: break-word;}

.w50per {width:50%;}
.w100per {width:100%;}
.h100per {height:100%;}
.hauto {height:auto;}


.listC,
.listN {
	padding-left:1em;
	margin-left:1em;
}
.listC li {
	list-style-type:disc;
/*	margin-top:5px;*/
}
.listC li:first-child {
	margin-top:0;
}
.listN li {
	list-style-type:decimal;
	margin-top:5px;
}
.listN li:first-child {
	margin-top:0;
}
.linkList li {
	margin-top:10px;
}
.linkList li:first-child {
	margin-top:0;
}
ul.list_horizontal{
display: flex;
justify-content: center;
column-gap: 30px;
}
/*List英字を円で囲む alpha in circle*/
ol.alphaINcircle {
  counter-reset: abc-counter;
  list-style: none;
  padding: 0;
  margin: 0;
}
ol.alphaINcircle > li {
  padding-left: 1.6em;
  position: relative;
  list-style-type: none;
}
ol.alphaINcircle > li:before {
  content:counter(abc-counter, upper-alpha);
  counter-increment: abc-counter;
  background-color: #ff8300;
  color: #fff;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5em;
  width: 1.5em;
  font-size: 95%;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
}
ol.alphaINcircle ol{counter-reset: childcounter;}
ol.alphaINcircle ol li {
  padding-left: 1.6em;
  position: relative;
  list-style-type: none;
}
ol.alphaINcircle ol li:before{
	content: counter(abc-counter, upper-alpha) counter(childcounter, decimal);
	counter-increment: childcounter;
	background-color: #ff8300;
	color: #fff;
	border-radius: 50%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 1.7em;
	width: 1.7em;
	font-size: 85%;
	line-height: 2;
	padding: 1px 0 0;
	position: absolute;
	top: 0;
	left: 0;
}
/*List数字を円で囲む decimal in circle*/
ol.decimalINcircle {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
  margin: 0;
}
ol.decimalINcircle li {
  line-height: 1.4;
  padding-left: 1.3em;
  position: relative;
  list-style-type: none;
}
ol.decimalINcircle li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5em;
  width: 1.5em;
  font-size: 75%;
  line-height: 1.5;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0px, -50%);
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
}
/* table
-----------------------------------*/
.table th, .table td {
	border:solid 1px #CCC;
	border-collapse:collapse;
	padding:10px 5px;
	vertical-align:middle;
}
.vAlignTop td {vertical-align:top !important;}
.table th {
	background-color:#F6F6F6;
}
@media only screen and (max-width:999px){
	.table th, .table td {
		padding:10px 5px;
	}
}
.table a {color:#707070;}
.table a:hover {color:#000;}
.spbr {display:none !important;}
.pcHide {display:none !important;}
@media only screen and (max-width:999px){
	.spbr {display:inline !important;}
	.spHide {display:none !important;}
	.pcHide {display:block !important;}
}
.br320,
.br374,
.br375,
.br414,
.br767,
.br768,
.br999,
.brTabletOnly {
	display: none;
}
.brUpper415,
.brUpper768,
.hideSpOnly {
	display: block;
}
@media only screen and (max-width: 999px) {
	.br999 {
		display: block;
	}
}
@media only screen and (max-width: 768px) {
	.br768,
	.brTabletOnly {
		display: block;
	}
}
@media only screen and (max-width: 767px) {
	.br767 {
		display: block;
	}
	.brUpper768 {
		display: none;
	}
}
@media only screen and (max-width: 415px) {
	.brUpper415 {
		display: none;
	}
}
@media only screen and (max-width: 414px) {
	.br414 {
		display: block;
	}
	.brTabletOnly,
	.hideSpOnly {
		display: none;
	}
}
@media only screen and (max-width: 375px) {
	.br375 {
		display: block;
	}
}
@media only screen and (max-width: 374px) {
	.br374 {
		display: block;
	}
}
@media only screen and (max-width: 320px) {
	.br320 {
		display: block;
	}
}
.mainVisualPc img,
.mainVisualSp img {
	width:100%;
}
.mainVisualSp {
	display:none;
}
@media only screen and (max-width:767px){
	.mainVisualPc {
		display:none;
	}
	.mainVisualSp {
		display:block;
	}
}

.cfx:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.floatLft {
	float:left;
}
.floatRgt {
	float:right;
}

.ovh {
	overflow: hidden !important;
}
/*ranking,numbering,list,point top3 共通ナンバーカラー*/
.numbering *:first-child .numcolor {
    background: #7ff9e2;
	color: #000000;
}
.numbering *:nth-child(2) .numcolor {
    background: #32dac8;
	color: #000000;
}
.numbering *:nth-child(3) .numcolor {
    background: #0d5265;
    color: #ffffff;
}
.numbering *:first-child .numbordercolor {
    border-color: #7ff9e2;
}
.numbering *:nth-child(2) .numbordercolor {
    border-color: #32dac8;
}
.numbering *:nth-child(3) .numbordercolor {
    border-color: #0D5265;
}
/*Column------------------------------------------*/
.columnFixWidth,
.columnFixHeight {
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.columnFixHeight {
	flex-direction: column;
}
.columnFixWidth  > *,
.columnFixHeight > *  {
	flex: 1;
}
/*grid*/
.grid-container{    display: grid;}
.grid_columns_1_1{	grid-template-columns: repeat(2,1fr);/*2列1：1*/}
.grid-container > .grid_column_card{	padding: 10px;}
@media only screen and (max-width: 999px){
  .grid_columns_1_1 {
    grid-template-columns: 100%;/*1列*/
  }
}
/*Two Column--------------------------------------*/
.column50-50 {
	width:100%;
}
.column50-50 > .clm1, .column50-50 > .clm2 {
	float:left;
	width:49%;
	box-sizing:border-box;
}
.column50-50 > .clm1 {
	margin-right:2%;
}
@media only screen and (max-width:999px){
	.column50-50 > .clm1, .column50-50 > .clm2 {
		float:none;
		width:100%;
	}
	.column50-50 > .clm1 {
		margin-right:0;
		margin-bottom:20px;
	}
}
.column50-50WithBdr {
	display:table;
	width:100%;
}
.column50-50WithBdr > .clm1, .column50-50WithBdr > .clm2 {
	display:table-cell;
	width:50%;
}
.column50-50WithBdr > .clm1 {
	border-right:1px solid #CCC;
}
.column50-50WithBdr > .clm1 > .clmInr {
	padding-right:20px;
}
.column50-50WithBdr > .clm2 > .clmInr {
	padding-left:20px;
}
/*.column50-50WithBdr > .clm1 {
	padding-right:2%;
	border-right:1px solid #CCC;
}
.column50-50WithBdr > .clm2 {
	padding-left:2%;
}*/
@media only screen and (max-width:999px){
	.column50-50WithBdr {
		display:block;
	}
	.column50-50WithBdr > .clm1, .column50-50WithBdr > .clm2 {
		display:block;
		width:100%;
	}
	.column50-50WithBdr > .clm1 {
		border-right:none;
		margin-bottom:20px;
	}
	.column50-50WithBdr > .clm1 > .clmInr {
		padding-right:0;
	}
	.column50-50WithBdr > .clm2 > .clmInr {
		padding-left:0;
	}
	/*.column50-50WithBdr > .clm1 {
		padding-right:0;
		border-right:none;
		margin-bottom:20px;
	}
	.column50-50WithBdr > .clm2 {
		padding-left:0;
	}*/
}
.column33-66 {
	width:100%;
}
.column33-66 > .clm1 {
	float:left;
	width:32%;
	box-sizing:border-box;
}
.column33-66 > .clm2 {
	float:left;
	width:66%;
	box-sizing:border-box;
}
.column33-66 > .clm1 {
	margin-right:2%;
}
@media only screen and (max-width:999px){
	.column33-66 > .clm1, .column33-66 > .clm2 {
		float:none;
		width:100%;
	}
	.column33-66 > .clm1 {
		margin-right:0;
		margin-bottom:20px;
	}
}
.column66-33 {
	width:100%;
}
.column66-33 > .clm1 {
	float:left;
	width:66%;
	box-sizing:border-box;
}
.column66-33 > .clm2 {
	float:left;
	width:32%;
	box-sizing:border-box;
}
.column66-33 > .clm1 {
	margin-right:2%;
}
@media only screen and (max-width:999px){
	.column66-33 > .clm1, .column66-33 > .clm2 {
		float:none;
		width:100%;
	}
	.column66-33 > .clm1 {
		margin-right:0;
		margin-bottom:20px;
	}
}
.column35-65 {
	width:100%;
}
.column35-65 > .clm1 {
	float:left;
	width:34%;
	box-sizing:border-box;
}
.column35-65 > .clm2 {
	float:left;
	width:64%;
	box-sizing:border-box;
}
.column35-65 > .clm1 {
	margin-right:2%;
}
@media only screen and (max-width:999px){
	.column35-65 > .clm1, .column35-65 > .clm2 {
		float:none;
		width:100%;
	}
	.column35-65 > .clm1 {
		margin-right:0;
		margin-bottom:20px;
	}
}
.column45-55 {
	width:100%;
}
.column45-55 > .clm1 {
	float:left;
	width:44%;
	box-sizing:border-box;
}
.column45-55 > .clm2 {
	float:left;
	width:54%;
	box-sizing:border-box;
}
.column45-55 > .clm1 {
	margin-right:2%;
}
@media only screen and (max-width:999px){
	.column45-55 > .clm1, .column45-55 > .clm2 {
		float:none;
		width:100%;
	}
	.column45-55 > .clm1 {
		margin-right:0;
		margin-bottom:20px;
	}
}
.column20-80 {
	width:100%;
}
.column20-80 .clm1, .column20-80 .clm2 {
	float:left;
}
.column20-80 .clm1 {
	width:19%;
	margin-right:1%;
}
.column20-80 .clm2 {
	width:79%;
	margin-left:1%;
}
@media only screen and (max-width:999px){
	.column20-80 .clm1, .column20-80 .clm2 {
		float:none;
		width:100%;
	}
	.column20-80 .clm1 {
		margin-right:0;
		margin-bottom:20px;
	}
	.column20-80 .clm2 {
		margin-left:0;
	}
}

.column25-75 {
	width:100%;
}
.column25-75 .clm1, .column25-75 .clm2 {
	float:left;
}
.column25-75 .clm1 {
	width:24%;
	margin-right:2%;
}
.column25-75 .clm2 {
	width:74%;
}
@media only screen and (max-width:999px){
	.column25-75 .clm1, .column25-75 .clm2 {
		float:none;
		width:100%;
	}
	.column25-75 .clm1 {
		margin-right:0;
		margin-bottom:20px;
	}
}

.column60-40 {
	width:100%;
}
.column60-40 > .clm1,
.column60-40 > .clm2 {
	float:left;
	box-sizing:border-box;
}
.column60-40 > .clm1 {
	width:59%;
	margin-right:2%;
}
.column60-40 > .clm2 {
	width:39%;
}
@media only screen and (max-width:999px){
	.column60-40 > .clm1,
	.column60-40 > .clm2 {
		float:none;
		width:100%;
	}
	.column60-40 > .clm1 {
		margin-right:0;
		margin-bottom:20px;
	}
}
.column40-60 {
	width:100%;
}
.column40-60 > .clm1,
.column40-60 > .clm2 {
	float:left;
	box-sizing:border-box;
}
.column40-60 > .clm1 {
	width:39%;
	margin-right:2%;
}
.column40-60 > .clm2 {
	width:59%;
}
@media only screen and (max-width:999px){
	.column40-60 > .clm1,
	.column40-60 > .clm2 {
		float:none;
		width:100%;
	}
	.column40-60 > .clm1 {
		margin-right:0;
		margin-bottom:20px;
	}
}
.column85-15 {
	width:100%;
}
.column85-15 .clm1, .column85-15 .clm2 {
	float:left;
}
.column85-15 .clm1 {
	width:83%;
	margin-right:1%;
}
.column85-15 .clm2 {
	width:15%;
	margin-left:1%;
}
@media only screen and (max-width:999px){
	.column85-15 .clm1, .column85-15 .clm2 {
		float:none;
		width:100%;
	}
	.column85-15 .clm1 {
		margin-right:0;
		margin-bottom:20px;
	}
	.column85-15 .clm2 {
		margin-left:0;
	}
}

/* 動画とテキストカラム */
.column50-50HasMovie {
	display: flex;
	justify-content: space-between;
}
.column50-50HasMovie > * {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 50%;
	max-width: 100%;
}
.column50-50HasMovie > *:not(:last-child) {
	margin-right: 20px;
}
.column50-50HasMovie .brightCove {
	box-sizing: border-box;
}
.column50-50HasMovie .youtube {
	box-sizing: border-box;
}
.column50-50HasMovie .forPc {}
.column50-50HasMovie .forSp {
	display: none;
}
@media only screen and (min-width:768px){
	.column50-50HasMovie .brightCoveWrapper {
		width: 100%;
	}
	.column50-50HasMovie .youtubeWrapper {
		width: 100%;
	}
}
@media only screen and (max-width:767px){
	.column50-50HasMovie {
		flex-direction: column;
	}
	.column50-50HasMovie > *:not(:last-child) {
		margin-right: 0;
	}
	.column50-50HasMovie > .movie {
		margin-bottom: 20px;
	}
	.column50-50HasMovie > * {
		order: 2;
		flex-basis: auto;
	}
	.column50-50HasMovie > .movie {
		order: 1;
	}
	.column50-50HasMovie.textTop > * {
		order: 1;
		margin-bottom: 20px;
	}
	.column50-50HasMovie.textTop > .movie {
/*		order: 2;*/
		margin-bottom: 0;
	}
	.column50-50HasMovie .forPc {
		display: none;
	}
	.column50-50HasMovie .forSp {
		display: block;
	}
}
.column30-70HasMovie {
	display: flex;
	justify-content: space-between;
}
.column30-70HasMovie > *:first-child {
	flex: 1 1 33%;
}
.column30-70HasMovie > *:last-child {
	flex: 1 1 67%;
}
.column30-70HasMovie > *:not(:last-child) {
	margin-right: 20px;
}
.column30-70HasMovie .brightCove {
	box-sizing: border-box;
}
.column30-70HasMovie .youtube {
	box-sizing: border-box;
}
@media only screen and (min-width:769px){
	.column30-70HasMovie .brightCoveWrapper {
		width: 100%;
	}
	.column30-70HasMovie .youtubeWrapper {
		width: 100%;
	}
}
@media only screen and (max-width:768px){
	.column30-70HasMovie {
		flex-direction: column;
	}
	.column30-70HasMovie > *:not(:last-child) {
		margin-right: 0;
	}
	.column30-70HasMovie > .movie {
		margin-bottom: 20px;
	}
	.column30-70HasMovie > * {
		order: 2;
		flex: 1 1 auto;
	}
	.column30-70HasMovie > *:first-child {
		flex: 1 1 auto;
	}
	.column30-70HasMovie > *:last-child {
		flex: 1 1 auto;
	}
	.column30-70HasMovie .movie {
		order: 1;
	}
	.column30-70HasMovie .brightCoveWrapper {
		width: 94%;
	}
	.column30-70HasMovie .youtubeWrapper {
		width: 94%;
	}
}
@media only screen and (max-width:414px){
	.column30-70HasMovie .brightCoveWrapper {
		width: 100%;
	}
	.column30-70HasMovie .youtubeWrapper {
		width: 100%;
	}
}
/*Flex*/
.columnflex {  display: flex;}
.flexWrap {	flex-wrap: wrap;}
.flexGutter10 {	margin-right: 10px;}
.flexGutter15 {	margin-right: 15px;}
.flexGutter20 {	margin-right: 20px;}
.flexGutter25 {	margin-right: 25px;}
.flexGutter30 {	margin-right: 30px;}
.flexGutter40 {	margin-right: 40px;}
.flexgap10{gap: 10px;}
.flexgap20{gap: 20px;}
@media (max-width: 999px) {
	*:not([class*="fix"]) > .flexGutter10,
	*:not([class*="fix"]) > .flexGutter15,
	*:not([class*="fix"]) > .flexGutter20,
	*:not([class*="fix"]) > .flexGutter25,
	*:not([class*="fix"]) > .flexGutter30,
	*:not([class*="fix"]) > .flexGutter40 {
		margin-right: 0;
	}
	*:not([class*="fix"]) > .flexGutter10 {
		margin-bottom: 10px;
	}
	*:not([class*="fix"]) > .flexGutter15 {
		margin-bottom: 15px;
	}
	*:not([class*="fix"]) > .flexGutter20 {
		margin-bottom: 20px;
	}
	*:not([class*="fix"]) > .flexGutter25 {
		margin-bottom: 25px;
	}
	*:not([class*="fix"]) > .flexGutter30 {
		margin-bottom: 30px;
	}
	*:not([class*="fix"]) > .flexGutter40 {
		margin-bottom: 40px;
	}
}
@media (max-width: 767px) {
	.fixUpperTablet > .flexGutter10,
	.fixUpperTablet > .flexGutter15,
	.fixUpperTablet > .flexGutter20,
	.fixUpperTablet > .flexGutter25,
	.fixUpperTablet > .flexGutter30,
	.fixUpperTablet > .flexGutter40 {
		margin-right: 0;
	}
	.fixUpperTablet > .flexGutter10 {
		margin-bottom: 10px;
	}
	.fixUpperTablet > .flexGutter15 {
		margin-bottom: 15px;
	}
	.fixUpperTablet > .flexGutter20 {
		margin-bottom: 20px;
	}
	.fixUpperTablet > .flexGutter25 {
		margin-bottom: 25px;
	}
	.fixUpperTablet > .flexGutter30 {
		margin-bottom: 30px;
	}
	.fixUpperTablet > .flexGutter40 {
		margin-bottom: 40px;
	}
}
@media (max-width: 414px) {
	.fixUpperSp > .flexGutter10,
	.fixUpperSp > .flexGutter15,
	.fixUpperSp > .flexGutter20,
	.fixUpperSp > .flexGutter25,
	.fixUpperSp > .flexGutter30,
	.fixUpperSp > .flexGutter40 {
		margin-right: 0;
	}
	.fixUpperSp > .flexGutter10 {
		margin-bottom: 10px;
	}
	.fixUpperSp > .flexGutter15 {
		margin-bottom: 15px;
	}
	.fixUpperSp > .flexGutter20 {
		margin-bottom: 20px;
	}
	.fixUpperSp > .flexGutter25 {
		margin-bottom: 25px;
	}
	.fixUpperSp > .flexGutter30 {
		margin-bottom: 30px;
	}
	.fixUpperSp > .flexGutter40 {
		margin-bottom: 40px;
	}
}
.column80-20Flex,
.column80-20Flex *,
.column67-33Flex,
.column67-33Flex *,
.column60-40Flex,
.column60-40Flex *,
.column50-50Flex,
.column50-50Flex *,
.column40-60Flex,
.column40-60Flex *,
.column33-67Flex,
.column33-67Flex *,
.column25-75Flex,
.column25-75Flex *,
.column20-80Flex,
.column20-80Flex * {
	box-sizing: border-box;
}
.column80-20Flex,
.column67-33Flex,
.column60-40Flex,
.column50-50Flex,
.column40-60Flex,
.column33-67Flex,
.column25-75Flex,
.column20-80Flex {
	display: flex;
}
.column80-20Flex > *,
.column67-33Flex > *,
.column60-40Flex > *,
.column50-50Flex > *,
.column40-60Flex > *,
.column33-67Flex > *,
.column25-75Flex > *,
.column20-80Flex > * {
	flex: 0 1 auto;
}
@media (min-width: 1000px) {
	.column80-20Flex > *:first-child {
		width: 80%;
	}
	.column80-20Flex > *:last-child {
		width: 20%;
	}
	.column67-33Flex > *:first-child {
		width: 67%;
	}
	.column67-33Flex > *:last-child {
		width: 33%;
	}
	.column60-40Flex > *:first-child {
		width: 60%;
	}
	.column60-40Flex > *:last-child {
		width: 40%;
	}
	.column50-50Flex > *:first-child {
		width: 50%;
	}
	.column50-50Flex > *:last-child {
		width: 50%;
	}
	.column40-60Flex > *:first-child {
		width: 40%;
	}
	.column40-60Flex > *:last-child {
		width: 60%;
	}
	.column33-67Flex > *:first-child {
		width: 33%;
	}
	.column33-67Flex > *:last-child {
		width: 67%;
	}
	.column25-75Flex > *:first-child {
		width: 25%;
	}
	.column25-75Flex > *:last-child {
		width: 75%;
	}
	.column20-80Flex > *:first-child {
		width: 20%;
	}
	.column20-80Flex > *:last-child {
		width: 80%;
	}
}
@media (max-width: 999px) {
	.column80-20Flex,
	.column67-33Flex,
	.column60-40Flex,
	.column50-50Flex,
	.column40-60Flex,
	.column33-67Flex,
	.column25-75Flex,
	.column20-80Flex {
		flex-direction: column;
	}
	.column80-20Flex:not(*[class*="fix"]) > *,
	.column67-33Flex:not(*[class*="fix"]) > *,
	.column60-40Flex:not(*[class*="fix"]) > *,
	.column50-50Flex:not(*[class*="fix"]) > *,
	.column40-60Flex:not(*[class*="fix"]) > *,
	.column33-67Flex:not(*[class*="fix"]) > *,
	.column25-75Flex:not(*[class*="fix"]) > *,
	.column20-80Flex:not(*[class*="fix"]) > * {
		max-width: 100%;
		flex-shrink: 0;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	.column80-20Flex.fixUpperTablet,
	.column67-33Flex.fixUpperTablet,
	.column60-40Flex.fixUpperTablet,
	.column50-50Flex.fixUpperTablet,
	.column40-60Flex.fixUpperTablet,
	.column33-67Flex.fixUpperTablet,
	.column25-75Flex.fixUpperTablet,
	.column20-80Flex.fixUpperTablet {
		flex-direction: row;
	}
	.column80-20Flex.fixUpperTablet > *:first-child {
		width: 80%;
	}
	.column80-20Flex.fixUpperTablet > *:last-child {
		width: 20%;
	}
	.column67-33Flex.fixUpperTablet > *:first-child {
		width: 67%;
	}
	.column67-33Flex.fixUpperTablet > *:last-child {
		width: 33%;
	}
	.column60-40Flex.fixUpperTablet > *:first-child {
		width: 60%;
	}
	.column60-40Flex.fixUpperTablet > *:last-child {
		width: 40%;
	}
	.column50-50Flex.fixUpperTablet > *:first-child {
		width: 50%;
	}
	.column50-50Flex.fixUpperTablet > *:last-child {
		width: 50%;
	}
	.column40-60Flex.fixUpperTablet > *:first-child {
		width: 40%;
	}
	.column40-60Flex.fixUpperTablet > *:last-child {
		width: 60%;
	}
	.column33-67Flex.fixUpperTablet > *:first-child {
		width: 33%;
	}
	.column33-67Flex.fixUpperTablet > *:last-child {
		width: 67%;
	}
	.column25-75Flex.fixUpperTablet > *:first-child {
		width: 25%;
	}
	.column25-75Flex.fixUpperTablet > *:last-child {
		width: 75%;
	}
	.column20-80Flex.fixUpperTablet > *:first-child {
		width: 20%;
	}
	.column20-80Flex.fixUpperTablet > *:last-child {
		width: 80%;
	}
}
@media (max-width: 767px) {
	.column80-20Flex.fixUpperTablet,
	.column67-33Flex.fixUpperTablet,
	.column60-40Flex.fixUpperTablet,
	.column50-50Flex.fixUpperTablet,
	.column40-60Flex.fixUpperTablet,
	.column33-67Flex.fixUpperTablet,
	.column25-75Flex.fixUpperTablet,
	.column20-80Flex.fixUpperTablet {
		flex-direction: column;
	}
	.column80-20Flex.fixUpperTablet > *,
	.column67-33Flex.fixUpperTablet > *,
	.column60-40Flex.fixUpperTablet > *,
	.column50-50Flex.fixUpperTablet > *,
	.column40-60Flex.fixUpperTablet > *,
	.column33-67Flex.fixUpperTablet > *,
	.column25-75Flex.fixUpperTablet > *,
	.column20-80Flex.fixUpperTablet > * {
		max-width: 100%;
		flex-shrink: 0;
	}
}
@media (min-width: 415px) and (max-width: 999px) {
	.column80-20Flex.fixUpperSp,
	.column67-33Flex.fixUpperSp,
	.column60-40Flex.fixUpperSp,
	.column50-50Flex.fixUpperSp,
	.column40-60Flex.fixUpperSp,
	.column33-67Flex.fixUpperSp,
	.column25-75Flex.fixUpperSp,
	.column20-80Flex.fixUpperSp {
		flex-direction: row;
	}
	.column80-20Flex.fixUpperSp > *:first-child {
		width: 80%;
	}
	.column80-20Flex.fixUpperSp > *:last-child {
		width: 20%;
	}
	.column67-33Flex.fixUpperSp > *:first-child {
		width: 67%;
	}
	.column67-33Flex.fixUpperSp > *:last-child {
		width: 33%;
	}
	.column60-40Flex.fixUpperSp > *:first-child {
		width: 60%;
	}
	.column60-40Flex.fixUpperSp > *:last-child {
		width: 40%;
	}
	.column50-50Flex.fixUpperSp > *:first-child {
		width: 50%;
	}
	.column50-50Flex.fixUpperSp > *:last-child {
		width: 50%;
	}
	.column40-60Flex.fixUpperSp > *:first-child {
		width: 40%;
	}
	.column40-60Flex.fixUpperSp > *:last-child {
		width: 60%;
	}
	.column33-67Flex.fixUpperSp > *:first-child {
		width: 33%;
	}
	.column33-67Flex.fixUpperSp > *:last-child {
		width: 67%;
	}
	.column25-75Flex.fixUpperSp > *:first-child {
		width: 25%;
	}
	.column25-75Flex.fixUpperSp > *:last-child {
		width: 75%;
	}
	.column20-80Flex.fixUpperSp > *:first-child {
		width: 20%;
	}
	.column20-80Flex.fixUpperSp > *:last-child {
		width: 80%;
	}
}
@media (max-width: 414px) {
	.column80-20Flex.fixUpperSp,
	.column67-33Flex.fixUpperSp,
	.column60-40Flex.fixUpperSp,
	.column50-50Flex.fixUpperSp,
	.column40-60Flex.fixUpperSp,
	.column33-67Flex.fixUpperSp,
	.column25-75Flex.fixUpperSp,
	.column20-80Flex.fixUpperSp {
		flex-direction: column;
	}
	.column80-20Flex.fixUpperSp > *,
	.column67-33Flex.fixUpperSp > *,
	.column60-40Flex.fixUpperSp > *,
	.column50-50Flex.fixUpperSp > *,
	.column40-60Flex.fixUpperSp > *,
	.column33-67Flex.fixUpperSp > *,
	.column25-75Flex.fixUpperSp > *,
	.column20-80Flex.fixUpperSp > * {
		max-width: 100%;
		flex-shrink: 0;
	}
}
.column80-20Flex.fixAll,
.column67-33Flex.fixAll,
.column60-40Flex.fixAll,
.column50-50Flex.fixAll,
.column40-60Flex.fixAll,
.column33-67Flex.fixAll,
.column25-75Flex.fixAll,
.column20-80Flex.fixAll {
	flex-direction: row;
}
.column80-20Flex.fixAll > *:first-child {
	width: 80%;
}
.column80-20Flex.fixAll > *:last-child {
	width: 20%;
}
.column67-33Flex.fixAll > *:first-child {
	width: 67%;
}
.column67-33Flex.fixAll > *:last-child {
	width: 33%;
}
.column60-40Flex.fixAll > *:first-child {
	width: 60%;
}
.column60-40Flex.fixAll > *:last-child {
	width: 40%;
}
.column50-50Flex.fixAll > *:first-child {
	width: 50%;
}
.column50-50Flex.fixAll > *:last-child {
	width: 50%;
}
.column40-60Flex.fixAll > *:first-child {
	width: 40%;
}
.column40-60Flex.fixAll > *:last-child {
	width: 60%;
}
.column33-67Flex.fixAll > *:first-child {
	width: 33%;
}
.column33-67Flex.fixAll > *:last-child {
	width: 67%;
}
.column25-75Flex.fixAll > *:first-child {
	width: 25%;
}
.column25-75Flex.fixAll > *:last-child {
	width: 75%;
}
.column20-80Flex.fixAll > *:first-child {
	width: 20%;
}
.column20-80Flex.fixAll > *:last-child {
	width: 80%;
}

.flexIconColumn {
	display: flex;
}
.flexIconColumn > * {
	flex: 1 1 auto;
}
.flexIconColumn > .icon {
	flex: 0 0 auto;
}
.flexIconColumn > .icon > img {
	max-width: 40px;
}

/*Three Column--------------------------------------*/
.column33-33-33 {
	width:100%;
}
.column33-33-33 > .clm1, .column33-33-33 > .clm2, .column33-33-33 > .clm3 {
	float:left;
	width:32%;
	box-sizing:border-box;
}
.column33-33-33 > .clm1, .column33-33-33 > .clm2 {
	margin-right:2%;
}
@media only screen and (max-width:999px){
	.column33-33-33 > .clm1, .column33-33-33 > .clm2, .column33-33-33 > .clm3 {
		float:none;
		width:100%;
	}
	.column33-33-33 > .clm1, .column33-33-33 > .clm2 {
		margin-right:0;
		margin-bottom:20px;
	}
}
.column33-33-33WithBdr {
	display:table;
	width:100%;
}
.column33-33-33WithBdr > .clm1,
.column33-33-33WithBdr > .clm3 {
	display:table-cell;
	width:32.666666%;
}
.column33-33-33WithBdr > .clm2 {
	display:table-cell;
	width:34.666666%;
}
.column33-33-33WithBdr > .clm1,
.column33-33-33WithBdr > .clm2 {
	border-right:1px solid #CCC;
}
.column33-33-33WithBdr > .clm1 > .clmInr {
	padding-right:20px;
}
.column33-33-33WithBdr > .clm2 > .clmInr {
	padding-left:20px;
	padding-right:20px;
}
.column33-33-33WithBdr > .clm3 > .clmInr {
	padding-left:20px;
}
@media only screen and (max-width:999px){
	.column33-33-33WithBdr {
		display:block;
	}
	.column33-33-33WithBdr > .clm1,
	.column33-33-33WithBdr > .clm2,
	.column33-33-33WithBdr > .clm3 {
		display:block;
		width:100%;
	}
	.column33-33-33WithBdr > .clm1,
	.column33-33-33WithBdr > .clm2 {
		border-right:none;
		margin-bottom:20px;
	}
	.column33-33-33WithBdr > .clm1 > .clmInr {
		padding-right:0;
	}
	.column33-33-33WithBdr > .clm2 > .clmInr {
		padding-left:0;
		padding-right:0;
	}
	.column33-33-33WithBdr > .clm3 > .clmInr {
		padding-left:0;
	}
}
.column33-33-33Flex,
.column33-33-33Flex * {
	box-sizing: border-box;
}
.column33-33-33Flex {
	display: flex;
}
.column33-33-33Flex > * {
	flex: 0 1 auto;
	width: 33.33%;
}
@media (max-width: 999px) {
	.column33-33-33Flex {
		flex-direction: column;
	}
	.column33-33-33Flex:not(*[class*="fix"]) > * {
		width: 100%;
		max-width: 100%;
		flex-shrink: 0;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	.column33-33-33Flex.fixUpperTablet {
		flex-direction: row;
	}
}
@media (max-width: 767px) {
	.column33-33-33Flex.fixUpperTablet {
		flex-direction: column;
	}
	.column33-33-33Flex > * {
		width: 100%;
		max-width: 100%;
		flex-shrink: 0;
	}
}
@media (min-width: 415px) and (max-width: 999px) {
	.column33-33-33Flex.fixUpperSp {
		flex-direction: row;
	}
}
@media (max-width: 414px) {
	.column33-33-33Flex.fixUpperSp {
		flex-direction: column;
	}
	.column33-33-33Flex.fixUpperSp > * {
		width: 100%;
		max-width: 100%;
		flex-shrink: 0;
	}
}
.column33-33-33Flex.fixAll {
	flex-direction: row;
}
.column33-33-33Flex.fixAll > * {
	width: 33.33%;
}

/*Four Column--------------------------------------*/
.column25-25-25-25 {
	width:100%;
}
.column25-25-25-25 > .clm1, .column25-25-25-25 > .clm2, .column25-25-25-25 > .clm3, .column25-25-25-25 > .clm4 {
	float:left;
	width:23.5%;
	box-sizing:border-box;
}
.column25-25-25-25 > .clm1, .column25-25-25-25 > .clm2, .column25-25-25-25 > .clm3 {
	margin-right:2%;
}
@media only screen and (max-width:999px){
	.column25-25-25-25 > .clm1, .column25-25-25-25 > .clm2, .column25-25-25-25 > .clm3, .column25-25-25-25 > .clm4 {
		float:none;
		width:100%;
	}
	.column25-25-25-25 > .clm1, .column25-25-25-25 > .clm2, .column25-25-25-25 > .clm3 {
		margin-right:0;
		margin-bottom:20px;
	}
}
.column4-2-1,
.column4-2-1 * {
	box-sizing: border-box;
}
.column4-2-1 {
	display:flex;
	width:100%;
}
.column4-2-1 > * {
	flex:1;
	flex-basis: 25%;
	flex-grow: 0;
	border-right:1px solid #CCC;
}
.column4-2-1 > *:last-child {
	border-right:none;
}
.column4-2-1 > * > .clmInr {
	padding-left:20px;
	padding-right:20px;
}
.column4-2-1 > * > .clmInr.spaceBetween {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-between;
}
.column4-2-1 .btn-secondary {
	min-width: auto;
	width: 100%;
}
@media only screen and (max-width:999px){
	.column4-2-1 {
		flex-wrap: wrap;
	}
	.column4-2-1 > * {
		flex-basis: 50%;
	}
	.column4-2-1 > *:nth-child(2n) {
		border-right:none;
	}
	.column4-2-1 > *:nth-child(-n+2) {
		margin-bottom:20px;
	}
	.column4-2-1 .btn-secondary {
		min-width: 220px;
		width: auto;
	}
}
@media only screen and (max-width:767px){
	.column4-2-1,
	.column4-2-1 > * {
		display: block;
	}
	.column4-2-1 > * {
		border-right:none;
		margin-bottom:20px;
	}
	.column4-2-1 > *:last-child {
		margin-bottom:0;
	}
}

.twoColumnLinkList > ul {
	width:100%;
	display: flex;
	flex-wrap: wrap;
}
.twoColumnLinkList > ul > li {
	margin-top:20px;
	display: flex;
	flex: 1 0 auto;
}
.twoColumnLinkList > ul > li:nth-child(odd) {
	margin-right:2%;
}
.twoColumnLinkList > ul > li:first-child,
.twoColumnLinkList > ul > li:nth-child(2) {
	margin-top:0;
}
.page.guide .twoColumnLinkList > ul, #RelatedLink .twoColumnLinkList > ul{
	width:100%;
	column-gap:2%;
}
.page.guide .twoColumnLinkList > ul > li, #RelatedLink .twoColumnLinkList > ul > li{
	width:49%;
	margin-top: 0;
}
.page.guide .twoColumnLinkList > ul > li:nth-child(odd), #RelatedLink .twoColumnLinkList > ul > li:nth-child(odd){
    margin-right: 0;
}
/*3column*/
.threeColumnPanel {
	width:100%;
}
.threeColumnPanel .pnl {
	width:33.333333%;
	float:left;
	box-sizing:border-box;
	border-top:1px solid #CCC;
	border-right:1px dotted #CCC;
}
.threeColumnPanel .pnl:nth-child(3n) {
	border-right:1px dotted #FFF;
}

.horizontalList li {
	display:inline-block;
	margin-left:20px;
}
.horizontalList li:first-child {
	margin-left:0;
}
@media (max-width:999px){
	.twoColumnLinkList > ul > li {
		float:none;
		width:100%;
	}
	.twoColumnLinkList > ul > li:nth-child(odd) {
		margin-right:0;
	}
	.twoColumnLinkList > ul > li:nth-child(2) {
		margin-top:20px;
	}
	.threeColumnPanel .pnl {
		width:100%;
		border-right:none;
	}
	.threeColumnPanel .pnl:nth-child(3n) {
		border-right:none;
	}
}
@media (max-width:767px){
	.horizontalList li {
		display:block;
		margin-left:0;
	}
	.page.guide .twoColumnLinkList > ul > li, #RelatedLink .twoColumnLinkList > ul > li{
		width:100%;
	}
}
@font-face {
    font-family:'hpe-glyphicons';
    src: url('/directplus_ent/system/styles/icons/hpe-glyphicons.eot');
    src: url('/directplus_ent/system/styles/icons/hpe-glyphicons.eot?iefix') format('eot'),
         url('/directplus_ent/system/styles/icons/hpe-glyphicons.woff') format('woff'),
         url('/directplus_ent/system/styles/icons/hpe-glyphicons.ttf') format('truetype'),
         url('/directplus_ent/system/styles/icons/hpe-glyphicons.svg') format('svg');
}
@font-face{
	font-family:'Glyphicons Halflings';
	src: url('/directplus_ent/system/styles/icons/glyphicons-halflings-regular.eot');
	src: url('/directplus_ent/system/styles/icons/glyphicons-halflings-regular.eot?#iefix') format('eot'),
		 url('/directplus_ent/system/styles/icons/glyphicons-halflings-regular.woff') format('woff'),
		 url('/directplus_ent/system/styles/icons/glyphicons-halflings-regular.ttf') format('truetype'),
		 url('/directplus_ent/system/styles/icons/glyphicons-halflings-regular.svg') format('svg');
}
/*START img size control
-------------------------------------------------*/

@media (max-width:999px){
	.fit img{
		width: 100%;
		max-width: 980px;
		height: auto;
	}
}
@media (max-width:767px){
	.fit767 img{
		width: 100%;
		max-width: 700px;
		height: auto;
	}
	.fit767max500 img{
		width: 100%;
		max-width: 500px;
		height: auto;
	}
}
@media (max-width:500px){
	.fit500 img{
		width: 100%;
		max-width: 300px;
		height: auto;
	}
}
/*START Icons
-------------------------------------------------*/
.glyphicon{
	position:relative;
	top:1px;
	display:inline-block;
	font-family:'Glyphicons Halflings';
	font-weight:400;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.glyphicon-asterisk:before{content:"\2a"}
.glyphicon-plus:before{content:"\2b"}
.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}
.glyphicon-minus:before{content:"\2212"}
.glyphicon-cloud:before{content:"\2601"}
.glyphicon-envelope:before{content:"\2709"}
.glyphicon-pencil:before{content:"\270f"}
.glyphicon-glass:before{content:"\e001"}
.glyphicon-music:before{content:"\e002"}
.glyphicon-search:before{content:"\e003"}
.glyphicon-heart:before{content:"\e005"}
.glyphicon-star:before{content:"\e006"}
.glyphicon-star-empty:before{content:"\e007"}
.glyphicon-user:before{content:"\e008"}
.glyphicon-film:before{content:"\e009"}
.glyphicon-th-large:before{content:"\e010"}
.glyphicon-th:before{content:"\e011"}
.glyphicon-th-list:before{content:"\e012"}
.glyphicon-ok:before{content:"\e013"}
.glyphicon-remove:before{content:"\e014"}
.glyphicon-zoom-in:before{content:"\e015"}
.glyphicon-zoom-out:before{content:"\e016"}
.glyphicon-off:before{content:"\e017"}
.glyphicon-signal:before{content:"\e018"}
.glyphicon-cog:before{content:"\e019"}
.glyphicon-trash:before{content:"\e020"}
.glyphicon-home:before{content:"\e021"}
.glyphicon-file:before{content:"\e022"}
.glyphicon-time:before{content:"\e023"}
.glyphicon-road:before{content:"\e024"}
.glyphicon-download-alt:before{content:"\e025"}
.glyphicon-download:before{content:"\e026"}
.glyphicon-upload:before{content:"\e027"}
.glyphicon-inbox:before{content:"\e028"}
.glyphicon-play-circle:before{content:"\e029"}
.glyphicon-repeat:before{content:"\e030"}
.glyphicon-refresh:before{content:"\e031"}
.glyphicon-list-alt:before{content:"\e032"}
.glyphicon-lock:before{content:"\e033"}
.glyphicon-flag:before{content:"\e034"}
.glyphicon-headphones:before{content:"\e035"}
.glyphicon-volume-off:before{content:"\e036"}
.glyphicon-volume-down:before{content:"\e037"}
.glyphicon-volume-up:before{content:"\e038"}
.glyphicon-qrcode:before{content:"\e039"}
.glyphicon-barcode:before{content:"\e040"}
.glyphicon-tag:before{content:"\e041"}
.glyphicon-tags:before{content:"\e042"}
.glyphicon-book:before{content:"\e043"}
.glyphicon-bookmark:before{content:"\e044"}
.glyphicon-print:before{content:"\e045"}
.glyphicon-camera:before{content:"\e046"}
.glyphicon-font:before{content:"\e047"}
.glyphicon-bold:before{content:"\e048"}
.glyphicon-italic:before{content:"\e049"}
.glyphicon-text-height:before{content:"\e050"}
.glyphicon-text-width:before{content:"\e051"}
.glyphicon-align-left:before{content:"\e052"}
.glyphicon-align-center:before{content:"\e053"}
.glyphicon-align-right:before{content:"\e054"}
.glyphicon-align-justify:before{content:"\e055"}
.glyphicon-list:before{content:"\e056"}
.glyphicon-indent-left:before{content:"\e057"}
.glyphicon-indent-right:before{content:"\e058"}
.glyphicon-facetime-video:before{content:"\e059"}
.glyphicon-picture:before{content:"\e060"}
.glyphicon-map-marker:before{content:"\e062"}
.glyphicon-adjust:before{content:"\e063"}
.glyphicon-tint:before{content:"\e064"}
.glyphicon-edit:before{content:"\e065"}
.glyphicon-share:before{content:"\e066"}
.glyphicon-check:before{content:"\e067"}
.glyphicon-move:before{content:"\e068"}
.glyphicon-step-backward:before{content:"\e069"}
.glyphicon-fast-backward:before{content:"\e070"}
.glyphicon-backward:before{content:"\e071"}
.glyphicon-play:before{content:"\e072"}
.glyphicon-pause:before{content:"\e073"}
.glyphicon-stop:before{content:"\e074"}
.glyphicon-forward:before{content:"\e075"}
.glyphicon-fast-forward:before{content:"\e076"}
.glyphicon-step-forward:before{content:"\e077"}
.glyphicon-eject:before{content:"\e078"}
.glyphicon-chevron-left:before{content:"\e079"}
.glyphicon-chevron-right:before{content:"\e080"}
.glyphicon-plus-sign:before{content:"\e081"}
.glyphicon-minus-sign:before{content:"\e082"}
.glyphicon-remove-sign:before{content:"\e083"}
.glyphicon-ok-sign:before{content:"\e084"}
.glyphicon-question-sign:before{content:"\e085"}
.glyphicon-info-sign:before{content:"\e086"}
.glyphicon-screenshot:before{content:"\e087"}
.glyphicon-remove-circle:before{content:"\e088"}
.glyphicon-ok-circle:before{content:"\e089"}
.glyphicon-ban-circle:before{content:"\e090"}
.glyphicon-arrow-left:before{content:"\e091"}
.glyphicon-arrow-right:before{content:"\e092"}
.glyphicon-arrow-up:before{content:"\e093"}
.glyphicon-arrow-down:before{content:"\e094"}
.glyphicon-share-alt:before{content:"\e095"}
.glyphicon-resize-full:before{content:"\e096"}
.glyphicon-resize-small:before{content:"\e097"}
.glyphicon-exclamation-sign:before{content:"\e101"}
.glyphicon-gift:before{content:"\e102"}
.glyphicon-leaf:before{content:"\e103"}
.glyphicon-fire:before{content:"\e104"}
.glyphicon-eye-open:before{content:"\e105"}
.glyphicon-eye-close:before{content:"\e106"}
.glyphicon-warning-sign:before{content:"\e107"}
.glyphicon-plane:before{content:"\e108"}
.glyphicon-calendar:before{content:"\e109"}
.glyphicon-random:before{content:"\e110"}
.glyphicon-comment:before{content:"\e111"}
.glyphicon-magnet:before{content:"\e112"}
.glyphicon-chevron-up:before{content:"\e113"}
.glyphicon-chevron-down:before{content:"\e114"}
.glyphicon-retweet:before{content:"\e115"}
.glyphicon-shopping-cart:before{content:"\e116"}
.glyphicon-folder-close:before{content:"\e117"}
.glyphicon-folder-open:before{content:"\e118"}
.glyphicon-resize-vertical:before{content:"\e119"}
.glyphicon-resize-horizontal:before{content:"\e120"}
.glyphicon-hdd:before{content:"\e121"}
.glyphicon-bullhorn:before{content:"\e122"}
.glyphicon-bell:before{content:"\e123"}
.glyphicon-certificate:before{content:"\e124"}
.glyphicon-thumbs-up:before{content:"\e125"}
.glyphicon-thumbs-down:before{content:"\e126"}
.glyphicon-hand-right:before{content:"\e127"}
.glyphicon-hand-left:before{content:"\e128"}
.glyphicon-hand-up:before{content:"\e129"}
.glyphicon-hand-down:before{content:"\e130"}
.glyphicon-circle-arrow-right:before{content:"\e131"}
.glyphicon-circle-arrow-left:before{content:"\e132"}
.glyphicon-circle-arrow-up:before{content:"\e133"}
.glyphicon-circle-arrow-down:before{content:"\e134"}
.glyphicon-globe:before{content:"\e135"}
.glyphicon-wrench:before{content:"\e136"}
.glyphicon-tasks:before{content:"\e137"}
.glyphicon-filter:before{content:"\e138"}
.glyphicon-briefcase:before{content:"\e139"}
.glyphicon-fullscreen:before{content:"\e140"}
.glyphicon-dashboard:before{content:"\e141"}
.glyphicon-paperclip:before{content:"\e142"}
.glyphicon-heart-empty:before{content:"\e143"}
.glyphicon-link:before{content:"\e144"}
.glyphicon-phone:before{content:"\e145"}
.glyphicon-pushpin:before{content:"\e146"}
.glyphicon-usd:before{content:"\e148"}
.glyphicon-gbp:before{content:"\e149"}
.glyphicon-sort:before{content:"\e150"}
.glyphicon-sort-by-alphabet:before{content:"\e151"}
.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}
.glyphicon-sort-by-order:before{content:"\e153"}
.glyphicon-sort-by-order-alt:before{content:"\e154"}
.glyphicon-sort-by-attributes:before{content:"\e155"}
.glyphicon-sort-by-attributes-alt:before{content:"\e156"}
.glyphicon-unchecked:before{content:"\e157"}
.glyphicon-expand:before{content:"\e158"}
.glyphicon-collapse-down:before{content:"\e159"}
.glyphicon-collapse-up:before{content:"\e160"}
.glyphicon-log-in:before{content:"\e161"}
.glyphicon-flash:before{content:"\e162"}
.glyphicon-log-out:before{content:"\e163"}
.glyphicon-new-window:before{content:"\e164"}
.glyphicon-record:before{content:"\e165"}
.glyphicon-save:before{content:"\e166"}
.glyphicon-open:before{content:"\e167"}
.glyphicon-saved:before{content:"\e168"}
.glyphicon-import:before{content:"\e169"}
.glyphicon-export:before{content:"\e170"}
.glyphicon-send:before{content:"\e171"}
.glyphicon-floppy-disk:before{content:"\e172"}
.glyphicon-floppy-saved:before{content:"\e173"}
.glyphicon-floppy-remove:before{content:"\e174"}
.glyphicon-floppy-save:before{content:"\e175"}
.glyphicon-floppy-open:before{content:"\e176"}
.glyphicon-credit-card:before{content:"\e177"}
.glyphicon-transfer:before{content:"\e178"}
.glyphicon-cutlery:before{content:"\e179"}
.glyphicon-header:before{content:"\e180"}
.glyphicon-compressed:before{content:"\e181"}
.glyphicon-earphone:before{content:"\e182"}
.glyphicon-phone-alt:before{content:"\e183"}
.glyphicon-tower:before{content:"\e184"}
.glyphicon-stats:before{content:"\e185"}
.glyphicon-sd-video:before{content:"\e186"}
.glyphicon-hd-video:before{content:"\e187"}
.glyphicon-subtitles:before{content:"\e188"}
.glyphicon-sound-stereo:before{content:"\e189"}
.glyphicon-sound-dolby:before{content:"\e190"}
.glyphicon-sound-5-1:before{content:"\e191"}
.glyphicon-sound-6-1:before{content:"\e192"}
.glyphicon-sound-7-1:before{content:"\e193"}
.glyphicon-copyright-mark:before{content:"\e194"}
.glyphicon-registration-mark:before{content:"\e195"}
.glyphicon-cloud-download:before{content:"\e197"}
.glyphicon-cloud-upload:before{content:"\e198"}
.glyphicon-tree-conifer:before{content:"\e199"}
.glyphicon-tree-deciduous:before{content:"\e200"}
.glyphicon-cd:before{content:"\e201"}
.glyphicon-save-file:before{content:"\e202"}
.glyphicon-open-file:before{content:"\e203"}
.glyphicon-level-up:before{content:"\e204"}
.glyphicon-copy:before{content:"\e205"}
.glyphicon-paste:before{content:"\e206"}
.glyphicon-alert:before{content:"\e209"}
.glyphicon-equalizer:before{content:"\e210"}
.glyphicon-king:before{content:"\e211"}
.glyphicon-queen:before{content:"\e212"}
.glyphicon-pawn:before{content:"\e213"}
.glyphicon-bishop:before{content:"\e214"}
.glyphicon-knight:before{content:"\e215"}
.glyphicon-baby-formula:before{content:"\e216"}
.glyphicon-tent:before{content:"\26fa"}
.glyphicon-blackboard:before{content:"\e218"}
.glyphicon-bed:before{content:"\e219"}
.glyphicon-apple:before{content:"\f8ff"}
.glyphicon-erase:before{content:"\e221"}
.glyphicon-hourglass:before{content:"\231b"}
.glyphicon-lamp:before{content:"\e223"}
.glyphicon-duplicate:before{content:"\e224"}
.glyphicon-piggy-bank:before{content:"\e225"}
.glyphicon-scissors:before{content:"\e226"}
.glyphicon-bitcoin:before{content:"\e227"}
.glyphicon-yen:before{content:"\00a5"}
.glyphicon-ruble:before{content:"\20bd"}
.glyphicon-scale:before{content:"\e230"}
.glyphicon-ice-lolly:before{content:"\e231"}
.glyphicon-ice-lolly-tasted:before{content:"\e232"}
.glyphicon-education:before{content:"\e233"}
.glyphicon-option-horizontal:before{content:"\e234"}
.glyphicon-option-vertical:before{content:"\e235"}
.glyphicon-menu-hamburger:before{content:"\e236"}
.glyphicon-modal-window:before{content:"\e237"}
.glyphicon-oil:before{content:"\e238"}
.glyphicon-grain:before{content:"\e239"}
.glyphicon-sunglasses:before{content:"\e240"}
.glyphicon-text-size:before{content:"\e241"}
.glyphicon-text-color:before{content:"\e242"}
.glyphicon-text-background:before{content:"\e243"}
.glyphicon-object-align-top:before{content:"\e244"}
.glyphicon-object-align-bottom:before{content:"\e245"}
.glyphicon-object-align-horizontal:before{content:"\e246"}
.glyphicon-object-align-left:before{content:"\e247"}
.glyphicon-object-align-vertical:before{content:"\e248"}
.glyphicon-object-align-right:before{content:"\e249"}
.glyphicon-triangle-right:before{content:"\e250"}
.glyphicon-triangle-left:before{content:"\e251"}
.glyphicon-triangle-bottom:before{content:"\e252"}
.glyphicon-triangle-top:before{content:"\e253"}
.glyphicon-console:before{content:"\e254"}
.glyphicon-superscript:before{content:"\e255"}
.glyphicon-subscript:before{content:"\e256"}
.glyphicon-menu-left:before{content:"\e257"}
.glyphicon-menu-right:before{content:"\e258"}
.glyphicon-menu-down:before{content:"\e259"}
.glyphicon-menu-up:before{content:"\e260"}

/*START Link
-------------------------------------------------*/
.icon-arrow-bottom:before,.icon-arrow-circle-right:before,.icon-arrow-left:before,.icon-arrow-link-right:before,.icon-arrow-pointer-left:before,.icon-arrow-right:before,.icon-arrow-top:before,.icon-camera_icon:before,.icon-download:before,.icon-downloader-embed-code:before,.icon-link-external:before,.icon-nav-close-menu:before,.icon-nav-contact:before,.icon-nav-contrast:before,.icon-nav-glass-search:before,.icon-nav-glass-zoom-in:before,.icon-nav-lang:before,.icon-nav-login:before,.icon-nav-menu-mobile:before,.icon-play-btn-black:before,.icon-play-btn:before,.icon-plus-sign:before,.icon-print-btn:before,.icon-questionmark-circle-close:before,.icon-quote-circle-open:before,.icon-search-advanced:before,.icon-share-global:before,.icon-social-askfm:before,.icon-social-facebook:before,.icon-social-googleplus:before,.icon-social-gree:before,.icon-social-instagram:before,.icon-social-linkedin:before,.icon-social-mail:before,.icon-social-mixi:before,.icon-social-qzone:before,.icon-social-reddit:before,.icon-social-renren:before,.icon-social-tencentwrbo:before,.icon-social-twitter:before,.icon-social-weibo:before,.icon-social-youtube:before,.icon-toggle-circle-close:before,.icon-toggle-circle-open:before,.icon-video_icon:before,[data-icon]:before {
	display: inline-block;
	font-family: hpe-glyphicons;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 1;
	text-decoration: inherit;
	text-rendering: optimizeLegibility;
	text-transform: none;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
.icon-arrow-bottom:before{content:"\f11d"}
.icon-arrow-circle-right:before{content:"\f130"}
.icon-arrow-left:before{content:"\f126"}
.icon-arrow-link-right:before{content:"\f152"}
.icon-arrow-pointer-left:before{content:"\f12f"}
.icon-arrow-right:before{content:"\f11c"}
.icon-arrow-top:before{content:"\f127"}
.icon-camera_icon:before{content:"\f153"}
.icon-download:before{content:"\f13d"}
.icon-downloader-embed-code:before{content:"\f158"}
.icon-link-external:before{content:"\f12e"}
.icon-nav-close-menu:before{content:"\f128"}
.icon-nav-contact:before{content:"\f129"}
.icon-nav-contrast:before{content:"\f12a"}
.icon-nav-glass-search:before{content:"\f13c"}
.icon-nav-glass-zoom-in:before{content:"\f14e"}
.icon-nav-lang:before{content:"\f12c"}
.icon-nav-login:before{content:"\f12d"}
.icon-nav-menu-mobile:before{content:"\f138"}
.icon-play-btn:before{content:"\f11b"}
.icon-play-btn-black:before{content:"\f122"}
.icon-plus-sign:before{content:"\f151"}
.icon-print-btn:before{content:"\f15a"}
.icon-questionmark-circle-close:before{content:"\f13f"}
.icon-quote-circle-open:before{content:"\f137"}
.icon-search-advanced:before{content:"\f13e"}
.icon-share-global:before{content:"\f140"}
.icon-social-askfm:before{content:"\f141"}
.icon-social-facebook:before{content:"\f142"}
.icon-social-googleplus:before{content:"\f150"}
.icon-social-gree:before{content:"\f143"}
.icon-social-instagram:before{content:"\f144"}
.icon-social-linkedin:before{content:"\f145"}
.icon-social-mail:before{content:"\f146"}
.icon-social-mixi:before{content:"\f147"}
.icon-social-qzone:before{content:"\f148"}
.icon-social-reddit:before{content:"\f149"}
.icon-social-renren:before{content:"\f14a"}
.icon-social-tencentwrbo:before{content:"\f14b"}
.icon-social-twitter:before{content:"\f14c"}
.icon-social-weibo:before{content:"\f14f"}
.icon-social-youtube:before{content:"\f14d"}
/*.icon-toggle-circle-close:before{content:"\f139"}
.icon-toggle-circle-open:before{content:"\f13a"}*/
.icon-video_icon:before{content:"\f155"}
.btn,
.cta-link {
	position:relative;
}
.cta-link {
	color:#707070;
	text-decoration:none;
	cursor:pointer;
	display:inline-block;
	padding:0 0 0 1.6em;
}
a.cta-link {
	color:#707070;
}
.cta-link.active, .cta-link.focus, .cta-link:active, .cta-link:focus, .cta-link:hover {
	color:#707070;
	text-decoration:none;
}
.cta-link .icon, .cta-link .icon-arrow-circle-right, .cta-link .icon-arrow-top {
	margin-right:2px;
	padding-left:1px;
	top:1px;
	position:absolute;
	left:0;
	width:100%;
	text-align:left;
}
.cta-link .icon-arrow-circle-right:before, .cta-link .icon:before {
	color:#00B388;
}
.cta-link.active .icon-arrow-circle-right:before, .cta-link.active .icon:before, .cta-link.focus .icon-arrow-circle-right:before, .cta-link.focus .icon:before, .cta-link:active .icon-arrow-circle-right:before, .cta-link:active .icon:before, .cta-link:focus .icon-arrow-circle-right:before, .cta-link:focus .icon:before, .cta-link:hover .icon-arrow-circle-right:before, .cta-link:hover .icon:before {
	color:#707070;
	color:rgba(112,112,112,.6);
}


.secondary-link, .tertiary-link {
    -ms-transition: all ease .2s;
    -moz-transition: all ease .2s;
    -webkit-transition: all ease .2s;
}
.tertiary-link, .utility-link {
    position: relative;
    text-decoration: none;
    cursor: pointer;
}
.tertiary-link, .utility-link {
    position: relative;
    text-decoration: none;
    cursor: pointer;
}
.tertiary-link {
    color: inherit;
    border-bottom: 2px solid #00B388;
    transition: all ease .2s;
	color:#000 !important;
}
.tertiary-link.active, .tertiary-link.focus, .tertiary-link:active, .tertiary-link:focus, .tertiary-link:hover {
    color: #000;
    text-decoration: none;
    border-bottom: 2px solid #000;
}
.tertiary-link.alpha {
    color: #FFF;
    border-bottom: 2px solid #707070;
    border-bottom: 2px solid rgba(255,255,255,.6);
}
.tertiary-link.alpha.active, .tertiary-link.alpha.focus, .tertiary-link.alpha:active, .tertiary-link.alpha:focus, .tertiary-link.alpha:hover {
    color: #FFF;
    border-bottom: 2px solid #FFF;
}

.utility-link {
    color: #000;
    -ms-transition: all ease .2s;
    -moz-transition: all ease .2s;
    -webkit-transition: all ease .2s;
    transition: all ease .2s;
}
.utility-link.active, .utility-link.focus, .utility-link:active, .utility-link:focus, .utility-link:hover {
    color: #707070;
    text-decoration: none;
}
.utility-link.alpha {
    color: #FFF;
}
.utility-link.alpha.active, .utility-link.alpha.focus, .utility-link.alpha:active, .utility-link.alpha:focus, .utility-link.alpha:hover {
    color: #707070;
    color: rgba(255,255,255,.6);
}
a.linkWithArrow,
span.linkWithArrow {
	color: #00B388;
	font-weight: bold;
	margin-right: 0;
	padding-right: 1.2em;
	position: relative;
}
a.linkWithArrow .arrow,
.hasLinkWithArrow .arrow {
	transition: all 0.2s ease-out;
	position: absolute;
	right: 0;
}
a.linkWithArrow:hover .arrow,
.hasLinkWithArrow:hover .arrow {
	right: -5px;
}
/*右矢印*/
a.linkWithArrow:has(.arrowright), span.linkWithArrow:has(.arrowright){padding-right: 0.4em;}
.arrowright{
    position: relative;
}
.arrowright::after{
    content: "→";
    color: inherit;
    display: inline-block;
    padding: 0;
    padding-left: 0.1em;
    transition: all 0.2s ease-out;
    transform: translate(0, 0);
    -webkit-transform: translate( 0, 0);
    -ms-transform: translate(0%, 0);
    width: 0.9em;
    box-sizing: border-box;
    margin-left: 1px;
}
a.linkWithArrow:hover .arrowright::after, span.linkWithArrow:hover .arrowright::after, .arrowright:hover.arrowright::after, .cards a:hover .arrowright::after, a:hover .arrowright::after{
    padding: 0 0 0 6px;
}
a.linkWithArrow.arrowright{
	padding-right: 0;
}
/*START Button
-------------------------------------------------*/
.btn {
	-moz-user-select: none;
	-webkit-user-select: none;
}
/*.btn{	text-transform: uppercase;}*/
.initialism {	text-transform: uppercase;}
.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	-ms-user-select: none;
	user-select: none;
	box-sizing: border-box;
}
.btn, .popover {
	white-space: normal;
}
.btn {
	position:relative;
	margin-top:15px;
}

.btn, .btn-primary, .btn-primary.alpha {
	background: #00B388;
}
.btn {
	border-radius: 0;
	font-size: 16px;
	width: auto;
	padding: 10px 30px;
}
.btn.focus, .btn:focus{
	color: #333;
	text-decoration: none;
}
.btn-contact, .btn-icon, .btn-more, .btn-primary, .btn-secondary, .btn-tertiary {
	min-height: 40px;
	min-width: 100px;
	max-width: 400px;
}
.minw200{
	min-width: 200px;
}
a.btn-primary{	color: #FFFFFF;}
.btn-primary {
	border-collapse: collapse;
	border-radius: 100vh;
	background: linear-gradient(60deg,#01A982 0 13%,#1cd3a8 20%,#01A982 27%,#01A982);
    background-position: 99% 50%;
    background-size: 200% 200%;
    border: var(--btn-v4-border-width) solid transparent;
    color: #FFFFFF;
    transition: background-position .5s;
    padding: 8px 18px;
    box-sizing: border-box;
    display: inline-block;
    font-weight: 600;
}
.btn-primary:hover, .clickable-area:hover .clickable-area-wrapper{
    background-position: 0 50%;
    color: #FFFFFF;
}
a.btn-primary.grey{	color: #444444;}
.btn-primary.grey{
	-webkit-backdrop-filter: blur(24px);
	backdrop-filter: blur(24px);
	background: linear-gradient(120deg, rgba(255, 255, 255, .8) 0 17%, #FFFFFF 20%, rgba(255, 255, 255, .8) 23%, rgba(255, 255, 255, .8));
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-position: 99% 50%;
	background-size: 200% 200%;
	color: #444;
	transition: background-position .5s;
}
.btn-primary.grey:active, .btn-primary.grey:focus{
	background: linear-gradient(120deg, rgba(255, 255, 255, .8) 0 17%, #FFFFFF 20%, rgba(255, 255, 255, .8) 23%, rgba(255, 255, 255, .8));
	border-color: initial;
	outline: initial;
	outline-offset: initial;
}
.btn-primary.grey:hover, .btn-contents:hover .btn-primary.grey{
  background-position: 0 50%;
  color: #444;
}
.btn-primary:active, .btn-primary:focus {
    color: #FFF;
}
.btn-primary .open>.dropdown-toggle.btn-default, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus{
	background: #00B388;
	border-color: #00B388;
	box-shadow: none;
	outline: #00B388 solid 4px;
	outline-offset: -2px;
}
.btn-primary .open>.dropdown-toggle.btn-default, .btn-primary.active, .btn-primary.focus{
	color: #000;
}
/*btn-primary arrow start*/
/*.btn-primary::after {
  content: '';
  top:0;
  right:0;
  width:0.8em;
  height:0.8em;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%2301A982' d='M9.586 6 5.893 2.307 7.307.893l5.4 5.4.707.707-.707.707-5.4 5.4-1.414-1.414L9.586 8H0V6h9.586Z'/%3E%3C/svg%3E") no-repeat;
  background-position: 0 0;
  background-size: 0.8em 0.8em;
  position: absolute;
  top: 50%;
  right: 2%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transition: filter .5s ease-in-out;
  filter: brightness(0) invert(1);
}
.btn.btn-primary:hover::after {
  filter: brightness(0) invert(1);
}
.btn.btn-primary{
  padding-right: calc(20px + 0.5em);
}
.btn-primary.grey::after{
	filter: brightness(1) invert(0);
}
.btn-primary.grey:hover::after{
  filter: brightness(130%);
}*/
/*btn-primary arrow end*/
a.btn-secondary{
	color: #444444;
}
.btn-secondary {
	background: 0 0;
	color: #444444;
	outline: 0;
	border: 2px solid #00B388;
	line-height:1.2;
	border-radius: 100vh;
	font-weight: 600;
}
.btn-secondary .open>.dropdown-toggle.btn-default, .btn-secondary.active, .btn-secondary.focus, .btn-secondary.hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover, .bnrBtn:hover .btn-secondary {
	background: 0 0;
	box-shadow: none;
	outline: #00B388 solid 4px;
	outline-offset: -2px;
}
.btn-secondary.alpha {
	background: #000;
	background: rgba(0,0,0,0.5);
	border-color: #00B388;
	color: #FFF;
}
.btn-secondary.alpha:hover{
	background: rgba(0,0,0,0.5);
	outline: #00B388 solid 4px;
	outline-offset: -2px;
}
/*btn-secondary arrow start*/
/*.btn-secondary::after {
  content: '';
  top:0;
  right:0;
  width:0.8em;
  height:0.8em;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%2301A982' d='M9.586 6 5.893 2.307 7.307.893l5.4 5.4.707.707-.707.707-5.4 5.4-1.414-1.414L9.586 8H0V6h9.586Z'/%3E%3C/svg%3E") no-repeat;
  background-position: 0 0;
  background-size: 0.8em 0.8em;
  position: absolute;
  top: 50%;
  right: 0.5em;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transition: filter .5s ease-in-out;
}
.btn-secondary:hover::after{
  filter: brightness(130%);
}
.btn.btn-secondary{
  padding-right: calc(30px + 0.5em);
}*/
/*btn-secondary arrow end*/
.btn-tertiary {
	color: #000;
	background: 0 0;
	border: 2px solid #C6C9CA;
	border: 2px solid rgba(0,0,0,.2);
	line-height:1.2;
	border-radius: 100vh;
}
.btn-tertiary .open>.dropdown-toggle.btn-default, .btn-tertiary.active, .btn-tertiary:active, .btn-tertiary:hover {
	background: 0 0;
	border-color: transparent;
	outline: #C6C9CA solid 4px;
	outline: rgba(0,0,0,.2) solid 4px;
	outline-offset: -2px;
	color: #000;
	box-shadow: none;
}

.btn-tertiary.alpha .open>.dropdown-toggle.btn-default, .btn-tertiary.alpha.active, .btn-tertiary.alpha:active, .btn-tertiary.alpha:hover {
	border-color: transparent;
	outline: #FFF solid 4px;
	outline: rgba(255,255,255,.6) solid 4px;
	outline-offset: -2px;
	color: #FFF;
}
.btn-tertiary.alpha {
	background: 0 0;
	border-color: #FFF;
	border-color: rgba(255,255,255,.6);
	color: #FFF;
}
.btn-contact {
	color: #000;
	background: 0 0;
	border: 2px solid #FF8D6D;
}
.btn-contact .open>.dropdown-toggle.btn-default, .btn-contact.active, .btn-contact.focus, .btn-contact:active, .btn-contact:focus, .btn-contact:hover {
	background: #FF8D6D;
	border-color: #FF8D6D;
	box-shadow: none;
	color: #000;
	outline: #FF8D6D solid 4px;
	outline-offset: -2px;
}
/*===link text style===*/
.btn-contents .link-color:hover{
	color: #00B388;
}
/*===link img style===*/
.imglink:hover img.hoverline {
  outline: #00B388 4px solid;
  outline-offset: -2px;
}
/*=== button-type 2025 style ===*/
.btn-typo4.primary{
    line-height: 1em;
    padding: 5px 18px;
}
.btn-typo4.primary.grey.arrowright::after{
	color: #00B388;
}
.btn-typo4.primary.grey{
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    background: linear-gradient(120deg, rgba(255, 255, 255, .8) 0 17%, #FFFFFF 20%, rgba(255, 255, 255, .8) 23%, rgba(255, 255, 255, .8));
    background-position: 99% 50%;
    background-size: 200% 200%;
    color: #444;
    transition: background-position .5s;
}
.btn-typo4.primary.grey:hover, .btn-contents:hover .btn-typo4.primary.grey{
    background-position: 0 50%;
    color: #444;
}
.btn-typo4.primary.small, .btn-typo4.rounded.small, .btn-typo4.secondary.small, .btn-secondary.small{
  --btn-v4-border-width: 2px;
}
.btn-typo4, .btn-typo4.typo4, .btn-typo4.typo5 {
  font-family: MetricHPEXS,Arial,sans-serif;
  font-weight: 600;
}
html .btn-typo4.small {
  font-size: 14px;
}
.btn-typo4.rounded:not(.adaptive) {
  max-width: 400px;
}
.btn-typo4.small {
  --lh: 1.33333333em;
  font-size: 18px;
  line-height: 1.33333333em;
  min-height: 36px;
  padding-bottom: 4px;
  padding-top: 4px;
}
.btn-typo4.secondary, .btn-typo4.secondary:focus, .btn-typo4.secondary:hover, .btn-typo4.secondary:visited, .clickable-area:hover ~ .clickable-area-wrapper .btn-typo4.secondary{
  color: var(--btn-v4-color);
}
.btn-typo4.secondary, .btn-secondary{
  background-color: initial;
  border: var(--btn-v4-border-width) solid #01a982;
}
.btn-typo4.primary, .btn-typo4.rounded, .btn-typo4.secondary, .btn-secondary, .btn-secondary.rounded{
  --btn-v4-border-width: 2px;
}
.btn-typo4.rounded {
  --lh: 1.33333333em;
  align-items: center;
  border-radius: 100px;
  display: inline-flex;
  font-size: 18px;
  height: auto;
  justify-content: center;
  line-height: 1.33333333em;
  min-height: 36px;
  min-width: 0;
  padding: 4px calc(18px - var(--btn-v4-border-width));
}
html .typo5 {
  --f-crop-enable: 0;
}
html .btn-typo4 {
  font-size: 14px;
}
html .btn-typo4.rounded {
  font-size: 14px;
}
html .typo5, html .typo5 [class*="body-copy"] {
  font-family: AxisProN-Regular,Arial,sans-serif;
}
html .btn-typo4, html .btn-typo4.typo4, html .btn-typo4.typo5 {
  font-family: AxisProN-Regular,Arial,sans-serif;
}
.typo5, .typo5 .body-copy {
  --list-padding: 10px;
}
.light-theme, .light-theme-prespecific, .light-theme-specific {
  --btn-v4-color: #444444;
}
.btn-typo4 {
  --lh: 1.5625em;
  border-radius: 4px;
  display: inline-block;
  font-size: 16px;
  height: 37px;
  line-height: 1.5625em;
  padding: 4px 23px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
}
.light-theme, .light-theme-prespecific, .light-theme-specific, body {
  --typo-text-color: #6f6f6f;
  --typo-quote-color: #444444;
  --typo-heading-color: #444444;
  --typo-icons-color: #000000;
  --typo-link-underline-color: #01A982;
  --typo-link-hover-underline-color: #707070;
}
.typo5, .typo5 [class*="body-copy"] {
  font-family: MetricHPEXS,Arial,sans-serif;
  font-style: normal;
  font-weight: 400;
}
.typo5 {
  --f-crop-enable: 1;
  --f-extra-space-top-ratio: 0.134;
  --f-extra-space-bottom-ratio: 0.026;
  --f-extra-space-top-ratio-cap: 0.18;
  --f-extra-space-bottom-ratio-cap: 0.206;
  box-sizing: border-box;
}
.cta {
  -webkit-appearance: none;
  appearance: none;
  background: none;
    background-color: rgba(0, 0, 0, 0);
  border: none;
  box-shadow: none;
  display: inline-block;
}
.light-theme, .light-theme-prespecific, .light-theme-specific, body {
  --note-border-color: #01A982;
  --note-bg-color: #FFFFFF;
  --note-fg-color: #01A982;
  --note-bg-active-color: #01A982;
  --note-fg-active-color: #FFFFFF;
}
.btn-typo4.secondary:hover::before, .clickable-area:hover ~ .clickable-area-wrapper .btn-typo4.secondary::before, body:not(.disabled-focus) .btn-typo4.secondary:focus::before, body:not(.disabled-focus) .clickable-area:focus ~ .clickable-area-wrapper .btn-typo4.secondary::before,.btn-secondary:hover::before, .clickable-area:hover ~ .clickable-area-wrapper .btn-secondary::before, body:not(.disabled-focus) .btn-secondary:focus::before, body:not(.disabled-focus) .clickable-area:focus ~ .clickable-area-wrapper .btn-secondary::before{
  background-position: 0 0;
}
.btn-typo4.secondary::before, .btn-secondary::before{
  background: linear-gradient(60deg,#1cd3a8 0 13%,#01A982 20%,#1cd3a8 40%,#01A982 50%) border-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-position: 99% 0;
  background-size: 200% 200%;
  border: var(--btn-v4-border-width) solid transparent;
  border-radius: inherit;
  content: "";
  inset: calc(var(--btn-v4-border-width)*-1);
  -webkit-mask: linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);
    mask-composite: add, add;
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  pointer-events: none;
  position: absolute;
  transition: background-position .5s ease-in-out;
}
/*button arrow*/
.btn-typo4 .icon.arrow-icon, .btn-secondary .icon.arrow-icon{
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%2301A982' d='M9.586 6 5.893 2.307 7.307.893l5.4 5.4.707.707-.707.707-5.4 5.4-1.414-1.414L9.586 8H0V6h9.586Z'/%3E%3C/svg%3E") no-repeat;
}
.btn-typo4 .icon, .btn-secondary .icon{
  height: .7em;
  margin-left: 12px;
  min-height: .7em;
  min-width: .7em;
  transition: transform .15s ease-in-out;
  width: .7em;
}
.btn-typo4.secondary .icon, .btn-secondary .icon, .btn-typo4.primary.grey .icon{
  transition: filter .5s ease-in-out;
}
.btn-typo4.secondary:hover .icon, .clickable-area:hover ~ .clickable-area-wrapper .btn-typo4.secondary .icon, body:not(.disabled-focus) .btn-typo4.secondary:focus .icon, body:not(.disabled-focus) .clickable-area:focus ~ .clickable-area-wrapper .btn-typo4.secondary .icon,
.btn-secondary:hover .icon, .clickable-area:hover ~ .clickable-area-wrapper .btn-secondary .icon, body:not(.disabled-focus) .btn-secondary:focus .icon, body:not(.disabled-focus) .clickable-area:focus ~ .clickable-area-wrapper .btn-secondary .icon,
.btn-typo4.primary.grey:hover .icon, .clickable-area:hover ~ .clickable-area-wrapper .btn-typo4.primary.grey .icon, body:not(.disabled-focus) .btn-typo4.primary.grey:focus .icon, body:not(.disabled-focus) .clickable-area:focus ~ .clickable-area-wrapper .btn-typo4.primary.grey .icon {
  filter: brightness(130%);
}
@media (min-width: 999px) and (max-width: 1599px) {
	  html .btn-typo4.rounded {
    font-size: 16px;
  }
  .btn-typo4.rounded {
    --lh: 1em;
    font-size: 20px;
    line-height: 1em;
    min-height: 44px;
    padding: 9px calc(24px - var(--btn-v4-border-width));
  }
    .btn-typo4.primary, .btn-typo4.rounded, .btn-typo4.secondary{
    --btn-v4-border-width: 3px;
  }
}
@media (min-width: 1200px) {
  .btn-typo4.rounded:not(.adaptive) {
    max-width: 650px;
  }
}
@media (min-width: 999px) {
  html .btn-typo4.small {
    font-size: 14px;
  }
    .btn-typo4.small {
    --lh: 1em;
    font-size: 18px;
    line-height: 1em;
    min-height: 42px;
    padding: 9px calc(24px - var(--btn-v4-border-width));
  }
}
/*=== button-type 2025 style end ===*/

/*START Header with icon
-------------------------------------------------*/
.headerWithIcon {
	padding-left:40px;
	position:relative;
}
.headerWithIcon:before {
	content:"";
	display:block;
	position:absolute;
	top:1px;
	left:0;
	width:30px;
	height:30px;
	background-image:url(/directplus_ent/images/icon/icon_all.svg);
	background-size:30px;
	background-repeat:no-repeat;
}
.headerWithIcon.icon-support:before {
	background-position:0 0;
}
.headerWithIcon.icon-servers:before {
	background-position:0 -35px;
}
.headerWithIcon.icon-login:before {
	background-position:0 -70px;
}
.headerWithIcon.icon-calculator:before {
	background-position:0 -105px;
}
.headerWithIcon.icon-cart:before {
	background-position:0 -245px;
}
.headerWithIcon.icon-delivery:before {
	background-position:0 -175px;
}
.headerWithIcon.icon-contactinfo:before {
	background-position:0 -210px;
}
.headerWithIcon.icon-search:before {
	background-position:0 -280px;
}
.headerWithIcon.icon-customize:before {
	background-position:0 -315px;
}
.headerWithIcon.icon-person:before {
	background-position:0 -350px;
}
.headerWithIcon.icon-cost:before {
	background-position:0 -385px;
}
.headerWithIcon.icon-rack:before {
	background-position:0 -420px;
}
.headerWithIcon.icon-question:before {
	background-position:0 -455px;
}

/*START DP Header
-------------------------------------------------*/
.subHeader {
	border-bottom:4px solid #D6D4D4;
	padding:20px 0;
	background: #F6F6F6;
}
.subHeader .titleArea {
	width:1200px;
	margin:0 auto;
	display:table;
}
.subHeader .titleArea .h1Title span {
	font-size:12px;
	display:inline-block;
	margin-bottom:5px;
}
.subHeader .titleArea .h1Title h1, .subHeader .titleArea .h1Title p{
	font-size:27px;
	font-weight:bold;
}
.subHeader .titleArea:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
/*.subHeader .h1Title {
	display:table-cell;
	vertical-align:middle;
	width:510px;
}*/
.subHeader .h1Title {
	display:table-cell;
	vertical-align:middle;
	width:440px;
}
.subHeader .contact {
	display:table-cell;
	vertical-align:middle;
	width:410px;
	font-size:11px;
	padding-left:15px;
}
@media only screen and (max-width:999px){
	.subHeader {
		border-bottom:none;
		padding:20px 0 0;
		background: #FFF;
	}
	.subHeader .titleArea {
		width:100%;
		display:block;
		padding:0 15px;
		box-sizing:border-box;
	}
	.subHeader .titleArea .h1Title h1, .subHeader .titleArea .h1Title p {
		font-size:20px;
	}
	.subHeader .h1Title {
		display:block;
		width:100%;
		margin-bottom:10px;
	}
	.subHeader .contact {
		display:flex;
		padding-left:0;
		float:none;
		width:auto;
		margin-right:20px;
	}
	.subHeader .contact .mail {
		margin: 0 auto;
	}
	.subHeader .tel:before {
		top:0;
	}
	.subHeader .tel .number {
		font-size:20px;
	}
	.subHeader .tel,
	.subHeader .mail {
		float:left;
		font-size:14px;
	}
	.subHeader .tel {
		margin-right:10px;
	}
}
@media only screen and (max-width:600px){
	.subHeader .contact {
		display:block;
		float:none;
		margin-bottom:10px;
	}
}
.subHeader .tel,
.subHeader .mail {
	position:relative;
	padding-left:40px;
	line-height:1.2;
}
.subHeader .tel{text-align-last: justify;}
.subHeader .mail {
	padding-top:8px;
	padding-bottom:3px;
}
.subHeader .tel:before,
.subHeader .mail:before {
	content:"";
	display:block;
	width:30px;
	position:absolute;
	left:0;
	background-image: url(/directplus_ent/system/images/contact_icon.svg);
	background-repeat: no-repeat;
	-webkit-background-size: 30px auto;
	-moz-background-size: 30px auto;
	-ie-background-size: 30px auto;
	-o-background-size: 30px auto;
	background-size: 30px auto;
}
.subHeader .tel:before {
	height:30px;
	background-position:0 0;
	top:4px;
}
.subHeader .mail:before {
	height:22px;
	background-position:0 -37px;
	top:3px;
}
.subHeader .tel .number {
	display:inline-block;
	margin-left:5px;
	margin-right:10px;
	font-size:20px;
	font-weight:bold;
}
.subHeader .tel .number2 {
	display:inline-block;
	margin-left:5px;
	font-size:17px;
	font-weight:bold;
}
.subHeader .mail a:link, .subHeader .mail a:visited {
	color: #707070;
}
.subHeader .mail a:hover {
	color: #000;
}
.subHeader .subHeadMenu {
	display:table-cell;
	vertical-align:middle;
	width:315px;
	padding-left:20px;
}
.subHeader .subHeadMenu ul {
	float:right;
	line-height:1.2;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    text-align-last: justify;
}
.subHeader .subHeadMenu ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
/*.subHeader .subHeadMenu ul li {
	font-size:12px;
	float:left;
	margin-left:10px;
	padding-left:10px;
	border-left:1px solid #ccc;
}*/
@media all and (-ms-high-contrast: none) {
.subHeader .subHeadMenu ul li{float: left;}
}
.subHeader .subHeadMenu ul li {
	font-size:12px;
	text-align:right;
	text-align-last: justify;
	flex: 0 1 auto;
    flex-grow: 1;
    max-width: 150px;
}
.subHeadMenu ul > li {
    border-left: 1px solid #ccc;
    padding: 0px 10px;
}
.subHeader .subHeadMenu ul li:first-child {
	margin-left:0;
	padding-left:0;
	border-left:none;
}
.subHeader .subHeadMenu ul li:last-child{	padding-right: 0;}
.subHeader .subHeadMenu ul li:first-child,
.subHeader .subHeadMenu ul li:nth-child(2) {
	margin-bottom:15px;
}
.subHeader .subHeadMenu ul li:nth-child(3) {
	margin-left:0;
	padding-left:0;
	border-left:none;
}
.subHeader .subHeadMenu ul li:first-child,
.subHeader .subHeadMenu ul li:nth-child(3) {
/*	width:90px;*/
}
.subHeader .subHeadMenu ul li:nth-child(2),
.subHeader .subHeadMenu ul li:nth-child(4) {
/*	width:75px;*/
}
@media only screen and (max-width:999px){
	.subHeader .subHeadMenu {
		float:left;
		display:block;
		width:auto;
		padding-left:0;
	}
	.subHeader .subHeadMenu ul {
		padding-top:8px;
	}
	.subHeader .subHeadMenu ul li {
		/*border-left:none;
		margin-left:0;
		padding-left:0;*/
		font-size:13px;
		text-align-last: center;
	}
	.subHeader .subHeadMenu ul li:last-child,
	.subHeader .subHeadMenu ul li:nth-last-child(2),
	.subHeader .subHeadMenu ul li:nth-last-child(3) {
		/*border-left:1px solid #ccc;
		margin-left:10px;
		padding-left:10px;*/
	}
	.subHeader .subHeadMenu ul li:nth-child(3),
	.subHeader .subHeadMenu ul li:nth-child(4),
	.subHeader .subHeadMenu ul li:nth-child(5) {
		width:auto;
		text-align:center;
	}
	.spSubHeader__tab .icon_tuning, .subHeadMenu .icon_tuning{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
	}
}
@media only screen and (max-width:767px){
	.subHeader .subHeadMenu {
		width:100%;
	}
	.subHeader .subHeadMenu ul {
		float:none;
	}
}
@media only screen and (max-width:600px){
	.subHeader .subHeadMenu {
		float:none;
	}
	.subHeader .subHeadMenu ul {
		float:none;
		padding-top:0;
	}
}
.subHeader .subHeadMenu ul li a {
	color:#707070;
}
@media only screen and (max-width:999px){
	/*.subHeader .subHeadMenu ul li a {
		display:block;
		padding:10px 0;
		border-bottom:1px solid #DDD;
		color:#000;
	}*/
}
.subHeader .subHeadMenu ul li a:hover {
	color:#000;
}
.subHeadMenu .icon-video_icon,
.spSubHeader .icon-video_icon {
	position: absolute;
	top: 50%;
	right: 0;
	line-height: 20px;
	margin-top: -10px;
}
@media (max-width: 767px) {
	.spSubHeader .icon-video_icon {
		margin-top: -1px;
	}
}
.subNavi {
	width:1200px;
	margin:0 auto;
	padding:15px 0;
}
@media only screen and (max-width:999px){
	.subNavi {
		width:100%;
		padding:15px;
		box-sizing:border-box;
	}
}
.subNavi:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.subNavi ul.prductsNavi {
	padding:0 10px;
	float:left;
}
.subNavi ul.prductsNavi:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
@media only screen and (max-width:999px){
	.subNavi ul.prductsNavi {
		float:none;
		padding:0;
	}
}
.subNavi ul.prductsNavi:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.subNavi ul.prductsNavi li {
	float:left;
	margin-left:15px;
	text-align:center;
	line-height: 1.2;
}
.subNavi ul.prductsNavi li:first-child {
	margin-left:0;
}
.subNavi ul.prductsNavi li img {
	margin:0 auto 10px;
}
.subNavi ul.prductsNavi li span {
	display:block;
}
.subNavi ul.prductsNavi li a {
	display:block;
	font-size:12px;
	color:#707070;
	padding:0 4px 2px;
/*	height:92px;*/
	box-sizing:border-box;
	border-bottom: 4px solid Transparent;
}
.subNavi ul.prductsNavi li a:hover {
	color:#000;
	border-bottom: 4px solid #707070;
}

@media only screen and (max-width:999px){
	.subNavi ul.prductsNavi li a {
		height:inherit;
		border-bottom: none;
	}
	.subNavi ul.prductsNavi li a:hover {
		border-bottom:none;
	}
}
@media only screen and (max-width:767px){
	.subNavi ul.prductsNavi {
		width:100%;
		box-sizing:border-box;
		padding:0;
	}
	.subNavi ul.prductsNavi li {
		/* Modified in Mar,2018 */
		/*width:20%;*/
		width:33.333333%;
		/*----------------------*/
		margin-left:0;
		line-height:1.2;
		font-size:12px;
	}
	.subNavi ul.prductsNavi li:nth-child(-n+3) {
		margin-bottom:10px;
	}
	.subNavi ul.prductsNavi li:first-child, .subNavi ul.prductsNavi li:nth-child(2) {
		margin-top:0;
	}
	.subNavi ul.prductsNavi li a {
		margin:0 auto;
		padding:0;
	}
	.subNavi ul.prductsNavi li a img {
		/* Modified in Mar,2018 */
		/*width:100%;*/
		width:60%;
		/*----------------------*/
		height:auto;
		margin:0 auto 2px;
	}
}
@media only screen and (max-width:374px){
	/*.subNavi ul.prductsNavi li {
		width:50%;
	}*/
}
.subNavi ul.customerNavi {
	float:right;
	position:relative;
}
.subNavi ul.customerNavi a {
	display:block;
}
.subNavi ul.customerNavi span {
	display:none;
}
@media only screen and (max-width:999px){
	.subNavi ul.customerNavi {
		float:none;
		margin-top:10px;
	}
	/*.subNavi ul.customerNavi li img {
		display:none;
	}
	.subNavi ul.customerNavi li span {
		display:block;
	}*/
	.subNavi ul.customerNavi > li a {
		display:none;
		/*padding:10px 0;
		border-bottom:2px solid #DDD;
		font-size:15px;*/
	}
}
.subNavi ul.customerNavi:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.subNavi ul.customerNavi > li {
	float:left;
}
.subNavi ul.customerNavi > li:first-child {
	margin-left:0;
}
@media only screen and (max-width:999px){
	.subNavi ul.customerNavi > li {
		/*float:none;*/
		margin-left:0;
	}
}
.subNavi ul.customerNavi .customerNaviPopup {
	width:210px;
	position:absolute;
	z-index: 100;
	top:57px;
	right:-3px;
	background-color:#FFF;
	border:2px solid #CCC;
	border-bottom: 3px #80746e solid;
	display:none;
}
.subNavi ul.customerNavi .customerNaviPopup.selected {
	display:block;
}
.subNavi ul.customerNavi .customerNaviPopup:before {
	content:"";
	display:block;
	width:17px;
	height:12px;
	background: url('/directplus_ent/system/images/s-hf-v3.gif') no-repeat -188px -130px;
	position:absolute;
	top:-12px;
	right:32px;
}
.subNavi ul.customerNavi .customerNaviPopup ul {
	margin:10px 0;
}
.subNavi ul.customerNavi .customerNaviPopup ul li {
	padding:4px 0;
	margin-top:10px;
}
.subNavi ul.customerNavi .customerNaviPopup ul li:first-child {
	margin-top:0;
}
.subNavi ul.customerNavi .customerNaviPopup ul li a {
	display:block;
	padding:0 20px;
	color:#707070;
	line-height:1.3;
}
.subNavi ul.customerNavi .customerNaviPopup ul li a:hover {
	color:#000;
}
@media only screen and (max-width:999px){
	.subNavi ul.customerNavi .customerNaviPopup {
		width:100%;
		position:static;
		border:none;
		display:block !important;
	}
	.subNavi ul.customerNavi .customerNaviPopup:before {
		display:none;
	}
	.subNavi ul.customerNavi .customerNaviPopup ul {
		margin:0;
		border-right: 1px solid #ccc;
	}
	.subNavi ul.customerNavi .customerNaviPopup ul li {
		margin-top:0;
		border-left: 1px solid #ccc;
		display:table-cell !important;
		text-align:center;
		width:auto;
		vertical-align:middle;
		font-size:12px;
		padding:0;
	}
	/*.subNavi ul.customerNavi .customerNaviPopup ul li:first-child {
		border-left:none;
	}*/
	/*.subNavi ul.customerNavi .customerNaviPopup ul li a {
		padding:10px 0;
		border-bottom:1px solid #DDD;
		color:#000;
		font-size:14px;
	}*/
	.subNavi ul.customerNavi .customerNaviPopup ul li a {
		padding:0 5px;
		color:#707070;
	}
	.subNavi ul.customerNavi .customerNaviPopup ul li a:hover {
		color:#000;
	}
}
.subNavi ul.customerNavi a {
	display: flex;
	flex-flow: column;
	align-items: center;
	min-width: 80px;
}
.subNavi ul.customerNavi .icon {
	border: 3px solid #7f7f7f;
	padding: 6px;
}
.subNavi ul.customerNavi .icon > img {
	width: 30px;
	height: 30px;
}
.subNavi ul.customerNavi .label {
	font-size: 11px;
	text-align: center;
	line-height: 1.2;
	margin-top: 5px;
}


/*START DP SP Header
-------------------------------------------------*/

/* PC Sub Header&subNaviと、spSubHeaderの表示切替 */
.spSubHeader {
	display: none;
}
@media only screen and (max-width: 767px) {
	/* 768px(tablet)はPCメニューを表示、それ未満はSPメニューを表示 */
	.subHeader .titleArea .h1Title span,
	.subHeader .contact,
	.subHeader .subHeadMenu,
	.subNavi{	display: none;}
	.spSubHeader {		display: block;	}
	.subHeader {padding-top: 10px;}
	.subHeader .titleArea{padding: 0 17px;}
}

.spSubHeader,
.spSubHeader * {
	box-sizing: border-box;
}

/* 表題 */
.spSubHeader__title {
	font-size: 20px;
	font-weight: bold;
	margin: 10px 17px;
}
.spSubHeader__tabTriggers {
	display: flex;
	width: 100%;
}
.spSubHeader__tabTrigger {
	cursor: pointer;
	flex: 1;
	line-height: 1;
	padding: 13.5px 8px;
	font-size: 11px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.spSubHeader__tabTrigger.active {
	cursor: unset;
	border-bottom-color: transparent;
}
.spSubHeader__tabTrigger:after {
	content: '';
	width: 5px;
	height: 5px;
	display: block;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	transform: rotate(135deg);
	margin: -7px 0 0 5px;
}
.spSubHeader__tabTrigger:nth-of-type(n + 2) {
	border-left: 1px solid #ccc;
}

/* タブエリア */
.spSubHeader__tabs {
	margin-bottom: 10px;
}
.spSubHeader__tabs a {
	font-size: 12px;
	color: #707070;
}
.spSubHeader__tabs a:hover {
	color: #000;
}
.spSubHeader__tab {
	display: none;
}
.spSubHeader__tab.show {
	border-bottom: 1px solid #ccc;
}
.spSubHeader__tab > *:not(:last-child) {
	margin: 10px 0;
}
.spSubHeader__tab__close {
	cursor: pointer;
	background: #eaeaea;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	font-size: 11px;
	padding: 10.5px;
}
.spSubHeader__tab__close:after {
	content: '';
	width: 5px;
	height: 5px;
	display: block;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	transform: rotate(-45deg);
	margin: 4px 0 0 10px;
}

/* 製品カテゴリ */
.spSubHeader__tab__prductsNavi {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 5px;
}
.spSubHeader__tab__prductsNavi > * {
	flex: 1;
	flex-basis: 33.333%;
	margin-bottom: 10px;
	text-align: center;
	line-height: 1.2;
}
.spSubHeader__tab__prductsNavi > *:nth-child(n + 4) {
	margin-bottom: 0;
}
.spSubHeader__tab__prductNavi img {
	margin: auto;
}
.spSubHeader__tab__prductNavi a {
	display: block;
	padding: 0 4px 2px;
}
@media only screen and (max-width: 767px) {
	.spSubHeader__tab__prductNavi img {
		height: 96px;
		margin-bottom: 5px;
	}
}
@media only screen and (max-width: 414px) {
	.spSubHeader__tab__prductNavi img {
		height: 60px;
	}
}

/* ユーザーメニュー */
.spSubHeader__tab__linksWrapper {
	display: flex;
}
.spSubHeader__tab__links {
	display: flex;
	text-align: center;
	align-items: center;
	line-height: 1.41;
}
.spSubHeader__tab__links + .spSubHeader__tab__links {
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}
.spSubHeader__tab__link {
	padding: 10.5px 2px;
	flex: 1;
	white-space: nowrap;
}
.spSubHeader__tab__link:nth-child(n + 2) {
	border-left: 1px solid #ccc;
}

/* お問い合わせ */
.spSubHeader__tab__contacts {
	padding: 0 10px;
}
.spSubHeader__tab__tel:before,
.spSubHeader__tab__mail:before {
	content: "";
	display: block;
	width: 30px;
	position: absolute;
	left: 0;
	background-image: url(/directplus_ent/system/images/contact_icon.svg);
	background-repeat: no-repeat;
	background-size: 30px auto;
}
.spSubHeader__tab__tel,
.spSubHeader__tab__mail {
	position:relative;
	padding-left:40px;
}
.spSubHeader__tab__tel:before {
	height: 30px;
	background-position: 0 0;
	top: 4px;
}
.spSubHeader__tab__mail:before {
	height: 22px;
	background-position: 0 -37px;
	top: 3px;
}
.spSubHeader__tab .number {
	display: inline-block;
	font-weight: bold;
	margin-left: 5px;
}
.spSubHeader__tab__tel .number a {
	color: #000;
}


/*START Color background area
-------------------------------------------------*/
.bgGry {background-color:#F6F6F6;}
.bgWht {background-color:#FFF;}

.bgSlate {background-color:#425563;}
.bgSteel {background-color:#5F7A76;}
.bgBronze {background-color:#80746E;}
.bgPurple {background-color:#614767;}

.bgLightPur {background-color: #c140ff;}
.bgLightPur2 {background-color: #7630ea;}
.bgMediumPur {background-color: #7630ea;}

.bgHPEyellow {background-color:#fec901;}
.bgLightOrange {background-color: #ff8300;}

.bgLightBlue {background-color: #7ff9e2;}
.bgMediumBlue {background-color: #32dac8;}
.bghpedarkblue {background-color:#0D5265;}
.bgHPEgreen {background-color: #01A982;}

table.bgGryEven tr:nth-of-type(even) {
	background-color: #F6F6F6;
}

/*START Breadcrumb
-------------------------------------------------*/
.breadcrumb {
	padding:15px 0;
}
.breadcrumb ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.breadcrumb ul li {
	float:left;
	font-size:12px;
}
.breadcrumb ul li:before {
	content:"/";
	display:inline-block;
	margin:0 5px;
	color:#CCC;
}
.breadcrumb ul li:first-child:before {
	display:none;
}
.breadcrumb ul li a {
	color:#707070;
}
.breadcrumb ul li a:hover {
	color:#000え;
}
.breadcrumb ul li:last-child {
	font-weight:bold;
}

/*START Panel banner
-------------------------------------------------*/
.pnlBnr, .pnlBnr2, .pnlBnr3, .pnlBnr4, .pnlBnr5, .pnlBnr6, .pnlBnr7 {
	padding-bottom:40px;
	padding-top:40px;
}
.pnlBnr:after, .pnlBnr2:after, .pnlBnr3:after, .pnlBnr4:after, .pnlBnr5:after, .pnlBnr6:after, .pnlBnr7:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.pnlBnr ul li, .pnlBnr2 ul li, .pnlBnr3 ul li, .pnlBnr4 ul li, .pnlBnr5 ul li, .pnlBnr6 ul li, .pnlBnr7 ul li {
	float:left;
}
.pnlBnr ul li > a, .pnlBnr2 ul li > a, .pnlBnr3 ul li > a, .pnlBnr4 ul li > a, .pnlBnr5 ul li > a, .pnlBnr6 ul li > a, .pnlBnr7 ul li > a {
	display:block;
}
.pnlBnr ul li.pnl1 {
	width:899px;
	height:auto;
	margin-right:4px;
	margin-bottom:4px;
}
.pnlBnr ul li.pnl2, .pnlBnr ul li.pnl3 {
	margin-bottom:4px;
}
.pnlBnr ul li.pnl4, .pnlBnr ul li.pnl5 {
	margin-right:4px;
}
.pnlBnr ul li.pnl2, .pnlBnr ul li.pnl3, .pnlBnr ul li.pnl4, .pnlBnr ul li.pnl5 {
	width:297px;
	height:auto;
}
.pnlBnr ul li.pnl6 {
	width:598px;
	height:auto;
}
.pnlBnr2 ul li.pnl1, .pnlBnr3 ul li.pnl1 {
	width:598px;
	height:auto;
	margin-right:4px;
	margin-bottom:4px;
}
.pnlBnr4 ul li.pnl1 {
	width:598px;
	height:auto;
	margin-right:4px;
}
.pnlBnr2 ul li.pnl2, .pnlBnr3 ul li.pnl2 {
	width:598px;
	height:auto;
	margin-bottom:4px;
}
.pnlBnr2 ul li.pnl3, .pnlBnr2 ul li.pnl4,
.pnlBnr3 ul li.pnl3, .pnlBnr3 ul li.pnl4, .pnlBnr3 ul li.pnl5,
.pnlBnr4 ul li.pnl2, .pnlBnr4 ul li.pnl4 {
	width:297px;
	height:auto;
	margin-right:4px;
}
.pnlBnr2 ul li.pnl5 {
	width:598px;
	height:auto;
}
.pnlBnr3 ul li.pnl6 {
	width:297px;
	height:auto;
}
.pnlBnr4 ul li.pnl2, .pnlBnr4 ul li.pnl3 {
	margin-bottom:4px;
}
.pnlBnr4 ul li.pnl3, .pnlBnr4 ul li.pnl5 {
	width:297px;
	height:auto;
}
.pnlBnr ul li img,
.pnlBnr2 ul li img,
.pnlBnr3 ul li img,
.pnlBnr4 ul li img,
.pnlBnr5 ul li img,
.pnlBnr6 ul li img,
.pnlBnr7 ul li img {
	width:100%;
}
/*====*/
@media only screen and (max-width:999px){	
	.pnlBnr ul, .pnlBnr2 ul, .pnlBnr3 ul, .pnlBnr4 ul {
		width:598px;
		margin:0 auto;
	}
	.pnlBnr ul li.pnl1, .pnlBnr2 ul li.pnl1, .pnlBnr3 ul li.pnl1 {
		margin-bottom:0;
	}
	.pnlBnr ul li.pnl1, .pnlBnr2 ul li.pnl1, .pnlBnr2 ul li.pnl2, .pnlBnr3 ul li.pnl1, .pnlBnr3 ul li.pnl2 {
		float:none;
	}
	.pnlBnr ul li.pnl2, .pnlBnr ul li.pnl3, .pnlBnr ul li.pnl4, .pnlBnr ul li.pnl5, .pnlBnr ul li.pnl6,
	.pnlBnr2 ul li.pnl2, .pnlBnr2 ul li.pnl3, .pnlBnr2 ul li.pnl4, .pnlBnr2 ul li.pnl5,
	.pnlBnr3 ul li.pnl2, .pnlBnr3 ul li.pnl3, .pnlBnr3 ul li.pnl4, .pnlBnr3 ul li.pnl5, .pnlBnr3 ul li.pnl6,
	.pnlBnr4 ul li.pnl3, .pnlBnr4 ul li.pnl5 {
		margin:4px 0 0 0;
	}
	.pnlBnr4 ul li.pnl2, .pnlBnr4 ul li.pnl4 {
		margin:4px 4px 0 0;
	}
	.pnlBnr ul li.pnl1, .pnlBnr ul li.pnl6,
	.pnlBnr2 ul li.pnl1, .pnlBnr2 ul li.pnl2, .pnlBnr2 ul li.pnl5,
	.pnlBnr3 ul li.pnl1, .pnlBnr3 ul li.pnl2,
	.pnlBnr4 ul li.pnl1 {
		width:100%;
	}
	.pnlBnr4 ul li.pnl1 {
		margin-right:0;
	}
	.pnlBnr ul li.pnl2, .pnlBnr ul li.pnl3, .pnlBnr ul li.pnl4, .pnlBnr ul li.pnl5, .pnlBnr2 ul li.pnl3, .pnlBnr2 ul li.pnl4, .pnlBnr3 ul li.pnl3, .pnlBnr3 ul li.pnl4, .pnlBnr3 ul li.pnl5, .pnlBnr3 ul li.pnl6 {
		width:50%;
	}
	.pnlBnr ul li.pnl2 a, .pnlBnr ul li.pnl4 a, .pnlBnr2 ul li.pnl3 a, .pnlBnr3 ul li.pnl3 a, .pnlBnr3 ul li.pnl5 a {
		margin-right:2px;
	}
	.pnlBnr ul li.pnl3 a, .pnlBnr ul li.pnl5 a, .pnlBnr2 ul li.pnl4 a, .pnlBnr3 ul li.pnl4 a, .pnlBnr3 ul li.pnl6 a {
		margin-left:2px;
	}
}
@media only screen and (max-width:628px){
	.pnlBnr ul, .pnlBnr2 ul, .pnlBnr3 ul, .pnlBnr4 ul {
		width:100%;
	}
	.pnlBnr ul li, .pnlBnr2 ul li, .pnlBnr3 ul li, .pnlBnr4 ul li {
		float:none;
	}
	.pnlBnr ul li.pnl2, .pnlBnr ul li.pnl3, .pnlBnr ul li.pnl4, .pnlBnr ul li.pnl5,
	.pnlBnr2 ul li.pnl3, .pnlBnr2 ul li.pnl4,
	.pnlBnr3 ul li.pnl3, .pnlBnr3 ul li.pnl4, .pnlBnr3 ul li.pnl5, .pnlBnr3 ul li.pnl6,
	.pnlBnr4 ul li.pnl2, .pnlBnr4 ul li.pnl3, .pnlBnr4 ul li.pnl4, .pnlBnr4 ul li.pnl5 {
		width:100%;
	}
	.pnlBnr ul li.pnl2 a, .pnlBnr ul li.pnl4 a,
	.pnlBnr2 ul li.pnl3 a,
	.pnlBnr3 ul li.pnl3 a, .pnlBnr3 ul li.pnl5 a,
	.pnlBnr4 ul li.pnl2 a, .pnlBnr4 ul li.pnl4 a {
		margin-right:0;
	}
	.pnlBnr ul li.pnl3 a, .pnlBnr ul li.pnl5 a, .pnlBnr2 ul li.pnl4 a, .pnlBnr3 ul li.pnl4 a, .pnlBnr3 ul li.pnl6 a {
		margin-left:0;
	}
}
.pnlBnr5 ul li.pnl1, .pnlBnr6 ul li.pnl1, .pnlBnr7 ul li.pnl1 {
	width:899px;
	height:auto;
	margin-right:4px;
	margin-bottom:4px;
}
.pnlBnr5 ul li.pnl2, .pnlBnr5 ul li.pnl3 {
	margin-bottom:4px;
}
.pnlBnr5 ul li.pnl4, .pnlBnr5 ul li.pnl5 {
	margin-right:4px;
}
.pnlBnr5 ul li.pnl2, .pnlBnr5 ul li.pnl3, .pnlBnr5 ul li.pnl5, .pnlBnr5 ul li.pnl6 {
	width:297px;
	height:auto;
}
.pnlBnr5 ul li.pnl4 {
	width:598px;
	height:auto;
}
@media only screen and (max-width:999px){
	.pnlBnr5 ul {
		width:598px;
		margin:0 auto;
	}
	.pnlBnr5 ul li.pnl1 {
		margin-bottom:0;
		margin-right:0;
	}
	.pnlBnr5 ul li.pnl2, .pnlBnr5 ul li.pnl3, .pnlBnr5 ul li.pnl4, .pnlBnr5 ul li.pnl5, .pnlBnr5 ul li.pnl6 {
		margin:4px 0 0 0;
	}
	.pnlBnr5 ul li.pnl1, .pnlBnr5 ul li.pnl4 {
		width:100%;
	}
	.pnlBnr5 ul li.pnl2, .pnlBnr5 ul li.pnl3, .pnlBnr5 ul li.pnl5, .pnlBnr5 ul li.pnl6 {
		width:50%;
	}
	.pnlBnr5 ul li.pnl2 a, .pnlBnr5 ul li.pnl5 a {
		margin-right:2px;
	}
	.pnlBnr5 ul li.pnl3 a, .pnlBnr5 ul li.pnl6 a {
		margin-left:2px;
	}
}
@media only screen and (max-width:628px){
	.pnlBnr5 ul {
		width:100%;
	}
	.pnlBnr5 ul li {
		float:none;
	}
	.pnlBnr5 ul li.pnl2, .pnlBnr5 ul li.pnl3, .pnlBnr5 ul li.pnl5, .pnlBnr5 ul li.pnl6 {
		width:100%;
	}
	.pnlBnr5 ul li.pnl2 a, .pnlBnr5 ul li.pnl5 a {
		margin-right:0;
	}
	.pnlBnr5 ul li.pnl3 a, .pnlBnr5 ul li.pnl6 a {
		margin-left:0;
	}
}
.pnlBnr6 ul li.pnl2, .pnlBnr6 ul li.pnl3,
.pnlBnr7 ul li.pnl2, .pnlBnr7 ul li.pnl3 {
	margin-bottom:4px;
	width:297px;
	height:auto;
}
.pnlBnr6 ul li.pnl4, .pnlBnr6 ul li.pnl5 {
	width:598px;
	height:auto;
}
.pnlBnr6 ul li.pnl4 {
	margin-right:4px;
}
@media only screen and (max-width:999px){
	.pnlBnr6 ul {
		width:598px;
		margin:0 auto;
	}
	.pnlBnr6 ul li.pnl1 {
		margin-bottom:0;
		margin-right:0;
	}
	.pnlBnr6 ul li.pnl2, .pnlBnr6 ul li.pnl3, .pnlBnr6 ul li.pnl4, .pnlBnr6 ul li.pnl5 {
		margin:4px 0 0 0;
	}
	.pnlBnr6 ul li.pnl1, .pnlBnr6 ul li.pnl4, .pnlBnr6 ul li.pnl5 {
		width:100%;
	}
	.pnlBnr6 ul li.pnl2, .pnlBnr6 ul li.pnl3 {
		width:50%;
	}
	.pnlBnr6 ul li.pnl2 a {
		margin-right:2px;
	}
	.pnlBnr6 ul li.pnl3 a {
		margin-left:2px;
	}
}
@media only screen and (max-width:628px){
	.pnlBnr6 ul {
		width:100%;
	}
	.pnlBnr6 ul li {
		float:none;
	}
	.pnlBnr6 ul li.pnl2, .pnlBnr6 ul li.pnl3 {
		width:100%;
	}
	.pnlBnr6 ul li.pnl2 a {
		margin-right:0;
	}
	.pnlBnr6 ul li.pnl3 a {
		margin-left:0;
	}
}
.pnlBnr7 ul li.pnl4, .pnlBnr7 ul li.pnl5, .pnlBnr7 ul li.pnl6, .pnlBnr7 ul li.pnl7 {
	width:297px;
	height:auto;
}
.pnlBnr7 ul li.pnl4, .pnlBnr7 ul li.pnl5, .pnlBnr7 ul li.pnl6 {
	margin-right:4px;
}
@media only screen and (max-width:999px){
	.pnlBnr7 ul {
		width:598px;
		margin:0 auto;
	}
	.pnlBnr7 ul li.pnl1 {
		margin-bottom:0;
		margin-right:0;
	}
	.pnlBnr7 ul li.pnl1 {
		width:100%;
	}
	.pnlBnr7 ul li.pnl2, .pnlBnr7 ul li.pnl3, .pnlBnr7 ul li.pnl4, .pnlBnr7 ul li.pnl5, .pnlBnr7 ul li.pnl6, .pnlBnr7 ul li.pnl7 {
		margin:4px 0 0 0;
		width:50%;
	}
	.pnlBnr7 ul li.pnl2 a, .pnlBnr7 ul li.pnl4 a, .pnlBnr7 ul li.pnl6 a {
		margin-right:2px;
	}
	.pnlBnr7 ul li.pnl3 a, .pnlBnr7 ul li.pnl5 a, .pnlBnr7 ul li.pnl7 a {
		margin-left:2px;
	}
}
@media only screen and (max-width:628px){
	.pnlBnr7 ul {
		width:100%;
	}
	.pnlBnr7 ul li {
		float:none;
	}
	.pnlBnr7 ul li.pnl2, .pnlBnr7 ul li.pnl3, .pnlBnr7 ul li.pnl4, .pnlBnr7 ul li.pnl5, .pnlBnr7 ul li.pnl6, .pnlBnr7 ul li.pnl7 {
		width:100%;
	}
	.pnlBnr7 ul li.pnl2 a, .pnlBnr7 ul li.pnl4 a, .pnlBnr7 ul li.pnl6 a {
		margin-right:0;
	}
	.pnlBnr7 ul li.pnl3 a, .pnlBnr7 ul li.pnl5 a, .pnlBnr7 ul li.pnl7 a {
		margin-left:0;
	}
}

/*START Panel Card banner
-------------------------------------------------*/
.cardsWrapper {
	margin: 0 0 10px;
}
.page.dplustop .cardsWrapper {
	margin: 0;
	padding: 20px 0;
}
/*.cards,
.cards * {
	box-sizing: border-box;
}*/
.cards {
	display: flex;
	justify-content: space-between;
}
.card {
	flex: 1;
	margin-right: 10px;
	line-height: 1.41;
	border: 1px solid #ccc;
	position: relative;
}
.page.dplustop .card {
	border: 1px solid #f6f6f6;
}
.cards a {
	display: block;
}
.cards a .cardLink {
	color: #00B388;
	font-weight: bold;
}
.page.dplustop .cards a,
.page.dplustop .cards a .cardLink {
	color: #fff;
	font-weight: normal;
}
.cards a .cardLinkArrow {
	transition: all 0.2s ease-out;
	position: absolute;
}
.cards a:hover .cardLinkArrow {
	margin-left: 5px;
}
.cardImage > img {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.cardImage picture > img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.cardImageTag {
	background: #614767;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 10px;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	min-width: 9em;
	text-align: center;
}
.cardText {
	padding: 15px;
}
.cardText > * + * {
	margin-top: 10px;
}
.cardTitle {
	font-size: 14px;
	font-weight: bold;
}
.cardSubTitle {
	font-size: 12px;
	font-weight: normal;
	margin-top: 10px;
}
.cardImage{
	overflow: hidden;
}
.page .card.bordered {
	box-sizing: border-box;
	border: 4px solid #CCC;
}
.card .cardImageWithTxt {
	display: flex;
	align-items: flex-start;
}
.card .cardImageWithTxt > * {
	flex: 1;
}
.card.shareNo1 {
	background: #fff;
	padding: 12px 8px;
}
.card.shareNo1 .cardImageWithTxt > img {
	flex: 0 0 auto;
	height: auto;
	width: 60px;
	margin-right: 5px;
}
.card.shareNo1 .cardImageWithTxt > .txt {
	font-size: 16px;
	font-weight: bold;
}
.card.shareNo1 .cardImageWithTxt > .txt > *:first-child {
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 10px;
}
.card.shareNo1 .cardImageWithTxt > .txt > *:not(:first-child) {
	margin-top: 8px;
}
.card.shareNo1 .cardImageWithTxt > .txt span {
	font-size: 24px;
	display: inline-block;
	line-height: 1;
	margin-top: 5px;
}
.card.shareNo1 .cardText {
	font-size: 10px;
	padding: 15px 0 0;
}
.bg_img_pattern{
    background: url(/directplus_ent/images/banners/topbnr_lightshadow_16_9_w480.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
.cardsWrapper img.img_products {
    padding-left: 40px;
}
.cardsWrapper .card:first-child .icon_optok{
    width: 150px;
    height: 150px;
    position: absolute;
    top: 40%;
    left: 36%;
}
.cardsWrapper .icon_optok{
    width: 100px;
    height: 100px;
    position: absolute;
    top: 40%;
    left: 25%;
}

/*top banner made in japan label*/
.cards .japanlabel {
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 10px;
}
/*オプ得対象製品*/
.oputok_bnr .cardImage{background: linear-gradient(0deg, #FFFFFF 0 25%, #ff8300 25% 90%, #FFFFFF 90% 100%);}
.oputok_bnr .icon_container{
	position: absolute;
	top: 5px;
	right: 38%;
	z-index: 0;
}
.oputok_bnr .icon_container img{margin:0;}
.oputok_bnr .img_products{
    max-width: 230px;
    height: auto;
    padding-right: 120px;
}
.gen11_bnr {
    background: url(/directplus_ent/images/banners/topbnr_graywave_16_9_w480.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
.cardmidtxt {
    position: absolute;
    top: 30%;
    color: #000;
    left: 43%;
    font-size: 10px;
    font-weight: bold;
}
.panelposi{}
.page.dplustop .card > .cardImage.productimg picture > img{
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 40px 0 0;
	box-sizing: border-box;
	z-index: 1;
}
.card .optok_sticker div{
    color: #000000;
    width: 80px;
    height: 80px;
}
.card.bgHPEgreen .optok_sticker {
    top: -160px;
    left: 10%;
    transform:translate(0,0);
}
.card .optok_sticker {
  top: -160px;
  left: 64%;
  transform: translate(0,0);
}
.card .optok_sticker p{
    font-size: 14px;
    padding-top: 5px;
}
.page.dplustop .card > .cardImage.productimg picture > img.rack {
    padding: 60px 0 0;
}
/* gen12TOPバナー用
 =======================================*/
.gen12img{
	background-image: url('/directplus_ent/images/banners/gradation_pinkgrape_26_9.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}
.gen12txt {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  padding-top: 5px;
}
.card.gen12 {  position: relative;}

@media (min-width: 1000px) {
	.card {
		flex-basis: 266px;
	}
	.page.dplustop .card:first-child {
		flex-basis: 400px;
	}
	.card:last-child {
		margin-right: 0;
	}
	/* トリミング用の設定 
	=======================================*/
	.page.dplustop .cardImage {
		width: 100%;
		overflow: hidden;
		position: relative;
		margin: 0;
		padding-top: 65.89%;/* height170px相当 */
	}
	.page.dplustop .cardImage > img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: auto;
		height: 101%;
	}
/*	.page.dplustop .card:first-of-type > .cardImage picture img {
	    width: auto;
    	height: auto;
    	max-height: 270px;
	}*/
	.page.dplustop .cardImage picture img {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    width: auto;
    	height: 101%;
	    max-height: 172px;
	}
	.page.dplustop .card:first-of-type > .cardImage {
		padding-top: 43.52%;
	}
	.page.dplustop .card:first-of-type > .cardImage > img {
		width: 100%;
    	height: auto;
	}
	.cardsWrapper .roundicon img.icon_optok{
	width: 100px;
    height: 100px;
    position: absolute;
    top: 40%;
    left: 32%;
	}
		.oputok_bnr .cardImage img.img_products {
    max-width: 180px;
    height: auto;
    padding-right: 43%;
    padding-top: 30px;
    z-index: 1
	}
	.page.dplustop .cardImage.techcare picture img {
    right: 0;
    left: auto;
    transform: translate(0%, -50%);
	}
	.page.dplustop .card:first-of-type > .cardImage.proLiant30 picture img {
    width: auto;
    height: 101%;
	}
	.page.dplustop .card:nth-of-type(n + 2) > .cardImage.proLiant30 picture img {
/*    left: -15%;*/
    left: 0%;
    transform: translate(0%, -50%);
	}
	.card:nth-of-type(n + 2) > .proLiant30 .cardmidtxt{
		top: 18%;
    	left: 46%;
    	visibility: hidden !important;
	}
	/* gen12TOPバナー用 min-width: 1000px
	=======================================*/
	.page.dplustop .card:first-of-type > .gen12img picture img{	margin-top: 1em;}
}
@media (max-width: 999px) {
	.oputok_bnr .icon_container{
	right: 150px;
}
.cardmidtxt {
    top: 20%;
    left: 40%;
    font-size: 70%;
}
/*オプ得対象製品*/
.card .optok_sticker {
    top: 10px;
}
.page.dplustop .card > .cardImage.productimg picture > img.rack {
    padding: 75px 0 20px;
}
.cardsWrapper img.img_products{
	padding-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
	.cards {
		flex-wrap: wrap;
		justify-content: center;
	}
	.card {
		flex-basis: calc(50% - 10px);
		/*margin-top: 10px;*/
	}
	.card:first-child,
	.page.dplustop .card:first-child {
		margin-top: 0;
	}
	.card:nth-child(n + 3) {
		margin-top: 10px;
	}
	.card:nth-child(2n) {
		margin-right: 0;
	}
	.card:last-child:nth-child(odd) {
		flex-grow: 0;
		flex-basis: calc(50% - 5px);
	}
	.card.shareNo1 {
		padding: 12px 10px;
	}
	.card.shareNo1 .cardImageWithTxt > img {
		width: 85px;
		margin-right: 10px;
	}
	.page.dplustop .card {
		width: calc(50% - 10px);
		box-sizing: border-box;
	}
	.cardImage picture > img {
		margin: 0 auto;
		width: 100%;
		height: auto;
		max-width: 480px;
	}
	/* gen12TOPバナー用 min-width: 768px max-width: 999px
	=======================================*/
	.gen12img{height: calc(60%);}
}
@media only screen and (min-width: 767px) {
	.cardTitle {height: 66px;}
}
@media only screen and (max-width: 767px) {
	/* 以下1段組み。左右をあける */
	.cards {
	/*	flex-direction: column;*/
		display: block;
	}
	.card {
		margin: 0 auto;
		width: 384px;
	}
	.card:nth-child(n + 2) {
		margin-top: 10px;
	}
	.oputok_bnr .icon_container img{
		width: 90px;
		height: 90px;
	}
	/* gen12TOPバナー用 max-width: 767px
	=======================================*/	
	.gen12img {
	    height: 100%;
	    max-height: 200px;
	}
}
@media only screen and (min-width: 415px) and (max-width: 999px){
	.cardsWrapper img.img_products {
    z-index: 1;
    position: relative;
	}
	.cardsWrapper .cards .card .icon_optok {
    top: 10%;
    left: 25%;
	}
	.page.dplustop .card > .cardImage.productimg picture > img{
		z-index: 1;
		position: relative;
		left: 0;
		padding: 40px 0 20px;
	}
}
@media (max-width: 414px) {
	.card {
		width: 100%;
	}
	.cardText {
		padding: 10px 15px;
	}
	.cardsWrapper .cards .card .icon_optok {
    top: 50%;
    left: 30%;
	}
	.spTrimHeight.cardImage {
		width: 100%;
		overflow: hidden;
		position: relative;
		margin: 0;
		padding-top: 30.63%;
	}
	.spTrimHeight.cardImage > img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 1;
	}
	.spTrimHeight.cardImage picture > img{
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}
	.oputok_bnr .img_products{
	    max-width: 180px;
	    height: auto;
	}
	.oputok_bnr .icon_container {
	    top: auto;
	    right: 90px;
	    bottom: 81px;
	}
	.cardmidtxt .f18{
	    font-size: 12px !important;
	}
	/*オプ得対象製品*/
	.cardsWrapper .card:first-child .icon_optok{
		width: 90px;
		height: 90px;
	}
	.page.dplustop .card > .cardImage.productimg picture > img.rack {
	    padding: 0px 0 20px;
	}
	.page.dplustop .card > .cardImage.productimg picture > img{
		width: 210px;
        padding-bottom: 10px;
	}
	.card .optok_sticker p {
	    font-size: 10px;
	    padding-top: 3px;
	}
	.card .optok_sticker div {
	    color: #000000;
	    width: 55px;
	    height: 55px;
	    border: 3px solid #01a982;
	}
	.card .optok_sticker {
	    top: -62px;
	    left: auto;
	    transform: translate(0%,-50%);
	    right: -75%;
	}
	/*top banner made in japan label*/
	.cards .japanlabel {
		height: auto;
		width: 20%;
		top: 0;
		right: 0;
	}
	/* gen12TOPバナー用 max-width: 414px
	=======================================*/
	.gen12txt{display: none;}
}

/*START Mega Panel Card banner
-------------------------------------------------*/
.megaCard {
	display: flex;
	align-items: center;
	font-size: 16px;
}
.megaCard * {
	box-sizing: border-box;
}
.megaCard .clm1 {
	flex: 1;
	flex-basis: 70%;
}
.megaCard .clm2 {
	flex: 1;
	flex-basis: 30%;
	position: relative;
	padding: 15px;
}
.megaCard .clm2 > *:not(:first-child) {
	margin-top: 20px;
}
.megaCard .clm2 > *:last-child {
	margin-top: 60px;
}
.megaCard .title {
	font-size: 23px;
}
.megaCard .cardLink {
	color: #000;
}
.megaCard .cardLinkArrow {
	color: #01A982;
	transition: all 0.2s ease-out;
	position: absolute;
}
.megaCard .cardLink:hover .cardLinkArrow {
	margin-left: 5px;
}
@media only screen and (max-width: 900px) {
	.megaCard .clm2 {
		padding: 10px;
	}
	.megaCard .clm2 > *:not(:first-child),
	.megaCard .clm2 > *:last-child {
		margin-top: 20px;
	}
}
@media only screen and (max-width: 768px) {
	.megaCard {
		font-size: 14px;
	}
	.megaCard .title {
		font-size: 18px;
	}
}
@media only screen and (max-width: 767px) {
	.megaCard {
		display: block;
	}
	.megaCard .clm2 {
		padding-bottom: 0;
	}
	.megaCard .clm2 > *:not(:first-child),
	.megaCard .clm2 > *:last-child {
		margin-top: 10px;
	}
}
@media only screen and (max-width: 767px) and (min-width: 500px) {
	.megaCard br {
		display: none;
	}
}
@media only screen and (max-width: 414px) {
	.megaCard .brTabletOnly {
		display: none;
	}
}

/*START Products category
-------------------------------------------------*/

.productsCategory .categoryList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 90%;
	margin: auto;
}
.productsCategory .categoryList > * {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: calc(50% - 5px);
	max-width: calc(50% - 5px);
	position: relative;
}
.productsCategory:not(.productsCategoryLineup) .categoryList > *:nth-child(odd) {
	margin-right: 10px;
}
.productsCategory:not(.productsCategoryLineup) .categoryList > *:nth-child(n+3) {
	margin-top: 20px;
}
.productsCategory .categoryList a,
.productsCategoryLineup .categoryItemParent a {
	color: #000;
	display: block;
}
.productsCategoryLineup .categoryItemChild a {
	color: #00B388;
	display: inline;
}
.productsCategory .categoryList a:hover {
	color: #00B388;
}
.productsCategory .categoryList > *:before,
.productsCategoryLineup .categoryItemParent > *:before {
	content: "";
	display: block;
	background: url(/directplus_ent/system/images/category_pnl.jpg?update=20240913x2) no-repeat;
	background-size: cover;
	width: 80%;
	padding-top: 59%;
	position: relative;
	top: 0;
	margin: 0 auto 27px;/* .categoryName height + gutter */
}
.productsCategory.productsCategoryLineup .categoryList > *:before {
	display: none;
}
.productsCategory .categoryList .categoryServer:before,
.productsCategoryLineup .categoryItemParent > .categoryServer:before {
	background-position: 0 0;
}
.productsCategory .categoryList .categoryStorage:before,
.productsCategoryLineup .categoryItemParent > .categoryStorage:before {
	background: url(/directplus_ent/storage/images/lineup_selector_msa_10_3.png) no-repeat;
	background-size: 80%;
	background-position: center bottom 10px;
}
.productsCategory .categoryList .categoryNetwork:before,
.productsCategoryLineup .categoryItemParent > .categoryNetwork:before {
	background-position: 0 40%;
}
.productsCategory .categoryList .categorySupportservice:before,
.productsCategoryLineup .categoryItemParent > .categorySupportservice:before {
	background-position: 0 60%;
}
.productsCategory .categoryList .categoryOption:before,
.productsCategoryLineup .categoryItemParent > .categoryOption:before {
	background-position: 0 80%;
}
.productsCategory .categoryList .categoryEducation:before,
.productsCategoryLineup .categoryItemParent > .categoryEducation:before {
	background-position: 0 100%;
}
.productsCategory .categoryList .categoryName {
	text-align: center;
	position: relative;
	width: 100%;
	margin: auto;
}
.productsCategoryLineup .categoryList .categoryName {
	position: relative;
}
.productsCategoryLineup .categoryItemChild {
	margin-top: 20px;
	padding-left: 30px;
	font-size: 15px;
}
@media only screen and (min-width:768px){
	.productsCategory .categoryList {
		flex-wrap: nowrap;
		width: 100%;
	}
	.productsCategory .categoryList > * {
		margin-right: 10px;
		flex-basis: calc(33.33333333333333% - 6.7px);
		max-width: calc(33.33333333333333% - 6.7px);
	}
	.productsCategory:not(.productsCategoryLineup) .categoryList > *:nth-child(3n),
	.productsCategory:not(.productsCategoryLineup) .categoryList > *:last-child {
		margin-right: 0;
	}
	.productsCategory:not(.productsCategoryLineup) .categoryList > *:nth-child(3) {
		margin-top: 0;
	}
	.productsCategory:not(.productsCategoryLineup) .categoryList > *:nth-child(n+4) {
		margin-top: 20px;
	}
	.productsCategory:not(.productsCategoryLineup) .categoryList > *:before {
		margin: 0 auto 38px;/* .categoryName height + gutter */
	}
}
@media only screen and (min-width:1200px){
	.productsCategory .categoryList > * {
		margin-right: 10px;
		flex-basis: calc(20% - 8px);
		max-width: calc(20% - 8px);
	}
	.productsCategory .categoryList > *:nth-child(5n) {
		margin-right: 0;
	}
	.productsCategory .categoryList > *:before {
		margin: 0 auto 42px;/* .categoryName height + gutter */
	}
}
@media (max-width:999px) {
	.productsCategoryLineup .categoryList {
		width: 100%;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.productsCategoryLineup .categoryList > * {
		margin-right: 10px;
		flex-basis: calc(66.66666666666666% - 6.66666666666666px);
		max-width: calc(33.33333333333333% - 6.66666666666666px);
	}
	.productsCategoryLineup .categoryList > *:nth-child(3n) {
		margin-right: 0;
	}
	.productsCategoryLineup .categoryList > *:nth-child(n+4) {
		margin-top: 20px;
	}
}
@media (max-width:767px) {
	.productsCategoryLineup .categoryList > * {
		margin-right: 10px;
		flex-basis: calc(50% - 5px);
		max-width: calc(50% - 5px);
	}
	.productsCategoryLineup .categoryList > *:nth-child(3n) {
		margin-right: 10px;
	}
	.productsCategoryLineup .categoryList > *:nth-child(2n) {
		margin-right: 0;
	}
	.productsCategoryLineup .categoryList > *:nth-child(n+3) {
		margin-top: 10px;
	}
	.productsCategoryLineup .categoryItemChild {
		padding-left: 0;
	}
}
@media (max-width:499px) {
	.productsCategoryLineup .categoryList > * {
		margin-right: 0;
		flex-basis: 100%;
		max-width: 100%;
	}
	.productsCategoryLineup .categoryList > *:nth-child(3n) {
		margin-right: 0;
	}
	.productsCategoryLineup .categoryList > *:nth-child(n+2) {
		margin-top: 20px;
	}
	.productsCategoryLineup .categoryItemParent a {
		display: flex;
		align-items: center;
	}
	.productsCategoryLineup .categoryItemParent > *:before {
		margin: 0 5px 0 0;
		padding-top: 20%;
		width: 40%;
	}
	.productsCategoryLineup .categoryItemParent > .categoryServer:before {
		padding-top: 9.5%;
		background-position: 0 8%;
	}
	.productsCategoryLineup .categoryItemParent > .categoryNetwork:before {
		padding-top: 20%;
		background-position: 0 39%;
	}
	.productsCategory .categoryList .categoryName {
		text-align: left;
	}
	.productsCategoryLineup .categoryItemChild {
		margin-top: 10px;
	}
}

.page.dplustop .pagesList .groupColumn {
	display: flex;
	padding-right: 20%;
}
.page.dplustop .pagesList .groupColumn > * {
	flex-grow: 0;
	flex-shrink:  0;
	flex-basis: calc(50% - 10px);
}
.page.dplustop .pagesList .groupColumn > *:first-child {
	margin-right: 10px;
}
.page.dplustop .pagesList .group.consider .groupColumn {
	background-image: url(/directplus_ent/images/icon/illust_data_01.svg);
	background-position: 94% 50%;
	background-repeat: no-repeat;
	background-size: auto 110px;
}
.page.dplustop .pagesList .group.select .groupColumn {
	background-image: url(/directplus_ent/images/icon/illust_man_with_briefcase_02.svg);
	background-position: 94% 50%;
	background-repeat: no-repeat;
	background-size: auto 180px;
}
.page.dplustop .pagesList .group.quote .groupColumn {
	background-image: url(/directplus_ent/images/icon/illust_lightbulbs_01.svg);
	background-position: 95% 50%;
	background-repeat: no-repeat;
	background-size: auto 110px;
}
.page.dplustop .pagesList .group.contact .groupColumn {
	background-image: url(/directplus_ent/images/icon/illust_city_06.svg);
	background-position: 94% 50%;
	background-repeat: no-repeat;
	background-size: auto;
}
.page.dplustop .pagesList .group .groupHeader {
	margin-bottom: 10px;
	padding: 2px 0 2px 45px;
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: 0 0;
}
.page.dplustop .pagesList .group.consider .groupHeader {
	background-image: url(/directplus_ent/images/top_pages_list_icon_consider.png);
	display: flex;
	align-items: center;
	--text-divider-gap: 2%;
	margin-right: var(--text-divider-gap);
}
.page.dplustop .pagesList .group.consider .groupHeader::after  {
	content: '';
	height: 15px;
	background-color: #ccc;
	flex-grow: 1;
	margin-left: var(--text-divider-gap);
	margin-top: -10px;
}
.page.dplustop .pagesList .group.select .groupHeader {
	background-image: url(/directplus_ent/images/top_pages_list_icon_select.png);
	display: flex;
	align-items: center;
	--text-divider-gap: 2%;
	margin-right: var(--text-divider-gap);
}
.page.dplustop .pagesList .group.select .groupHeader::after  {
	content: '';
	height: 15px;
	background-color: #ccc;
	flex-grow: 1;
	margin-left: var(--text-divider-gap);
	margin-top: -10px;
}
.page.dplustop .pagesList .group.quote .groupHeader {
	background-image: url(/directplus_ent/images/top_pages_list_icon_quote.png);
	display: flex;
	align-items: center;
	--text-divider-gap: 2%;
	margin-right: var(--text-divider-gap);
}
.page.dplustop .pagesList .group.quote .groupHeader::after  {
	content: '';
	height: 15px;
	background-color: #ccc;
	flex-grow: 1;
	margin-left: var(--text-divider-gap);
	margin-top: -10px;
}

.page.dplustop .pagesList .group.contact .groupHeader {
	background-image: url(/directplus_ent/images/top_pages_list_icon_contact.png);
	display: flex;
	align-items: center;
	--text-divider-gap: 2%;
	margin-right: var(--text-divider-gap);
}
.page.dplustop .pagesList .group.contact .groupHeader::after  {
	content: '';
	height: 15px;
	background-color: #ccc;
	flex-grow: 1;
	margin-left: var(--text-divider-gap);
	margin-top: -10px;
}
.page.dplustop .pagesList .groupColumn ul {
	font-size: 15px;
	color: #00B388;
}
.page.dplustop .pagesList .groupColumn ul ul {
	margin-left: 2em;
}
.page.dplustop .pagesList .group:not(:last-child) {
	margin-bottom: 35px;
}
@media (max-width:999px) {
	.page.dplustop .pagesList .groupColumn {
		padding-right: 10%;
	}
}
@media (max-width:767px) {
	.page.dplustop .pagesList .groupColumn {
		padding-right: 0;
	}
	.page.dplustop .pagesList .groupColumn {
		flex-wrap: wrap;
	}
	.page.dplustop .pagesList .groupColumn > * {
		flex-grow: 1;
		flex-shrink: 1;
		flex-basis: 100%;
		width: 100%;
		margin: 0;
	}
	.page.dplustop .pagesList .groupColumn ul li:not:last-of-type,
	.page.dplustop .pagesList .groupColumn ul:not:last-of-type {
		margin-bottom: 0.3em;
	}
}
@media (max-width:500px) {
	.page.dplustop .pagesList .groupColumn {
		background-image: none !important;
	}
}
@media (max-width:414px) {
	.page.dplustop .pagesList .group .groupHeader {
		padding: 0 0 0 40px;
		background-size: 36px;
	}
	.page.dplustop .pagesList .group.select .groupHeader {
		background-position: 0 1px;
	}
	.page.dplustop .pagesList .group.quote .groupHeader {
		background-position: 0 4px;
	}
}
/*START hpe Blog Link 
-------------------------------------------------*/
.hpeBlogLink {
	height: 120px;
	overflow-y: scroll;
	-ms-overflow-style: scroll;
}
@supports (-ms-ime-align: auto){
	.hpeBlogLink > a.linkWithArrow .arrow,
	.hpeBlogLink > .hasLinkWithArrow .arrow {
		transition: all 0.2s ease-out;
		position: absolute;
		right: -12px;
	}
	.hpeBlogLink > a.linkWithArrow:hover .arrow,
	.hpeBlogLink > .hasLinkWithArrow:hover .arrow {
		right: -17px;
	}
}
@media all and (-ms-high-contrast: none){
	.hpeBlogLink > a.linkWithArrow .arrow,
	.hpeBlogLink > .hasLinkWithArrow .arrow {
		transition: all 0.2s ease-out;
		position: absolute;
		right: -12px;
	}
	.hpeBlogLink > a.linkWithArrow:hover .arrow,
	.hpeBlogLink > .hasLinkWithArrow:hover .arrow {
		right: -17px;
	}
}
/*START dplus top whatsNew Area
-------------------------------------------------*/
.dplustop .js-moxie-online:focus {
	outline:none;
}
.dplustop .whatsNew > ul > li:nth-child(n+6) {
	display: none;
}
.dplustop .whatsNew > ul > li.spot {
	display: block;
}
.dplustop .whatsNewArea {
	position: relative;
}
.dplustop .whatsNewArea .whatsNewBtn .btn {
	margin: 0 0 20px;
}
@media only screen and (min-width: 375px) {
	.dplustop .whatsNewArea .whatsNewBtn {
		position: absolute;
		top: 0;
		right: 0;
	}
	.dplustop .whatsNewArea .whatsNewBtn .btn {
		margin: 0;
	}
}

/*START Content with right navi
-------------------------------------------------*/
.contentsWithRightNavi {
	width:100%;
}
.contentsWithRightNavi:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.contentsWithRightNavi .leftCnt {
	float:left;
	width:1000px;
}
.contentsWithRightNavi .rightNav {
	float:left;
	width:200px;
	padding-left:30px;
	box-sizing:border-box;
}
@media only screen and (max-width:999px){
	.contentsWithRightNavi .leftCnt {
		float:none;
		width:100%;
	}
	.contentsWithRightNavi .rightNav {
		float:none;
		width:100%;
		padding-left:0;
	}
}

/*START Content with left navi
-------------------------------------------------*/
.contentsWithLeftNavi {
	width:100%;
}
.contentsWithLeftNavi:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.contentsWithLeftNavi .rightCnt {
	float:right;
	width:1000px;
}
.contentsWithLeftNavi .leftNav {
	float:left;
	width:200px;
	padding-right:30px;
	box-sizing:border-box;
}
@media (min-width:1000px){
	.stickynavi{	position: sticky;}
	.leftNav.stickynavi {	top: 40px;}
}
@media only screen and (max-width:999px){
	.contentsWithLeftNavi .rightCnt {
		float:none;
		width:100%;
	}
	.contentsWithLeftNavi .leftNav {
		float:none;
		width:100%;
		padding-right:0;
	}
}

/*START Right navigation & Left navigation
-------------------------------------------------*/
.rightNav h4, .leftNav h4 {
	font-size:15px;
	padding-bottom:5px;
	border-bottom:2px solid #CCC;
}
.rightNav ul.rightNavLink, .leftNav ul.leftNavLink, .leftNav .leftNavMemu, .rightNav ul.sideNavLink, .leftNav ul.sideNavLink{
	margin-bottom:40px;
	line-height:1.6;
}
.rightNav ul.rightNavLink > li, .leftNav ul.leftNavLink > li, .rightNav ul.sideNavLink > li, .leftNav ul.sideNavLink > li{
	font-size:13px;
	border-bottom:1px solid #DDD;
}
.rightNav ul.rightNavLink > li a, .leftNav ul.leftNavLink > li a, .rightNav ul.sideNavLink > li a, .leftNav ul.sideNavLink > li a{
	padding:10px 0;
	display:inline-block;
}
.leftNavMemu {
	border-top:1px solid #DDD;
}
.leftNavMemu > li {
	border-bottom:1px solid #DDD;
}
.leftNavMemu > li.level1 {
	background-color:#F6F6F6;
	font-size:15px;
}
.leftNavMemu > li.level1 > a {
	padding:10px 8px;
	display:block;
}
.leftNavMemu > li.level2 {
	background-color:#0D5265;
}
.leftNavMemu > li.level2 > a {
	color:#FFF;
	font-size: 15px;
	padding: 10px 8px;
	display:block;
}

@media only screen and (max-width:999px){
	.leftNavMemu > li.level2 {
		display:none;
	}
}
.leftNavMemu > li .level3 {
	background-color:#FFF;
}
.leftNavMemu > li .level3 > li > a {
	color:#000;
	display:block;
	padding:10px 8px 10px 10px;
	font-size:12px;
	border-bottom:1px #CCC dotted;
}
.leftNavMemu > li .level3 > li:last-child > a {
	border-bottom:none;
}

/*START Category select
-------------------------------------------------*/
.catSelBox a, .catSelBoxTwoClm a {
	display:block;
}
.catSelBoxWhtOneClm a, .catSelBoxWhtTwoClm a, .catSelBoxWhtThreeClm a, .catSelBoxWhtFourClm a {
	display:block;
}
.catSelBox {
	width:100%;
	padding:20px;
	background-color:#F6F6F6;
	box-sizing: border-box;
}
.catSelBoxWhtOneClm {
	background-color:#FFF;
	display:table;
	width:100%;
}
.catSelBoxTwoClm .clm1, .catSelBoxTwoClm .clm2 {
	display:table-cell;
	vertical-align:middle;
	width:495px;
	min-height:60px;
}
.catSelBoxTwoClm .clm1 > div, .catSelBoxTwoClm .clm2 > div {
	background-color:#F6F6F6;
	padding:20px;
}
.catSelBoxTwoClm .clm1 {
	padding-right:10px;
}
@media only screen and (max-width:999px){
	.catSelBoxTwoClm .clm1, .catSelBoxTwoClm .clm2 {
		display:block;
		width:100%;
	}
	.catSelBoxTwoClm .clm1 {
		padding-right:0;
		margin-bottom:10px;
	}
}

.catSelBoxWhtTwoClm {
	width:100%;
}
.catSelBoxWhtTwoClm .clm1, .catSelBoxWhtTwoClm .clm2 {
	display:table-cell;
}
.catSelBoxWhtTwoClm .clm1 {
	padding-right:10px;
}
@media only screen and (max-width:999px){
	.catSelBoxWhtTwoClm .clm1, .catSelBoxWhtTwoClm .clm2 {
		display:table;
		width:100%;
	}
	.catSelBoxWhtTwoClm .clm1 {
		padding-right:0;
		margin-bottom:10px;
	}
}

.catSelBoxWhtThreeClm {
	width:100%;
	display:table;
}
.catSelBoxWhtThreeClm .clm1, .catSelBoxWhtThreeClm .clm2, .catSelBoxWhtThreeClm .clm3 {
	display:table-cell;
	vertical-align:top;
}
.catSelBoxWhtThreeClm .clm1, .catSelBoxWhtThreeClm .clm2 {
	padding-right:10px;
}
@media only screen and (max-width:999px){
	.catSelBoxWhtThreeClm .clm1, .catSelBoxWhtThreeClm .clm2, .catSelBoxWhtThreeClm .clm3 {
		display:table;
		width:100%;
	}
	.catSelBoxWhtThreeClm .clm1, .catSelBoxWhtThreeClm .clm2 {
		padding-right:0;
		margin-bottom:10px;
	}
}
.catSelBoxWhtFourClm {
	width:100%;
	display:table;
}
.catSelBoxWhtFourClm .clm1, .catSelBoxWhtFourClm .clm2, .catSelBoxWhtFourClm .clm3, .catSelBoxWhtFourClm .clm4 {
	display:table-cell;
	vertical-align:top;
}
.catSelBoxWhtFourClm .clm1, .catSelBoxWhtFourClm .clm2, .catSelBoxWhtFourClm .clm3 {
	padding-right:10px;
}
@media only screen and (max-width:999px){
	.catSelBoxWhtFourClm .clm1, .catSelBoxWhtFourClm .clm2, .catSelBoxWhtFourClm .clm3, .catSelBoxWhtFourClm .clm4 {
		display:table;
		width:100%;
	}
	.catSelBoxWhtFourClm .clm1, .catSelBoxWhtFourClm .clm2, .catSelBoxWhtFourClm .clm3 {
		padding-right:0;
		margin-bottom:10px;
	}
}

.catSelBoxWhtOneClm .catSel {
	width:100%;
}
.catSelBoxWhtTwoClm .catSel {
	width: 475px;
}
@media only screen and (max-width:999px){
	.catSelBoxWhtTwoClm .catSel {
		width:100%;
	}
}
.catSelBoxWhtThreeClm .catSel {
	width: 313px;
}
.catSelBoxWhtFourClm .catSelWht {
	width:232px;
}
@media only screen and (max-width:999px){
	.catSelBoxWhtFourClm .catSelWht {
		width:100%;
	}
}

.catSel {
	padding: 10px 10px 10px 130px;
	background-color:#FFF;
	height: 100px;
	box-sizing: border-box;
	position: relative;
	display: table-cell;
	vertical-align: middle;
}
.catSel:before {
	content:"";
	display:block;
	width:110px;
	height:80px;
	position:absolute;
	top:10px;
	left:10px;
	background-image:url('/directplus_ent/system/images/cs_products.png');
	background-repeat:no-repeat;
	-webkit-background-size: 110px auto;
	-moz-background-size:    110px auto;
	-ie-background-size:     110px auto;
	-o-background-size:      110px auto;
	background-size:         110px auto;
}
.catSel.catSelWht {
	background-color:#FFF;
	padding:10px;
	height:100px;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
}
.catSel.catSelWht:before {
	display:none;
}
.catSelTower:before {background-position:0 0;}
.catSelRack:before {background-position:0 -85px;}
.catSelStoreEasy:before {background-position:0 -170px;}
.catSelStoreEasy2:before {background-position:0 -693px;}
.catSelRdx:before {background-position:0 -255px;}
.catSelRdxBackupPack:before {background-position:0 -595px;}
.catSelLtodrive:before {background-position:0 -510px;}
.catSelLtomedia:before {background-position:0 -340px;}
.catSelSwitch:before {background-position:0 -425px;}
.catSelAccessPoint:before {background-position:0 -790px;}


/*START TOP Category select
-------------------------------------------------*/

.boxArea {}
.boxArea * {
	box-sizing: border-box;
}
.page.dplustop .boxArea > h2 {
	font-size: 20px;
/*	text-align: center;*/
}
@media only screen and (min-width:768px){
	.page.dplustop .boxArea > h2 {
		font-size: 24px;
/*		text-align: left;*/
	}
}

.boxItems {
	background: #F6F6F6;
	padding: 10px;
}
.boxItem {
	position: relative;
}

/* 段組み */

/* 2段組み */
.boxItemChildren {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: 13px;
}
.boxItemChild {
	position: relative;
	flex-shrink: 1;
	flex-grow: 1;
	flex-basis: calc(50% - 5px);
	max-width: calc(50% - 2.5px);
	display: flex;
	align-items: center;
	line-height: 1.41;
}
.boxItemChild:not(:last-child) {
	margin-bottom: 5px;
}
.boxItemChildren.network .boxItemChild {
	margin-bottom: 0;
}
@media only screen and (max-width:767px){
	.boxItemChild {
		flex-basis: calc(50% - 5px);
		max-width: calc(50% - 2.5px);
	}
	.boxItemChildren.purpose > .boxItemChild {
		margin: 0;
	}
	.boxItemChildren.purpose > .boxItemChild:nth-child(odd) {
		margin-right: 5px;
	}
	.boxItemChildren.purpose > .boxItemChild:nth-child(n+3) {
		margin-top: 5px;
	}
}
@media only screen and (min-width:768px){
	.boxItemChildren {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.boxItemChild:not(:last-child) {
		margin-bottom: 0;
	}
	/* 段組みしない */
	.boxItemChildren.spec > .boxItemChild.storeEasy {
		flex-basis: 100%;
		max-width: 100%;
	}
	/* 2段組み */
	.boxItemChildren.spec > .boxItemChild,
	.boxItemChildren.storage > .boxItemChild,
	.boxItemChildren.network > .boxItemChild {
		flex-basis: calc(50% - 5px);
		max-width: calc(50% - 5px);
	}
	.boxItemChildren.spec > .boxItemChild:nth-child(odd),
	.boxItemChildren.storage > .boxItemChild:nth-child(odd),
	.boxItemChildren.network > .boxItemChild:nth-child(odd) {
		margin-right: 10px;
	}
	.boxItemChildren.spec > .boxItemChild:nth-child(n+3),
	.boxItemChildren.storage > .boxItemChild:nth-child(n+3),
	.boxItemChildren.network > .boxItemChild:nth-child(n+3) {
		margin-top: 10px;
	}
	.boxItemChildren.spec > .boxItemChild.storeEasy {
		margin-right: 0;
		flex-basis: 100%;
		max-width: 100%;
	}
	/* 3段組み */
	.boxItemChildren.purpose > .boxItemChild,
	.boxItemChildren.storage.col3 > .boxItemChild {
		flex-basis: calc(33.33333333333333% - 6.666666666666667px);
		max-width: calc(33.33333333333333% - 6.666666666666667px);
	}
	.boxItemChildren.purpose > .boxItemChild:not(:nth-child(3n)),
	.boxItemChildren.storage.col3 > .boxItemChild:not(:nth-child(3n)) {
		margin-right: 10px;
	}
	.boxItemChildren.purpose > .boxItemChild:nth-child(n+4),
	.boxItemChildren.storage.col3 > .boxItemChild:nth-child(n+4) {
		margin-top: 10px;
	}
}
@media only screen and (min-width:769px){
	.boxItems {
		padding: 20px;
	}
}

/* 項目ごとの設定(画像の有無等) */
.boxItems .noImg {
	display: flex;
	padding: 1px 0;/*height:30px相当*/
}
.boxItems .noImg.bgWht {
	padding: 10px 2px 10px 5px;
/*	padding-left: 10px;*//*字下げ*/
}
.boxItems .withImg {
	background: #fff;
	padding: 60px 5px 5px 5px;
}
.boxItems .noImg.noBg {
	padding: 0;
	line-height: 1.41;
}
.boxItems .noImg.noBg:not(:last-child) {
	margin-bottom: 5px;
}
.boxItems .noImg.noBg:not(:first-child) {
	margin-top: 5px;
}

@media only screen and (max-width:414px){
	.boxArea.supportservice .boxItem.noImg.noBg:first-child {
		margin-bottom: 0;/*スマホでは後続の要素を非表示にしているため*/
	}
}
@media only screen and (min-width:375px){
	.boxItems .noImg.bgWht {
		/*padding-left: 20px;*//*字下げ*/
	}
}
@media only screen and (min-width:415px){
	.boxItems .noImg.noBg:not(:last-child) {
		margin-bottom: 10px;
	}
	.boxItems .noImg.noBg:not(:first-child) {
		margin-top: 10px;
	}
}
@media only screen and (min-width:768px){
	.boxItems .noImg {
		padding: 11px 0;/*height:50px相当*/
	}
	.boxItems .boxItemChild {
		min-height: 100px;
	}
	.boxItems .noImg.bgWht {
		padding: 10px;/*字下げ→全体アケ*/
	}
}
@media only screen and (min-width:769px){
	.boxItems .noBg:not(:last-child) {
		margin-bottom: 20px;
	}
	.boxItems .noBg:not(:first-child) {
		margin-top: 20px;
	}
}

/* 段組み内リンク */
.boxItem .cta-link {
	font-size: 14px;
	margin: 0;
/*	margin: auto 0;*/
}
.boxItemChild .cta-link {
	font-size: 12px;
}
.boxItemChild {
	align-items: start;
}
@media only screen and (min-width:375px){
	.boxItems .cta-link {
		font-size: 16px;
	}
	.boxItemChild .cta-link {
		font-size: 12px;
	}
}
@media only screen and (min-width:414px){
	.boxItemChild .cta-link {
		font-size: 14px;
	}
}
@media only screen and (min-width:768px){
	.boxItems .cta-link {
		margin: auto 0;
	}
	.boxItemChild {
		align-items: center;
	}
	.boxItemChild .cta-link {
		font-size: 16px;
	}
}

/* StoreEasyの説明文 */
.page.dplustop .boxArea .storeEasyTxt {
	display: none;/*スマホ非表示*/
}
@media only screen and (min-width:768px){
	.page.dplustop .boxArea .storeEasyTxt {
		display: block;
		background: #fff;
		padding: 10px 10px 10px 20px;
		font-size: 12px;
	}
}
@media only screen and (min-width:769px){
	.page.dplustop .boxArea .storeEasyTxt {
		font-size: 14px;
	}
}

/* トップページ画像スプライト */
.boxItems .withImg:before {
	content: "";
	display: block;
	width: 55px;
	height: 40px;
	position: absolute;
	top: 10px;
	bottom: auto;
	left: 0;
	right: 0;
	margin: auto;
	background-image: url(/directplus_ent/system/images/cs_products.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.page.dplustop .boxItems .withImg.tower:before {}
.page.dplustop .boxItems .withImg.rack:before {
/*	background-position: 0 11%;*/
	background-position: 0 9.5%;
}
.page.dplustop .boxItems .withImg.storeEasy:before {
/*	background-position: 0 87.2%;*/
	background-position: 0 78.5%;
}
.page.dplustop .boxItems .withImg.rdx:before {
/*	background-position: 0 32%;*/
	background-position: 0 29%;
}
.page.dplustop .boxItems .withImg.lto:before {
/*	background-position: 0 64.3%;*/
	background-position: 0 58.1%;
}
.page.dplustop .boxItems .withImg.accessPoint:before {
/*	background-position: 0 99.5%;*/
	background-position: 0 89.5%;
}
.page.dplustop .boxItems .withImg.switch:before {
/*	background-position: 0 53.8%;*/
	background-position: 0 48.2%;
}
.page.dplustop .boxItems .withImg.msa:before {
	background-position: 0 99.5%;
}
@media only screen and (min-width:768px){
	/* アイコン画像大きくする */
	.boxItems .withImg:before {
		top: auto;
		left: 10px;
		margin: 0;
	}
	.page.dplustop .boxItems .withImg {
		padding: 10px 10px 10px 125px;
	}
	.page.dplustop .boxItems .withImg:before {
		width: 110px;
		height: 80px;
	}
}


/*START TOP support service
-------------------------------------------------*/
ul.topSupportPoint li {
    margin-bottom: 20px;
	display: table;
	width: 100%;
	position: relative;
	padding-left: 50px;
    box-sizing: border-box;
}
ul.topSupportPoint li span {
    display: table-cell;
    padding: 5px 10px;
	width: 15px;
    text-align: center;
	vertical-align: middle;
}
ul.topSupportPoint li:nth-child(3) span{
	color: #fff;
}
ul.topSupportPoint li p {
    display: table-cell;
	padding: 5px 10px;
	vertical-align: middle;
	border: 2px solid;
    border-left: none;
    background: #fff;
}
ul.topSupportPoint li:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
	margin-top: -20px;
    left: 0;
    background-repeat: no-repeat;
    -webkit-background-size: 40px auto;
    -moz-background-size: 40px auto;
    -ie-background-size: 40px auto;
    -o-background-size: 40px auto;
    background-size: 40px auto;
}
ul.topSupportPoint li:first-child:before {
	background-image: url(/directplus_ent/images/icon/icon_cost_savings.svg);
}
ul.topSupportPoint li:nth-child(2):before {
	background-image: url(/directplus_ent/images/icon/icon_support.svg);
}
ul.topSupportPoint li:nth-child(3):before {
	background-image: url(/directplus_ent/images/icon/icon_it_services.svg);
}
ul.topSupportPoint li img {
	width: 40px;
}

/*START Recommend
-------------------------------------------------*/
.page.dplustop .recommendLinksArea {
	padding: 30px 0;
}
.page.dplustop .recommendLinks {
	display: flex;
	justify-content: space-around;
}
.page.dplustop .recommendLinks > * {
	flex: 0 1 auto;
	width: 25%;
	margin-right: 10px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}
.page.dplustop .recommendLinks > *:last-child {
	margin-right: 0;
}
.page.dplustop .recommendLink:hover {
	color: #00B388;
}
.page.dplustop .recommendLinks .cover {
	margin-bottom: 10px;
}
.page.dplustop .recommendLinks .cover img {
	max-width: 110px;
	height: auto;
	margin: 0 auto;
}
.page.dplustop .recommendLinks .description {
	font-size: 13px;
	font-weight: normal;
}
@media (max-width:767px) {
	.page.dplustop .recommendLinks {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.page.dplustop .recommendLinks > * {
		width: calc(50% - 5px);
	}
	.page.dplustop .recommendLinks > *:nth-child(2n) {
		margin-right: 0;
	}
	.page.dplustop .recommendLinks > *:nth-child(n+3) {
		margin-top: 10px;
	}
}

/*START to HP D+ Banner
-------------------------------------------------*/
.bnr_to_hp_dp {
	border: 1px solid #ccc;
	margin-bottom: 40px;
}
.bnr_to_hp_dp img {
	margin: auto;
}
.bnr_to_hp_dp_link {
	text-align: left;
	display: flex;
	align-items: center;
}
.bnr_to_hp_dp_link > *:first-child {
	flex-grow: 0;
	margin: 0 40px 0 30px;
	max-width: 100%;
	height: auto;
}
.bnr_to_hp_dp_link .bnrTitle {
	font-size: 30px;
	font-weight: bold;
	color: #000;
	margin: 10px 0 5px;
}
.bnr_to_hp_dp_link .bnrLink {
	font-size: 16px;
	font-weight: bold;
	display: inline;
	position: relative;
	padding-right: 1.2em;
	color: #00B388;
}
@media only screen and (max-width: 999px) {
	.bnr_to_hp_dp_link .bnrTitle {
		font-size: 24px;
	}
}
@media only screen and (max-width: 767px) {
	.bnr_to_hp_dp_link {
		flex-wrap: wrap;
		text-align: center;
	}
	.bnr_to_hp_dp_link > *:first-child {
		margin: 0 auto 10px;
	}
	.bnr_to_hp_dp_link .bnrTitle {
		font-size: 22px;
		margin: 0 0 5px;
	}
	.bnr_to_hp_dp_link .bnrLink {
		font-size: 14px;
	}
}

/*START Ranking
-------------------------------------------------*/
.rankingThreeClm {
	display:table;
}
.rankingThreeClm .clm1,
.rankingThreeClm .clm2,
.rankingThreeClm .clm3 {
	display:table-cell;
	box-sizing:border-box;
	position:relative;
}
.rankingThreeClm .clm1,
.rankingThreeClm .clm3 {
	width:332px;
}
.rankingThreeClm .clm2 {
	width:336px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
@media only screen and (max-width:999px){
	.rankingThreeClm {
		display:block;
	}
	.rankingThreeClm .clm1,
	.rankingThreeClm .clm2,
	.rankingThreeClm .clm3 {
		display:block;
		width:100%;
		max-width:600px;
		margin:0 auto;
	}
	.rankingThreeClm .clm2 {
		border-left:none;
		border-right:none;
		border-top:1px solid #CCC;
		border-bottom:1px solid #CCC;
	}
}
.rankingThreeClm .rankingImg a {
	display:block;
}
/*
.rankingThreeClm .clm1 .rankingImg a:before, .rankingThreeClm .clm2 .rankingImg a:before, .rankingThreeClm .clm3 .rankingImg a:before {
	content:"";
	display:block;
	width:50px;
	height:63px;
	position:absolute;
	top:10px;
	left:20px;
	background-image:url(/directplus_ent/system/images/ranking_icon.png);
	background-repeat:no-repeat;
	-webkit-background-size: 50px auto;
	-moz-background-size:    50px auto;
	-ie-background-size:     50px auto;
	-o-background-size:      50px auto;
	background-size:         50px auto;
}
.rankingThreeClm .clm1 .rankingImg a:before {
	background-position:0 0;
}
.rankingThreeClm .clm2 .rankingImg a:before {
	background-position:0 -70px;
}
.rankingThreeClm .clm3 .rankingImg a:before {
	background-position:0 -140px;
}
*/
.rankingThreeClm .rankNum {
	display:block;
	position:absolute;
	top:10px;
	left:10px;
	background:#614767;
	color:#FFF;
	width:50px;
	height:50px;
	line-height:50px;
	font-weight:bold;
	text-align:center;
}
@media only screen and (max-width:999px){
	.rankingThreeClm .rankNum {
		left:100px;
	}
}
@media only screen and (max-width:767px){
	.rankingThreeClm .rankNum {
		left:10px;
	}
	.appealtxt{
	margin-top: 10px;
	margin-bottom: 10px;
	}
}
.rankingThreeClm .clm2 .rankNum,
.rankingThreeClm .clm3 .rankNum {
	background:#80746e;
}
.rankingThreeClm .rankingImg img {
	margin:0 auto;
	width:250px;
}
.rankingThreeClm .rankingTxt {
	padding:15px 20px;
	text-align:center;
}
.rankingThreeClm .rankingTxt .productName, .rankingThreeClm .rankingTxt .minPrice, .rankingThreeClm .rankingTxt .optokuPrice {
	display:block;
	text-align:center;
}
.rankingThreeClm .rankingTxt .productName {
	font-size:16px;
	margin-bottom:10px;
}
.rankingThreeClm .rankingTxt .minPrice {
	font-size:13px;
	margin-bottom:5px;
}
.rankingThreeClm .rankingTxt .minPrice > span {
	display:inline-block;
	margin-left:15px;
	text-decoration:line-through;
}
.rankingThreeClm .rankingTxt .optokuPrice {
	font-size:17px;
}
.rankingThreeClm .rankingTxt .optokuPrice > span {
	display:inline-block;
	margin-left:15px;
}

/*202009ver*/
.ranking2Area {}
.ranking2Area .pcTxt,
.ranking2Area .pcImg {
	display: none;
}
.ranking2Area > h2 {
/*	font-size: 20px;
	text-align: center;*/
}
.rankItems {
	display: flex;
	flex-wrap: wrap;
}
.rankItem {
	flex: 1;
	flex-basis: calc(50% - 5px);
	max-width: calc(50% - 5px);
	position: relative;
}
.rankItem:first-child {
	flex-basis: 100%;
	max-width: 100%;
}
.rankItem:nth-child(2) {
	margin-right: 10px;
}
.rankItemHeader {
	font-size: 14px;
	font-weight: bold;
	display: flex;
	align-items: start;
	flex-direction: column;
}
.rankItem:first-child .rankItemHeader {
	font-size: 18px;
}
.rankItemNum {
	font-size: 12px;
	width: 100%;
	height: 40px;
	line-height: 40px;
    background: #80746e;
	color: #000;
	text-align: center;
	margin-right: 10px;
	flex-shrink: 0;
}
.rankItemNum > * {
	font-size: 18px;
}
.rankItem:first-child {
	margin-bottom: 10px;
}
.rankItem:first-child .rankItemNum {
	width: 100%;
    height: 40px;
    line-height: 40px;
}
.rankItem:first-child .rankItemNum {
	background: #7ff9e2;
}
.rankItem:nth-child(2) .rankItemNum {
	background: #32dac8;
}
.rankItem:nth-child(3) .rankItemNum {
	background: #0d5265;
	color: #fff;
}
.rankItem:first-child .rankItemNum > * {
	font-size: 20px;
}
.rankItemName {
	display: flex;
	flex-wrap: wrap;
	align-self: center;
	line-height: 1.41;
	margin-top: 10px;
}
.rankItemName > * {
	display: inline-block;
}
.rankItemName > *:not(:last-child) {
	margin-right: .5em;
}
.rankItemImg {
	margin-bottom: 10px;
	text-align: center;
}
.rankItemImg img {
	margin: auto;
	max-width: 100%;
}
.rankItemTxt {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
.rankItemTxt .btn {
	font-size: 14px;
	font-weight: bold;
	min-width: auto;
	max-width: 160px;
	margin: 0 auto;
	padding-left: 10px;
    padding-right: 10px;
    display: block;
}

@media only screen and (min-width:768px){
	.ranking2Area .spTxt,
	.ranking2Area .spImg {
		display: none;
	}
	.ranking2Area .pcTxt,
	.ranking2Area .pcImg {
		display: inline-block;
	}
	.ranking2Area > h2 {
		text-align: left;
	}
	.rankItems {
		flex-wrap: nowrap;
	}
	.rankItem,
	.rankItem:first-child {
		flex-basis: calc(33.33333333333333% - 14px);
		max-width: calc(33.33333333333333% - 14px);
		border-right: 1px solid #ccc;
		padding-right: 10px;
		margin-right: 10px;
	}
	.rankItem:last-child {
		border-right: none;
		padding-right: 0;
		margin-right: 0;
	}
	.rankItem:first-child {
		margin-bottom: 0;
	}
	.rankItemNum {
		width: 100%;
	    height: 40px;
	    line-height: 40px;
	}
	.rankItemNum > * {
		font-size: 20px;
	}
	.rankItem .rankItemHeader {
		font-size: 18px;
	}
	.appealtxt{
	margin-top: 10px;
    padding: 0 2em;
	}
	.servertop .appealtxt{
		padding: 0 1em;/*サーバートップ用*/
	}
	.rankItemName {
		display: block;
	}
	.rankItemImg img {
		max-width: 200px;
	}
	.rankItemTxt {
		font-size: 9px;
	}
	.rankItemTxt .btn {
		font-size: 14px;
		max-width: calc(100% - 20px);
	}
	.rankItemTxt .optokuPrice {
		font-size: 13px;
	}
}
@media only screen and (min-width:999px){
	.rankItemTxt {
		font-size: 11px;
	}
	.rankItemTxt .btn {
		font-size: 16px;
		max-width: 290px;
	}
}

/*高さを揃える*/
.rankItem:not(:first-child) {
	padding-bottom: 150px;
}
.rankItem:not(:first-child) .rankItemImg {
	position: absolute;
	bottom: 75px;
	left: 0;
	right: 0;
	margin: auto;
}
.rankItem:not(:first-child) .rankItemTxt {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
}
@media only screen and (min-width:768px){
	.rankItem:nth-child(n+1) {
		padding-top: 10px;
		padding-bottom: 265px;
	}
	.rankItem:nth-child(n+1) .rankItemImg {
		position: absolute;
		bottom: 75px;
		left: 0;
		right: 10px;
		margin: auto;
		width: calc(100% - 10px);
		height: 152px;
    	overflow: hidden;
	}
	.rankItem:nth-child(n+1) .rankItemTxt {
		position: absolute;
		bottom: 10px;
		left: 0;
		right: 10px;
		margin: auto;
		width: calc(100% - 10px);
	}
}
/*高さを揃えるここまで*/


/*START Feature article
-------------------------------------------------*/
.featureWithThumb .featThumb {
	float:left;
	margin-right:10px;
}
.featureWithThumb .featThumb img {
	width:120px;
}
@media only screen and (max-width:400px){
	.featureWithThumb .featBtn {
		width: 100%;
		display: inline-block;
		text-align: center;
	}
}
.casestudyWithThumb .caseThumb {
	margin-bottom:10px;
}
.casestudyWithThumb .caseThumb img {
	width:320px;
}
.casestudyWithThumb .caseTxt a {
	color:#707070;
}
.casestudyWithThumb .caseTxt a:hover {
	color:#000;
}
@media only screen and (max-width:999px){
	.casestudyWithThumb .caseThumb img {
	 	margin:0 auto;
		width:100%;
	}
	.casestudyWithThumb .caseBtn {
		text-align:center;
	}
}
ul.recipeThumb li {
	width:33.3%;
	float:left;
}
ul.recipeThumb li a {
	display:block;
}
ul.recipeThumb li img {
	width:100%;
}
/*@media only screen and (max-width:767px){
	ul.recipeThumb li {
		width:20%;
	}
}*/

/*START Whatsnew
-------------------------------------------------*/
.whatsNew ul li {
	margin-top:15px;
}
.whatsNew ul li a {
	color:#707070;
}
.whatsNew ul li a:hover {
	color:#000;
}
.whatsNew ul li:first-child {
	margin-top:0;
}
.whatsNew ul li {
	padding-left:110px;
	line-height:20px;
	position:relative;
}
.whatsNew ul li:before {
	display:block;
	font-size:11px;
	line-height:20px;
	text-align:center;
	color:#FFF;
	width:100px;
	height:20px;
	position:absolute;
	left:0;
	top:0;
}
.whatsNew ul li.newsIcon_newpro:before {
	content:"新製品";
	background-color:#C140FF;
}
.whatsNew ul li.newsIcon_info:before {
	content:"お知らせ";
	background-color:#01A982;
}
.whatsNew ul li.newsIcon_cam:before {
	content:"キャンペーン";
	background-color:#ff8300;
}
.whatsNew ul li.newsIcon_feat:before {
	content:"記事";
	background-color:#7630ea;
}
.whatsNew ul li.newsIcon_old:before {
	content:"販売終了";
	background-color:#0D5265;
}
.whatsNew .newsDate,
.whatsNew .newsTxt {
	display:table-cell;
	vertical-align:top;
}
.whatsNew .newsDate {
	width:100px; 
}
.whatsNew ul.listC {
    margin-left: 1em;
    padding: 0;
}
.whatsNew ul.listC li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.whatsNew ul.listC li::marker {content: '・';}
@media only screen and (max-width:999px){
	.whatsNew ul li {
		padding-left:0;
	}
	.whatsNew .newsDate,
	.whatsNew .newsTxt {
		display:block;
	}
	.whatsNew .newsDate {
		padding-left:110px;
		margin-bottom:5px;
	}
}
.whatsNewBtn {
	text-align:right;
}
@media only screen and (max-width:999px){
	.whatsNewBtn {
		text-align:center;
	}
}
.newsTable tr {
	border-bottom:1px dotted #CCC;
}
.newsTable tr:first-child {
	border-top:1px dotted #CCC;
}
.newsTable th {
	background-color:#F6F6F6;
}
.newsTable th, .newsTable td {
	border-collapse: collapse;
	padding: 10px 5px;
	vertical-align: middle;
}

/*START Directplus merit
-------------------------------------------------*/
.directplusMerit {
	padding-top:40px;
	padding-bottom:40px;
	text-align:center;
}
.directplusEstimate_belt{
	background-color: #01A982;
	color: #FFF;
}
.directplusMerit_belt{
	background-color: #0d5265;
}
.directplusEstimate_belt h2::after, .directplusMerit_belt h2::after{
	content: none;
}
.directplusMerit ul.meritList {
	width:100%;
	margin-bottom:5px;
}
.directplusMerit ul.meritList li {
	background:#FFF;
	width:232px;
	height:232px;
	float:left;
	margin-left:10px;
	box-sizing:border-box;
	position:relative;
}
.directplusMerit ul.meritList li:first-child {
	margin-left:0;
}
.directplusMerit ul.meritList li > a {
	display:block;
	width:100%;
	height:100%;
	padding:20px;
	box-sizing:border-box;
}
.directplusMerit ul.meritList li img {
	width:100%;
}
.directplusMerit ul.meritList li a span {
	position:absolute;
	bottom:40px;
	left:0;
	display:block;
	width:100%;
	padding:0 40px;
	box-sizing:border-box;
}
.directplusMerit .btn-tertiary{min-width: 200px;}
@media only screen and (max-width:999px){
	.directplusMerit ul.meritList {
		width:474px;
		margin:0 auto;
	}
	.directplusMerit ul.meritList li {
		margin-top:10px;
	}
	.directplusMerit ul.meritList li:first-child, .directplusMerit ul.meritList li:nth-child(2) {
		margin-top:0;
	}
	.directplusMerit ul.meritList li:nth-child(even) {
		margin-left:10px;
	}
	.directplusMerit ul.meritList li:nth-child(odd) {
		margin-left:0;
	}
}
@media only screen and (max-width:504px){
	.directplusMerit ul.meritList {
		width:232px;
	}
	.directplusMerit ul.meritList li {
		float:none;
	}
	.directplusMerit ul.meritList li:nth-child(even) {
		margin-left:0;
	}
	.directplusMerit ul.meritList li:nth-child(2) {
		margin-top:10px;
	}
}

/*START Contact us
-------------------------------------------------*/
.contactUs {
	padding-top:40px;
	padding-bottom:40px;
}
.contactUs .contactColumn {
	display:table;
	margin-bottom:5px;
}
.contactUs .contactColumn .left {
	display:table-cell;
	vertical-align:top;
	width:716px;
	background:#FFF;
	padding:20px 30px 20px 120px;
	box-sizing:border-box;
	position:relative;
}
.contactUs .contactColumn .right {
	display:table-cell;
	vertical-align:top;
	width:485px;
}
.contactUs .contactColumn .right > div {
	margin-left:10px;
	background:#FFF;
	padding:20px 30px 20px 120px;
	display:inline-block;
	height:100%;
	position:relative;
}
.contactUs .contactColumn .left:before, .contactUs .contactColumn .right > div:before {
	content:"";
	display:block;
	width:60px;
	height:60px;
	position:absolute;
	left:30px;
	top:50%;
	margin-top:-30px;
	background-image:url(/directplus_ent/system/images/contact_icon.svg);
	background-repeat:no-repeat;
	-webkit-background-size: 60px auto;
	-moz-background-size:    60px auto;
	-ie-background-size:     60px auto;
	-o-background-size:      60px auto;
	background-size:         60px auto;
}
.contactUs .contactColumn .left:before {
	background-position:0 0;
}
.contactUs .contactColumn .right > div:before {
	background-position:0 -70px;
}
@media only screen and (max-width:999px){
	.contactUs .contactColumn {
		display:block;
		width:100%;
	}
	.contactUs .contactColumn .left {
		display:block;
		width:100%;
		margin-bottom:10px;
		padding:80px 15px 15px 15px;
	}
	.contactUs .contactColumn .right {
		display:block;
		width:100%;
	}
	.contactUs .contactColumn .right > div {
		margin-left:0;
		width:100%;
		box-sizing:border-box;
		padding:80px 15px 15px 15px;
	}
	.contactUs .contactColumn .left:before, .contactUs .contactColumn .right > div:before {
		left:50%;
		top:15px;
		margin-left:-30px;
		margin-top:0;
	}
}
.contactUs .tel {
	font-size:16px;
}
.contactUs .tel .phone {
	display:inline-block;
	margin-left:20px;
	font-size:36px;
}
.contactUs .tel .cellPhone {
	display:inline-block;
	margin-left:20px;
	font-size:24px;
}
.contactUs .eMail span {
	display:block;
	margin-bottom:10px;
	font-size:16px;
}
@media only screen and (max-width:999px){
	.contactUs .tel .phone {
		display:block;
		margin-left:0;
	}
	.contactUs .tel .cellPhone {
		display:block;
		margin-left:0;
	}
	.contactUs .eMailBtn {
		text-align:center;
	}
}
.contactUsIconTel, .contactUsIconMail {
	padding-left:80px;
	position:relative;
}
.contactUsIconTel:before, .contactUsIconMail:before {
	content:"";
	display:block;
	width:60px;
	height:60px;
	position:absolute;
	left:0;
	top:0;
	background-image:url(/directplus_ent/system/images/contact_icon.svg);
	background-repeat:no-repeat;
	-webkit-background-size: 60px auto;
	-moz-background-size:    60px auto;
	-ie-background-size:     60px auto;
	-o-background-size:      60px auto;
	background-size:         60px auto;
}
.contactUsIconTel:before {
	background-position:0 0;
}
.contactUsIconMail:before {
	background-position:0 -70px;
}


/*START Footnote
-------------------------------------------------*/
ul.footnote li {
	margin-top:5px;
}
ul.footnote li:first-child {
	margin-top:0;
}
.footnoteWithThumb .footnoteThumb {
	float:left;
}
.footnoteWithThumb .footnoteTxt {
	margin-left:110px;
}
.footnoteWithThumb .footnoteTxt p span {
	display:inline-block;
	margin-bottom:5px;
}
@media only screen and (max-width:999px){
	.footnoteWithThumb .footnoteThumb {
		float:none;
		margin-bottom:10px;
	}
	.footnoteWithThumb .footnoteTxt {
		margin-left:0;
	}
}
.footLink {
	text-align:center;
}
.footLink ul {
	display:inline-block;
}
.footLink ul li {
	float:left;
	margin-left:10px;
	padding-left:10px;
	border-left:1px solid #CCC;
}
.footLink ul li:first-child {
	margin-left:0;
	padding-left:0;
	border-left:none;
}
.footLink ul li a {
	color:#707070;
}
.footLink ul li a:hover {
	color:#000;
}
@media only screen and (max-width:999px){
	.footLink {
		text-align:left;
	}
	.footLink ul {
		display:block;
	}
	.footLink ul li {
		float:none;
		margin-left:0;
		padding-left:0;
		border-left:none;
	}
	.footLink ul li a {
		display:block;
		padding:10px 0;
		border-bottom:1px solid #DDD;
		color:#000;
		font-size:13px;
	}
}

/*START Footnote intel
-------------------------------------------------*/
.footnoteIntel .intelLogo {
	float:left;
	width:65%;
}
.footnoteIntel .intelTxt {
	float:left;
	width:35%;
}
.footnoteIntel .intelLogo ul {
	margin-right:40px;
}
.footnoteIntel .intelLogo ul li {
	width:20%;
	float:left;
}
.footnoteIntel .intelLogo ul li img {
	margin: 0 auto;
}
.footnoteIntel .intelLogo ul li span {
	display: inline-block;
	margin-bottom:10px;
}

.footnoteIntel2 .intelLogo {
	float:left;
	width:100px;
	margin-right:40px;
}
.footnoteIntel2 .intelTxt {
	float:left;
	width:1060px;
}

/* インテル Xeon スケーラブル・プロセッサー搭載 windows icon&banner枠 */
.title_msgen10, .title_msgen11, .title_dl360gen10{display: none;}
.page.msgen10 .title_msgen10{	display: initial;}
.page.msgen11 .title_msgen11{	display: initial;}
.page.dl360gen10 .title_dl360gen10{	display: initial;}

@media only screen and (max-width:768px){
	.footnoteIntel .intelLogo ul li {
		width:50%;
		margin-top:20px;
	}
	.footnoteIntel .intelLogo ul li:first-child, .footnoteIntel .intelLogo ul li:nth-child(2) {
		margin-top:0;
	}
}

@media only screen and (max-width:999px){
	.footnoteIntel .intelLogo, .footnoteIntel .intelTxt {
		float:none;
		width:100%;
	}
	.footnoteIntel .intelLogo {
		margin-bottom:30px;
	}
	.footnoteIntel .intelLogo ul {
		margin-right:0;
	}
	.footnoteIntel2 .intelLogo, .footnoteIntel2 .intelTxt {
		float:none;
		width:100%;
	}
	.footnoteIntel2 .intelLogo {
		margin-bottom:10px;
	}
}

/*START Specs tab
-------------------------------------------------*/
.specsNav {
	text-align:center;
}
@media only screen and (max-width:768px){
	.specsNav {
		position:relative;
		height:83px;
	}
}
.specsNav ul {
	margin: 20px auto;
	border: 2px solid #425563;
	display:inline-block;
	box-sizing:border-box;
}
.specsNav ul li {
	border-left: solid 2px #425563;
	display:table-cell;
	vertical-align:middle;
	min-width:200px;
	color:#000;
	box-sizing:border-box;
}
.specsNav ul li:first-child {
	border-left: none;
}
.specsNav ul li a {
	display: block;
    padding: 10px;
}
.specsNav ul li.active a {
	color:#FFF;
}
.specsNav ul li.active {
	background-color:#425563;
}
.specsNav ul li:hover {
	background-color:#425563;
}
.specsNav ul li:hover a {
	color:#FFF;
}
/*.specsNav ul li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding:10px;
	box-sizing: border-box;
	color:#000;
	font-size:15px;
}*/
@media only screen and (max-width:768px){
	/*.specsNav ul {
		position:absolute;
		top:0;
		left:0;
	}*/
	.specsNav ul li {
		white-space:nowrap;
	}
}

@media only screen and (max-width:450px){
/*	.specsNav ul {
		width:290px;
	}
	.specsNav ul li {
		width:50%;
		min-width: initial;
	}*/
}

/*START Tabs
-------------------------------------------------*/
.tabs {
	text-align:center;
}
@media only screen and (max-width:768px){
	.tabs {
		position:relative;
		height:83px;
	}
}
.tabs ul {
	margin: 20px auto;
	border: 2px solid #425563;
	display:inline-block;
	box-sizing:border-box;
	transition: all .2s ease;
}
.tabs ul li {
	border-left: solid 2px #425563;
	display:table-cell;
	vertical-align:middle;
	min-width:200px;
	color:#000;
	box-sizing:border-box;
}
.tabs ul li:first-child {
	border-left: none;
}
.tabs ul li a {
	display: block;
    padding: 10px;
}
.tabs ul li.active a {
	color:#FFF;
}
.tabs ul li.active {
	background-color:#425563;
}
.tabs ul li:hover {
	background-color:#425563;
}
.tabs ul li:hover a {
	color:#FFF;
}
@media only screen and (max-width:768px){
	.tabs ul li {
		width:200px;
	}
}
/*
@media only screen and (max-width:450px){
	.specsNav ul {
		width:290px;
	}
	.specsNav ul li {
		width:50%;
		min-width: initial;
	}
}
*/

/*START Product page
-------------------------------------------------*/
.product {}

/* 製品名 */
.product__header {
	margin-bottom: 15px;
}
/*製品ページ　サブスク*/
.product .subscprice {
  text-align: center;
  padding: 10px 0 0;
  font-size: 12px;
}
/* 説明、製品画像 */
.product__descriptionWrapper {
	margin: 0 0 40px;
}
@media only screen and (min-width: 1000px) {
	.product__description {
		display: flex;
	}
	.product__description > .clm1 {
		flex-basis: 59%;
		margin-right: 2%;
	}
	.product__description > .clm2 {
		flex-basis: 39%;
	}
}

/* 説明、製品画像 v2 */
.product__description2Wrapper {}
.product__description2 > .clm1 {
	flex-basis: 39%;
	margin-bottom: 20px;
}
.noCampaign .product__description2Wrapper {
	margin-bottom: 40px;
}

@media only screen and (min-width: 1000px) {
	.product__description2Wrapper {
		margin: 0 0 40px;
	}
	.product__description2 {
		display: flex;
		margin-bottom: 20px;
	}
	.product__description2 > .clm1 {
		flex-basis: 39%;
		margin-bottom: 0;
		margin-right: 2%;
	}
	.product__description2 > .clm2 {
		flex-basis: 59%;
	}
}

/* 価格 */
.product__priceWrapper {
	margin: 0 0 40px;
}
.product__priceWrapper > *:not(:last-child) {
	/* キャンペーン情報が後に続くときのみ、間にボーダーを引く */
	border-bottom: 1px solid #ccc;
	margin: 0 0 20px;
	padding: 0 0 20px;
}
.product__price {
	display: flex;
	align-items: center;
}
.product__price > * {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media only screen and (min-width: 1000px) {
	.product__price {
		align-items: stretch;
	}
	.product__price > * + * {
		border-left: 1px solid #ccc;
	}
	.product__price .layout__show1000px {
		display: flex !important;
	}
}

/* 製品紹介文 */
.product__toc {
	margin-bottom: 40px;
}
.product__overview {
	margin-bottom: 40px;
}

/* キャンペーン */
.product__campaignWrapper {}
.product__campaignWrapper > *:not(:last-child) {
	border-bottom: 1px solid #ccc;
	margin: 0 0 20px;
	padding: 0 0 20px;
}
.product__campaign > *:not(:last-child) {
	margin-bottom: 20px;
}
.product__campaign__detailLink {
	margin-top: 15px;
}
@media only screen and (min-width: 415px) {
	.product__campaign {
		display: flex;
	}
	.product__campaign > * {
		flex: auto;
	}
	.product__campaign > *:first-child {
		flex-basis: 200px;
		flex-grow: 0;
		margin-right: 20px;
	}
	.product__campaign > *:nth-child(2) {
		flex-basis: calc(100% - 200px);
	}
	.product__campaign > *:not(:last-child) {
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 1000px) {
	.product__campaignWrapper {
		padding-top: 20px;
		border-top: 1px solid #ccc;
	}
	.product__campaign__detailLink {
		text-align: right;
	}
	.layout__show1000px .product__campaign__detailLink {
		text-align: left;
	}
}

/* 適用可能なキャンペーン */
.product__adaptableCampaignWrapper {
	border: 2px solid #ccc;
	margin: 0 0 20px;
	padding: 20px;
}
.product__adaptableCampaignWrapper > *:not(:last-child) {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.product__adaptableCampaign {
	text-align: center;
}
.product__adaptableCampaign > *:not(:last-child) {
	margin-bottom: 20px;
}
/*キャンペーン用ミニバナー
========================================================*/
.minbnr_txt {
  padding: 2px 0 0;
  font-size: 11px;
  background-color: #7630ea;
  color: #ffffff;
}
/* 製品4つ以下の場合 */
tr:has(> :nth-child(-n+4):last-child) td .minbnr_txt {
	font-size: 11px;
}
/* 製品6つの場合 */
tr:has(> :nth-child(7):last-child) td .minbnr_txt{
    font-size: 9px;
}
/* 製品7つの場合 */
tr:has(> :nth-child(8):last-child) td .minbnr_txt{
    font-size: 8px;
}
/* 製品8つの場合 */
tr:has(> :nth-child(9):last-child) td .minbnr_txt{
    font-size: 7px;
}
.minbnr_storeeasy_yattane_campaign {
    width: 300px;
    height: 55px;
    /* background-color: aquamarine; */
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    border: 1px solid #cccccc;
    color: #fff;
    background-color: #ffffff;
}
.minbnr_storeeasy_yattane_campaign .minbnr_txt{
	padding: 0 0 0 8px;
	font-size: initial;
	background-color: initial;
}

.minbnr_storeeasy_yattane_campaign .minbnr_inr {height: 100%;background: url(/directplus_ent/images/banners/bnr_storeeasy1470.png);background-repeat: no-repeat;background-position: bottom 3px right 5px;background-size: auto 25px;z-index: 1;display: flex;align-items: center;}

.minbnr_storeeasy_yattane_campaign .minbnr_gradient {
    height: 100%;
    background: #7630ea;
    background: -moz-linear-gradient(top left, #01d9a6 0%, #7630ea 50%, #eb3474 100%);
    background: -webkit-gradient(linear, left top, right bottom, from(#01d9a6), color-stop(50%, #7630ea), to(#eb3474));
    background: -webkit-linear-gradient(top left, #01d9a6 0%, #7630ea 50%, #eb3474 100%);
    background: -o-linear-gradient(top left, #01d9a6 0%, #7630ea 50%, #eb3474 100%);
    background: linear-gradient(135deg, rgba(1, 217, 166, 1) 0%, rgba(118, 48, 234, 1) 50%, rgba(235, 52, 116, 1) 100%);
    background-size: 230px 100%;
    background-repeat: no-repeat;
    z-index: -10;
}
/*minbnr spec table*/
/*.xxx.campaign_minbnr {
  background: #eb3474;
  background: -moz-linear-gradient(bottom left, #ffc800 0%, #eb3474 50%, #8219f3 100%);
  background: -webkit-gradient(linear, left bottom, right top, from(#ffc800), color-stop(50%, #eb3474), to(#8219f3));
  background: -webkit-linear-gradient(bottom left, #ffc800 0%, #eb3474 50%, #8219f3 100%);
  background: -o-linear-gradient(bottom left, #ffc800 0%, #eb3474 50%, #8219f3 100%);
  background: linear-gradient(45deg, rgba(255,200,0,1) 0%, rgba(235,52,116,1) 50%, rgba(130,25,243,1) 100%);
  position: relative;
  color: #ffffff;
  padding: 4px 5px;
  background-size: 83% 100%;
  background-repeat: no-repeat;
  line-height: 1.2;
  font-size: 23px;
  font-weight: bold;
  width: 320px;
  box-sizing: border-box;
}*/
/*.xxx.campaign_minbnr::after {
  content: '';
  position: absolute;
  background-image: url(/directplus_ent/images/banners/xxx.jpg);
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
}*/
.minbnr_storeeasy_yattane_campaign.spectable {}

.minbnr_storeeasy_yattane_campaign.storeeasytablebnr {
    width: 100%;
    height: 28px;
    font-size: 63%;
    background-color: #ffffff;
}

.minbnr_storeeasy_yattane_campaign.storeeasytablebnr .minbnr_gradient {
    background-size: 75% 100%;
}

.minbnr_storeeasy_yattane_campaign.storeeasytablebnr .minbnr_inr {
    background-size: auto 30%;
}

.minbnr_storeeasy_yattane_campaign.storeeasytablebnr .minbnr_txt {
    padding: 2px 2px 2px 2px;
}
@media (max-width: 500px){
	.campaign_minbnr ,.minbnr_txt{}
}
/*キャンペーン用ミニバナー end*/
@media only screen and (min-width: 768px) {
	.product__adaptableCampaign {
		text-align: left;
	}
	.product__adaptableCampaign {
		display: flex;
		align-items: center;
	}
	.product__adaptableCampaign > * {
		flex: 1;
		flex-basis: 100%;
		flex-wrap: wrap;
		text-align: center;
	}
	.product__adaptableCampaign > *:not(:last-child) {
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 1000px) {
	.product__adaptableCampaign > * {
		flex: 1;
		flex-wrap: nowrap;
	}
}

/* オプ得 */
.product__optokuWrapper {
	margin: 0 0 40px;
	padding: 20px;
}
.product__optoku > *:not(:last-child) {
	margin-bottom: 15px;
}
@media only screen and (min-width: 415px) {
	.product__optoku {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.product__optoku > * {
		flex: auto;
		flex-grow: 0;
	}
	.product__optoku > *:first-child {
		flex-basis: calc(60% - 20px);
	}
	.product__optoku > *:last-child {
		flex-basis: 40%;
	}
	.product__optoku > *:not(:last-child) {
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 768px) {
	.product__optoku > *:first-child {
		flex-basis: calc(100% - 320px);
	}
	.product__optoku > *:last-child {
		flex-basis: 300px;
	}
}
@media only screen and (min-width: 1000px) {
	.product__optoku > *:first-child {
		flex-basis: 62%;
	}
	.product__optoku > *:last-child {
		flex-basis: 300px;
	}
}

/* キャンペーン実施状況で表示非表示 */
.hasCampaign .showOnly_duringCampaign {
	display: block;
}
.hasCampaign .hide_duringCampaign,
.noCampaign .showOnly_duringCampaign {
	display: none;
}

/* 画面サイズで表示非表示 */
*[class^="layout__show"],
*[class*=" layout__show"] {
	display: none !important;/* デフォルト(表示しない) */
}
.layout__show999px {
	display: block !important;/* 切り替えまではこれを表示 */
}
@media only screen and (min-width: 1000px) {
	/* 1000px以上で表示/非表示切替 */
	*[class^="layout__show"],
	*[class*=" layout__show"] {
		display: none !important;
	}
	.layout__show1000px {
		display: block !important;
	}
}
.hasCampaign *[class*="layout__show"].hide_duringCampaign,
.noCampaign *[class*="layout__show"].showOnly_duringCampaign {
	display: none !important;
}


/*START About Models
-------------------------------------------------*/
.aboutModels {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 40px;
	border-bottom: 1px solid #ccc;
}
.aboutModel {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.aboutModel:not(:last-child) {
	margin-bottom: 15px;
}
.aboutModelLabel {
	flex: 1;
	flex-basis: 20%;
	font-size: 15px;
	font-weight: bold;
}
.aboutModelDetail {
	flex: 1;
	flex-basis: 80%;
}
.aboutModelLabel.hasCampaign {
	flex-basis: 22%;
}
.aboutModelDetail.hasCampaign {
	flex-basis: 78%;
}
@media only screen and (min-width: 1000px) {
	.aboutModels {
		margin-top: 0;
		padding-top: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.aboutModel {
		flex-wrap: wrap;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.aboutModelLabel,
	.aboutModelDetail {
		flex-basis: 100%;
	}
}


/*START Specs table
-------------------------------------------------*/
.specsTabContent {
	margin-bottom:40px;
}
table.specTable {
	margin-bottom:20px;
	position: relative;
	line-height: 1.4;
	background-color: #ffffff;
}
table.specTable th a {
	color:#FFF;
}
table.specTable th, table.specTable td {
	border:1px solid #CCC;
	border-collapse:collapse;
	padding:5px 5px;
	font-size:12px;
	box-sizing:border-box;
}
.servertop table.specTable td:nth-child(odd) {
	background-color:#F6F6F6;
}
.servertop table.specTable td:nth-child(2n){
	background-color: #ffffff;
}
table.specTable th {
	background-color:#0D5265;
	color:#FFF;
	vertical-align:middle;
}
.storagetop table.specTable th {
  height: 3em;
/*  min-height: 3em;
  max-height: fit-content;*/
}
table.specTable td img {
	margin:0 auto;
	z-index: 0;
}
table.specTable .spTable .specRow {
	display:block;
	border-bottom:1px solid #CCC;
}
table.specTable .spTable .specRow {
	display:none;
}
/* specTable price */
table.specTable .price {
	display:block;
	margin-bottom:10px;
}
.specTableLinkS{
	font-size: 12px;
	font-weight: normal;
}
.specTableLinkS p{
	font-size: 12px;
	font-weight: normal;
}
.specTableLinkS .price{
	font-size: 12px;
}
.specTableLinkS .price:first-child span {
    font-weight: bold;
    font-size: 14px;
}
.specTableLinkS .price:not(:last-child) span{
	font-size: 14px;
	font-weight: bold;
}
.specTableLinkS .price p:not(:last-child) span{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
}
.specTableLinkS .price:first-child p:only-child span{
  font-size: 18px;
}
.specTableItem a.tertiary-link , table.specTable a.tertiary-link {
	/* 改行しない短いリンクにだけ適用可 */
    margin-bottom:1px;
    display:inline-block;
}
table.specTable .price a, table.specTable .specTableLinkS a {
	color:#707070;
}
table.specTable .price a:hover, table.specTable .specTableLinkS a:hover {
	color:#000;
}
/* specTable price end */

table.specTable .productImg {
	width:100%;
	max-width:100px;
}
table.specTable .specTableCpmBnr a {
	display:block;
	width:100%;
	max-width:200px;
	margin:0 auto;
}
table.specTable .specTableCpmBnr img {
	width:100%;
}
table.specTable .campPrc01 {
	font-size:11px;
	text-align:center;
	line-height:25px;
	color:#FFF;
	font-weight:bold;
	background-color:#000;
	display:block;
	width:100%;
}

.vTop    {vertical-align:top !important;}
.vMiddle {vertical-align:middle!important;}
.vBottom {vertical-align:bottom!important;}
table.specTable td {vertical-align:top;}
table.specTable .cta-link {padding:0 0 0 1.4em;}

/*table.specTable .secsIcon {
	position:relative;
}
table.specTable .secsIcon:before {
	content:"";
	display:block;
	width:30px;
	height:30px;
}*/
table.specTable .secsIcon:before {
	content:"";
	display:block;
	width:40px;
	height:40px;
	margin:0 auto 10px;
	background-image:url('/directplus_ent/server/images/spectable_icon.png');
	background-repeat:no-repeat;
	background-size:40px;
}

table.specTable .secsIcon.iconProsessor:before {
	background-position:0 0;
}
table.specTable .secsIcon.iconMemory:before {
	background-position:0 -40px;
}
table.specTable .secsIcon.iconDrive:before {
	background-position:0 -80px;
}
table.specTable .secsIcon.iconDiscController:before {
	background-position:0 -120px;
}
table.specTable .secsIcon.iconNetwork:before {
	background-position:0 -160px;
}
table.specTable .secsIcon.iconPower:before {
	background-position:0 -200px;
}
table.specTable .secsIcon.iconRemote:before {
	background-position:0 -240px;
}
table.specTable .secsIcon.iconSupport:before {
	background-position:0 -280px;
}
table.specTable .secsIcon.iconMaintenance:before {
	background-position:0 -320px;
}
table.specTable .secsIcon.iconEducation:before {
	background-position:0 -360px;
}

.responsiveTable th, .responsiveTable td {
	border:solid 1px #CCC;
	border-collapse:collapse;
	padding:10px 5px;
	vertical-align:middle;
	font-size:12px;
	text-align:center;
}
.responsiveTable th {
	background-color:#0D5265;
	color:#FFF;
}

ul.serverSpecList {
	margin-bottom:20px;
	width:100%;
}
ul.serverSpecList li {
	float:left;
	width:12%;
	padding-left: 1em;
	text-indent: -1em;
	box-sizing: border-box;
	text-align:center;
	padding-bottom: 10px;
	height: 6em;
}
ul.serverSpecList li:before {
	content:"・";
	display:inline;
}
/*製品ページ*/
.product_MainImg{
}
.specTable2 {
	width:1000px;
}
/*製品スペック表*/
.specTable2 .btn-secondary {
	min-width: 150px;
	padding: 10px 10px;
	margin: 0 5px;
}
.specTable2 table tr td.bgW {
	background-color: #FFFFFF !important;
}
.specTable2 table tr td.bgG {
	background-color: #F6F6F6 !important;
}
.specTable2 table {
	font-size:12px;
	line-height:1.4;
}
.specTable2 table tr th,
.specTable2 table tr td {
	padding:7px 0;
}
.specTable2 table tr td {
	text-align:center;
	vertical-align:middle;
	border-bottom:1px solid #CCC;
}
.specTable2 table tr:nth-child(2) td {
	border-top:1px solid #CCC;
}
.specTable2 table tr th {
	font-weight:bold;
	text-align:right;
	vertical-align:middle;
	padding-right:10px;
}
.specTable2 table tr:first-child th {
	font-size:14px;
	text-align:center;
	padding-right:0;
}
.specTable2 table tr:nth-child(odd) td {
	background-color:#F6F6F6;
}
.specTable2 table tr td.whiteCell {
	background-color:#FFF;
}
.specTable2 table tr td,
.specTable2 table tr:first-child th {
	border-right:1px dotted #CCC;
}
.specTable2 table tr:first-child th:first-child,
.specTable2 table tr:first-child th:last-child {
	border-right:none;
}
.specTable2 table tr td:last-child {
	border-right:none;
}
.specTable2 table tr td:last-child {
	border-right:none;
}
.specTable2.title2lines table tr:nth-child(3) td {
	border-top:1px solid #CCC;
}
.title2lines .specTableTitle tr:first-child th {
	border-bottom: none;
}
.specTable2.title2lines table tr:nth-child(2) th {
	border-right:1px dotted #CCC;
}
.specTable2.title2lines table tr:nth-child(2) th {
	font-size:14px;
	text-align:center;
	padding-right:0;
}
.specTable2.title2lines table tr:nth-child(2) th:first-child,
.specTable2.title2lines table tr:nth-child(2) th:last-child {
	border-right:none;
}
.specTable2.title2lines table tr:first-child th {
	padding-bottom: 0;
}
.specTable2.title2lines table tr:nth-child(even) td {
    background-color: #F6F6F6;
}
.specTable2.title2lines table tr:nth-child(odd) td {
    background-color: #FFF;
}
.specTable2 tr.campaign td{
	vertical-align: inherit;
}
/*製品スペック表キャンペーンミニバナー*/
.specTable2 .specTableCpmBnr a{
	display: inline-block;
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
}
/*製品スペック表キャンペーンミニバナー end*/
.cutomizable {
	font-size:10px;
	color:#FFF;
	padding:3px 10px;
	background-color:#7630ea;
	display:block;
	max-width:110px;
	margin:0 auto 5px;
}
.cutomizable2 {
	font-size:10px;
	color:#FFF;
	padding:3px 10px;
	background-color:#7630ea;
	display:inline-block;
	max-width:110px;
	margin:0 15px 0 0;
}
.optokuTable table th {
	background-color:#0d5265;
	color:#FFF;
	font-weight:bold;
}

.specTableTitle {
	position:fixed;
	top:0;
	width:1000px;
	z-index:1000;
	display:none;
}
.fixed .specTableTitle {
	display:block;
}
.tableFixed .specTableTitle {
	display:block;
}
.specTableTitle th,
.specTableTitle td {
	background-color:#FFF;
	border-bottom:1px solid #CCC;
}
#CustomizeOrder .specTable2 a {
	min-width: calc(110px - 10px);
    margin: 0 5px;
    box-sizing: border-box;
}
#CustomizeOrder .specTable2 .campaign_minbnr a{
	display: inline-block;
}
table tr td.Bdrbtm_none {
  border-bottom: none;
}
/*製品比較テーブル Compare*/
#Compare .table th{
	background-color: #0d5265;
	color: #FFF;
	font-weight: bold;
}
#Compare .table th, #Compare .table th{
	border: solid 1px #CCC;
	padding: 10px 5px;
	vertical-align: middle;
}
#Compare .table tr:nth-child(odd) td{
	background-color: #F6F6F6;
}
#Compare .table tr:nth-child(even) td{
	background-color: #FFF;
}
#Compare .table a{
	color: #000;
}
@media only screen and (max-width:999px){
	table.specTable th a {
		color:#000;
	}
	table.specTable {
		margin-bottom:0;
	}
	table.specTable th,
	table.specTable td {
		display:block;
		width:100%;
		margin:0 auto;
		border:none;
		padding:0;
		margin-bottom:20px;
		float:left\9;
	}
	table.specTable th {
		background-color:#FFF;
		color:#000;
		text-align:left;
	}
	table.specTable th:not(.spTable),
	table.specTable td:not(.spTable) {
		display:none;
	}
	table.specTable .productTitle {
		display:block;
		font-size:18px;
		margin-bottom:10px;
		border-bottom:4px solid #425563;
		padding:0 0 5px 0;
	}
	table.specTable .spProductDetail {
		margin-bottom:40px;
	}
	table.specTable .spTable .specRow {
		display:block;
		border-bottom:1px solid #CCC;
		padding:10px 0;
	}
	table.specTable .spTable .specRow .specTitle {
		display:block;
		font-size:15px;
		margin-bottom:5px;
	}
	table.specTable .spTable .specRow .specTitle:after {
		content:"：";
		display:inline;
	}
	table.specTable .spTable .specRow .specDetail {
		display:block;
		font-size:14px;
	}
	table.specTable .spTable .specRow img {
		margin:0 auto;
	}
	table.specTable .spTable .specRow .specTableLinkS {
		font-size:14px;
	}
	table.specTable .spTable .specRow .price br {
		display:none;
	}
	table.specTable .pcBr {
		display:none;
	}
	table.specTable .secsIcon:before {
		display:none;
	}
/* レスポンシブテーブル */
	.responsiveTable th, .responsiveTable td {
		display:block;
		border:none;
		padding:0;
		font-size:14px;
		text-align:left;
	}
	.responsiveTable td:before {
		content:"・";
		display:inline;
	}
	.responsiveTable tr {
		display:block;
		margin-bottom:25px;
	}
	.responsiveTable tr:last-child {
		margin-bottom:0;
	}
	.responsiveTable tr:after {
		content: ".";
		display: block;
		height: 0;
		font-size: 0;
		clear: both;
		visibility: hidden;
	}
	.responsiveTable th {
		background-color:#FFF;
		color:#000;
		width:100%;
		font-size:18px;
		text-align:left;
	}
	.responsiveTable td {
		width:50%;
		float:left;
		margin-top:10px;
	}
	.responsiveTable .spNonDisplay {
		display:none;
	}
/*serverSpecList*/
	ul.serverSpecList li {
		width:50%;
		margin-top:10px;
		text-align:left;
	}
	ul.serverSpecList li:first-child {
		float:none;
		width:100%;
		margin-top:0;
	}
	.specTable2Area {
		overflow:scroll;
	}
	/*製品比較テーブル Compare*/
	#Compare table{
		width: 1000px;
	}
	#Compare .table{
		overflow: scroll;
		width: 100%;
	}
}
/* spec table icon */
*:has(>.newlabel){position: relative;}
.lineupSelector .newlabel::after {
	content: "新製品";
	background-color: #c140ff;
	color: #ffffff;
	position: absolute;
	top: -10px;
	right: 0;
	width: 100px;
	height: 24px;
	line-height: 25px;
	font-size: 14px;
	font-weight: normal;
}
*:has(>.newicon){position: relative;z-index: 1;}
.specTableArea .newicon::after {
	content: "新製品";
	position: absolute;
	width: 50px;
	height: 30px;
	display: inline-block;
	top: 0;
	right: 0;
	border-radius: 0 0 0 20px;
	text-align: center;
	line-height: 30px;
	color: #ffffff;
	background-color: #c140ff;
	font-size: 12px;
	font-weight: normal;
	z-index: -1;
}
/*table header sticky テーブル内TOP固定*/
/*
class="sticky_end"
class="sticky_title"
class="sticky_title02"
class="sticky_productimg"
class="sticky_campaign"
class="sticky_price"
*/
table.specTable .sticky_title td, table.specTable .sticky_title th{
	position: -webkit-sticky;
    position: sticky;
    top: -1px;
    left: 0;
    z-index: 2;
    pointer-events: none;
}
/*server*/
.specTower table.specTable .sticky_title th, .specRack table.specTable .sticky_title th, .specEdge table.specTable .sticky_title th{	height: 65px;}
table.specTable .sticky_productimg td, table.specTable .sticky_productimg th{
	position: -webkit-sticky;
    position: sticky;
    top: 64px;
    left: 0;
    z-index: 1;
    pointer-events: none;
}
table.specTable .sticky_campaign th, table.specTable .sticky_campaign td{
	position: -webkit-sticky;
  position: sticky;
  top: 159px;
  left: 0;
  box-sizing: border-box;
}
.campaign table.specTable .sticky_price th, .campaign table.specTable .sticky_price td{
	position: -webkit-sticky;
    position: sticky;
/*    top: 220px;*/
    left: 0;
    box-sizing: border-box;
    border: 1px solid #CCC;
    z-index: 1;
    border-bottom: none;
}
table.specTable .sticky_price th, table.specTable .sticky_price td{
	position: -webkit-sticky;
    position: sticky;
/*    top: 156px;*/
    left: 0;
    box-sizing: border-box;
    border: 1px solid #CCC;
    z-index: 1;
}
.specRack table.specTable .sticky_campaign th, .specRack table.specTable .sticky_campaign td{
  top: 155px;
}
.campaign .specRack table.specTable .sticky_price th, .campaign .specRack table.specTable .sticky_price td{
    top: 209px;
}
.specRack table.specTable .sticky_price th, .specRack table.specTable .sticky_price td{
    top: 155px;
}
.specRack table.specTable:nth-of-type(2) .sticky_price th,
 .specRack table.specTable:nth-of-type(2) .sticky_price td{
    top: 158px;
    z-index: 0;
}
.specRack table.specTable:nth-of-type(3) .sticky_price th,
 .specRack table.specTable:nth-of-type(3) .sticky_price td{
    top: 158px;
    z-index: 0;
}

table.specTable .sticky_productimg td::after, table.specTable .sticky_productimg th::after,
table.specTable .sticky_title td::after, table.specTable .sticky_title th::after,
.sticky_campaign th::before, .sticky_campaign td::before,
.sticky_price th::before, .sticky_price td::before{
        content: "";
        position: absolute;
        top: 1px;
        left: 1px;
        z-index: -1;
        width: 100%;
        height: calc(100%);
        border-bottom: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
        box-sizing: border-box;
}
.sticky_title a, .sticky_productimg a, .sticky_title02 a{	pointer-events: auto;}
/*storage*/
.storagetop table.specTable .sticky_title {   position: static;}
.storagetop table.specTable .sticky_title td::before, .storagetop table.specTable .sticky_title th::before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: calc(100% + 0px);
    z-index: -1;
    box-sizing: border-box;
    background-color: #0D5265;
}
.storagetop table.specTable .sticky_title th {z-index: 3;}
.storagetop table.specTable .sticky_title02 th {
	position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    top: -1px;
    left: 0;
}
.storagetop table.specTable .sticky_title02 th:before {
    content: "";
    background-color: #0D5265;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}
.storagetop .sticky_title02 {
	position: -webkit-sticky;
    position: sticky;
    top: 35px;
    left: 0;
    z-index: 2;
    box-sizing: border-box;
}
.storagetop table.specTable .sticky_productimg td, .storagetop table.specTable .sticky_productimg th{
	top: 70px;
}
.storagetop table.specTable .sticky_price th, .storagetop table.specTable .sticky_price td{
	top: 163px;
}
.msa table.specTable .sticky_price th, .msa table.specTable .sticky_price td{
		top: 161px;
}

.storagetop table.specTable .sticky_productimg td{background-color:#ffffff;}
.table1460 .sticky_price td,
.storagetop table.specTable .sticky_price td:nth-child(-n+3),
.msa .sticky_price td:nth-child(-n+4),
.msa .sticky_price td:nth-child(4){    background-color:#ffffff;}
.storagetop .table1470 td:nth-child(n+4),
.storagetop .table1570 td:nth-child(n+4),
.storagetop .table1670 td:nth-child(n+4),
.storagetop .sticky_productimg.stickybg01 td:nth-child(n+4){	background-color:#F6F6F6;}
.msa .sticky_price td:nth-child(n+5),
.msa table.specTable .sticky_price td:nth-child(3),
.msa .sticky_productimg.stickybg02 td:nth-child(n+5),
.msa .sticky_productimg.stickybg02 td:nth-child(3) {    background-color:#F6F6F6;}
.storagetop .sticky_title02 th::after {
content: "";
position: absolute;
top: 1px;
left: 1px;
z-index: -1;
width: 100%;
height: calc(100%);
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
box-sizing: border-box;
}
.storagetop .sticky_title02 td::after {
content: "";
position: absolute;
top: 1px;
left: 1px;
z-index: -1;
width: 100%;
height: calc(100%);
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
box-sizing: border-box;
}
/*storage campaign ver*/
.storagetop .noCampaign .sticky_campaign{
 display: none;
}
.storagetop .sticky_campaign td:nth-child(-n+3){background-color:#ffffff;}

/*tbodyまるごとsticky*/
tbody.sticky_tbody {
	position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    box-sizing: border-box;
    border-bottom: #cccccc 1px solid;
    background-color: #cccccc;
    z-index: 10;
}
table.specTable .sticky_tbody td:nth-child(2n){
    /* background-color: #ffffff; */
}
tbody.sticky_tbody:after{
    content:"";
    position:absolute;
    top: 0px;
    left: 0;
    box-sizing: border-box;
    background-color: #cccccc;
    width: 100%;
    height: calc(100% - 0px);
    z-index: -1;
}
 tbody.sticky_tbody tr, tbody.sticky_tbody tr:last-child th, tbody.sticky_tbody tr:last-child td{
    border-bottom: none;
}
/*START NAS banner
-------------------------------------------------*/
.Bnr {
	border: 1px solid #CCC;
	background-repeat: no-repeat;
	position: relative;
	display: block;
}
.Bnr.NasNo1{
	background-image: url('/directplus_ent/images/banners/bnr_bg_idc_nas_no1_fy23q3.jpg');
	background-size: cover;
}
.NasNo1 {
	border: 2px solid #CCC;
	box-sizing: border-box;
}
.NasNo1Inr {
	box-sizing: border-box;
	margin: 10px;
}

.NasNo1Ttl {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.2;
}
.NasNo1Txt{
	font-size:13px;
	line-height:1.4;
	margin-right: 10px;
}
.NasNo1Note {
	font-size: 10px;
	line-height: 1.4;
	margin: 10px 0;
}
@media (max-width:999px){
	.NasNo1 img {
	width: 70%;
	padding: 10px 0;
	}
}
/*START server top informations 関連情報
-------------------------------------------------*/
.servertop .informations {
	font-size: 12px;
}
.servertop .information {
	display: flex;
	align-items: baseline;
}
.servertop .information-label {
	flex: 0 0 11em;
	text-align: center;
	color: #fff;
	margin-right: 10px;
	background-color: #7630EA;
}
.servertop .information:not(:last-child) {
	margin-bottom: 10px;
}
/*START Purpose
-------------------------------------------------*/
.purposeLead .purposeLeadThumb,
.purposeLead .purposeLeadTxt {
	float:left;
}
.purposeLead .purposeLeadThumb {
	width:150px;
}
.purposeLead .purposeLeadTxt {
	width:850px;
}
.purposeLead .purposeLeadThumb img {
	width:100px;
	margin:0 auto;
}
.selectionPointTable {
	width:100%;
}
.selectionPointTable .table {
	width:1000px;
}
.bnr_see_also{
	margin-top: 10px;
	display: block;
	font-size: 12px;
}
.purposeLeadTxt .bnr_see_also_inr {
	background: url(/directplus_ent/images/banners/bnr_aI_texture_16_9_w850.webp);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 10px;
	position: relative;
	z-index: -1;
	border: 1px #cccccc solid;
	background-size: cover;
}
.purposeLeadTxt .bnr_see_also_inr::after{
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: inline-block;
	position: absolute;
	background: #d7fff7;
	background: -moz-linear-gradient(top left, #ffffff 50%, transparent 100%);
	background: -webkit-gradient(linear, left top, right bottom, from(#ffffff), to(transparent));
	background: -webkit-linear-gradient(top left, #ffffff 50%, transparent 100%);
	background: -o-linear-gradient(top left, #ffffff 50%, transparent 100%);
	background: linear-gradient(90deg, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
	background-repeat: repeat;
	background-size: auto;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: -1;
}
.selectionPointTable .table th,
.selectionPointTable .table td {
	border:solid 1px #CCC;
	border-collapse:collapse;
	padding:5px 5px;
	vertical-align:middle;
}
/*tr color select pages*/
.selectionPointTable .table .purpleCell th,
.selectionPointTable .table .purpleCell td {
	background-color:#7630ea;
	color:#FFF;
}
.selectionPointTable .table .purpleCell th {
	font-weight:bold;
}
.page.file tr.selectfile th, .page.file tr.selectfile td,
.page.virtualhost tr.selectvirtualhost th, .page.virtualhost tr.selectvirtualhost td,
.page.webapp tr.selectwebapp th, .page.webapp tr.selectwebapp td,
.page.database tr.selectdatabase th, .page.database tr.selectdatabase td,
.page.sds tr.selectsds th, .page.sds tr.selectsds td,
.page.edge tr.selectedge th, .page.edge tr.selectedge td,
.page.ai tr.selectai th, .page.ai tr.selectai td{
background-color: #7630ea;
color: #FFF;
}
.page.file tr.selectfile td,
.page.virtualhost tr.selectvirtualhost td,
.page.webapp tr.selectwebapp td,
.page.database tr.selectdatabase td,
.page.sds tr.selectsds td,
.page.edge tr.selectedge td,
.page.ai tr.selectai td{
font-weight: bold;
}
.page.file tr.selectfile th a,
.page.virtualhost tr.selectvirtualhost th a,
.page.webapp tr.selectwebapp th a,
.page.database tr.selectdatabase th a,
.page.sds tr.selectsds th a,
.page.edge tr.selectedge th a,
.page.ai tr.selectai th a{
	border: none;
    color: #ffffff !important;
    pointer-events: none;
    font-weight: bold;
}
/*記号文字*/
.selectionPointTable span.triangle {    font-size: 16px;}
.selectionPointTable span.circle {    font-size: 16px;}
.selectionPointTable span.doublecircle {    font-size: 20px;}

.purpuseRelatedLink .clm1,
.purpuseRelatedLink .clm2,
.purpuseRelatedLink .clm3 {
	display:table-cell;
}
.purpuseRelatedLink .clm1 {
	width:140px;
	vertical-align:top;
}
.purpuseRelatedLink .clm2 {
	width:812px;
	vertical-align:top;
}
.threeColumnLinkList > ul {
	padding: 10px 15px;
}
.threeColumnLinkList > ul > li {
    float: left;
    width: 33%;
}
.purposeRecommendMenu {
	width:100%;
}
.purposeRecommendMenu > .clm1,
.purposeRecommendMenu > .clm2{
	float:left;
	width:50%;
	box-sizing:border-box;
	padding:15px 20px;
}
.purposeRecommendMenu > .clm1:has( + .clm2 + div.clm3 ),
.purposeRecommendMenu > .clm2:has( + div.clm3 ),
.purposeRecommendMenu > .clm3 {
	float:left;
	width: 33%;
	box-sizing:border-box;
	padding:15px 10px;
}
.purposeRecommendMenu > .clm2, .purposeRecommendMenu > .clm3 {
	border-left: 1px solid #cccccc;
}
.purposeRecommendFixMenu {
	border-bottom:1px solid #cccccc;
	background:#ffffff;
	z-index:100;
	width: 1000px;
	position:fixed;
	top:-80px;
	transition: 0.3s;
}
.purposeRecommendFixMenu.menuFix {
	top:0;
}
.purposeRecommendFixMenu:has(div.clm3) {top: -100px;}
.purposeRecommendFixMenu:has(div.clm3).menuFix {top: 0;}
.purposeRecommendFixMenu .clm1, 
.purposeRecommendFixMenu .clm2 {
	float:left;
	width:500px;
	height:80px;
	box-sizing:border-box;
	padding:10px 20px 10px 100px;
	position:relative;
}
.purposeRecommendFixMenu .clm1:has( + .clm2 + div.clm3 ),
.purposeRecommendFixMenu .clm2:has( + div.clm3 ),
.purposeRecommendFixMenu .clm3{
	width: calc( 33% - 0px);
	display: flex;
	padding: 10px 5px 5px 80px;
	box-sizing: border-box;
	position: relative;
	line-height: 1.4;
	height: 100px;
	box-sizing: border-box;
	position: relative;
}
.purposeRecommendFixMenu > div:first-child {
	border-right:1px solid #CCC;
}
.purposeRecommendFixMenu > div:nth-child(3){
	border-left:1px solid #CCC;
}
.purposeRecommendFixMenu .clm1:before, 
.purposeRecommendFixMenu .clm2:before {
	content:"";
	display:block;
	width: 60px;
	height:60px;
	position:absolute;
	top:10px;
	left:20px;
}
.purposeRecommendFixMenu .clm1:before {
	background-image: url('/directplus_ent/images/icon/icon_tower.svg');
}
.purposeRecommendFixMenu .clm2:before {
	background-image: url('/directplus_ent/images/icon/icon_rack.svg');
}
.purposeRecommendFixMenu .clm3::before {
	background-image: url('/directplus_ent/images/icon/icon_storage_b.svg');
}
.purposeRecommendFixMenu .clm1:before,
.purposeRecommendFixMenu .clm2:before {
	background-repeat:no-repeat;
	background-size:60px 60px;
}
.purposeRecommendFixMenu .clm1:has( + .clm2 + div.clm3 )::before,
.purposeRecommendFixMenu .clm2:has( + div.clm3 )::before,
.purposeRecommendFixMenu .clm3::before{
  left: 10px;
  top: 15px;
  background-size: 50px 50px;
  background-repeat: no-repeat;
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
}
.purposeRecommendFixMenu .title {
	display:inline-block;
	font-size:18px;
	text-align:center;
	margin-right:10px;
}
.purposeRecommendFixMenu .scale {
	font-size:18px;
}
.purposeRecommendFixMenu .clm1:has( + .clm2 + div.clm3 ) .title ,
.purposeRecommendFixMenu .clm2:has( + div.clm3 ) .title ,
.purposeRecommendFixMenu .clm3 .title,
.purposeRecommendFixMenu .clm1:has( + .clm2 + div.clm3 ) .scale ,
.purposeRecommendFixMenu .clm2:has( + div.clm3 ) .scale ,
.purposeRecommendFixMenu .clm3 .scale{
  font-size: 15px;
}
.purposeRecommendFixMenu .links {
	display:block;
}
.purposeRecommendFixMenu .links a {
	display:inline-block;
	margin-right:15px;
}
.purposeRecommendProducts .img_container{
	width: 300px;
	height: 200px;
	display: flex;
	align-items: flex-end;
	/*background-image: url(/directplus_ent/images/icon/icon_recommend.svg);
	background-position: 20px 20px;
	background-repeat: no-repeat;
	background-size: 120px 120px;*/
}
.purposeRecommendProducts .img_container:has(.tower_tall){
	height: 240px;
}
.purposeRecommendProducts .img_container:not(:has(.optok_sticker,.tower_tall,.campaign_sticker)) {
	height: 165px;
}
.img_container:has(.tower_low) img {
  max-width: 170px;
}
.purposeRecommendProducts .table th, .purposeRecommendProducts .table td{
	padding:0px 5px;
}
.purposeRecommendProducts .product_number {
  background-color: #f6f6f6;
  text-align: center;
  margin-top: 10px;
}
.purposeRecommendProducts .btnitem p {
  margin-top: 5px;
}
/*カラー*/
.purposeRecommendTower10, .purposeRecommendRack10{
	background-color: #32dac8;
	color: #ffffff;
}
.purposeRecommendTower100, .purposeRecommendRack100{
	background-color: #0D5265;
	color: #ffffff;
}
.purposeRecommendTower250, .purposeRecommendRack250{
	background-color: #7630ea;
	color: #ffffff;
}
.purposeRecommendTower250over,.purposeRecommendRack250over{
	background-color: #c140ff;
	color: #ffffff;
}
.purposeRecommendTowertiny, .Racktiny{
	border: 4px solid #32dac8;
	box-sizing: border-box;
}
.purposeRecommendTowersmall, .Racksmall{
	border: 4px solid #0D5265;
	box-sizing: border-box;
}
.purposeRecommendTowercompact, .Rackcompact{
	border: 4px solid #7630ea;
  	box-sizing: border-box;
}
.purposeRecommendTowermiddle, .Rackmiddle{
	border: 4px solid #c140ff;
	box-sizing: border-box;
}
.purposeRecommendTowerbig, .Rackbig{
	border: 4px solid #ff8300;
	box-sizing: border-box;
}
.page.ai .gpu_banner {
	background-image:  url(/directplus_ent/library/servers/images/data_slice_D_v07_alt_print_16_9.jpg);
	background-size:  cover;
	color: #ffffff;
}
@media only screen and (max-width: 999px) {
	.purposeLead .purposeLeadThumb,
	.purposeLead .purposeLeadTxt {
		float:none;
		width:100%;
	}
	.purposeLead .purposeLeadThumb {
		margin-bottom:20px;
	}
	.selectionPointTable {
		overflow:scroll;
	}
	.purpuseRelatedLink .clm1,
	.purpuseRelatedLink .clm2 {
		display:block;
		width:100%;
	}
	.purpuseRelatedLink img {
		margin: 0 auto;
	}
	.purpuseRelatedLinkBtn {
		text-align:center;
	}
	.threeColumnLinkList > ul > li {
    	width: 50%;
	}
	.purposeRecommendFixMenu {
		width:100%;
		margin-left:-15px;
	}
	.purposeRecommendFixMenu .clm1, 
	.purposeRecommendFixMenu .clm2{
		width: 50%;
		padding: 10px 20px;
	}
	.purposeRecommendFixMenu .clm1:has(+ .clm2 + div.clm3),
	.purposeRecommendFixMenu .clm2:has(+ div.clm3),
	.purposeRecommendFixMenu .clm3{
		padding: 10px 10px;
	}
	.purposeRecommendFixMenu .clm1::before, 
	.purposeRecommendFixMenu .clm2::before,
	.purposeRecommendFixMenu .clm1:has(+ .clm2 + div.clm3)::before,
	.purposeRecommendFixMenu .clm2:has(+ div.clm3)::before,
	.purposeRecommendFixMenu .clm3::before {
		display:none;
	}
	.purposeRecommendFixMenu .title {
		font-size:16px;
	}
	.purposeRecommendFixMenu .scale {
		font-size:16px;
	}
	.purposeRecommendFixMenu .links a {
		margin-right:10px;
	}
	.purposeRecommendMenu img {
		width: 100%;
		max-width: 50px;
	}
}
@media (max-width: 999px) and (min-width: 767px){
	.purposeRecommendMenu > .clm1 > p,
	.purposeRecommendMenu > .clm2 > p,
	.purposeRecommendMenu > .clm3 > p {
		height: 3em;
	}
}

@media (max-width: 767px) {
	.threeColumnLinkList > ul > li {
		width: 100%;
	}
	.purposeRecommendMenu > .clm1,
	.purposeRecommendMenu > .clm2,
	.purposeRecommendMenu > .clm1:has(+ .clm2 + div.clm3),
	.purposeRecommendMenu > .clm2:has(+ div.clm3),
	.purposeRecommendMenu > .clm3 {
		float:none;
		width:100%;
	}
	.purposeRecommendMenu > .clm2,
	.purposeRecommendMenu > .clm3{
		border-left: none;
	}
	.purposeRecommendMenu > .clm1 {
		border-right:none;
		border-bottom:1px solid #CCC;
	}
	.purposeRecommendMenu > .clm3{
		border-top:1px solid #CCC;
	}
	.purposeRecommendFixMenu .clm1, 
	.purposeRecommendFixMenu .clm2 {
		padding: 5px 10px;
		line-height:1.6;
	}
	.purposeRecommendFixMenu .title {
		font-size:12px;
	}
	.purposeRecommendFixMenu .title span {
		display:none;
	}
	.purposeRecommendFixMenu .scale {
		display:none;
	}
	.purposeRecommendFixMenu .links {
		font-size:12px;
	}
	.purposeRecommendFixMenu .links > span {
		display:block;
	}
	.purposeRecommendFixMenu .links a {
		margin-right:5px;
	}
	.purposeRecommendProducts .img_container img {
		width: auto;
		height: auto;
		max-height: 200px;
	}
	/*　ナビが3カラムあるとき　*/
	.purposeRecommendFixMenu .clm1:has(+ .clm2 + div.clm3), .purposeRecommendFixMenu .clm2:has(+ div.clm3), .purposeRecommendFixMenu .clm3{
		padding: 8px;
		height:auto;
		display: table-cell;
	}
	.purposeRecommendFixMenu .clm1:has(+ .clm2 + div.clm3) .title, .purposeRecommendFixMenu .clm2:has(+ div.clm3) .title, .purposeRecommendFixMenu .clm3 .title, .purposeRecommendFixMenu .clm1:has(+ .clm2 + div.clm3) .scale, .purposeRecommendFixMenu .clm2:has(+ div.clm3) .scale, .purposeRecommendFixMenu .clm3 .scale {
		font-size: 12px;
		line-height: 1.2;
	}
	.purposeRecommendFixMenu:has(div.clm3).menuFix{
		display: flex;
		float: none;
	}
	.purposeRecommendFixMenu:has(div.clm3) {	top: -120px;}
}
@media (max-width:767px) and (min-width:375px){
	.purposeRecommendProducts .img_container:has(.tower_tall){
		padding-top: 15px;
	}
} 
@media only screen and (max-width:374px) {
	.purposeRecommendFixMenu .links a {
		margin-right:0;
	}
	.purposeRecommendProducts .img_container:has(.tower_tall){
		height: 200px;
	}
	.purposeRecommendProducts .img_container img {
		width: auto;
		height: auto;
		max-height: 150px;
		max-width: 200px;
	}
	.purposeRecommendProducts .img_container {
		max-width: 300px;
		width: 100%;
	}
	.purposeRecommendProducts .campaign_sticker.tower_low div, .purposeRecommendProducts .optok_sticker.tower_low div, .purposeRecommendProducts .campaign_sticker.rack_low div, .purposeRecommendProducts .optok_sticker.rack_low div, .purposeRecommendProducts .campaign_sticker div, .purposeRecommendProducts .optok_sticker div {
		width: 70px;
		height: 70px;
		left: 20px;
		top: -170px;
	}
	.purposeRecommendProducts .img_container .campaign_sticker.tower_low div,
	 .purposeRecommendProducts .img_container .optok_sticker.tower_low div,
	 .purposeRecommendProducts .img_container .campaign_sticker.rack_low div,
	 .purposeRecommendProducts .img_container .optok_sticker.rack_low div,
	.purposeRecommendProducts .img_container .campaign_sticker.tower_tall div, .purposeRecommendProducts .img_container .optok_sticker.tower_tall div{
		left: 20px;
		top: -160px;
	}
	.purposeRecommendProducts .optok_sticker p {
		font-size: 12px;
		padding-top: 5px;
	}
}
/*START Product lineup
-------------------------------------------------*/
.productLineupItemWithThumb {
	border:1px solid #CCC;
	padding:15px;
}
.productLineupItemWithThumb .productLineupThumb {
	display:table-cell;
	vertical-align:top;
}
.productLineupItemWithThumb .productLineupTxt {
	display:table-cell;
	vertical-align:top;
	padding-left:15px;
}
.productLineupItemWithThumb .productLineupThumb img {
	width:150px;
}

@media only screen and (max-width:999px){
	.productLineupItemWithThumb .productLineupThumb {
		display:block;
		margin-bottom:10px;
	}
	.productLineupItemWithThumb .productLineupTxt {
		display:block;
		padding-left:0;
	}
	.productLineupItemWithThumb .productLineupThumb img {
		margin:0 auto;
	}
}

/*START Storage
-------------------------------------------------*/
.RdxBackupPackBtnArea {
	display:table;
	width:100%;
	margin-bottom:15px;
}
.RdxBackupPackBtnArea .clm1,
.RdxBackupPackBtnArea .clm2 {
	display:table-cell;
	width:50%;
	vertical-align:middle;
}
@media only screen and (max-width:767px){
	.RdxBackupPackBtnArea {
		margin-bottom:20px;
	}
	.RdxBackupPackBtnArea .clm1,
	.RdxBackupPackBtnArea .clm2 {
		display:block;
		width:100%;
		text-align:center;
	}
	.rbpType {
		margin-bottom:10px;
	}
}

/*START Campaign
-------------------------------------------------*/
.mainImg img {width:100%;}
.arrowPrice {width:100px;}
.campaignRecommendArea {
	border:4px solid #CCC;
	padding:30px;
}
@media only screen and (max-width:999px){
	.campaignRecommendArea {
		padding:15px;
	}
}

/*START Recipe
-------------------------------------------------*/
.spBnrArea {
	display:none;
}
.pcBnrArea {
	display:block;
}
@media only screen and (max-width:999px){
	.spBnrArea {
		display:block;
	}
	.pcBnrArea {
		display:none;
	}
}
.recipeClm25-75 {
	width:100%;
	display:table;
}
.recipeClm25-75 .clm1,
.recipeClm25-75 .clm2 {
	display:table-cell;
	vertical-align:middle
}
.recipeClm25-75 .clm1 {
	width:25%;
}
.recipeClm25-75 .clm2 {
	width:75%;
}
@media only screen and (max-width:999px){
	.recipeClm25-75 {
		display:block;
	}
	.recipeClm25-75 .clm1,
	.recipeClm25-75 .clm2 {
		display:block;
		width:100%;
	}
	.recipeClm25-75 .clm1 {
		margin-bottom:20px;
	}
}
.recipeRecommendTable td {
	padding:5px 0;
	vertical-align:middle;
}
@media only screen and (max-width:768px){
	.recipeImg {
		width:100%;
	}
}
.recipeRelatedLink li {
	margin-top:10px;
}
.recipeRelatedLink li:first-child {
	margin-top:0;
}
.recipeRightNavBnr ul {
	margin-bottom:40px;
	width:100%;
}
.recipeRightNavBnr ul li {
	margin-top:20px;
}
.recipeRightNavBnr ul li:first-child {
	margin-top:0;
}
.recipeRightNavBnr ul li a {
	display:inline-block;
}
@media only screen and (max-width:999px){
	.recipeRightNavBnr ul li {
		float:left;
		width:50%;
		text-align:center;
	}
	.recipeRightNavBnr ul li:nth-child(2) {
		margin-top:0;
	}
}
@media only screen and (max-width:504px){
	.recipeRightNavBnr ul li {
		float:none;
		width:100%;
		margin-top:20px;
	}
	.recipeRightNavBnr ul li:nth-child(2) {
		margin-top:20px;
	}
}
.recipeCurator {
	margin-bottom:40px;
}
@media only screen and (max-width:999px){
	.recipeCurator {
		padding-bottom:40px;
		border-bottom:1px solid #CCC;
	}
	.curatorImg {
		float:left;
		margin-right:20px;
	}
}
@media only screen and (max-width:504px){
	.curatorImg {
		float:none;
		margin:0 auto 10px;
	}
}

/*START Five merit
-------------------------------------------------*/
.meritFlowThreeColumn {
	width:100%;
	padding-left:40px;
	position:relative;
	box-sizing:border-box;
}
.meritFlowThreeColumn:before {
	content:"";
	width:40px;
	height:580px;
	background-image:url('/directplus_ent/promotion/merit/images/flow.gif');
	background-repeat:no-repeat;
	position:absolute;
	bottom:0;
	left:0;
}
@media only screen and (max-width:999px){
	.meritFlowThreeColumn {
		padding-left:0;
	}
	.meritFlowThreeColumn:before {
		display:none;
	}
}
.meritFlowThreeColumn > .clm1,
.meritFlowThreeColumn > .clm2,
.meritFlowThreeColumn > .clm3 {
	float:left;
	width:320px;
}
@media only screen and (max-width:999px){
	.meritFlowThreeColumn > .clm1,
	.meritFlowThreeColumn > .clm2,
	.meritFlowThreeColumn > .clm3 {
		float:none;
		width:100%;
	}
	.meritFlowThreeColumn > .clm1,
	.meritFlowThreeColumn > .clm2 {
		margin-bottom:20px;
	}
}
.meritFlowThreeColumn .flowTitle {
	padding:10px;
	text-align:center;
	margin-bottom:4px;
	color:#FFF;
}
.meritFlowThreeColumn > .clm1 .flowTitle {
	margin-right:2px;
	background:#0D5265;
}
.meritFlowThreeColumn > .clm2 .flowTitle {
	margin-right:2px;
	margin-left:2px;
	background:#FF8300;
}
.meritFlowThreeColumn > .clm3 .flowTitle {
	margin-left:2px;
	background:#C140FF;
}
.meritFlowThreeColumn .topRow {
	height:200px;
}
@media only screen and (max-width:999px){
	.meritFlowThreeColumn .topRow {
		height:auto;
	}
}
.meritFlowThreeColumn > .clm1 .topRow {
	margin-right:2px;
	margin-bottom:4px;
}
.meritFlowThreeColumn > .clm2 .topRow {
	margin-right:2px;
	margin-left:2px;
	margin-bottom:4px;
}
.meritFlowThreeColumn > .clm3 .topRow {
	margin-left:2px;
	margin-bottom:4px;
}
.meritFlowThreeColumn .bottomRow {
	height:550px;
}
@media only screen and (max-width:999px){
	.meritFlowThreeColumn .bottomRow {
		height:auto;
	}
}
.meritFlowThreeColumn > .clm1 .bottomRow {
	margin-right:2px;
}
.meritFlowThreeColumn > .clm2 .bottomRow {
	margin-right:2px;
	margin-left:2px;
}
.meritFlowThreeColumn > .clm3 .bottomRow {
	margin-left:2px;
}
/*
.fiveMerit ul {
	width:100%;
}
.fiveMerit ul li {
	float:left;
	width:20%;
	text-align:center;
}
@media only screen and (max-width:999px){
	.fiveMerit ul li {
		width:50%;
	}
	.fiveMerit ul li {
		margin-top:20px;
	}
	.fiveMerit ul li:first-child,
	.fiveMerit ul li:nth-child(2) {
		margin-top:0;
	}
}
@media only screen and (max-width:504px){
	.fiveMerit ul li {
		width:100%;
		float:none;
	}
	.fiveMerit ul li:nth-child(2) {
		margin-top:20px;
	}
}
.fiveMerit a {
	display:inline-block;
	width:200px;
	height:65px;
	padding-top:200px;
	background-repeat:no-repeat;
	-webkit-background-size: 200px auto;
	-moz-background-size:    200px auto;
	-ie-background-size:     200px auto;
	-o-background-size:      200px auto;
	background-size:         200px auto;
}
.fiveMerit a.merit01 {
	background-image:url('/directplus_ent/promotion/merit/images/icon-merit_01.png');
}
.fiveMerit a.merit02 {
	background-image:url('/directplus_ent/promotion/merit/images/icon-merit_02.png');
}
.fiveMerit a.merit03 {
	background-image:url('/directplus_ent/promotion/merit/images/icon-merit_03.png');
}
.fiveMerit a.merit04 {
	background-image:url('/directplus_ent/promotion/merit/images/icon-merit_04.png');
}
.fiveMerit a.merit05 {
	background-image:url('/directplus_ent/promotion/merit/images/icon-merit_05.png');
}
*/
.titleMerit01,
.titleMerit02,
.titleMerit03,
.titleMerit04,
.titleMerit05 {
	padding-left:142px;
	height:63px;
	position:relative;
	padding-top:15px;
	box-sizing:border-box;
}
.titleMerit01:before,
.titleMerit02:before,
.titleMerit03:before,
.titleMerit04:before,
.titleMerit05:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:132px;
	height:63px;
	background-image:url('/directplus_ent/promotion/merit/images/icon-merit_small.gif');
	background-repeat:no-repeat;
	-webkit-background-size: 132px auto;
	-moz-background-size:    132px auto;
	-ie-background-size:     132px auto;
	-o-background-size:      132px auto;
	background-size:         132px auto;
}
.titleMerit01:before {
	background-position:0 0;
}
.titleMerit02:before {
	background-position:0 -63px;
}
.titleMerit03:before {
	background-position:0 -126px;
}
.titleMerit04:before {
	background-position:0 -189px;
}
.titleMerit05:before {
	background-position:0 -252px;
}
@media only screen and (max-width:999px){
	.titleMerit01,
	.titleMerit02,
	.titleMerit03,
	.titleMerit04,
	.titleMerit05 {
		padding-left:0;
		padding-top:0;
		height:auto;
	}
	.titleMerit01:before,
	.titleMerit02:before,
	.titleMerit03:before,
	.titleMerit04:before,
	.titleMerit05:before {
		position:static;
		margin-bottom:10px;
	}
}
@media only screen and (max-width:999px){
	.meritSelection,
	.meritEstimate,
	.meritPurchase {
		position:relative;
	}
/*	.meritSelection:before,
	.meritEstimate:before,
	.meritPurchase:before {
		content:"";
		display:block;
		width:40px;
		height:150px;
		position:absolute;
		left:-55px;
		top:0;
		-webkit-background-size: 40px auto;
		-moz-background-size:    40px auto;
		-ie-background-size:     40px auto;
		-o-background-size:      40px auto;
		background-size:         40px auto;
	}
	.meritSelection:before {
		background-image:url('/directplus_ent/promotion/merit/images/flow-selection.png');
	}
	.meritEstimate:before {
		background-image:url('/directplus_ent/promotion/merit/images/flow-estimate.png');
	}
	.meritPurchase:before {
		background-image:url('/directplus_ent/promotion/merit/images/flow-purchase.png');
	}*/
	.meritSelection:before,
	.meritEstimate:before,
	.meritPurchase:before {
		font-size:20px;
		display:block;
		margin-bottom:5px;
	}
	.meritSelection:before {
		content:"1.商品選定";
	}
	.meritEstimate:before {
		content:"2.お見積";
	}
	.meritPurchase:before {
		content:"3.ご購入";
	}
}

/*Merit Page*/
.meritIconsArea {
	margin-bottom: 40px;
}
.meritIcons {
	font-weight: bold;
	line-height: 1;
	margin-bottom: 5px;
}
.meritIcons li {
	display: flex;
}
.meritIcons a {
	border: 2px solid #ccc;
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
}
.meritIcons img {
	width: 100px;
	margin: 0;
}
.meritIcons a > * {
	max-width: 100%;
}
.meritIcons.columnFixWidth > li > a {
	padding: 10px;
}
.meritIcons.columnFixWidth > li:not(:last-child) .meritIcon {
	margin-bottom: 10px;
	height: 90px;
	display: flex;
	align-items: center;
}
.meritIcons.columnFixWidth > li:last-child .meritIcon {
	margin: 10px;
}
.meritIcons .columnFixHeight > li > a {
	flex-direction: row;
	font-size: 20px;
	padding: 0 20px 0 3px;
}
.meritIcons .columnFixHeight img {
	width: 40px;
	flex-shrink: 0;
}

.meritIcons .meritIcon {
	margin: 10px;
}
.meritIcons .merit01Icon > img {
	width: 80px;
}
.meritIcons .merit02Icon > img {
	width: 60px;
}
.meritIcons .merit03Icon > img {
	width: 60px;
}
.meritIcons .merit04Icon > img {
	width: 40px;
}
.meritIcons .merit05Icon > img {
	width: 40px;
}
.meritIcons .merit04Title br,
.meritIcons .merit05Title br {
	display: none;
}
.meritIcons .merit01Title {
	font-size: 20px;
}
.meritIcons .merit02Title,
.meritIcons .merit03Title {
	font-size: 18px;
}
.meritIcons .merit04Title,
.meritIcons .merit05Title {
	font-size: 16px;
}
@media only screen and (min-width: 415px) {
	.meritIcons.columnFixWidth > li > a {
		padding: 10px 10px 20px;
	}
	.meritIcons .meritTitle {
		text-align: center;
	}
	.meritIcons .merit04Title,
	.meritIcons .merit05Title {
		text-align: left;
	}
}
@media only screen and (min-width: 700px) {
	.meritIcons .merit01Title {
		font-size: 24px;
	}
	.meritIcons .merit02Title,
	.meritIcons .merit03Title {
		font-size: 22px;
	}
	.meritIcons .merit04Title,
	.meritIcons .merit05Title {
		font-size: 20px;
	}
}
@media only screen and (min-width: 768px) {
	.meritIcons .merit01Title {
		font-size: 19px;
	}
	.meritIcons .merit02Title,
	.meritIcons .merit03Title {
		font-size: 17px;
	}
	.meritIcons .merit04Title,
	.meritIcons .merit05Title {
		font-size: 14px;
	}
	.meritIcons .merit04Title br,
	.meritIcons .merit05Title br {
		display: block;
	}
}
@media only screen and (min-width: 940px) {
	.meritIcons .merit01Title {
		font-size: 24px;
	}
	.meritIcons .merit02Title,
	.meritIcons .merit03Title {
		font-size: 22px;
	}
	.meritIcons .merit04Title,
	.meritIcons .merit05Title {
		font-size: 20px;
	}
}
@media only screen and (min-width: 970px) {
	.meritIcons .merit01Title {
		font-size: 26px;
	}
}
@media only screen and (min-width: 990px) {
	.meritIcons .merit05Title br {
		display: none;
	}
}
@media only screen and (min-width: 1000px) {
	.meritIcons .merit01Title {
		font-size: 27px;
	}
}

@media only screen and (max-width: 767px) {
	.meritIcons.columnFixWidth {
		flex-wrap: wrap;
	}
	.meritIcons.columnFixWidth > * {
		flex-basis: 30%;
	}
	.meritIcons.columnFixWidth > *:nth-child(3) {
		margin-right: 0;
	}
	.meritIcons.columnFixWidth > *:nth-child(4) {
		margin-top: 15px;
	}
	.meritIcons.columnFixWidth > li >  a {
		font-size: 20px;
	}
	.meritIcons .columnFixHeight {
		display: block;
	}
}
@media only screen and (max-width: 414px) {
	.meritIcons.columnFixWidth {
		display: block;
	}
	.meritIcons.columnFixWidth img {
		width: 70px;
		height: 70px;
		flex-shrink: 0;
	}
	.meritIcons.columnFixWidth > li {
		margin-right: 0;
	}
	.meritIcons.columnFixWidth > li + li {
		margin-top: 15px;
	}
	.meritIcons.columnFixWidth > li > a {
		flex-direction: row;
		padding: 0;
	}

}

.headerMerit {
	display: flex;
	margin-bottom: 10px;
	line-height: 1.41;
}
.headerMerit:before {
	content: "";
	display: block;
	width: 61px;
	height: 63px;
	background-repeat: no-repeat;
	margin-right: 10px;
	flex-shrink: 0;
}
.headerMerit01:before {
	background-image: url(/directplus_ent/images/icon/icon_quick_setup.svg);
    background-size: 60px;
}
.headerMerit02:before {
	background-image: url(/directplus_ent/images/icon/icon_support.svg);
	background-size: 60px;
}
.headerMerit03:before {
	background-image: url(/directplus_ent/images/icon/icon_made_in_japan.svg);
	background-size: 60px;
}
.headerMerit04:before {
	background-image: url(/directplus_ent/images/icon/icon_cost_savings.svg);
	background-size: 60px;
}
.headerMerit05:before {
	background-image: url(/directplus_ent/images/icon/icon_shop_.svg);
	background-size: 60px;
}
.headerMerit h3 {
	line-height: 1.2;
}
.headerMerit01 h3 {
	font-size: 20px;
}
.headerMerit02 h3 {
	font-size: 18px;
}
.headerMerit03 h3 {
	font-size: 20px;
}
.headerMerit04 h3 {
	font-size: 20px;
}
.headerMerit05 h3 {
	font-size: 20px;
}
.headerMeritSub {
	font-size: 14px;
	display: block;
}
@media only screen and (min-width: 415px) {
	.headerMerit03 br {
		display: none;
	}
}
@media only screen and (min-width: 768px) {
	.headerMerit01 h3,
	.headerMerit03 h3,
	.headerMerit04 h3,
	.headerMerit05 h3 {
		font-size: 27px;
	}
	.headerMerit02 h3 {
		font-size: 22px;
	}
	.headerMeritSub {
		font-size: 18px;
		display: inline;
	}
}
@media only screen and (min-width: 1000px) {
	.headerMerit01 h3 {
		font-size: 27px;
	}
	.headerMerit02 h3 {
		font-size: 22px;
	}
	.headerMerit03 h3,
	.headerMerit04 h3,
	.headerMerit05 h3 {
		font-size: 27px;
	}
}

.benefitsProvided {
	display: flex;
	text-align: center;
	font-size: 12px;
}
.benefitProvided {
	flex: 1;
	position: relative;
}
.benefitCircle {
	background: #01A982;
	height: 150px;
	width: 150px;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.41;
	margin: 0 auto 10px;
	padding: 20px;
	position: relative;
}
.benefitProvided:not(:last-of-type):after {
	content: "＋";
	display: block;
	position: absolute;
	z-index: 2;
	left: auto;
	right: -23px;
	top: 55px;
	bottom: auto;
	margin: auto;
	font-size: 44px;
	font-weight: bold;
	color: #000;
}
@media only screen and (min-width: 768px) and (max-width: 900px) {
	.benefitText {
		padding: 0 10px;
	}
}

@media only screen and (max-width: 767px) {
	.benefitsProvided {
		display: block;
	}
	.benefitProvided:not(:last-of-type):after {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
	}
}

/* meritIconsArea (top page) */
.page.dplustop .meritIconsArea > h2 {
	font-size: 22px;
/*	font-size: 20px;*/
}
@media only screen and (min-width: 414px) {
	.page.dplustop .meritIconsArea > h2 {
		font-size: 24px;
	}
}

/* meritIconsArea (other page) */
.meritIconsArea.hasDetailBtn {
	position: relative;
}
.directplusMerit .meritIconsArea.hasDetailBtn {
	margin-bottom: 0;
}
.meritIconsArea .detailBtnArea {
	text-align: center;
}
.meritIconsArea .detailBtnArea .btn {
	margin: 0 0 20px;
}
.meritIcons li a {
	background: #fff;
}
.directplusMerit .meritIcons li a {
	border: 0;
}
@media only screen and (min-width: 970px) {
	.meritIconsArea > h2 {
		margin-bottom: 20px;
	}
	.meritIconsArea .detailBtnArea {
		position: absolute;
		top: -6px;
		right: 0;
	}
}
@media only screen and (min-width: 1200px) {
	.page.dplustop .meritIcons.columnFixWidth > li:last-child .meritIcon,
	.directplusMerit .meritIcons.columnFixWidth > li:last-child .meritIcon {
		margin: 10px 25px;
	}
}

/* meritsArea */
.meritsArea {
	margin: 0 0 40px;
}
.page.dplustop .meritsArea {
	margin-bottom: 40px;
	padding-bottom: 20px;
	border-bottom: 1px solid #CCC;
}
.meritsArea .h2title {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 5px;
}
.page.dplustop .meritsArea .h2title {
	text-align: left;
	margin-bottom: 20px;
}
.meritsArea .merits {
	flex-basis: 100%;
}
.meritsArea .meritsList {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.meritsArea .meritsList > li {
	flex-basis: calc(33% - 5px);
	width: calc(50% - 5px);
	flex-grow: 0;
	flex-shrink: 0;
	line-height: 1.4;
	margin-bottom: 10px;
}
.meritsArea .meritsList > li:nth-child(2n) {
	margin-left: 10px;
}
.meritsArea .meritsList .utility-link {
	flex-basis: 49%;
	flex-grow: 0;
	flex-shrink: 0;
	display: flex;
	align-items: center;
}
.meritsArea .meritIcon {
	width: 45px;
	margin-right: 10px;
}
.meritsArea .meritTitle {
	font-size: 20px;
	font-weight: bold;
}
.meritsArea .btnWrapper .btn {
	margin: 0;
	min-width: auto;
	max-width: 100%;
}
@media only screen and (min-width: 1000px) {
	.page.dplustop .meritsArea .meritTitle {
		font-size: 26px;
	}
	.page.dplustop .meritsArea .meritIcon {
		width: 60px;
		height: 60px;
	}
}
@media only screen and (min-width: 768px) {
	.meritsArea .meritsList > li:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
	.meritsArea .btnWrapper .btn {
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.page.dplustop .meritsArea .btnWrapper .btn {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
@media only screen and (max-width: 999px) {
	.meritsArea .meritsList > li {
		margin-bottom: 10px;
	}
	.meritsArea .meritIcon {
		width: 40px;
		height: 40px;
	}
}
@media only screen and (max-width: 850px) {
	.meritsArea .meritsList > li {
		width: 100%;
		margin-bottom: 5px;
	}
	.meritsArea .meritsList > li {
		flex-basis: calc(58% - 2px);
		width: calc(58% - 2px);
	}
	.meritsArea .meritsList > li:nth-child(2n) {
		flex-basis: calc(42% - 2px);
		width: calc(42% - 2px);
		margin-left: 4px;
	}
	.meritsArea .meritTitle {
		font-size: 17px;
	}
}
@media only screen and (max-width: 800px) {
	.meritsArea .btnWrapper .btn {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media only screen and (max-width: 780px) {
	.meritsArea .meritTitle {
		font-size: 15px;
	}
	.meritsArea .meritIcon {
		margin-right: 5px;
	}
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
	.meritsArea .meritsList {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 386px;
	}
	.meritsArea .meritsList > li,
	.meritsArea .meritsList > li:nth-child(2n) {
		flex-basis: calc(100% - 60px);
		width: calc(100% - 60px);
	}
	.meritsArea .meritsList > li {
		margin-left: 60px;
		margin-bottom: 30px;
	}
	.meritsArea .meritsList > li:last-child {
		margin-bottom: 0;
	}
	.meritsArea .meritsList > li.btnWrapper {
		margin-left: 0 !important;
	}
	.meritsArea .meritsList > li:not(:last-child) {
		margin-bottom: 20px;
	}
	.meritsArea .meritsList > li:nth-child(2n) {
		margin-left: 60px;
	}
	.meritsArea .meritIcon {
		width: 60px;
		height: 60px;
		margin-right: 10px;
	}
	.meritsArea .meritTitle {
		font-size: 22px;
	}
	.meritsArea .btnWrapper {
		text-align: center;
		width: auto !important;
	}
	.meritsArea .btnWrapper .btn {
		margin: auto;
	}
	.meritsArea .btnWrapper .btn {
		padding-left: 30px;
		padding-right: 30px;
		min-width: 200px;
	}
}
@media only screen and (max-width: 414px) {
	.meritsArea .meritsList {
		margin-left: 0;
	}
	.meritsArea .meritsList > li,
	.meritsArea .meritsList > li:nth-child(2n) {
		flex-basis: calc(100% - 10px);
		width: calc(100% - 10px);
	}
	.meritsArea .meritsList > li,
	.meritsArea .meritsList > li:nth-child(2n) {
		margin-left: 10px;
	}
	.meritsArea .merit_campaign br {
		display: block;
	}
}
@media only screen and (max-width: 375px) {
	.meritsArea .meritsList > li,
	.meritsArea .meritsList > li:nth-child(2n) {
		flex-basis: calc(100% - 5px);
		width: calc(100% - 5px);
		margin-left: 5px;
	}
}
@media only screen and (max-width: 320px) {
	.meritsArea .meritTitle {
		font-size: 18px;
	}
}

/*START Accordion
-------------------------------------------------*/
.accordion-panel:first-child {
	border-top:1px solid #C6C9CA;
}
.accordion-panel {
	border-bottom:1px solid #C6C9CA;
}
.accordion-toggle {
	font-size:22px;
	line-height:1.2;
	font-weight:bold;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:33px;
	display:block;
	position:relative;
}
.accordion-panel-body {
	padding: 12px 38px 36px;
	display:none;
}
@media only screen and (max-width:999px){
	.accordion-panel-body {
		padding: 12px 10px 36px 38px;
	}
}
.icon-toggle-circle-open:before,
.icon-toggle-circle-close:before {
	display: inline-block;
    font-family: hpe-glyphicons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
.icon-toggle-circle-open,
.icon-toggle-circle-open:before,
.no-focus .icon-toggle-circle-open,
.no-focus .icon-toggle-circle-open:before,
.focus .icon-toggle-circle-open,
.focus .icon-toggle-circle-open:before {
	-ms-transition: all ease .2s;
    -moz-transition: all ease .2s;
    -webkit-transition: all ease .2s;
}
.icon-toggle-circle-open {
	margin-left:5px;
}
.icon-toggle-circle-open:before {
	content:"\f13a";
	color:#00B388;
	margin-right:9px;
	font-size:24px;
	position:absolute;
	left:0;
	top:15px;
}
.no-focus .icon-toggle-circle-open,
.no-focus .icon-toggle-circle-open:before {
	color:#999;
}
.focus .icon-toggle-circle-open {
	color:#000;
}
.focus .icon-toggle-circle-open:before {
	color:#00B388;
}
.icon-toggle-circle-open.open {
	color:#000 !important;
}
.icon-toggle-circle-open.open:before {
	content:"\f139";
	color:#00B388;
	margin-right:9px;
	font-size:24px;
}
.accordion-expanded .icon-toggle-circle-open,
.accordion-expanded .icon-toggle-circle-open:before {
	color:#999;
}
.accordion-expanded .focus .icon-toggle-circle-open:before,
.accordion-expanded .icon-toggle-circle-open.open:before {
	color:#00B388;
}
.accordion-expanded .focus .icon-toggle-circle-open {
	color:#000;
}

/*START FAQ
-------------------------------------------------*/
.questionHeader {
	padding-left:40px;
	display:block;
}
.question {
	position:relative;
}
.answer {
	position:relative;
	padding-left:40px;
}
.iconQuestion, .iconAnswer {
	display:inline-block;
	margin-right:10px;
	padding:5px;
	line-height:1;
	font-weight:normal;
	font-size:20px;
	width:20px;
	text-align:center;
}
.iconQuestion {
	background-color:#CCC;
	color:#000;
	position:absolute;
	top:12px;
	left:33px;
}
.iconAnswer {
	background-color:#614767;
	color:#FFF;
	position:absolute;
	left:0;
	top:-3px;
}

/* Gen10
-------------------------------------------------*/
.gen10Title01 span, .gen10Title02 span, .gen10Title03 span, .gen10Title04 span{
	display: inline-block;
	width: 215px;
	padding: 5px 25px 2px 25px;
	box-sizing: border-box;
	margin-right: 10px;
}
.gen10Title01 span{
	background-color: #ff8300;
	color: #FFF;
}
.gen10Title02 span{
	background-color: #7630ea;
	color: #FFF;
}
.gen10Title03 span{
	background-color: #32DAC8;
	color: #000;
}
.gen10Title04 span{
	background-color: #FEC901;
	color: #000;
	width: 250px;
}
@media only screen and (max-width:999px){
	.gen10Title01 span,
	.gen10Title02 span,
	.gen10Title03 span,
	.gen10Title04 span {
		display:block;
		margin-bottom:5px;
	}
}
.gen10BnrArea {
	border:1px solid #DDD;
	background-color:#f6f6f6;
	display:table;
	position:relative;
}
.gen10BnrArea .left,
.gen10BnrArea .right {
	display:table-cell;
	vertical-align:top;
}
@media only screen and (max-width:999px){
	.gen10BnrArea .right {
		vertical-align:bottom;
	}
}
@media only screen and (max-width:767px){
	.gen10BnrArea .left,
	.gen10BnrArea .right {
		display:block;
		width:100%;
	}
	.gen10BnrArea .right img {
		width:100%;
	}
}
.gen10BnrArea .gen10BnrBtn {
	position:absolute;
	bottom:20px;
	left:20px;
}
@media only screen and (max-width:999px){
	.gen10BnrArea .gen10BnrBtn {
		position:static;
	}
}
@media only screen and (max-width:767px){
	.gen10BnrArea .gen10BnrBtn {
		margin:0 auto;
		text-align:center;
	}
}
.gen10BnrArea .gen10TitleBronze {
	margin-left:15px;
}
.gen10BnrArea .gen10TitleBronze span {
	margin-left:-15px;
}
.column33-33-33WithBorder {
	width:100%;
	display:table;
	border-top:1px solid #CCC;
}
.column33-33-33WithBorder .clm1,
.column33-33-33WithBorder .clm2,
.column33-33-33WithBorder .clm3 {
	display:table-cell;
	width:33.333333%;
	padding: 25px 20px 73px;
	/*padding: 25px 20px;*/
	box-sizing:border-box;
	position:relative;
}
.column33-33-33WithBorder .clm1,
.column33-33-33WithBorder .clm2 {
	border-right:1px dotted #CCC;
}
@media only screen and (max-width:999px){
	.column33-33-33WithBorder .clm1,
	.column33-33-33WithBorder .clm2,
	.column33-33-33WithBorder .clm3 {
		display:block;
		width:100%;
		padding: 25px 10px;
	}
	.column33-33-33WithBorder .clm1,
	.column33-33-33WithBorder .clm2 {
		border-right:none;
		border-bottom:1px dotted #CCC;
	}
}
.column33-33-33WithBorder .clm2.x2 {
	width: 66.666666%;
	border-right:none;
}
@media only screen and (max-width:999px){
	.column33-33-33WithBorder .clm2.x2 {
		width: 100%;
	}
}
.column33-33-33WithBorder img {
	width:100%;
	max-width:292px;
	margin:0 auto;
}
.column33-33-33WithBorder .btmBtn {
	position:absolute;
	bottom:20px;
	left:0;
	display:block;
	width:100%;
}
@media only screen and (max-width:999px){
	.column33-33-33WithBorder .btmBtn {
		position:static;
	}
}
.column33-33-33WithBorder .moreLineup {
	margin-top:30px;
	display:block;
}
.column33-33-33WithBorder .moreLineup img {
	width:128px;
}
@media only screen and (max-width:999px){
	.column33-33-33WithBorder .moreLineup img {
		width:80px;
	}
}


/*Guide
-------------------------------------------------*/
.guideSubTitle {
	position:relative;
	font-weight:bold;
}
.guideSubTitle img {
	position:absolute;
	top:0;
	left:0;
}
/*list調整*/
.guidecustom_03 ol.alphaINcircle > li:nth-child(2){
	padding-left: 0;
}
.guidecustom_03 ol.alphaINcircle > li:nth-child(2)::before {
    visibility: hidden;
}
/*----------*/
.cpregImg01,
.cpregImg02 {
	width:460px;
	margin:0 auto;
}
.cpregImg03 {
	width:612px;
	margin:0 auto;
}
.guidetoc {
border: 4px solid #CCC;
box-sizing: border-box;
padding: 10px;
margin: 20px auto 40px;
font-size: 18px;
}
.guidetoc > div:nth-child(n+1) {padding-left: 20px;}
.guidetoc > .clm1, .guidetoc > .clm2{box-sizing: border-box;}
.users_guide_picture picture img {
	max-width: 800px;
	height: auto;
	width: 100%;
	margin: 0 auto;
}
/*img調整*/
.guideestimates_01 .sideimg_c{
	position: absolute;
    width: 100%;
    height: auto;
    max-width: 480px;
}
.guideestimates_01 li.sidespace{
	margin-bottom: 190px;
}
/*----------*/
.guideLftNavHeader {
	position:relative;
	padding-left:35px;
}
.guideLftNavHeader:before {
	content:"";
	display:block;
	width:25px;
	height:26px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-17px;
	background-image: url(/directplus_ent/images/icon/icon_all.svg);
	background-size: 25px;
	background-repeat: no-repeat;
}
.guideLftNavHeader.icon-cart:before {
	background-position: 0 -202px;
}
.guideLftNavHeader.icon-search:before {
	background-position: 0 -232px;
}
.guideLftNavHeader.icon-customize:before {
	background-position: 0 -262px;
}
.guideLftNavHeader.icon-person:before {
	background-position: 0 -291px;
}
.guideLftNavHeader.icon-cost:before {
	background-position: 0 -320px;
}
.guideLftNavHeader.icon-delivery:before {
	background-position: 0 -145px;
}
.guideLftNavHeader.icon-rack:before {
	background-position: 0 -349px;
}
.guideLftNavHeader.icon-question:before {
	background-position: 0 -380px;
}
.guideInlineIcon {
	display:inline-block;
	margin:0 5px;
	position:relative;
	top:-5px;
}
.guideTwoColumn > .clm1, .guideTwoColumn > .clm2 {
	width:49%;
	float:left;
}
.guideTwoColumn > .clm1 {
	margin-right:2%;
}
/*
.guide_delivery .guidearrow{	position:relative;}
.guide_delivery .guidearrow::before{
	content: "";
  border: 14px solid #ff8300;
    border-top-width: 14px;
    border-top-style: solid;
    border-top-color: rgb(255, 131, 0);
  width: 50%;
  height: 30px;
  display: block;
  margin: 0 auto;
  border-top: 0;
}
.guide_delivery .arrow_under{	position:relative;}
.guide_delivery .arrow_under::before{
	content: "";
  width: 50px;
  height: 90px;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -webkit-clip-path: polygon(35% 0, 65% 0, 65% 60%, 100% 60%, 50% 100%, 0 60%, 35% 60%);
  clip-path: polygon(35% 0, 65% 0, 65% 60%, 100% 60%, 50% 100%, 0 60%, 35% 60%);
  background-color: #ff8300;
}
.guide_delivery .icontip{
	margin: 15px 0 45px;
}
.guide_delivery .icontip::before{
	content: "";
  background-image: url("/directplus_ent/images/icon/icon_letter.svg");
  background-size: 40px;
  width: 40px;
  height: 31px;
  display: inline-flex;
  background-repeat: no-repeat;
  text-align: center;
  justify-content: center;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 30px;
}
*/
/*ご納品、配送について：配送料について delivery03*/
.delivery_delivery03 .delivery_charges {
    justify-content: center;
    border: 3px solid #cccccc;
    align-items: stretch;
}
.delivery_delivery03 .delivery_charges .fee {
    background-color: #0d5265;
    color:#ffffff;
    font-size:30px;
    font-weight:bold;
    display: flex;
    justify-content: center;
}
.delivery_delivery03 .delivery_charges .fee .txt01 {font-size:40px;}
.delivery_delivery03 .delivery_charges .fee .txt02 {font-size:50px;}
.page.payment_pay_cash .highlight_textbox{
	border: 6px solid #c140ff;
	box-sizing: border-box;
}

@media (max-width:999px){
	/*img調整*/
	.guideestimates_01 .sideimg_c {
    	position: static;
		max-width: none;
	}
	.guideestimates_01 li.sidespace {
    	margin-bottom: 30px;
	}
}
@media (max-width:767px){
	.cpregImg01,
	.cpregImg02,
	.cpregImg03 {
		width:100%;
	}
	.delivery_delivery03 .delivery_charges .fee{font-size: 20px;}
	.delivery_delivery03 .delivery_charges .fee .txt01{font-size: 20px;}
	.delivery_delivery03 .delivery_charges .fee .txt02{font-size: 30px;}
}

/* CAL
-------------------------------------------------*/
@media only screen and (max-width:767px){
	.calTable {
		overflow:scroll;
	}
}
.cal .pointNote1 {
	float:left;
}
.cal .pointNote2 {
	float:right;
	text-align:right;
}

.cal .pointNote2 img {
	display:inline-block;
	margin-right:5px;
	width:130px;
}
@media only screen and (max-width:999px){
	.cal .pointNote1,
	.cal .pointNote2 {
		float:none;
		text-align:left;
	}
	.cal .pointNote2 img {
		width:100px;
		position:relative;
		top:-3px;
	}
}

/*Floating Banner
-------------------------------------------------*/
.floatingBnr {
	position:fixed;
	bottom:-157px;
	right:50px;
	background:#FFF;
	z-index:9999;
	border-top:4px solid #FF8D6D;
	border-left:4px solid #FF8D6D;
	border-right:4px solid #FF8D6D;
	/*width:450px;*/
	width:470px;
	/*height:211px;*/
	height:268px;
	box-sizing:border-box;
	display:none;
	box-shadow:         0px 0px 10px rgba(0,0,0,0.4);
	-o-box-shadow:      0px 0px 10px rgba(0,0,0,0.4);
	-ms-box-shadow:     0px 0px 10px rgba(0,0,0,0.4);
	-moz-box-shadow:    0px 0px 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", HiraginoSans-W3, HiraKakuProN-W3;
}
.floatingBnr.displayOff {
	right:-1000px;
}
.floatingBnrUp {
	display:block;
	padding: 15px 15px 10px 60px;
	cursor:pointer;
	height: 50px;
	box-sizing: border-box;
	position:relative;
}
.floatingBnrUp:before {
	content:"";
	display:block;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 20px;
	top: 10px;
	background-image: url(/directplus_ent/system/images/contact_icon.svg);
	background-repeat: no-repeat;
	-webkit-background-size: 30px auto;
	-moz-background-size: 30px auto;
	-ie-background-size: 30px auto;
	-o-background-size: 30px auto;
	background-size: 30px auto;
}

.floatingBnrCls {
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	top:15px;
	right:15px;
	color:#707070;;
	text-decoration:none;
	font-size:20px;
	z-index:1000;
}
.floatingBnrCnt {
	padding:15px;
	margin:0 10px;
	border-top:1px solid #CCC;
}
.spFixedBnr {
	position:fixed;
	right:0;
	bottom:20px;
	background:#FFF;
	z-index:1000;
	border-top:4px solid #FF8D6D;
	border-left:4px solid #FF8D6D;
	border-bottom:4px solid #FF8D6D;
	box-shadow:         -1px 0px 5px rgba(0,0,0,0.4);
	-o-box-shadow:      -1px 0px 5px rgba(0,0,0,0.4);
	-ms-box-shadow:     -1px 0px 5px rgba(0,0,0,0.4);
	-moz-box-shadow:    -1px 0px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: -1px 0px 5px rgba(0,0,0,0.4);
	padding:5px;
	display:none;
}
.spFixedBnr ul li {
	display:block;
	width:60px;
	height:60px;
	margin-top:10px;
}
.spFixedBnr ul li:first-child {
	margin-top:0;
}
.spFixedBnr ul li a {
	display:block;
	width:100%;
	height:100%;
}
.spFixedBnr ul li a span {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
.spFixedBnr ul li a.tell {
	background:url(/directplus_ent/system/images/fixed_bnr_icon_01.png);
	background-size:60px;
}
.spFixedBnr ul li a.mail {
	background:url(/directplus_ent/system/images/fixed_bnr_icon_02.png);
	background-size:60px;
}
.spFixedCls {
	display:block;
	width:20px;
	height:20px;
	color:#707070;;
	text-decoration:none;
	font-size:20px;
	margin:0 auto 10px;
}
@media only screen and (max-width:999px){
	.spFixedBnr {display:none;}
}


/* DirectPartner
-------------------------------------------------*/
.dppSubFooter .dppSubFooterLink {
	text-align:center;
}
.dppSubFooter .dppSubFooterLink a,
.dppSubFooter .dppSubFooterLink span {
	color:#707070;
}
.dppSubFooter .footLink a:hover {
	color:#000;
}
.dppHowtoArw{
	margin:0 auto;
	width:100px;
}
@media only screen and (max-width:768px){
	.dppHowtoArw{
		width:80px;
	}
}

/* Product pages
-------------------------------------------------*/
.optokuPriceArea3 {
	height:145px;
}
.optokuPriceArea3 .inr {
	display:table;
	width:100%;
}
.optokuPriceArea3 .inr:first-child {
	margin-bottom:15px;
}
.optokuPriceArea3 .inr .left, .optokuPriceArea3 .inr .right {
	display:table-cell;
	vertical-align:middle;
}
.optokuPriceArea3 .inr .left {
	width:30%;
}
.optokuPriceArea3 .inr .right {
	width:70%;
	text-align:right;
}
.optokuPriceArea3 .inr .left p {
	font-size:19px;
	line-height:1.2;
}
.optokuPriceArea3 .inr .left p span {
	font-size:23px;
}
.optokuPriceArea3 .inr .right p {
	font-size:20px;
	line-height:1.2;
}
.optokuPriceArea3 .inr .right p span {
	font-size:30px;
}
@media only screen and (max-width:999px){
	.optokuPriceArea3 {
		height:auto;
	}
	.optokuPriceArea3 .inr .left, .optokuPriceArea3 .inr .right {
		display:block;
		width:100%;
		text-align:center;
	}
	.optokuPriceArea3 .inr .left p span {
		font-size:20px;
	}
	.optokuPriceArea3 .inr .left p br {
		display:none;
	}
	.optokuPriceArea3 .inr .right p {
		line-height:1.4;
	}
}
.gsPriceArea {
	text-align:center;
	height:145px;
}
.gsPriceArea p {
	font-size: 24px;
	line-height:1.4;
}
.gsPriceArea p span {
	font-size:40px;
}
@media only screen and (max-width:999px){
	.gsPriceArea {
		height:auto;
	}
	.gsPriceArea p {
		font-size:20px;
	}
	.gsPriceArea p span {
		font-size:35px;
	}
}
.floating-nav-wrapper {
	position: relative;
	z-index: 1;
/*	margin-bottom: -55px;*/
	border-bottom: 1px solid #aaa;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.floating-nav-wrapper.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10000;
	width: 100%;
	box-shadow: #afafaf 0px 4px 4px 0px;
	border-bottom: none;
}
.floating-nav-wrapper .btn {
	margin: 0;
}
.floating-nav-wrapper .toc-items {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	list-style: none;
}
.floating-nav-wrapper .toc-item {
	padding: 0 30px;
}
.floating-nav-wrapper .toc {
	display: block;
	padding: 18px 0;
	font-size: 16px;
	color: #000;
	text-decoration: none;
}
.floating-nav-wrapper .indicator {
	position: absolute;
	bottom: 0;
	height: 4px;
	background-color: #01A982;
	-webkit-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
}
.floating-nav-wrapper + * {
	padding-top: 25px;
}
.is-nav-fixed .floating-nav-wrapper + * {
	padding-top: 75px;
}
.is-nav-fixed .floating-nav-wrapper + * {
	padding-top: 90px;
}
.floating-nav-aside {
	top: 0;
	bottom: 0;
	margin: auto 0;
	height: 53px;
	float: right;
}
@media (max-width: 850px) {
	.floating-nav-wrapper .toc-item {
		padding: 0 20px;
	}
}
@media (max-width: 767px) {
	.floating-nav-wrapper .toc-item {
		padding: 0 10px;
	}
	.floating-nav-aside {
		display: none;
	}
}
@media (max-width: 414px) {
	.floating-nav-wrapper {
		text-align: center;
	}
	.floating-nav-wrapper .toc-items {
		margin: 0 !important;
	}
	.floating-nav-wrapper .toc {
		font-size: 13px;
	}
}
@media (max-width: 375px) {
	.floating-nav-wrapper .toc-item {
		padding: 0 5px;
	}
	.floating-nav-wrapper:not(.is-fixed) .toc-item {
		padding: 0 5px;
	}
}
@media (max-width: 320px) {
	.floating-nav-wrapper:not(.is-fixed) .toc {
		font-size: 12px;
	}
}



/* ここが便利！ 見積り機能 使いこなし術
-------------------------------------------------*/
/* 見積を保存するとここが便利 */
.convenientStepsWrapper {
	display: flex;
	margin: 0 0 10px;
}
.convenientSummary > h3 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.convenientSummary .spTitle {
	font-size: 22px;
	line-height: 1.41;
	display: none;
}
.convenientStepsA {
	/* 構成の決定・お見積時 */
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 80%;
	margin-right: 10px;
}
.convenientStepsB {
	/* ご購入時 */
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 20%;
}
.convenientSteps {
	display: flex;
	justify-content: space-between;
	height: 100%;
}
.convenientStep {
	display: block;
	flex: 1;
	border: 3px solid #ccc;
	background: #fff;
	padding: 10px 0 50px;
	position: relative;
	z-index: 1;
	text-align: center;
}
.aplus-convenient .convenientStep{
	padding: 10px 0;
}
.convenientStepTitle {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.41;
}
.convenientStepsB .convenientStepTitle {
	font-size: 16px;
}
.convenientStepsA .convenientStep {
	flex-basis: 25%;
}
.convenientStepsA .convenientStep:not(:last-child) {
	margin-right: 10px;
}
/* 見積を保存するとここが便利：矢印 */
.convenientStepsArrows {
	margin-bottom: 40px;
	text-align: center;
	display: flex;
	justify-content: space-between;
}
.convenientStepsArrow {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-shrink: 0;
	flex-grow: 0;
	padding: 10px 0;
	line-height: 1;
	position: relative;
	border: 2px solid #ccc;
	border-right-width: 0;
	background: #f6f6f6;
}
.convenientStepsArrowInr {
	display: flex;
	align-items: center;
	font-size: 12px;
}
.convenientStepsArrowInr > *:first-of-type {
	font-size: 16px;
}
.convenientStepsArrowInr > *:first-of-type:not(:last-of-type) {
	margin-right: 20px;
}
.convenientStepsArrowA {
	flex-basis: calc(80% - 30px);
	max-width: calc(80% - 30px);
}
.convenientStepsArrowB {
	flex-basis: calc(20% - 24px);
	max-width: calc(20% - 24px);
	margin: 0 20px 0 0;
}
/* 見積を保存するとここが便利：右向き三角 */
.convenientStepsArrow:before,
.convenientStepsArrow:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
.convenientStepsArrow:before {
	right: -20px;
	border-style: solid;
	border-width: 20px 0 20px 20px;
	border-color: transparent transparent transparent #ccc;
}
.convenientStepsArrow:after {
	right: -18px;
	border-style: solid;
	border-width: 20px 0 20px 20px;
	border-color: transparent transparent transparent #f6f6f6;
	z-index: 2;
}

@media only screen and (max-width: 999px) {
	.convenientStepTitle {
		font-size: 16px;
	}
	.convenientStepsB .convenientStepTitle {
		font-size: 14px;
	}
}
@media only screen and (max-width: 940px) {
	.convenientStepTitle {
		font-size: 14px;
	}
}
@media only screen and (max-width: 900px) {
	.convenientStepsB .convenientStepTitle {
		font-size: 12px;
	}
}
@media only screen and (max-width: 850px) {
	.convenientStepTitle {
		font-size: 12px;
	}
	.convenientStepsArrowInr > *:first-of-type {
		font-size: 14px;
	}
	.convenientStepsArrowInr > *:first-of-type:not(:last-of-type) {
		margin-right: 5px;
	}
}
@media only screen and (max-width: 800px) {
	.convenientStepsB .convenientStepTitle {
		font-size: 11px;
	}
}
@media only screen and (max-width: 767px) {
	.convenientStepsWrapper {
		display: block;
	}
	.convenientStepsWrapper > *:not(:last-child) {
		margin-bottom: 10px;
	}
	.convenientSteps {
		display: block;
	}
	.convenientStep {
		padding: 10px;
	}
	.convenientStepsA,
	.convenientStepsB {
		border: 2px solid #ccc;
		background: #f6f6f6;
		padding: 5px 10px 10px;
	}
	.convenientStepsA .convenientStep:not(:last-child) {
		margin: 0 0 10px;
	}
	.convenientStepsA {
		margin: 0;
	}
	.convenientStepTitle,
	.convenientStepsB .convenientStepTitle {
		font-size: 18px;
		text-align: left;
	}
	.convenientSummary .spTitle {
		display: block;
	}
	.convenientStepsArrows {
		display: none;
	}
}
@media only screen and (max-width: 414px) {
	.convenientSummary .spTitle {
		font-size: 20px;
	}
}
@media only screen and (max-width: 320px) {
	.convenientSummary > h3 {
		font-size: 17px;
	}
	.convenientSummary .spTitle {
		font-size: 17px;
	}
	.convenientStepTitle,
	.convenientStepsB .convenientStepTitle {
		font-size: 14px;
	}
}

/* userType */
.page.convenient .userType {
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	padding: 2px 0;
	color: #fff;
}
.page.convenient .userType.member {
	background-color: #C140FF;
}
.page.convenient .userType.guest {
	background-color: #0D5265;
}
.convenientSteps .userTypes {
	display: flex;
	width: calc(100% - 20px);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	margin: auto;
	z-index: 1;
}
.convenientSteps .userType {
	justify-content: space-between;
	flex: 1;
}
.convenientSteps .userType:not(:last-child) {
	margin: 0 5px 0 0;
}
.page.convenient .convenientDetail .userType {
	padding: 5px 0;
	min-width: 60px;
	display: inline-block;
	position: relative;
	bottom: 5px;
}
.page.convenient .convenientDetail .userType:first-of-type {
	margin-left: 10px;
}
/* userType凡例 */
.page.convenient .userTypeLegends {
	margin: 10px 0;
}
.page.convenient .userTypeLegend {
	display: flex;
	align-items: start;
}
.page.convenient .userTypeLegend:not(:last-child) {
	margin-bottom: 10px;
}
.page.convenient .userTypeLegend > *:last-child {
	flex: 1;
}
.page.convenient .userTypeLegend .userType {
	flex-grow: 0;
	white-space: nowrap;
	flex-basis: 60px;
	text-align: center;
	font-size: 15px;
}

@media only screen and (max-width: 999px) {
	.page.convenient .userType {
		font-size: 12px;
		padding: 1px 0;
	}
}
@media only screen and (max-width: 767px) {
	.convenientSteps .userTypes {
		position: relative;
		bottom: 0;
		width: auto;
		min-width: 70%;
		margin: 3px 20px 0;
	}
	.convenientSteps .userType:first-child:last-child {
		margin: 0 35px;
	}
}
@media only screen and (max-width: 375px) {
	.userTypeLegends {
		font-size: 12px;
	}
	.userTypeLegend > *:not(:first-child) {
		margin-top: 3px;
	}
}

/* テキスト・画像 段組み */
.convenientColumns {
	display: flex;
}
.convenientColumn:not(:last-child) {
	margin-right: 10px;
}
.convenientDetail > h3 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}
.convenientColumnTxt > * + * {
	margin-top: 15px;
}
.convenientColumnImg {
	font-size: 12px;
	text-align: center;
	flex-shrink: 0;
}
.convenientColumnImg img {
	max-width: 100%;
	height: auto;
	margin: auto;
}
.convenientDetail1 .convenientColumnImg {
	flex-basis: 363px;
}
.convenientSummary .convenientColumnImg,
.convenientDetail2 .convenientColumnImg,
.convenientDetail3 .convenientColumnImg,
.convenientDetail4 .convenientColumnImg {
	flex-basis: 510px;
}
.aplus-convenient .convenientDetail1 .convenientColumnImg{
	flex-basis: 363px;
}
@media only screen and (min-width: 1000px) {
	.convenientDetail3 .convenientColumnTxt > * + * {
		margin-top: 30px;
	}
}
@media only screen and (max-width: 999px) {
	.convenientColumns {
		
	}
	.convenientSummary .convenientColumnImg,
	.convenientDetail2 .convenientColumnImg,
	.convenientDetail3 .convenientColumnImg,
	.convenientDetail4 .convenientColumnImg {
		flex-basis: 363px;
	}
	.convenientDetail > h3 {
		font-size: 20px;
	}
	.aplus-convenient .convenientDetail1 .convenientColumnImg{
		flex-basis: 363px;
	}
}
@media only screen and (max-width: 768px) {
	.convenientColumns {
		display: block;
	}
	.convenientColumn:not(:last-child) {
		margin-right: 0;
	}
	.convenientColumns > * + * {
		margin-top: 15px;
	}
}
@media only screen and (max-width: 414px) {
	.convenientDetail > h3 {
		font-size: 18px;
	}
	.page.convenient .convenientDetail .userType {
		min-width: 55px;
		bottom: 3px;
	}
	.page.convenient .convenientDetail .userType:first-of-type {
		margin-left: 5px;
	}
}
@media only screen and (max-width: 375px) {
	.convenientDetail > h3 {
		font-size: 16px;
	}
	.page.convenient .convenientDetail .userType {
		bottom: 2px;
	}
}
@media only screen and (max-width: 320px) {
	.convenientDetail > h3 {
		font-size: 17px;
	}
	.page.convenient .convenientDetail .userType {
		bottom: 0;
		margin-top: 5px;
	}
	.page.convenient .convenientDetail .userType:first-of-type {
		margin-left: 0;
	}
}

/*main YouTube*/
.youtubeWrapper {
	width: 560px;
	max-width: 100%;
	margin: auto;
}
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
/*=convenient YouTube=*/
.page.convenient .youtubeWrapper {
	width: 560px;
	max-width: 100%;
	margin: auto;
}
.page.convenient .youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.page.convenient .youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
/* hpe dashed-Text
-------------------------------------------------*/
.dashed-text {
	margin-bottom: 20px;
	padding-bottom: 16px;
	position: relative
}

.dashed-text:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 60px;
	height: 6px;
	background: #01A982
}
@media (min-width: 768px) {
	.dashed-text:after {
		width:70px
	}
}
@media (min-width: 1000px) {
	.dashed-text:after {
		width: 90px
	}
}

/* dashed-Textバリエーション */

.dashed-text.color-light-blue:after {
	background: #7FF9E2;
}

.dashed-text.color-medium-blue:after {
	background: #32DAC8;
}

.dashed-text.color-dark-blue:after {
	background: #0D5265;
}

.dashed-text.color-aruba-orange:after {
	background: #ff8300;
}

.dashed-text.color-light-purple:after {
	background: #C140FF;
}

.dashed-text.color-medium-purple:after {
	background: #7630ea;
}

.dashed-text.color-yellow:after {
	background: #FEC901;
}

.dashed-text.color-hpe-green:after {
	background: #01A982;
}

.dashed-text.color-gray:after {
	background: #C6C9CA;
}

/* Video */

.brightCoveWrapper {
	width: 560px;
	max-width: 100%;
	margin: auto;
}
.brightCove {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	box-sizing: content-box;
}
.brightCove .video-js {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


/* キャンペーンバナー（用途で選ぶ・Gen10サーバー）
-------------------------------------------------*/
.campaignBnr {
	border:1px solid #CCC;
	background-image: url('/directplus_ent/images/banners/bnr_800x350_dx_campaign.jpg');
	background-position: right top;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
}
@media only screen and (max-width:767px){
	.campaignBnr {
		background: none;
		width: 100%;
		max-width: 384px;
		margin: 0 auto;
	}
}
.campaignBnrInr{
	width: 100%;
	height: 100%;
	padding: 25px 20px;
	box-sizing: border-box;
	background: linear-gradient(70deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 66%, rgba(255,255,255,0) 90%);
}
@media only screen and (max-width:999px){
	.campaignBnrInr{
		padding: 15px 20px;
		background: linear-gradient(70deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 66%, rgba(255,255,255,0) 90%);
	}
}
@media only screen and (max-width:767px){
	.campaignBnrInr{
		padding: 15px 10px;
		background: linear-gradient(70deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 66%, rgba(255,255,255,0) 90%);
	}
}
.campaignBnrBtn {
	position: absolute;
	bottom: 20px;
	right: 20px;
}
@media only screen and (max-width:999px){
	.campaignBnrBtn {
		position: relative;
		bottom: 0;
		right: 0;						}
}
@media only screen and (max-width:767px){
	.campaignBnrBtn{
		text-align: center;
	}
	.campaignBnrBtn .btn-secondary.alpha {
		background: rgba(255,255,255,1);
		color: #444444;
		padding: 10px 20px;
	}
}
.campaignBnrTtl {
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 10px;
}
@media only screen and (max-width:999px){
	.campaignBnrTtl {
		font-size: 26px;
	}
}
@media only screen and (max-width:767px){
	.campaignBnrTtl {
		font-size: 20px;
	}
}
.campaignBnrTxtPc {
	margin-bottom: 10px;
	line-height: 1.4;
}
.campaignBnrTxtPc > span {
	font-size: 18px;
	font-weight: bold;
}
.campaignBnrTxtSp {
	display: none;
}
@media only screen and (max-width:999px){
	.campaignBnrTxtPc{
		display: none;
	}
	.campaignBnrTxtSp {
		display: inline-block;
	}
}
.campaignBnrImg {
	display: none;
}
@media only screen and (max-width:767px){
	.campaignBnrImg {
		display: block;
		width: 100%;
	}
}


/* キャンペーン価格の一例
-------------------------------------------------*/
.columnPriceExample {
	display: flex;
	align-items: center;
	max-width: 700px;
	margin: auto;
}
.columnPriceExample > * {
	position: relative;
	flex: 1;
}
.columnPriceExample > .clm1 {
	flex-basis: 37%;
	margin-right: 3%;
}
.columnPriceExample > .clm2 {
	flex-basis: 60%;
}
.columnPriceImgWrapper {
	position: relative;
	max-width: 380px;
	position: relative;
	width: 100%;
	height: auto;
	margin: auto;
	overflow: hidden;
}
.columnPriceImgWrapper:before {
	content: "";
	display: block;
	padding-top: 75%;
}
.columnPriceImg {
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%;
	height: auto;
}
.columnPriceBtn .btn {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	min-width: auto;
	max-width: 220px;
}
.columnPriceExample > .clm2 img {
	max-width: 400px;
	margin: auto;
}
@media only screen and (max-width:767px) {
	.columnPriceExample {
		flex-direction: column;
	}
	.columnPriceExample > .clm1,
	.columnPriceExample > .clm2 {
		flex-basis: 100%;
		width: 100%;
		margin: 0;
	}
	.columnPriceExample > .clm1 {
		margin-bottom: 20px;
	}
}
/* ネットワーク
-------------------------------------------------*/
	.networkbdr4px {
		border:4px solid #ff8300;
		box-sizing: border-box;
	}


/* HPE ProLiant MicroServer Gen10 Plus
   セットアップ・インストールガイド
-------------------------------------------------*/
.msSetupGuide {
	
}
.msSetupGuide_row:not(:first-child) {
	margin-top: 20px;
}
.msSetupGuide_row .msSetupGuide_item {
	display: flex;
}
.msSetupGuide_row .msSetupGuide_item > *:first-child {
	flex-shrink: 0;
}
.msSetupGuide_row .msSetupGuide_item > * {
	flex: 1;
}
.msSetupGuide_row .msSetupGuide_item > .clm1 {
	flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 0;
	width: 84px;
	margin-right: 10px;
}
.msSetupGuide .clmImg {
	height: auto;
}
@media (min-width: 1000px) {
	.msSetupGuide_row .columnFixWidth > *:not(:last-child) {
		margin-right: 20px;
	}
	.msSetupGuide_row > .msSetupGuide_item > .clm1,
	.msSetupGuide_row > *:first-of-type > .msSetupGuide_item > .clm1 {
		width: 135px;
	}
}
@media (max-width: 999px) {
	.msSetupGuide_row {
		flex-wrap: wrap;
	}
	.msSetupGuide_row > *:not(:first-child) {
		margin-top: 20px;
	}
	.msSetupGuide_row > * {
		flex-basis: 100%;
	}
	.detailLinkTxt {
		text-align: right;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	.msSetupGuide_row > .msSetupGuide_item > .clm1,
	.msSetupGuide_row > * > .msSetupGuide_item > .clm1 {
		width: 205px;
	}
	.msSetupGuide_row > .msSetupGuide_item > .clm1 .clmImg,
	.msSetupGuide_row > * .msSetupGuide_item > .clm1 .clmImg {
		max-width: 200px;
	}
}
@media (min-width: 415px) and (max-width: 767px) {
	.msSetupGuide_row > .msSetupGuide_item > .clm1,
	.msSetupGuide_row > * > .msSetupGuide_item > .clm1 {
		width: 135px;
	}
	.msSetupGuide_row .msSetupGuide_item .clmImg {
		max-width: 130px;
	}
}
@media (max-width: 414px) {
	.msSetupGuide_row .msSetupGuide_item {
		display: block;
	}
	.msSetupGuide_row .msSetupGuide_item > .clm1 {
		width: 100%;
	}
	.msSetupGuide_row .msSetupGuide_item > *:not(:first-child) {
		margin-top: 10px;
	}
	.msSetupGuide_row .msSetupGuide_item .clmImg {
		max-width: 200px;
		margin: auto;
	}
}


/* ページタイトルバナー(画像+HTML)
-------------------------------------------------*/
.partner .pageTitleWithImg {
	background-image: url(/directplus_ent/salessupport/images/page_title_salessupport_16_9_20220824_LND_009_4004.webp);
}
.pageTitleWithImg {
	background-repeat: no-repeat;
	background-position: top 30% right;
	margin-bottom: 40px;
	padding: 10px 20px 10px 60px;
	min-height: 180px;
	display: flex;
	border: 1px solid #ccc;
	position: relative;
}
.pageTitleWithImg::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.pageTitleWithImg > * {
	z-index: 2;
}
.partner .pageTitle{
	margin-bottom: -40px;
}
.pageTitleWithImg span {
	display: inline-block;
}
@media (min-width: 1000px){
	.pageTitleWithImg::after {
		background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0.5) 35%, rgba(255,255,255,0.9) 50%, rgb(255, 255, 255) 55%, rgb(255, 255, 255) 100%);
	}
}
@media (min-width: 768px) {
	.pageTitleWithImg > * {
		align-self: center;
		background-size: 730px auto;
	}
}
@media (max-width: 999px) and (min-width: 768px){
	.pageTitleWithImg::after {
		background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,0.5) 35%, rgba(255,255,255,0.9) 40%, rgb(255, 255, 255) 60%, rgb(255, 255, 255) 100%);
	}
	.pageTitleWithImg{
		background-size: 58%;
		min-height: 120px;
		padding: 10px 15px;
	}
}
@media (max-width: 767px) {
	.partner .pageTitleWithImg {
		background-image: url(/directplus_ent/salessupport/images/page_title_salessupport_36_11_20220824_LND_009_4004_min.webp);
	}
	.pageTitleWithImg {
		background-size: contain;
		flex-direction: column;
		padding: 0;
		min-height: auto;
		background-position: top;
	}
	.pageTitleWithImg > .marginArea {
		flex-basis: 150px;
	}
	.pageTitleWithImg::after {
/*		background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 70%, rgba(0,0,0,0.5) 100%);*/
	}
	.partner .pageTitle {
		margin-top: 30%;
		margin-bottom: 0px;
		padding: 40px 15px 0;
		background-color: #ffffff;
	}
}


/* バナー(背景画像+HTML)
-------------------------------------------------*/
.bnrArea {
	display:flex;
}
.bnrArea,
.bnrArea * {
	box-sizing: border-box;
}
.bnrArea > * {
	flex: 1 1 50%;
}
.bnrArea > *:first-child:last-child {
	flex: 1 1 100%;
}
.bnrWithTxt {
	display: block;
	position: relative;
	background-repeat: no-repeat;
}
.bnrWithTxt .inner {}
.bnrWithTxt .inner::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.bnrWithTxt.gradient .inner::after {
	background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.4) 100%);
}
.bnrWithTxt .bnrContent {
	position: relative;
	z-index: 2;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	border: 1px solid #CCC;
	position: relative;
	width: 100%;
	padding: 20px 30px;
}
.bnrWithTxt .row {
	display: flex;
	justify-content: space-between;
	min-height: 100px;
}
.bnrWithTxt .bnrTtl {
	font-size: 26px;
	line-height: 1.4;
	font-weight: bold;
	margin-bottom: 5px;
}
.bnrWithTxt .bnrTxt {
	font-size: 13px;
	font-weight: normal;
}
.bnrWithTxt .bnrBtn {
	text-align: right;
	position: relative;
	bottom: auto;
	right: auto;
	align-self: flex-end;
}
.bnrWithTxt .bnrBtn .btn {
	min-width: 200px;
}
@media only screen and (min-width:1000px){
	.bnrArea > *:not(:last-child) {
		margin-right:10px;
	}
}
@media only screen and (max-width:999px){
	.bnrArea {
		display:block;
	}
	.bnrArea > * {
		margin-right:0;
		margin-left:0;
		width:100%;
	}
	.bnrArea > *:not(:last-child) {
		margin-bottom:10px;
	}
	.bnrWithTxt {
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;
	}
	.bnrWithTxt > * {
		width: 100%;
	}
	.bnrWithTxt > *:first-child {
		margin: 0 0 20px;
	}
	.bnrWithTxt .bnrBtn {
		text-align: center;
	}
}
@media only screen and (max-width:767px){
	.bnrWithTxt .row {
		flex-direction: column;
	}
	.bnrWithTxt .row > *:not(:last-child) {
		margin-bottom: 10px;
	}
}

/*---=======================================---*/
/*HPE ProLiant MicroServer 特集ページ microservergen10.html*/
.gen10titletip span{
	background-color: #7630ea;
	padding: 0 20px;
	color: #ffffff;
}
.msgen_box{
	border: 4px solid #7630ea;
	box-sizing: border-box;
}
/*---=======================================---*/
/*ラインアップリスト*/
.lineuplist {
	position: relative;
}
.lineuplist__header > * {
	display: inline-block;
}
.lineuplist__header > *:not(:last-child) {
	margin-right: 20px;
}
.lineuplist__header__block {
	display: block;
}
.lineuplist__bodyWrapper {
	overflow-x: auto;
}
.lineuplist__body,
.lineuplist__main {
	position: relative;
}
.lineuplist__body {
	width: 963px;
	height: 387px;
	padding: 0 0 94px 37px;
}
.lineuplist.rack.intel .lineuplist__body {
	height: 520px;
}
.lineuplist.rack.amd .lineuplist__body {
	height: 350px;
}
.lineuplist.rack.amdtop .lineuplist__body {
	height: 300px;
}
.lineuplist__body__x {
	position: absolute;
	right: 30px;
	bottom: 0;
	font-size: 20px;
}
.lineuplist__body__y {
	position: absolute;
	left: 0;
	top: 20px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 20px;
}
.lineuplist__main {
	border-left: 6px solid #CCC;
	border-bottom: 6px solid #CCC;
	margin: 30px 20px 0 0;
	padding: 0 10px 50px;
	height: 100%;
}
.lineuplist__main::before {
	content: "";
	position: absolute;
	top: -20px;
	left: -12px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 9px 20px 9px;
	border-color: transparent transparent #CCC transparent;
}
.lineuplist__main::after {
	content: "";
	position: absolute;
	right: -20px;
	bottom: -12px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 0 9px 20px;
	border-color: transparent transparent transparent #CCC;
}
.lineuplist__main__title {
	position: absolute;
	top: 0;
	left: 20px;
	font-size: 22px;
	font-weight: bold;
}
.lineuplist__main__x {
	position: absolute;
	bottom: 15px;
	width: calc(100% - 20px);
	display: flex;
	align-items: center;
	font-size: 17px;
	line-height: 1;
}
.lineuplist__main__x > * {
	flex-basis: auto;
	flex-shrink: 0;
	flex-grow: 0;
}
.lineuplist__main__x > *.arrow {
	position: relative;
	flex-basis: auto;
	flex-shrink: 1;
	flex-grow: 1;
	margin: 0 15px 5px;
}
.lineuplist__main__x > *.arrow > span {
	position: absolute;
	height: 0;
	top: 50%;
	left: 0;
	right: 0;
	border: 1px dotted #32dac8;
}
.lineuplist__main__x > *.arrow::before {
	content: "";
	position: absolute;
	left: -8px;
	bottom: -5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4.5px 10px 4.5px 0;
	border-color: transparent #32dac8 transparent transparent;
}
.lineuplist__main__x > *.arrow::after {
	content: "";
	position: absolute;
	right: -8px;
	bottom: -5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4.5px 0 4.5px 10px;
	border-color: transparent transparent transparent #32dac8;
}
.lineuplist__item__groups {
	display: flex;
	height: 100%;
	column-gap: 10px;
}
.lineuplist__item__group {
	flex: 1 1 auto;
	position: relative;
}
/*1:1:2:2line*/
.lineuplist.intel .lineuplist__item__group {
	flex-basis: 1;
}
/*.lineuplist.intel .lineuplist__item__group:first-child {
	flex-basis: 20%;
}
.lineuplist.intel .lineuplist__item__group:last-child {
	flex-basis: 60%;
}*/
/* 1:2:2:2line
.lineuplist.intel .lineuplist__item__group {
	flex-basis: 23%;
}
.lineuplist.intel .lineuplist__item__group:first-child {
	flex-basis: 12%;
}
.lineuplist.intel .lineuplist__item__group:last-child {
	flex-basis: 50%;
} */
/*.lineuplist.rack.amd .lineuplist__item__group {
	flex-basis: 80%;
}*/
.lineuplist.rack.amd .lineuplist__item__group:first-child {
	flex-basis: 15%;
}
.servertop .lineuplist.rack .edge.lineuplist__item__group:first-child{
  display: none;
}
.lineuplist.rack.amd .lineuplist__item__group:nth-child(2) {
	flex-basis: 15%;
}
.lineuplist.rack.amd .lineuplist__item__group:last-child {
	flex-basis: 65%;
}
.lineuplist__item__group:not(:first-child) {/*	margin-left: 10px;*/}
.lineuplist__item__group .inner {
	position: absolute;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.lineuplist.tower .lineuplist__item__group .inner {
/*	height: 370px;*/
}
.lineuplist.rack.intel .lineuplist__item__group .inner {
	height: 200px;
}
/*.lineuplist.rack.amd .lineuplist__item__group .inner {
	height: 185px;
}*/
.lineuplist__item__group:first-child .inner {
	bottom: 0px;
}
.lineuplist__item__group.edge:first-child .inner {
	bottom: 30px;
}
.lineuplist__item__group:nth-child(2) .inner {
	bottom: 30px;
}
.lineuplist__item__group:nth-child(3) .inner {
	bottom: 60px;
}
.lineuplist__item__group:nth-child(4) .inner {
	bottom: 90px;
}
.lineuplist__item__group:nth-child(5) .inner {
	bottom: 120px;
}
.lineuplist.rack.intel .lineuplist__item__group:nth-child(2) .inner {
	bottom: 30px;
}
.lineuplist.rack.intel .lineuplist__item__group:nth-child(3) .inner {
	bottom: 60px;
}
.lineuplist.rack.intel .lineuplist__item__group:nth-child(4) .inner {
	top: 240px;
}
.lineuplist.rack.amd .lineuplist__item__group:nth-child(2) .inner {
	bottom: 10px;
}
.lineuplist.rack.amd .lineuplist__item__group:nth-child(3) .inner {
	bottom: 90px;
}
.lineuplist__items {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	width: 100%;
}
.width_contrl > div {width: 50%;}/*邪魔になる場合は外す*/
.lineuplist__item {
	position: relative;
	min-height: 180px;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	flex: 1;
	margin: auto;
	width: 100%;
}
.lineuplist.rack .lineuplist__item {
	position: relative;
	min-height: 160px;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	flex: 1;
	margin: auto;
	width: 100%;
}
.lineuplist__item + .lineuplist__item {
	margin-left: 10px;
}
.lineuplist__item__proceccor {
	border: 3px solid #0d5265;
	padding: 2px;
	width: 25px;
	height: 25px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -40px;
	left: -35px;
	background: #fff;
}
.rack .lineuplist__item__proceccor{
	left: 0px;
	top: -60px;
}
.lineuplist__item__img {
	text-align: center;
	max-width: 130px;
	max-height: 160px;
	margin-bottom: 15px;
	position: relative;
}
.lineuplist__item__img img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
	margin: auto;
}
.lineuplist__item__name {
	text-align: center;
	font-size: 16px;
	line-height: 1.2;
	max-width: 100%;
/*	overflow-wrap: break-word;*/
	white-space: nowrap;
}
.lineuplist_item_price{font-weight: normal; font-size: 12px; line-height: 1.6;}
.lineuplist__item__group__label {
	border: 2px solid #7630ea;
	margin: 5px 0 0 0;
	padding: 5px 0;
	display: flex;
	text-align: center;
	justify-content: center;
	font-size: 15px;
	line-height: 1;
	flex: 1 1 100%;
}
.lineuplist.rack.intel .lineuplist__item__group__label {border-color: #c140ff;}
.lineuplist__item__group__label > * {flex: 1;}
.lineuplist-nav .btn{padding: 10px;}
.lineuplist-nav .btn-secondary{
	min-height: 63px;
	min-width: 420px;
}
.lower_section.space::before {
  content: '';
  height: 184px;
  display: block;
}
.lineup_group_labels {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}
@media (min-width:768px){
	.clm1 .lineuplist-nav .btn-secondary{
		line-height: 2.5;
	}
}
@media (max-width:767px){
	.lineuplist-nav .btn-secondary{
		min-height: auto;
	    min-width: auto;
	    max-width: 420px;
	    width: 100%;
	}
}
/*/end ラインアップリスト*/
/* start circle sticker default */
/*---=======================================---*/
.campaign_sticker div ,.optok_sticker div {
    line-height: 1.2;
    border-radius: 100vh;
    width: 120px;
    height: 120px;
    text-align: center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    font-size: 1.3em;
    z-index: -1;
}
.campaign_sticker div {
    border: 4px solid #ff8300;
}
.optok_sticker div {
    border: 4px solid #01a982;
    font-weight:normal;
}
.campaign_sticker,.optok_sticker {
    position: relative;
}
/*  circle sticker campaign_sticker用記述  */
.campaign_sticker p{
	font-size: 17px;
	line-height: 1;
	padding-top: 20px;
}
.campaign_sticker div span:nth-of-type(3){
    font-size: 1.8em;
    line-height: 1;
    margin: 3px 0 -2px 0;
    font-weight: bold;
}
.campaign_sticker div span:nth-of-type(4) {
    font-weight: bold;
}

/*  circle sticker オプ得用記述  */
.optok_sticker p {
	font-size: 17px;
    padding-top: 10px;
}
.optok_sticker div span:nth-of-type(3){
    font-size: 1.8em;
    line-height: 1;
    font-weight: bold;
    margin: 3px 0 -2px 0;
}
.optok_sticker div span:nth-of-type(4){
    line-height: 1;
    font-weight: bold;
}
/* circle sticker 用途で選ぶ */
.purposeRecommendProducts .campaign_sticker.tower_low div, .purposeRecommendProducts .optok_sticker.tower_low div, .purposeRecommendProducts .campaign_sticker.rack_low div, .purposeRecommendProducts .optok_sticker.rack_low div{
    left: 180px;
    top: -190px;
}
.purposeRecommendProducts .campaign_sticker.tower_tall div, .purposeRecommendProducts .optok_sticker.tower_tall div {
    left: 20px;
    top: -180px;
}
/* recommend label default*/
.recommend_label {
    position:relative;
}
.recommend_label div {
    line-height: 1.2;
    width: max-content;
    height: auto;
    background-color: #fec901;
    text-align: center;
    position: absolute;
    display: flex;
    font-size: 1.3em;
    justify-content: center;
    align-items: center;
}
.recommend_label .recommendtext{
	margin: 5px 10px 2px;
}
/* recommend label 用途で選ぶ */
.purposeRecommendProducts .recommend_label div {
    top: 0;
    left: 0;
}
.purposeRecommendProducts .recommend_label p {
    margin: 8px 15px 7px;
    vertical-align: bottom;
}
/*START proliant innovation windows server
-------------------------------------------------*/
#summarypanels .panelsinr {
	box-sizing:border-box;
	justify-content: space-between;
}
#summarypanels .panelsinr > .panel {
	width: 32%;
	box-sizing:border-box;
	border:4px solid #cccccc;
	padding: 10px;
	flex: 1 0 auto;
}
#summarypanels .panelsinr > .panel:nth-child(1) {	border:4px solid #7630ea;}
#summarypanels .panelsinr > .panel:nth-child(2) {	border:4px solid #c140ff;}
#summarypanels .panelsinr > .panel:nth-child(3) {	border:4px solid #fec901;}
#summarypanels .panelsinr > .panel:nth-child(4) {	border:4px solid #32dac8;}
#summarypanels .panelsinr > .panel:nth-child(5) {	border:4px solid #ff8300;}
#summarypanels .panelsinr > .panel:nth-child(6) {	border:4px solid #0D5265;}
@media (max-width:767px){
    #summarypanels .panelsinr > .panel {	width: 49%;}
}
/*end proliant innovation windows server ===---*/
/*START casestudy gaba nakamura yamazaki naist
-------------------------------------------------*/
.page.casestudygaba .w600pxImg, .page.casestudynaist .w600pxImg,
.page.casestudynakamura .w600pxImg, .page.casestudyyamazaki .w600pxImg {
	width:600px;
	max-width: 600px;
}
@media (min-width:1000px){
	.page.casestudygaba picture img, .page.casestudynaist picture img,
	.page.casestudynakamura picture img, .page.casestudyyamazaki picture img{
		max-width: 400px;
		width: 100%;
		height: auto;
	}
}
@media (max-width:999px){
	.page.casestudygaba .w600pxImg, .page.casestudynaist .w600pxImg,
	.page.casestudynakamura .w600pxImg, .page.casestudyyamazaki .w600pxImg{
		width:100%;
		height: auto;
	}
}

/*=== A+ HPE AdvantagePlus header
==============================================*/
.aplusheader{
	border-bottom: 4px solid #D6D4D4;
	/*padding: 20px 0;*/
}
.aplusheader_inr {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	align-content: center;
	align-items: center;
	box-sizing: border-box;
}
.aplusheader_inr > *:first-child{	width: 200px;}
.aplusheader_inr > *:last-child{	width: 1000px;}
.aplusheader_inr .imgcontainer {
	box-sizing: border-box;
	font-size: 0;
}
.aplusheader_inr .logomargin{
	margin: 30px 30px;
	display: inline-block;
	box-sizing: border-box;
}
.aplusheader_inr img.hpelogo {
	width: 100%;
	max-width: 130px;
	height: auto;
	box-sizing: border-box;
}
.aplusheader_inr img.hpeapluslogo {
	width: 100%;
	max-width: 350px;
	height: auto;
	box-sizing: border-box;
}
@media only screen and (max-width:999px){
.aplusheader_inr {
	flex-direction: column;
	width: 100%;
}
.aplusheader_inr .logomargin{	margin: 20px 20px;}
.aplusheader_inr img.hpelogo{	max-width: 90px;}
.aplusheader_inr img.hpeapluslogo{	max-width: 200px;}
.aplusheader_inr > *:first-child{	width: 100%;}
.aplusheader_inr > *:last-child{	width: 100%;}
}
/*---=======================================---*/