/* 商品一覧ページ調整 */
#good_msale iframe{
  width: 100%;
}

#good_msale table{
  width: 100%;
}
.goods_select2{
  width: 100%;
}
.subtitle{
  width: 100%;
  height: auto;
  padding: 7px;
  background-size: cover;
  width: 100%;
}

.movie_bg{
  width: 100% !important;
}
.movie_bg iframe{
  width: 100%;
  top: auto!important;
  left: auto!important;
}

ul.goods_select_list{
  width: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.goods_select_box{
  max-width: 50%;
  flex-basis: 50%;
  margin-right: 0;
}

.goods_formselect{
  width: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.goods_formselect_box{
  max-width: 50%;
  flex-basis: 50%;
  margin-right: 0;
}

.goods_formselect_head{
  width: 100%;
}

.goods_formselect_head a:visited{
  width: 100%;
}

.index_words table{
  width: 100%;
}
.index_words table img{
  max-width: 100%;
}

.goods_formselect_inbox{
  width: 100%;
}


/* 商品詳細ページ調整 */
/* .goods_introduction_bar{
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#2494e4), to(#004ea5));
  background: -webkit-linear-gradient(top, #2494e4 0%, #004ea5 100%);
  background: linear-gradient(to bottom, #2494e4 0%, #004ea5 100%);
  padding: 7px;
} 
 DELETED - [21/07/29] */

#nlt .box1-out{
  width: 100%;
}
#nlt .box1-out .box1-in{
  width: 100%;
  padding: 10px;
}
#nlt .box1-out .box1-in img{
  float:none;
  padding: 0;
  margin:0 auto 10px;
  display: block;
}


/* sp styles - ADDED [21/05/22] */
/* DELETED [21/07/29]
 #nlt h2 {
  position: relative;
  padding-right: 116px;
  background: url(https://suidousetubi.itembox.design/item/design/img03/ttl_bg1_sp.png) repeat-x 0 0;
  height: 100%;
}

#nlt h2:before {
  content: "";
  display:  block;
  position: absolute;
  left: 0;
  top: 0;
  width:  52px;
  background: url(https://suidousetubi.itembox.design/item/design/img03/ttl_bg1.png) no-repeat 0 0;
  height: 100%;
}

#nlt h2:after{
  content: "";
  display:  block;
  position: absolute;
  right: 0;
  top: 0;
  width:  106px;
  background: url(https://suidousetubi.itembox.design/item/design/img03/ttl_bg1.png) no-repeat right 0;
  height: 100%;
} */

@media only screen and (max-width: 767px) {
/*  #nlt h2 {
    position: relative;
    margin: 25px 0 15px;
    padding: 8px 20px 12px 38px;
    width: auto;
    height: auto;
    min-height: 0;
    font-size: 15px;
    border-radius: 6px 30px 30px 6px;
    border-top: 4px solid #46befd;
    box-shadow: 2px 4px 0 #000545;
    background: rgb(53,169,247);
    background: -moz-linear-gradient(top,  rgba(53,169,247,1) 0%, rgba(3,105,190,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(53,169,247,1) 0%,rgba(3,105,190,1) 100%);
    background: linear-gradient(to bottom,  rgba(53,169,247,1) 0%,rgba(3,105,190,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35a9f7', endColorstr='#0369be',GradientType=0 );
  }

  #nlt h2:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 7px;
    width: 28px;
    height: 30px;
    background:url("https://suidousetubi.itembox.design/item/design/img03/ico_ttl_bg1.png") no-repeat 0 0;
    background-size: contain;
    transform: translateY(-50%);
  }

  #nlt h2:after {
    display: none;
  }
 */

  #nlt h3{
    margin: 30px 0 15px;
    padding: 5px 10px 7px 10px;
    font-size: 18px;
  }

.goods_introduction_bar {
  min-height: 0;
}

  .sys0 h4 {
    margin: 0 0 10px;
  }

  #nlt .compare th,
  #nlt .compare td {
    padding: 5px 3px;
    font-size: 12px;
  }

  #nlt .compare th {
    width: 15%;
  }
}

@media only screen and (max-width:575px) {
  .goods_introduction_icon > table {
    width: 100%;
  }

  .goods_introduction_icon > table th {
    width: 15%;
    font-size: .86em;
    line-height: 1.7
  }
  

  #knowledgePage,
  #knowledgePage2 {
    margin: 10px 0;
    width: auto;
    background-size: contain;
  }

  #knowledgePage .exp,
  #knowledgePage2 .exp {
    padding: 20px 10px 7px;
    width: auto;
    height: auto;
    min-height: 200px;
    background-size: contain;
  }

  #knowledgePage #titBar,
  #knowledgePage2 #titBar {
    width: auto;
    height: 25px;
  }

  #knowledgePage ul,
  #knowledgePage2 ul {
    margin: 0 0 0 35px;
  }

  #knowledgePage ul li,
  #knowledgePage2 ul li {
    margin: 0;
    width: 50%;
    max-width: 240px;
  }

  #knowledgePage2 ul li {
    margin: 0;
    width: 33.3%;
    max-width: 120px;
  }

  #knowledgePage2 ul li a {
    width: auto;
    background-size: contain;
  }
  
  #aircon_knowledge_img01 {
    width: auto;
    height: auto;
    padding: 80% 0 0;
    background-size: contain;
  }

  #aircon_knowledge_img02 {
    margin: 10px auto;
    width: auto;
    height: auto;
    padding: 43.5% 0 0;
    background-size: contain;
  }
  
  #aircon_knowledge_img03 {
    width: auto;
    height: auto;
    padding: 80% 0 0;
    background-size: contain;
  }
  
  p.subtitle, p.subheading {
    width: auto;
    height: auto;
    border-radius: 4px;
  }

  #checkPoint.pc {
    display: none;
  }
  
  #checkPoint_sp {
  	margin: 25px auto;
  	border: 1px solid #9fa1a0;
  	border-radius: 6px;
  }
  
  #checkPoint_sp .checkPointBox {
  	position: relative;
  	padding: 25px 15px;
  	border-bottom: 1px dashed #9fa1a0;
  	color: #666;
  	line-height: 1.4;
  }
  
  
  #checkPoint_sp .checkPointBox:last-child {
  	border-bottom: 0;
  }
  
  #checkPoint_sp .checkPointBox:before {
  	content: "";
  	display: block;
  	position: absolute;
  	left: 15px;
  	top: -20px;
  	width: 90px;
  	height: 40px;
  	overflow: hidden;
  	background: url(https://www.suidou-setubi.com/images/goods/common/sp_checkpoint_step.png) no-repeat 0 0;
  	background-size: 100% auto;
  	z-index: 2;
  }
  
  #checkPoint_sp .checkPointBox.step02:before {
  	background-position-y: -40px;
  }
  
  #checkPoint_sp .checkPointBox.step03:before {
  	background-position-y: -80px;
  }
  
  #checkPoint_sp .checkPointBox .inner {
  	position: relative;
  	padding: 10px;
  	box-shadow: 0 0 0 1px #9fa1a0;
  	z-index: 1;
  }
  
  #checkPoint_sp .checkPointBox .inner:before {
  	content: "";
  	display: block;
  	position: absolute;
  	top: calc(100% + 3px);
  	left: 50%;
  	width: 6px;
  	height: 48px;
  	background: #999;
  	z-index: -1;
  }

  #checkPoint_sp .checkPointBox .inner:after {
  	content: "";
  	display: block;
  	position: absolute;
    top: calc(100% + 45px);
    left: 50%;
    margin-left: -0.5px;
    width: 18px;
    height: 18px;
    transform-origin: center 0;
    border-bottom: 6px solid #999;
    border-right: 6px solid #999;
    transform: rotate(45deg) translate(-50%,-50%);
  	z-index: -1;
  }


  #checkPoint_sp .checkPointBox:last-child .inner:before,
  #checkPoint_sp .checkPointBox:last-child .inner:after {
  	display: none;
  }
  
  #checkPoint_sp .checkPointBox .head {
  	margin: -12px -12px 10px;
  	/* padding: 3px 3px 5px; */
  	padding: 5px 0 7px;
  	color: #fff798;
  	/* font-size: 1.3em; */
  	border: 0; /* ADDED [21/12/07] */
  	font-size: 1.15em;
  	font-weight: bold;
  	text-shadow: 1px 0 0 #0a3c63, 0 1px 0 #0a3c63, 1px 1px 0 #0a3c63, 1px -1px 0 #0a3c63, -1px 0 0 #0a3c63, 0 -1px 0 #0a3c63, -1px 1px 0 #0a3c63,-1px -1px 0 #0a3c63,
  				2px 0 0 #0a3c63, 0 2px 0 #0a3c63, 2px 2px 0 #0a3c63, 2px -2px 0 #0a3c63, -2px 0 0 #0a3c63, 0 -2px 0 #0a3c63, -2px 2px 0 #0a3c63, -2px -2px 0 #0a3c63,
  				3px 0 0 #0a3c63, 0 3px 0 #0a3c63, 3px 3px 0 #0a3c63, 3px -3px 0 #0a3c63, -3px 0 0 #0a3c63, 0 -3px 0 #0a3c63, -3px 3px 0 #0a3c63, -3px -3px 0 #0a3c63;
  	text-align: center;
  }
  
  #checkPoint_sp .checkPointBox .colWrap {
  	display: flex;
  	align-items: center;
  	align-content: center;
  	position: relative;
  }
  
  #checkPoint_sp .checkPointBox .inner .colWrap .txt {
  	padding-right: 8px;
  	flex-grow: 1;
  }
  
  #checkPoint_sp .checkPointBox.step01 .inner {
  	border: 3px solid #eba2b5;
  }
  
  #checkPoint_sp .checkPointBox.step01 .head {
  	background: #eba2b5;
  }
  
  #checkPoint_sp .checkPointBox.step01 .inner .colWrap {
  	padding-right: 25px;
  }
  
  #checkPoint_sp .checkPointBox.step01 .inner .colWrap:before {
    content: "";
  	display: block;
  	position: absolute;
  	right: -45px;
  	bottom: -30px;
  	width: 78px;
  	height: 110px;
  	background: url(https://www.suidou-setubi.com/images/goods/common/sp_checkpoint_step01_ico.png) no-repeat 0 0;
  	background-size: contain;
  	z-index: 1;
  }
    
  #checkPoint_sp .checkPointBox.step02 > .inner {
  	border: 3px solid #74b422;
  	margin-right: 40px;
  }
  
  #checkPoint_sp .checkPointBox.step02 .head {
  	background: #74b422;
  }
  
  #checkPoint_sp .checkPointBox.step02 .txt {
  	width: calc(100% - 86px);
  	flex: 1 1 auto;
  }
  
  #checkPoint_sp .checkPointBox.step02 .img {
  	display: block;
  	position: relative;
  	width: 76px;
  	height:76px;
  }
    
  #checkPoint_sp .checkPointBox.step02 > .inner .colWrap:before {
  	content: "";
  	display: block;
  	position: absolute;
	right: -24px;
	bottom: -12px;
	width: 65px;
	height: 45px;
  	background: url(https://www.suidou-setubi.com/images/goods/common/sp_checkpoint_step02_ico.png) no-repeat 0 0;
  	background-size: contain;
  	z-index: 1;
  }
  
  #checkPoint_sp .checkPointBox.step02:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    border-bottom: 6px solid #999;
    border-right: 6px solid #999;
    left: auto;
    right: 15px;
    transform: rotate(45deg) translate(-50%, 0);
    bottom: -30px;
    top: auto;
    z-index: 1;
  }
  
  
  #checkPoint_sp .checkPointBox.step03 .inner {
  	background: #fff;
  	border: 3px solid #28a4de;
  	z-index: 10;
  }
  
  #checkPoint_sp .checkPointBox.step03 .head {
  	background: #28a4de;
  }

  #checkPoint_sp .checkPointBox.step03 .img:before {
  	display: block;
  	position: absolute;
  	right: -15px;
  	bottom: 0;
  	width: 121px;
  	height: 111px;
  	background: url(https://www.suidou-setubi.com/images/goods/common/sp_checkpoint_step03_img.png) no-repeat 0 0;
  	background-size: contain;
  	z-index: 1;
  }
  
  #checkPoint_sp .checkPointBox.step02 .step02_0 {
	align-items: initial;
	align-content: initial;
  	margin-bottom: 30px;
  }
  
  #checkPoint_sp .checkPointBox.step02 .step02_0 .box {
  	float: none;
  	position: relative;
  }
  
  #checkPoint_sp .checkPointBox.step02 .step02_0 .box .inner {
  	display: flex;
  	align-items: center;
  	align-content: center;
  	justify-content: center;
  	height: 100%;
   	font-size: .85em;
  	font-weight: bold;
  	border: 3px solid #9fa1a0;
  	padding: 7px;
  	line-height: 1.6;
  	text-align: center;
  }
  
  
  #checkPoint_sp .checkPointBox.step02 .step02_0 .box:before {
  	content: "";
  	display: block;
  	position: absolute;
  	top: -10px;
  	left: -10px;
  	border: 12px solid transparent;
  	border-right-color: #9fa1a0;
  	transform: rotate(45deg);
  }
  
  #checkPoint_sp .checkPointBox.step02 .step02_0 .box:first-child {
  	padding-right: 10px;
  	width: 65%;
  	border-right: 1px dashed #9fa1a0;
  }
  
  #checkPoint_sp .checkPointBox.step02 .step02_0 .box:first-child .inner:before {
  	height: 23px;
  }
  
  #checkPoint_sp .checkPointBox.step02 .step02_0 .box:first-child .inner:after {
  	top: calc(100% + 24px);
  }
  
  #checkPoint_sp .checkPointBox.step02 .step02_0 .box:last-child {
  	padding-left: 10px;
  	width: 35%;
  }
  
  #checkPoint_sp .checkPointBox.step02 .step02_0 .box:last-child:before {
  	left: 0;
  }
  
  #checkPoint_sp .checkPointBox.step02 .step02_0 .box:last-child .inner:before {
  	left: auto;
    right: 15px;
    /* height: 226px; */
    height: 320px;
  }
  
  #checkPoint_sp .checkPointBox.step02 .step02_0 .box:last-child .inner:after {
  	/*left: auto;
    right: 15px;
	top: calc(100% + 208px);
    transform: rotate(45deg) translate(50%, -50%); */
    display: none;
  }
  
  #checkPoint_sp .checkPointBox.step02 .em {
  	color: #e8424b;
  }
  
  #checkPoint_sp .checkPointBox a {
    color: #09F;
    text-decoration: none;
  }
  
  #checkPoint_sp .checkPointBox a:hover {
	color: #00c;
	text-decoration: underline;
  }
  
  #checkPoint_sp .linkArea {
  	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
  }

  #checkPoint_sp .txtLink {
  	position: relative;
  	z-index: 10;
  }
  .goods_select_box,
  ul.goods_select_list li{
    max-width: 50% !important;
    flex-basis: 50% !important;
    margin-right: 0;
  }

  a.btn_gasstove_select_table {
  	margin: 0 auto;
  }

  .goods_select_box_spare3 {
	background-size: contain;
	background-position: center center;
  }
  
  .goods_select_box_spare3:before {
  	content: "";
  	display: block;
  	padding: 100% 0 0;
  }

	.subtitle {
	    width: auto;
		padding: 4px 10px 6px;
	    line-height: 1.3;
		font-size: 15px;
	}
	
	.goods_head {
	    display: block;
	    position: relative;
	    margin: 10px 0;
	    padding: 0;
	    line-height: 1.3;
	    background: #cde3fb;
	    text-align: center;
	    color: #fff;
	    font-weight: bold;
	    font-size: 1.15em;
	    border: 1px solid rgba(33, 150, 243, .1);
		background: rgb(225,236,255);
		background: -moz-linear-gradient(top,  rgba(225,236,255,1) 0%, rgba(214,234,255,1) 50%, rgba(214,234,255,1) 50%, rgba(207,217,246,1) 51%, rgba(207,217,246,1) 51%, rgba(205,227,251,1) 71%, rgba(201,227,255,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(225,236,255,1) 0%,rgba(214,234,255,1) 50%,rgba(214,234,255,1) 50%,rgba(207,217,246,1) 51%,rgba(207,217,246,1) 51%,rgba(205,227,251,1) 71%,rgba(201,227,255,1) 100%);
		background: linear-gradient(to bottom,  rgba(225,236,255,1) 0%,rgba(214,234,255,1) 50%,rgba(214,234,255,1) 50%,rgba(207,217,246,1) 51%,rgba(207,217,246,1) 51%,rgba(205,227,251,1) 71%,rgba(201,227,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ecff', endColorstr='#c9e3ff',GradientType=0 );
		text-shadow: 0 0 2px #2151d9, 0 1px 1px #2151d9, 0 2px 1px #2151d9, 0 3px 2px #2151d9, 0 2px 3px #2151d9,1px 0 0 #2151d9, 0 1px 0 #2151d9, 1px 1px 0 #2151d9, -1px 0 0 #2151d9, -1px 0 0 #2151d9, -1px 1px 0 #2151d9, 1px -1px 0 #2151d9, -1px -1px 0 #2151d9;
	}

	.goods_head:link, .goods_head:visited {
		color: #fff;
		text-decoration: none;
	}
	
	.goods_head img {
	    display: none;
	}
	
	.goods_head .txt {
		position: relative;
		padding: 6px 10px;
		display: block;
		z-index: 3;
	}
	
	.goods_head:before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: -moz-linear-gradient(left,  rgba(43,99,225,0) 0%, rgba(43,99,225,1) 35%, rgba(0,115,255,1) 50%, rgba(43,99,225,1) 65%, rgba(43,99,225,0) 100%);
		background: -webkit-linear-gradient(left,  rgba(43,99,225,0) 0%,rgba(43,99,225,1) 35%,rgba(0,115,255,1) 50%,rgba(43,99,225,1) 65%,rgba(43,99,225,0) 100%);
		background: linear-gradient(to right,  rgba(43,99,225,0) 0%,rgba(43,99,225,1) 35%,rgba(0,115,255,1) 50%,rgba(43,99,225,1) 65%,rgba(43,99,225,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002b63e1', endColorstr='#002b63e1',GradientType=1 );
		z-index: 2;
	}
	
	.goods_head:after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: -moz-linear-gradient(top,  rgba(149,175,229,0) 0%, rgba(149,175,229,0) 50%, rgba(67,122,232,1) 51%, rgba(149,175,229,0.86) 58%, rgba(149,175,229,0) 100%);
		background: -webkit-linear-gradient(top,  rgba(149,175,229,0) 0%,rgba(149,175,229,0) 50%,rgba(67,122,232,1) 51%,rgba(149,175,229,0.86) 58%,rgba(149,175,229,0) 100%);
		background: linear-gradient(to bottom,  rgba(149,175,229,0) 0%,rgba(149,175,229,0) 50%,rgba(67,122,232,1) 51%,rgba(149,175,229,0.86) 58%,rgba(149,175,229,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0095afe5', endColorstr='#0095afe5',GradientType=0 ); /* IE6-9 */
		mix-blend-mode: color-burn;
		z-index: 1;
	}
	
	.goods_head .txt:after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		opacity: .8;
		background: -moz-linear-gradient(left,  rgba(221,238,254,1) 0%, rgba(221,238,254,0) 30%, rgba(0,75,226,0) 50%, rgba(221,238,254,0) 70%, rgba(221,238,254,1) 100%);
		background: -webkit-linear-gradient(left,  rgba(221,238,254,1) 0%,rgba(221,238,254,0) 30%,rgba(0,75,226,0) 50%,rgba(221,238,254,0) 70%,rgba(221,238,254,1) 100%);
		background: linear-gradient(to right,  rgba(221,238,254,1) 0%,rgba(221,238,254,0) 30%,rgba(0,75,226,0) 50%,rgba(221,238,254,0) 70%,rgba(221,238,254,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddeefe', endColorstr='#ddeefe',GradientType=1 );
		z-index: -1;
	}

}