@charset "UTF-8";
/**************************************************************************************************

ビニールカーテン一覧

**************************************************************************************************/
/*** DIY 採寸 ***/
.vinylMethodArea {
  margin: 40px 0 60px 0;
}
.vinylDiyBox {
  width: 435px;
  float: left;
}
.vinylSaisunBox {
  width: 435px;
  float: right;
}
.vinylMethodArea p {
  font-size: 16px;
  line-height: 1.8em;
  text-align: center;
  margin: 15px 0 35px 0;
}
.vinylMethodArea .btn a {
  font-size: 16px;
  text-align: center;
  background: #f0f0f0;
  margin: 0 auto;
  width: 435px;
  line-height: 1.3em;
  display: block;
  color: #333;
  padding: 13px 0 11px 0;
  text-decoration: none;
  border-radius: 5px; /* CSS3 */
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px;
}
.vinylMethodArea .btn .visited a {
  text-decoration: none;
  color: #333;
  background: #f0f0f0;
}
.vinylMethodArea .btn a:hover {
  text-decoration: none;
  color: #ff7c05;
  background: #f0f0f0;
}
.vinylMethodArea .btni a:active {
  text-decoration: none;
  color: #ff7c05;
  background: #f0f0f0;
}
.vinylMethodArea .btn img {
  margin: 0 7px 4px 0;
}
/*** キャッチ ***/
.vinylSizeArea p.catch {
  font-size: 28px;
  text-align: center;
  margin: 0 0 10px 0;
  line-height: 1.3em;
}
/*** メニューエリア ***/
.vinylMenuBox {
  margin: 0 0 100px 0;
}
.vinylMenuBox ul li {
  float: left;
  margin: 0 12px 0 0;
}
.vinylMenuBox ul li.last {
  float: left;
  margin: 0;
}
/*** ビニール一覧ブロック ***/
.vinylListBlock {
  margin: 150px 0;
}
/*** 機能性で選ぶ ***/
.vinylKinouMenuBox {
  margin: 0 0 150px 0;
}
.vinylKinouMenuBox ul {
  margin: 30px 0 50px 0;
}
.vinylKinouMenuBox ul li {
  float: left;
  width: 290px;
  margin: 0 15px 20px 0;
}
.vinylKinouMenuBox ul li.last {
  float: left;
  width: 290px;
  margin: 0;
}
.vinylKinouMenuBox ul li p {
  margin: 10px 0 0 0;
  line-height: 1.3em;
}
/*** 用途・目的 で選ぶ ***/
.vinylYoutoMenuBox {
  margin: 0 0 80px 0;
}
.vinylYoutoMenuBox ul {
  margin: 30px 0 50px 0;
}
.vinylYoutoMenuBox ul li {
  float: left;
  width: 216px;
  margin: 0 12px 0 0;
}
.vinylYoutoMenuBox ul li.last {
  float: left;
  width: 216px;
  margin: 0;
}
.vinylYoutoMenuBox ul li h5 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4em;
  margin: 10px 0 7px 0;
}
.vinylYoutoMenuBox ul li p {
  line-height: 1.3em;
  font-size: 14px;
}
/*** カテゴリーTOP ***/
#site-feature-Box {
  margin-top: 1.5em;
  width: 900px;
  background: #f0f0f0;
}
#site-feature-Box ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 24px;
}
.site-menu-module {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 100%;
}
.site-menu-module li {
  margin-top: .6rem;
  margin-bottom: .6rem;
}

/*****多目的シートページ****/
/* 4つの理由 */
.viny-feature-wrap {
	margin: 20px 10px 0;
	padding: 10px;
	background: #cedff7;
	border-radius: 5px;
	}
.viny-feature {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: space-evenly;
		justify-content: space-evenly;
}
.viny-feature li {
	-ms-flex-positive: 1;
		flex-grow: 1;
	width: calc(100% / 4);
	border: 1px solid #094699;
	border-left: 0 none;
	background: #fff;
	text-align: center;
	box-sizing: border-box;
}
.viny-feature li:first-child{
	border-radius: 3px 0 0 3px;
	border-left: 1px solid #094699;
}
.viny-feature li:last-child{
	border-radius: 0 3px 3px 0;
}
.viny-feature li h3{
	padding: 1em 15px .25em;
	font-size: 25px;
	line-height: 1.2;
	font-weight: normal;
	letter-spacing: -0.02em;
}
.viny-feature li h3 em{
	font-size: 26px;
	font-weight: bold;
	color: #094699;
}
.viny-feature li p{
	padding: 1em 15px 1.5em 15px;
	font-size: 12px;
	line-height: 1.4;
	text-align: left;
}

/*多目的シートページ　用途からシートを探す*/
.choose_Heading{
  margin: 4.5rem 0 1rem 0;
  padding: 10px 20px 8px 20px;
  background: linear-gradient(#1f74e1, #094699);
  border: solid 2px #094699;
  border-radius: 3px;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px 0px #03054b;
}

.yoto_choose{
  display: inline-block;
      margin-top: 20px;
  }
  .yoto_choose ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
  }
  .yoto_choose ul li{
      width: calc((100% / 4) - 10px);
  flex-direction: column;
      max-height: 100%;
      box-sizing: border-box;
  display: flex;
  margin-bottom: 30px;
  border: 4px solid #eee;
    padding: 6px;
   }
  .yoto_choose img{
    width: 100%;
  }

  .yoto_choose a:hove{
    border:none;
  }
  .choosesub{
  font-size: 0.9rem ;
      text-align: center;
      padding: 0;
      margin: 0;
  }
  .yoto_choose h3{
      border: none;
      font-size: 1.0rem ;
      text-align: center;
      padding: 12px 5px 10px;
  }
  .yoto_choose a h3,
  .yoto_choose a:hover{
    text-decoration: none;
    color: #fff;
    background-color: #094699;
     }
  .yoto_choose a.choosebtn{
    color: #094699;
    text-decoration: none;
  }
  p.choosebtn{
    color: #094699;
    /*padding: 6px 5px 4px 5px;*/
      text-align: center;
      line-height: 1.2rem;
      border-radius: 8px;
      border: 1px solid #094699;
      line-height: 2.2rem;
      margin-top: 10px;
  }
  p.choosebtn a{
display: block;
color: #094699;
font-weight: bold;
  }
   .choosebtn a:after{
  margin-left: 5px;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
     content: "\f105";
      color: #094699;
  }
  a.choosebtn{
    color: #094699;
  text-decoration: none;
    }
  .choosebtn a:hover,
  .choosebtn a:hover:after{
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
   content: "\f105";
    background-color: #094699;
    color: #fff;
    text-decoration: none;
  }

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

ネット（網）一覧

**************************************************************************************************/
/*** DIY 採寸 ***/
.netMethodArea {
  margin: 40px 0 60px 0;
}
.netMameBox {
  width: 435px;
  float: left;
}
.netSaisunBox {
  width: 435px;
  float: right;
}
.netMethodArea p {
  font-size: 16px;
  line-height: 1.8em;
  text-align: center;
  margin: 15px 0 35px 0;
}
.netMethodArea .btn a {
  font-size: 16px;
  text-align: center;
  background: #f0f0f0;
  margin: 0 auto;
  width: 435px;
  line-height: 1.3em;
  display: block;
  color: #333;
  padding: 13px 0 11px 0;
  text-decoration: none;
  border-radius: 5px; /* CSS3 */
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px;
}
.netMethodArea .btn .visited a {
  text-decoration: none;
  color: #333;
  background: #f0f0f0;
}
.netMethodArea .btn a:hover {
  text-decoration: none;
  color: #ff7c05;
  background: #f0f0f0;
}
.netMethodArea .btni a:active {
  text-decoration: none;
  color: #ff7c05;
  background: #f0f0f0;
}
.netMethodArea .btn img {
  margin: 0 7px 4px 0;
}
.netListBox p {
  margin: 10px 10px 30px 10px;
}
.comCaseTtl {
  margin: 60px 0 0 0;
  padding: 0 20px 0 10px;
  font-size: 26px;
  line-height: 100%;
  color: #000;
}
.comCaseTtl span {
  display: block;
  font-size: 12px;
  color: #444;
}
.useCaseMenu {
  margin-top: 15px;
  padding: 0 0 10px 10px;
  background: #efefef;
}
.useCaseMenu div {
  float: left;
  width: 435px;
  margin-top: 10px;
  margin-right: 10px;
}
.useCaseMenu div a {
  display: block;
  width: 435px;
}
.useCaseMenu div a img {
  display: block;
  width: 435px;
}
.useCaseMenu div a:hover img, .useCaseMenu div a:active img {
  opacity: 0.7;
}
/* ネット 適応サイズ contLayoutBoxと併用 */
.netAdaptation {
  font-size: 14px;
  text-align: center;
}
.netAdaptationName {
  padding: 15px 10px;
  font-size: 16px;
  font-weight: bold;
}
.netAdaptationName span {
  margin-top: 4px;
  font-size: 12px;
  font-weight: normal;
}
.netAdaptationLabel {
  margin-top: 15px;
  padding: 5px;
  background: #fff1d1;
}
.netAdaptationSize {
  padding: 10px;
}
.netAdaptationPlace {
  padding: 10px;
  font-size: 14px;
  line-height: 1.3;
}
/*** イメージ ***/
.netImgArea {
  margin: 0 0 10px 0;
}
/*** シュミレータエリア ***/
.comSimulator {
  margin: 2rem 0;
}
/*** メニューエリア ***/
.netMenuBox {
  margin: 0 0 100px 0;
}
.netMenuBox ul {
  margin: 0;
}
.netMenuBox ul li {
  float: left;
  margin: 15px 15px 0 0;
  width: 136px;
}
.netMenuBox ul li a {}
.netMenuBox ul li img {
  width: 100%;
}
.netMenuBox .netSizeSelect li {
  width: 212px;
}
.netMenuBox ul li:nth-child(6n) {
  margin-right: 0;
}
.netMenuBox .netSizeSelect li:nth-child(4n) {
  margin-right: 0;
}
.netMenuBox .netSizeSelect li:nth-child(6n) {
  margin-right: 15px;
}
/*** ネット一覧ブロック ***/
.netListBlock {
  margin: 0 0 150px 0;
}
.netListBlock .titleSmallTxt {
  margin-left: 5px;
  font-size: 18px;
  vertical-align: middle;
}
/**************************************************************************************************

テンプレ共通（A、C、ジャバラ）一覧

**************************************************************************************************/
.tempComListBox {
  margin: 30px 0 50px 3px;
}
.tempComListBox ul {
  font-size: 0;
}
.tempComListBox ul li {
  display: inline-block;
  margin: 0 12px 2rem 0;
  font-size: 15px;
  border: solid 1px #ccc;
  font-weight: normal;
  width: 280px;
  padding: 2px;
  vertical-align: top;
  letter-spacing: normal;
}
.tempComListBox h4 {
  font-size: 18px;
  text-align: center;
  margin: 0 0 7px 0;
  background: #f0f0f0;
  padding: 10px 0;
  line-height: 1.2em;
}
.tempComListBox h6 {
  font-size: 18px;
  text-align: center;
  margin: 0 0 7px 0;
  background: #f0f0f0;
  padding: 10px 0;
  line-height: 1.2em;
}
.tempComListBox .specBox {
  background: #fef8de;
  font-size: 15px;
  text-align: center;
  padding: 6px 0 3px 0;
  font-weight: bold;
  margin: 7px 0 0 0;
  line-height: 1.4em;
}
.tempComListBox p {
  margin: 7px 5px 0 5px;
  font-size: .9rem;
  line-height: 1.4;
  text-align: left;
}
.tempAlistimg, .tempClistimg{
  position: relative;
}
/*一覧表示（スピード出荷）*/
.speedtxt{
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
  position: absolute;
  top: 243px;
  left: 3px;
  margin: 0px !important;
  background-color: #059fc9;
  padding: 5px 6px 5px 47px;
  background-image: url(/wp-content/themes/vinypro/common/img/speed.svg);
  background-repeat: no-repeat;
  background-position: 8px;
  border-radius: 10px;
  font-size: 1.0rem !important;
  opacity: 0.9;
}
.tempClistimg .speedtxt{
  top: 10px;　/*netは位置調整*/
}

/*商品詳細ページ（スピード出荷）*/
.speedBox{
  color: #059fc9;
  font-weight: bold;
  font-size: 1.5rem;
  background-image: url(/wp-content/themes/vinypro/common/img/speed_page.svg);
  background-repeat: no-repeat;
  background-position: 13px;
  border: 2px solid #059fc9;
  display: flex;
  margin: 20px 0 0px 0;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
}
.speedBox a{
  display: block;
  width: 100%;
  height: 100%;
}
.speedBox a:hover{
  text-decoration: none;
}
.speedtxtdetail{
  color: #059fc9;
  font-weight: bold;
  font-size: 1.2rem;
  margin: 0px;
  padding: 6px 30px 5px 94px;
  text-align: center;
  line-height: 1.5rem;
}
.speedtxtdetail span{
  color: #333;
  font-weight: 300;
  display: block;
  font-size: 0.8rem;
  line-height: 1.2rem;
}
.speedtxtdetail span i{
  color: #059fc9;
  margin-left: 5px;
}
.speed-atten {
  line-height: 1.2rem;
  margin: 5px 0 0;
}
.speed-atten strong {
font-weight: 300;
font-size: 0.8rem;
}

.speedTooltip{
    cursor: pointer;
    padding: 0 5px;
    color: #059fc9;
    font-size: 1.2rem;
    right: 0;
    left: 90px;
    top: 16px;
}
.speedTooltip i {
  font-size: larger;
  cursor: pointer;
}
/*サムネイルカラー数表示*/
.thum_color{
  color: #f40c62;
  font-weight: bold;
  font-size: 1.6rem !important;
  position: absolute;
  top: 0px;
  left: 8px;
  margin: 0px !important;
  padding: 0px;
  background-position: 8px;
  text-shadow: white 1px 1px 0px, white 1px -1px 0px,
   white -1px 1px 0px, white -1px -1px 0px,
    white 1px 1px 0px, #000 2px 2px 5px;

}
.thum_color span{
  font-size: 2.0rem;
  /*font-family: 'Roboto Condensed', sans-serif !important;*/
}

.simChoiceItem input[type="radio"]:checked + label .simOptInputBtn {
  background: #447ff6;
  color: #fff;
}
input[type="radio"]:checked + label .simOptInputBtn, input[type="radio"]:checked + label .simOptInputfourBtn {
  background: #447ff6;
  color: #fff;
}
.simChoiceList .simOptInputBtn {
  text-align: center;
}


.tooltip2{
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.tooltip2 p{
  margin:0;
  padding:0;
}
.description2 {
  display: none;
  position: absolute;
  padding: 10px;
  font-size: 12px;
  line-height: 1.6em;
  color: #fff;
  border-radius: 5px;
  background: #000;
  width: 100px;
}
.description2 a{
  color: #19ee2b;
}
.description2:before {
  content: "";
  position: absolute;
  top: 0%;
  right: 95%;
  border: 15px solid transparent;
  border-top: 15px solid #000;
  margin-left: -15px;
  transform: rotateZ(90deg);
}
.tooltip2:hover .description2{
  display: inline-block;
  top: 0px;
  left: 40px;
}




.tempComListBox p.price {
  margin: 5px 0 0 0;
  font-size: .8rem;
  line-height: 1.4;
  text-align: center;
  color: #e60012;
}
.tempComListBox p.price span {
  margin-left: .5rem;
  font-size: 1.1rem;
  line-height: 1.4;
  font-weight: bold;
}
.tempComListBox p.noprice {
  margin: 5px 0 0 0;
  text-align: center;
  color: #e60012;
}
.tempComListBox ul li ul.priceList {}
.tempComListBox ul li ul.priceList li {
  display: flex;
  justify-content: space-between;
  margin: 5px 0 0 0;
  padding: 10px 0 0 0;
  width: 100%;
  border-top: 1px solid #ddd;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.tempComListBox ul li ul.priceList li span {
  margin: 0;
  color: #e60012;
}
.tempComListBox ul li ul.priceList li span.priceL {
  margin-left: 1em;
  font-size: .8rem;
  font-weight: normal;
  text-align: left;
  line-height: 1.2;
}
.tempComListBox ul li ul.priceList li span.priceR {
  margin-right: 1em;
  font-size: 1.1rem;
  font-weight: bold;
  text-align: right;
  line-height: 1;
}
.tempComListBox ul li ul.priceList li span.noprice {
  margin: 5px 0;
  text-align: center;
  line-height: 1;
  width: 100%;
}
.vp2-view-details {
  margin-top: .2rem;
  padding: 5px;
}
.vp2-view-details a {
  display: block;
  padding: .8em;
  border: 1px solid #1f74e1;
  border-radius: 4px;
  color: #1f74e1;
  box-shadow: 1px 1px 0 0 #ccc;
  white-space: nowrap;
  text-align: center;
}
.vp2-view-details a:hover, .vp2-view-details a:active {
  opacity: 0.7;
  text-decoration: none;
}
.vp2-view-details a::before {
  content: "\f105";
  display: inline-block;
  margin-right: .25em;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-rendering: auto;
  line-height: 1;
  color: #1f74e1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
/*** 一覧用アイコン ***/
.tempComListBox .icon {
  margin: 0 5px;
}
.tempComListBox .icon ul li {
  margin: 7px 5px 0 0;
  float: left;
  border: 0;
  display: block;
  width: 34px;
  padding: 0;
  letter-spacing: normal;
}
.tempComListBox .icon ul li:nth-child(7n) {
  margin-right: auto;
}
.tempComListBox .icon img {
  width: 34px;
}
/*** 一覧用カラー表示 ***/
.tempComListBox .colorBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 6px 5px;
  border-bottom: 1px dotted #ccc;
  font-size: 13px;
  line-height: 1.5em;
}
.tempComListBox .colorBox dt {
  margin-right: 10px;
  text-align: center;
}
.tempComListBox .colorBox dd {
  margin-right: 3px;
}
.tempComListBox .colorBox dd:last-child {
  margin-right: 0;
}
.tempComListBox .colorBox dd span {
  overflow: hidden;
  display: block;
  width: 15px;
  height: 15px;
  text-indent: 5em;
}
.tempComListBox .colorBox .color_grn {
  border: 1px solid darkgreen;
  background: darkgreen;
}
.tempComListBox .colorBox .color_mos {
  border: 1px solid darkslategray;
  background: darkslategray;
}
.tempComListBox .colorBox .color_gry {
  border: 1px solid gray;
  background: gray;
}
.tempComListBox .colorBox .color_blk {
  border: 1px solid black;
  background: black;
}
.tempComListBox .colorBox .color_wht {
  border: 1px solid #ddd;
  background: white;
}
.tempComListBox .colorBox .color_cle {
  border: 1px dotted #ddd;
  background: none;
}
.tempComListBox .colorBox .color_sil {
  border: 1px solid silver;
  background: silver;
}
.tempComListBox .colorBox .color_brn {
  border: 1px solid saddlebrown;
  background: saddlebrown;
}
.tempComListBox .colorBox .color_yel {
  border: 1px solid yellow;
  background: yellow;
}
.tempComListBox .colorBox .color_orn {
  border: 1px solid orange;
  background: orange;
}
.tempComListBox .colorBox .color_blu {
  border: 1px solid royalblue;
  background: royalblue;
}
/**************************************************************************************************

テンプレB一覧

**************************************************************************************************/
.tempBListBox {
  margin: 30px 0 50px 3px;
}
.tempBListBox ul {
  font-size: 0;
}
.tempBListBox ul li {
  display: inline-block;
  margin: 0 12px 2rem 0;
  font-size: 15px;
  border: solid 1px #ccc;
  font-weight: normal;
  width: 280px;
  padding: 2px;
  vertical-align: top;
  letter-spacing: normal;
}
.tempBListBox h4 {
  font-size: 18px;
  text-align: center;
  margin: 0 0 7px 0;
  background: #f0f0f0;
  padding: 10px 0;
  line-height: 1.2em;
}
.tempBListBox .specBox {
  background: #e40011;
  font-size: 22px;
  vertical-align: middle;
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 1.1em;
  margin: 7px 0 0 0;
}
.tempBListBox .specBox span {
  font-size: 14px;
  vertical-align: middle;
  margin: 0 5px 0 0;
}
.tempBListBox p {
  margin: 7px 5px 0 5px;
  font-size: .9rem;
  line-height: 1.4;
  text-align: left;
}
.tempBListBox p.price {
  margin: 5px 0 0 0;
  font-size: .8rem;
  line-height: 1.4;
  text-align: center;
  color: #e60012;
}
.tempBListBox p.price span {
  margin-left: .5rem;
  font-size: 1.1rem;
  line-height: 1.4;
  font-weight: bold;
}
.tempBListBox p.noprice {
  margin: 5px 0 0 0;
  text-align: center;
  color: #e60012;
}
/*** 一覧用アイコン ***/
.tempBListBox .icon {
  margin: 7px 0 0 3px;
}
.tempBListBox .icon ul li {
  margin: 0 5px 0 0;
  float: left;
  border: 0;
  display: block;
  width: 34px;
  padding: 0;
  vertical-align: top;
  letter-spacing: normal;
}
.tempBListBox .icon img {
  width: 34px;
}

.regLayoutBox ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 889px;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  box-sizing: border-box;
}
.regLayoutBox ul li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-height: 100%;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
}
.regLayoutBox ul li span {
  display: block;
}
.regWrapTypeImg{
  padding: 0 10px;
}
.regWrapTypeName {
  padding: 10px;
  font-size: 16px;
  line-height: 1.4;
  font-weight: bold;
}
.regLayoutBox .regLayoutBox-Item3 li {
  width: 296px;
  width: calc(100% / 3);
}
.reg_element-txt{
  font-size: 1.2rem;
    font-weight: bold;color:#e70000;
}
.reg_button{
background-color: #ececec;
    padding: 0.5rem;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: #333;
    cursor: pointer;
    width: 150px;
    margin: 1rem auto;
    font-weight: normal;
  }
  .reg_button:hover {
    text-decoration: none;
}
  .reg-_button-icon{
    border-radius: 50%;
    background-color: #ef4954;
    color: #fff;
    position: relative;
    width: 1rem;
    height: 1rem;
  }
  .reg-_button-icon:before {
    position: absolute;
    top: 53%;
    left: 53%;
    transform: translate(-50%, -50%);
    font-size: 0.75rem;
  }
  .reg_button span{
    font-size: 1rem;
  }
/**************************************************************************************************

ビニールシートの切り売り・販売価格一覧

**************************************************************************************************/
.kiriuriAttenBox {
  margin: 50px 0 0 0;
  border: solid 3px #ccc;
  background: #fff;
}
.kiriuriAttenBox h3 {
  background: #f0f0f0;
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  color: #e60012;
  padding: 20px 0;
}
.kiriuriAttenBox .inner {
  padding: 20px 20px 0 20px;
}
.kiriuriAttenBox p {
  font-size: 16px;
  line-height: 1.6em;
  margin: 0 0 20px 0;
}
.kiriuriAttenBox span {
  font-weight: bold;
  color: #e60012;
}
.kiriuriListBox h3 {
  background: url(net/img/bg_h3.jpg) left top repeat-x;
  line-height: 1.3em;
  font-size: 30px;
  color: #333;
  font-weight: normal;
  padding: 25px 0 10px 10px;
  margin: 80px 0 20px 0;
}
/*** メニューエリア ***/
.kiriuriMenuBox {
  margin: 0 0 100px 0;
}
.kiriuriMenuBox ul {
  margin: 0 0 15px 0;
}
.kiriuriMenuBox ul li {
  float: left;
  margin: 0 15px 0 0;
}
.kiriuriMenuBox ul li.last {
  float: left;
  margin: 0;
}
.kiriuriBox {
  margin: 0 0 30px 0;
  padding: 0 0 30px 0;
  border-bottom: dotted 1px #ccc;
}
.kiriuriBoxL {
  width: 200px;
  float: left;
}
.kiriuriBoxR, .kiriuriBox-sp {
  width: 680px;
  float: right;
}
.kiriuri-haba-Box {
  width: 680px;
  float: right;
}
.kiriuriBox .kiriuri-haba-Box table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 5px 0;
}
.kiriuriBox table {
  width: 680px;
  border-collapse: collapse;
  margin: 0 0 5px 0;
}
.kiriuriBox table.priceTbl {
  border: solid 3px #ccc;
  margin: 10px 0 0 0;
}
.kiriuriBox td {
  font-size: 15px;
  line-height: 1.5em;
  padding: 6px 0;
  vertical-align: middle;
  border: solid 1px #ccc;
  text-align: center;
}
.kiriuriBox td.txtRed {
  color: #e60012;
  font-weight: bold;
}
.kiriuriBox th {
  font-size: 15px;
  line-height: 1.5em;
  vertical-align: middle;
  padding: 6px 0;
  text-align: center;
  border: solid 1px #ccc;
  background: #f0f0f0;
}
.kiriuriBox .kiriuri-haba-Box th {
  width: 15%;
  font-size: 15px;
  line-height: 1.5em;
  vertical-align: middle;
  padding: 6px 0;
  text-align: center;
  border: solid 1px #ccc;
  background: #f0f0f0;
}
.kiriuriBox .kiriuri-haba-Box td {
  width: 15%;
  font-size: 15px;
  line-height: 1.5em;
  padding: 6px 0;
  vertical-align: middle;
  border: solid 1px #ccc;
  text-align: center;
}
.hana-pricetxt {
  font-size: 18px;
  color: #e60012;
  font-weight: bold;
}
.kiriuriBox .nkiri-1 {
  width: 50%;
}
.kiriuriBox .nkiri-2 {
  width: 20%;
}
.kiriuriBox .nkiri-3 {
  width: 30%;
}
.kiriuriBox th.col1 {
  width: 48%;
}
.kiriuriBox th.col2 {
  width: 52%;
}
.kiriuriBox th.col3 {
  width: 25%;
}
.kiriuriBox th.col4 {
  width: 20%;
}
.kiriuriBox td.col5 {
  width: 15%;
}
.kiriuriBox td.col6 {
  width: 40%;
}
.kiriuriBox th.col7 {
  width: 25%;
}
.kiriuriBox th.col8 {
  width: 30%;
}
.kiriuriBox td.col9 {
  width: 17%;
}
.kiriuriBox td.col10 {
  width: 28%;
}
.kiriuriBox table.priceTbl {
  border: solid 2px #333;
}
.kiriuriBox table.priceTbl th {
  font-size: 15px;
  line-height: 1.6em;
  padding: 15px 10px;
  vertical-align: middle;
  background: #fff;
  border: solid 1px #333;
  text-align: center;
  font-weight: normal;
}
.kiriuriBox table.priceTbl td {
  font-size: 20px;
  line-height: 1.5em;
  vertical-align: middle;
  padding: 15px 10px;
  text-align: center;
  font-weight: bold;
  color: #e60012;
  border: solid 1px #333;
}
.kiriuriBox .price .btn {
  margin: 15px 0 5px 0;
  color: #e60012;
}
.kiriuriBox .price .btn a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 10px 10px 12px;
  border: solid 1px #e60012;
  border-radius: 4px;
  background: #fff;
  font-size: 14px;
  line-height: 1.1em;
  font-weight: bold;
  color: #e60012;
  text-decoration: none;
}
.kiriuriBox .price .btn a:visited {
  text-decoration: none;
  color: #e60012;
  background: #fff;
}
.kiriuriBox .price .btn a:hover, .kiriuriBox .price .btn a:active {
  text-decoration: none;
  color: #fff;
  background: #e60012;
}
.kiriuriBox .price .btn a::before {
  font-family: "Font Awesome 5 Free";
  content: '\f157';
  margin-right: .25em;
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.kiriuriBox .price .btn a::after {
  font-family: "Font Awesome 5 Free";
  content: '\f054';
  margin-left: auto;
  padding-left: .25em;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.kiriuriBox .contactBox ul li {
  float: right;
  font-size: 15px;
  text-align: center;
  background: #fff;
  border: solid 2px #555;
  width: 230px;
  border-radius: 5px; /* CSS3 */
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px;
  margin: 10px 0 0 0;
  line-height: 1.4em;
  background: #ffffd9;
}
.kiriuriBox .contactBox ul li:nth-child(even) {
  margin: 10px 10px 0 0;
}
.kiriuriBox .contactBox ul li a {
  display: block;
  color: #333;
  line-height: 1.4em;
  padding: 12px 0 10px 0;
  text-decoration: none;
}
.kiriuriBox .contactBox ul li.visited a {
  text-decoration: none;
  color: #ff7c05;
}
.kiriuriBox .contactBox ul li a:hover {
  text-decoration: none;
  color: #ff7c05;
}
.kiriuriBox .contactBox ul li a:active {
  text-decoration: none;
  color: #ff7c05;
}
.kiriuriBox .contactBox ul li img {
  margin: 0 5px 4px 0;
}
/***ネット一覧ボタン***/
.kiriuriBox .net-kiriuri-contactBox ul {
  text-align: right;
}
.kiriuriBox .net-kiriuri-contactBox ul li {
  display: inline-block;
  font-size: 15px;
  text-align: center;
  background: #fff;
  border: 1px solid #1f74e1;
  width: 200px;
  border-radius: 5px; /* CSS3 */
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px;
  margin: 10px 0 0 0;
  line-height: 1.4em;
  margin: 10px 0 0 10px;
  box-shadow: 1px 1px 0 0 #ccc;
}
.net-kiriuri-contactBox ul li a::before {
  content: "\f105";
  display: inline-block;
  margin-right: .25em;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-rendering: auto;
  line-height: 1;
  color: #1f74e1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.kiriuriBox .net-kiriuri-contactBox ul li a {
  display: block;
  color: #1f74e1;
  line-height: 1.4em;
  padding: 12px 0 10px 0;
  text-decoration: none;
}
.kiriuriBox .net-kiriuri-contactBox ul li a:hover, .kiriuriBox .net-kiriuri-contactBox ul li a:active {
  opacity: 0.7;
  text-decoration: none;
}
.kiriuriBox .net-kiriuri-contactBox ul li.visited a {
  text-decoration: none;
}
/*** 一覧用アイコン ***/
.kiriuriBox .icon {
  margin: 0 0 0 10px;
}
.kiriuriBox .icon ul {
  display: flex;
  flex-wrap: wrap;
}
.kiriuriBox .icon ul li {
  margin: 3px 7px 3px 0;
  border: 0;
  flex-basis: 40px;
  padding: 0;
}
.kiriuriBox .icon img {
  width: 40px;
}
/*ネット切売り用途一覧*/
.kiriuriBox .neticon {
  margin: 0 0 0 10px;
}
.kiriuriBox .neticon ul li {
  margin: 0 7px 0 0;
  float: left;
  border: 0;
  display: block;
  width: 50px;
  padding: 0;
  vertical-align: top;
  letter-spacing: normal;
}
.kiriuriBox .neticon img {
  width: 50px;
}
/*** お問い合わせバナーエリア ***/
.kiriuriBanBox {
  margin: 0 0 150px 0;
  padding: 20px;
  background: #f0f0f0;
}
.kiriuriBanBox ul li {
  float: left;
  width: 420px;
  margin: 0;
  background: #fff;
}
.kiriuriBanBox ul li:nth-child(even) {
  float: right;
  width: 420px;
  margin: 0;
}
/**************************************************************************************************

テンプレのれん一覧

**************************************************************************************************/
.tempNorenListBox {
  margin: 30px 0 100px 3px;
}
.tempNorenListBox ul {
  font-size: 0;
}
.tempNorenListBox ul li {
  display: inline-block;
  margin: 0 12px 2rem 0;
  font-size: 15px;
  border: solid 1px #ccc;
  font-weight: normal;
  width: 280px;
  padding: 2px;
  vertical-align: top;
  letter-spacing: normal;
}
.tempNorenListBox h4 {
  font-size: 18px;
  text-align: center;
  margin: 0 0 7px 0;
  background: #f0f0f0;
  padding: 10px 0;
  line-height: 1.2em;
}
.tempNorenListBox .specBoxOne {
  background: #fef8de;
  font-size: 15px;
  text-align: center;
  padding: 6px 0 3px 0;
  font-weight: bold;
  margin: 7px 0 0 0;
  line-height: 1.4em;
}
.tempNorenListBox .specBox {
  margin: 7px 0 0 0;
}
.tempNorenListBox .specBoxL {
  width: 135px;
  float: left;
  background: #fef8de;
  font-size: 15px;
  text-align: center;
  padding: 6px 0 3px 0;
  font-weight: bold;
  line-height: 1.4em;
}
.tempNorenListBox .specBoxR {
  width: 135px;
  float: right;
  background: #fef8de;
  font-size: 15px;
  text-align: center;
  padding: 6px 0 3px 0;
  font-weight: bold;
  line-height: 1.4em;
}
.tempNorenListBox p {
  font-size: 15px;
  text-align: left;
  margin: 7px 5px 0 5px;
  line-height: 1.4em;
}
.tempNorenListBox p {
  margin: 7px 5px 0 5px;
  font-size: .9rem;
  line-height: 1.4;
  text-align: left;
}
.tempNorenListBox p.price {
  margin: 5px 0 0 0;
  font-size: .8rem;
  line-height: 1.4;
  text-align: center;
  color: #e60012;
}
.tempNorenListBox p.price span {
  margin-left: .5rem;
  font-size: 1.1rem;
  line-height: 1.4;
  font-weight: bold;
}
.tempNorenListBox p.noprice {
  margin: 5px 0 0 0;
  text-align: center;
  color: #e60012;
}
.norenWrapType {
  text-align: center;
}
.norenWrapTypeName {
  padding: 15px 10px 0 10px;
  font-size: 16px;
  line-height: 1.4;
  font-weight: bold;
}
.norenWrapTypeName2 { /*pitalino*/
  padding: 15px 10px; /*pitalino*/
  font-size: 16px; /*pitalino*/
  line-height: 1.4; /*pitalino*/
  font-weight: bold; /*pitalino*/
}
.norenWrapTypeSup {
  padding: 0 10px 10px 10px;
  font-size: 12px;
  line-height: 1.4;
  color: #666;
}
.norenWrapTypeSup2 { /*pitalino*/
  padding: 0 10px 10px 10px; /*pitalino*/
  font-size: 14px; /*pitalino*/
  line-height: 1.4; /*pitalino*/
  color: #666; /*pitalino*/
  text-align: left; /*pitalino*/
  height: 7em;
}
.norenWrapTypeImg {
  padding: 0 10px 10px 10px;
}
.useCaseCurtain {
  font-size: 14px;
  text-align: center;
}
.useCaseName {
  padding: 15px 10px;
  font-size: 16px;
  font-weight: bold;
}
.simNorenTableTtl {
  font-size: 14px;
  font-weight: bold;
}
/*** 一覧用アイコン ***/
.tempNorenListBox .icon {
  margin: 7px 0 0 3px;
}
.tempNorenListBox .icon ul li {
  margin: 0 5px 0 0;
  float: left;
  border: 0;
  display: block;
  width: 34px;
  padding: 0;
  vertical-align: top;
  letter-spacing: normal;
}
.tempNorenListBox .icon img {
  width: 34px;
}
/**************************************************************************************************

テンプレ共通（ビニールカバー、オプションA、オプションB）一覧

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

.select-search {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 2em 0;
	padding: 1.5em;
	background: #f5f5f5;
	font-size: 0.9rem;
	align-items: center;
}

.select-search > div > :last-child {
	text-align: right;
}

.select-search select {
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	padding: 0.5em 2em 0.5em 1em;
	border: 1px solid #999;
	border-radius: 4px;
}

.select-search select:hover {
	opacity: 0.7;
}

.select-search select::-ms-expand {
	display: none;
}

.select-search label:nth-child(2) {
	position: relative;
	margin-left: 0.5em;
}

.select-search label:nth-child(2):after {
	content: "\f0d7";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: 0.8em;
	margin-top: -0.4em;
	color: #999;
}

ul.option-list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
	box-sizing: border-box;
}

[id*="tabCon0"] ul.option-list {
	padding-right: 15px;
}

[id*="tabCon0"] p.box-gray.align-right {
	margin-right: 15px;
}

li[data-optionsearch] {
	flex-basis: calc(50% - 1em);
	position: relative;
	margin: 1em 0;
	background: #f5f5f5;
}

li[data-optionsearch]:after {
	content: "\f054";
	position: absolute;
	top: 50%;
	right: 15px;
	margin: -0.3em 0 0 0;
	color: #666;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.0rem;
}

li[data-optionsearch] a:link,
li[data-optionsearch] a:visited,
li[data-optionsearch] a:hover,
li[data-optionsearch] a:active {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	color: #333;
	text-decoration: none;
}

li[data-optionsearch] a:hover {
	opacity: 0.7;
}

li[data-optionsearch] h4 {
	margin: 0 0 0.5em 0;
	font-size: 1rem;
}

li[data-optionsearch] a > div:last-child {
	flex-grow: 1;
	padding: 15px 30px 15px 15px;
}

li[data-optionsearch] img {
	display: block;
	width: 120px;
	height: 120px;
}

li[data-optionsearch] p,
li[data-optionsearch] dl {
	font-size: 0.8rem;
}

li[data-optionsearch] .unit-price {
	display: flex;
	color: #E50213;
	font-weight: bold;
}

#net-option, #mesh-option, #agri-option, #net-standard, #mesh-standard, #agri-standard, #net-saisun, #mesh-saisun, #agri-saisun {
  margin-top: 60px;
  padding-top: 10px;
}
.position-navi_series, .position-navi {
  display: -ms-flexbox;
  display: flex;
  margin: 0 15px -30px 15px;
}
.position-navi_series, .position-navi.position-navi-w80 {
  margin: 0 auto -30px auto;
  width: 80%;
}
.position-navi_series li, .position-navi li {
  width: 50%;
  font-size: 14px;
  line-height: 1;
}
.position-navi_series li small, .position-navi li small {
  font-size: 14px;
}
.position-navi_series li a, .position-navi li a {
  display: block;
  padding: 0 10px;
  border-top: 1px solid #1287d4;
  border-bottom: 1px solid #1287d4;
  border-left: 1px solid #1287d4;
  text-align: center;
  box-sizing: border-box;
  height: 42px;
  line-height: 38px;
  text-decoration: none;
  color: #1287d4;
}
.position-navi_series li span, .position-navi li span {
  display: block;
  padding: 0 10px;
  border-top: 1px solid #1287d4;
  border-bottom: 1px solid #1287d4;
  border-left: 1px solid #1287d4;
  background: #1287d4;
  text-align: center;
  box-sizing: border-box;
  color: #fff;
  height: 42px;
  line-height: 38px;
}
.position-navi_series li:first-child a, .position-navi_series li:first-child span, .position-navi li:first-child a, .position-navi li:first-child span {
  border-radius: 3px 0 0 3px;
}
.position-navi_series li:last-child a, .position-navi_series li:last-child span, .position-navi li:last-child a, .position-navi li:last-child span {
  border-right: 1px solid #1287d4;
  border-radius: 0 3px 3px 0;
}
.position-navi_series li a:hover, .position-navi_series li a:active, .position-navi li a:hover, .position-navi li a:active {
  background: #1287d4;
  color: #fff;
}
.position-navi_series li i, .position-navi li i {
  font-size: 19px;
  vertical-align: -3px;
}
/**************************************************************************************************
*** カテゴリートップ・商品ページ用
**************************************************************************************************/
/* 見出し周り */
.subHeading {
  margin-top: 30px;
}
.subHeading h4 {
  font-size: 16px;
  line-height: 1.5;
}
/* カラム生成 */
.contBox50 {
  display: -ms-flexbox;
  display: flex;
}
.contBox50L {
  margin-right: 10px;
  width: 50%;
  box-sizing: border-box;
}
.contBox50R {
  margin-left: 10px;
  width: 50%;
  box-sizing: border-box;
}
/* テーブル周り */
.spacTbl1 {
  margin-top: 15px;
  width: 100%;
  border: 2px solid #000;
  border-collapse: collapse;
  font-size: 13px;
}
.spacTbl1 caption span {
  display: inline-block;
  padding: 8px 15px 6px 15px;
  border-radius: 4px 4px 0 0;
  background: #000;
  font-weight: bold;
  line-height: 1;
  color: #fff;
}
.spacTbl1 th {
  padding: 8px;
  border: 1px solid #ccc;
}
.spacTbl1 td {
  padding: 8px;
  border: 1px solid #ccc;
}
.spacTbl1Sub {
  margin-top: 10px;
  font-size: 12px;
  text-align: right;
  color: #666;
}
.spacTbl1 .caseName {
  text-align: right;
}
.spacTbl1 .caseName small {
  display: block;
  font-size: 10px;
  line-height: 10px;
  color: #666;
}
.spacTbl1.spacTbl1-min {
  margin: 1rem 0;
  font-size: .75rem;
  line-height: 1.3;
}
.spacTbl1.spacTbl1-min th {
  background: #f0f0f0;
  font-weight: bold;
}
.spacTbl2 {
  border: 2px solid #ccc;
  border-collapse: collapse;
  font-size: 13px;
  line-height: 1.3em;
}
.spacTbl2 caption {
  padding-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
}
.spacTbl2 th {
  padding: 4px 12px;
  border: 1px solid #ccc;
  background: #ffffeb;
}
.spacTbl2 tr:first-child th {
  background: #efefef;
  text-align: center;
}
.spacTbl2 td {
  padding: 4px 12px;
  border: 1px solid #ccc;
}
.spacTbl3 {
  border: 2px solid #ccc;
  border-collapse: collapse;
  font-size: 13px;
  line-height: 1.3em;
}
.spacTbl3 caption {
  padding-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
}
.spacTbl3 th {
  padding: 8px 10px;
  border: 1px solid #ccc;
  background: #f8f8f8;
}
.spacTbl3 td {
  padding: 8px 10px;
  border: 1px solid #ccc;
}
.spacTbl3 .spacTblLabel1 {
  display: inline-block;
  padding: 5px 8px 4px 8px;
  border-radius: 3px;
  background: #e50012;
  line-height: 1.2em;
  color: #fff;
}
.spacTbl3 .spacTblLabel2 {
  display: inline-block;
  padding: 5px 8px 4px 8px;
  border-radius: 3px;
  background: #cdcdcd;
  line-height: 1.2em;
}
/* 注意喚起・案内 周り */
.vpNote {
  margin: 30px 0 15px 0;
  border: 1px solid #cc0000;
  border-radius: 4px;
  background: #fff4f4;
}
/*margin-top:50px;*/
.vpNote.mt-50 {
  margin: 50px 0 15px 0;
}
/*margin-top:50px; end*/
.vpNote dt {
  margin-bottom: 15px;
  padding: 8px 10px;
  background: #cc0000;
  font-size: 14px;
  line-height: 1.3em;
  color: #fff4f4;
}
.vpNote dd {
  margin: 10px 15px 10px 15px;
  font-size: 13px;
  line-height: 1.4em;
  color: #cc0000;
}
.vpNote dd strong {
  font-weight: bold;
}
.vpNote.vpNote-ul dd {
  display: list-item;
  list-style-type: disc;
  margin-left: 25px;
}
.vpNoteSwipe {
  display: none;
}
/* バナー周り */
.comBnrBase {
  margin: 2.5rem auto;
  text-align: center;
}
.comBnrBase.flex-between {
  display: flex;
  padding: 0 10px;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.comBnrBase.flex-between > div {
  flex-basis: 430px;
  max-width: 430px;
}
.comBnrBase.flex-between > div a, .comBnrBase.flex-between > div img {
  display: block;
  width: 100%;
  height: auto;
}
/* ボタン周り */
.itemBtnBase {
  margin: 1.5rem 0;
  text-align: right;
}
.comBtnBase {
  margin: 2.5rem 0;
  text-align: center;
}
.comBtnBase a.linkToList, .comBtnBase a.linkToList-blue, .comBtnBase .linkToList:link, .comBtnBase .linkToList:visited {
  display: inline-block;
  margin: 0 1em;
  width: auto;
}
.comBtnBase a.linkToList.linkToList-ccp, .comBtnBase .linkToList.linkToList-ccp:link, .comBtnBase .linkToList.linkToList-ccp:visited {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #1f74e1;
  box-shadow: 2px 2px 0 0 #1553a4;
  color: #1f74e1;
}
.comBtnBase .linkToList.linkToList-ccp:hover, .comBtnBase .linkToList.linkToList-ccp:active {
  background: #1f74e1;
  color: #fff;
}
.itemBtn1 {
  display: inline-block;
  padding: 8px 8px 8px 12px;
  border: 1px solid #1f74e1;
  border-radius: 4px;
  background: #1f74e1;
  font-size: .85rem;
  line-height: 1.4;
  box-sizing: border-box;
}
.itemBtn1:link, .itemBtn1:visited {
  color: #fff;
  text-decoration: none;
}
.itemBtn1:active, .itemBtn1:hover {
  border: 1px solid #1f74e1;
  background: #fff;
  color: #1f74e1;
}
.itemBtn2 {
  display: inline-block;
  padding: 8px 8px 8px 12px;
  border: 1px solid #e40112;
  border-radius: 4px;
  background: #e40112;
  font-size: .85rem;
  line-height: 1.4;
  box-sizing: border-box;
}
.itemBtn2:link, .itemBtn2:visited {
  color: #fff;
  text-decoration: none;
}
.itemBtn2:active, .itemBtn2:hover {
  border: 1px solid #e40112;
  background: #fff;
  color: #e40112;
}
.linkToList, .linkToList:link, .linkToList:visited {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  padding: 15px 25px;
  width: 36%;
  border: 2px solid #e70000;
  border-radius: 4px;
  background: #fff;
  font-size: 18px;
  line-height: 130%;
  box-shadow: 2px 2px 0 0 #990000;
  box-sizing: border-box;
  color: #e70000;
}
.linkToList:hover, .linkToList:active {
  border: 2px solid #e70000;
  background: #e70000;
  text-decoration: none;
  color: #fff;
}
.linkToList span {
  -ms-flex-positive: 1;
  flex-grow: 1;
  line-height: 18px;
}
.linkToList i.fa-file-pdf {
  margin-right: 0.5em;
}
.linkToSizePrice, .linkToSizePrice:link, .linkToSizePrice:visited {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  padding: 15px 25px;
  width: 50%;
  border: 2px solid #e70000;
  border-radius: 4px;
  background: #fff;
  font-size: 18px;
  line-height: 130%;
  box-shadow: 2px 2px 0 0 #990000;
  box-sizing: border-box;
  color: #e70000;
}
.linkToSizePrice:hover, .linkToSizePrice:active {
  border: 2px solid #e70000;
  background: #e70000;
  text-decoration: none;
  color: #fff;
}
.linkToSizePrice i:first-child {
  font-size: 1.33333em;
  line-height: .75em;
}
.linkToSizePrice span {
  -ms-flex-positive: 1;
  flex-grow: 1;
  line-height: 18px;
}
.linkToSizePrice span br {
  display: none;
}
/*取付説明書(PDF)ダウンロード*/
.pdfgl-btn{
  margin: 2.5rem 0px 2.5rem auto;
  position: relative;
  width: 276px;
  height: 38px;
  display: block;
}
.pdfgl-btn img{
  position: absolute;
}
.pdfgl-btn:hover img:nth-of-type(2) {
  opacity: 0;
}
/* その他 */
.itemPrBox {
  margin-top: 50px;
  margin-bottom: 30px;
  text-align: center;
}
.itemPrBox .itemPrBoxImg {
  display: block;
  border-bottom: 1px solid #ccc;
}
.itemPrBox .itemPrBoxMes {
  margin-top: 30px;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.5;
  color: #ff0000;
}
/**************************************************************************************************
一覧用
**************************************************************************************************/
.category-ttl {
  margin: 40px 8px 15px 8px;
  font-size: 18px;
  line-height: 1.2;
}
.category-navi {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 1.5em 4px;
  font-size: 12px;
  line-height: 1.3;
}
.category-navi li {
  margin: 4px;
  width: 19%;
  width: calc(100% / 5 - 8px);
}
.category-navi li a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: .75em .6em .5em 0;
  border: 3px solid #ededed;
  border-radius: 3px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  box-sizing: border-box;
}
.category-navi li a:hover, .category-navi li a:active {
  border-color: #ff7c05;
  text-decoration: underline;
  color: #ff7c05;
}
.category-navi li a img {
  margin-bottom: .5em;
  width: 60px;
  border-radius: 3px;
}
.category-navi li a span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
  align-items: baseline;
  width: 100%;
}
.category-navi li a span small {
  margin-left: auto;
  padding-left: .5em;
}
.category-navi li a span:before {
  font-family: "Font Awesome 5 Free";
  content: '\f078';
  margin-right: .3em;
  padding-left: .5em;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.vp2-item-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 1.5em 4px;
  font-size: 1rem;
  line-height: 1.3;
}
.vp2-item-nav li {
  margin: 4px;
  width: 29%;
  width: calc(100% / 3 - 8px);
}
.vp2-item-nav li a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 10px;
  border: 3px solid #ededed;
  border-radius: 3px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  box-sizing: border-box;
}
.vp2-item-nav li a:hover, .vp2-item-nav li a:active {
  border-color: #ff7c05;
  color: #ff7c05;
}
.vp2-item-nav li a:after {
  font-family: "Font Awesome 5 Free";
  content: '\f054';
  margin-left: auto;
  padding-right: .5em;
  font-weight: 900;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.vp2-item-nav.vp2-item-nav-down li a:after {
  content: '\f078';
}
.vp2-item-nav li a img {
  width: 60px;
  border-radius: 3px;
}
.vp2-item-nav li a span {
  padding-left: .5rem;
  font-size: .85rem;
  line-height: 1.3;
}
.vp2-item-nav li a:hover span, .vp2-item-nav li a:active span {
  text-decoration: underline;
}
.vp2-item-nav li.vp2-item-nav-self a {
  border: 3px solid #ff7c05;
  background: #fff8f1;
  color: #ff7c05;
}
.vp2-item-nav li.vp2-item-nav-self a:after {
  display: none;
}
.vp2-cards-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 1.5rem 0;
}
.vp2-cards-links li {
  display: block;
  margin: 15px 15px 15px 0;
  border: 1px solid #ccc;
  border-radius: 3px;
  text-decoration: none;
  box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  text-align: center;
  width: 29%;
  width: calc(100% / 3 - 10px);
}
.vp2-cards-links li:nth-child(3n) {
  margin-right: 0px;
}
.vp2-cards-links img {
  width: 100%;
}
.vp2-cards-links .vp2-cards-links-catch {
  margin: 0;
  padding: 10px 15px 2px 15px;
  border-radius: 3px 3px 0 0;
  background: #e60012;
  font-size: 11px;
  line-height: 1.5;
  text-align: left;
  color: #fff;
}
.vp2-cards-links h3 {
  padding: 2px 15px;
  background: #e60012;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #fff;
}
.vp2-cards-links h4 {
  padding: 2px 15px 8px 15px;
  border-bottom: 4px solid #cc0010;
  background: #e60012;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  color: #fff;
}
.vp2-cards-links .vp2-cards-links-btn {
  display: block;
  margin: 0;
  padding: .8rem 1rem;
  border-radius: 3px;
  font-size: .9rem;
  line-height: 1;
  text-align: center;
  color: #e60012;
}
.vp2-cards-links a:hover, .vp2-cards-links a:active {
  opacity: 0.7;
}
.vp2-outline-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 1.5em 4px;
}
.vp2-outline-nav-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin: 4px;
  padding: 10px 15px;
  width: 49%;
  width: calc(100% / 2 - 8px);
  border: 1px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box;
}
.vp2-outline-nav-box img {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 15px;
}
.vp2-outline-nav-box .vp2-outline-nav-ttl {
  font-size: .9rem;
  line-height: 1.3;
}
.vp2-outline-nav-box p {
  margin-top: .25rem;
  font-size: .8rem;
  line-height: 1.4;
}
.vp2-outline-nav-box .vp2-outline-nav-link {
  margin-top: .25rem;
  font-weight: bold;
}
.vp2-outline-nav-box .vp2-outline-nav-link a {}
.vp2-outline-nav-box .vp2-outline-nav-link a:after {
  font-family: "Font Awesome 5 Free";
  content: '\f054';
  margin-left: auto;
  padding-left: .25em;
  font-weight: 900;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
/**************************************************************************************************

テンプレ共通（D、E、F、G）一覧

**************************************************************************************************/
#tempComDEFGMenu {
  margin: 50px 0 0 0;
}
#tempComDEFGMenu.tempComDEFGMenuMargin {
  margin-bottom: 120px;
}
#tempComDEFGMenu ul {
  margin: 0 0 15px 0;
}
#tempComDEFGMenu ul li {
  margin: 0 0 15px 0;
  float: left;
}
#tempComDEFGMenu ul li:nth-child(2) {
  margin: 0 15px 15px 15px;
  float: left;
}
#tempComDEFGMenu ul li:nth-child(5) {
  margin: 0 15px 15px 15px;
  float: left;
}
.tempComDEFGBlock {
  margin-bottom: 80px;
}
.tempComDEFGListBox {
  margin: 0;
}
.tempComDEFGListBox ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.tempComDEFGListBox ul li {
  display: block;
  margin: 0;
  width: calc(100% / 5);
  font-size: 14px;
}
.list-parts-item {
  height: 100%;
  padding: 10px 10px 15px;
  box-sizing: border-box;
}
.list-parts-item:hover, .list-parts-item:active {
  background: #f8f8f8;
  height: 100%;
}
.list-parts-item .list-parts-item-thumb {
  width: 160px;
}
.list-parts-item .list-parts-item-thumb img {
  max-width: 100%;
}
.list-parts-item-thumb a{
    display: block;
}
.list-parts-item-thumb a:hover{text-decoration: none}
.list-parts-item-thumb-link{
    height: 160px;
    background-size: cover;
}
/*セール品サムネ完売表示*/
.list-parts-item-thumb .soldout-mark{
    transform: rotate(-30deg);
    white-space: nowrap;
    color: red;
    font-weight: bold;
    font-size: 1.5rem;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
    display: grid;
    justify-items: center;
    align-items: center;
    height: 160px;
}
.list-parts-item .list-parts-item-name {
  margin-top: 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.25;
}
.list-parts-item .list-parts-item-spec {
  display: inline-block;
  margin-top: 3px;
  padding: 0 0.4em;
  border: 1px solid #ccc;
  border-radius: 2px;
  background: #ccc;
  background: linear-gradient(to bottom right, #efefef, #ccc);
  font-size: 11px;
  line-height: 18px;
  color: #333;
  box-sizing: border-box;
}
.list-parts-item .list-parts-item-spec.list-parts-item-sus {
  border: 1px solid #051C5E;
  background: linear-gradient(to bottom right, #3A5AB3, #051C5E);
  color: #fff;
}
.list-parts-item .list-parts-item-pnum {
  margin-top: auto;
  font-size: 11px;
  color: #666;
}
.list-parts-item .list-parts-item-price {
  margin-top: 5px;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.2;
  color: #e60012;
}
.list-parts-item .list-parts-item-price span {
  display: block;
  margin-bottom: 2px;
  font-size: 11px;
  font-weight: normal;
  color: #555;
}
.list-parts-item .list-parts-item-variation {
  display: inline-block;
  margin-top: 5px;
  padding: 0.25em 0.4em;
  border: 1px solid #1287d4;
  border-radius: 3px;
  background: #eef8ff;
  font-size: 11px;
  text-decoration: none;
  color: #1287d4;
  box-sizing: border-box;
}
.list-parts-item .list-parts-item-variation:hover, .list-parts-item .list-parts-item-variation:active {
  border: 1px solid #ff7c05;
  background: #f8f8f8;
  color: #ff7c05;
}
.list-parts-item .list-parts-item-variation:before {
  font-family: "Font Awesome 5 Brands";
  content: "\f837";
  padding-right: 0.25em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
/**************************************************************************************************

アルミ角パイプ一覧

**************************************************************************************************/
.alumikakupipeArea {}
.alumikakupipeAreaL {
  float: left;
  width: 500px;
}
.alumikakupipeAreaR {
  float: right;
  width: 370px;
}
.alumikakupipeArea p {
  margin: 0 0 15px 0;
}
.alumikakupipeArea table {
  width: 900px;
  border-collapse: collapse;
  margin: 15px 0 0 0;
}
.alumikakupipeArea td {
  font-size: 15px;
  line-height: 1.6em;
  padding: 5px 7px;
  vertical-align: middle;
  border: solid 1px #ccc;
  color: #ff0000;
  text-align: center;
}
.alumikakupipeArea th {
  font-size: 15px;
  line-height: 1.5em;
  vertical-align: middle;
  padding: 5px 7px;
  text-align: left;
  border: solid 1px #ccc;
  background: #fff;
}
.alumikakupipeArea th.col1 {
  width: 80%;
  background: #e2f7e9;
  text-align: center;
  font-weight: bold;
  color: #333;
}
.alumikakupipeArea th.col2 {
  width: 20%;
  background: #fff1cc;
  text-align: center;
  font-weight: bold;
  color: #333;
}
.alumikakupipeAttenBox {
  margin: 50px 0 0 0;
  border: solid 3px #ccc;
  background: #fff;
}
.alumikakupipeAttenBox h3 {
  background: #f0f0f0;
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  color: #ff0000;
  padding: 20px 0;
}
.alumikakupipeAttenBox .inner {
  padding: 20px 20px 0 20px;
}
.alumikakupipeAttenBox p {
  font-size: 16px;
  line-height: 1.6em;
  margin: 0 0 20px 0;
}
/**************************************************************************************************

D40中型・店舗用のブラックカーテンレール・ポール一覧

**************************************************************************************************/
.bkrailBox {}
#bkrailBoxMenu {
  margin: 0 0 100px 0;
}
#bkrailBoxMenu ul {
  margin: 0 0 15px 0;
}
#bkrailBoxMenu ul li {
  margin: 0 15px 0 0;
  float: left;
}
#bkrailBoxMenu ul li.last {
  margin: 0;
  float: left;
}
.bkrailBox h4.upper {
  background: #ff0000;
  line-height: 1.5em;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  padding: 13px 5px 8px 15px;
  margin: 0 0 15px 0;
}
.bkrailBox h4 {
  background: #ff0000;
  line-height: 1.5em;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  padding: 13px 5px 8px 15px;
  margin: 50px 0 15px 0;
}
.bkrailBox .thumbArea {
  margin: 0 0 20px 0;
}
.bkrailBox .thumbArea ul li {
  float: left;
  width: 200px;
  margin: 0 20px 0 0;
}
.bkrailBox .thumbArea ul li.last {
  float: left;
  width: 240px;
  margin: 0;
}
.bkrailInfoBox {
  width: 900px;
  margin: 0 0 20px 0;
}
.bkrailInfoBoxL {
  width: 440px;
  float: left;
}
.bkrailInfoBoxR {
  width: 440px;
  float: right;
}
.bkrailInfoBox2 {
  width: 900px;
  margin: 0 0 30px 0;
  border-bottom: dotted 1px #ccc;
  padding: 0 0 30px 0;
}
.bkrailInfoBox2L {
  width: 440px;
  float: left;
}
.bkrailInfoBox2R {
  width: 440px;
  float: right;
}
.bkrailInfoBox2 .thumbBox {
  width: 200px;
  float: left;
  margin: 0 0 15px 0;
}
.bkrailInfoBox2 .thumbBox2 {
  width: 200px;
  float: right;
  margin: 0 0 15px 0;
}
.bkrailInfoBox2 .txtBox {
  width: 220px;
  float: right;
}
.bkrailInfoBox2 h5 {
  background: #fef8de;
  font-size: 16px;
  line-height: 1.3em;
  font-weight: bold;
  padding: 10px 5px 10px 10px;
  margin: 0 0 10px 0;
}
.bkrailInfoBox2 p {
  font-size: 15px;
  line-height: 1.5em;
}
.bkrailBox table {
  width: 440px;
  border-collapse: collapse;
  margin: 0;
}
.bkrailBox td {
  font-size: 15px;
  line-height: 1.6em;
  padding: 5px 7px;
  vertical-align: middle;
  border: solid 1px #ccc;
  color: #333;
  text-align: center;
}
.bkrailBox td.price {
  font-size: 15px;
  line-height: 1.6em;
  padding: 5px 7px;
  vertical-align: middle;
  border: solid 1px #ccc;
  color: #ff0000;
  text-align: center;
}
.bkrailBox th {
  font-size: 15px;
  line-height: 1.5em;
  vertical-align: middle;
  padding: 5px 7px;
  text-align: left;
  border: solid 1px #ccc;
  background: #fff;
}
.bkrailBox th.col1 {
  width: 30%;
  background: #e2f7e9;
  text-align: center;
  font-weight: bold;
  color: #333;
}
.bkrailBox th.col2 {
  background: #fff1cc;
  text-align: center;
  font-weight: bold;
  color: #333;
}
.bkrailBox .btn a {
  font-size: 17px;
  text-align: center;
  background: #f0f0f0;
  margin: 15px auto 0 auto;
  width: 480px;
  line-height: 1.5em;
  display: block;
  color: #333;
  padding: 15px 0 15px 0;
  text-decoration: none;
  border-radius: 5px; /* CSS3 */
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px;
  border: solid 3px #ccc;
}
.bkrailBox .btn .visited a {
  text-decoration: none;
  color: #333;
  background: #f0f0f0;
}
.bkrailBox .btn a:hover {
  text-decoration: none;
  color: #ff7c05;
  background: #f0f0f0;
}
.bkrailBox .btni a:active {
  text-decoration: none;
  color: #ff7c05;
  background: #f0f0f0;
}
.bkrailBox .btn img {
  margin: 0 5px 5px 0;
}
/**************************************************************************************************

ビニールカーテン 専用レールリストエリア

**************************************************************************************************/
.comRailListBox {}
.comRailListBox ul li {
  margin: 0 14px 50px 0;
  float: left;
  width: 295px;
  height: 280px;
  border-right: dotted 1px #ccc;
}
.comRailListBox ul li.last {
  margin: 0 0 50px 0;
  float: left;
  width: 280px;
  height: 280px;
  border-right: dotted 0px #ccc;
}
.comRailListBox ul li .boxmenu {
  background: #fdf6f4;
  padding: 15px 15px;
  width: 250px;
  height: 250px;
}
.comRailListBox ul li .box {
  background: #fff;
  padding: 15px 10px;
  width: 260px;
  height: 250px;
}
.comRailListBox ul li h4 {
  font-size: 18px;
  text-align: center;
  line-height: 1.2em;
}
.comRailListBox ul li h4.menu {
  margin: 0 0 40px 0;
}
.comRailListBox ul li h5 {
  font-size: 18px;
  text-align: center;
  line-height: 1.2em;
}
.comRailListBox ul li h5.menu {
  margin: 0 0 40px 0;
}
.comRailListBox ul li .thumb {
  margin: 15px 0 10px 0;
  text-align: center;
}
.comRailListBox ul li .txtArea {
  height: 105px;
}
.comRailListBox ul li p {
  font-size: 14px;
  text-align: left;
  line-height: 1.4em;
}
.comRailListBox ul li p.atten {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  line-height: 1.3em;
  color: #ff0000;
}
.comRailListBox ul li .btn a {
  font-size: 14px;
  text-align: center;
  background: #ed4c59;
  width: 220px;
  border-radius: 5px; /* CSS3 */
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px;
  display: block;
  color: #fff;
  margin: 30px auto 0 auto;
  line-height: 1.4em;
  padding: 10px 0 8px 0;
  text-decoration: none;
}
.comRailListBox ul li .btn.visited a {
  text-decoration: none;
  color: #fff;
  background: #ed4c59;
}
.comRailListBox ul li .btn a:hover {
  text-decoration: none;
  color: #fff;
  background: #f2818a;
}
.comRailListBox ul li .btn a:active {
  text-decoration: none;
  color: #fff;
  background: #f2818a;
}
/**************************************************************************************************

ポール一覧リストエリア

**************************************************************************************************/
#comPoleListBox {}
#comPoleListBox ul li {
  margin: 0 14px 50px 0;
  float: left;
  width: 295px;
  height: 280px;
  border-right: dotted 1px #ccc;
}
#comPoleListBox ul li.last {
  margin: 0 0 50px 0;
  float: left;
  width: 280px;
  height: 280px;
  border-right: dotted 0px #ccc;
}
#comPoleListBox ul li .boxmenu {
  background: #fdf6f4;
  padding: 15px 15px;
  width: 250px;
  height: 250px;
}
#comPoleListBox ul li .box {
  background: #fff;
  padding: 15px 10px;
  width: 260px;
  height: 250px;
}
#comPoleListBox ul li h4 {
  font-size: 18px;
  text-align: center;
  line-height: 1.2em;
}
#comPoleListBox ul li h4.menu {
  margin: 0 0 30px 0;
}
#comPoleListBox ul li h5 {
  font-size: 18px;
  text-align: center;
  line-height: 1.2em;
}
#comPoleListBox ul li h5.menu {
  margin: 0 0 30px 0;
}
#comPoleListBox ul li .thumb {
  margin: 15px 0 10px 0;
  text-align: center;
}
#comPoleListBox ul li .txtArea {
  height: 80px;
}
#comPoleListBox ul li p {
  font-size: 14px;
  text-align: left;
  line-height: 1.4em;
}
#comPoleListBox ul li p.atten {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  line-height: 1.3em;
  color: #ff0000;
}
#comPoleListBox ul li .btn a {
  font-size: 14px;
  text-align: center;
  background: #ed4c59;
  width: 220px;
  border-radius: 5px; /* CSS3 */
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px;
  display: block;
  color: #fff;
  margin: 50px auto 0 auto;
  line-height: 1.4em;
  padding: 10px 0 8px 0;
  text-decoration: none;
}
#comPoleListBox ul li .btn.visited a {
  text-decoration: none;
  color: #fff;
  background: #ed4c59;
}
#comPoleListBox ul li .btn a:hover {
  text-decoration: none;
  color: #fff;
  background: #f2818a;
}
#comPoleListBox ul li .btn a:active {
  text-decoration: none;
  color: #fff;
  background: #f2818a;
}
/**************************************************************************************************

製品一覧・価格はこちらボタン

**************************************************************************************************/
.comListBtn {
  margin: 40px 0 150px 0;
  text-align: center;
}
/**************************************************************************************************

テンプレ共通：詳細

**************************************************************************************************/
.tempComDetailBox {
  margin: 0 0 30px 0;
}
.tempComDetailBoxL {
  width: 450px;
  float: left;
}
.old_part_num,
.net_sub_num{
  text-align: center;
  font-size: 12px;
}
.tempComDetailBoxR {
  width: 410px;
  float: right;
}
/***  スライダー ***/
#slider {
  margin: 10px 0 0 0;
  width: 450px;
  height: auto;
  position: relative;
}
/*boot strap対応*/
#slider ul {
  margin: 0 !important;
}
.bx-prev, .bx-next {
  position: absolute;
  width: 42px;
  height: 42px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.bx-next {
  position: absolute;
  top: 38%;
  right: 10px;
  background: url('common/img/next.png') no-repeat;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.bx-prev {
  position: absolute;
  top: 38%;
  left: 10px;
  background: url('common/img/prev.png') no-repeat;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.bx-next:hover {
  position: absolute;
  top: 38%;
  right: 10px;
  background: url('common/img/next_on.png') no-repeat;
  opacity: 1.0;
  filter: alpha(opacity=100);
}
.bx-prev:hover {
  position: absolute;
  top: 38%;
  left: 10px;
  background: url('common/img/prev_on.png') no-repeat;
  opacity: 1.0;
  filter: alpha(opacity=100);
}
.bx-pager {
  width: 450px;
  margin: 15px 0 0 0;
}
.bx-pager ul li {
  float: left;
  width: 80px;
  margin: 0 10px 0 0;
}
.bx-pager ul li.last {
  float: left;
  width: 80px;
  margin: 0;
}
.bx-pager ul li img {
  float: left;
  width: 80px;
  height: auto;
  opacity: 0.5;
  filter: alpha(opacity=90);
}
.bx-pager a.active img {
  opacity: 1;
  filter: alpha(opacity=100);
}
/*隙間を無効化してから隙間を設定する*/
.bx-pager {}
.bx-pager a {
  display: inline-block;
  width: 80px;
  height: auto;
  letter-spacing: normal;
}
html.lt-ie8 .bx-pager a {
  margin-right: 0;
}
/***  オーダーサイズ・製作価格表はこちら ***/
.comDetailBtnPrice {
  margin: 40px 0 0 0;
}
/***  一覧に戻る、サイズ入力・自動見積もりボタン ***/
.comDetailBannerBox {
  margin: 60px 155px 50px 155px;
}
.comDetailBannerBox ul li {
  float: left;
  width: 280px;
}
.comDetailBannerBox ul li:nth-child(even) {
  float: right;
}
/***  1つ　一覧に戻るボタン ***/
.comDetailSingleBannerBox {
  margin: 60px 0 50px 0;
  text-align: center;
}
/***  オーダーサイズ・製作価格表（税別） ***/
.comDrtailPriceTbl {
  border-top: solid 5px #000;
  border-bottom: solid 1px #ccc;
  margin: 0 0 30px 0;
}
.comDrtailPriceTbl h3 {
  font-size: 25px;
  padding: 22px 0 20px 15px;
  line-height: 1.4em;
  float: left;
}
.comDrtailPriceTbl .orderBtn {
  font-size: 15px;
  line-height: 1.5em;
  text-align: center;
  width: 280px;
  border: solid 3px #ff0000;
  background: #fff;
  margin: 18px 10px 0 0;
  float: right;
  border-radius: 7px; /* CSS3 */
  -moz-border-radius: 7px; /* Firefox */
  -webkit-border-radius: 7px;
  cursor: pointer;
}
.comDrtailPriceTbl .orderBtn a {
  display: block;
  padding: 7px 0 5px 0;
  text-decoration: none;
  color: #333;
}
.comDrtailPriceTbl .orderBtn .visited a {
  text-decoration: none;
  color: #333;
}
.comDrtailPriceTbl .orderBtn a:hover {
  background: #ff0000;
  text-decoration: underline;
  color: #fff;
}
.comDrtailPriceTbl .orderBtn a:active {
  background: #ff0000;
  text-decoration: underline;
  color: #fff;
}
/***  カラーバリエーション ***/
.colorVariationWrap {
  margin: 80px 0;
}
.colorVariationWrap p {
  font-size: 14px;
  line-height: 1.5em;
}
.colorVariationWrap .vpAtt {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.4em;
  color: #cc0000;
}
.colorVariationWrap .colorContents {
  margin-top: 60px;
}
.colorVariationList {
  font-size: 12px;
  line-height: 1.4em;
}
.colorVariationList span {
  display: block;
}
.colorVariationList .colorData {
  margin: 5px 10px 8px 10px;
}
.colorVariationList .colorCode {
  display: inline-block;
  margin: 3px 0 5px 0;
  padding: 0 6px;
  height: 16px;
  border: 1px solid #999;
  border-radius: 3px;
  background: #f8f8f8;
  font-size: 10px;
  line-height: 18px;
  color: #666;
}
.colorVariationList .colorName {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3em;
	word-break: break-all;
}
.colorVariationList .colorPriceInfo {
  font-size: 11px;
  line-height: 1.2em;
  color: #666;
}
.colorVariationList .colorSpec {
  margin-top: auto;
  width: 100%;
  border-top: 1px solid #ddd;
  border-collapse: collapse;
  font-size: 10px;
  line-height: 1.2em;
  color: #666;
}
.colorVariationList .colorSpec th {
  padding: 4px 5px;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-collapse: collapse;
  white-space: nowrap;
}
.colorVariationList .colorSpec td {
  padding: 4px 5px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-collapse: collapse;
  word-break: break-all;
}
.colorVariationList .colorImg {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
}
.colorVariationList .colorImg span.StLimit {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  padding: 5px 0;
  height: 15px;
  background: #cc0000;
  color: #fff;
  text-align: center;
  border-right: 2px solid #eee;
  border-bottom: 2px solid #eee;
  z-index: 1;
}
.colorVariationList .colorData span.StLimit {
  display: inline-block;
  color: red;
}
.colorVariationList .colorImg img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.colorImgModal {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 160px;
  background: rgba(255, 255, 255, 0.5);
  text-align: center;
  opacity: 0;
}
.colorImgModal:hover, .colorImgModal:active {
  opacity: 1;
}
.colorImgModal small {
  display: inline-block;
  margin: 62px auto;
  padding: 0 12px;
  height: 36px;
  border: 1px solid #000;
  border-radius: 3px;
  background: rgba(255, 255, 255, 1);
  opacity: .8;
  font-size: 12px;
  font-weight: bold;
  line-height: 36px;
  color: #000;
  box-sizing: border-box;
}
.colorImgModal small i {
  margin-right: 0.25em;
}
/***  カラーバリエーション用モーダル ***/
.colorVariationWrap-modaal .modaal-gallery-control:before, .colorVariationWrap-modaal .modaal-gallery-control:after {
  background: #000;
}
.colorVariationWrap-modaal .modaal-gallery-control:focus, .colorVariationWrap-modaal .modaal-gallery-control:hover {
  background: #000;
}
.colorVariationWrap-modaal .modaal-gallery-control:focus:before, .colorVariationWrap-modaal .modaal-gallery-control:focus:after, .colorVariationWrap-modaal .modaal-gallery-control:hover:before, .colorVariationWrap-modaal .modaal-gallery-control:hover:after {
  background: #fff;
}
.colorVariationWrap-modaal .modaal-close:before, .colorVariationWrap-modaal .modaal-close:after {
  background: #000;
}
.colorVariationWrap-modaal .modaal-close:focus, .colorVariationWrap-modaal .modaal-close:hover {
  background: #000;
}
.colorVariationWrap-modaal .modaal-close:focus:before, .colorVariationWrap-modaal .modaal-close:focus:after, .colorVariationWrap-modaal .modaal-close:hover:before, .colorVariationWrap-modaal .modaal-close:hover:after {
  background: #fff;
}
.colorVariationWrap-modaal .modaal-gallery-label {
  display: block !important;
  color: #000;
}
@media only screen and (max-width: 1140px) {
  .colorVariationWrap-modaal .modaal-gallery-control:before, .colorVariationWrap-modaal .modaal-gallery-control:after {
    background: #fff;
  }
  .colorVariationWrap-modaal .modaal-gallery-control:focus, .colorVariationWrap-modaal .modaal-gallery-control:hover {
    background: #fff;
  }
  .colorVariationWrap-modaal .modaal-gallery-control:focus:before, .colorVariationWrap-modaal .modaal-gallery-control:focus:after, .colorVariationWrap-modaal .modaal-gallery-control:hover:before, .colorVariationWrap-modaal .modaal-gallery-control:hover:after {
    background: #000;
  }
}
/***  オーダーサイズ・製作価格表（税別）180619add ***/
.comPriceTtl {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 10px;
  width: 100%;
  border-bottom: 3px solid #000;
  box-sizing: border-box;
  z-index: 1;
}
.comPriceTtl h3 {
  position: relative;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0 0 -3px 0;
  padding: 25px 30px 12px 30px;
  border-top: 3px solid #000;
  border-left: 3px solid #000;
  border-right: 3px solid #000;
  border-bottom: 0 none transparent;
  border-radius: 8px 0 0 0;
  background: #fff;
  font-size: 26px;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  z-index: 100;
}
.comPriceTtl h3 small {
  margin-left: 5px;
  font-size: 18px;
  vertical-align: middle;
}
.comPriceTtl .otherLinks {
  display: block;
  position: relative;
  margin: 0 0 -3px 0;
  padding: 25px 20px 15px;
  border-top: 1px solid #000;
  border-bottom: 3px solid #000;
  border-right: 1px solid #000;
  border-radius: 0 6px 0 0;
  background: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  color: #e70000;
  z-index: 100;
}
.comPriceTtl .otherLinks:hover, .comPriceTtl .otherLinks:active {
  color: #fff;
  background: #e70000;
  text-decoration: none;
}
.comPriceTtl .otherLinksOrder {
  padding: 25px 30px 15px;
  font-size: 15px;
}
.comPriceTtl2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 6rem;
  margin-bottom: 30px;
  border: 1px solid #333;
  border-radius: 3px;
  background: #f8f8f8;
}
.comPriceTtl2 h3 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: 0;
  font-size: 26px;
  box-sizing: border-box;
}
.comPriceTtl2 h3 small {
  margin-left: 5px;
  font-size: 18px;
  vertical-align: middle;
}
.comPriceTtl2 .comPriceTtl-baseIcn {
  font-size: 1.5em;
}
.comPriceTtl2 .comPriceTtl-putIcn {
  color: #fff;
}
.comPriceTtl2 .otherLinks {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1em;
  padding: 8px 6px 8px 12px;
  border: 1px solid #e70000;
  border-radius: 4px;
  background: #e70000;
  font-size: 13px;
  line-height: 1em;
  text-align: center;
  box-sizing: border-box;
  color: #fff;
}
.comPriceTtl2 .otherLinks:hover, .comPriceTtl2 .otherLinks:active {
  border: 1px solid #e70000;
  background: #fff;
  text-decoration: none;
  color: #e70000;
}
.comPriceTtl2-unit {
  padding-right: 1.5em;
  font-size: 12px;
  text-align: right;
}

.price_tlname {
  margin-top: 17px;
   margin-bottom: -13px;
  }

.listnote {
   font-size: 14px;
   color: red;
   margin: 0 0 0 10px;
  }

/***  カラーバリエーション用価格表***/
.colorTab {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.colorTab li {
  /*flex: 1 1 122px;*/
  width: 122px;
  padding: 7px 6px;
  border: 1px solid #707070;
  border-radius: 4px;
  font-size: .875rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  box-sizing: border-box;
}
.colorTab .active {
  border: 3px solid #133BAA;
}
.colorTab img {
	width: 32px;
	height: 32px;
	flex: 0 0 32px;
	object-fit: cover;
}
.colorVariationPrice {
	border-top: 1px solid #E6E6E6;
	padding-top: 1rem;
}
.colorPriceWrap {

}
.priceTbl.colorPriceWrap table {
  margin-top: 0;
}
.price-table-color-select {
	/*display: flex;*/
	align-items: flex-start;
	margin-bottom: 1.5rem;
  
}
.price-table-color-select__title {
	font-size: 1rem;
	font-weight: 600;
	width: 128px;  
  padding: 8px 0;
  line-height: normal;
}
/***  価格用注意喚起 180724add ***/
.priceaNotes {
  margin: 0 0 20px 0;
  padding: 16px 20px;
  border: 1px solid #ccc;
  border-top: 0 none transparent;
  font-size: 15px;
  line-height: 1.75em;
}
.priceaNotes em {
  font-style: normal;
  color: #ff0000;
}
.priceaNotesInner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.priceaNotesMain {
  margin-right: 20px;
}
.priceaNotesSub {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
/***  製作価格表を準備中 ***/
.vp-noprice-form {
  margin: 1.5rem 0;
  padding: 16px 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-align: center;
}
.vp-noprice-form p {
  margin: .5rem 0;
  font-size: 1.5rem;
  line-height: 1.75;
  text-align: center;
  font-weight: bold;
  color: #959595;
}
.vp-noprice-form p + p {
  font-size: .9rem;
  line-height: 1.75;
  font-weight: normal;
  color: #666;
}
.vp-noprice-form .vp-form-btn {
  margin: 1rem auto;
  width: 50%;
}
.vp-noprice-form .vp-form-btn a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
  border: 1px solid #e70000;
  border-radius: 4px;
  background: #e70000;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  vertical-align: middle;
  box-shadow: 2px 2px 0 0 #990000;
  box-sizing: border-box;
  color: #fff;
}
.vp-noprice-form .vp-form-btn a:hover, .vp-noprice-form .vp-form-btn a:active {
  border: 1px solid #e70000;
  background: #fff;
  text-decoration: none;
  color: #e70000;
}
.vp-noprice-form .vp-form-btn a span {
  display: block;
  text-align: left;
}
.vp-noprice-form .vp-form-btn a::before {
  content: "\f1ec";
  display: inline-block;
  margin-right: .25em;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-rendering: auto;
  font-size: 1.3rem;
  line-height: 1;
  color: #fff;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.vp-noprice-form .vp-form-btn a:hover::before, .vp-noprice-form .vp-form-btn a:active::before {
  color: #e70000;
}
/***  3つ　一覧に戻る、FAXでのお見積もり、フォームでお問い合わせ ***/
.comDetailBannerBoxBtn {
  margin: 30px 0 0 0;
}
.comDetailBannerBoxBtn ul li {
  float: left;
  width: 290px;
  margin: 0 15px 0 0;
}
.comDetailBannerBoxBtn ul li.last {
  float: left;
  width: 290px;
  margin: 0;
}
/*** 2つ　FAXでのお見積もり、フォームでお問い合わせ ***/
.comDetailBannerBoxBtn2 {
  margin: 30px 153px 0 153px;
}
.comDetailBannerBoxBtn2 ul li {
  float: left;
  width: 290px;
}
.comDetailBannerBoxBtn2 ul li:nth-child(even) {
  float: right;
  width: 290px;
  margin: 0;
}
/*** 2つ　一覧へもどる、フォームでお問い合わせ ***/
.comDetailBannerBoxBtn3 {
  margin: 50px 153px 60px 153px;
}
.comDetailBannerBoxBtn3 ul li {
  float: left;
  width: 280px;
}
.comDetailBannerBoxBtn3 ul li:nth-child(even) {
  float: right;
  width: 280px;
  margin: 0;
}
/***  一覧に戻る・FAXでのお見積・フォームお問い合わせ・価格表を見る 180615add ***/
.comUtilityBox {
  margin: 30px auto 50px auto;
  padding: 8px 4px;
  background: #e6e6e6;
  border-radius: 4px;
}
.comUtilityBox dl {
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.comUtilityBox dl dd {
  display: table-cell;
  padding: 0 4px;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
}
.comUtilityBox dl dd a {
  display: block;
  border-radius: 4px;
  padding: 12px 15px;
  font-size: 15px;
  line-height: 130%;
  box-sizing: border-box;
}
.comUtilityBox dl dd a:hover, .comUtilityBox dl dd a:active {
  text-decoration: none;
}
.comUtilityBox dl dd a span {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.comUtilityBox dl dd a i {
  display: inline-block;
  vertical-align: middle;
}
.comUtilityBox .backToList {
  width: 30%;
}
.comUtilityBox .backToList a {
  border: 1px solid #ccc;
  background: #efefef;
  color: #666;
  line-height: 255%;
}
.comUtilityBox .backToList a:hover, .comUtilityBox .backToList a:active {
  border: 1px solid #666;
  background: #e6e6e6;
  color: #333;
}
.comUtilityBox .linkToPrice a {
  border: 2px solid #e70000;
  background: #fff;
  font-size: 21px;
  font-weight: bold;
  color: #e70000;
  line-height: 175%;
}
.comUtilityBox .linkToPrice a:hover, .comUtilityBox .linkToPrice a:active {
  border: 2px solid #e70000;
  background: #e70000;
  color: #fff;
}
.comUtilityBox .linkToPrice a span + i {
  margin-left: .2em;
}
.comUtilityBox .linkToFax a {
  border: 1px solid #333;
  background: #fff;
  font-weight: bold;
  color: #333;
}
.comUtilityBox .linkToFax a:hover, .comUtilityBox .linkToFax a:active {
  border: 1px solid #e70000;
  color: #e70000;
}
.comUtilityBox .linkToFax a i {
  color: #e70000;
}
.comUtilityBox .linkToFax a span span {
  display: block;
  font-size: 11px;
  font-weight: normal;
}
.comUtilityBox .linkToForm a {
  border: 1px solid #e70000;
  background: #e70000;
  font-weight: bold;
  color: #fff;
}
.comUtilityBox .linkToForm a:hover, .comUtilityBox .linkToForm a:active {
  border: 1px solid #e70000;
  background: #fff;
  color: #e70000;
}
.comUtilityBox .linkToMeasurement a {
  border: 1px solid #333;
  background: #fff;
  font-weight: bold;
  color: #333;
}
.comUtilityBox .linkToMeasurement a:hover, .comUtilityBox .linkToMeasurement a:active {
  border: 1px solid #e70000;
  color: #e70000;
}
.comUtilityBox .linkToMeasurement a i {
  margin-right: .5rem;
  color: #99cccc;
}
.spNone {
  display: none;
}
/***  一覧に戻る・FAXでのお見積・フォームお問い合わせ・価格表を見る・採寸 180618add ***/
.comUtility {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 8px 4px;
  background: #e6e6e6;
  border-radius: 4px;
  box-sizing: border-box;
}
.comUtility a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  margin: 0 4px;
  padding: 15px;
  text-align: center;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 130%;
}
.comUtility a:hover, .comUtility a:active {
  text-decoration: none;
}
.comUtility a span {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.comUtility a i {
  vertical-align: middle;
}
.comUtility a small {
  font-size: inherit;
}
.comUtility .backToList {
  -ms-flex-preferred-size: 28%;
  flex-basis: 28%;
  border: 1px solid #ccc;
  background: #f0f0f0;
  color: #666;
}
.comUtility .backToList:hover, .comUtility .backToList:active {
  border: 1px solid #666;
  background: #e6e6e6;
  color: #333;
}
.comUtility .linkToPrice {
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 18px 15px;
  border: 2px solid #e70000;
  background: #fff;
  font-size: 21px;
  font-weight: bold;
  color: #e70000;
}
.comUtility .linkToPrice:hover, .comUtility .linkToPrice:active {
  border: 2px solid #e70000;
  background: #e70000;
  color: #fff;
}
.comUtility .linkToPrice span + i {
  margin-left: .2em;
}
.comUtility .linkToFax {
  -ms-flex-positive: 1;
  flex-grow: 1;
  border: 1px solid #333;
  background: #fff;
  font-weight: bold;
  color: #333;
}
.comUtility .linkToFax span span, .comUtility .linkToForm span span {
  display: block;
  margin-top: .2em;
  font-size: 11px;
  line-height: 1.2;
  font-weight: normal;
}
.comUtility .linkToFax:hover, .comUtility .linkToFax:active {
  border: 1px solid #e70000;
  color: #e70000;
}
.comUtility .linkToFax i {
  color: #e70000;
}
.comUtility .linkToForm {
  -ms-flex-positive: 1;
  flex-grow: 1;
  border: 1px solid #e70000;
  background: #e70000;
  font-weight: bold;
  color: #fff;
}
.comUtility .linkToForm:hover, .comUtility .linkToForm:active {
  border: 1px solid #e70000;
  background: #fff;
  color: #e70000;
}
.comUtility .linkToSample {
  -ms-flex-positive: 1;
  flex-grow: 1;
  border: 1px solid #333;
  background: #fff;
  font-weight: bold;
  color: #333;
}
.comUtility .linkToSample br {
  display: none;
}
.comUtility .linkToSample span span {
  display: block;
  margin-top: .2em;
  font-size: 11px;
  line-height: 1.2;
  font-weight: normal;
}
.comUtility .linkToSample:hover, .comUtility .linkToSample:active {
  border: 1px solid #e70000;
  color: #e70000;
}
.comUtility .linkToSample i {
  color: #e70000;
}
.comUtility .linkToMeasurement {
  -ms-flex-positive: 1;
  flex-grow: 1;
  border: 1px solid #333;
  background: #fff;
  font-weight: bold;
  color: #333;
}
.comUtility .linkToMeasurement:hover, .comUtility .linkToMeasurement:active {
  border: 1px solid #e70000;
  color: #e70000;
}
.comUtility .linkToMeasurement i {
  color: #99cccc;
}
.comUtility .linkToMeasurement:hover i, .comUtility .linkToMeasurement:active i {
  color: #e70000;
}
.comUtilityBase {
  margin: 30px auto 50px auto;
}
.spNone {
  display: none;
}

/*** カーテンページリンク ***/
.curtainiBox .curtain_b{
  background: #f0f0f0;
  border-radius: 4px;
  padding: 6px 3px;
  margin-top: 28px;
}
.curtainiBox .curtain_b .btn {
  color: #e60012;
}
.curtainiBox .curtain_b .btn a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 10px 16px 12px;
  border: solid 1px #e60012;
  border-radius: 4px;
  background: #fff;
  font-size: 18px;
  line-height: 1.1em;
  font-weight: bold;
  color: #e60012;
  text-decoration: none;
  justify-content: center;
}
.curtainiBox .curtain_b .btn a:visited {
  text-decoration: none;
  color: #e60012;
  background: #fff;
}
.curtainiBox .curtain_b .btn a:hover {
  text-decoration: none;
  color: #fff;
  background: #e60012;
}

.curtainiBox .curtain_b .btn a::after {
  font-family: "Font Awesome 5 Free";
  content: '\f054';
  margin-left: 10px;
  padding-left: .25em;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

/*** 関連情報リンク ***/
.comRelationBase {
  margin-top: 50px;
  padding: 8px 4px;
  background: #f0f0f0;
  border-radius: 4px;
}
.comRelationList {
  display: -ms-flexbox;
  display: flex;
}
.comRelationList li {
  margin: 0 4px;
  width: 100%;
  box-sizing: border-box;
}
.comRelationList li a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 15px;
  border: solid 1px #ccc;
  background: #fff;
  border-radius: 4px;
  font-size: 16px;
  line-height: 1.1em;
  font-weight: bold;
  color: #1f74e1;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
}
.comRelationList li a span {
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: block;
  color: #333;
}
.comRelationList li a span small {
  display: block;
  font-size: 12px;
  font-weight: normal;
}
.comRelationList li a:hover, .comRelationList li a:active {
  border: solid 1px #1f74e1;
  background: #1f74e1;
  text-decoration: none;
  color: #fff;
}
.comRelationList li a:hover span, .comRelationList li a:active span {
  color: inherit;
}
.comRelationList li a i:first-child {
  padding-right: 5px;
  font-size: 28px;
}
.comRelationTent {
  margin-top: 30px;
}
.comRelationListTent li a {
  color: #aa1740;
}
.comRelationListTent li a:hover, .comRelationListTent li a:active {
  border: solid 1px #aa1740;
  background: #aa1740;
}
.comRelationList.comRelationList-vinyl li a {
  color: #e60012;
}
.comRelationList.comRelationList-vinyl li a:hover, .comRelationList.comRelationList-vinyl li a:active {
  border: 1px solid #999;
  background: #fff;
  color: #e60012;
}
.comRelationList.comRelationList-tent li a {
  color: #e60012;
}
.comRelationList.comRelationList-tent li a:hover, .comRelationList.comRelationList-tent li a:active {
  border: 1px solid #999;
  background: #fff;
  color: #e60012;
}
.comRelationList.comRelationList4 li a {
  padding: 15px 10px;
  font-size: 14px;
}
.comRelationList.comRelationList4 li a span {
  line-height: 1.3;
}
.comRelationList.comRelationList4 li a i:first-child {
  padding-right: 2px;
}
.comRelationList.comRelationList4 li a span small {
  font-size: 11px;
  line-height: 1.4em;
}
.comRelationBase.comRelationBaseTop {
  padding: 6px 3px;
  margin: 20px 0 0 0;
}
.comRelationBaseTop .comRelationList li {
  margin: 0 3px;
}
.comRelationBaseTop .comRelationList li a {
  padding: 10px;
  font-size: 14px;
}
/*** 詳細ページ-PDFリンク ***/
.vp-items-pdf {
  margin: 20px 0 -10px 0;
}
.kiriuriBox .vp-items-pdf {
  margin: 10px 0;
}
.vp-items-pdf a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  border: solid 1px #ccc;
  background: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.1em;
  font-weight: bold;
  color: #e60012;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
}
.vp-items-pdf a span {
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: block;
  color: #333;
}
.vp-items-pdf a span small {
  display: block;
  font-size: 12px;
  font-weight: normal;
}
.vp-items-pdf a:hover, .vp-items-pdf a:active {
  border: solid 1px #e60012;
  text-decoration: none;
  color: #e60012;
}
.vp-items-pdf a:hover span, .vp-items-pdf a:active span {
  color: inherit;
}
.vp-items-pdf a i:first-child {
  padding-right: 5px;
  font-size: 28px;
}
/***  製品カタログを見る ***/
.cat-link-btn a {
  display: inline-block;
  margin-left: 10px;
}
/***  タブ中のテーブル ***/
#tabCon01 table {}
#tabCon01 td {
  line-height: 1.4em;
  padding: 10px 15px;
  vertical-align: middle;
  font-size: 14px;
  color: #333;
  border: solid 1px #ccc;
}
#tabCon01 th {
  line-height: 1.4em;
  width: 120px;
  font-size: 15px;
  text-align: center;
  vertical-align: middle;
  padding: 10px 0;
  background: #e6e6e6;
  font-weight: bold;
  border: solid 1px #ccc;
}
#tabCon02 table {
  width: 860px;
}
#tabCon02 td {
  line-height: 1.4em;
  padding: 10px 15px;
  vertical-align: middle;
  font-size: 0.85rem;
  color: #333;
  border: solid 1px #ccc;
}
#tabCon02 th {
  line-height: 1.4em;
  width: 135px;
  font-size: 0.85rem;
  text-align: center;
  vertical-align: middle;
  padding: 10px 0;
  background: #e6e6e6;
  font-weight: bold;
  border: solid 1px #ccc;
}
#tabCon02 td .tainetsu {
  background: #ff0000;
  color: #fff;
  font-size: 22px;
  text-align: center;
  padding: 2px 40px 1px 40px;
  font-weight: bold;
  line-height: 1.3em;
  border-radius: 5px; /* CSS3 */
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px;
}
#tabCon02 td ul li {
  float: left;
  margin: 0 7px 0 0;
  width: 40px;
}
#tabCon02 td.net ul li {
  float: left;
  margin: 0 10px 0 0;
  width: 60px;
}
/***  タブ中の一覧表示 ***/
.tempDetListBox {
  margin: 0;
}
.tempDetListBox ul {
  font-size: 0;
}
.tempDetListBox ul li.ban {
  display: inline-block;
  margin: 0 20px 30px 0;
  font-size: 15px;
  font-weight: normal;
  width: 200px;
  vertical-align: top;
  letter-spacing: normal;
}
.tempDetListBox ul li {
  display: inline-block;
  margin: 0 20px 30px 0;
  font-size: 15px;
  font-weight: normal;
  width: 200px;
  vertical-align: top;
  letter-spacing: normal;
}
.tempDetListBox ul li img {
  vertical-align: top;
  width: 200px;
  height: 200px;
  margin: 0 0 7px 0;
}
.tempDetListBox ul li.ban img {
  width: 200px;
  height: 200px;
  margin: 0 0 7px 0;
}
.tempDetListBox h4 {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.3em;
  margin: 0;
}
/***  タブない場合のテーブル ***/
.detComTblBox {
  margin: 0 0 0 0;
  border: solid 2px #ccc;
  padding: 16px;
}
.detailTblJidouBtn {
  text-align: right;
  margin: 50px 0 10px 0;
}
.detComTblBox table {
  border: solid 1px #ccc;
  padding: 20px;
}
.detComTblBox td {
  line-height: 1.4em;
  padding: 10px 15px;
  vertical-align: middle;
  font-size: 14px;
  color: #333;
  border: solid 1px #ccc;
}
.detComTblBox th {
  line-height: 1.4em;
  width: 120px;
  font-size: 15px;
  text-align: center;
  vertical-align: middle;
  padding: 10px 0;
  background: #e6e6e6;
  font-weight: bold;
  border: solid 1px #ccc;
}
.detComTblBox td .tainetsu {
  background: #ff0000;
  color: #fff;
  font-size: 22px;
  text-align: center;
  padding: 2px 40px 1px 40px;
  font-weight: bold;
  line-height: 1.3em;
  border-radius: 5px; /* CSS3 */
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px;
}
.tempComDetailBox {}
.tempComDetailBoxL .numTtlBox {
  margin: 0 0 0 0;
  background: #f0f0f0;
  font-size: 18px;
  text-align: center;
  padding: 7px 0 5px 0;
  line-height: 1.3em;
}
.tempComDetailBoxL .numTtlBox span {
  color: #ff0000;
  font-weight: bold;
  margin: 0 0 0 20px;
}
/***  機能・スペック ***/
.tempComDetailBox .specBox {
  margin: 0 0 20px 0;
}
.tempComDetailBox .specBox .ttlSpec {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  background: #e50112;
  color: #fff;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.2em;
  padding: 6px 6px 5px 10px;
}
.tempComDetailBox .specBox .ttlSpecL {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.tempComDetailBox .specBox .ttlSpecL img {
  margin-right: 5px;
}
.tempComDetailBox .specBox .ttlSpecR .btn a, .tempComDetailBox .specBox .ttlSpecR .btn a:visited {
  padding: 3px 5px;
  border-radius: 3px;
  background: #fff;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: normal;
  text-decoration: none;
  color: #e60012;
}
.tempComDetailBox .specBox .ttlSpecR .btn a:hover, .tempComDetailBox .specBox .ttlSpecR .btn a:active {
  text-decoration: underline;
}
.tempComDetailBox .specBox .ttlSpecR .btn a::before {
  font-family: "Font Awesome 5 Free";
  content: '\f05a';
  padding-right: .15em;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.tempComDetailBox .specBox .ttlSpecR .btn a:hover::before, .tempComDetailBox .specBox .ttlSpecR .btn a:active::before {
  text-decoration: none;
}
.tempComDetailBox .specBox table {
  width: 410px;
  border-collapse: collapse;
}
.tempComDetailBox .specBox td {
  font-size: 15px;
  line-height: 1.6em;
  padding: 7px 10px;
  vertical-align: middle;
  border: solid 1px #ccc;
  color: #333;
}
.tempComDetailBox .specBox th {
  font-size: 15px;
  line-height: 1.5em;
  vertical-align: middle;
  padding: 7px 10px;
  font-weight: bold;
  width: 80px;
  text-align: center;
  border: solid 1px #ccc;
  background: #e6e6e6;
}
.tempComDetailBox .specBox th.bgRed {
  font-size: 15px;
  line-height: 1.5em;
  vertical-align: middle;
  padding: 7px 10px;
  font-weight: bold;
  color: #fff;
  width: 80px;
  text-align: center;
  border: solid 1px #ccc;
  background: #ff0000;
}
.tempComDetailBox .specBox td ul li {
  float: left;
  margin: 0 7px 0 0;
  width: 40px;
}
.tempComDetailBox .specBox td ul li:nth-child(n+9) {
  margin-top: 7px;
}
.tempComDetailBox .specBox td ul li img {
  display: block;
}
.tempComDetailBox .specBox td .habaBox {
  display: inline-block;
  margin: 0 7px 0 0;
  font-size: 15px;
  text-align: center;
  padding: 5px 15px 3px 15px;
  vertical-align: top;
  font-weight: bold;
  background: #fef8de;
  border-radius: 5px; /* CSS3 */
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px;
}
/***  カラー表示 ***/
.tempComDetailBox .specColor {
  margin: 0 0 20px 0;
}
.tempComDetailBox .specColor .ttlColor {
  padding: 6px 0 5px 10px;
  background: #076447;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5em;
  color: #fff;
}
.tempComDetailBox .colorBox {
  border: 1px solid #ccc;
  border-top: 0 none transparent;
  padding: 12px;
  margin: 0 0 25px 0;
}
.tempComDetailBox .colorList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.tempComDetailBox .colorList dt {
  margin-right: 15px;
  font-size: 15px;
  font-weight: bold;
}
.tempComDetailBox .colorList dd {
  margin-right: 5px;
}
.tempComDetailBox .colorList dd:last-child {
  margin-right: 0;
}
.tempComDetailBox .colorList dd span {
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
  text-indent: 5em;
}
.tempComDetailBox .colorList .color_grn {
  border: 1px solid darkgreen;
  background: darkgreen;
}
.tempComDetailBox .colorList .color_mos {
  border: 1px solid darkslategray;
  background: darkslategray;
}
.tempComDetailBox .colorList .color_gry {
  border: 1px solid gray;
  background: gray;
}
.tempComDetailBox .colorList .color_blk {
  border: 1px solid black;
  background: black;
}
.tempComDetailBox .colorList .color_wht {
  border: 1px solid #ddd;
  background: white;
}
.tempComDetailBox .colorList .color_cle {
  border: 1px dotted #ddd;
  background: none;
}
.tempComDetailBox .colorList .color_sil {
  border: 1px solid silver;
  background: silver;
}
.tempComDetailBox .colorList .color_brn {
  border: 1px solid saddlebrown;
  background: saddlebrown;
}
.tempComDetailBox .colorList .color_yel {
  border: 1px solid yellow;
  background: yellow;
}
.tempComDetailBox .colorList .color_orn {
  border: 1px solid orange;
  background: orange;
}
.tempComDetailBox .colorList .color_blu {
  border: 1px solid royalblue;
  background: royalblue;
}
/***  net切売り・原反カラー表示 ***/
.netlist_colorBox {
  padding: 0 6px;
}
.netlist_colorList {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
}
.netlist_colorList dt {
  margin-right: 15px;
  font-size: 15px;
}
.netlist_colorList dd {
  margin-right: 5px;
}
.netlist_colorList dd:last-child {
  margin-right: 0;
}
.netlist_colorList dd span {
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
  text-indent: 5em;
}
.netlist_colorList .color_grn {
  border: 1px solid darkgreen;
  background: darkgreen;
}
.netlist_colorList .color_mos {
  border: 1px solid darkslategray;
  background: darkslategray;
}
.netlist_colorList .color_gry {
  border: 1px solid gray;
  background: gray;
}
.netlist_colorList .color_blk {
  border: 1px solid black;
  background: black;
}
.netlist_colorList .color_wht {
  border: 1px solid #ddd;
  background: white;
}
.netlist_colorList .color_cle {
  border: 1px dotted #ddd;
  background: none;
}
.netlist_colorList .color_sil {
  border: 1px solid silver;
  background: silver;
}
.netlist_colorList .color_brn {
  border: 1px solid saddlebrown;
  background: saddlebrown;
}
.netlist_colorList .color_yel {
  border: 1px solid yellow;
  background: yellow;
}
.netlist_colorList .color_orn {
  border: 1px solid orange;
  background: orange;
}
.netlist_colorList .color_blu {
  border: 1px solid royalblue;
  background: royalblue;
}
/***  評価指数 ***/
.tempComDetailBox .shisuBox {
  margin: 0;
}
.tempComDetailBox .shisuBox .ttlShisu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background: #6dbc1a;
  color: #fff;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.2em;
  padding: 6px 6px 5px 10px;
}
.tempComDetailBox .shisuBox .ttlShisu img {
  margin-right: 5px;
}
.tempComDetailBox .shisuBox table {
  width: 410px;
  border-collapse: collapse;
}
.tempComDetailBox .shisuBox td {
  font-size: 15px;
  line-height: 1.6em;
  padding: 7px 0 7px 30px;
  vertical-align: middle;
  border: solid 1px #ccc;
  color: #333;
}
.tempComDetailBox .shisuBox th {
  font-size: 15px;
  line-height: 1.5em;
  vertical-align: middle;
  padding: 7px 10px;
  font-weight: bold;
  width: 120px;
  text-align: center;
  border: solid 1px #ccc;
  background: #e6e6e6;
}
.tempComDetailBox .shisuBox td img {
  margin: 0 15px 0 0;
}
/***  ご利用用途 ***/
.tempComDetailBox .ttlYouto {
  background: #6dbc1a;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5em;
  padding: 6px 0 5px 10px;
}
.tempComDetailBox .youtoBox {
  margin: 0 0 12px 0;
  border: solid 1px #ccc;
  padding: 12px;
  margin: 0 0 25px 0;
}
.tempComDetailBox .ttlYouto img {
  margin: 0 5px 0 0;
}
.tempComDetailBox .youtoBox ul li {
  float: left;
  margin: 0 10px 10px 0;
  width: 60px;
}
.tempComDetailBox .ttlYouto td img {
  margin: 0 15px 0 0;
}
/***  ご利用頂ける素材 ***/
.tempComDetailBox .ttlSozai {
  background: #e50112;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5em;
  padding: 6px 0 5px 10px;
}
.tempComDetailBox .sozaiBox {
  margin: 0 0 12px 0;
  border: solid 1px #ccc;
  padding: 12px;
  margin: 0 0 25px 0;
}
.tempComDetailBox .ttlSozai img {
  margin: 0 5px 0 0;
}
.tempComDetailBox .sozaiBox ul li {
  float: left;
  margin: 0 10px 0 0;
  width: 60px;
}
.tempComDetailBox .ttlSozai td img {
  margin: 0 15px 0 0;
}
/***  シミュレータリンク ***/
.simulatorBox {
  margin-top: 40px;
  display: flex;
  justify-content: space-around;
}
.linkToSimulator, .linkToSimulator:link, .linkToSimulator:visited {
  display: inline-flex;
  justify-content: center;
  flex-grow: 1;
  padding: 15px;
  border: 1px solid #e70000;
  border-radius: 4px;
  background: #e70000;
  font-size: 18px;
  font-weight: bold;
  line-height: 130%;
  text-align: center;
  vertical-align: middle;
  box-shadow: 2px 2px 0 0 #990000;
  box-sizing: border-box;
  color: #fff;
}
.linkToSimulator:hover, .linkToSimulator:active {
  border: 1px solid #e70000;
  background: #fff;
  text-decoration: none;
  color: #e70000;
}
.linkToSimulator span {
  display: block;
  text-align: left;
}
.linkToSimulator .linkToSimulatorSubtxt {
  font-size: 12px;
  font-weight: normal;
  line-height: 13px;
}
.simulatorBox.col2 .linkToSimulator {
  margin: 0 1em 1em 1em;
}
/***  縦にボタン ***/
.tempComDetailBox .tateBanBox ul li {
  margin: 0 0 15px 0;
}
/***  バナー2つ ***/
.tempComDetailBox .banBox {
  margin: 20px 0 0 0;
}
.tempComDetailBox .banBox ul li {
  float: left;
}
.tempComDetailBox .banBox ul li:nth-child(even) {
  float: right;
}
/***  担当者コメント ***/
.commentArea {
  margin: 0 0 0 0;
}
.commentArea .ttlComment {
  font-size: 17px;
  font-weight: bold;
  line-height: 1.8em;
}
.commentArea .ttlComment img {
  margin: 0 10px 0 0;
}
.commentBox {
  margin: 7px 0 0 0;
  border-radius: 5px; /* CSS3 */
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px;
  background: #f9f4ee;
  padding: 15px;
}
.commentBox p {
  line-height: 1.4em;
}
/***  参考情報 ***/
.sankouArea {
  margin: 40px 0;
}
.sankouArea .ttlSankou {
  font-size: 17px;
  font-weight: bold;
  line-height: 1.8em;
  margin: 0 0 5px 0;
}
.sankouArea .ttlSankou img {
  margin: 0;
}
/**************************************************************************************************

のれん詳細

**************************************************************************************************/
.norenDetailBox1 {
  margin: 0 0 20px 0;
}
.norenDetailBox1L {
  float: left;
  width: 350px;
}
.norenDetailBox1L img {
  width: 350px;
  height: auto;
}
.norenDetailBox1R {
  float: right;
  width: 530px;
}
.norenDetailBox2 {
  margin: 0 0 20px 0;
}
.norenDetailBox2L {
  float: left;
  width: 250px;
  margin: 80px 0 0 0;
}
.norenDetailBox2L img {
  width: 250px;
  height: auto;
}
.norenDetailBox2R {
  float: right;
  width: 630px;
}
.norenDetailBox3 {
  margin: 80px 0 20px 0;
}
.norenDetailBanBox {
  margin: 40px 0 40px 77px;
}
.norenDetailBanBox ul li {
  width: 242px;
  margin: 0 10px 0 0;
  float: left;
}
.norenDetailBanBox ul li.last {
  width: 242px;
  margin: 0;
  float: left;
}
/**************************************************************************************************

詳細ページ/生地データ

**************************************************************************************************/
.detail-sheets-spec {
  margin-top: 4rem;
}
.detail-sheets-spec h3 {
  margin: 4rem 0 1.5rem 0;
  padding: .6rem 10px .6rem 15px;
  border-left: solid 5px #e60012;
  border-radius: 0 3px 3px 0;
  background: #f0f0f0;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.4em;
  color: #333;
}
.detail-sheets-spec table {
  width: 900px;
  border-collapse: collapse;
}
.detail-sheets-spec td {
  font-size: 15px;
  line-height: 1.6em;
  padding: 7px 10px;
  vertical-align: middle;
  border: solid 1px #ccc;
  color: #333;
}
.detail-sheets-spec th {
  font-size: 15px;
  line-height: 1.5em;
  vertical-align: middle;
  padding: 7px 10px;
  font-weight: bold;
  width: 120px;
  text-align: center;
  border: solid 1px #ccc;
  background: #e6e6e6;
}
.detail-list-pdf, #tabCon02 td ul.detail-list-pdf {
  margin: .5em 0;
  font-size: .85rem;
  line-height: 1.4;
}
.detail-list-pdf li, #tabCon02 td ul.detail-list-pdf li {
  float: inherit;
  margin: .5em 0;
  width: auto;
}
.detail-list-pdf li::before {
  font-family: "Font Awesome 5 Free";
  content: '\f1c1';
  margin-right: .3em;
  padding-left: .25em;
  font-weight: 900;
  font-size: 1rem;
  line-height: 1;
  text-align: center;
  color: #e60012;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.detail-list-pdf li a::after {
  font-family: "Font Awesome 5 Free";
  content: '\f2d2';
  margin-right: .3em;
  padding-left: .25em;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
/**************************************************************************************************

アコーディオン詳細

**************************************************************************************************/
.accordionDetailBox {
  margin: 0;
}
.accordionDetailBoxL {
  float: left;
  width: 150px;
}
.accordionDetailBoxL img {
  width: 150px;
  height: auto;
}
.accordionDetailBoxR {
  float: right;
  width: 730px;
}
/**************************************************************************************************

オプション詳細

**************************************************************************************************/
.optionDetailBox {}
.optionDetailBox table {
  width: 900px;
  border-collapse: collapse;
  margin: 0 0 5px 0;
}
.optionDetailBox td {
  font-size: 15px;
  line-height: 1.6em;
  padding: 5px 7px;
  vertical-align: middle;
  border: solid 1px #ccc;
  color: #333;
}
.optionDetailBox th {
  font-size: 15px;
  line-height: 1.5em;
  vertical-align: middle;
  padding: 5px 0;
  font-weight: bold;
  text-align: center;
  border: solid 1px #ccc;
  background: #fff1cc;
}
.optionDetailBox th.col1 {
  width: 10%;
}
.optionDetailBox td.col2 {
  width: 34%;
}
.optionDetailBox th.col3 {
  width: 10%;
}
.optionDetailBox td.col4 {
  width: 10%;
}
.optionDetailBox th.col5 {
  width: 16%;
}
.optionDetailBox td.col6 {
  font-size: 20px;
  color: #ff0000;
  font-weight: bold;
  text-align: center;
  width: 20%;
}
.optionDetailBox td.fontRed {
  font-size: 20px;
  font-weight: bold;
  color: #ff0000;
  text-align: center;
}
/**************************************************************************************************

テンプレD詳細：レール

**************************************************************************************************/
.tempDDetailBox {
  margin: 0 0 50px 0;
}
.tempDDetailBox table {
  width: 900px;
  border-collapse: collapse;
  margin: 0 0 15px 0;
}
.tempDDetailBox td {
  font-size: 15px;
  line-height: 1.6em;
  padding: 5px 7px;
  vertical-align: middle;
  border: solid 1px #ccc;
  color: #333;
}
.tempDDetailBox th {
  font-size: 15px;
  line-height: 1.5em;
  vertical-align: middle;
  padding: 5px 0;
  font-weight: bold;
  text-align: center;
  border: solid 1px #ccc;
  background: #fff1cc;
}
.tempDDetailBox th.col1 {
  width: 10%;
  background: #fff1cc;
}
.tempDDetailBox th.col2 {
  width: 10%;
  background: #e2f7e9;
}
.tempDDetailBox td.col3 {
  width: 35%;
}
.tempDDetailBox td.col4 {
  width: 20%;
}
.tempDDetailBox td.col5 {
  font-size: 20px;
  color: #ff0000;
  font-weight: bold;
  text-align: center;
  width: 15%;
}
.optionDetailBox td.fontRed {
  font-size: 20px;
  font-weight: bold;
  color: #ff0000;
  text-align: center;
}
/**************************************************************************************************
レール・ポール・部材等共通
**************************************************************************************************/
.detail-tbl-wrap {
  margin-top: 80px;
}
.detail-variation-tbl {
  margin: 25px 0;
  width: 100%;
  border: 2px solid #ccc;
  border-collapse: collapse;
}
.detail-variation-tbl th {
  background: #efefef;
  font-size: .8rem;
  line-height: 1.5em;
  vertical-align: middle;
  padding: 5px 0;
  font-weight: bold;
  text-align: center;
  border: 1px solid #ddd;
}
.detail-variation-tbl tr:nth-child(n+2) th {
  padding: 5px 8px;
  background: transparent;
  font-size: 14px;
  text-align: left;
}
.detail-variation-tbl td {
  text-align: center;
  font-size: 14px;
  line-height: 1.6em;
  padding: 5px 7px;
  vertical-align: middle;
  border: 1px solid #ddd;
  color: #333;
}
.detail-variation-tbl tr:hover:nth-child(n+2) th, .detail-variation-tbl tr:hover td {
  background: #eef8ff;
}
.detail-variation-tbl td.detail-variation-price {
  padding: 5px 8px;
  font-size: 18px;
  font-weight: bold;
  text-align: right;
  color: #e60012;
}
.detail-variation-tbl td.detail-variation-material {
  text-align: left;
}
.detail-variation-tbl td.detail-variation-num, .detail-variation-tbl td.detail-variation-num-notfixed, .detail-variation-tbl td.detail-variation-material, .detail-variation-tbl td.detail-variation-value {
  font-size: .8rem;
}
.detail-variation-tbl td.detail-variation-num, .detail-variation-tbl td.detail-variation-value, .detail-variation-tbl td.detail-variation-price {
  white-space: nowrap;
}
.detail-guide-comment {
  margin-top: 2rem;
  padding: 0 20px 20px 20px;
  border: 1px solid #888;
  border-radius: 2px;
  box-sizing: border-box;
}
.detail-guide-comment-ttl {
  margin: 0 -20px 15px -20px;
  padding: 12px 20px;
  border-radius: 1px 1px 0 0;
  background: #888;
  font-size: 14px;
  color: #fff;
}
.detail-guide-comment p {
  font-size: .95rem;
  line-height: 1.5;
}
/**************************************************************************************************
廃盤案内
**************************************************************************************************/
.discontinued-item {
  margin: 20px 0;
  padding: 10px 15px;
  border: 1px solid #cc0000;
  border-radius: 4px;
  background: #fff4f4;
}
.discontinued-item p {
  font-size: 0.87rem;
  color: #cc0000;
}
.discontinued-item .discontinued-item-ttl {
  font-size: 1.25rem;
  font-weight: bold;
}
.discontinued-item a {
  display: inline-block;
}
.discontinued-item a:before {
  content: "\f105";
  padding-right: 0.25em;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-align: center;
}
/**************************************************************************************************
完売案内（SALE品）
**************************************************************************************************/
.soldout-item {
  margin: 20px 0;
  padding: 10px 15px;
  border: 1px solid #ff0000;
  border-radius: 4px;
  background: #fff4f4;
}
.soldout-item p {
  font-size: 0.87rem;
  color: #ff0000;
}
.soldout-item .soldout-item-ttl {
  font-size: 1.25rem;
  font-weight: bold;
}
.soldout-item a {
  display: inline-block;
}
.soldout-item a:before {
  content: "\f105";
  padding-right: 0.25em;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-align: center;
}
/**************************************************************************************************

移動・伸縮式ビニールブース

**************************************************************************************************/
.idouBoothBox {
  width: 900px;
  margin: 0 0 15px 0;
}
.idouBoothBoxDot {
  width: 900px;
  padding: 0 0 30px 0;
  margin: 0 0 30px 0;
  border-bottom: dotted 1px #ccc;
}
.idouBoothBoxL {
  float: left;
  width: 250px;
}
.idouBoothBoxR {
  float: right;
  width: 630px;
}
.idouBoothBoxR table {
  width: 630px;
  border-collapse: collapse;
  margin: 0;
}
.idouBoothBoxR td {
  font-size: 15px;
  width: 313px;
  line-height: 1.6em;
  padding: 8px 0;
  vertical-align: middle;
  text-align: center;
  border: solid 1px #ccc;
  color: #333;
}
.idouBoothBoxR th {
  font-size: 14px;
  width: 313px;
  line-height: 1.5em;
  vertical-align: middle;
  padding: 8px 0;
  color: #ff0000;
  font-weight: bold;
  text-align: center;
  border: solid 1px #ccc;
  background: #f0f0f0;
}
.idouBoothBoxR td span {
  font-size: 18px;
  font-weight: bold;
  color: #ff0000;
}
.idouBoothAttenBox {
  border: solid 3px #e6e6e6;
  background: #fff;
  padding: 20px;
}
.idouOptBox table {
  width: 854px;
  border-collapse: collapse;
  margin: 0;
}
.idouOptBox td {
  font-size: 15px;
  line-height: 1.6em;
  padding: 8px 0;
  vertical-align: middle;
  text-align: center;
  border: solid 1px #ccc;
  color: #333;
}
.idouOptBox th {
  font-size: 14px;
  line-height: 1.5em;
  vertical-align: middle;
  padding: 8px 0;
  color: #333;
  font-weight: bold;
  text-align: center;
  border: solid 1px #ccc;
  background: #f0f0f0;
}
.idouOptBox th.col1 {
  width: 200px;
}
.idouOptBox th span {
  color: #ff0000;
  font-size: 14px;
}
.idouOptBox td span {
  font-size: 18px;
  font-weight: bold;
  color: #ff0000;
}
/**************************************************************************************************

移動・伸縮式ビニールブース：本体価格の共通テーブル

**************************************************************************************************/
.idouBoothBtnArea {
  border-top: dotted 1px #ccc;
  border-bottom: dotted 1px #ccc;
  padding: 20px 0 20px 9px;
  width: 848px;
  margin: 30px 0;
}
.idouBoothBtnArea ul li {
  float: left;
  margin: 0 10px 0 0;
}
.idouBoothBtnArea ul li.last {
  float: left;
  margin: 0;
}
.idouBoothBtnArea2 {
  border-top: dotted 1px #ccc;
  border-bottom: dotted 1px #ccc;
  padding: 20px 0 20px 140px;
  margin: 30px 0;
}
.idouBoothBtnArea2 ul li {
  float: left;
  margin: 0 10px 0 0;
}
.idouBoothBtnArea2 ul li.last {
  float: left;
  margin: 0;
}
.ttlHontaiPrice {
  border-left: solid 3px #e40112;
  border-bottom: solid 1px #ccc;
  padding: 5px 0 5px 16px;
  margin: 30px 0 0 0;
  width: 848px;
}
.ttlHontaiPrice h3 {
  line-height: 1.3em;
  font-size: 26px;
  color: #333;
  font-weight: bold;
  float: left;
  width: 200px;
}
.ttlHontaiPrice .cap {
  float: left;
  line-height: 1.3em;
  font-size: 14px;
  color: #333;
  font-weight: normal;
}
.idouHontaiBox {
  border-top: solid 3px #e50112;
  width: 864px;
}
.idouHontaiBox table {
  width: 864px;
  border-collapse: collapse;
  margin: 10px 0 0 0;
}
.idouHontaiBox td {
  font-size: 15px;
  line-height: 1.6em;
  padding: 8px 0;
  vertical-align: middle;
  text-align: center;
  border: solid 1px #ccc;
  color: #333;
}
.idouHontaiBox th {
  font-size: 14px;
  line-height: 1.5em;
  vertical-align: middle;
  padding: 8px 0;
  color: #333;
  font-weight: bold;
  text-align: center;
  border: solid 1px #ccc;
  background: #f0f0f0;
}
.idouHontaiBox td span {
  font-size: 20px;
  font-weight: bold;
}
.idouHontaiBox td span.price {
  font-size: 18px;
  font-weight: bold;
  color: #ff0000;
}
.idouHontaiBox th span {
  color: #ff0000;
}
/***  オプション(カスタム)枠 190926add ***/
.add-module {
  position: relative;
  margin-top: 100px;
  margin-bottom: 30px;
  border: 5px solid #e6e6e6;
  border-radius: 3px;
  box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.3);
}
.add-module-tit {
  position: absolute;
  top: -54px;
  left: 0;
  display: inline-block;
  margin: 0;
  margin-left: 1em;
  padding: 0 1em;
  border-radius: 8px 8px 0 0;
  background: #e6e6e6;
  font-size: 18px;
  line-height: 50px;
  box-shadow: 2px 0 0px 0px rgba(0, 0, 0, 0.3);
  white-space: nowrap;
  color: #000;
}
.add-module-tit i {
  margin-right: 0.15em;
  font-size: 24px;
  vertical-align: -2px;
}
.add-module ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -1px;
}
.add-module ul li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  width: 33%;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  box-sizing: border-box;
}
.add-module ul li:nth-child(3n) {
  border-right: 0 none;
  width: 34%;
}
.add-module img {
  display: block;
  width: 90px;
  border-radius: 2px;
}
.add-module h4 {
  margin-bottom: 0.25em;
  margin-left: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
}
.add-module h4 a {
  color: #447ff6;
}
.add-module p {
  margin-left: 10px;
  font-size: 12px;
  line-height: 1.4;
  color: #666;
}
.add-module .option-thumb {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  width: 90px;
  overflow: hidden;
}
.add-module .colorImgModal small {
  margin: 30px auto;
}
.add-module-links, .add-module-links:link, .add-module-links:visited {
  position: absolute;
  top: -46px;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1em;
  padding: 8px 6px 8px 12px;
  border: 1px solid #447ff6;
  border-radius: 4px;
  background: #447ff6;
  font-size: 13px;
  line-height: 1em;
  text-align: center;
  box-sizing: border-box;
  color: #fff;
}
.add-module-links:hover, .add-module-links:active {
  border: 1px solid #447ff6;
  background: #fff;
  text-decoration: none;
  color: #447ff6;
}
/***  こんな商品もあります 180724add ***/
.RelatedItems {
  margin: 50px 0;
}
.RelatedItems .RelatedItemTtl {
  margin: 0;
  padding: 0 0 .25em 0;
  border-bottom: 2px solid #ff0000;
  font-size: 18px;
  line-height: 1.4em;
}
.RelatedItems ul {
  margin-top: 5px;
}
.RelatedItems ul li {
  float: left;
  margin-top: 15px;
  margin-right: 16px;
  width: 136px;
}
.RelatedItems ul li:last-child {
  margin-right: 0;
}
.RelatedItems ul li a {
  position: relative;
  display: block;
  text-decoration: none;
}
.RelatedItems ul li a:hover, .RelatedItems ul li a:active {
  opacity: 0.7;
}
.RelatedItems ul li a span {
  display: block;
  font-size: 12px;
  line-height: 1.5em;
  color: #333;
}
.RelatedItems ul li a span img {
  width: 136px;
}
.RelatedItems ul li a .RelatedItemImg-rank {
  position: absolute;
  top: -8px;
  left: -8px;
}
.RelatedItems ul li a .RelatedItemImg-rank img {
  width: 40px;
}
.RelatedItems ul li a .RelatedItemName {
  padding: 8px 0 4px 0;
  font-size: 14px;
  line-height: 1.2em;
  font-weight: bold;
}
.RelatedItems ul li a .RelatedItemColor {
  display: inline-block;
  border: 1px solid #999;
  border-radius: 2px;
  padding: 5px 7px 4px 7px;
  font-size: 11px;
  line-height: 1;
}
.RelatedItems ul li a .RelatedItemWidth {
  margin-top: 6px;
}
.RelatedItems ul li a .RelatedItemPrice {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #ccc;
  font-size: 14px;
  font-weight: bold;
  color: #e60012;
}
.RelatedItems ul li a .RelatedItemPrice em {
  font-size: 11px;
  font-weight: normal;
}
/**************************************************************************************************

ビニールカーテンの豆知識

**************************************************************************************************/
#mameMenu {
  margin: 0 0 150px 0;
  background: #f0f0f0;
  padding: 30px 22px 15px 22px;
}
#mameMenu ul {
  margin: 0 0 17px 0;
}
#mameMenu ul li a {
  float: left;
  font-size: 16px;
  text-align: center;
  background: #fff;
  border: solid 3px #f68283;
  width: 176px;
  border-radius: 10px; /* CSS3 */
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px;
  display: block;
  color: #333;
  margin: 0 16px 0 0;
  line-height: 1.4em;
  padding: 15px 10px;
  text-decoration: none;
}
#mameMenu ul li.last a {
  float: left;
  font-size: 16px;
  text-align: center;
  background: #fff;
  border: solid 3px #f68283;
  width: 176px;
  border-radius: 10px; /* CSS3 */
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px;
  display: block;
  color: #333;
  margin: 0;
  line-height: 1.4em;
  padding: 15px 10px;
  text-decoration: none;
}
#mameMenu ul li .visited a {
  text-decoration: none;
  color: #333;
  background: #fff;
}
#mameMenu ul li a:hover {
  text-decoration: none;
  color: #333;
  background: #fef2f2;
}
#mameMenu ul li a:active {
  text-decoration: none;
  color: #333;
  background: #fef2f2;
}
.mameBox {
  margin: 150px 0 0 0;
}
.mameBox ul li {
  font-size: 16px;
  background: url("mamechishiki/img/arrow.jpg") 5px center no-repeat;
  line-height: 1.5em;
  padding: 0 0 0 30px;
  margin: 0 0 15px 0;
}
/**************************************************************************************************

ビニールカーテンの豆知識：詳細

**************************************************************************************************/
.mameDetailQBox {
  background: #f0f0f0;
  padding: 25px 20px;
  margin: 0 0 50px 0;
}
.mameDetailQBox h2 {
  font-size: 20px;
  background: url("mamechishiki/img/icon_h2.png") left center no-repeat;
  line-height: 1.3em;
  padding: 15px 10px 15px 80px;
  margin: 0 0 0 0;
}
.mameBackToIndex {
  font-size: 20px;
  text-align: center;
  border: solid 1px #ccc;
  padding: 25px 0;
}
/**************************************************************************************************

ビニールカーテン・シートのよくある質問

**************************************************************************************************/
.faqMenuBox {
  margin: 30px 0 100px 0;
  background: #f0f0f0;
  border: solid 1px #ccc;
  padding: 20px 20px 5px 20px;
}
.faqMenuBoxL {
  float: left;
  width: 419px;
}
.faqMenuBoxR {
  float: right;
  width: 419px;
}
.faqMenuBox ul li {
  font-size: 18px;
  line-height: 1.5em;
  padding: 0 0 0 30px;
  margin: 0 0 15px 0;
}
.faqBox {
  margin: 150px 0 0 0;
}
/* =========== faqTblTABLE =========== */
.faqTbl table {
  width: 900px;
  margin: 20px 0 0 0;
}
.faqTbl td {
  width: 820px;
  line-height: 1.4em;
  padding: 0 0 0 0;
  vertical-align: middle;
  font-size: 17px;
  color: #333;
}
.faqTbl th {
  line-height: 1.4em;
  width: 70px;
  vertical-align: middle;
  padding: 0 0 0 0;
  font-weight: bold;
}
/**************************************************************************************************

ビニールカーテン・シートのよくある質問：詳細

**************************************************************************************************/
.faqTblDetailQBox {
  border: solid 1px #ccc;
  background: #fff;
  padding: 30px 20px;
}
.faqTblDetailQBox table {}
.faqTblDetailQBox td {
  width: 778px;
  line-height: 1.4em;
  padding: 0 0 0 0;
  vertical-align: middle;
  font-size: 20px;
  font-weight: bold;
  color: #333;
}
.faqTblDetailQBox th {
  line-height: 1.4em;
  width: 70px;
  vertical-align: middle;
  padding: 0 0 0 0;
  font-weight: bold;
}
.faqTblDetailAnsBox {
  margin: 50px 0 30px 0;
  background: #f0f0f0;
  font-size: 35px;
  text-align: center;
  color: #ff0000;
  font-weight: bold;
  padding: 20px 0 15px 0;
}
.faqBackToIndex {
  font-size: 20px;
  text-align: center;
}
/**************************************************************************************************

ビニプロ.comが選ばれる6つの理由

**************************************************************************************************/
#page-reason section {
  display: block;
  margin-top: -60px;
  padding-top: 60px;
}
#page-reason .title {
  background: #fff4f4;
  font-weight: bold;
  border-bottom: solid 4px #fb0000;
  flex-wrap: wrap;
  width: 100%;
  display: grid;
  padding: 20px 10px;
  margin: 60px 0 20px;
  grid-template-columns: 80px 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0px 0px;
  grid-template-areas:
    "block1 block2 block2"
    "block1 block3 block3";
}
#page-reason .block1 { grid-area: block1; }
#page-reason .block2 { grid-area: block2; }
#page-reason .block3 { grid-area: block3; }

#page-reason .block1 {
  display: flex;
  flex-wrap: wrap;
  color: #fa0000;
  border-right: solid 2px #C6C6C6;
  justify-content: center;
}

#page-reason .block1 div:nth-child(1){
  font-size: 12px;
}
#page-reason .block1 div:nth-child(2){
  font-size: 36px;
}
#page-reason .block2{
  padding-left: 20px;
  font-size: 24px;
  line-height: 1;
}
#page-reason .block3{
  padding-left: 20px;
  font-size: 16px;
  line-height: 1;
  margin-top: 8px;
}
#page-reason .point-image{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
#page-reason .point-image img{
  width: 33.3%;
  height: auto;
}
#page-reason .text + picture > img{
margin: 40px 0 20px;
}
#page-reason .point-image image{
  width: 33.3%;
  height: auto;
}
#page-reason .anchor-link {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#page-reason .anchor-link li {
  width: 32%;
  border-bottom: dashed 1px #E50311;
}
#page-reason .anchor-link li a {
  padding: 20px 10px;
  display: flex;
  position: relative;
  transition: 0.1s;
}
#page-reason .anchor-link li a:hover {
  opacity: 0.7;
  text-decoration: none;
}
#page-reason .anchor-link li a::after {
  position: absolute;
  top: 50%;
  right: 1em;
  width: 0.8em;
  height: 0.8em;
  transform: translateY(-50%) rotate(135deg);
  border-right: 2px solid #E50311;
  border-top: 2px solid #E50311;
  content: "";
}
#page-reason .anchor-link li a div:nth-child(1) {
  color: #E50311;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  font-size: 30px;
  justify-content: center;
  line-height: 1;
  width: 50px;
}
#page-reason .anchor-link li a div span {
  font-size: 12px;
}
#page-reason .anchor-link li a div:nth-child(2) {
  color: #333333;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
  width: calc(100% - 50px);
  padding-left: 20px;
}
#page-reason table {
  border-collapse: collapse;
  font-size: 18px;
  width: 100%;
  margin: 40px 0 20px;
}
#page-reason tr {
  border-bottom: 1px solid #C6C6C6;
}
#page-reason th,
#page-reason td {
  border-bottom: 1px solid #C6C6C6;
  padding: 10px;
}
#page-reason table tr:nth-child(1){
  color: #fff;
}
#page-reason table tr th:nth-child(1) {
  width: 180px;
}
#page-reason table tr th:nth-child(n + 2),
#page-reason table tr td:nth-child(n + 2) {
  width: 26%;
}
#page-reason table tr th:nth-child(2),
#page-reason table tr td:nth-child(2) {
  background-color: #FFF4F4;
  font-weight: bold;
}
#page-reason table tr:nth-child(1) th:nth-child(2) {
  background-color: #E50311;
  text-align: center;
}
#page-reason table tr:nth-child(1) th:nth-child(n + 3) {
  background-color: #7F7F7F;
  text-align: center;
}
#page-reason .circle,
#page-reason .square,
#page-reason .hyphen {
  padding-left: 60px;
  line-height: 30px;
}
#page-reason .circle{
  background: url('point5/img/table-circle.png') no-repeat left center;
  background-position: 10px 10px;
}
#page-reason .square {
  background: url('point5/img/table-square.png') no-repeat left center;
  background-position: 6px 10px;
}
#page-reason .hyphen {
  background: url('point5/img/table-hyphen.png') no-repeat left center;
  background-position: 10px 10px;
}
#page-reason #point2 a {
  color: #333333;
  display: inline-block;
  padding: 8px 8px 8px 12px;
  border-radius: 4px;
  background-color: #F0F0F0;
  font-size: .85rem;
  line-height: 1.4;
  box-sizing: border-box;
  padding-left: 32px;
  line-height: 20px;
  background-image: url(point5/img/y-arrow.png);
  background-repeat: no-repeat;
  background-position: 10px 10px;
  margin: 0 auto;
  transition: 0.1s;
}
#page-reason #point2 a:hover {
  opacity: 0.7;
  text-decoration: none;
}
#page-reason .column2{
  display: flex;
}
#page-reason .column2 img{
  width: 300px;
  height: auto;
  margin-right: 20px;
}
#page-reason h4{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
#page-reason h4 + .text{
margin-bottom: 40px;
}
#page-reason .secom{
  display: flex;
  justify-content: space-between;
  background-color: #F0F0F0;
  border-radius: 4px;
  padding: 10px 20px;
  align-items: center;
  margin-bottom: 40px;
}
#page-reason .secom input {
  width: 88px;
  margin: 0 40px 0 20px;
}
#page-reason .cta .inner {
  border: solid 4px #F0F0F0;
  border-top: none;
  position: relative;
}
#page-reason .cta > p:nth-child(1){
  background-color: #529D5B;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
  color: #fff;
  position: relative;
  padding: 20px;
  font-weight: bold;
  font-size: 24px;
}
#page-reason .cta > p:nth-child(1) span{
  color: #FFEB00;
}
#page-reason .cta > p:nth-child(1):before,
#page-reason .cta > p:nth-child(1):after {
  position: absolute;
  left: 0;
  width: 100%;
  content: '';
  border-top: 1px solid #fff;
}
#page-reason .cta > p:nth-child(1):before {
  top: 5px;
}
#page-reason .cta > p:nth-child(1):after {
  bottom: 5px;
}
#page-reason .cta .inner > div {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px;
}
#page-reason .contact-product,
#page-reason .contact-construction{
  width: 292px;
  padding: 10px;
  box-sizing: border-box;
  margin-top: 10px;
}
#page-reason .contact-product p,
#page-reason .contact-construction p{
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
#page-reason .contact-product .button,
#page-reason .contact-construction .button{
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  display: block;
  border-radius: 50px;
  padding: 20px 40px 16px 20px;
  position: relative;
  margin: 10px 0 20px;
  transition: 0.1s;
}
#page-reason .contact-product .button{
  box-shadow: 0px 4px 0px 0px #900009;
}
#page-reason .contact-construction .button{
  box-shadow: 0px 4px 0px 0px #224989;
}
#page-reason .contact-product .button:hover,
#page-reason .contact-construction .button:hover{
  opacity: 0.7;
  text-decoration: none;
}
#page-reason .contact-product{
  border-right: solid 1px #C6C6C6;
}
#page-reason .contact-product .button{
  background-color: #E50311;
}
#page-reason .contact-construction .button{
  background-color: #3774DA;
}
#page-reason .cta .button div:nth-child(1){
  background: url('../vinypro/point5/img/mail.png')no-repeat;;
  padding-left: 30px;
  line-height: 20px;
}
#page-reason .cta .button::after {
    position: absolute;
    top: 50%;
    right: 1em;
    width: 0.5em;
    height: 0.5em;
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    content: "";
}
#page-reason .cta .button div:nth-child(2){
  background-color: #fff;
  color: #E50311;
  font-size: 13px;
  font-weight: bold;
  border-radius: 25px;
  padding: 2px 0px;
  margin-top: 8px;
}
#page-reason .cta .button div:nth-child(2) span{
  background-color: #FFEB00;
  color: #E50311;
  padding: 3px 6px 3px 8px;
  margin-right: 6px;
  border-radius: 25px 0 0 25px;
}
#page-reason .cta picture{
  position: absolute;
  bottom: 0;
  right: 0;
}
#page-reason i.fas.fa-phone.fa-xs.fa-flip-horizontal {
  vertical-align: 3px;
  padding-left: 5px;
  font-size: 0.9em;
  color: #e40711;
}
#page-reason .cta .tel {
  margin: 0px 12px;
  font-size: 25px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  display: block;
}
#page-reason .cta p:last-child{
  text-align: center;
  width: 584px;
}
#page-reason .sp-only{
  display: none;
}
/**************************************************************************************************

FAX見積用紙一覧

**************************************************************************************************/
#faxMenu {
  margin: 50px 0 150px 0;
}
#faxMenu ul {
  margin: 0 0 17px 0;
}
#faxMenu ul li a {
  float: left;
  font-size: 16px;
  text-align: center;
  background: #fff url("fax/img/menuarrow.png") center bottom no-repeat;
  border: solid 3px #dcdcdc;
  width: 284px;
  border-radius: 10px; /* CSS3 */
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px;
  display: block;
  color: #333;
  margin: 0 15px 0 0;
  line-height: 1.4em;
  padding: 20px 0 35px 0;
  text-decoration: none;
}
#faxMenu ul li.last a {
  float: left;
  font-size: 16px;
  text-align: center;
  background: #fff url("fax/img/menuarrow.png") center bottom no-repeat;
  border: solid 3px #dcdcdc;
  width: 284px;
  border-radius: 10px; /* CSS3 */
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px;
  display: block;
  color: #333;
  margin: 0;
  line-height: 1.4em;
  padding: 20px 0 35px 0;
  text-decoration: none;
}
#faxMenu ul li .visited a {
  text-decoration: none;
  color: #333;
  background: #fff url("fax/img/menuarrow.png") center bottom no-repeat;
}
#faxMenu ul li a:hover {
  text-decoration: none;
  color: #333;
  background: #f0f0f0 url("fax/img/menuarrow.png") center bottom no-repeat;
}
#faxMenu ul li a:active {
  text-decoration: none;
  color: #333;
  background: #f0f0f0 url("fax/img/menuarrow.png") center bottom no-repeat;
}
.faxBox {
  margin: 0 0 150px 15px;
}
.faxBox ul li img {
  border: solid 1px #ccc;
}
.faxBox ul {
  font-size: 0;
}
.faxBox ul li {
  display: inline-block;
  margin: 0 5px 40px 5px;
  font-size: 15px;
  font-weight: normal;
  vertical-align: top;
  text-align: center;
  letter-spacing: normal;
  width: calc(100% / 3 - 10px);
}
.faxBox p {
  font-size: 18px;
  text-align: center;
  margin: 10px 0 0 0;
  line-height: 1.4em;
}
.faxBox .imgFaxThumb {
  display: inline-block;
}
.faxBox .dlToFax {
  display: inline-block;
  margin-top: 10px;
  padding: 8px 12px;
  border: 1px solid #1f74e1;
  border-radius: 4px;
  background: #1f74e1;
  font-size: 14px;
  box-sizing: border-box;
}
.faxBox .dlToFax:link, .faxBox .dlToFax:visited {
  color: #fff;
  text-decoration: none;
}
.faxBox .dlToFax:active, .faxBox .dlToFax:hover {
  border: 1px solid #1f74e1;
  background: #fff;
  color: #1f74e1;
}
.faxBox .btnMail {
  text-align: center;
  margin: 20px 0 0 0;
}
/**************************************************************************************************

用途一覧

**************************************************************************************************/
#youtoMenu {
  margin: 50px 0 150px 0;
}
#youtoMenu ul {
  margin: 0 0 17px 0;
}
#youtoMenu ul li a {
  float: left;
  font-size: 16px;
  text-align: center;
  background: #fff url("youto/img/menuarrow.png") center bottom no-repeat;
  border: solid 3px #dcdcdc;
  width: 207px;
  border-radius: 10px; /* CSS3 */
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px;
  display: block;
  color: #333;
  margin: 0 15px 0 0;
  line-height: 1.4em;
  padding: 10px 0 25px 0;
  text-decoration: none;
}
#youtoMenu ul li.last a {
  float: left;
  font-size: 16px;
  text-align: center;
  background: #fff url("youto/img/menuarrow.png") center bottom no-repeat;
  border: solid 3px #dcdcdc;
  width: 207px;
  border-radius: 10px; /* CSS3 */
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px;
  display: block;
  color: #333;
  margin: 0;
  line-height: 1.4em;
  padding: 10px 0 25px 0;
  text-decoration: none;
}
#youtoMenu ul li .visited a {
  text-decoration: none;
  color: #333;
  background: #fff url("youto/img/menuarrow.png") center bottom no-repeat;
}
#youtoMenu ul li a:hover {
  text-decoration: none;
  color: #333;
  background: #f0f0f0 url("youto/img/menuarrow.png") center bottom no-repeat;
}
#youtoMenu ul li a:active {
  text-decoration: none;
  color: #333;
  background: #f0f0f0 url("youto/img/menuarrow.png") center bottom no-repeat;
}
.youtoBox {
  margin: 0 0 150px 0;
}
.youtoBox .thumb {
  float: left;
  width: 250px;
}
.youtoBox .info {
  float: right;
  width: 620px;
}
.youtoBox .btn {
  font-size: 14px;
  line-height: 1.5em;
  text-align: center;
  margin: 20px 0 0 0;
}
.youtoBox .btn a {
  display: block;
  width: 285px;
  text-decoration: none;
  color: #333;
  line-height: 20px;
  background: #f0f0f0;
  line-height: 1.3em;
  border-radius: 5px; /* CSS3 */
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px;
  padding: 10px 0;
}
.youtoBox .btn .visited a {
  text-decoration: none;
  color: #333;
  background: #e6e6e6;
}
.youtoBox .btn a:hover {
  text-decoration: none;
  color: #ff7c05;
  background: #f0f0f0;
}
.youtoBox .btn a:active {
  text-decoration: none;
  color: #ff7c05;
  background: #f0f0f0;
}
.youtoBox .btn img {
  margin: 0 5px 0 0;
}
/**************************************************************************************************

ビニールカーテン・間仕切りのDIY・取付方法

**************************************************************************************************/
#diyMenu {
  margin: 50px 0 150px 0;
}
#diyMenu ul {
  margin: 0 0 17px 0;
}
#diyMenu ul li a {
  float: left;
  font-size: 16px;
  text-align: center;
  background: #fff url("diy/img/menuarrow.png") center bottom no-repeat;
  border: solid 3px #dcdcdc;
  width: 284px;
  border-radius: 10px; /* CSS3 */
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px;
  display: block;
  color: #333;
  margin: 0 15px 0 0;
  line-height: 1.4em;
  padding: 10px 0 25px 0;
  text-decoration: none;
}
#diyMenu ul li.last a {
  float: left;
  font-size: 16px;
  text-align: center;
  background: #fff url("diy/img/menuarrow.png") center bottom no-repeat;
  border: solid 3px #dcdcdc;
  width: 284px;
  border-radius: 10px; /* CSS3 */
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px;
  display: block;
  color: #333;
  margin: 0;
  line-height: 1.4em;
  padding: 10px 0 25px 0;
  text-decoration: none;
}
#diyMenu ul li .visited a {
  text-decoration: none;
  color: #333;
  background: #fff url("diy/img/menuarrow.png") center bottom no-repeat;
}
#diyMenu ul li a:hover {
  text-decoration: none;
  color: #333;
  background: #f0f0f0 url("diy/img/menuarrow.png") center bottom no-repeat;
}
#diyMenu ul li a:active {
  text-decoration: none;
  color: #333;
  background: #f0f0f0 url("diy/img/menuarrow.png") center bottom no-repeat;
}
.diyBox {
  margin: 0 0 150px 15px;
}
.diyBox ul {
  font-size: 0;
}
.diyBox ul li {
  display: inline-block;
  margin: 0 15px 40px 0;
  font-size: 15px;
  font-weight: normal;
  width: 280px;
  vertical-align: top;
  letter-spacing: normal;
}
.diyBox p {
  font-size: 18px;
  text-align: center;
  margin: 10px 0 0 0;
  line-height: 1.4em;
}
/**************************************************************************************************

ビニールカーテン　採寸方法

**************************************************************************************************/
#measureMenu {
  margin: 50px 0 150px 0;
}
#measureMenu ul {
  margin: 0 0 17px 0;
}
#measureMenu ul li a {
  float: left;
  font-size: 16px;
  text-align: center;
  background: #fff url("measurement/img/menuarrow.png") center bottom no-repeat;
  border: solid 3px #dcdcdc;
  width: 284px;
  border-radius: 10px; /* CSS3 */
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px;
  display: block;
  color: #333;
  margin: 0 15px 0 0;
  line-height: 1.4em;
  padding: 10px 0 25px 0;
  text-decoration: none;
}
#measureMenu ul li.last a {
  float: left;
  font-size: 16px;
  text-align: center;
  background: #fff url("measurement/img/menuarrow.png") center bottom no-repeat;
  border: solid 3px #dcdcdc;
  width: 284px;
  border-radius: 10px; /* CSS3 */
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px;
  display: block;
  color: #333;
  margin: 0;
  line-height: 1.4em;
  padding: 10px 0 25px 0;
  text-decoration: none;
}
#measureMenu ul li .visited a {
  text-decoration: none;
  color: #333;
  background: #fff url("measurement/img/menuarrow.png") center bottom no-repeat;
}
#measureMenu ul li a:hover {
  text-decoration: none;
  color: #333;
  background: #f0f0f0 url("measurement/img/menuarrow.png") center bottom no-repeat;
}
#measureMenu ul li a:active {
  text-decoration: none;
  color: #333;
  background: #f0f0f0 url("measurement/img/menuarrow.png") center bottom no-repeat;
}
.measureBox {
  margin: 0 0 150px 15px;
}
.measureBox ul {
  font-size: 0;
}
.measureBox ul li {
  display: inline-block;
  margin: 0 15px 40px 0;
  font-size: 15px;
  font-weight: normal;
  width: 280px;
  vertical-align: top;
  letter-spacing: normal;
}
.measureBox p {
  font-size: 18px;
  text-align: center;
  margin: 10px 0 0 0;
  line-height: 1.4em;
}
/**************************************************************************************************

ビニールカーテン　採寸方法　詳細

**************************************************************************************************/
.measerListBox {}
.measerListBox ul li {
  float: left;
  margin: 0 15px 40px 0;
  font-weight: normal;
  width: 290px;
  vertical-align: top;
  letter-spacing: normal;
}
.measerListBox ul li.last {
  float: left;
  margin: 0 0 40px 0;
  font-weight: normal;
  width: 290px;
  vertical-align: top;
  letter-spacing: normal;
}
.measerListBox h3 {
  font-size: 18px;
  text-align: center;
  margin: 10px 0 10px 0;
  line-height: 1.4em;
}
.measerListBox p {
  font-size: 15px;
  text-align: left;
  margin: 10px 0 0 0;
  line-height: 1.4em;
}
/*ビニールカーテンの採寸方法（リデザイン）*/
.processStep {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 40px 0 20px;
  color: #EE0011;
  overflow: hidden;
}
.processStep li.proStep1 {
  background: #F2F2F2;
}
.processStep li.proStep2 {
  background: #EEEEEE;
}
.processStep li.proStep3 {
  background: #E6E6E6;
}
.processStep li {
  position: relative;
  padding: 15px 20px;
  width: 100%;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
}
.processStep li span {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 4px;
  background: #666;
  line-height: 1;
  margin-right: 0.5em;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
.processStep li:last-child:before, .processStep li:last-child:after {
  display: none;
}
.processStep li:before, .processStep li:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
.processStep li.proStep1:before, .processStep li.proStep2:before, .processStep li.proStep3:before {
  top: -.6em;
  right: -11px;
  border-style: solid;
  border-color: transparent transparent transparent #EE0011;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
.processStep li.proStep1:after {
  top: -.6em;
  right: -10px;
  border-style: solid;
  border-color: transparent transparent transparent #F2F2F2;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
.processStep li.proStep2:after {
  top: -.6em;
  right: -10px;
  border-style: solid;
  border-color: transparent transparent transparent #EEEEEE;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
.processStep li.proStep3:after {
  top: -.6em;
  right: -10px;
  border-style: solid;
  border-color: transparent transparent transparent #E6E6E6;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
.text_r {
  color: #CC0000;
}
.vp2-ttl-label2 {
  display: table;
  margin: 1.5rem 0 0.5rem 0;
  padding: 0.6rem 0.6rem 0.5rem 0.6rem;
  border-radius: 4px;
  background: #CCCCCC;
  font-size: .85rem;
  line-height: 1;
  font-weight: normal;
  color: #333333;
  font-weight: bold;
}
.vp2-ly-column3 {
  margin: 0 15px 20px 0;
  width: 435px;
  width: calc(100% / 2 - 15px);
}
.vp2-ly-column3 .expo {
  border: 3px solid #CCCCCC;
  padding: 10px;
  margin: 0px 10px;
}
.size-frame {
  display: flex;
  margin-bottom: 2rem;
}
.size-image {
  width: 24%;
}
.size-image img {
  width: 100%;
}
.frame-Bsize-box {
  margin: 0 0 0 20px;
  width: 76%;
}
.b-size-table {
  font-size: 14px !important;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  margin-bottom: 30px;
  width: 100%;
}
.size-table-color {
  font-size: 14px;
  line-height: 1.5em;
  vertical-align: middle;
  padding: 8px 0;
  color: #333;
  font-weight: bold;
  text-align: center;
  border: solid 1px #ccc;
  background: #f0f0f0;
}
.b-size-table .rail-name {
  font-size: 15px;
  line-height: 1.6em;
  padding: 6px 0px 7px 7px;
  vertical-align: middle;
  text-align: left;
  border: solid 1px #ccc;
  color: #333;
}
.b-size-table .rail-name img {
  margin-right: 5px;
}
.b-size-table .use-runner {
  white-space: nowrap;
  margin: 0 10px;
  width: 20%;
}
.b-size-table td {
  font-size: 15px;
  line-height: 1.6em;
  padding: 8px 8px 8px 10px;
  vertical-align: middle;
  text-align: center;
  border: solid 1px #ccc;
  color: #333;
}
.measure_checklist {
  font-size: 16px;
  line-height: 28px;
  margin: 0px;
  color: #333;
}
.measure_checklist li:before {
  color: #CC0000;
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  margin-right: 5px;
  font-weight: bold;
}
/**************************************************************************************************

カーテンレール・ブラケットのDIY・施工・取付方法（リデザイン）

**************************************************************************************************/
.processStep-four {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 40px 0 20px;
  color: #EE0011;
  overflow: hidden;
}
.processStep-four li.proStep1 {
  background: #F2F2F2;
}
.processStep-four li.proStep2 {
  background: #EEEEEE;
}
.processStep-four li.proStep3 {
  background: #E6E6E6;
}
.processStep-four li.proStep4 {
  background: #DBDBDB;
}
.processStep-four li {
  position: relative;
  padding: 15px 5px;
  width: 100%;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
}
.processStep-four li span {
  display: inline-block;
  padding: 5px 7px;
  border-radius: 4px;
  background: #666;
  line-height: 1;
  margin-right: 0.4em;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
.processStep-four li:last-child:before, .processStep-four li:last-child:after {
  display: none;
}
.processStep-four li:before, .processStep-four li:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
.processStep-four li.proStep1:before, .processStep-four li.proStep2:before, .processStep-four li.proStep3:before, .processStep-four li.proStep4:before {
  top: -.6em;
  right: -11px;
  border-style: solid;
  border-color: transparent transparent transparent #EE0011;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
.processStep-four li.proStep1:after {
  top: -.6em;
  right: -10px;
  border-style: solid;
  border-color: transparent transparent transparent #F2F2F2;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
.processStep-four li.proStep2:after {
  top: -.6em;
  right: -10px;
  border-style: solid;
  border-color: transparent transparent transparent #EEEEEE;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
.processStep-four li.proStep3:after {
  top: -.6em;
  right: -10px;
  border-style: solid;
  border-color: transparent transparent transparent #E6E6E6;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
.processStep-four li.proStep4:after {
  top: -.6em;
  right: -10px;
  border-style: solid;
  border-color: transparent transparent transparent #DBDBDB;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
/*3列画像*/
.threImg {
  display: flex;
  justify-content: space-between;
  margin: 20px 0 50px 0;
}
ul.threImg li {
  border: solid 1px #707070;
}
/*3列説明あり*/
.threImg-exp {
  display: flex;
  justify-content: space-between;
  margin: 20px 0 50px 0;
}
ul.threImg-exp li img {
  border: solid 1px #707070;
}
ul.threImg-exp li p {
  margin-top: 5px;
  width: 280px;
}
.contLayoutBox-Item3 p.element-txt {
  text-align: left;
  margin: 0 10px 10px;
}
/*表*/
.sheetTbl {
  font-size: 14px !important;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  margin: 15px 0 30px 0;
  width: 100%;
}
.sheetTbl td {
  font-size: 15px;
  line-height: 1.6em;
  padding: 8px;
  vertical-align: middle;
  text-align: center;
  border: solid 1px #ccc;
  color: #333;
}
.sheetTbl td:first-child {
  text-align: left;
}
/*step1-3*/
.pro-step {
  display: flex;
  justify-content: space-between;
  margin: 0px 0 50px 0;
}
.pro-step dd {
  width: 280px;
}
.pro-step dd img {
  border: solid 1px #707070 !important;
  margin-bottom: 10px;
}
ul.pro-step li {
  display: flex;
  justify-content: space-between;
  /*margin: 0px 0 50px 0;*/
}
ul.pro-step li dl dt {
  display: table;
  margin: 1.5rem 0 0.5rem 0;
  padding: 0.6rem 0.6rem 0.5rem 0.6rem;
  border-radius: 4px;
  background: #000;
  font-size: .85rem;
  line-height: 1;
  font-weight: normal;
  color: #fff;
}
.exp-com {
  display: flex;
}
.exp-com-L {
  margin-right: 20px;
}
.exp-com-R img {
  border: solid 1px #707070 !important;
}
/*bis*/
.vp2-ly-elem {}
.vp2-ly-elem ul {
  display: flex;
  justify-content: space-between;
  margin: 0px 0 50px 0;
  flex-wrap: wrap;
}
.vp2-ly-elem .contImg img {
  margin-bottom: 10px;
}
.vp2-ly-elem ul li {
  display: flex;
  justify-content: space-between;
  /*margin: 0px 0 50px 0;*/
}
.vp2-ly-elem ul li dl dt {
  margin: 1.5rem 0 0.5rem 0;
  padding: 0.6rem 0.6rem 0.5rem 0.6rem;
  border-radius: 4px;
  background: #CCCCCC;
  font-size: .85rem;
  line-height: 1;
  font-weight: normal;
  color: #333333;
  text-align: center;
  font-weight: bold;
}
.cont1 {
  order: 1;
}
.cont2 {
  order: 2;
}
.cont3 {
  order: 3;
}
.cont4 {
  order: 4;
}
/*ジョイント方法表*/
.productTbl {
  font-size: 14px !important;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  margin-bottom: 10px;
  width: 100%;
  border-collapse: collapse;
}
.productTbl-color {
  font-size: 14px;
  line-height: 1.5em;
  vertical-align: middle;
  padding: 8px 0;
  color: #333;
  font-weight: bold;
  text-align: center;
  border: solid 1px #ccc;
  background: #f0f0f0;
}
.productTbl td {
  font-size: 15px;
  line-height: 1.6em;
  padding: 8px 8px 8px 10px;
  vertical-align: middle;
  text-align: center;
  border: solid 1px #ccc;
  color: #333;
}
.productTbl th {
  text-align: center;
  border: solid 1px #ccc;
}
.contLayoutBox .contLayoutBox-opItem li {
  width: 222px;
  width: calc(100% / 4);
}
/**************************************************************************************************

運営会社

**************************************************************************************************/
.company table {
  width: 900px;
  border-collapse: collapse;
}
.company td {
  font-size: 15px;
  line-height: 1.6em;
  padding: 10px;
  vertical-align: top;
  border: solid 1px #ccc;
  color: #333;
}
.company th {
  font-size: 15px;
  line-height: 1.6em;
  vertical-align: middle;
  width: 200px;
  padding: 10px;
  font-weight: bold;
  text-align: center;
  border: solid 1px #ccc;
  background: #f0f0f0;
}
/**************************************************************************************************

お知らせ一覧

**************************************************************************************************/
#newsBox {}
/*** お知らせ ***/
#newsBox .topNewSet {
  padding: 10px 5px;
  border-bottom: dotted 1px #ccc;
}
#newsBox table.topNewTable {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}
#newsBox table.topNewTable td {
  font-size: 15px;
  line-height: 1.5em;
  vertical-align: top;
}
#newsBox table.topNewTable td.day {
  line-height: 1.5em;
  vertical-align: top;
  padding: 0 15px 0 0;
}
/**************************************************************************************************

送料・決済についてのご案内

**************************************************************************************************/
.postageBox {
  width: 900px;
}
.postageBoxL {
  width: 200px;
  float: left;
}
.postageBoxR {
  width: 680px;
  float: right;
}
.postageBox table {
  width: 900px;
  font-size: 14px;
  line-height: 1.6em;
  margin: 15px 0 10px 0;
  border-collapse: collapse;
}
.postageBox td {
  font-size: 15px;
  line-height: 1.6em;
  padding: 10px;
  vertical-align: top;
  border: solid 1px #ccc;
  color: #333;
}
.postageBox th {
  font-size: 15px;
  line-height: 1.6em;
  vertical-align: middle;
  padding: 10px;
  font-weight: bold;
  text-align: center;
  border: solid 1px #ccc;
  background: #f0f0f0;
}
.postageBanArea {
  margin: 50px 0 0 0;
  border-top: dotted 1px #ccc;
  padding: 20px;
  background: #f0f0f0;
}
.postageBanArea ul li {
  float: left;
  width: 420px;
  background: #fff;
}
.postageBanArea ul li:nth-child(even) {
  float: right;
  width: 420px;
}
/**************************************************************************************************

納期・返品について

**************************************************************************************************/
.deliveryBox table {
  width: 900px;
  line-height: 1.6em;
  margin: 0 0 10px 0;
  border-collapse: collapse;
}
.deliveryBox td {
  font-size: 15px;
  line-height: 1.6em;
  padding: 10px 0;
  vertical-align: top;
  border: solid 2px #009944;
  color: #333;
}
.deliveryBox th {
  font-size: 15px;
  line-height: 1.6em;
  vertical-align: middle;
  padding: 10px;
  font-weight: bold;
  border: solid 2px #009944;
  background: #f0f0f0;
}
/**************************************************************************************************

お取引の流れ

**************************************************************************************************/
.flowBoxL {
  width: 200px;
  float: left;
}
.flowBoxR {
  width: 680px;
  float: right;
}
/**************************************************************************************************

ビニール・シートの機能性一覧

**************************************************************************************************/
.kinouBox table {
  width: 900px;
  line-height: 1.6em;
  margin: 30px 0 0 0;
  border-collapse: collapse;
}
.kinouBox td {
  font-size: 15px;
  line-height: 1.6em;
  padding: 20px;
  vertical-align: top;
  border: solid 1px #ccc;
  color: #333;
}
.kinouBox th {
  font-size: 15px;
  line-height: 1.6em;
  vertical-align: middle;
  padding: 20px;
  font-weight: bold;
  border: solid 1px #ccc;
  background: #f0f0f0;
}
/**************************************************************************************************

機能性ビニールカーテン・シート一覧

**************************************************************************************************/
.kinouListBox {
  margin: 20px 0 0 0;
}
.kinouListBox ul li {
  float: left;
  width: 440px;
  margin: 0 20px 20px 0;
}
.kinouListBox ul li:nth-child(even) {
  float: right;
  width: 440px;
  margin: 0 0 20px 0;
}
.kinouListFrame {
  background: #f9f4ee;
  margin: 0 0 80px 0;
  border-bottom: dotted 1px #ccc;
}
.kinouListFrameInner {
  padding: 20px;
}
.kinouListFrameL {
  width: 160px;
  float: left;
}
.kinouListFrameR {
  width: 680px;
  float: right;
}
.kinouListFrameR h4 {
  font-size: 25px;
  font-weight: bold;
  line-height: 1.4em;
  border-bottom: solid 5px #e50112;
  padding: 0 0 5px 0;
  margin: 0 0 15px 0;
  text-indent: 5px;
}
.kinouListFrameR p {
  font-size: 16px;
}
.kinouListFrame .btn {
  font-size: 16px;
  text-align: center;
  background: #fff;
  border: solid 2px #555;
  width: 360px;
  border-radius: 5px; /* CSS3 */
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px;
  margin: 20px auto 0 auto;
  line-height: 1.4em;
}
.kinouListFrame .btn a {
  display: block;
  color: #333;
  line-height: 1.4em;
  padding: 10px 0 8px 0;
  text-decoration: none;
}
.kinouListFrame .btn.visited a {
  text-decoration: none;
  color: #ff7c05;
}
.kinouListFrame .btn a:hover {
  text-decoration: none;
  color: #ff7c05;
}
.kinouListFrame .btn a:active {
  text-decoration: none;
  color: #ff7c05;
}
.kinouListFrame .btn img {
  margin: 0 5px 4px 0;
}
/**************************************************************************************************

カタログ・サンプルのご依頼
contact_sample

**************************************************************************************************/
.contact_sampleBtnBox {
  margin: 50px 0 70px 0;
}
/*** ボタン並列大きいサイズ ***/
.contact_sampleBtnBox ul {
  width: 900px;
  padding: 0;
}
.contact_sampleBtnBox ul li {
  float: left;
  font-size: 18px;
  text-align: center;
  background: #fff;
  border: solid 2px #555;
  width: 430px;
  border-radius: 5px; /* CSS3 */
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px;
  margin: 20px auto 0 auto;
  line-height: 1.4em;
}
.contact_sampleBtnBox ul li:nth-child(even) {
  float: right;
}
.contact_sampleBtnBox ul li a {
  display: block;
  color: #333;
  line-height: 1.4em;
  padding: 15px 0 13px 0;
  text-decoration: none;
}
.contact_sampleBtnBox ul li.visited a {
  text-decoration: none;
  color: #ff7c05;
}
.contact_sampleBtnBox ul li a:hover {
  text-decoration: none;
  color: #ff7c05;
}
.contact_sampleBtnBox ul li a:active {
  text-decoration: none;
  color: #ff7c05;
}
.contact_sampleBtnBox ul li img {
  margin: 0 5px 2px 0;
}
/*** ボタン並列小さいサイズ ***/
.contact_sampleBtnBox2 {}
.contact_sampleBtnBox2 ul {
  margin: 0 0 10px 0;
}
.contact_sampleBtnBox2 ul li {
  float: left;
  font-size: 15px;
  text-align: center;
  background: #fff;
  border: solid 2px #555;
  width: 300px;
  border-radius: 5px; /* CSS3 */
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px;
  margin: 20px auto 0 auto;
  line-height: 1.4em;
}
.contact_sampleBtnBox2 ul li:nth-child(even) {
  float: right;
}
.contact_sampleBtnBox2 ul li a {
  display: block;
  color: #333;
  line-height: 1.4em;
  padding: 15px 0 13px 0;
  text-decoration: none;
}
.contact_sampleBtnBox2 ul li.visited a {
  text-decoration: none;
  color: #ff7c05;
}
.contact_sampleBtnBox2 ul li a:hover {
  text-decoration: none;
  color: #ff7c05;
}
.contact_sampleBtnBox2 ul li a:active {
  text-decoration: none;
  color: #ff7c05;
}
.contact_sampleBtnBox2 ul li img {
  margin: 0 5px 4px 0;
}
.contact_sampleAttenBox {
  margin: 50px 0 0 0;
  border: solid 3px #ccc;
  background: #fff;
}
.contact_sampleAttenBox h3 {
  background: #f0f0f0;
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  color: #ff0000;
  padding: 20px 0;
}
.contact_sampleAttenBox .inner {
  padding: 20px 20px 0 20px;
}
.contact_sampleAttenBox p {
  font-size: 16px;
  line-height: 1.6em;
  margin: 0 0 20px 0;
}
.contact_sampleInfoBox {
  margin: 50px 0;
}
.contact_sampleInfoBoxL {
  float: left;
  width: 435px;
}
.contact_sampleInfoBoxR {
  float: right;
  width: 435px;
}
.contact_sampleInfoBox p {
  margin: 10px;
}
/**************************************************************************************************

お問い合わせ
contact

**************************************************************************************************/
.contactTelBox {}
.contactTelBoxL {
  background: #fff;
}
.contactTelBoxL h4 {
  text-align: center;
  background: #0768bf;
  color: #fff;
  font-weight: bold;
  padding: 5px 0;
  font-size: 20px;
  line-height: 1.5em;
}
.contactTelBoxR {
  width: 350px;
  float: left;
  background: #fff;
  border: solid 2px #1ba13f;
  border-radius: 5px 5px 0 0; /* CSS3 */
  -moz-border-radius: 5px 5px 0 0; /* Firefox */
  -webkit-border-radius: 5px 5px 0 0;
}
.contactTelBoxR h4 {
  text-align: center;
  background: #1ba13f;
  color: #fff;
  font-weight: bold;
  padding: 5px 0;
  font-size: 20px;
  line-height: 1.5em;
}
.contactTelBox p {
  font-size: 25px;
  color: #ff0000;
  padding: 15px 0 0 10px;
  font-weight: bold;
}
.contactTelBox p span {
  font-size: 40px;
  color: #ff0000;
}
.contactSampleBtnBox {
  font-size: 20px;
  line-height: 1.5em;
  border: solid 2px #e40013;
  text-align: center;
  background: #fff;
  width: 500px;
  margin: 10px 0 0 0;
  border-radius: 5px; /* CSS3 */
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px;
  cursor: pointer;
}
.contactSampleBtnBox a {
  display: block;
  padding: 15px 10px 13px 10px;
  text-decoration: none;
  color: #333;
}
.contactSampleBtnBox .visited a {
  text-decoration: none;
  color: #333;
}
.contactSampleBtnBox a:hover {
  text-decoration: underline;
  color: #ff7c05;
}
.contactSampleBtnBox a:active {
  text-decoration: underline;
  color: #ff7c05;
}
.contactFaxBox {
  font-size: 20px;
  line-height: 1.5em;
  text-align: center;
  border: solid 2px #555;
  background: #fff;
  width: 400px;
  margin: 10px 0 0 0;
  border-radius: 5px; /* CSS3 */
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px;
  cursor: pointer;
}
.contactFaxBox img {
  margin: 0 10px 0 0;
}
.contactFaxBox a {
  display: block;
  padding: 10px 10px 8px 10px;
  text-decoration: none;
  color: #333;
}
.contactFaxBox .visited a {
  text-decoration: none;
  color: #333;
}
.contactFaxBox a:hover {
  text-decoration: underline;
  color: #ff7c05;
}
.contactFaxBox a:active {
  text-decoration: underline;
  color: #ff7c05;
}
/* secomSealBox add 18.09.19 */
.secomSealBox {
  margin: 30px 15% 0 15%;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.secomSealBox.secomSealBoxBtm {
  margin-bottom: 50px;
}
.secomSealBox dl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: 0;
  height: 85px;
  box-sizing: border-box;
}
.secomSealBox dl dt {
  margin-right: 50px;
  font-size: 15px;
  line-height: 1.5;
}
.secomSealBox dl dd {
  margin-left: 20px;
  font-size: 12px;
  line-height: 1.5;
}
.secomSealBox input[name="Sticker"] {
  width: 48px;
  height: 100%;
}
.txtinput1 input {
  width: 350px;
}
.txtinput2 input {
  width: 50px;
}
.txtinput3 input {
  width: 350px;
}
.txtinput4 input {
  width: 100px;
}
.txtinput5 textarea {
  width: 650px;
  height: 200px;
}
.txtinput6 textarea {
  width: 350px;
  height: 100px;
}
.chkKind {
  width: 300px;
}
.chkKind input {
  margin-top: 10px;
  display: block;
}
/***  カタログサンプル品番 ***/
.txtinput7 input {
  width: 500px;
}
.txtinput8 textarea {
  width: 500px;
  height: 100px;
}
.zip-text {
  display: inline-block;
}
.zip-text input {
  width: 100px;
}
#zip-auto {
  padding: 10px 20px;
  cursor: pointer;
  margin: 0 0 0 20px;
  background-color: #009e4b;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  color: #fff;
}
#contact_sampleComfirm #zip-auto {
  display: none;
}
#contact-form {
  width: 680px;
  font-size: 13px;
}
#contact-form dl {
  width: 680px;
}
#contact-form dl dt {
  float: left;
  width: 150px;
}
#contact-form dl dd {
  margin-left: 150px;
}
.inputform {
  padding: 4px;
  border: #cccccc solid 1px;
}
.inputform2 {
  padding: 4px;
  border: #cccccc solid 1px;
}
.inputform3 {
  padding: 4px;
  border: #cccccc solid 1px;
}
.inputform4 {
  padding: 4px;
  border: #cccccc solid 1px;
}
input.inputform {
  width: 228px;
}
input.inputform2 {
  width: 50px;
}
input.inputform3 {
  width: 350px;
}
input.inputform4 {
  width: 100px;
}
textarea.inputform {
  width: 350px;
  height: 150px;
}
textarea.inputform2 {
  width: 350px;
  height: 150px;
}
label.error {
  padding-left: 10px;
  color: #ff0000;
  font-size: 10px;
}
#contact-btbox {
  width: 411px;
  height: 42px;
  margin: 10px 0 0 0;
  position: relative;
}
#contact-btbox input {
  position: absolute;
}
#next-btbox {
  width: 411px;
  height: 42px;
  margin: 5px 0 0 0;
  position: relative;
}
#next-btbox input {
  position: absolute;
}
input.input_btn {
  display: block;
  overflow: hidden;
  width: 181px;
  height: 42px;
  border: none;
  text-indent: -9999px;
  cursor: pointer;
}
#finish, #error {
  width: 590px;
  text-align: center;
  padding: 50px 0;
}
table.contact {
  width: 640px;
  background: #fff;
}
table.contact th {
  vertical-align: top;
  font-size: 13px;
  padding: 6px 6px;
  color: #333;
  border: solid 1px #CCC;
  background: #ededed;
}
table.contact td {
  padding: 6px 6px;
  font-size: 13px;
  border: solid 1px #CCC;
  background: #fff;
  vertical-align: top;
}
form {
  margin: 0;
  padding: 0;
}
.attention1 {
  color: #C00;
}
.attention2 {
  color: #36C;
}
div.button {
  text-align: center;
  padding: 10px 10px 20px;
}
div.button input {
  margin: 0 10px;
}
.formTable1 {
  width: 900px;
  font-size: 15px;
  line-height: 1.3em;
  border-collapse: collapse;
  background: #fff;
  margin: 20px 0 0 0;
}
.formTable1 th {
  width: 180px;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  padding: 8px 6px;
  border: solid 1px #CCC;
  background: #F5F5F5;
}
.formTable1 td {
  padding: 8px 6px;
  border: solid 1px #CCC;
  vertical-align: middle;
}
.formTable2 {
  width: 900px;
  font-size: 15px;
  line-height: 1.3em;
  border-collapse: collapse;
  background: #fff;
  margin: 20px 0 0 0;
}
.formTable2 th {
  width: 250px;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  padding: 8px 6px;
  border: solid 1px #CCC;
  background: #F5F5F5;
}
.formTable2 td {
  padding: 8px 6px;
  border: solid 1px #CCC;
  vertical-align: middle;
}
/***  ビニールシート・テント生地・製品カタログ一覧チェックボックス ***/
#contact_sampleForm .catalogChkBox {
  margin: 0 0 0 15px;
}
#contact_sampleForm .catalogChkBox ul {
  font-size: 0;
}
#contact_sampleForm .catalogChkBox ul li {
  display: inline-block;
  margin: 0 15px 50px 0;
  font-size: 15px;
  font-weight: normal;
  width: 183px;
  vertical-align: top;
  letter-spacing: normal;
  border: solid 1px #ccc;
  background: #fff;
  padding: 10px;
}
#contact_sampleForm .catalogChkBox ul li h4 {
  font-size: 15px;
  font-weight: bold;
  vertical-align: top;
  margin: 10px 0;
  line-height: 1.4em;
}
#contact_sampleForm .catalogChkBox ul li p {
  font-size: 14px;
  vertical-align: top;
  line-height: 1.4em;
}
#contact_sampleForm .catalogChkBox ul li .btn {
  font-size: 13px;
  text-align: center;
  background: #f09698;
  width: 183px;
  border-radius: 5px; /* CSS3 */
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px;
  margin: 10px auto 0 auto;
  line-height: 1.4em;
  color: #fff;
}
#contact_sampleForm .catalogChkBox ul li .btn a {
  display: block;
  color: #fff;
  line-height: 1.4em;
  padding: 10px 0 8px 0;
  border-radius: 5px; /* CSS3 */
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px;
  text-decoration: none;
}
#contact_sampleForm .catalogChkBox ul li .btn.visited a {
  text-decoration: none;
  color: #ff7c05;
  border-radius: 5px; /* CSS3 */
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px;
}
#contact_sampleForm .catalogChkBox ul li .btn a:hover {
  text-decoration: underline;
  color: #fff;
  background: #f3abad;
  border-radius: 5px; /* CSS3 */
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px;
}
#contact_sampleForm .catalogChkBox ul li .btn a:active {
  text-decoration: underline;
  color: #fff;
  background: #f3abad;
  border-radius: 5px; /* CSS3 */
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px;
}
#contact_sampleForm .catalogChkBox ul li .chkbtn {
  margin: 15px 0 0 5px;
  font-size: 15px;
  vertical-align: top;
  line-height: 1.4em;
}
#contact_sampleForm .catalogChkBox ul li .chkbtn span.mwform-checkbox-field-text {
  display: none;
}
#contact_sampleForm .catalogChkBox ul li .chkbtn input[type=checkbox] {
  width: 24px;
  height: 24px;
  -moz-transform: scale(1.4);
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}
#contact_sampleComfirm .catalogChkBox {
  margin: 0 0 0 0;
}
#contact_sampleComfirm .catalogChkBox ul {
  border: solid 1px #ccc;
  background: #fff;
  padding: 10px;
}
#contact_sampleComfirm .catalogChkBox ul li {
  display: block;
  margin: 0 0 15px 0;
  font-size: 20px;
  font-weight: normal;
  width: 300px;
  vertical-align: top;
  letter-spacing: normal;
  border: solid 0px #ccc;
  background: #fff;
  padding: 0px 0 0 20px;
  list-style-type: disc;
  background: url("contact_sample/img/dot.jpg") 10px center no-repeat;
}
#contact_sampleComfirm .catalogChkBox .catimg {
  display: none;
}
#contact_sampleComfirm .catalogChkBox h4 {
  display: none;
}
#contact_sampleComfirm .catalogChkBox p {
  display: none;
}
#contact_sampleComfirm .catalogChkBox .btn {
  display: none;
}
#contact_sampleComfirm .catalogChkBox .chkbtn span {
  display: none;
}
#contact_sampleEntry span.bikoatten {
  display: block;
  color: #ff0000;
}
#contact_sampleComfirm span.bikoatten {
  display: none;
}
#contact_sampleEntry .contact_sampleBtnBox2 {
  display: block;
}
#contact_sampleComfirm .contact_sampleBtnBox2 {
  display: none;
}
.contactChkBoxL {
  width: 245px;
  float: left;
}
.contactChkBoxR {
  width: 235px;
  float: left;
}
.contactChkBoxBtn {
  cursor: pointer;
  width: 200px;
  float: right;
  font-size: 16px;
  line-height: 1.5em;
  border: solid 2px #e40013;
  text-align: center;
  background: #fff;
  margin: 50px 0 0 0;
  border-radius: 5px; /* CSS3 */
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px;
}
.contactChkBoxBtn a {
  display: block;
  padding: 15px 10px 13px 10px;
  text-decoration: none;
  color: #333;
}
.contactChkBoxBtn .visited a {
  text-decoration: none;
  color: #333;
}
.contactChkBoxBtn a:hover {
  text-decoration: underline;
  color: #ff7c05;
}
.contactChkBoxBtn a:active {
  text-decoration: underline;
  color: #ff7c05;
}
/* width */
.form1 {
  width: 40px;
}
.form2 {
  width: 80px;
}
.form3 {
  width: 120px;
}
.form4 {
  width: 160px;
}
.form5 {
  width: 200px;
}
.form6 {
  width: 360px;
}
.form7 {
  width: 480px;
}
div.btnTxt {
  font-size: 16px;
}
div.btnTxt input.btn {
  height: 40px;
}
/*トラックボードお問い合わせBOX*/
.comContactBox-info {
  width: 858px;
  margin: 40px 0 0 0;
  border: solid 1px #ccc;
  border-top: solid 5px #d22d26;
  padding: 20px;
}
.comContactBox-info .contactM {
  font-size: 25px;
  text-align: center;
  padding: 0 0 15px 0;
  font-weight: bold;
  line-height: 1.4em;
  border-bottom: solid 1px #d22d26;
}
.comContactBox-info .contactLabel {
  font-size: 22px;
  color: #fff;
  width: 790px;
  margin: 30px 34px;
  text-align: center;
  padding: 10px 0 5px 0;
  background: #feab0d;
  font-weight: bold;
  line-height: 1.4em;
  border-radius: 40px; /* CSS3 */
  -moz-border-radius: 40px; /* Firefox */
  -webkit-border-radius: 40px;
}
.comContactBox-info .contactLabelConversion {
  font-size: 22px;
  color: #333;
  margin: 30px 0px;
  text-align: center;
  padding: 12px 0 5px 0;
  background: url('common/img/backgroundimg_conversion_short1.png') no-repeat;
  font-weight: bold;
  line-height: 1.4em;
}
.comContactBox-info .contactBtn {
  margin: 0 0 20px 0;
}
.comContactBox-info .contactBtn ul li {
  width: 420px;
  margin: 0 auto;
}
.comContactBox-info .contactBtn ul li img {
  width: 420px;
}
.comContactBox-info .contactTel {
  text-align: center;
}
.comContactBox-info .contactTel img {
  width: 375px;
}
.comContactBox-info .contactTel p {
  font-size: 18px;
  margin: 15px 0 0 0;
  text-align: center;
  line-height: 1.5em;
}
.comContactBox-info .contactTel p.s {
  font-size: 15px;
  line-height: 1.5em;
  text-align: center;
  margin: 0;
}
/**************************************************************************************************

通常投稿エリア

**************************************************************************************************/
.post {
  margin: 0 0 100px 0;
}
.post h2 {
  border-top: solid 3px #ff0000;
  border-bottom: solid 1px #ccc;
  line-height: 1.5em;
  font-size: 22px;
  color: #333;
  font-weight: bold;
  padding: 13px 5px 10px 12px;
  margin: 0 0 30px 0;
}
.post h3 {
  border-left: solid 3px #ff0000;
  border-bottom: solid 1px #ccc;
  line-height: 1.5em;
  font-size: 20px;
  color: #333;
  font-weight: bold;
  padding: 13px 5px 8px 15px;
  margin: 70px 0 20px 0;
}
.post h3.postTitSub {
  padding: 8px 5px 5px 15px;
  font-size: 16px;
}
.post h3.postTitSub span {
  color: #ff0000;
}
.post h4 {
  background: #ff0000;
  line-height: 1.5em;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  padding: 13px 5px 8px 15px;
  margin: 70px 0 20px 0;
}
.post .dotLine {
  margin: 70px 0;
  border-bottom: dashed 1px #aaa;
}
.post .attenTtl {
  background: #fff;
  border: 3px solid #c8c8c8;
  padding: 15px 20px;
  position: relative;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3em;
  margin: 70px 0 30px 0;
}
.post .attenTtl:before {
  border: 10px solid transparent;
  border-top-color: #fff;
  border-bottom-width: 0;
  bottom: -8px;
  content: "";
  display: block;
  left: 30px;
  position: absolute;
  width: 0;
  z-index: 1;
}
.post .attenTtl:after {
  border: 10px solid transparent;
  border-top-color: #c8c8c8;
  border-bottom-width: 0;
  bottom: -13px;
  content: "";
  display: block;
  left: 30px;
  position: absolute;
  width: 0;
}
.post p.dotted {
  font-size: 15px;
  line-height: 25px;
  color: #333;
  background: url("common/img/under_dot.png");
}
.post .attenBox {
  background: center 10px url("common/img/icon_atten.png") no-repeat;
  border: 3px solid #f48686;
  padding: 15px 20px;
  line-height: 1.3em;
  margin: 70px 0;
}
.post .attenBox .ttl {
  font-size: 22px;
  font-weight: normal;
  text-align: center;
  line-height: 1.3em;
  margin: 50px 0 20px 0;
}
.post .imgBox {
  margin: 70px 0;
}
.post .imgBoxL {
  float: left;
  width: 400px;
}
.post .imgBoxL img {
  width: 400px;
  height: auto;
}
.post .imgBoxR {
  float: right;
  width: 470px;
}
.post .imgBoxR .ttl {
  font-size: 20px;
  font-weight: bold;
  color: #ee4c59;
  line-height: 1.5em;
  margin: 5px 0 5px 0;
}
.post .imgBox2 {
  margin: 70px 0;
}
.post .imgBox2 ul li {
  float: left;
  width: 290px;
  margin: 0 15px 0 0;
}
.post .imgBox2 ul li.last {
  float: left;
  margin: 0;
}
.post .imgBox2 ul li img {
  margin: 0 0 7px 0;
  width: 290px;
  height: 290px;
}
.post .btnBox {
  margin: 60px 0;
  text-align: center;
}
.post .banTwoBox {
  background: #e6e6e6;
  padding: 18px 0;
  margin: 60px 0 100px 0;
}
.post .banTwoBox ul li {
  float: left;
  background: #fff;
  margin: 0 0 0 18px;
}
.post .banTwoBox ul li:nth-child(even) {
  float: right;
  margin: 0 18px 0 0;
}
.post .listInfo {
  width: 900px;
  margin: 30px 0;
}
.post .listInfo p {
  font-size: 15px;
  line-height: 1.6em;
}
.post .listInfoL {
  float: left;
  width: 300px;
}
.post .listInfoR {
  float: right;
  width: 580px;
}
.post .catalog_list {
  width: 910px;
  margin: 0 auto 20px;
}
.post .catalog_list li {
  width: 160px;
  margin: 0 6px 11px;
  box-sizing: border-box;
  float: left;
  list-style-type: none;
}
.post .catalog_list li a {
  text-decoration: none;
  cursor: pointer;
  float: left;
}
.post .catalog_list li a:hover img {
  opacity: .7;
}
.post .catalog_list li img {
  border: #ddd solid 1px;
  margin-bottom: 10px;
}
.post .catalog_list li span {
  font-size: 12px;
  float: bottom;
}
.post .catalog_list li i {
  font-size: 12px;
  margin-left: 11px;
}
.post .catalog_list li em {
  font-size: 12px;
  font-style: normal;
}
.post .catalog_list li strong {
  display: block;
  width: 100%;
  border-top: solid 1px #ddd;
}
.post .catalog_list_p {
  float: left;
}
.post .catalog_list_p strong {
  float: left;
  font-size: 19px;
  color: #ff0000;
}
/*商品ページ廃盤BOX*/
.haiban-txt {
  margin-bottom: 30px;
}
/* POST IN QAデザイン */
.post-inQa {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin: 25px 0;
  border: 5px solid #2a7cf6;
  box-sizing: border-box;
}
.post-inQa .post-inQaImg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.post-inQa .post-inQaImg img {
  display: block;
}
.post-inQa .post-inQaCont {
  padding: 20px;
}
.post-inQa h3 {
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  font-size: 18px;
}
.post-inQa h3 a, .post-inQa h3 i {
  color: #2a7cf6;
}
.post-inQa p {
  margin-top: 5px;
  font-size: 14px;
}
.post img[class*="wp-image-"] {
  height: auto;
}
/* =========== 情報TABLE =========== */
.post .listInfo table {
  width: 580px;
  font-size: 14px;
  line-height: 1.6em;
  border: solid 1px #ccc;
  border-collapse: collapse;
}
.post .listInfo td {
  line-height: 1.6em;
  width: 414px;
  padding: 8px;
  vertical-align: top;
  border: solid 1px #ccc;
}
.post .listInfo th {
  line-height: 1.6em;
  width: 150px;
  vertical-align: middle;
  background: #f0f0f0;
  border: solid 1px #ccc;
  padding: 8 0px;
  text-align: center;
  font-weight: bold;
}
.post .listInfoR h4 {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  line-height: 1.4em;
  border-left: solid 5px #e30013;
  padding: 0 0 0 10px;
  background: #fff;
  margin: 0 0 15px 0;
}
/* =========== 情報TABLE2 =========== */
.post .funcTbl {
  margin: 20px 0;
  width: 100%;
  border: solid 1px #ccc;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.4em;
}
.post .funcTbl th {
  padding: 8px;
  background: #f0f0f0;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  font-weight: bold;
  vertical-align: middle;
  box-sizing: border-box;
}
.post .funcTbl td {
  padding: 8px;
  border: solid 1px #ccc;
  vertical-align: middle;
  box-sizing: border-box;
}
.post .funcTbl th.kinouIcon {
  padding: 8px 0 8px 8px;
  width: 40px;
  border-right-style: none;
}
/* 製作価格は最安値保証  */
.post .priceHoshouBox {
  border: solid 5px #e50112;
  margin: 50px 0;
  padding: 15px 20px 0 20px;
  border-radius: 7px; /* CSS3 */
  -moz-border-radius: 7px; /* Firefox */
  -webkit-border-radius: 7px;
}
.post .priceHoshouBox .ttl {
  font-size: 35px;
  font-weight: bold;
  text-align: center;
  color: #e50112;
  border-bottom: solid 1px #ccc;
  padding: 0 0 10px 0;
  line-height: 1.5em;
  margin: 0 0 20px 0;
}
.post .priceHoshouBox p {
  font-size: 16px;
  margin: 0 0 15px 0;
  line-height: 1.6em;
}
/* チェックポイント  */
.post .chkpointBox {
  margin: 50px 0;
}
.post .chkpointBoxInner {
  border: solid 5px #f58426;
  padding: 20px 20px 0 20px;
  border-radius: 7px; /* CSS3 */
  -moz-border-radius: 7px; /* Firefox */
  -webkit-border-radius: 7px;
}
.post .chkpointBox p {
  font-size: 16px;
  margin: 0 0 15px 0;
  line-height: 1.6em;
}
/* チェックポイント  */
.post .chkpointBox {
  margin: 50px 0;
}
.post .chkpointBoxInner {
  border: solid 5px #f58426;
  padding: 20px 20px 0 20px;
  border-radius: 7px; /* CSS3 */
  -moz-border-radius: 7px; /* Firefox */
  -webkit-border-radius: 7px;
}
.post .chkpointBox p {
  font-size: 16px;
  margin: 0 0 15px 0;
  line-height: 1.6em;
}
/* イメージボックス3  */
.post .imgBox3 {
  margin: 70px 0;
}
.post .imgBox3L {
  float: left;
  width: 350px;
}
.post .imgBox3L img {
  width: 350px;
  height: auto;
}
.post .imgBox3R {
  float: right;
  width: 520px;
}
.post .imgBox3R .ttl {
  font-size: 25px;
  font-weight: bold;
  line-height: 1.5em;
  margin: 5px 0 20px 0;
}
.post .imgBox3R .txt500Box {
  background: #f6f0ec;
  padding: 20px;
}
.post .imgBox3R .txt500Box p {
  font-size: 16px;
  line-height: 1.6em;
}
/* 記事内の画像 */
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
div.post img {
  border: none;
}
div.post a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.alignleft {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}
.alignright {
  float: right;
  margin-left: 20px;
  margin-bottom: 10px;
}
.wp-caption {
  border: solid 1px #aaaaaa;
  text-align: center;
  padding-top: 5px;
  margin-top: 10px;
}
/*豆知識共通*/
.post.mamechishikiPost p.mame-atten{
  color: red;
  font-size: 1.2rem;
  font-weight: bold;
  padding-left: 1.8em;
  text-indent: -1.5em;
}
.post.mamechishikiPost p.mame-atten i{
 font-size: 23px;
}
.protype{}
.protype h4{
  background: none;
  line-height: 1.5em;
  font-size: 16px;
  color: #034B06;
  font-weight: f;
  font-weight: bold;
  margin: 20px 0 5px 0;
  padding: 0.2em 0 0.2em 0.5em;
  border-left: 5px solid #034B06;
}
.protype .typeBox{
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
margin: 0px;
}
.post .mamechishikiPost .protype p{
  margin: 0;
  font-size: 1rem;
  line-height: 1.6;
}
.protype .typeBox .cloimg{
width:40%;
margin: 0 20px 20px 0;
}
.protype .typeBox .clohyo{
  width: 56%;
}
.post.mamechishikiPost .kinou-hikaku{
}
.post.mamechishikiPost .kinou-hikaku ul{
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 20px 0px 0;
  padding: 10px;
  border-radius: 5px;
  background: #efefef;
  text-align: center;
  border: none;
}
.post.mamechishikiPost .kinou-hikaku li{
list-style: none;
  padding: 10px;
  width: 33%;
  width: calc( 100% / 3 );
  border: 1px solid #dcdcdc;
  background: #fff;
  box-sizing: border-box;
margin: 0;
}
.kinou-hikaku li:first-child{
border-radius: 3px 0 0 3px;
  border-right: 0 none;
}
.kinou-hikaku li:last-child{
border-radius: 3px 0 0 3px;
  border-left: 0 none;
}
.post.mamechishikiPost .kinou-hikaku .productname{
  position: relative;
  margin: 5px;
  padding-bottom: 8px;
  font-size: 15px;
  font-weight: bold;
  color: #029b02;
line-height: 1.5rem;
}
.post.mamechishikiPost .kinou-hikaku .productimg{
  margin: 0px 0 15px 0;
  font-size: 1rem;
  line-height: 1.6;
}
.post.mamechishikiPost .kinou-hikaku .product-point{
  margin: 5px 0 0 0;
  font-size: 0.85rem;
  line-height: 1.6;
text-align: left;
  color: #666;
}
/*豆知識施工都道府県*/
.mame-todofuken-box{
  font-size: 15px;
}
.mame-todofuken-box dl {
  display: flex;
  margin: 10px 0;
}
.mame-todofuken-box dl dt {
  background-color: #E60012;
  padding: 9px;
  color: #FFF;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  width: 100px;
  text-align: center;
}
.post .mame-todofuken-box ul.prefecturesname  {
display: flex;
  margin: 5px;
  border: none;
  font-size: 0.9rem;
  line-height: 1.6;
background:none;
  padding: 0px;
}
.post .mame-todofuken-box ul.prefecturesname  li{
list-style:none;
margin: 0px 0;
color: #959595;
  margin-left: 15px;
}
.post.mamechishikiPost ul.prefecturesname  > li + li {
  margin-top: 0;
}
.post.mame-todofuken-box dl dt ul.prefecturesname  > li {
  /* list-style: disc outside; */
}
/**************************************************************************************************

YouTube

**************************************************************************************************/
.youtube {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.youtube-3colum {
  position: relative;
  margin: 0 10px 10px 10px;
  padding-bottom: 166%;
  height: 0;
  overflow: hidden;
}
.youtube-3colum iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/**************************************************************************************************
*** 新見出し(vp2)
**************************************************************************************************/
.post .vp2-heading, .vp2-heading {
  margin: 0 0 1rem 0;
  padding: 0;
  border: 0 none transparent;
  font-size: 30px;
  line-height: 1.2;
  font-weight: bold;
  color: #333;
}
.vp2-h2, .post .vp2-h2 {
  margin: 4.5rem 0 1rem 0;
  padding: 10px 20px 8px 20px;
  background: linear-gradient(#f85945, #e60012);
  border: solid 2px #e60012;
  border-radius: 3px;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px 0px #4a0006;
}
.vp2-h2.vp2-h2-t0 {
  margin: 0rem 0 1rem 0;
}
.vp2-h2.vp2-h2b, .post .vp2-h2.vp2-h2b {
  background: linear-gradient(#1e67bb, #094699);
  border: solid 2px #094699;
  color: #fff;
  text-shadow: 1px 1px 0px #094699;
}
.vp2-h2.vp2-h2n, .post .vp2-h2.vp2-h2n {
  background: linear-gradient(#109514, #076447);
  border: solid 2px #076447;
  color: #fff;
  text-shadow: 1px 1px 0px #044C06;
}
.vp2-h2.vp2-h2t, .post .vp2-h2.vp2-h2t {
  background: linear-gradient(#e62e61, #aa1740);
  border: solid 2px #aa1740;
  color: #fff;
  text-shadow: 1px 1px 0px #881132;
}
.vp2-h2n.mt-70 {
  margin-top: 70px;
}
/* adjust margin (h2) */
.vp2-item-nav + .vp2-h2, .post .vp2-item-nav + .vp2-h2 {
  margin: 2rem 0 1rem 0;
}
/* h2 side button */
.vp2-h2-btn {
  position: relative;
}
.vp2-h2-btn a {
  position: absolute;
  top: -3.7rem;
  right: .8rem;
  padding: .6em .8em;
  border-radius: 4px;
  background: #fff;
  font-size: .8rem;
  font-weight: bold;
  line-height: 1.2em;
  color: #e60012;
  box-shadow: 1px 1px 0 0 #b0000e;
}
.vp2-h2-btn a::after {
  content: "\f105";
  display: inline-block;
  margin-left: .5em;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-rendering: auto;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
h2.vp2-h3, h3.vp2-h3, .post h2.vp2-h3, .post h3.vp2-h3, .post h4.vp2-h4 {
  margin: 4rem 0 1.5rem 0;
  padding: .6rem 10px .6rem 15px;
  border: 0 none transparent;
  border-left: solid 5px #e60012;
  border-radius: 0 3px 3px 0;
  background: #f0f0f0;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.4em;
  color: #333;
}
h2.vp2-h3.vp2-h3b, h3.vp2-h3.vp2-h3b, .post h2.vp2-h3.vp2-h3b, .post h3.vp2-h3.vp2-h3b {
  border-left: solid 5px #094699;
}
h2.vp2-h3.vp2-h3n, h3.vp2-h3.vp2-h3n, .post h2.vp2-h3.vp2-h3n, .post h3.vp2-h3.vp2-h3n, .post h4.vp2-h4n {
  border-left: solid 5px #076447;
}
h2.vp2-h3.vp2-h3t, h3.vp2-h3.vp2-h3t, .post h2.vp2-h3.vp2-h3t, .post h3.vp2-h3.vp2-h3t {
  border-left: solid 5px #aa1740;
}
.vp2-h2 + .vp2-h3, .post h2.vp2-h2 + .vp2-h3 {
  margin: 2rem 0 1.5rem 0;
}
h2.vp2-h3 span, h3.vp2-h3 span, .post h2.vp2-h3 span, .post h3.vp2-h3 span {
  display: block;
  padding-top: .25rem;
  font-size: .75rem;
  line-height: 1.2;
  font-weight: normal;
}
.vp2-h3m1, .post h3.vp2-h3m1 {
  margin: 40px 0 .5rem 0;
  padding: 0;
  border: 0 none;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: bold;
}
/* adjust margin (h3) */
/* h4 level (vp2) */
.vp2-h4, .post .vp2-h4, .post .vp2-h4c {
  margin: 2rem 0 1rem 0;
  padding: .5rem 0.5rem .25rem .5rem;
  background: #f0f0f0;
  border-bottom: solid 1px #ccc;
  border-radius: 3px 3px 0 0;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: bold;
  color: #333;
}
.vp2-h4.vp2-h4ct, .post .vp2-h4.vp2-h4ct, .post .vp2-h4c.vp2-h4ct {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.vp2-h4.vp2-h4ct span, .post .vp2-h4.vp2-h4ct span, .post .vp2-h4c.vp2-h4ct span {
  margin-right: .5rem;
  margin-bottom: .1rem;
  padding: .35rem .25rem .25rem;
  border-radius: 3px;
  background: #e60012;
  font-size: .8rem;
  line-height: 1;
  color: #fff;
}
.vp2-h4m1, .post h4.vp2-h4m1 {
  margin: 1.5rem 0 .5rem 0;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: bold;
  color: #333;
}
h5.vp2-h5m1 {
  margin: 1.5rem 0 .2rem 0;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: bold;
  color: #333;
}
.vp2-ttl-label, .post .vp2-ttl-label {
  display: table;
  margin: 1.5rem 0 .5rem 0;
  padding: .6rem .6rem .5rem .6rem;
  border-radius: 4px;
  background: #000;
  font-size: .85rem;
  line-height: 1;
  font-weight: normal;
  color: #fff;
}
/* h4 level (vp3) */
.vp3-h4, .post .vp3-h4 {
  background: #fafafa;
  line-height: 1.5em;
  font-size: 20px;
  color: #333;
  font-weight: bold;
  padding: 8px 5px 5px 13px;
  margin: 40px 0 20px 0;
  border: 1px solid #ddd;
  border-bottom: solid 2px #e40112;
}
/**************************************************************************************************
*** 新カラム(vp2)
**************************************************************************************************/
.vp2-ly-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.vp2-ly-wrap.vp2-ly-nowrap {
  -ms-flex-wrap: inherit;
  flex-wrap: inherit;
}
.vp2-ly-wrap img {
  max-width: 100%;
}
.vp2-ly-column2 {
  margin-right: 15px;
  width: 435px;
  width: calc(100% / 2 - 15px);
}
.vp2-ly-column2:nth-child(2n) {
  margin-right: 0;
  margin-left: 15px;
}
.vp2-ly-column2-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.vp2-ly-column2-box {
  margin-left: 15px;
}
/* irregular margin */
.vp2-ly-column2 > p {
  margin: 1rem 0;
}
/**************************************************************************************************
*** 新カラム(vp3)
**************************************************************************************************/
.vp3-ly-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
   justify-content: space-between;
}
.vp3-ly-wrap img {
  max-width: 100%;
}
.vp3-ly-column3 {
  margin-right: 15px;
  width: 280px;
}
.vp3-ly-column3:nth-child(3n) {
  margin-right: 0;
 }
.vp3-ly-column3-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.vp3-ly-column3-box {
  margin-left: 15px;
}
/* irregular margin */
.vp3-ly-column3 > p {
  margin: 1rem 0;
}
.vp3-img {
  margin: 1.5rem 0;
}
/*マグネットカーテン動画*/
.movie-box{
  display: flex;
}
.movie-box video{
  height: 500px;
  margin-left: 10px;
  width: 280px;
}
/**************************************************************************************************
*** 新コンテンツ(vp2)
**************************************************************************************************/
/* txt(vp2) */
.vp2-note-txt {
  margin: .5rem 0 1rem 0;
  font-size: .8rem !important;
  line-height: 1.4 !important;
  color: #666;
}
/* img(vp2) */
.vp2-img {
  margin: 1.5rem 0;
}
.vp2-img-min {
  margin: 1rem 0;
}
.vp2-img-head {
  margin-bottom: 1.5rem;
}
.disp-img-round img {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  border-radius: 8px;
}
/* list(vp2) */
.vp2-spec-list {
  position: relative;
  margin-top: 1.25em;
  margin-bottom: .5em;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: .75rem;
  line-height: 1.4;
  color: #666;
}
.vp2-spec-list span {
  position: absolute;
  display: inline-block;
  padding: 0 0.5em;
  top: -0.7em;
  left: 0.5em;
  background: #fff;
  font-weight: bold;
}
.vp2-spec-list ol {
  margin-top: 0.7em;
  padding: 0.25em .5em .5em 1.75em;
}
.vp2-spec-list ol li {
  list-style-type: disc;
  padding: initial;
  width: auto;
}
/* irregular margin (p) */
.disp-img-round + p {
  margin-top: 1em;
  margin-bottom: 1em;
}
#mainBox > p, #contensArea > p {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
/**************************************************************************************************
*** 新ボタン(vp2)
**************************************************************************************************/
.vp2-btn-back {
  display: -ms-flexbox;
  display: flex;
  margin: 1.5rem 0;
}
.vp2-btn-back a {
  display: inline-block;
  margin: 0;
  padding: 12px;
  border: 1px solid #999;
  border-radius: 3px;
  font-size: .75rem;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: #999;
  box-sizing: border-box;
}
.vp2-btn-back a:hover, .vp2-btn-back a:active {
  border: 1px solid #333;
  color: #333;
}
.vp2-btn-back a:before {
  content: "\f053";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  text-align: center;
  width: 1.25em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
/**************************************************************************************************
*** 新サンプル請求枠(vp2)
**************************************************************************************************/
.vp2-sample {
  display: -ms-flexbox;
  display: flex;
  margin: 2rem 0;
  border: 1px solid #4E9BD5;
  border-radius: 4px;
  background: #F0F9FF;
}
.vp2-sample > div {
  padding: 1rem;
}
.vp2-sample .vp2-sample-ttl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: auto;
  background: #4E9BD5;
  font-size: 1rem;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
}
.vp2-sample .vp2-sample-ttl::before {
  content: "\f4fc";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  margin-right: .25em;
  font-size: 1.3rem;
  font-weight: 900;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.vp2-sample .vp2-sample-cont {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.vp2-sample .vp2-sample-item-ttl {
  margin: 0;
  padding: 0;
  font-size: .9rem;
  font-weight: bold;
  line-height: 1.5;
  color: #4E9BD5;
}
.vp2-sample p {
  font-size: .8rem;
  line-height: 1.5;
}
.vp2-sample a {
  margin: 0 .5rem 0 1rem;
  padding: .5rem;
  border-radius: 3px;
  background: #1f74e1;
  font-size: .8rem;
  line-height: 1;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}
.vp2-sample a::after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  margin-left: .25em;
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.vp2-sample a:hover, .vp2-sample a:active {
  opacity: 0.7;
}
/**************************************************************************************************
*** 追加CSS for all
**************************************************************************************************/
.bnrLinks:hover, .bnrLinks:active {
  opacity: 0.7;
}
/**************************************************************************************************
*** 追加コンテンツデザイン
**************************************************************************************************/
.vp-cont-navi {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  margin: 1.5em 0 .5em 0;
  font-size: 16px;
}
.vp-cont-navi li {
  margin-bottom: 1em;
  margin-right: 1em;
}
.vp-cont-navi li a {
  color: #1287d4;
}
.vp-cont-navi li a:before {
  display: inline-block;
  margin-right: .3em;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.contCmnBox {
  margin: 30px 2px 20px 0;
  padding: 0 18px 18px 18px;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.contCmnBox .contCmnBoxTtl {
  margin: 18px 0 4px 0;
  padding: 0;
  border: 0 none transparent;
  background: transparent;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.35em;
  color: #333;
}
.contCmnBox p {
  font-size: 14px;
}
.contCmnBoxImgL {
  display: table-cell;
  padding-top: 20px;
  padding-right: 20px;
  vertical-align: top;
}
.contCmnBoxImgR {
  display: table-cell;
  padding-top: 20px;
  padding-left: 20px;
  vertical-align: top;
}
.contCmnBoxCont {
  display: table-cell;
  vertical-align: top;
}
.contLayoutBox {
  display: inline-block;
  margin-top: 20px;
  border: 5px solid #eee;
}
.contLayoutBox ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 889px;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  box-sizing: border-box;
}
.contLayoutBox ul li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-height: 100%;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
}
.contLayoutBox ul li span {
  display: block;
}
.contLayoutBox .contLayoutBox-Item2 li {
  width: 444px;
  width: calc(100% / 2);
}
.contLayoutBox .contLayoutBox-Item3 li {
  width: 296px;
  width: calc(100% / 3);
}
.contLayoutBox .contLayoutBox-Item4 li {
  width: 222px;
  width: calc(100% / 4);
}
.contLayoutBox .contLayoutBox-Item5 {
  width: 890px;
}
.contLayoutBox .contLayoutBox-Item5 li {
  width: 178px;
  width: calc(100% / 5);
}
.contLayoutBox .contLayoutBox-Item5 li:nth-child(5n) {
  width: 177px;
  width: calc(100% / 5);
}
.contLayoutBox .contLayoutBox-Blank {
  display: none;
}
.contLayoutBox.oneLayout {
  display: block;
}
.post .contLayoutBox.oneLayout img {
  max-width: 100%;
}
.oneLayout .subHeading {
  margin-top: 0;
  padding: 8px 20px;
  background: #f8f8f8;
}
.contLayoutBoxInner {
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  margin-bottom: 20px;
}
.contLayoutBoxInnerBox {
  margin-left: 20px;
}
.category-menu-module {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.category-menu-module li {
  margin-top: 20px;
}
.category-menu-module.option-menu-module {
  margin-top: 50px;
}
.mtop20 {
  margin-top: 20px;
}
.productIntroduction li {
  width: calc(100% / 3);
}
.productIntroduction .pititle {
  font-size: 20px;
  line-height: 1.6em;
  color: #01758A;
  font-weight: bold;
  text-align: center;
  padding-top: 0.5em;
  width: 93%;
  left: 10px;
}
.pilistStyle {
  border: 0;
}
.productIntroduction .pilistStyle li {
  position: relative;
  padding: 11px 5px 10px 2.5em;
  margin: 7px 0 10px 10px;
  font-size: 16px;
  border-bottom: dashed 1px #ccc;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  display: -webkit-box;
  color: #707070;
  font-weight: bold;
  width: 93%;
}
.productIntroduction .pilistStyle li:before {
  counter-increment: list;
  content: counter(list);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #ff9f02;
  color: #fff;
  position: absolute;
  left: 10px;
  line-height: 27px;
  text-align: center;
  top: 15%;
  font-weight: normal;
}
.pilistStyle ol, .pilistStyle ul {
  counter-reset: list;
  list-style-type: none;
  font-size: 16px;
  line-height: 1em;
  display: block;
  border: 0px;
  width: 100%;
}
.piline {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #01758A;
  font-size: 16px;
  background: #FFF;
  border-bottom: solid 3px #01758A;
  box-sizing: border-box;
}
.piline:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}
.piline:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #01758A;
  z-index: 1;
}
.piline p {
  margin: 0;
  padding: 0;
}
.piTitleBox {
  display: flex;
}
.piItemBtnBase {
  margin-top: 60px;
  margin-left: 342px;
}
.piItemBtn {
  display: inline-block;
  padding: 8px 8px 8px 12px;
  border: 1px solid #1f74e1;
  border-radius: 4px;
  background: #1f74e1;
  font-size: .85rem;
  line-height: 1;
  box-sizing: border-box;
}
.piItemBtn:link, .piItemBtn:visited {
  color: #fff;
  text-decoration: none;
}
.piItemBtn:active, .piItemBtn:hover {
  border: 1px solid #1f74e1;
  background: #fff;
  color: #1f74e1;
}
/* ---------------------------------------------------
 category-list-wrap
---------------------------------------------------- */
.category-list-wrap {
  margin: 50px 0;
}
.category-list-heading {
  margin-bottom: 2px;
  padding: 0 15px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.25;
  color: #444;
}
.category-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 15px;
  font-size: 14px;
}
.category-list li {
  margin-top: 10px;
  color: #1287d4;
}
.category-list li .fa-folder-open {
  margin-right: 4px;
}
/* ---------------------------------------------------
 PLUGIN WP-Page Navi
---------------------------------------------------- */
.navigation {
  padding: 15px;
  text-align: center;
}
.wp-pagenavi {
  font-weight: normal;
  font-size: 15px;
}
.wp-pagenavi a, .wp-pagenavi a:link {
  padding: 4px 8px 4px 8px;
  margin: 3px 4px;
  text-decoration: none;
  border: 1px solid #aaa;
  color: #666;
  background-color: #e7e8e3;
}
.wp-pagenavi a:visited {
  padding: 4px 8px 4px 8px;
  margin: 3px 4px;
  text-decoration: none;
  border: 1px solid #aaa;
  color: #666;
  background-color: #e7e8e3;
}
.wp-pagenavi a:hover {
  border: 1px solid #aaa;
  color: #fff;
  background-color: #e30b20;
}
.wp-pagenavi a:active {
  padding: 4px 8px 4px 8px;
  margin: 3px 4px;
  text-decoration: none;
  border: 1px solid #aaa;
  color: #fff;
  background-color: #e30b20;
}
.wp-pagenavi span.pages {
  padding: 4px 8px 4px 8px;
  margin: 3px 4px;
  color: #666;
  border: 1px solid #aaa;
  background-color: #e7e8e3;
}
.wp-pagenavi span.current {
  padding: 4px 8px 4px 8px;
  margin: 3px 4px;
  border: 1px solid #aaa;
  color: #fff;
  background-color: #e30b20;
}
.wp-pagenavi span.extend {
  padding: 4px 8px 4px 8px;
  margin: 3px 4px;
  border: 1px solid #aaa;
  color: #666;
  background-color: #e7e8e3;
}
/* ---------------------------------------------------
 construction/vinylcurtain,/net,/tent WP-Page Navi
---------------------------------------------------- */
/**************************************************************************************************
*** 施工タブ
**************************************************************************************************/
.vp-group-tab-const {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 20px;
  height: 70px;
  border-bottom: 2px solid #c8c8c8;
}
.vp-group-tab-const li {
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
    width: 100%;
}
.vp-group-tab-const.vp-group-tab2 li {
  width: calc(100% / 2);
}
.vp-group-tab-const.vp-group-tab3 li {
  width: calc(100% / 3);
}
.vp-group-tab-const.vp-group-tab4 li {
  width: calc(100% / 4);
}
.vp-group-tab-const.vp-group-tab5 li {
  width: calc(100% / 5);
}
.vp-group-tab-const li a, .vp-group-tab-const li span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: 0;
  height: 60px;
  border-top: solid 1px #c8c8c8;
  border-left: solid 1px #c8c8c8;
  border-right: solid 1px #c8c8c8;
  border-radius: 4px 4px 0 0;
  background: #f0f0f0;
  background: linear-gradient(#fff, #f0f0f0);
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  text-decoration: none;
  text-align: center;
  color: #000;
  box-sizing: border-box;
  padding-top: 5px;
}
.vp-group-tab-const li:first-child a, .vp-group-tab-const li:first-child span {
  border-left: 1px solid #c8c8c8;
}
.vp-group-tab-const li:last-child a, .vp-group-tab-const li:last-child span {
  border-right: 1px solid #c8c8c8;
}
.vp-group-tab-const li span {
  height: 70px;
}
.vp-group-tab-const li a:hover, .vp-group-tab-const li span {
  opacity: 1.0;
  border-color: #E70012;
  background: #E70012;
  background: linear-gradient(#f85945, #E70012);
  color: #fff;
}
.vp-group-tab-const li:first-child a:hover, .vp-group-tab-const li:first-child span {
  border-color: #e60012;
}
.vp-group-tab-const li:last-child a:hover, .vp-group-tab-const li:last-child span {
  border-color: #e60012;
}
/* サブテキスト付きタブ */
.vp-group-tab-const.vp-group-tabh {}
.vp-group-tab-const.vp-group-tabh li a, .vp-group-tab-const.vp-group-tabh li span {
  -ms-flex-direction: column;
  flex-direction: column;
}
.vp-group-tab-const.vp-group-tabh em {
  display: block;
  font-size: .7rem;
  line-height: 1.5;
  color: #666;
}
.vp-group-tab-const.vp-group-tabh li a:hover em, .vp-group-tab-const.vp-group-tabh li span em {
  color: #fff;
  line-height: 1.5;
}
/*施工工事（都道府県ヘッダー）*/
/*ビニールカーテン*/
.constpage {
  margin: 0 0px;
}
.shichoson-area {
  margin-bottom: 20px;
}
.shichoson-area ul {
  font-size: 15px;
}
.shichoson-area li {
  display: inline-block;
  padding: 2px 14px 2px 0;
  line-height: 20px;
}
.shichoson-area li::before {
  content: '■';
}

#todofuken-head-viny {
  width: 900px;
  height: 226px;
  background: url(/img/guide/construction/vinylcurtain-prefectures.png) no-repeat;
  margin-bottom: 1rem;
  padding: 94px 0 0 0;
}
#todofuken-head-tent {
  width: 900px;
  height: 226px;
  background: url(/img/guide/construction/tent-prefectures.png) no-repeat;
  margin-bottom: 1rem;
  padding: 94px 0 0 0;
}
#todofuken-head-net {
  width: 900px;
  height: 226px;
  background: url(/img/guide/construction/net-prefectures.png) no-repeat;
  margin-bottom: 1rem;
  padding: 94px 0 0 0;
}
#todofuken-head-sheet-shutter {
  width: 900px;
  height: 226px;
  background: url(/img/guide/construction/sheet-shutter-prefectures.png) no-repeat;
  margin-bottom: 1rem;
  padding: 94px 0 0 0;
}
#todofuken-head-storetent {
  width: 900px;
  height: 226px;
  background: url(/img/guide/construction/storetent-prefectures.png) no-repeat;
  margin-bottom: 1rem;
  padding: 94px 0 0 0;
}
#todofuken-head-vinylbooth {
  width: 900px;
  height: 226px;
  background: url(/img/guide/construction/vinylbooth-prefectures.png) no-repeat;
  margin-bottom: 1rem;
  padding: 94px 0 0 0;
}
#todofuken-head-viny h2 {
  color: #fa0000;
  line-height: 60px;
  font-size: 53px;
  font-weight: bold;
  text-align: center;
  text-shadow:
    white 1px 1px 0px, white 1px -1px 0px, white -1px 1px 0px, white -1px -1px 0px, #535353 4px 4px 0px, #000 2px 2px 5px;
}
#todofuken-head-tent h2 {
  color: #1f60b8;
  line-height: 60px;
  font-size: 53px;
  font-weight: bold;
  text-align: center;
  text-shadow:
    white 1px 1px 0px, white 1px -1px 0px, white -1px 1px 0px, white -1px -1px 0px, white 2px 2px 0px, #000 2px 2px 5px;
}
#todofuken-head-net h2 {
  color: orangered;
  line-height: 60px;
  font-size: 53px;
  font-weight: bold;
  text-align: center;
  text-shadow:
    white 1px 1px 0px, white 1px -1px 0px, white -1px 1px 0px, white -1px -1px 0px, #535353 4px 4px 0px, #000 2px 2px 5px;
}
#todofuken-head-sheet-shutter h2 {
  color: #01758A;
  line-height: 60px;
  font-size: 53px;
  font-weight: bold;
  text-align: center;
  text-shadow:
    white 1px 1px 0px, white 1px -1px 0px, white -1px 1px 0px, white -1px -1px 0px, #535353 4px 4px 0px, #000 2px 2px 5px;
}
#todofuken-head-storetent h2 {
  color: #d31d53;
  line-height: 60px;
  font-size: 53px;
  font-weight: bold;
  text-align: center;
  text-shadow:
    white 1px 1px 0px, white 1px -1px 0px, white -1px 1px 0px, white -1px -1px 0px, #535353 4px 4px 0px, #000 2px 2px 5px;
}
#todofuken-head-vinylbooth h2 {
  color: #fe8b0a;
  line-height: 60px;
  font-size: 53px;
  font-weight: bold;
  text-align: center;
  text-shadow:
    white 1px 1px 0px, white 1px -1px 0px, white -1px 1px 0px, white -1px -1px 0px, #535353 4px 4px 0px, #000 2px 2px 5px;
}
#todofuken-head-viny h2 span,
#todofuken-head-tent h2 span,
#todofuken-head-net h2 span,
#todofuken-head-sheet-shutter h2 span,
#todofuken-head-storetent h2 span,
#todofuken-head-vinylbooth h2 span
{
  font-size: 40px;
}
/**************************************************************************************************

H2

**************************************************************************************************/
.connavi-sub-ttl {
  margin-top: 2em;
  margin-bottom: .75em;
  padding: .2em 0 .2em .5em;
  border-left: 5px solid #e40112;
  font-size: 28px;
  line-height: 1;
  font-weight: bold;
}
#userguide .guide-sub-ttl + h3 {
  margin-top: 1.5em;
}
.contLayoutBox-catenavi {
  display: inline-block;
  margin-top: 20px;
  border: 5px solid #eee;
}
.contLayoutBox-catenavi ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 889px;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  box-sizing: border-box;
}
.contLayoutBox-catenavi ul li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 100%;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
}
.const-target-item .const-target-img-wp {
  width: 100%;
}
.contLayoutBox-catenavi ul li span {
  display: block;
}
.contLayoutBox-catenavi .contLayoutBox-Item4 li {
  width: 222px;
  width: calc(100% / 4);
}
/*施工ページカテゴリバナー*/
.cate-bnr {
  margin-top: 30px;
}
.constmenu-top{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.constmenu-top a:hover{text-decoration: none;}
.constmenu-top li{
    width: calc(33.33% - 8px);
    margin-right: 12px;
    margin-bottom: 12px;
    box-sizing: border-box;
}
.constmenu-top li:nth-child(3n){
    margin-right: 0px;
}
.const-vinyl img,
.const-tent img,
.const-net img,
.const-sheet-shutter img,
.const-storetent img,
.const-vinylbooth img{
    object-fit: cover;
    padding: 2px;
}
.const-top-name{
    padding: 10px;
}
.const-top-name p{
    font-size: 13px;
    line-height: 1.5em;
    text-align: justify;
}
.const-top-name h2{
    font-size: 21px;
    font-weight: bold;
    line-height: 1.2em;
    padding-bottom: 5px;
    min-height: 45px;
    text-align: center;
}
.const-vinyl h2{
    color: #e60012;
}
.const-tent h2{
    color: #ae0c3c;
}
.const-net h2{
    color: #076447;
}
.const-sheet-shutter h2{
    color: #01758a;
}
.const-storetent h2{
    color: #d21d52;
}
.const-vinylbooth h2{
    color: #1052a5;
}
.const-vinyl{border: 4px solid #e60012 ;}
.const-tent{border: 4px solid #ae0c3c ;}
.const-net{border: 4px solid #076447 ;}
.const-sheet-shutter{border: 4px solid #01758a ;}
.const-storetent{border: 4px solid #d21d52 ;}
.const-vinylbooth{border: 4px solid #1052a5 ;}

/*都道府県で探すタイトル*/
#userguide .area-title {
  font-size: 20px;
  background: #E60012;
  color: #FFF;
  background-image: url(/img/guide/construction/japan_icon_c.png);
  background-repeat: no-repeat;
  background-position: left;
  padding: 15px 12px 15px 66px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: none;
  margin: 60px 0 20px 0;
}
.todofuken-box {
  font-size: 15px;
}
.todofuken-box dl {
  display: flex;
  margin: 10px 0;
}
.todofuken-box dl dt {
  background-color: #E60012;
  padding: 9px;
  color: #FFF;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  width: 100px;
  text-align: center;
}
.todofuken-box ul {
  display: flex;
  margin: 10px 0 0 10px;
}
.todofuken-box li {
  color: #959595;
  margin-left: 15px;
}
.todofuken-box li a {
  text-decoration: underline;
}
/*施工対応製品*/
#userguide .seihin-title {
  background: #E60012;
  color: #FFF;
  background-image: url(/img/guide/construction/curtain_icon_c.png);
  background-repeat: no-repeat;
  background-position: left;
  padding: 15px 12px 15px 66px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: none;
}
#userguide .product-box {}
#userguide .product-box ul {
  display: flex;
  flex-wrap: wrap;
  width: 900px;
}
#userguide .product-box li {
  width: calc(100% / 5);
}
#userguide .product-box li img {
  width: 170px;
  margin-bottom: 10px;
}
/*新・全国施工エリア*/
.guide-tbl ul {
  display: inline;
  font-size: 12px;
}
.guide-tbl li {
  display: inline;
}
.guide-tbl li ul li:after {
  content: '、';
}
.guide-tbl li:last-child:after {
  content: none;
}
.guide-tbl li ul li:last-child:after {
  content: none;
}
.oogata-subarea {
  margin-top: 0.5em;
  padding: 0.5em 0.75em;
  border: 1px dotted #999;
  border-radius: 3px;
  background: #f8f8f8;
  width: -webkit-fill-available;
}
.guide-tbl ul.oogata-subarea {
  display: inline-block;
}
.oogata-subarea ul {
  display: inline;
}
.oogata-subarea li {
  display: inline;
  padding: 0;
}
.oogata-subarea li ul li:after {
  content: '、';
}
.oogata-subarea li ul li:last-child:after {
  content: none;
}
.oogata-subarea li:before {
  content: none;
}
#userguide h3 ~ h4 {
  margin: 25px 0;
}
#userguide .shichoson-area h4 {
  font-size: 18px;
  padding: 8px 0 0 0;
  line-height: 1.5em;
  border-bottom: none;
  color: #333;
  background: none;
}
/**************************************************************************************************

共通お問い合わせ(WP)

**************************************************************************************************/
#userguide .comContactBox-wp {
  width: 858px;
  margin: 40px 0 0 0;
  border: solid 1px #ccc;
  border-top: solid 5px #d22d26;
  padding: 20px;
}
#userguide .comContactBox-wp .contactM {
  font-size: 25px;
  text-align: center;
  padding: 0 0 15px 0;
  font-weight: bold;
  line-height: 1.4em;
  border-bottom: solid 1px #d22d26;
}
#userguide .comContactBox-wp .contactLabel {
  font-size: 22px;
  color: #fff;
  width: 790px;
  margin: 30px 34px;
  text-align: center;
  padding: 10px 0 5px 0;
  background: #feab0d;
  font-weight: bold;
  line-height: 1.4em;
  border-radius: 40px; /* CSS3 */
  -moz-border-radius: 40px; /* Firefox */
  -webkit-border-radius: 40px;
}
#userguide .comContactBox-wp .contactLabelConversion {
  font-size: 22px;
  color: #333;
  margin: 30px 0px;
  text-align: center;
  padding: 12px 0 5px 0;
  background: url('common/img/backgroundimg_conversion_short2.png') no-repeat;
  font-weight: bold;
  line-height: 1.4em;
}
#userguide .comContactBox-wp .contactLabelConversionSheetshutter {
  font-size: 22px;
  color: #333;
  margin: 30px 0px;
  text-align: center;
  padding: 12px 0 5px 0;
  background: url('common/img/backgroundimg_conversion.png') no-repeat;
  font-weight: bold;
  line-height: 1.4em;
}
#userguide .comContactBox-wp .contactBtn {
  margin: 0 0 20px 0;
}
#userguide .comContactBox-wp .contactBtn ul li {
  width: 420px;
  float: left;
}
#userguide .comContactBox-wp .contactBtn ul li img {
  width: 420px;
}
#userguide .comContactBox-wp .contactBtn ul li:nth-child(even) {
  width: 420px;
  float: right;
}
#userguide .comContactBox-wp .contactTel {
  text-align: center;
  margin-top: 30px;
}
#userguide .comContactBox-wp .contactTel ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#userguide .comContactBox-wp .contactTel ul .partitionline{
  border-left:2px solid #333333;
  margin: 20px 15px 0 15px;
  }

#userguide .comContactBox-wp .contactTel img {
  width: 270px;
}
#userguide .comContactBox-wp .contactTel p {
  font-size: 18px;
  margin: 15px 0 0 0;
  text-align: center;
  line-height: 1.5em;
}
#userguide .comContactBox-wp .contactTel p.s {
  font-size: 15px;
  line-height: 1.5em;
  text-align: center;
  margin: 0;
}
.linkToList-blue, .linkToList-blue:link, .linkToList-blue:visited {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  padding: 15px 25px;
  width: 36%;
  border: 2px solid #1F74E1;
  border-radius: 4px;
  background: #fff;
  font-size: 18px;
  line-height: 130%;
  box-shadow: 2px 2px 0 0 #144EB1;
  box-sizing: border-box;
  color: #1F74E1;
}
.linkToList-blue:hover, .linkToList-blue:active {
  border: 2px solid #1F74E1;
  background: #1F74E1;
  text-decoration: none;
  color: #fff;
}
.linkToList-blue span {
  -ms-flex-positive: 1;
  flex-grow: 1;
  line-height: 18px;
}
.linkToList-blue i.fa-file-pdf {
  margin-right: 0.5em;
}
.comBtnBase a.linkToList.ToList-col-3, .comBtnBase a.linkToList-blue.ToList-col-3 {
  margin: 0 0.5em;
  max-width: 280px;
  width: 100%;
}
.linkToList-blue.ToList-col-3, .linkToList-blue.ToList-col-3:link, .linkToList-blue.ToList-col-3:visited {
  padding: 15px 0;
  font-size: 16px;
}
.linkToList.ToList-col-3, .linkToList:link.ToList-col-3, .linkToList.ToList-col-3:visited {
  padding: 15px 0;
  font-size: 16px;
}
/**************************************************************************************************
*** TOPタブ共通
**************************************************************************************************/
.vp-group-tab {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 20px;
  height: 56px;
  border-bottom: 2px solid #c8c8c8;
}
.vp-group-tab li {
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.vp-group-tab.vp-group-tab2 li {
  width: calc(100% / 2);
}
.vp-group-tab.vp-group-tab3 li {
  width: calc(100% / 3);
}
.vp-group-tab.vp-group-tab4 li {
  width: calc(100% / 4);
}
.vp-group-tab.vp-group-tab5 li {
  width: calc(100% / 5);
}
.vp-group-tab li a, .vp-group-tab li span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: 0;
  height: 46px;
  border-top: solid 1px #c8c8c8;
  border-left: solid 1px #c8c8c8;
  border-right: solid 1px #c8c8c8;
  border-radius: 4px 4px 0 0;
  background: #f0f0f0;
  background: linear-gradient(#fff, #f0f0f0);
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
  text-decoration: none;
  text-align: center;
  color: #000;
  box-sizing: border-box;
}
.vp-group-tab li:first-child a, .vp-group-tab li:first-child span {
  border-left: 1px solid #c8c8c8;
}
.vp-group-tab li:last-child a, .vp-group-tab li:last-child span {
  border-right: 1px solid #c8c8c8;
}
.vp-group-tab li span {
  height: 56px;
}
.vp-group-tab li a:hover, .vp-group-tab li span {
  opacity: 1.0;
  border-color: #094699;
  background: #094699;
  background: linear-gradient(#1e67bb, #094699);
  color: #fff;
}
.vp-group-tab li:first-child a:hover, .vp-group-tab li:first-child span {
  border-color: #094699;
}
.vp-group-tab li:last-child a:hover, .vp-group-tab li:last-child span {
  border-color: #094699;
}
/* サブテキスト付きタブ */
.vp-group-tab.vp-group-tabh {}
.vp-group-tab.vp-group-tabh li a, .vp-group-tab.vp-group-tabh li span {
  -ms-flex-direction: column;
  flex-direction: column;
}
.vp-group-tab.vp-group-tabh em {
  display: block;
  font-size: .7rem;
  line-height: 1.3;
  color: #666;
}
.vp-group-tab.vp-group-tabh li a:hover em, .vp-group-tab.vp-group-tabh li span em {
  color: #fff;
}
/**************************************************************************************************
*** vinylcurtain-bouon
**************************************************************************************************/
.bouon .bouonImgBox1 {
  border: 4px solid #f0f0f0;
  margin: 20px 0 0 0;
  padding: 20px;
}
.bouon .bouonImgBox1 .bouonBoxL, .bouon .bouonImgBox1 .bouonBoxR {
  width: 416px;
}
.bouon .bouonImgBox1 .bouonBoxL, .bouon .bouonImgBox1 .inBoxL {
  float: left;
}
.bouon .bouonImgBox1 .bouonBoxR, .bouon .bouonImgBox1 .inBoxR {
  float: right;
}
.bouon .bouonImgBox1 p {
  text-align: center;
}
.bouon .bouonImgBox1 .ttl {
  background-color: #333;
  border-radius: 2px;
  line-height: 1;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  margin: 0 0 10px 0;
  padding: 10px 0 8px 0;
}
.bouon .bouonImgBox1 img {
  width: 198px;
}
.bouon .bouonImgBox1 .bouonTxt1, .bouon .bouonImgBox1 .bouonTxt2 {
  margin: 10px 0 0 0;
}
.bouon .bouonImgBox2 {
  border: 20px solid #f0f0f0;
  margin: 20px 0 0 0;
  padding: 20px;
}
.bouon .bouonImgBox2 .bouonBoxL {
  width: 300px;
  float: left;
}
.bouon .bouonImgBox2 .bouonBoxL img {
  width: 300px;
  height: auto;
}
.bouon .bouonImgBox2 .bouonBoxR {
  width: 500px;
  float: right;
}
.bouon .bouonImgBox2 .bouonBoxR .ttl {
  border: none;
  font-size: 20px;
  font-weight: bold;
  color: #e60012;
  line-height: 1.5em;
  margin: 0 0 10px 0;
  padding: 0 0 1em 0;
}
.bouon .bouonImgBox2 .bouonLink {
  margin: 1em 0 0 0;
}
.bouon .bouonImgBox2 .bouonComment {
  position: relative;
  bottom: -40px;
  line-height: 1;
}
/*防音シート・カーテンの確認ポイント2_シート生地*/
.eleBox {
  border: 4px solid #f0f0f0;
  margin: 20px 0 0 0;
  padding: 20px;
  display: flex;
}
.imgCaptionBox1_3 .imgCaptionBox-1 {
  margin-right: 20px;
}
[class^="imgCaptionBox"] ul {
  margin-bottom: 5px;
}
[class^="imgCaptionBox-col"] {
  display: flex;
  justify-content: space-between;
}
[class^="imgCaptionBox-col"] li {
  margin: 0 10px;
}
[class^="imgCaptionBox-col"] li:first-child {
  margin-left: 0;
}
[class^="imgCaptionBox-col"] li:last-child {
  margin-right: 0;
}
.imgCaptionBox-col4 li img {
  width: 198px;
}
[class^="imgCaptionBox"] .imgCaptionBox-caption {
  background-color: #333;
  border-radius: 2px;
  line-height: 1;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  margin: 0 0 10px 0;
  padding: 10px 0 8px 0;
  text-align: center;
}
[class^="imgCaptionBox"] .pro-num span {
  font-size: 12px;
  font-weight: normal;
  display: block;
}
[class^="imgCaptionBox"] .pro-num {
  background: #E40112;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 3px 0 2px 0;
}
[class^="imgCaptionBox"] .bouonTxt1 {
  margin: 10px 0 0 0;
}
/*ネット標準ページ*/
.imgCaptionBox-col3 li img {
  width: 100%;
}
/**************************************************************************************************
*** vinylcurtain-amayoke
**************************************************************************************************/
.amayoke h4 {
  font-size: 18px;
  color: #e60012;
  margin: 2em 0 0.5em;
}
.amayoke .amayokeImg {
  margin-top: 2em;
}
/**************************************************************************************************
*** vinylcurtain-rollscreen
**************************************************************************************************/
.spacTbl1.spacTbl1-screentype {
  margin: 1rem 0;
  font-size: .75rem;
  line-height: 1.3;
}
.spacTbl1.spacTbl1-screentype th, .spacTbl1.mecha-weight th {
  background: #f0f0f0;
  font-weight: bold;
}
.spacTbl1.spacTbl1-screentype td:first-child, .spacTbl1.mecha-weight td:first-child {
  background: #f0f0f0;
  font-size: .9rem;
  line-height: 1.3;
  font-weight: bold;
}
.spacTbl1.spacTbl1-screentype .spac-cell-check {
  width: 10%;
  text-align: center;
}
.spacTbl1.spacTbl1-screentype td.spac-cell-check {
  font-size: 1rem;
  line-height: 1;
  color: #ccc;
}
.spacTbl1.spacTbl1-screentype td.spac-cell-check.spac-cell-check-on {
  background: #e8f7f6;
  color: lightseagreen;
}
.spacTbl1.mecha-weight {
  margin: 1rem 0 0.5rem;
  font-size: .75rem;
  line-height: 1.3;
}
.spacTbl1.mecha-weight .spac-cell-check {
  width: 11%;
}
.mecha-weight-txt {
  font-size: .75rem;
}
/**************************************************************************************************
*** step
**************************************************************************************************/
.step span {
  float: left;
  font-size: 18px;
  font-weight: bold;
  color: #e60012;
}
.step h4 {
  border-bottom: solid 1px #ccc;
  padding-bottom: 10px;
  margin: 2em 0 1em;
}
/**************************************************************************************************
*** request
**************************************************************************************************/
.request {
  font-size: 20px;
  background-color: #094699;
  color: #fff;
  line-height: 1em;
  padding: 0.8em 1em 0.5em;
  border-radius: 3px 3px 0px 0px; /* CSS3 */
  -moz-border-radius: 3px 3px 0px 0px; /* Firefox */
  -webkit-border-radius: 3px 3px 0px 0px;
  margin: 1em 0 0;
}
/**************************************************************************************************
*** option
**************************************************************************************************/
h3.option1 {
  margin: 0 0 20px 0;
}
h3.option2 {
  margin: 20px 0;
}
/**************************************************************************************************
*** chooseBox
**************************************************************************************************/
.chooseBox {
  border: 2px solid #e60012;
  border-radius: 3px; /* CSS3 */
  -moz-border-radius: 3px; /* Firefox */
  -webkit-border-radius: 3px;
  margin: 2em 0 0;
}
.chooseBox .chooseTtl {
  font: 18px/1.6 'arial narrow', sans-serif;
}
.chooseBox .chooseTtl h3 {
  position: relative;
  margin: 0;
  font-weight: bold;
  font-size: 22px;
  line-height: 40px;
  color: #333;
  background-color: #fff2f3;
  border-bottom: 2px solid #e60012;
}
.chooseBox.amayoke .chooseTtl h3 {
  padding-left: 13em;
}
.chooseBox.shade .chooseTtl h3 {
  padding-left: 10.7em;
}
.chooseBox .chooseTtl h3 span {
  position: absolute;
  left: 0;
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 40px;
  background: #e60012;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 0.5em;
}
.chooseBox .chooseTtl h3 span:after {
  content: "";
  display: block;
  position: absolute;
  height: 0;
  width: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #e60012;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.chooseBox.amayoke .chooseTtl h3 span:after {
  left: 15em;
}
.chooseBox.shade .chooseTtl h3 span:after {
  left: 12em;
}
.chooseBox-inside {
  padding: 10px;
}
.chooseBox-inside .chooseImg {
  float: left;
  width: 300px;
  height: 300px;
  margin: 10px 0 10px 10px;
  background-color: #ccc;
}
.chooseBox-inside .chooseTxt {
  float: right;
  width: 540px;
  padding: 1em;
}
/**************************************************************************************************
*** listStyle
**************************************************************************************************/
.listTtl, .post .listTtl, .post h3.listTtl, .post.post-pickup h3.listTtl {
  font-size: 20px;
  background-color: #555;
  color: #fff;
  line-height: 1em;
  padding: 0.8em 1em 0.5em;
  border: 0 none transparent;
  border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
  margin: 1em 0 0;
}
.listTtl.listTtl-Feature2, .post .listTtl.listTtl-Feature2, .post h3.listTtl.listTtl-Feature2, .post.post-pickup h3.listTtl.listTtl-Feature2 {
  background-color: #094699;
  font-size: 1.2rem;
}
.listStyle {
  padding: 1em 2em;
  margin-bottom: 2em;
  border-radius: 0px 0px 3px 3px; /* CSS3 */
  -moz-border-radius: 0px 0px 3px 3px; /* Firefox */
  -webkit-border-radius: 0px 0px 3px 3px;
}
.listStyle-Point, .listStyle-Feature, .listStyle-Square {
  border-top: 0;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  border-left: 2px solid #555;
}
.listStyle-Request {
  border-top: 0;
  border-right: 2px solid #094699;
  border-bottom: 2px solid #094699;
  border-left: 2px solid #094699;
}
.listStyle ol, .listStyle ul {
  counter-reset: list;
  list-style-type: none;
  font-size: 16px;
  line-height: 1em;
}
.listStyle ol li, .listStyle ul li {
  position: relative;
  padding: 11px 5px 10px 2.5em;
  margin: 7px 0 10px 0;
  font-size: 14px;
  border-bottom: dashed 1px #ccc;
}
.listStyle-Point ul li {
  padding: 11px 5px 10px 7em;
}
.listStyle-Square ul li {
  padding: 11px 5px 10px 2.5em;
}
.listStyle ol li:before, .listStyle ul li:before {
  position: absolute;
  left: 0px;
  line-height: 25px;
  text-align: center;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.listStyle-Point ul li:before {
  counter-increment: list;
  content: "ポイント "counter(list);
  width: 6em;
  height: 25px;
  background: #e60012;
  color: #fff;
  border-radius: 3px; /* CSS3 */
  -moz-border-radius: 3px; /* Firefox */
  -webkit-border-radius: 3px;
}
.listStyle-Feature ul li:before {
  counter-increment: list;
  content: counter(list);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #ff9f02;
  color: #fff;
}
.listStyle-Square ul li:before {
  padding-left: 0.5em;
  content: "■";
  color: #e60012;
}
.listStyle-Request ol li:before {
  counter-increment: list;
  content: counter(list);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #094699;
  color: #fff;
}
.listStyle-Point span, .listStyle-Request span, .listStyle-Feature span {
  font-weight: bold;
}
/**************************************************************************************************
*** 一覧ページ　FAQのアコーディオン
**************************************************************************************************/
.css_acfaq_area {
  margin-top: 4rem;
  margin-bottom: 3rem;
}
.acfaq_area_border {
  padding: 2px;
  border: 1px solid #e40112;
}
.css_acfaq_area p.subtext {
  text-align: center;
}
.css_acfaq_area .acfaq_area_border .inner {
  padding: 20px;
}
.css_acfaq_area .acfaq_area_border .ac_redline {
  border-bottom: solid 1px #e40112;
  padding-bottom: 16px;
}
.css_acfaq_area .acfaq_area_border .subtitle h2 {
  border: none;
  margin: 1px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 16px;
  padding-bottom: 4px;
  text-align: center;
}
.css_acfaq_area .subtitle h3 {
  border: none;
  margin: 0;
  padding: 0;
  margin-left: 0px;
  margin-right: 20px;
  font-size: 16px;
  font-weight: normal;
  padding-left: 1em;
  text-indent: -1.2em;
}
.css_acfaq_area .subtitle h3 i {
  color: #e40112
}
input.ac-check[type="checkbox"] {
  display: none;
}
.css_acfaq_area .ac-label {
  margin: 0 0 7px 0;
  background: #fff;
  display: block;
  margin-bottom: 0px;
  padding: 15px 38px 15px 15px;
  border-bottom: solid 2px #f0f0f0;
  position: relative;
  cursor: pointer
}
.css_acfaq_area .last {
  border: none !important;
}
.css_acfaq_area .ac-label:hover {
  background: #f0f0f0;
}
.css_acfaq_area .ac-label::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-bottom: solid 2px #e40112;
  border-right: solid 2px #e40112;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  /*border-top: 8px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 0 solid transparent;*/
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  border-top: none;
  border-left: none;
}
.css_acfaq_area .ac-content {
  height: 0;
  opacity: 0;
  padding: 0 10px;
  transition: .3s;
  visibility: hidden;
  display: block;
  margin-left: 10px;
  margin-right: 10px;
}
.css_acfaq_area .ac-check:checked + .ac-label + .ac-content {
  height: 100%;
  opacity: 1;
  padding: 5px 10px;
  visibility: visible;
  margin-bottom: 30px;
}
.css_acfaq_area .ac-check:checked + .last {
  border-bottom: solid 2px #f0f0f0 !important;
}
.css_acfaq_area .ac-check:checked + .ac-label::after {
  border-top: solid 2px #e40112;
  border-left: solid 2px #e40112;
  border-bottom: none;
  border-right: none;
  right: 10px;
  top: 50%;
  margin-top: -5px;
}
/**************************************************************************************************

テントシート一覧

**************************************************************************************************/
.txtLink {
  display: inline-block;
  margin: 10px 0 0;
  font-size: 14px;
}
.blueTtl {
  color: #ae0c3c;/*#04579D*/
  font-size: 28px;
  text-align: center;
  line-height: 1em;
  margin: 40px 0 20px;
}
.functionalityBnr {
  padding: 20px 0 30px;
}
/*** DIY 採寸 ***/
.tentMethodArea {
  margin: 60px 0;
}
.tentDiyBox {
  width: 435px;
  float: left;
}
.tentSaisunBox {
  width: 435px;
  float: right;
}
.tentMethodArea p {
  font-size: 16px;
  line-height: 1.8em;
  text-align: center;
  margin: 15px 0 35px 0;
}
.tentMethodArea .btn a {
  font-size: 16px;
  text-align: center;
  background: #f0f0f0;
  margin: 0 auto;
  width: 435px;
  line-height: 1.3em;
  display: block;
  color: #333;
  padding: 13px 0 11px 0;
  text-decoration: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.tentMethodArea .btn img {
  margin: 0 7px 4px 0;
}
.tentListBox h2 {
  background: url(net/img/bg_h3.jpg) left top repeat-x;
  line-height: 1.3em;
  font-size: 30px;
  color: #333;
  font-weight: normal;
  padding: 25px 0 10px 10px;
  margin: 80px 0 20px 0;
}
.tentListBox h2 span {
  font-size: 35px;
  font-weight: bold;
}
/*** メニューエリア ***/
.tentMenuBox {
  margin: 0 0 60px 0;
}
.tentMenuBox ul li {
  float: left;
  margin: 0 20px 0 0;
}
.tentMenuBox ul li.last {
  float: left;
  margin: 0;
}
/*雨よけ日よけ採寸方法（ハトメサイズ・価格表）*/
.hatomeBox{
   }
  .hatomeBox table{
    table-layout: fixed;
    border: solid 2px #333;
    background: #d7d6d5;
    margin-bottom: 10px;
  }
  .hatomeBox .naname{
    background-image: linear-gradient(to right top, transparent calc(50% - 0.5px), #333 50%, #333 calc(50% + 0.5px), transparent calc(50% + 1px));
  }
  .hatomeBox .naname,
  .hatomeBox .hatome-size{
    width: 7.0em;
   }
 .hatomeBox th{
  font-size: 1.1rem;
  padding: 7px;
  text-align: center;
  border: solid 1.5px #333;
  font-weight: bold;
  }
  .hatomeBox td{
   font-size: 1.1rem;
   padding: 7px;
   text-align: center;
   border: solid 1.5px #333;
   }
  .hatomeBox .hatome-free{
    color: #e60012;
    font-weight: bold;
  }
.hatomeBox .back-y{
background: #ffffc2;
}
.hatomeBox .back-gy{
  background: #d7d6d5;
}
.hatomeBox .back-g{
  background: #d8ffdb;
  }
.back-w td,
.back-w{
  background: #fff;
}

.hatomeBox dl{
  font-size: 1.2rem;
  display: table;
  vertical-align: middle;
}
.hatomeBox dt{
  width: 100px;
    height: 25px;
    background-color: #d7d6d5;
    display: table-cell;
}
.hatomeBox dd{
  display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}
/*** ビニール一覧ブロック ***/
.tentListBlock {
  margin: 80px 0 0;
}
.tentListBlock h2 {
  background: none;
  border-top: solid 3px #8c8c8c;
  border-bottom: solid 1px #ccc;
  line-height: 1.3em;
  font-size: 28px;
  color: #333;
  font-weight: normal;
  padding: 25px 0 20px 5px;
  margin: 0 0 20px 0;
}
.tentListBlock h2 img {
  width: 5.588%;
  vertical-align: middle;
  margin-bottom: 5px;
}
.tentListBlock h2 span {
  font-size: 34px;
  margin: 0 10px 0 10px;
  font-weight: bold;
}
.tentListBlock h3 {
  border-left: solid 3px #ff0000;
  padding: 5px 0 5px 15px;
  margin: 40px 0 20px 0;
  line-height: 1.3em;
  font-size: 28px;
  color: #333;
  font-weight: normal;
}
.tentListBlock h3 img {
  margin: 0 20px 0 0px;
}
.tentListBlock .tempComListBox {
  margin: 30px 0 0 3px;
}
.tentListBlock .tempComListBox ul li a {
  text-decoration: none;
}
/**************************************************************************************************
*** 幅継 共通
**************************************************************************************************/
.contDetailBox {
  position: relative;
  padding: 6px;
  border-radius: 5px;
  background: #efefef;
  width: 100%;
  box-sizing: border-box;
}
.habatsugiBox {
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  background: #fff;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.habatsugiBox .habatsugitxt {
  width: 510px;
}
.habatsugiBox .habatsugitxt h3 {
  font-size: 20px;
  line-height: 1;
  color: #333;
  margin: 2px 0 15px 0;
}
.habatsugiBox .habatsugitxt p {
  font-size: 14px;
  margin: 0 0 0.5em 0;
}
.habatsugiBox .habatsugitxt span {
  color: #e50d10;
  font-weight: bold;
}
/**************************************************************************************************
*** 養生シート
**************************************************************************************************/
/* contLayoutBoxと併用 */
.yojyoList {
  margin-top: 0;
}
.yojyoListName {
  padding: 15px 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.yojyoListName span {
  margin: 10px 0;
  font-size: 12px;
  font-weight: normal;
}
.yojyoList img {
  display: block;
  width: 160px;
  margin: 0 auto;
}
.yojyoList .yojyoIcon img {
  width: 80px;
}
.yojyoList p {
  padding: 10px;
  text-align: left;
}
/**************************************************************************************************
*** アコーディオンドア
**************************************************************************************************/
.accordiondoorBox {
  margin: 30px 2px 20px 0;
  padding: 0;
}
.accordiondoorBox .accordiondoorBoxTtl {
  margin: 18px 0 4px 0;
  padding: 0;
  border: 0 none transparent;
  background: transparent;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.35em;
  color: #333;
}
.accordiondoorBox p {
  font-size: 14px;
}
.accordiondoorBoxImgL {
  display: table-cell;
  padding-top: 0;
  padding-right: 20px;
  vertical-align: top;
}
.accordiondoorBoxImgR {
  display: table-cell;
  padding-top: 20px;
  padding-left: 20px;
  vertical-align: top;
}
.accordiondoorBoxCont {
  display: table-cell;
  vertical-align: top;
}
.accordiondoorBox h3.listTtl {
  margin: 0;
}
.accordiondoor-tb-s {
  table-layout: fixed;
}
.accordiondoor-tb-s th.acd-s-thL {
  background: #f0f0f0;
  font-weight: bold;
  width: 7em;
}
.accordiondoor-tb-o th {
  background: #f0f0f0;
  font-weight: bold;
  white-space: nowrap;
}
.accordiondoor-tb-s th, .accordiondoor-tb-s td {
  text-align: center;
}
.accordiondoor-tb-s td.acdset {
  vertical-align: top;
  text-align: left;
}
.accordiondoor-tb-s img {
  max-width: 100%;
}
.acd-txt-s1 {
  font-size: 0.6rem;
}
.acd-txt-s2 {
  font-size: 14px;
}
/* 廃盤時非表示コンテンツ */
body.discontinued .colorVariationPrice, body.discontinued .branch-discontinued, body.discontinued .tr_informationBox, body.discontinued .tr_informationBox + .hoshuContactBox, body.discontinued .tr_informationBox_tit, body.discontinued .detail-guide-comment, body.discontinued .detail-variation-tbl, body.discontinued .priceaNotes, body.discontinued .price_highlight, body.discontinued .price_highlight + .notice, body.discontinued .priceTbl, body.discontinued .comPriceTtl2, body.discontinued #tabcontent1, body.discontinued .tabMenuArea, body.discontinued .comBtnBase, body.discontinued .linkToPrice, body.discontinued .simulatorBox {
  display: none !important;
}
/* 廃盤時非表示コンテンツ */
.soldout {
  display: none !important;
}
/*トラックシート自動見積り、お問い合わせページ*/
.simu-atten {
  margin-top: 5px;
  color: #cc0000;
  font-size: 1.2em;
}
/**************************************************************************************************
 *** 高速シートシャッター
 **************************************************************************************************/
.sheetsutter-areabox {
  font-size: 15px;
}
.sheetsutter-areabox dl {
  display: flex;
  margin: 10px 0;
}
.sheetsutter-areabox dl dt {
  background-color: #E60012;
  padding: 9px;
  color: #FFF;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  width: 100px;
  text-align: center;
}
.sheetsutter-areabox ul {
  display: flex;
  margin: 10px 0 0 10px;
}
.sheetsutter-areabox li {
  color: #333;
  margin-left: 15px;
}
.sheetsutter-areabox li a {
  text-decoration: underline;
}
.sheet-featureBox {
  border: 0px;
  box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 10%);
  margin-top: 30px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.sheet-featureBox span {
  font-weight: normal;
}
.sheet-featureBoxImgL {
  padding-top: 0px;
  margin-bottom: 1em;
}
.sheetshutter-txtsmall {
  font-size: 13px;
  line-height: 1.6em;
}
.spacTbl1-txt, .spacTbl1-txt th {
  text-align: center;
}
.seatOptionTb {
  width: 100%;
  font-size: 1.2em;
  text-align: center;
}
.seatOptionTb th {
  background: #f0f0f0;
  border: solid 1px #ccc;
  font-weight: bold;
  vertical-align: middle;
  box-sizing: border-box;
  line-height: 3em;
  text-align: center;
}
.seatOptionTb td {
  border: solid 1px #ccc;
  vertical-align: middle;
  box-sizing: border-box;
  line-height: 3em;
}
.sheetshutter-unit {
  text-align: right;
}
.explanationBox {
  margin: 1em 0;
  border: 5px solid;
  border-color: #eee;
  padding: 1em;
  line-height: 2.3em;
}
.listStyle-sheetshutter {
  padding: 1em 2em;
  margin-bottom: 2em;
  border-radius: 0px 0px 3px 3px; /* CSS3 */
  -moz-border-radius: 0px 0px 3px 3px; /* Firefox */
  -webkit-border-radius: 0px 0px 3px 3px;
  border-top: 0;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  border-left: 2px solid #555;
}
.listStyle-sheetshutter ol, .listStyle-sheetshutter ul {
  counter-reset: list;
  list-style-type: none;
  font-size: 16px;
  line-height: 1em;
}
.listStyl-sheetshutter ol li, .listStyle-sheetshutter ul li {
  position: relative;
  padding: 11px 0px 18px 0px;
  margin: 15px 0 10px 0;
  font-size: 14px;
}
.listStyl-sheetshutter ol li:last-child, .listStyle-sheetshutter ul li:last-child {
  position: relative;
  padding: 11px 0px 0px 0px;
  mmargin: 15px 0 10px 0;
  font-size: 14px;
}
.listStyle-sheetshutter ol li:before, .listStyle-sheetshutter ul li:before {
  position: absolute;
  left: 0px;
  line-height: 25px;
  text-align: center;
  top: 18px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.listStyle-sheetshutte-number:before {
  font-weight: normal;
  counter-increment: list;
  content: counter(list);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #ff9f02;
  color: #fff;
  position: absolute;
  left: 0px;
  line-height: 25px;
  text-align: center;
  top: 5px;
}
.istStyle-sheetshutte-feature {
  font-weight: bold;
  padding-bottom: 10px;
  padding-left: 35px;
  border-bottom: dashed 1px #ccc;
}
.listStyl-sheetshutter ol li:first-child, .listStyle-sheetshutter ul li:first-child {
  margin-top: 7px;
}
[class*="position-wrap"] {
  position: relative;
}
[class*="position-wrap"] p, .position-wrap .comCaseTtl + p {
  margin: 20px 0 20px 1em;
  font-size: 14px;
  line-height: 1.4;
  color: #767676;
}
h2.cover-heading + p {
  margin-left: 0;
}
[class*="position-link"] {
  position: absolute;
  top: 0;
  right: 15px;
}
[class*="position-link"] a {
  display: inline-block;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #1287d4;
  border-radius: 3px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  color: #1287d4;
  box-sizing: border-box;
}
[class*="position-link"] a:hover, [class*="position-link"] a:active {
  background: #1287d4;
  color: #fff;
}
/**************************************************************************************************
*** 特集：風対策
**************************************************************************************************/
/*----------------------------------
 BouhuType
----------------------------------*/
.BouhuType{
	display: grid;
	grid-template-columns: 300px auto;
	grid-template-rows: 30px auto;
	gap: 20px 20px;
	grid-template-areas:
		"image title"
		"image text";
	margin: 40px 0 0 0;
}
.BouhuType_image { grid-area: image; }
.BouhuType_title { grid-area: title; }
.BouhuType_text { grid-area: text; }

h2 + .BouhuType{
	margin: 0;
}

/*----------------------------------
 BouhuType_image
----------------------------------*/
.BouhuType_image>img{
	max-width: 100%
}

/*----------------------------------
 BouhuType_title
----------------------------------*/
.BouhuType_title>h3{
	padding: 15px 0 0 0;
	font-size: 1.1rem;
}

/*----------------------------------
 BouhuType_text
----------------------------------*/
.BouhuType_text>table{
	margin: 0 0 20px 0;
	border-collapse: collapse;
	font-size: 0.9rem;
}
.BouhuType_text>table>tbody>tr>th,
.BouhuType_text>table>tbody>tr>td{
	border: solid 1px #ccc;
	font-size: inherit;
	padding: 7px 10px;
}
.BouhuType_text>table>tbody>tr>th{
	background: #e6e6e6;
	font-weight: bold;
}

/*----------------------------------
 Rate
----------------------------------*/
.Rate{
	margin: 0;
}
.Rate>figcaption{
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}
.Rate>figcaption:active,
.Rate>figcaption:focus {
	/* スクリーンリーダー読み上げ用	*/
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	white-space: normal;
	width: auto;
}

/*----------------------------------
 Rate_star-5
----------------------------------*/
.Rate_star-5{
	position: relative;
	z-index: 0;
	display: inline-block;
	white-space: nowrap;
	color: #CCCCCC;
	font-size: 1.2rem;
}
.Rate_star-5:before, .Rate_star-5:after{
	content: '★★★★★';
}
.Rate_star-5:after{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	overflow: hidden;
	white-space: nowrap;
	color: #e50112;
}
.Rate_star-5[data-rate="5"]:after{ width: 100%; } /* 星5 */
.Rate_star-5[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.Rate_star-5[data-rate="4"]:after{ width: 80%; } /* 星4 */
.Rate_star-5[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.Rate_star-5[data-rate="3"]:after{ width: 60%; } /* 星3 */
.Rate_star-5[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
.Rate_star-5[data-rate="2"]:after{ width: 40%; } /* 星2 */
.Rate_star-5[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */
.Rate_star-5[data-rate="1"]:after{ width: 20%; } /* 星1 */
.Rate_star-5[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
.Rate_star-5[data-rate="0"]:after{ width: 0%; } /* 星0 */


/**************************************************************************************************
*** コンテンツサイズスライダー（製作事例、豆知識）
**************************************************************************************************/
/* contents-bxslider */
.contents-bxslider-wrap {
  position: relative;
  margin: 0 15px 20px 15px;
}
#contents-bxslider {
  display: none;
  background: #fff;
}
.bx-viewport #contents-bxslider {
  display: block;
}
.contents-bxslider-wrap .bx-prev,
.contents-bxslider-wrap .bx-prev:hover,
.contents-bxslider-wrap .bx-next,
.contents-bxslider-wrap .bx-next:hover {
  position: absolute;
  top: 50%;
  display: block;
  width: 36px;
  height: auto;
  margin: 0;
  translate: 0 -50%;
  vertical-align: unset;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #fff;
  background-repeat: no-repeat;
  box-shadow: 1px 1px 0 0 white inset, 1px 1px 0px 0px rgba(0, 0, 0, 0.1);
  font-size: 18px;
  line-height: 80px;
  text-indent: inherit;
  text-align: center;
  text-decoration: none !important;
  color: #666 !important;
  opacity: 0.7;
  box-sizing: border-box;
}
.contents-bxslider-wrap .bx-prev,
.contents-bxslider-wrap .bx-prev:hover {
  left: -15px;
}
.contents-bxslider-wrap .bx-next, .contents-bxslider-wrap .bx-next:hover {
  right: -15px;
}
.contents-bxslider-wrap .bx-prev:hover, .contents-bxslider-wrap .bx-next:hover {
  background: linear-gradient(to bottom, #fff, #efefef);
  opacity: 1;
}
.contents-bxslider-wrap .bx-prev:before {
  display: block;
  content: "\f104";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.contents-bxslider-wrap .bx-next:before {
  display: block;
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.contents-bxslider-wrap .bx-prev.disabled, .contents-bxslider-wrap .bx-next.disabled {
  visibility: hidden;
}
.contents-bxslider-wrap .bxslider-card-item {
  height: auto;
}
.contents-bxslider-wrap .bxslider-card-thumb img {
  width: 186px;
  border-radius: 3px;
}
.contents-bxslider-wrap .bxslider-card-title {
  margin: 10px 0 0 0;
	padding: 0;
	background: none;
  font-size: 16px;
  line-height: 1.25;
  font-weight: bold;
}
.contents-bxslider-wrap .bxslider-card_method {
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.25;
  color: #666;
}
.contents-bxslider-wrap a.bxslider-card {
  text-decoration: none;
  color: #444;
}
.contents-bxslider-wrap a.bxslider-card:hover, a.bxslider-card:active {
  opacity: 0.7;
}
.contents-bxslider-wrap .bxslider-card-tags {
  display: flex;
  flex-wrap: wrap;
  margin: 0.5em 0;
}
.contents-bxslider-wrap .bxslider-card-tags > li {
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0.5em 0.2em 0 0;
  padding: 0.3em 0.5em;
  border: 1px solid #333;
  border-radius: 4px;
}
.contents-bxslider-wrap p {
  margin: 0;
}

/**************************************************************************************************
*** 横断幕　幕製品ページ
**************************************************************************************************/

/* 幕製品入稿用テンプレートダウンロード */
.makuItemBtnBase {
  margin: 0.8rem 0;
  text-align: left;
  display: flex;
  line-height: 1.8;
}

.makuDlLeft{
  width: 67%;
  margin-left: 50px;
}

.makuItemBtnBase span {
  font-size: 1.1rem;
  vertical-align: middle;
}

.makuItemBtn1:link, .makuItemBtn1:visited {
    color: #fff;
    text-decoration: none;
}

.makuItemBtn1 {
    display: inline-block;
    padding: 8px 8px 8px 12px;
    border: 1px solid #ff7c05;
    border-radius: 4px;
    background: #ff7c05;
    font-size: .85rem;
    line-height: 1;
    box-sizing: border-box;
}

.makuItemBtn1:hover, .makuItemBtn1:active {
  opacity: 0.7;
  text-decoration: none;
}


/* 幕製品詳しい入稿方法・データの修正方法について */
.makuCheck {
  margin: 0.8rem 0;
  text-align: left;
  display: flex;
  line-height: 1.8;
  font-size: 1rem;
}

.makuCheckLeft {
  width: 50%;
  margin-left: 10px;
}

.fontColorRed{
  color: #e60012;
}

.printData {
    width: 100%;
    margin: 20px auto 10px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.printDataItem {
    width: calc(50% - 5px);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
    margin: 10px 0 0 0;
}

.printDataItemBox {
    color: #000000;
    line-height: 1.5em;
    text-decoration: none;
    display: block;
    width: 100%;
    border: 5px solid #eeeeee;
}

.printDataItemBox h5 {
    border: 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #333333;
    line-height: 1em;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0 7px;
    margin: 10px;
    color: #ffffff;
    text-align: center;
}

.printDataItemBox ul {
    padding: 20px 10px 6px 10px;
}

.printDataItemBox li {
    text-align: left;
    padding: 0 0 20px;
}

.printDataItemBox li img {
    margin-left: 0px;
    width: 100%;
}

.printDataItemBoxBgRed {
    background-color: #e60012;
    border: 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    line-height: 1;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    padding: 10px 10px 8px 10px;
    margin: 60px 0 0;
    text-align: center;
}

.printDataItemBoxCaution{
    display: flex;
    margin-bottom: 30px;
}

.printDataItemBoxCaution p{
    margin: 15px;
}