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


/*picnic.css*/
table {
  text-align: left; }

td,
th {
  padding: 0.3em 0.6em; }

th {
  text-align: left;
  font-weight: bold;
  color: #fff;
  background-color: #009; }

.flexbox {
  display: -ms-flexbox;
	-js-display: flex;
  display: flex;
  margin-left: -0.6em;
  width: calc(100% + 0.6em);
  flex-wrap: wrap;
  transition: all .3s ease; }

.flexbox > * {
  box-sizing: border-box;
  flex: 1 1 auto;
  /* Default for IE10 bug */
  padding-left: 0.6em;
  padding-bottom: 0.6em; }

.flexbox[class*="one"] > *, .flexbox[class*="two"] > *, .flexbox[class*="three"] > *, .flexbox[class*="four"] > *, .flexbox[class*="five"] > *, .flexbox[class*="six"] > *, .flexbox[class*="seven"] > *, .flexbox[class*="eight"] > *, .flexbox[class*="nine"] > *, .flexbox[class*="ten"] > *, .flexbox[class*="eleven"] > *, .flexbox[class*="twelve"] > * {
  flex-grow: 0; }

.one > * {
  width: 100%; }

.two > * {
  width: 50%; }

.three > * {
  width: 33.33333%; }

.four > * {
  width: 25%; }

.five > * {
  width: 20%; }

.six > * {
  width: 16.66666%; }

.seven > * {
  width: 14.28571%; }

.eight > * {
  width: 12.5%; }

.nine > * {
  width: 11.11111%; }

.ten > * {
  width: 10%; }

.eleven > * {
  width: 9.09091%; }

.twelve > * {
  width: 8.33333%; }

@media all and (min-width: 500px) {
  .one-500 > * {
    width: 100%; }

  .two-500 > * {
    width: 50%; }

  .three-500 > * {
    width: 33.33333%; }

  .four-500 > * {
    width: 25%; }

  .five-500 > * {
    width: 20%; }

  .six-500 > * {
    width: 16.66666%; }

  .seven-500 > * {
    width: 14.28571%; }

  .eight-500 > * {
    width: 12.5%; }

  .nine-500 > * {
    width: 11.11111%; }

  .ten-500 > * {
    width: 10%; }

  .eleven-500 > * {
    width: 9.09091%; }

  .twelve-500 > * {
    width: 8.33333%; } }
@media all and (min-width: 600px) {
  .one-600 > * {
    width: 100%; }

  .two-600 > * {
    width: 50%; }

  .three-600 > * {
    width: 33.33333%; }

  .four-600 > * {
    width: 25%; }

  .five-600 > * {
    width: 20%; }

  .six-600 > * {
    width: 16.66666%; }

  .seven-600 > * {
    width: 14.28571%; }

  .eight-600 > * {
    width: 12.5%; }

  .nine-600 > * {
    width: 11.11111%; }

  .ten-600 > * {
    width: 10%; }

  .eleven-600 > * {
    width: 9.09091%; }

  .twelve-600 > * {
    width: 8.33333%; } }
@media all and (min-width: 700px) {
  .one-700 > * {
    width: 100%; }

  .two-700 > * {
    width: 50%; }

  .three-700 > * {
    width: 33.33333%; }

  .four-700 > * {
    width: 25%; }

  .five-700 > * {
    width: 20%; }

  .six-700 > * {
    width: 16.66666%; }

  .seven-700 > * {
    width: 14.28571%; }

  .eight-700 > * {
    width: 12.5%; }

  .nine-700 > * {
    width: 11.11111%; }

  .ten-700 > * {
    width: 10%; }

  .eleven-700 > * {
    width: 9.09091%; }

  .twelve-700 > * {
    width: 8.33333%; } }
@media all and (min-width: 800px) {
  .one-800 > * {
    width: 100%; }

  .two-800 > * {
    width: 50%; }

  .three-800 > * {
    width: 33.33333%; }

  .four-800 > * {
    width: 25%; }

  .five-800 > * {
    width: 20%; }

  .six-800 > * {
    width: 16.66666%; }

  .seven-800 > * {
    width: 14.28571%; }

  .eight-800 > * {
    width: 12.5%; }

  .nine-800 > * {
    width: 11.11111%; }

  .ten-800 > * {
    width: 10%; }

  .eleven-800 > * {
    width: 9.09091%; }

  .twelve-800 > * {
    width: 8.33333%; } }
@media all and (min-width: 900px) {
  .one-900 > * {
    width: 100%; }

  .two-900 > * {
    width: 50%; }

  .three-900 > * {
    width: 33.33333%; }

  .four-900 > * {
    width: 25%; }

  .five-900 > * {
    width: 20%; }

  .six-900 > * {
    width: 16.66666%; }

  .seven-900 > * {
    width: 14.28571%; }

  .eight-900 > * {
    width: 12.5%; }

  .nine-900 > * {
    width: 11.11111%; }

  .ten-900 > * {
    width: 10%; }

  .eleven-900 > * {
    width: 9.09091%; }

  .twelve-900 > * {
    width: 8.33333%; } }
@media all and (min-width: 1000px) {
  .one-1000 > * {
    width: 100%; }

  .two-1000 > * {
    width: 50%; }

  .three-1000 > * {
    width: 33.33333%; }

  .four-1000 > * {
    width: 25%; }

  .five-1000 > * {
    width: 20%; }

  .six-1000 > * {
    width: 16.66666%; }

  .seven-1000 > * {
    width: 14.28571%; }

  .eight-1000 > * {
    width: 12.5%; }

  .nine-1000 > * {
    width: 11.11111%; }

  .ten-1000 > * {
    width: 10%; }

  .eleven-1000 > * {
    width: 9.09091%; }

  .twelve-1000 > * {
    width: 8.33333%; } }
@media all and (min-width: 1100px) {
  .one-1100 > * {
    width: 100%; }

  .two-1100 > * {
    width: 50%; }

  .three-1100 > * {
    width: 33.33333%; }

  .four-1100 > * {
    width: 25%; }

  .five-1100 > * {
    width: 20%; }

  .six-1100 > * {
    width: 16.66666%; }

  .seven-1100 > * {
    width: 14.28571%; }

  .eight-1100 > * {
    width: 12.5%; }

  .nine-1100 > * {
    width: 11.11111%; }

  .ten-1100 > * {
    width: 10%; }

  .eleven-1100 > * {
    width: 9.09091%; }

  .twelve-1100 > * {
    width: 8.33333%; } }
@media all and (min-width: 1200px) {
  .one-1200 > * {
    width: 100%; }

  .two-1200 > * {
    width: 50%; }

  .three-1200 > * {
    width: 33.33333%; }

  .four-1200 > * {
    width: 25%; }

  .five-1200 > * {
    width: 20%; }

  .six-1200 > * {
    width: 16.66666%; }

  .seven-1200 > * {
    width: 14.28571%; }

  .eight-1200 > * {
    width: 12.5%; }

  .nine-1200 > * {
    width: 11.11111%; }

  .ten-1200 > * {
    width: 10%; }

  .eleven-1200 > * {
    width: 9.09091%; }

  .twelve-1200 > * {
    width: 8.33333%; } }
@media all and (min-width: 1300px) {
  .one-1300 > * {
    width: 100%; }

  .two-1300 > * {
    width: 50%; }

  .three-1300 > * {
    width: 33.33333%; }

  .four-1300 > * {
    width: 25%; }

  .five-1300 > * {
    width: 20%; }

  .six-1300 > * {
    width: 16.66666%; }

  .seven-1300 > * {
    width: 14.28571%; }

  .eight-1300 > * {
    width: 12.5%; }

  .nine-1300 > * {
    width: 11.11111%; }

  .ten-1300 > * {
    width: 10%; }

  .eleven-1300 > * {
    width: 9.09091%; }

  .twelve-1300 > * {
    width: 8.33333%; } }
@media all and (min-width: 1400px) {
  .one-1400 > * {
    width: 100%; }

  .two-1400 > * {
    width: 50%; }

  .three-1400 > * {
    width: 33.33333%; }

  .four-1400 > * {
    width: 25%; }

  .five-1400 > * {
    width: 20%; }

  .six-1400 > * {
    width: 16.66666%; }

  .seven-1400 > * {
    width: 14.28571%; }

  .eight-1400 > * {
    width: 12.5%; }

  .nine-1400 > * {
    width: 11.11111%; }

  .ten-1400 > * {
    width: 10%; }

  .eleven-1400 > * {
    width: 9.09091%; }

  .twelve-1400 > * {
    width: 8.33333%; } }
@media all and (min-width: 1500px) {
  .one-1500 > * {
    width: 100%; }

  .two-1500 > * {
    width: 50%; }

  .three-1500 > * {
    width: 33.33333%; }

  .four-1500 > * {
    width: 25%; }

  .five-1500 > * {
    width: 20%; }

  .six-1500 > * {
    width: 16.66666%; }

  .seven-1500 > * {
    width: 14.28571%; }

  .eight-1500 > * {
    width: 12.5%; }

  .nine-1500 > * {
    width: 11.11111%; }

  .ten-1500 > * {
    width: 10%; }

  .eleven-1500 > * {
    width: 9.09091%; }

  .twelve-1500 > * {
    width: 8.33333%; } }
.full {
  width: 100%; }

.half {
  width: 50%; }

.third {
  width: 33.33333%; }

.two-third {
  width: 66.66666%; }

.fourth {
  width: 25%; }

.three-fourth {
  width: 75%; }

.fifth {
  width: 20%; }

.two-fifth {
  width: 40%; }

.three-fifth {
  width: 60%; }

.four-fifth {
  width: 80%; }

.sixth {
  width: 16.66666%; }

.none {
  display: none; }

@media all and (min-width: 500px) {
  .full-500 {
    width: 100%;
    display: block; }

  .half-500 {
    width: 50%;
    display: block; }

  .third-500 {
    width: 33.33333%;
    display: block; }

  .two-third-500 {
    width: 66.66666%;
    display: block; }

  .fourth-500 {
    width: 25%;
    display: block; }

  .three-fourth-500 {
    width: 75%;
    display: block; }

  .fifth-500 {
    width: 20%;
    display: block; }

  .two-fifth-500 {
    width: 40%;
    display: block; }

  .three-fifth-500 {
    width: 60%;
    display: block; }

  .four-fifth-500 {
    width: 80%;
    display: block; }

  .sixth-500 {
    width: 16.66666%;
    display: block; } }
@media all and (min-width: 600px) {
  .full-600 {
    width: 100%;
    display: block; }

  .half-600 {
    width: 50%;
    display: block; }

  .third-600 {
    width: 33.33333%;
    display: block; }

  .two-third-600 {
    width: 66.66666%;
    display: block; }

  .fourth-600 {
    width: 25%;
    display: block; }

  .three-fourth-600 {
    width: 75%;
    display: block; }

  .fifth-600 {
    width: 20%;
    display: block; }

  .two-fifth-600 {
    width: 40%;
    display: block; }

  .three-fifth-600 {
    width: 60%;
    display: block; }

  .four-fifth-600 {
    width: 80%;
    display: block; }

  .sixth-600 {
    width: 16.66666%;
    display: block; } }
@media all and (min-width: 700px) {
  .full-700 {
    width: 100%;
    display: block; }

  .half-700 {
    width: 50%;
    display: block; }

  .third-700 {
    width: 33.33333%;
    display: block; }

  .two-third-700 {
    width: 66.66666%;
    display: block; }

  .fourth-700 {
    width: 25%;
    display: block; }

  .three-fourth-700 {
    width: 75%;
    display: block; }

  .fifth-700 {
    width: 20%;
    display: block; }

  .two-fifth-700 {
    width: 40%;
    display: block; }

  .three-fifth-700 {
    width: 60%;
    display: block; }

  .four-fifth-700 {
    width: 80%;
    display: block; }

  .sixth-700 {
    width: 16.66666%;
    display: block; } }
@media all and (min-width: 800px) {
  .full-800 {
    width: 100%;
    display: block; }

  .half-800 {
    width: 50%;
    display: block; }

  .third-800 {
    width: 33.33333%;
    display: block; }

  .two-third-800 {
    width: 66.66666%;

    display: block; }

  .fourth-800 {
    width: 25%;
    display: block; }

  .three-fourth-800 {
    width: 75%;
    display: block; }

  .fifth-800 {
    width: 20%;
    display: block; }

  .two-fifth-800 {
    width: 40%;
    display: block; }

  .three-fifth-800 {
    width: 60%;
    display: block; }

  .four-fifth-800 {
    width: 80%;
    display: block; }

  .sixth-800 {
    width: 16.66666%;
    display: block; } }
@media all and (min-width: 900px) {
  .full-900 {
    width: 100%;
    display: block; }

  .half-900 {
    width: 50%;
    display: block; }

  .third-900 {
    width: 33.33333%;
    display: block; }

  .two-third-900 {
    width: 66.66666%;
    display: block; }

  .fourth-900 {
    width: 25%;
    display: block; }

  .three-fourth-900 {
    width: 75%;
    display: block; }

  .fifth-900 {
    width: 20%;
    display: block; }

  .two-fifth-900 {
    width: 40%;
    display: block; }

  .three-fifth-900 {
    width: 60%;
    display: block; }

  .four-fifth-900 {
    width: 80%;
    display: block; }

  .sixth-900 {
    width: 16.66666%;
    display: block; } }
@media all and (min-width: 1000px) {
  .full-1000 {
    width: 100%;
    display: block; }

  .half-1000 {
    width: 50%;
    display: block; }

  .third-1000 {
    width: 33.33333%;
    display: block; }

  .two-third-1000 {
    width: 66.66666%;
    display: block; }

  .fourth-1000 {
    width: 25%;
    display: block; }

  .three-fourth-1000 {
    width: 75%;
    display: block; }

  .fifth-1000 {
    width: 20%;
    display: block; }

  .two-fifth-1000 {
    width: 40%;
    display: block; }

  .three-fifth-1000 {
    width: 60%;
    display: block; }

  .four-fifth-1000 {
    width: 80%;
    display: block; }

  .sixth-1000 {
    width: 16.66666%;
    display: block; } }
@media all and (min-width: 1100px) {
  .full-1100 {
    width: 100%;
    display: block; }

  .half-1100 {
    width: 50%;
    display: block; }

  .third-1100 {
    width: 33.33333%;
    display: block; }

  .two-third-1100 {
    width: 66.66666%;
    display: block; }

  .fourth-1100 {
    width: 25%;
    display: block; }

  .three-fourth-1100 {
    width: 75%;
    display: block; }

  .fifth-1100 {
    width: 20%;
    display: block; }

  .two-fifth-1100 {
    width: 40%;
    display: block; }

  .three-fifth-1100 {
    width: 60%;
    display: block; }

  .four-fifth-1100 {
    width: 80%;
    display: block; }

  .sixth-1100 {
    width: 16.66666%;
    display: block; } }
@media all and (min-width: 1200px) {
  .full-1200 {
    width: 100%;
    display: block; }

  .half-1200 {
    width: 50%;
    display: block; }

  .third-1200 {
    width: 33.33333%;
    display: block; }

  .two-third-1200 {
    width: 66.66666%;
    display: block; }

  .fourth-1200 {
    width: 25%;
    display: block; }

  .three-fourth-1200 {
    width: 75%;
    display: block; }

  .fifth-1200 {
    width: 20%;
    display: block; }

  .two-fifth-1200 {
    width: 40%;
    display: block; }

  .three-fifth-1200 {
    width: 60%;
    display: block; }

  .four-fifth-1200 {
    width: 80%;
    display: block; }

  .sixth-1200 {
    width: 16.66666%;
    display: block; } }
@media all and (min-width: 1300px) {
  .full-1300 {
    width: 100%;
    display: block; }

  .half-1300 {
    width: 50%;
    display: block; }

  .third-1300 {
    width: 33.33333%;
    display: block; }

  .two-third-1300 {
    width: 66.66666%;
    display: block; }

  .fourth-1300 {
    width: 25%;
    display: block; }

  .three-fourth-1300 {
    width: 75%;
    display: block; }

  .fifth-1300 {
    width: 20%;
    display: block; }

  .two-fifth-1300 {
    width: 40%;
    display: block; }

  .three-fifth-1300 {
    width: 60%;
    display: block; }

  .four-fifth-1300 {
    width: 80%;
    display: block; }

  .sixth-1300 {
    width: 16.66666%;
    display: block; } }
@media all and (min-width: 1400px) {
  .full-1400 {
    width: 100%;
    display: block; }

  .half-1400 {
    width: 50%;
    display: block; }

  .third-1400 {
    width: 33.33333%;
    display: block; }

  .two-third-1400 {
    width: 66.66666%;
    display: block; }

  .fourth-1400 {
    width: 25%;
    display: block; }

  .three-fourth-1400 {
    width: 75%;
    display: block; }

  .fifth-1400 {
    width: 20%;
    display: block; }

  .two-fifth-1400 {
    width: 40%;
    display: block; }

  .three-fifth-1400 {
    width: 60%;
    display: block; }

  .four-fifth-1400 {
    width: 80%;
    display: block; }

  .sixth-1400 {
    width: 16.66666%;
    display: block; } }


/*hla*/
.taL{ text-align: left; }
.taC{ text-align: center; }
.taR{ text-align: right; }

.vaTop{ vertical-align: top; }

.mt0{	margin-top: 0px !important; }
.mt05{	margin-top: 5px !important; }
.mt20{	margin-top: 20px !important; }

.mtx1{	margin-top: 1em !important; }
.mtx2{	margin-top: 2em !important; }
.mtx3{	margin-top: 3em !important; }

.mbx0{	margin-bottom: 0 !important;	}
.mbx1{	margin-bottom: 1em !important;	}
.mbx2{	margin-bottom: 2em !important;	}
.mbx3{	margin-bottom: 3em !important;	}

.mrx1{	margin-right: 1em !important; }

.ml0 {  margin-left: 0 !important;  }
.mlx1{	margin-left: 1em !important; }
.mlx2{	margin-left: 2em !important; }
.mlx10{	margin-left: 10em !important; }

.pl0 {	padding-left: 0 !important; }
.plx1{	padding-left: 1em !important; }

.fs80{	font-size: 0.8em !important; }
.fs90{	font-size: 0.9em !important; }
.fs100{	font-size: 1.0em !important; }
.fs110{	font-size: 1.1em !important; }
.fs120{	font-size: 1.2em !important; }
.fs130{	font-size: 1.3em !important; }
.fs150{	font-size: 1.5em !important; }

.fwNormal{	font-weight: normal !important;	}

ul.inlineList li{
	display: inline-block;
	margin-right: 1em;
}

ul.styleCircle li{
	list-style-type: circle;
}
ul.styleDisc li{
	list-style-type: disc;
}
ul.styleSquare li{
	list-style-type: square;
}

.indent1em{
	text-indent: -1em;
	padding-left: 1em;
}
.indent1emFw{
	text-indent: -1.25em;
	padding-left: 2em;
}



  /*-----------------------------
			製品詳細 - ラミネーター
  -----------------------------*/

#productDetails header{
	border-bottom: 3px solid #ccc;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 0px;
}

#productDetails header h2{
	font-size: 1.5em;
	margin: 0 auto;
}
#productDetails header p{
	font-size: 0.9em;
}
#productDetails header .leadtext strong{
	font-size: 1.5em;
}
#productDetails header .leadtext strong::after{
	content: '';
	display: block;
}
#productDetails header ul.btn-list{
	text-align: center;
}
#productDetails header .infoEnd{
	color: #999;
	border: 1px solid #999;
	padding: 1em;
	margin-bottom: 1em;
}
#productDetails header .youtubeWrap{
	text-align: center;
}

#productImg .flexslider{
	margin-bottom: 1em;
}
#productImg .flex-control-thumbs{
  display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	flex-direction: row;
}
#productImg .flex-control-thumbs li{
	flex: 0 0 auto;
	border: 1px solid #ccc;
	margin: 1%;
	list-style: none;
}

#productDetails .spec{
	font-size: 0.9em;
	margin-top: 2em;
}
#productDetails .spec > div{
	margin-bottom: 2em;
}
#productDetails .spec h3{
}
#productDetails .spec h3:after{
	content: "";
	display: block;
	height: 2px;
	margin-top: 0.2em;
	background: -moz-linear-gradient(to right, rgb(204,204,204), transparent);
	background: -webkit-linear-gradient(to right, rgb(204,204,204), transparent);
	background: linear-gradient(to right, rgb(204,204,204), transparent);
}
#productDetails .spec dl dt{
	font-weight: bold;	
}
#productDetails .spec dl dd{
	margin: 0 0 1em;
}
#productDetails .spec dl ul{
	margin-top: 0;
	padding: 0;
}
#productDetails .spec dl ul li{
	display: inline-block;
}
#productDetails .spec dl ul li::after{
  content: '、';
}
#productDetails .spec dl ul li:last-child::after{
  content: '';
}
#productDetails .spec ul{
	padding-left: 0;
}

@media screen and (max-width: 599px){
	#productImg .slides{
		width: 80%;
		float: right;
	}
	#productImg .flex-control-thumbs{
		width: 20%;
		flex-direction: column;
	}
	#productImg .flex-control-thumbs li{
		width: 80%;
	}
}
@media screen and (min-width: 600px){
	#productDetails header h2{
		text-align: right;
		padding-right: 1em;
	}

	#productImg .slides{
		width: 60%;
		float: right;
	}
	#productImg .flex-control-thumbs{
		width: 36%;
		margin-right: 4%;
		flex-wrap: wrap;
	}
	#productImg .flex-control-thumbs li{
		width: 48%;
	}
}
@media screen and (max-width: 999px){
	#productDetails header ul.btn-list li{
		display: inline-block;
	}	
}
@media screen and (min-width: 1000px){
	#productDetails {
		padding: 0.6em 10% 0.4em;
		max-width: 1600px;
	}
}
@media screen and (min-width: 1000px) and (max-width: 1099px){
	#productDetails header ul.btn-list{
		font-size: 90%;
	}
}
@media screen and (min-width: 1400px){
	#productImg .slides{
		max-width: 560px;
		width: 50%;
		float: right;
	}
	#productImg .flex-control-thumbs{
		width: 40%;
		padding-left: 10%;
		flex-wrap: wrap;
	}
	#productImg .flex-control-thumbs li{
		width: 48%;
	}
}


/*-----------------------------
		製品情報 - 2023.01追加		
  -----------------------------*/

#productDetails .special{
	margin: 0 10px 50px;
	border-bottom: 3px solid #ccc;
  box-shadow: rgb(0 0 0 / 10%) 0px 2px 0px;
}
#productDetails .special .flexbox{
	align-content: flex-start;
}
#productDetails .special .flexbox.inner > div{
	padding: 10px 20px;
}
#productDetails .special h3{
	font-size: 1.8rem;
	font-weight: normal;
	margin: 50px auto 20px;
	padding-bottom: 0;
	border-bottom: 2px solid #bccbd3;
}
#productDetails .special h4{
	font-size: 1.2rem;
	font-weight: normal;
	margin: 10px auto;
	padding-bottom: 0;
	border-bottom: 1px solid #bccbd3;
}
#productDetails .special .text{
	margin-bottom: 10px;
}
#productDetails .special .text.small{
	font-size: 0.9em;
}
#productDetails .special .img{
	text-align: center;
}
#productDetails .special ul{
	padding-left: 1.4em;
}
#productDetails .special ul li{
  margin-bottom: 10px;
  font-size: 0.9em;
}

#productDetails #film h3{
	font-weight: normal;
	font-size: 1.6em;
	margin-top: 30px;
	padding-bottom: 0;
}
#productDetails #film h4{
	font-weight: normal;
}
#productDetails #film .filmDetailTable table th{
	background-color: #000;
}
#productDetails #film .filmDetailTable table td{
	background-color: #FFF;
}

/*-----------------------------------------
		製品詳細 - HLA-2301 - 2023.06追加		
  -----------------------------------------*/

.shiken{
	border: 1px solid #c2c2c2;
	padding: 0 15px;
}
.shiken img{
	width: auto;
	max-width: 100%;
}
.shiken .flexbox p{
	margin-bottom: 0;
}
.shiken .about .text{
	padding: 0 1.5em;
}

@media all and (min-width: 800px) {
	.shiken .about .text,
	.shiken .about .img{
		width: 50%;
	}
}
@media all and (min-width: 1400px) {
	.shiken .about .text,
	.shiken .about .img{
		width: 100%;
	}
}

/*-----------------------------------------
		HLA-2301 PV追加-2024.02		
  -----------------------------------------*/

	.youtubeWrap{
		max-width: 560px;
		margin: 40px auto 70px auto;
	}
	.youtubeWrapInner{
		width: 100%;
		aspect-ratio: 16 / 9;
	}
	.youtubeWrapInner iframe {
		width: 100%;
		height: 100%;
	}
	

	/*-----------------------------
		製品情報 - フィルム
		製品詳細 - フィルム 		
  -----------------------------*/

.filmDetailBox{
	width: 100%;
	margin-bottom: 3em;
}
.filmDetailBox h3{
	background-color: #333;
	color: #fff;
	font-weight: normal;
	letter-spacing: 0.06em;
	padding: 0.4em 0.4em 0.2em 1em;
	margin-bottom: 0.6em;
}
.filmDetailBox h3 small{
	padding-left: 1em;
	opacity: 0.8;
}
.filmDetailBox h3 .labelOrder{
	color: #d01;
	background-color: #FFF;
	font-size: 0.8em;
}
@media screen and (min-width: 400px){
	.filmDetailBox h3 .labelOrder{
		float: right;
	}
}


.filmDetailBox p{
	font-size: 0.94em;
}
.filmDetailBox .flexbox p{
	margin: 0.4em 0;
	font-size: 0.9em;
}

.filmDetailTable{
	overflow-x:auto;
}
.filmDetailTable table{
	width:100%;
}
.filmDetailTable table th{
	font-weight: normal;
	text-align: center;
	font-size: 0.9em;
	white-space: nowrap;
	border: thin solid #fff;
}
.filmDetailTable table td{
	text-align: center;
	font-size: 0.9em;
	white-space: nowrap;
	border: thin solid #ccc;
}
.filmDetailTable table td.taL{
	text-align: left;
}

.filmDetailTable table .end{
	color: #666;
	background-color: #EEE;
}
.filmDetailTable table .end .iconEnd{
	display: inline-block;
	margin-top: 0.6em;
	padding: 0.4em 0.2em;
	border: 1px solid #666;
	font-size: 0.9em;
}

.filmDetailBox ul.notes{
	font-size: 0.8em;
	padding-left: 0;
}