@charset "utf-8";
/* 0.5925 */

/***********************/
/*****  OVER RIDE  *****/

h4 { margin:0;padding:0;font-size:1.125rem; }
h5 { margin:0;padding:0;font-size:1rem; }

.sub_midashi {
	margin: 0.75% 0;
}

/*****  OVER RIDE  *****/
/***********************/

.dflt img {
	width: auto;
	max-width: 100%;
}
.dflt a:hover {
	opacity: 0.7;
}

.dflt-wrap {
	max-width: 1050px;
	margin: 0 auto;
	padding-left: 50px;
	box-sizing: border-box;
}
/* sp */
@media(max-width:900px) {
	.dflt-wrap {
		/*padding: 0 2%;*/
	}
}


/***************************************************/
/*  layout   									   */
/***************************************************/
.list02,
.list03,
.list04 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto 2%;
	box-sizing: border-box;
}
.list02__item,
.list03__item,
.list04__item {
	position: relative;
	display: flex;
	justify-content: center;
	/*align-self: center;*/
	align-self: stretch;
	box-sizing: border-box;
	text-align: center;
}

.list02__item {	width:48%; padding:0 0 0; }
.list03__item {	width:32%; padding:0 0 0; }
.list04__item {	width:24%; padding:0 0 0; }

/* linkarea */
.linkarea  .list04 {
	max-width: 1000px;
	margin: 0 0 2%;
}
.linkarea  .list04__item {
	justify-content: flex-start;
}
.linkarea a:hover {
	opacity: 0.7;
}


.col-sb,
.col {
	display:flex;
	flex-wrap: wrap;
	width: 100%;
	box-sizing: border-box;
}
.col-sb {
	justify-content: space-between;
}

	.col__c10 {
		width: 100%;
		box-sizing: border-box;
	}
	.col__c8 {
		width: 80%;
		box-sizing: border-box;
	}
	.col__c7 {
		width: 68%;
		box-sizing: border-box;
	}
	.col__c6 {
		width: 65%;
		box-sizing: border-box;
	}
	.col__c5 {
		width: 50%;
		box-sizing: border-box;
	}
	.col__c4 {
		width: 34%;
		box-sizing: border-box;
	}
	.col__c3 {
		width: 32%;
		box-sizing: border-box;
	}
	.col__c2 {
		width: 20%;
		box-sizing: border-box;
	}
	.col__ca {
		width: auto;
		box-sizing: border-box;
	}
	.col-sb .col__c3 {
		width: 32.2%;
	}

	/* sp */
	@media(max-width:900px) {
		.col__c10 {
			padding: 0 2%;
		}
	}

/* desc */
.desc {
	box-sizing:border-box;
	margin: 0;
	/*padding: 2.5% 4.75%;*/
	/*padding: 2.2% 4.75%;*/
	padding: 2.2% 5.75%;
	line-height: 1.75;
}
.desc .desc {
	padding: 1.1% 2.5% 0;
}
.col__c10 .desc {
	/*padding: 1% 4.75%;*/
	/*padding: 1.5% 4.75% 1%;*/
	padding: 1.5% 5.75% 1%;
}
	.col__c10 .desc .desc {
		padding: 0 0 0 2.5%;
	}
.col__c7 .desc {
	/*padding: 5% 10%;*/
	padding: 3.4% 8%;
}
.col__c5 .desc {
	/*padding: 5% 10%;*/
	padding: 1% 8%;
}
h4.obi-blue {
	display: block;
	width:100%;
}
h4.obi-blue + .desc {
	padding: 2% 7% 0;
}
.col__c7 h4.obi-blue + .desc {
	/*padding: 5% 10%;*/
	/*padding: 2% 10%;*/
	padding: 3.3% 10%;
}
.desc .obi-blue {
	margin: 0 0 0 2.8%;
	color: #297cc3;
}
.obi-blue {
	position: relative;
	margin: 0 0 0 5.8%;
	padding: 0.1% 0 0 2.2%;
	/*border-left: 10px solid #297cc3;*/
}
.col__c7 .obi-blue {
	margin: 0 0 0 7%;
	/*padding: 0.1% 0 0 1.65%;*/
	padding: 0 0 0 3.65%;
	/*border-left: 10px solid #297cc3;*/
	font-size: 1.05em;
	letter-spacing: 0.09em;
}
.obi-blue::before {
	position: absolute;
	top: 5px;
	left: 0;
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0;
	padding: 0;
	background:#297cc3;
}
h5.obi-blue{ padding:0.1% 0 0 1.4%; }
h5.obi-blue::before {
	top: 9px;
	left: 0;
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
}

.desc-table {
	box-sizing:border-box;
	margin: 0;
	padding: 0 6.75% 2.2% 5.75%;
	line-height: 1.75;
}

/***************************************************/
/*  decoration   								   */
/***************************************************/

.fw-b { font-weight:bold; }
.fw-n { font-weight:normal; }

.fc-b { color:#297cc3; }

.ta-c { text-align: center; }
.ta-l { text-align: left; }
.ta-r { text-align: right; }
.ta-ci { text-align: center !important; }
.ta-li { text-align: left !important; }
.ta-ri { text-align: right !important; }

.mk_yl { background:linear-gradient(transparent 60%, #ffff00 0%); }
.mk_yl-full { background:linear-gradient(transparent 0%, #ffff00 0%); }
.mk_cy { background:linear-gradient(transparent 60%, #e3f2fa 0%); }
.mk_cy-full { background:linear-gradient(transparent 0%, #e3f2fa 0%); }

.tips {
	display: inline-block;
	padding-left: 1em;
	text-indent: -1em;
}
.tips .tips-mark {
	display: inline-block;
	width: 1em;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-indent: 0;
}

.lh-t {
	display: inline-block;
	line-height: 1.1;
}

.fs_sml {
	font-size: 0.9em;
}

.link-gray {
	display: inline-block;
	box-sizing:border-box;
	width: 100%;
	padding: 8.3% 2%;
	background: #eee;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}
.set-border {
	border-bottom: 1px solid #333;
}
.arw-r {
	position: relative;
	right: -3%;
	display: inline-block;
	box-sizing:border-box;
	width:6%;
	height:6px;
	border:6px solid transparent;
	border-left:9px solid #333;
}

/* title deco */
.check-line {
	position: relative;
	display: inline-block;
	box-sizing:border-box;
	width: 100%;
	margin: 0;
	padding: 0.95% 0 0.4% 5%;
	border-bottom: 1px solid #333;
	background: url('../img/svg/tvstand_icon3.svg') 0.75% 80% no-repeat;
	background-size: 3.5%;
	font-size: 1.625em;
	letter-spacing: 0.13em;
	color: #3988B2;
}
	.col__c7 .check-line {
		padding: 2% 0 0.5% 8%;
		background-size: 5%;
		font-size: 1.625em;
		letter-spacing: 0.13em;
	}


.obi-faq {
	position: relative;
	display: inline-block;
	box-sizing:border-box;
	width: 100%;
	margin: 7.3% 0 0;
	padding: 5px 0 1px 5%;
	background: #DEEEFF url('../img/svg/tvstand_icon4.svg') left center no-repeat;
	background-size: 33px;
	font-size: 1.125em;
	letter-spacing: 0.13em;
	color: #333;
}
	.col__c7 .obi-faq {
		padding: 2% 0 2% 10%;
		background-size: 7%;
		font-size: 1.125em;
		letter-spacing: 0.13em;
	}

	/* notice__desc */
	.notice {
		max-width: 855px;
		margin: 0 0 0 2.5%;
		padding: 2.5% 3%;
		background: #e3f2fa;
		box-sizing: border-box;
		border-radius: 5px;
		font-size: 1rem;
	}
	.point__wrap {
		/*margin: 2.5% 2.5% 0 7%;*/
		margin: 2.5% 0 0 4.8%;
		/*padding: 3% 4.5%;*/
		padding: 1.9% 4.5%;
		background: #fef6f9;
		box-sizing: border-box;
		border-radius: 5px;
		font-size: 1rem;
		width: 100%;
		max-width: 885px;
	}
	.point__icon {
		display: block;
		margin: 0 auto 1.6%;
		text-align: center;
	}
	.notice__subtitle {
		margin: 0 auto 0.5%;
		box-sizing: border-box;
		text-align: center;
		font-size:1.25rem;
		font-weight:bold;
	}
	.notice__desc {
		margin:0;
		line-height: 1.75;
	}
	.point__wrap .notice__desc {
		/*display: flex;*/
		/*justify-content: center;*/
		line-height: 1.65;
	}

	/* sp */
	@media(max-width:900px) {
		.point__wrap .col__c5 {
			width:100%;
		}
	}


/***************************************************/
/*  button   									   */
/***************************************************/
.btn-r-arw,
.btn-r-arwbox,
.btn-r-arw20, .btn-r-arw20s, .btn-r-arw40,
.btn-r-arw20-row2 {
	position: relative;
	display: inline-block;
	width: 60%;
	padding: 1% 2%;
	border: 1px solid #bfbfbf;
	border-radius: 2px;
	color: #333333;
	font-size: 0.9375em;
	text-decoration: none;
}
.btn-r-arwbox {
	width: 36.4%;
	min-width: 300px;
	margin-left: 8%;
	padding: 0.7% 1.5% 0.55% 3%;
	margin-bottom: 50px;
}
.btn-r-arw20s {
	width: 20%;
	margin-right: 2%;
	padding: 1.5% 1.5% 1.5% 4%;
}
.btn-r-arw40 {
	width: 40%;
	margin-right: 2%;
	padding: 3.3% 8%;
}
.btn-r-arw20-row2 {
	width: 22%;
	margin-right: 2%;
	padding: 1.2% 6% 0.8%;
	line-height: 1.3em;
}
	.btn-r-arw::after,
	.btn-r-arwbox::after,
	.btn-r-arw20::after,
	.btn-r-arw20s::after,
	.btn-r-arw40::after,
	.btn-r-arw20-row2::after {
		content:"";
		position: absolute;
		top: 50%;
		left: 3.5%;
		display: inline-block;
		box-sizing:border-box;
		width:6%;
		height:6px;
		margin-top: -7px;
		border:6px solid transparent;
		border-left:10px solid #3988B2;
		transition: .5s ease;
	}
		.btn-r-arwbox:hover::after{
			left: 4%;
			transition: .25s ease;
		}


.btn-r-big,
.btn-r-big80 {
	position: relative;
	display: flex;
	justify-content: center;
	/*align-self: center;*/
	width: 25%;
	padding: 1.8% 5%;
	background: #fff;
	border: 2px solid #DECE8F;
	border-radius: 50px;
	filter: drop-shadow(5px 5px 0 #EFEBD8);
	color: #A08616;
	font-size: 0.95em;
	font-weight: bold;
	letter-spacing: 0.09em;
	text-decoration: none;
}
.btn-r-big80 {
	width: 80%;
}

.return-menu {
	position: relative;
	display: inline-block;
	padding: 0.1% 2% 0;
	background: #F7F6EC;
	color: #333;
	font-size: 0.95em;
	font-weight: 400;
	letter-spacing: 0.09em;
	text-decoration: none;
}
	.return-menu::after {
		content:"";
		position: relative;
		right: -5%;
		display: inline-block;
		box-sizing:border-box;
		width:10px;
		height:6px;
		margin-top: -6px;
		border:6px solid transparent;
		border-bottom:10px solid #333;
	}


/***************************************************/
/*  title   									   */
/***************************************************/
/* sticker-new-car-drivers */
.sticker-ncd {
	position: relative;
	bottom: -15px;
}
.main-title {
	text-align: center;
	font-size: 3em;
	color: #333;
}
.main-title__sub {
	position: relative;
	display: block;
	text-align: center;
	font-size: 0.7em;
	color: #3888B2;
}

/* section */
.sec-title {
	position: relative;
	text-align: center;
	font-size: 2.4em;
	color: #333;
}
.icon-num {
	display: block;
	position: relative;
	/*bottom: -15px;*/
	bottom: 0;
	margin: 0 0 1%;
}



/***************************************************/
/*  main title   								   */
/***************************************************/
.main-title__img { display:inline-block; position:relative; }

#hdmi_main.main-title {
	margin:0 auto;
	padding:0;
	text-align:center;
	width:100%;
	background:linear-gradient(0deg,  #3b6db2 0%, #24a5cc 100%);
}
#hdmi_about.main-title {
	margin:13.6% auto 0;
	padding:0;
	text-align:center;
	width:100%;
	background:#3b6db2;
}
	#hdmi_about.main-title .sdw {
		cursor: default;
		filter:drop-shadow(1px 0 0.1em #3b6db2)drop-shadow(1px 0 0.1em #3b6db2)drop-shadow(1px 0 0.1em #3b6db2);
	}

#hdmi_point.main-title {
	margin:13.6% auto 0;
	padding:0;
	text-align:center;
	width:100%;
	background:#24a5cc;
}
	#hdmi_point.main-title .sdw {
		cursor: default;
		filter:drop-shadow(1px 0 0.1em #24a5cc)drop-shadow(1px 0 0.1em #24a5cc)drop-shadow(1px 0 0.1em #24a5cc);
	}

#hdmi_faq.main-title {
	margin: 13.1% auto 0;
	padding: 0;
	text-align: center;
	width: 100%;
	background: linear-gradient(0deg, #56a9da 0%, #84dbe5 100%);
}
	#hdmi_faq.main-title .sdw {
		cursor: default;
		filter:drop-shadow(1px 0 0.1em #56a9da)drop-shadow(1px 0 0.1em #56a9da)drop-shadow(1px 0 0.1em #56a9da);
	}


/***************************************************/
/*  contents	main							   */
/***************************************************/
.main_catch {
	font-size: 2rem;
	margin: 8.5% 0 0;
}
.main_catch__desc {
	font-size: 1.125rem;
	margin: 1.3% 0 0;
	line-height: 1.7;
}


/***************************************************/
/*  contents	about							   */
/***************************************************/
.about__desc {
	font-size: 1rem;
	margin: 4% 0 0;
	line-height: 1.75;
	width: 100%;
}



/***************************************************/
/*  contents	point							   */
/***************************************************/
.point__desc {
	font-size: 1rem;
	margin: 4% 0 0;
	line-height: 1.7;
}

.hdmi_point04__desc01 {
	width:45%;
}
@media(max-width:900px) {
	.hdmi_point04__desc01 {
		width:100%;
	}
}

/***************************************************/
/*  contents	   								   */
/***************************************************/
.flow-cap {
	margin: 1.7% 0 0;
}






/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/

/*---------------------------
    sub-menu
---------------------------*/
 .sub-menu-area {
	margin: 7.2% 0 0;
	padding: 3.3% 4% 5.7%;
	width: auto;
	display: inline-block;
	background-color: #F9F9F9;
	/*border-radius: 8px;*/
}
 .sub-menu-area .menu-ttl {
	margin: 0;
	font-weight: unset;
	font-size: 1.4em;
	letter-spacing: 0.1em;
	border-bottom: 0;
	padding: 0;
}
 .sub-menu-area ul li {
	margin: 3.5% 0 0;
	font-size: 1.125em;
	line-height: 1.2;
}
.sub-menu-area ul li:first-child {
	margin: 2.5% 0 0;
}
.sub-menu-area ul li.sub {
	margin-top: 1.75%;
	padding-left: 1.1em;
	/*font-size: 1.2em;*/
}
 .sub-menu-area ul li a {
	text-decoration: none;
	color:#297cc3;
 }
 .sub-menu-area ul li:not(.sub) + li.sub {
	margin-top: 1.75%;
}

@media(max-width:900px) {

	 .sub-menu-area {
		display: block;
		width: 80%;
		margin: 7.2% auto 0;
	 }

}

@media(max-width:480px) {

	/*-- smartphone --*/
	 .sub-menu-area {
		margin: 6.7% 0 0;
		padding: 3.3% 4%;
		width: 96%;
		background-color: #F9F9F9;
	}
	 .sub-menu-area h2.menu-ttl {
		margin: 0;
		font-weight: bold;
		font-size: 1.5em;
	}
	 .sub-menu-area ul li {
		margin: 15px 0 0;
		font-size: 1.15em;
		padding-left: 1.3em;
		text-indent: -1em;
		line-height: 1.7;
	}
	 .sub-menu-area ul li.sub {
		margin-top: 5px;
		padding-left: 3.4em;
		text-indent: -2.2em;
		font-size: 1.1em;
	}
	 .sub-menu-area ul li a {
		/*color: #33C;*/
		text-decoration: none;
	}
	 .sub-menu-area ul li:not(.sub) + li.sub {
		margin-top: 5px;
	}

}

/****************/
/* title deco 2 */
.number-line {
	position: relative;
	display: inline-block;
	box-sizing:border-box;
	width: 100%;
	margin: 0;
	/*padding: 0.65% 0 0.7% 4.5%;*/
	padding: 0.85% 0 0.55% 4.5%;
	border-bottom: 1px solid #333;
	font-size: 1.75em;
	letter-spacing: 0.13em;
	color: #EE5599;
}
/*.number-line::before {*/
	/*content: attr(data-title-number);*/
	/*position: absolute;*/
	/*left: 0.5%;*/
	/*top: 45%;*/
	/*display: inline-block;*/
	/*width:30px;*/
	/*height:30px;*/
	/*padding: 0 0 0 2px;*/
	/*box-sizing: border-box;*/
	/*background-color: #EE5599;*/
	/*border-radius: 50%;*/
	/*line-height: 2rem;*/
	/*text-align: center;*/
	/*color: #fff;*/
	/*font-size:1rem;*/
	/*font-weight: bold;*/
	/*font-family: "Century Gothic","arial";*/
	/*-moz-transform: translateY(-50%);*/
	/*-webkit-transform: translateY(-50%);*/
	/*-ms-transform: translateY(-50%);*/
	/*transform: translateY(-50%);*/
/*}*/
.col__c7 .number-line {
	padding: 2% 0 0.5% 8%;
	font-size: 1.625em;
	letter-spacing: 0.13em;
}
#hdmi_point01{ 	background: url('../img/select_hdmi_icon1.gif') 0% 50% no-repeat; background-size: auto; }
#hdmi_point02{ 	background: url('../img/select_hdmi_icon2.gif') 0% 50% no-repeat; background-size: auto; }
#hdmi_point03{ 	background: url('../img/select_hdmi_icon3.gif') 0% 50% no-repeat; background-size: auto; }
#hdmi_point04{ 	background: url('../img/select_hdmi_icon4.gif') 0% 50% no-repeat; background-size: auto; }


/****************/
/* faq */
.col-faq {
	width: 100%;
	margin: 1% auto 0;
	/*padding: 2%;*/
	box-sizing: border-box;
	/*background: #f3f9fc;*/
	background: #eff7fc;
}
.col-faq input {
	display: none;
}
.col-faq label.col-faq__q {
	position: relative;
	margin: 0;
	padding: 2.5% 9.5% 2% 5.5%;
	cursor :pointer;
	display: block;
	text-decoration: none;
	font-size: 1.25em;
	/*color: #fff;*/
	line-height: 1;
	background: url('../img/select_hdmi_icon6.gif') 2% 50% no-repeat;
	background-size: auto;
}
.col-faq label:hover { background-color: #e3f9fc; }
/*開いたときに表示される部分*/
.col-faq .col-faq__a {
	margin: 0;
	padding: 0 3% 0 5.5%;
	list-style: none;
	margin-bottom: 1px;
	height: 0;
	line-height: 1.75;
	background: url('../img/select_hdmi_icon7.gif') 2% 12px no-repeat;
	background-size: auto;
	overflow-y: hidden;
	transition: height 0.5s, padding-top 0.5s, padding-bottom 0.5s;
	-webkit-transition: height 0.5s, padding-top 0.5s, padding-bottom 0.5s;
}
#faq09:checked ~ #links09.col-faq__a,
#faq08:checked ~ #links08.col-faq__a,
#faq07:checked ~ #links07.col-faq__a,
#faq06:checked ~ #links06.col-faq__a,
#faq05:checked ~ #links05.col-faq__a,
#faq04:checked ~ #links04.col-faq__a,
#faq03:checked ~ #links03.col-faq__a,
#faq02:checked ~ #links02.col-faq__a,
#faq01:checked ~ #links01.col-faq__a {
	height: auto;
	opacity: 1;
	padding: 0 3% 2% 5.5%;
	transition: height 0.5s, padding-top 0.5s, padding-bottom 0.5s;
	-webkit-transition: height 0.5s, padding-top 0.5s, padding-bottom 0.5s;
}
#faq09:checked ~ #links09.col-faq__a:last-child,
#faq08:checked ~ #links08.col-faq__a:last-child,
#faq07:checked ~ #links07.col-faq__a:last-child,
#faq06:checked ~ #links06.col-faq__a:last-child,
#faq05:checked ~ #links05.col-faq__a:last-child,
#faq04:checked ~ #links04.col-faq__a:last-child,
#faq03:checked ~ #links03.col-faq__a:last-child,
#faq02:checked ~ #links02.col-faq__a:last-child,
#faq01:checked ~ #links01.col-faq__a:last-child {
	margin-bottom: 20px;
}
.col-faq label::before,
.col-faq label::after {
	content:"";
	display:block;
	width:14px;
	height:14px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	position:absolute;
	top: 0;
	margin: auto;
}
.col-faq label::before{
	border-top: #333 2px solid;
	transition: .5s ease;
	right: 33px;
	bottom: 13px;
}
.col-faq label::after{
	border-right: #333 2px solid;
	transition: .75s ease;
	right: 25px;
	bottom: -1px;
}
.col-faq input[type=checkbox]:checked + label::before,
.col-faq input[type=checkbox]:checked + label::after {
	content:"";
	display:block;
	width:13px;
	height:13px;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	position:absolute;
	bottom: 0;
	margin: auto;
}
.col-faq input[type=checkbox]:checked + label::before{
	border-top: #333 2px solid;
	transition: .75s ease;
	right: 26px;
	top: -12px;
}
.col-faq input[type=checkbox]:checked + label::after{
	border-right: #333 2px solid;
	transition: .5s ease;
	right: 25px;
	top: 6px;
}
.col-faq__a > p {
	margin: 1em 0 0;
}
.col-faq__a > p:first-child {
	margin: 0.75em 0 0;
}
.col-faq__a > p.col-faq__link {
	margin: 0.5% 0;
}
.col-faq__a > p.col-faq__link a {
	text-decoration: underline;
}

/* table */
.sec01-table th,
.sec01-table td,
.sec01-table
{
	border-collapse: collapse;
	border:1px solid #bfbfbf;
	text-align: center;
	/*font-size: 0.95em;*/
}
.sec01-table
{
	width: 100%;
}
.sec01-table th,
.sec01-table td
{
	width:21%;
	padding: 1.5% 1%;
}
.sec01-table th {
	width:16%;
	background: #f8f8f9;
	font-weight: normal;
}
.sec01-table__header td,
.sec01-table__header th
{
	padding:0;
}
.sec01-table__header td a {
	position: relative;
	display: block;
	padding: 6% 1%;
	box-sizing: border-box;
	text-decoration: none;
	font-weight: bold;
	color:#297cc3;
}
.sec01-table__header td a::before {
	content:"";
	position: absolute;
	top: 50%;
	left: 5.5%;
	display: inline-block;
	box-sizing:border-box;
	width:6%;
	height:6px;
	margin-top: -7px;
	border:6px solid transparent;
	border-left:10px solid #e3f2fa;
	transition: .5s ease;
	z-index: 1;
}
.sec01-table__header td a:hover
{
	background: #e3f2fa;
}
.sec01-table__header td a:hover::before{
	border-left:10px solid #3988B2;
	left: 7%;
	transition: .25s ease;
}
.sec01-table td.sec01-table__features {
	vertical-align: top;
}

.sec01-table__header td a .lh-t {
	padding-top: 6px;
	box-sizing: border-box;
}

/****************/
/****************/


/* table */
.sec02-table th,
.sec02-table td,
.sec02-table
{
	border-collapse: collapse;
	border:1px solid #bfbfbf;
	/*text-align: left;*/
	/*font-size: 0.95em;*/
}
.sec02-table
{
	width: 100%;
}
.sec02-table th,
.sec02-table td
{
	/*width:21%;*/
	padding: 1.5% 1%;
}
.sec02-table th {
	/*width:16%;*/
	background: #f8f8f9;
	font-weight: normal;
	text-align: center;
}










/* アイテムリスト
-----------------------------------*/
.cate_wrap {
	background:rgb(250, 250, 250);
	padding:17px 10px 10px 10px;
	width:855px;
	margin:10px auto;
	margin-top: 40px;
}

.cate_wrap::before {
	content: "おすすめTOP5";
	font-weight: bold;
	position: absolute;
	margin-top: -35px;
	padding: 3px 20px;
	border-radius: 50px;
	border: 1px #666 solid;
	background:#fff;
}

.cate_wrap ul {
	margin:0;
	padding:0;
	list-style:none;
	display: flex;
	flex-wrap:wrap;
	width:100%;
}
.cate_wrap ul li {
	display: inline-block;
	margin:0;
	padding:0;
	width:19.4%;
}
.cate_wrap ul li a {
	display:block;
	text-decoration:none;
	margin:5px;
}
.cate_wrap ul li a .label {
	background:#0066cc;
	padding:3px 6px;
	color:#fff;
	position:absolute;
	display:block;
	font-size:0.8em;
	font-weight:bold;
}
.cate_wrap ul li a .item_img {
	margin:0;
}
.cate_wrap ul li a .item_img img {
	width:100%;
}
.cate_wrap ul li a .item_name {
	margin:5px;
	font-size:0.8em;
	color:#333;
	height:43px;
	overflow:hidden;
}
.cate_wrap ul li .item_sku {
	color:#333;
	margin:5px 0;
	font-size:1em;
}
.cate_wrap ul li .item_sku .code {
	text-decoration:underline;
}
.cate_wrap ul li .item_sku span a {
	display:inline-block;
	width:20px;
	margin:0 !important;
}
.cate_wrap ul li .item_sku .color_img {
	width:20px;
	display:inline-block;
}
.cate_wrap ul li .item_sku span img {
	width:20px;
}
.cate_wrap ul li .item_stock {
	margin:0;
}
.cate_wrap ul li .item_price {
	color:#DF0101;
	margin:10px 0;
}
.item_under {
	margin:0 10px;
}



/* SASS

.cate_wrap {
	background:rgb(250, 250, 250);
	padding:17px 10px 10px 10px;
	width:855px;
	margin:10px auto;
	margin-top: 40px;

	&::before {
		content: "おすすめTOP5";
		font-weight: bold;
		position: absolute;
		margin-top: -35px;
		padding: 3px 20px;
		border-radius: 50px;
		border: 1px #666 solid;
		background:#fff;
	}

	ul {
		margin:0;
		padding:0;
		list-style:none;
		display: flex;
		flex-wrap:wrap;
		width:100%;

		li {
			display: inline-block;
			margin:0;
			padding:0;
			width:19.4%;

			a {
				display:block;
				text-decoration:none;
				margin:5px;

				.label {
					background:#0066cc;
					padding:3px 6px;
					color:#fff;
					position:absolute;
					display:block;
					font-size:0.8em;
					font-weight:bold;
				}

				.item_img {
					margin:0;

					img {
						width:100%;
					}
				}

				.item_name {
					margin:5px;
					font-size:0.8em;
					color:#333;
					height:43px;
					overflow:hidden;
				}
			}

			.item_sku {
				color:#333;
				margin:5px 0;
				font-size:1em;

				.code {
					text-decoration:underline;
				}

				span a {
					display:inline-block;
					width:20px;
					margin:0 !important;
				}

				.color_img {
					width:20px;
					display:inline-block;
				}

				span img {
					width:20px;
				}
			}

			.item_stock {
				margin:0;
			}

			.item_price {
				color:#DF0101;
				margin:10px 0;
			}
		}
	}

}

.item_under {
	margin:0 10px;
}

*/