@charset "shift_jis";
/* CSS Document */

/*タイトル*/
#code_irisfes_title h3{
  background: #222;
  color: #fff;
  text-align: center;
  padding: 2px 0 6px 0;
  margin: 0 auto 0px auto;
  max-width: 750px;
  font-weight: normal;
}
#code_irisfes .pc_none{display:none;}
/* 
#code_irisfes *{

    font-family:"Century Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	} */

#code_irisfes {
  width: 750px;
  margin: 0 auto 30px;
  
  box-sizing: border-box;
	}


	
#code_irisfes a{
	color:#000;
	text-decoration:none;
}


/* #code_irisfes .list{
     width: 850px;
 } */
 

#code_irisfes table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 750px;
  table-layout: fixed;
  color: #000;
  border-bottom: 1px solid #f2f3f3;
}

#code_irisfes table tr {

  padding:0;
  /*border-bottom: 2px solid #fff;*/
}

#code_irisfes thead tr th{
  background-color: #fff;
  padding: 8px;
  position: relative;
}
#code_irisfes img.nothing{
  position: absolute;
  width: 50px;
  height: auto;
  right: 5px;
  top: -5px;
}


#code_irisfes table tr:nth-child(even),
#code_irisfes table tbody > th:nth-child(even) {/*偶数 白*/
  background-color: #fff;
}

#code_irisfes table tr:nth-child(odd),
#code_irisfes table tbody > th:nth-child(odd) {/*奇数 グレー*/
  background-color: #f2f3f3;
}

#code_irisfes table tbody > tr th{
  width: 110px;
}


#code_irisfes table th,
#code_irisfes table td {
  padding: 10px;
  border-right: 1px solid #dcdcdc;
}
#code_irisfes table th {
  font-size:13px;
  text-align: center;
}

#code_irisfes .txt{
   text-align: center;
   font-size: 13px;
}
#code_irisfes .txt_left{
  text-align: left;
}
#code_irisfes .huzoku{
   vertical-align: top;
   text-align: left;
   font-size: 13px;
}

#code_irisfes .non{
  background:#fff;
  width: 100px;
}

#code_irisfes .txt a{
   background:#ef5b4c;
   display:block;
   padding: 7px 0;
   color:#fff;
}

#code_irisfes .txt a::after{
    content: ' >';
}

#code_irisfes .txt a:hover{
   background:#f37b34;
}


/*リンク先*/
#code_irisfes td.price a{
  display: block;
  /* font-size: 13px; */
  font-weight: bold;
  background-color: #ef5b4c;
  color: #fff;
  border-radius: 40px;
  padding: 5px 0;
  position: relative;
  border: 1px solid #ef5b4c;
}
#code_irisfes td.price a p{
  /* padding-left: 15px; */
  text-align: center;
  font-weight: normal;
  position: relative;
}
#code_irisfes td.price a p::after{
  font-family: 'Material Icons';
  content: "chevron_right";
  position: absolute;
  top: 52%;
  font-size: 18px;
  right: 7%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

#code_irisfes .spesicalprice{
  display: none;
}
#code_irisfes .price{
  color: #dd4535;
  font-size: 20px;
}

#code_irisfes .intax{
  color: #dd4535;
  /* display: none; */
}


/******PC******/
@media screen and (min-width:600px){

  #code_irisfes{
    margin-bottom: 50px;
    border: 1px solid #eee;
  }
#code_irisfes table tr td br.smp{
  display: none;
}
#code_irisfes td.price a:hover{
  background-color: #fff;
}
#code_irisfes a:hover img{
  opacity: 0.8;
}


/**アコーディオン**/
#code_irisfes .accordion {
    margin-top: 10px;
    position: relative;
    width: 750px;
}
#code_irisfes .accordion-title {
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  padding: 10px 0;
}
#code_irisfes .accordion-content {
  display: none;
  padding: 10px 0;
}
#code_irisfes .accordion-content p {
  font-size: 13px;
  line-height: 1.5;
}
/***タイトルの背景色***/
#code_irisfes .accordion-item:nth-of-type(1) .accordion-title {
  /* background-color: #455158; */
  color: #222;
  text-align: center;
  font-weight: normal;
  box-sizing: border-box;
  border: 1px solid;
}
/***矢印***/
#code_irisfes .accordion-title {
  position: relative;
}
#code_irisfes .accordion-title::after {
  border-right: solid 2px #222;
  border-top: solid 2px #222;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 25px;
  top: 38%;
  transform: rotate(135deg);
  transition: transform .3s ease-in-out, top .3s ease-in-out;
  width: 8px;
}
#code_irisfes .accordion-title.open::after {
  top: 45%;
  transform: rotate(-45deg);
}

}

/******SMP******/
@media screen and (max-width: 600px) {

  /**アコーディオン**/
	#code_irisfes .accordion {
		margin: 2vw 0 1vw;
		position: relative;
		width: 100%;
	}
	#code_irisfes .accordion-title {
		color: #fff;
		cursor: pointer;
		font-size: 16px;
		padding: 10px 0;
	}
	#code_irisfes .accordion-content {
		display: none;
		padding: 3vw 0 2vw;
	}
	#code_irisfes .accordion-content p {
		font-size: 13px;
		line-height: 1.5;
	}
	/***タイトルの背景色***/
	#code_irisfes .accordion-item:nth-of-type(1) .accordion-title {
    background-color: #fff;
    color: #222;
    font-size: 3.5vw;
    box-sizing: border-box;
    font-weight: normal;
    border: 1px solid;
    width: 100%;
    text-align: center;
    /* padding-left: 10vw; */
	}
	/***コンテンツボックスの枠線***/
	#code_irisfes .accordion-item:nth-of-type(1) .accordion-content {
		overflow: auto;
	}
	/***矢印***/
	#code_irisfes .accordion-title {
		position: relative;
	}
	#code_irisfes .accordion-title::after {
    border-right: solid 2px #222;
    border-top: solid 2px #222;
    content: "";
    display: block;
    height: 1.5vw;
    position: absolute;
    right: 15vw;
    top: 4vw;
    transform: rotate(135deg);
    transition: transform .3s ease-in-out, top .3s ease-in-out;
    width: 1.5vw;
	}
	#code_irisfes .accordion-title.open::after {
		top: 45%;
		transform: rotate(-45deg);
	}
  #code_irisfes .accordion-title::before {
    border-right: solid 2px #222;
    border-top: solid 2px #222;
    content: "";
    display: block;
    height: 1.5vw;
    position: absolute;
    left: 15vw;
    top: 4vw;
    transform: rotate(135deg);
    transition: transform .3s ease-in-out, top .3s ease-in-out;
    width: 1.5vw;
	}
	#code_irisfes .accordion-title.open::before {
		top: 45%;
		transform: rotate(-45deg);
	}

  #code_irisfes .circle{
    width: 15px;
    /* これを%指定などで可変にする。またはJavaScriptで値を変化させる。 */
  }
  #code_irisfes a:active img{
    opacity: 0.8;
  }

  #code_irisfes td.price a{
    padding: 0.5vw 0;
  }
  #code_irisfes td.price{
    padding: 1vw;
  }
  #code_irisfes td.price a p{
    margin-bottom: 0;
    position: relative;
    font-size: 3.2vw;
    padding-left: 3vw;
    text-align: left;
    box-sizing: border-box;
  }
  #code_irisfes td.price a p::after{
    font-family: 'Material Icons';
    content: "chevron_right";
    position: absolute;
    top: 53%;
    font-size: 4vw;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }

  #code_irisfes td.price a::after{
    top: 52%;
  }
  #code_irisfes img.nothing{
    position: absolute;
    width: 10vw;
    height: auto;
    right: 0px;
    top: 0;
    z-index: 999;
  }

  #code_irisfes .smp_none{
    display: none !important;
  }

  #code_irisfes thead tr th {
    padding: 10px;
  }
  #code_irisfes table th,
#code_irisfes table td {
  padding: 2px;
  border-right: 1px solid #dcdcdc;
  vertical-align: middle;
}

/*タイトル*/
#code_irisfes_title h3{
    font-size:4vw;
    background: #222;
    color: #fff;
    text-align: center;
    padding: 2% 0;
    margin: 0;
	}


#code_irisfes {
    width: 100%;
    margin: 0 0 3vw;
    /* padding-bottom: 2vw; */
    overflow-x: auto;
    /* border: 1px solid #eee; */
  box-sizing: border-box;
}


	
#code_irisfes .list{
     /* width: 100%; */
     width: 500px;
     padding-bottom: 3vw;
 }
 
#code_irisfes table {
  width: 100%;
  position: relative;

}
/*6商品表示の場合 追加：220512*/
#code_irisfes table.col_6 {
  width: 850px;
  position: relative;

}
 
/*矢印*/
#code_irisfes table::before,
#code_irisfes table::after {
    display: none;
    position: absolute;
    content: "";
    /* display: inline-block; */
    width: 5px;
    height: 5px;
    border-top: 1px solid #3a3936;
    border-right: 1px solid #3a3936;
    top: 35vw;
    z-index: 5;
}

#code_irisfes table::before {
    transform: rotate(-135deg);
    left: 1.6vw;
}

#code_irisfes table::after {
    transform: rotate(45deg);
    right: 1.6vw;
}

#code_irisfes table tr .smp_l{
  text-align: left !important;
}


#code_irisfes table tr td br.pc{
  display: none;
}

#code_irisfes .non {
  width: 100px;
}
#code_irisfes table tbody > tr th{
  width: 110px;
}


#code_irisfes table th , #code_irisfes .txt{
   font-size: 3.5vw;
}
#code_irisfes .intax{
  font-size: 2.5vw;
}
#code_irisfes .price{
  font-size: 4.5vw;
}


}