@charset "utf-8";
/* CSS Document */


.specBox{
		margin: 0 auto;
		max-width: 950px;
		position:relative;
		padding: 30px 0;
}
@media screen and (max-width: 440px) {
.specBox{
		margin: 0 auto;
		max-width: 100%;
		position:relative;
		padding: 30px 20px;
}
}

.specTblBox{
	width: 100%;
	overflow-x:auto;
}

.specTbl{
	font-size: 1.2rem;
	word-break:break-word;
	position:relative;
}

.specTbl tr:nth-child(even) {
  background: #f7f7f7 !important;
}

.specTbl tr{
	display:block;
}
.specTbl td{
	width: 200px;
	padding: 10px;
}
.specTbl tr th{
	background:#e6f5fd;
	width: 150px !important;
}


.specTbl .photo{
	display: flex;
}
.specTbl .photo td{
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: baseline;
	background: #fff;
}
.specTbl .photo th{
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: end;
}
.specTbl .photo img{
	max-height:100px;
}
.btnHidden{
	background: #eee;
	color: #202020;
	text-align:center;
	margin: 5px auto 30px;
	padding: 0 5px;
	border-radius: 10px;
	vertical-align:middle;
	z-index: 5;
}

.btnHidden a::before{
	font-family: Font Awesome\ 5 Free;
	color: #202020;
	content: "\f057";
	font-weight:900;
	padding-right: 0.5em; 
}

.show_all{
	background: #eee;
	color: #202020;
	text-align:center;
	margin: 5px auto 30px;
	padding: 0 5px;
	border-radius: 10px;
	vertical-align:middle;
	cursor:pointer;
}
.show_all:hover{
	opacity: 0.7;
}
.show_all span::before{
	font-family: Font Awesome\ 5 Free;
	color: #202020;
	content: "\f01e";
	font-weight:900;
	padding-right: 0.5em; 
}


.specTbl .type td{
	background: #ccddef !important;
}


.specTbl .logo{
	background: #202020 !important;
	vertical-align:baseline;
}
.specTbl .logo td{
	background: #202020 !important;
	vertical-align:baseline;
}
.specTbl .logo td a{
	color: #fff;
	font-size: 30px;
}
.specTbl .logo td a:visited{
	color: #fff;
}

.specTbl .logo img{
	max-width: 100px;
	height: 30px;
	color: #fff;
}

.specTbl .logo .new{
	max-width: 30px;
}

.is-fixed .specTbl .logo{
	height: 60px;
}
.is-fixed .specTbl .logo td a{
	color: #fff;
	font-size: 20px;
}
.is-fixed .logo img{
	max-width: 100px;
	height: 20px;
	color: #fff;
}

.specTbl .type img{
	width: 100px;
}




#main {
    position: relative;
    margin-top: 10px;
    font-size: 1em;
    line-height: 1.5
}

.container {
    max-width: 997px;
}

/* table */
.comparison_table {  }
.is-show { opacity: 1; }
.comparison_table table { border-collapse: collapse; table-layout: fixed; position: relative; }
.comparison_table table th {}
.comparison_table table thead tr:nth-of-type(1) th { }
.comparison_table table td {}
.comparison_table table thead td {}
.comparison_table .show_all {  }
.comparison_table .label1 { border-bottom: 1px solid #bfbfbf; background-color: #f2f2f2; padding: 10px; margin: -10px -10px 0 -10px; }
.comparison_table .label2 { border-bottom: 1px solid #bfbfbf; padding: 10px; margin: 0 -10px; }

.tablet .comparison_sp_all { display: block; text-align: center; margin-bottom: 20px; }
.tablet .sp_swipe { display: block; }
.tablet .sp_swipe:before { display: block; content: "表組はフリックで左右にスクロール出来ます"; width: 100%; margin-bottom: 25px; padding-bottom: 55px; background: url(../../../shared/img/icon_swipe.png) no-repeat center bottom; background-size: 180px auto; text-align: center; font-size: .88em; }
.tablet .sp_swipe:after { display: block; content: ""; width: 100%; margin-top: 15px; padding-bottom: 42px; background: url(../../../shared/img/icon_swipe.png) no-repeat center bottom; background-size: 180px auto; }
.tablet .comparison_table { padding-right: 0; }
.tablet .comparison_table table { min-width: 0%; }
.tablet .comparison_table table th { display: none; }
.tablet .comparison_table .bt_hidden { width: 160px; }
.tablet .comparison_table .thumb { width: 160px; }
.tablet .comparison_table .thumb img { width: 160px; }
.tablet .comparison_table .sp_title { display: table-row; }
.tablet .comparison_table .sp_title .mid_1 { background-color: #d9d9d9; text-align: left; }
.tablet .comparison_table .sp_title .mid_2 { background-color: #f2f2f2; text-align: left; }
.tablet .comparison_table .sp_title .mid_1 span { position: relative; }
.tablet .comparison_table .sp_title .mid_2 span { position: relative; }
@media (max-width:1280px) {
.comparison_table .bt_hidden a { transition: background-color .25s ease-out; }
.comparison_table .bt_hidden a:hover { background-color: #cccccc; }
}
@media screen and (max-width: 440px) {
.comparison_table { padding: 0; }
.comparison_table table { min-width: 0%; }
.comparison_table table th { width: 100px !important; }
.comparison_table .bt_hidden { width: 160px; }
.comparison_table .thumb { width: 160px; }
.comparison_table .thumb img { width: 160px; }
.comparison_table .sp_title .mid_1 { text-align: left; display: table-cell !important; }
.comparison_table .sp_title .mid_2 { text-align: left; display: table-cell !important; }
.comparison_table .sp_title .mid_1 span { display: inline-block; vertical-align: bottom; position: relative; /* transition: left 0.1s 0.1s ease-out; */ }
.comparison_table .sp_title .mid_2 span { display: inline-block; vertical-align: bottom; position: relative; /* transition: left 0.1s 0.1s ease-out; */ }
}

/* wrap */
.comparison_table_wrap {overflow: hidden;position: relative;max-width: 1000px;}

/* base table */
.comparison_table_base { overflow-x:hidden;}

  
@media (max-width:1280px) {
.comparison_table_wrap {overflow: hidden;position: relative;max-width: 100vw;margin: 0 auto;}
.comparison_table_base { overflow: auto hidden; max-width:100vw; margin-left:1px;
 /* IE, Edge 対応 */
 -ms-overflow-style: none;
 /* Firefox 対応 */
 scrollbar-width: none;
}
/* Chrome, Safari 対応 */
.comparison_table_base::-webkit-scrollbar {
 display:none;
}

.tablet .comparison_table_base { overflow-x: auto !important; }
.tablet .comparison_table_base table { left: auto !important; }
}
@media screen and (max-width: 440px) {
.comparison_table_base { overflow: auto hidden; max-width:95vw;
/* IE, Edge 対応 */
 -ms-overflow-style: none;
 /* Firefox 対応 */
 scrollbar-width: none;
}
/* Chrome, Safari 対応 */
.comparison_table_base::-webkit-scrollbar {
 display:none;
}


.comparison_table_base table { }
}

/* top table */
.comparison_table_head { background-color: #ffffff; position: absolute; top: 0px !important; height:255px !important; overflow: scroll hidden; width: 100%; z-index: +2;}
.is-fixed { position: fixed; width: 950px; max-width: 1000px; display: block; top: 50px !important;}


.comparison_table_head table thead tr:nth-of-type(1) td { border-top: none; }
.comparison_table_head .show_all { }
.comparison_table_head .label1 { display: none; }
.comparison_table_head .label2 { display: none; }
.comparison_table_head .bt_hidden { display: none; }
.comparison_table_head .thumb { margin-top: -10px; }
.comparison_table_head .left { position: absolute; top: 0px; left: 0px; overflow: hidden; height: 100%; }
@media (max-width:1023px) {
.comparison_table {padding: 0 20px;}
.comparison_table_head { overflow: auto hidden; top: 0px !important; width:calc(100% - 40px) !important;}
.tablet .comparison_table_head { overflow-x: auto !important; }
.tablet .comparison_table_head table { left: auto !important; }
.tablet .comparison_table_head .left { display: none !important; }
}
@media screen and (max-width: 440px) {
.comparison_table_head { overflow: auto hidden; top: 0px !important; width:100% !important}
.comparison_table_head table { }
.comparison_table_head.is-fixed { max-width:calc(100% - 40px); width: calc(100% - 15px); }
.comparison_table_head .left {  }
}

/* left table */
.comparison_table_left { background-color: #ffffff; position: absolute; top: 0px; left: 0px; overflow: hidden; height: 100%; z-index: +1; }
.comparison_table_left .show_all { display: block; }
@media (max-width:1023px) {
.tablet .comparison_table_left { display: none !important; }
}
@media screen and (max-width: 440px) {
.comparison_table_left {  }
}


/* prev next */
.comparison_navi { position: absolute; top: 0px; width: calc(99% - 26px); z-index: +3; }
.comparison_navi.is-fixed { position: fixed; width: calc(99% - 26px); max-width: 968px; }
.slide_nav { background-color: transparent; }
.slide_nav.prev { display: none; top: 0px; left: 130px; }
.slide_nav.next { top: 0px; right: 0px; }
.is-fixed .slide_nav{ top:150px !important;}
@media (max-width:1023px) {
.comparison_navi { display:none !important;}
.tablet .comparison_navi { display: none !important; }
}
@media screen and (max-width: 440px) {
.comparison_navi { display:none !important;}
.is-fixed .slide_nav{ top:10vh !important;}
}

/* spec_classification */
.spec_classification { margin: 1.703% 0 0; padding: 1.703%; background-color: #f5f5f5; }
.spec_classification::after { content: ""; display: block; clear: both; }
.spec_classification_txt { width: 47.826%; float: left; font-size: 13px; line-height: 1.8; color: #333; font-weight: 300; }
.spec_classification_img { width: 50.903%; float: left; margin: 0 0 0 1.022%; }
.spec_classification_img img { width: auto; max-width: 100%; height: auto; }
@media screen and (max-width: 440px) {
.spec_classification { margin: 5.172% 0 0; padding: 6.896% 5.172% 6.379%; background-color: #f5f5f5; }
.spec_classification::after { content: ""; display: block; clear: both; }
.spec_classification_txt { width: 100%; font-size: 10px; line-height: 1.8; color: #333; font-weight: 300; }
.spec_classification_img { width: 100%; margin: 2.068% 0 0; }
.spec_classification_img img { width: auto; max-width: 100%; height: auto; }
}



#comparison .slide_nav {
    position:absolute;
    top: 0;
    width: 60px;
    height: 60px;
    border:none;
    background-repeat: no-repeat;
    -webkit-background-size: 60px auto;
    background-size: 60px auto;
    cursor:pointer;
}

#comparison .slide_nav.prev {
    left: 9px;
}
#comparison .slide_nav.prev::before{
	font-family: Font Awesome\ 5 Free;
	color: #202020;
	content: "\f137";
	font-weight:900;
	font-size:30px;
}



#comparison .slide_nav.next {
}
#comparison .slide_nav.next::before{
	font-family: Font Awesome\ 5 Free;
	color: #202020;
	content: "\f138";
	font-weight:900;
	font-size:30px;
}

#comparison .slide_nav:hover {
    opacity: .6;
}

#comparison .comparison_sp_all {
    display: none;
}

.comparison_navi{
	display:none !important;
}

.scrollbar {
  width: 100%;
  height: 15px;
  overflow-x: scroll;
  overflow-y: hidden;
  position:relative;
  z-index: 5;
}
.scrollbar .scrollinner {
  width: 2350px;
  height: 1px;
}


@media screen and (max-width: 1280px) {



}







@media screen and (max-width: 440px) {
.comparison_table { padding: 0; }
.comparison_table table { min-width: 0%; }
.comparison_table table th { width: 100px !important; }
.comparison_table .bt_hidden { width: 160px; }
.comparison_table .thumb { width: 160px; }
.comparison_table .thumb img { width: 160px; }
.comparison_table .sp_title .mid_1 { text-align: left; display: table-cell !important; }
.comparison_table .sp_title .mid_2 { text-align: left; display: table-cell !important; }
.comparison_table .sp_title .mid_1 span { display: inline-block; vertical-align: bottom; position: relative; /* transition: left 0.1s 0.1s ease-out; */ }
.comparison_table .sp_title .mid_2 span { display: inline-block; vertical-align: bottom; position: relative; /* transition: left 0.1s 0.1s ease-out; */ }
}