/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/no
  height: auto;
  overflow: hidden;
  /**/
}

/* HTML5の新要素をブロック要素に */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/* リストスタイル「なし」 */
ul li {
	list-style-type: none;
}

.float-left {float: left;}
.float-right {float: right;}


.clear-type {
  -webkit-transform-origin: 0 0;
  -webkit-transform: scale(1, 1.01);
     -moz-transform-origin: 0 0;
     -moz-transform: scale(1, 1.01);
      -ms-transform-origin: 0 0;
      -ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
       -o-transform-origin: 0 0;
       -o-transform: scale(1, 1.01);
}


.indent {
	text-indent: -1em;
	margin-left: 1em;
}
.indent3 {
	text-indent: -3em;
	margin-left: 3em;
}
.indent48 {
	text-indent: -4.8em;
	margin-left: 4.8em;
}
.indent68 {
	text-indent: -6.8em;
	margin-left: 20em;
}

.clear {
	clear: both;
}
.bg_gray {
	background-color: #222222;
}
.text-right {text-align: right !important;}
.text-left {text-align: left !important;}
.text-center {text-align: center !important;}

/* table */
.goods_kihon_table table {
	text-align: center;
}
.goods_kihon_table table th {
	background-color: #101010;
	border-bottom-color: #4f4f4f;
	font-size: 100%;
}

/* padding */
.pt-0{padding-top: 0px !important;}
.pt-5{padding-top: 5px !important;}
.pt-10{padding-top: 10px !important;}
.pt-15{padding-top: 15px !important;}
.pt-20{padding-top: 20px !important;}
.pt-25{padding-top: 25px !important;}
.pt-30{padding-top: 30px !important;}
.pt-35{padding-top: 35px !important;}
.pt-40{padding-top: 40px !important;}
.pt-45{padding-top: 45px !important;}
.pt-50{padding-top: 50px !important;}
.pt-55{padding-top: 55px !important;}
.pt-60{padding-top: 60px !important;}
.pt-65{padding-top: 65px !important;}
.pt-70{padding-top: 70px !important;}
.pt-75{padding-top: 75px !important;}
.pt-80{padding-top: 80px !important;}
.pt-85{padding-top: 85px !important;}
.pt-90{padding-top: 90px !important;}
.pt-95{padding-top: 95px !important;}
.pt-100{padding-top: 100px !important;}
.pt-110{padding-top: 110px !important;}
.pt-120{padding-top: 120px !important;}
.pt-130{padding-top: 130px !important;}
.pt-140{padding-top: 140px !important;}
.pt-150{padding-top: 150px !important;}
.pt-160{padding-top: 160px !important;}
.pt-170{padding-top: 170px !important;}
.pt-180{padding-top: 180px !important;}
.pt-190{padding-top: 190px !important;}
.pt-200{padding-top: 200px !important;}

.pb-0{padding-bottom: 0px !important;}
.pb-5{padding-bottom: 5px !important;}
.pb-10{padding-bottom: 10px !important;}
.pb-15{padding-bottom: 15px !important;}
.pb-20{padding-bottom: 20px !important;}
.pb-25{padding-bottom: 25px !important;}
.pb-30{padding-bottom: 30px !important;}
.pb-35{padding-bottom: 35px !important;}
.pb-40{padding-bottom: 40px !important;}
.pb-45{padding-bottom: 45px !important;}
.pb-50{padding-bottom: 50px !important;}
.pb-55{padding-bottom: 55px !important;}
.pb-60{padding-bottom: 60px !important;}
.pb-65{padding-bottom: 65px !important;}
.pb-70{padding-bottom: 70px !important;}
.pb-75{padding-bottom: 75px !important;}
.pb-80{padding-bottom: 80px !important;}
.pb-85{padding-bottom: 85px !important;}
.pb-90{padding-bottom: 90px !important;}
.pb-95{padding-bottom: 95px !important;}
.pb-100{padding-bottom: 100px !important;}
.pb-110{padding-bottom: 110px !important;}
.pb-120{padding-bottom: 120px !important;}
.pb-130{padding-bottom: 130px !important;}
.pb-140{padding-bottom: 140px !important;}
.pb-150{padding-bottom: 150px !important;}
.pb-160{padding-bottom: 160px !important;}
.pb-170{padding-bottom: 170px !important;}
.pb-180{padding-bottom: 180px !important;}
.pb-190{padding-bottom: 190px !important;}
.pb-200{padding-bottom: 200px !important;}

.pr-0{padding-right: 0px !important;}
.pr-5{padding-right: 5px !important;}
.pr-10{padding-right: 10px !important;}
.pr-15{padding-right: 15px !important;}
.pr-20{padding-right: 20px !important;}
.pr-25{padding-right: 25px !important;}
.pr-30{padding-right: 30px !important;}
.pr-35{padding-right: 35px !important;}
.pr-40{padding-right: 40px !important;}
.pr-45{padding-right: 45px !important;}
.pr-50{padding-right: 50px !important;}
.pr-55{padding-right: 55px !important;}
.pr-60{padding-right: 60px !important;}
.pr-65{padding-right: 65px !important;}
.pr-70{padding-right: 70px !important;}
.pr-75{padding-right: 75px !important;}
.pr-80{padding-right: 80px !important;}
.pr-85{padding-right: 85px !important;}
.pr-90{padding-right: 90px !important;}
.pr-95{padding-right: 95px !important;}
.pr-100{padding-right: 100px !important;}
.pr-110{padding-right: 110px !important;}
.pr-120{padding-right: 120px !important;}
.pr-130{padding-right: 130px !important;}
.pr-140{padding-right: 140px !important;}
.pr-150{padding-right: 150px !important;}
.pr-160{padding-right: 160px !important;}
.pr-170{padding-right: 170px !important;}
.pr-180{padding-right: 180px !important;}
.pr-190{padding-right: 190px !important;}
.pr-200{padding-right: 200px !important;}

.pl-0{padding-left: 0px !important;}
.pl-5{padding-left: 5px !important;}
.pl-10{padding-left: 10px !important;}
.pl-15{padding-left: 15px !important;}
.pl-20{padding-left: 20px !important;}
.pl-25{padding-left: 25px !important;}
.pl-30{padding-left: 30px !important;}
.pl-35{padding-left: 35px !important;}
.pl-40{padding-left: 40px !important;}
.pl-45{padding-left: 45px !important;}
.pl-50{padding-left: 50px !important;}
.pl-55{padding-left: 55px !important;}
.pl-60{padding-left: 60px !important;}
.pl-65{padding-left: 65px !important;}
.pl-70{padding-left: 70px !important;}
.pl-75{padding-left: 75px !important;}
.pl-80{padding-left: 80px !important;}
.pl-85{padding-left: 85px !important;}
.pl-90{padding-left: 90px !important;}
.pl-95{padding-left: 95px !important;}
.pl-100{padding-left: 100px !important;}
.pl-110{padding-left: 110px !important;}
.pl-120{padding-left: 120px !important;}
.pl-130{padding-left: 130px !important;}
.pl-140{padding-left: 140px !important;}
.pl-150{padding-left: 150px !important;}
.pl-160{padding-left: 160px !important;}
.pl-170{padding-left: 170px !important;}
.pl-180{padding-left: 180px !important;}
.pl-190{padding-left: 190px !important;}
.pl-200{padding-left: 200px !important;}

/* margin */
.mt-0{margin-top: 0px !important;}
.mt-5{margin-top: 5px !important;}
.mt-10{margin-top: 10px !important;}
.mt-15{margin-top: 15px !important;}
.mt-20{margin-top: 20px !important;}
.mt-25{margin-top: 25px !important;}
.mt-30{margin-top: 30px !important;}
.mt-35{margin-top: 35px !important;}
.mt-40{margin-top: 40px !important;}
.mt-45{margin-top: 45px !important;}
.mt-50{margin-top: 50px !important;}
.mt-55{margin-top: 55px !important;}
.mt-60{margin-top: 60px !important;}
.mt-65{margin-top: 65px !important;}
.mt-70{margin-top: 70px !important;}
.mt-75{margin-top: 75px !important;}
.mt-80{margin-top: 80px !important;}
.mt-85{margin-top: 85px !important;}
.mt-90{margin-top: 90px !important;}
.mt-95{margin-top: 95px !important;}
.mt-100{margin-top: 100px !important;}
.mt-110{margin-top: 110px !important;}
.mt-120{margin-top: 120px !important;}
.mt-130{margin-top: 130px !important;}
.mt-140{margin-top: 140px !important;}
.mt-150{margin-top: 150px !important;}
.mt-160{margin-top: 160px !important;}
.mt-170{margin-top: 170px !important;}
.mt-180{margin-top: 180px !important;}
.mt-190{margin-top: 190px !important;}
.mt-200{margin-top: 200px !important;}

.mb-0{margin-bottom: 0px !important;}
.mb-5{margin-bottom: 5px !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-15{margin-bottom: 15px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-25{margin-bottom: 25px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-35{margin-bottom: 35px !important;}
.mb-40{margin-bottom: 40px !important;}
.mb-45{margin-bottom: 45px !important;}
.mb-50{margin-bottom: 50px !important;}
.mb-55{margin-bottom: 55px !important;}
.mb-60{margin-bottom: 60px !important;}
.mb-65{margin-bottom: 65px !important;}
.mb-70{margin-bottom: 70px !important;}
.mb-75{margin-bottom: 75px !important;}
.mb-80{margin-bottom: 80px !important;}
.mb-85{margin-bottom: 85px !important;}
.mb-90{margin-bottom: 90px !important;}
.mb-95{margin-bottom: 95px !important;}
.mb-100{margin-bottom: 100px !important;}
.mb-110{margin-bottom: 110px !important;}
.mb-120{margin-bottom: 120px !important;}
.mb-130{margin-bottom: 130px !important;}
.mb-140{margin-bottom: 140px !important;}
.mb-150{margin-bottom: 150px !important;}
.mb-160{margin-bottom: 160px !important;}
.mb-170{margin-bottom: 170px !important;}
.mb-180{margin-bottom: 180px !important;}
.mb-190{margin-bottom: 190px !important;}
.mb-200{margin-bottom: 200px !important;}

.mr-0{margin-right: 0px !important;}
.mr-5{margin-right: 5px !important;}
.mr-10{margin-right: 10px !important;}
.mr-15{margin-right: 15px !important;}
.mr-20{margin-right: 20px !important;}
.mr-25{margin-right: 25px !important;}
.mr-30{margin-right: 30px !important;}
.mr-35{margin-right: 35px !important;}
.mr-40{margin-right: 40px !important;}
.mr-45{margin-right: 45px !important;}
.mr-50{margin-right: 50px !important;}
.mr-55{margin-right: 55px !important;}
.mr-60{margin-right: 60px !important;}
.mr-65{margin-right: 65px !important;}
.mr-70{margin-right: 70px !important;}
.mr-75{margin-right: 75px !important;}
.mr-80{margin-right: 80px !important;}
.mr-85{margin-right: 85px !important;}
.mr-90{margin-right: 90px !important;}
.mr-95{margin-right: 95px !important;}
.mr-100{margin-right: 100px !important;}
.mr-110{margin-right: 110px !important;}
.mr-120{margin-right: 120px !important;}
.mr-130{margin-right: 130px !important;}
.mr-140{margin-right: 140px !important;}
.mr-150{margin-right: 150px !important;}
.mr-160{margin-right: 160px !important;}
.mr-170{margin-right: 170px !important;}
.mr-180{margin-right: 180px !important;}
.mr-190{margin-right: 190px !important;}
.mr-200{margin-right: 200px !important;}

.ml-0{margin-left: 0px !important;}
.ml-5{margin-left: 5px !important;}
.ml-10{margin-left: 10px !important;}
.ml-15{margin-left: 15px !important;}
.ml-20{margin-left: 20px !important;}
.ml-25{margin-left: 25px !important;}
.ml-30{margin-left: 30px !important;}
.ml-35{margin-left: 35px !important;}
.ml-40{margin-left: 40px !important;}
.ml-45{margin-left: 45px !important;}
.ml-50{margin-left: 50px !important;}
.ml-55{margin-left: 55px !important;}
.ml-60{margin-left: 60px !important;}
.ml-65{margin-left: 65px !important;}
.ml-70{margin-left: 70px !important;}
.ml-75{margin-left: 75px !important;}
.ml-80{margin-left: 80px !important;}
.ml-85{margin-left: 85px !important;}
.ml-90{margin-left: 90px !important;}
.ml-95{margin-left: 95px !important;}
.ml-100{margin-left: 100px !important;}
.ml-110{margin-left: 110px !important;}
.ml-120{margin-left: 120px !important;}
.ml-130{margin-left: 130px !important;}
.ml-140{margin-left: 140px !important;}
.ml-150{margin-left: 150px !important;}
.ml-160{margin-left: 160px !important;}
.ml-170{margin-left: 170px !important;}
.ml-180{margin-left: 180px !important;}
.ml-190{margin-left: 190px !important;}
.ml-200{margin-left: 200px !important;}


/*.z-index*/
.z-10{z-index:-10 !important;}
.z-9{z-index:-9 !important;}
.z-8{z-index:-8 !important;}
.z-7{z-index:-7 !important;}
.z-6{z-index:-6 !important;}
.z-5{z-index:-5 !important;}
.z-4{z-index:-4 !important;}
.z-3{z-index:-3 !important;}
.z-2{z-index:-2 !important;}
.z-1{z-index:-1 !important;}
.z0{z-index:0 !important;}
.z1{z-index:1 !important;}
.z2{z-index:2 !important;}
.z3{z-index:3 !important;}
.z4{z-index:4 !important;}
.z5{z-index:5 !important;}
.z6{z-index:6 !important;}
.z7{z-index:7 !important;}
.z8{z-index:8 !important;}
.z9{z-index:9 !important;}
.z10{z-index:10 !important;}

/* 横幅%指定 */
.w-10{width: 10% !important;}
.w-20{width: 20% !important;}
.w-30{width: 30% !important;}
.w-40{width: 40% !important;}
.w-50{width: 50% !important;}
.w-60{width: 60% !important;}
.w-70{width: 70% !important;}
.w-80{width: 80% !important;}
.w-90{width: 90% !important;}
.w-100{width: 100% !important;}


/* line-height */
.line-height130 {
	line-height: 130%;
}
.line-height140 {
	line-height: 140%;
}
.line-height150 {
	line-height: 150%;
}
.line-height160 {
	line-height: 160%;
}

.nowrap {white-space: nowrap;}
.noborder {}
.nopad {}
.nomar {}
.nomar {}
.noletspace{letter-spacing: 0 !important;}

.f-nowrap {flex-wrap: nowrap;}

/*フォントサイズ*/
.font-060em {font-size: 0.60em !important;}
.font-065em {font-size: 0.65em !important;}
.font-070em {font-size: 0.7em !important;}
.font-075em {font-size: 0.75em !important;}
.font-080em {font-size: 0.8em !important;}
.font-085em {font-size: 0.85em !important;}
.font-090em {font-size: 0.9em !important;}
.font-100em {font-size: 1em !important;}
.font-110em {font-size: 1.1em; line-height: 1.3em !important;}
.font-130em {font-size: 1.3em; line-height: 1.5em !important;}
.font-150em {font-size: 1.5em; line-height: 1.7em !important;}

/*フォント色*/
.font-red {	color: #ff2600; font-weight: bold;}
.font_black {color: black;}
.font_white {color: white;}

/*フォント太字*/
.font-bold {font-weight: bold;}

/*フォントアンチエイリアス*/
.font-anti {
-webkit-transform-origin: 0 0;
-webkit-transform: scale(1, 1.01);
-moz-transform-origin: 0 0;
-moz-transform: scale(1, 1.01);
-ms-transform-origin: 0 0;
-ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
-o-transform-origin: 0 0;
-o-transform: scale(1, 1.01);
}

/*ポジション*/
.posi_ab{position: absolute !important;}
.posi_re{position: relative !important;}

/*Font Awesomeの文字間*/
.fas{margin:0 3px !important;}

/*flex box*/
.fd-row{-webkit-box-orient: horizontal !important;-webkit-box-direction: normal !important;-webkit-flex-direction: row !important;flex-direction: row !important;}/*初期値*/
.fd-row-reverse{-webkit-box-orient: horizontal !important;-webkit-box-direction: reverse !important;-webkit-flex-direction: row-reverse !important;flex-direction: row-reverse !important;}
.fd-column{-webkit-box-orient: vertical !important;-webkit-box-direction: normal !important;-webkit-flex-direction: column !important;flex-direction: column !important;}
.fd-column-reverse{-webkit-box-orient: vertical !important;-webkit-box-direction: reverse !important;-webkit-flex-direction: column-reverse !important;flex-direction: column-reverse !important;}

.jc-start{-webkit-box-pack: start !important;-webkit-justify-content: start !important;justify-content: start !important;}/*初期値*/
.jc-flex-end{-webkit-box-pack: end !important;-webkit-justify-content: flex-end !important;justify-content: flex-end !important;}
.jc-center{-webkit-box-pack: center !important;-webkit-justify-content: center !important;justify-content: center !important;}
.jc-space-between{-webkit-box-pack: justify !important;-webkit-justify-content: space-between !important;justify-content: space-between !important;}
.jc-space-around{-webkit-justify-content: space-around !important;justify-content: space-around !important;}

.ai-stretch{-webkit-box-align: stretch !important;-webkit-align-items: stretch !important;align-items: stretch !important;}/*初期値*/
.ai-flex-start{-webkit-box-align: start !important;-webkit-align-items: flex-start !important;align-items: flex-start !important;}
.ai-flex-end{-webkit-box-align: end !important;-webkit-align-items: flex-end !important;align-items: flex-end !important;}
.ai-center{-webkit-box-align: center !important;-webkit-align-items: center !important;align-items: center !important;}
.ai-baseline{-webkit-box-align: baseline !important;-webkit-align-items: baseline !important;align-items: baseline !important;}



/*フォントサイズ*/
.font10{font-size: 1.0rem !important;}
.font12{font-size: 1.2rem !important;}
.font14{font-size: 1.4rem !important;}
.font16{font-size: 1.6rem !important;}
.font18{font-size: 1.8rem !important;}
.font20{font-size: 2.0rem !important;}
.font22{font-size: 2.2rem !important;}
.font24{font-size: 2.4rem !important;}
.font26{font-size: 2.6rem !important;}
.font28{font-size: 2.8rem !important;}
.font30{font-size: 3.0rem !important;}
.font32{font-size: 3.2rem !important;}
.font34{font-size: 3.4rem !important;}
.font36{font-size: 3.6rem !important;}
.font38{font-size: 3.8rem !important;}
.font40{font-size: 4.0rem !important;}
.font42{font-size: 4.2rem !important;}
.font44{font-size: 4.4rem !important;}
.font46{font-size: 4.6rem !important;}
.font48{font-size: 4.8rem !important;}
.font50{font-size: 5.0rem !important;}