@charset "UTF-8";

h1#tepraH1 {
  font-size: 28px;
  color: #535CA8;
}
h1#tepraH1 img {
  vertical-align: text-bottom;
  margin: 0 0 0 2px;
}
#tepraBox {
  width: 755px;
  /*border-bottom: 5px solid #5172B3;*/
}
#specialContentBody {
  margin-top: 0;
}

/*  110131 lj */

/* ========================================================================
  module base
------------------------------------------------------------------------ */
#Center h1,
#Center h2,
#Center h3,
#Center h4,
#Center h5,
#Center h6,
#Center p,
#Center ul,
#Center ol,
#Center dl,
#Center table{
margin-bottom:10px;
}

#Center p img{
vertical-align:middle;
}

#contents .align-l{text-align:left !important;}
#contents .align-c{text-align:center !important; vertical-align:middle;}
#contents .align-r{text-align:right !important;}
#contents .align-t,
#contents .align-t th,
#contents .align-t td{vertical-align:top !important;}
#contents .align-m,
#contents .align-m th,
#contents .align-m td{vertical-align:middle !important;}
#contents .align-b,
#contents .align-b th,
#contents .align-b td{vertical-align:bottom !important;}

#contents .mt-00{margin-top:0 !important;}
#contents .mt-05{margin-top:5px !important;}
#contents .mt-10{margin-top:10px !important;}
#contents .mt-15{margin-top:15px !important;}
#contents .mt-20{margin-top:20px !important;}
#contents .mt-25{margin-top:25px !important;}
#contents .mt-30{margin-top:30px !important;}
#contents .mt-40{margin-top:40px !important;}
#contents .mt-50{margin-top:50px !important;}
#contents .mr-00{margin-right:0 !important;}
#contents .mr-10{margin-right:10px !important;}
#contents .mr-20{margin-right:20px !important;}
#contents .mr-30{margin-right:30px !important;}
#contents .mr-40{margin-right:40px !important;}
#contents .mr-50{margin-right:50px !important;}
#contents .mb-00{margin-bottom:0 !important;}
#contents .mb-05{margin-bottom:5px !important;}
#contents .mb-10{margin-bottom:10px !important;}
#contents .mb-15{margin-bottom:15px !important;}
#contents .mb-20{margin-bottom:20px !important;}
#contents .mb-25{margin-bottom:25px !important;}
#contents .mb-30{margin-bottom:30px !important;}
#contents .mb-40{margin-bottom:40px !important;}
#contents .mb-50{margin-bottom:50px !important;}
#contents .ml-00{margin-left:0 !important;}
#contents .ml-10{margin-left:10px !important;}
#contents .ml-20{margin-left:20px !important;}
#contents .ml-30{margin-left:30px !important;}
#contents .ml-40{margin-left:40px !important;}
#contents .ml-50{margin-left:50px !important;}
#contents .pl-00{padding-left:0 !important;}

/* ========================================================================
  sideNavi
------------------------------------------------------------------------ */
#sideNavi{ width:160px; background-color:#5172b3; float:left; padding:5px 5px 0 5px; margin-bottom:10px;}
#sideNavi dd p{ width:158px; height:24px; background-color:#e9eef2; border:solid 1px #ffffff; margin:5px 0 0 0; display:block;}
#sideNavi dd p span{ font-weight:bold; margin:5px 7px; display:block;}
#sideNavi ul{ width:160px; margin-bottom:5px; padding:8px 0 0 0; background-color:#ffffff;}
#sideNavi li{ margin:0 10px; list-style:none; padding-bottom:8px;}
#sideNavi li a{ padding-left:14px; background:url("/resource/club_com/special/tepra/images/icon-arrow.gif") left 2px no-repeat; display:block;}
#sideNavi li.li2{ margin:0 10px 0 24px; list-style:none; padding-bottom:8px;}
#sideNavi li.li2 a{ padding-left:14px; background:url("/resource/club_com/special/tepra/images/icon-yellow_arrow.gif") left 2px no-repeat; display:block; }

/* ========================================================================
  Center
------------------------------------------------------------------------ */
#Center{ width:565px; float:left; margin-left:20px;}
#Center h1{width:565px; height:40px; background:url(/resource/club_com/special/tepra/images/h2_bg.gif) no-repeat scroll 0 0; display:block; font-size:24px; color:#FFF; margin:0 0 10px 0; clear:both;}
#Center h1 span{padding:7px 0 0 25px; display:block;}
#Center p em{font-size:14px; font-weight:bold; color:#333333; line-height:140%;}
#Center p.priceTxt{background:url(/resource/club_com/special/tepra/images/dot_full.gif) no-repeat 0 0; padding-top:10px;}
#Center p.priceTxt span{font-size:24px; color:#e13a2a;}
#Center p.lengthTxt{margin-left:15%;}

/*  TABLE. tbl-unq-**
-------------------------------------------------------------- */
#contents .tbl-unq-01{
width:100%;
border-right:1px solid #b7c5d0;
margin-bottom:10px;
}

#contents .tbl-unq-01 th,
#contents .tbl-unq-01 td{
border-bottom:1px solid #b7c5d0;
border-left:1px solid #b7c5d0;
padding:3px 1px;
}
#contents .tbl-unq-01 th{
background:#e9eef2 url("/resource/club_com/special/tepra/images/tbl-data-01-bg.gif") repeat-x 100% 0;
}

#contents .tbl-unq-01 thead th{
border-top:1px solid #b7c5d0;
font-weight:bold;
text-align:center;
}

#contents .tbl-unq-01 tbody th{
padding:2px 10px;
background:none;
vertical-align:middle;
}

#contents .tbl-unq-01 td.empty{
text-align:center;
vertical-align:middle;
}

#contents .tbl-unq-01 th.img,
#contents .tbl-unq-01 td.img{
padding:0;
background:none;
text-align:center;
vertical-align:middle;
}
#contents .tbl-unq-01 th.img{
border:none;
}
/*  11.08.19 updata**
-------------------------------------------------------------- */
dd.wrap h2 {margin-bottom:5px; cursor:pointer}

/*  15.02.20 updata**
-------------------------------------------------------------- */
#Center .tepra_use_ttl { margin-bottom:10px; border:solid 2px #010000; background-color:#ad1f1f; }
#Center .tepra_use_ttl h1 { border:solid 1px #8e1919; background-color:#ad1f1f; height:auto; width:auto; margin:0; background-image:none; font-size:15px; }
#Center .tepra_use_ttl h1 span { display:block; margin:3px 6px; border-left:solid 8px #ffd300; padding:6px 8px; }
.tepra_use_content { padding-bottom:20px; position:relative; }
.tepra_use_content h2 { background: url(/resource/club_com/special/tepra/images/dot_full.gif) no-repeat left bottom; padding:0 0 8px 1.5em; font-size:15px; color:#ec6b16; text-indent:-1.5em; line-height:1.2; }
.tepra_use_content .tepra_use_content_main { font-size:12px; line-height:1.4; }
#tepra_use_content01 .tepra_use_content_main { float:left; width:286px; }
#tepra_use_content01 .tepra_use_content_main dl {}
#tepra_use_content01 .tepra_use_content_main dl dt { font-weight:bold; }
#tepra_use_content01 .tepra_use_content_main dl dd {}
#tepra_use_content01 .tepra_use_content_sub { float:right; width:277px; }
#tepra_use_content02 .tepra_use_content_main { float:left; width:300px; }
#tepra_use_content02 .tepra_use_content_main dl {}
#tepra_use_content02 .tepra_use_content_main dl dt { font-weight:bold; }
#tepra_use_content02 .tepra_use_content_main dl dd {}
#tepra_use_content02 .tepra_use_content_sub { float:right; width:178px; }
#tepra_use_content03 .tepra_use_content_main { float:left; width:300px; }
#tepra_use_content03 .tepra_use_content_sub { float:right; width:178px; }
#tepra_use_content04 .tepra_use_content_main { position:absolute; left:0px; top:36px; }
#tepra_use_content05 .tepra_use_content_main { float:left; width:300px; }
#tepra_use_content05 .tepra_use_content_sub { float:right; width:178px; }
#tepra_use_content06 ul {}
#tepra_use_content06 ul li { float:left; margin-bottom:20px; }
.mb70 { margin-bottom:70px; }

.navi_list {
  width: 755px
}
.navi_list ul {
  margin-left: -2px;
}
.navi_list ul li {
  float: left;
  margin-left: 2px;
}

/*--------------------

190930 tepra_renewal

---------------------*/

.teprapage {
  width: 960px;
  font-size: 15px;
}

.teprapage .tepra_header_area {
  margin: 0 0 30px 0;
}

/*tepra_header_area*/
.teprapage .tepra_header_area .tepra_nav {
  width: 960px;
  font-size: 20px;
}

.teprapage .tepra_header_area .tepra_nav li {
  color: #333333;
  font-weight: bold;
  text-align: center;
  margin: 0 10px 0 0;
  float: left;
  display: table;
}

.teprapage .tepra_header_area .tepra_nav li:last-child {
  margin-right: 0;
}

.teprapage .tepra_header_area .tepra_nav li a {
  color: #333333;
  font-weight: bold;
  text-decoration: none;
}

.teprapage .tepra_header_area .tepra_nav li span,
.teprapage .tepra_header_area .tepra_nav li a span {
  display: table-cell;
  vertical-align: middle;
}

.teprapage .tepra_header_area .tepra_nav li.active {
  width: 313px;
  height: 45px;
  background: url(/resource/club_com/special/tepra/images/nav_bg_ov.png);
}

.teprapage .tepra_header_area .tepra_nav .use {
  font-size: 16px;
}

.teprapage .tepra_header_area .tepra_nav .use span {
    padding: 0 24px 0px 0;
}

.teprapage .tepra_header_area .tepra_nav .use a {
  text-indent: -1.5em;
}

.teprapage .tepra_header_area .tepra_nav .use a span {
  padding-right: 0;
}

.teprapage .tepra_header_area .tepra_nav li a span {
  width: 313px;
  height: 45px;
  background: url(/resource/club_com/special/tepra/images/nav_bg.png);
}

.teprapage .tepra_header_area .tepra_nav li a span:hover {
  width: 313px;
  height: 45px;
  background: url(/resource/club_com/special/tepra/images/nav_bg_ov.png);
}

/*タイトル*/
.teprapage .h2_ttl {
  font-size: 25px;
  font-weight: normal;
  margin: 0 0 15px 0;
  padding: 0 0 0 30px;
  position: relative;
}

.teprapage .h2_ttl:before {
  content:'';
  width: 20px;
  height: 20px;
  background: #ef792b;
  display:block;
  position: absolute;
  left: 2px;
}

/*フッター*/
.tepra_footer_inc {
  text-align: center;
}

/*テプラ本体*/
.tepra_contents_wrap .function_comparison_hyo {
  margin: 0 0 50px 0;
}

.tepra_contents_wrap .function_comparison_hyo table {
  border-collapse: collapse;
}

.tepra_contents_wrap .function_comparison_hyo table .table_ttl {
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  background-color: #428fdc;
  height: 54px;
}

.tepra_contents_wrap .function_comparison_hyo .kata_about {
  width: 120px;
}

.tepra_contents_wrap .function_comparison_hyo .function_about {
  width: 83px;
}

.tepra_contents_wrap .function_comparison_hyo tr {
　cursor:pointer;
}

.tepra_contents_wrap .function_comparison_hyo tr.clickable:hover td {
  background-color: #edf6ff;
  cursor: pointer;
}

.tepra_contents_wrap .function_comparison_hyo tr.clickable:hover .kata_num_name {
  text-decoration: underline;
}

.tepra_contents_wrap .function_comparison_hyo table th,
.tepra_contents_wrap .function_comparison_hyo table td {
  border: 1px solid #c8c8c8;
  text-align: center;
  vertical-align: middle;
}

.tepra_contents_wrap .function_comparison_hyo .ttl,
.tepra_contents_wrap .function_comparison_hyo .function_line_2 {
  text-align: left;
  display: inline-block;
}

.tepra_contents_wrap .function_comparison_hyo .f_11 {
  font-size: 11px;
}

.tepra_contents_wrap .function_comparison_hyo .f_12 {
  font-size: 12px;
}

.tepra_contents_wrap .function_comparison_hyo .f_13 {
  font-size: 13px;
}

.tepra_contents_wrap .function_comparison_hyo td.help {
  background: url(/resource/club_com/special/tepra/images/help_icon.png) no-repeat;
  background-position: 63px 3px;
}

.tepra_contents_wrap .function_comparison_hyo td.help p {
  letter-spacing: -0.14em;
  margin-left: -12px;
}

.tepra_contents_wrap .function_comparison_hyo .line2 {
  margin-left: -6px;
}

.tepra_contents_wrap .function_comparison_hyo .function_img {
  padding: 8px 0;
  background-color: #edf6ff;
}

.tepra_contents_wrap .function_comparison_hyo .txt_indent {
  letter-spacing: 0em;
}

.tepra_contents_wrap .function_comparison_hyo .kata_num_name {
  color: #1f74e9;
  margin: 6px 0 0 0;
}

.tepra_contents_wrap .function_comparison_hyo .kata_num_name:before {
  content:"";
  display:inline-block;
  width:6px;
  height:10px;
  background:url(/resource/club_com/shared/images/icon_arrow_blue_right.png) no-repeat;
  background-size:contain;
  margin: 0 5px 0 0;
}

.function_comparison_hyo .help {
  position: relative;
}
.function_comparison_hyo .help:hover {
  background: #deb3ba;
}
.function_comparison_hyo .help-tooltips {
  width: 200px;
  color: #333333;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  display: block;
  position: absolute;
  bottom: -7em;
  left: -5em;
  z-index: 9999;
  padding: 20px 15px;
  background: #ffffff;
  border-radius: 0.5em;
  box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
.function_comparison_hyo .help-tooltips:after {
  content: "";
  display: block;
  position: absolute;
  left: 45%;
  top: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #FFFFFF;
  font-size: 14px;
}

/*テプラテープ*/
#tepra_tape .tepra_contents_wrap {
  margin: 0 0 40px 0;
}

#tepra_tape .tepra_contents_wrap .teplatape_tab {
  margin: 0 0 10px 0;
}

#tepra_tape .tab-group {
  width: 960px;
  margin: 0 0 -2px 0;
  position: relative;
}

#tepra_tape .tab-group.js-open:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #c8c8c8;
  position: absolute;
  bottom: 0;
  left: 0;
}

#tepra_tape .tab-group li {
  height: 45px;
  font-size: 18px;
  text-align: center;
  display: block;
  border: solid 2px #c8c8c8;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  float: left;
  margin: 0 10px 0 0;
}

#tepra_tape .js-open .tab-group li {
  border-radius: 4px 4px 0 0;
}

#tepra_tape .tab-group li:last-child {
  margin-right: 0;
}

#tepra_tape .col1_tab .tab-group li {
  width: 480px;
}

#tepra_tape .col5_tab .tab-group li,
#tepra_tape .col2_tab .tab-group li {
  width: 180px;
}

#tepra_tape .tab-group .js-tab-btn {
  display: table;
}

#tepra_tape .tab-group .js-tab-btn a {
  color: #333333;
  text-decoration: none;
  display: table-cell;
  vertical-align: middle;
  padding-right: 22px;
  letter-spacing: -0.05em;
}

#tepra_tape .tab-group .js-tab-btn .font_s {
  font-size: 15px;
}

#tepra_tape .tab-group .js-tab-btn .font_ss {
  font-size: 13px;
  text-align: left;
  padding: 0 0 0 3px;
  letter-spacing: -0.08em;
}

#tepra_tape .tab-group .js-tab-btn a:after {
  content: "";
  background-image: url(/resource/club_com/special/tepra/images/tapra_tape_tab_plus.png);
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  top: 14px;
  right: 9px;
}

#tepra_tape .tab-group a.current {
  background: #edf6ff;
}

#tepra_tape .tab-group a.current:after {
  content: "";
  background-image: url(/resource/club_com/special/tepra/images/tapra_tape_tab_minus.png);
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  top: 14px;
  right: 9px;
}

#tepra_tape .top1711-tab__content.js-contentOpen {
  border: solid 1px #cecece;
}

#tepra_tape .js-tabOpen a {
  border-radius: 4px 4px 0 0;
}

#tepra_tape .js-tab-contents-wrap {
  width: 100%;
  box-sizing: border-box;
}

#tepra_tape .js-tab-contents-wrap.js-open {
  border: 2px solid #c8c8c8;
  border-top: none;
  overflow: hidden;
}

#tepra_tape .js-tab-contents {
  display: none;
}

#tepra_tape .js-tab-contents.current {
  display: block;
}

#tepra_tape .js-tab-contents .label_contents_top {
  width: 930px;
  margin: 5px 0 0 0;
/*  padding: 0 0  0;*/
  border-bottom: 1px solid #e0e0e0;
  overflow: hidden;
  display: table;
}

#tepra_tape .js-tab-contents .label_contents_top .label_top_mainimg {
  width: 170px;
  height: 170px;
  margin: 0 30px 0 0;
}

#tepra_tape .js-tab-contents .label_contents_top .label_top_maintxt {
  width: 750px;
  font-size: 16px;
  vertical-align: middle;
  display: table-cell;
  line-height: 1.4em;
}

#tepra_tape .js-tab-contents .label_contents_top .label_top_maintxt .description_txt {
  margin: 0 0 18px 0;
}

#tepra_tape .js-tab-contents .label_contents_top .label_top_maintxt .font_w {
  font-weight: bold;
}

#tepra_tape .js-tab-contents .about_txt {
  font-size: 14px;
}

#tepra_tape .js-tab-contents .txtonly .about_txt {
  float: right;
}

#tepra_tape .js-tab-contents .label_contents_top .about_txt p {
  float: left;
}

#tepra_tape .js-tab-contents .label_contents_top .about_txt .size {
  padding: 10px 0 0 0;
  margin: 0 20px 0 0;
}

#tepra_tape .js-tab-contents .label_contents_top.txtonly .about_txt .size {
  padding: 10px 0 0 0;
  margin: 0 10px 0 0;
}

#tepra_tape .js-tab-contents .label_contents_top .about_txt .notaxprice {
  font-size: 25px;
  color: #d80000;
  font-weight: bold;
  margin: 5px 0 0 0;
}

#tepra_tape .js-tab-contents .label_contents_top .about_txt .taxprice {
  margin: 10px 0 0 10px;
  font-size: 16px;
  font-weight: bold;
}

#tepra_tape .js-tab-contents .label_contents_top .about_txt .tax {
  font-size: 13px;
  font-weight: normal;
  color: #333333;
  margin: 0 0 0 3px;
}

#tepra_tape .js-tab-contents .txtonly {
  padding: 0 0 8px 0;
}

#tepra_tape .js-tab-contents .imgtxt {
  padding: 0 0 13px 0;
}

#tepra_tape .tepra_contents_wrap .js-tab-contents-inner {
  padding: 14px 14px 30px 14px;
}

#tepra_tape .js-tab-contents .label_item {
  margin: 25px 0 35px 0;
}

#tepra_tape .js-tab-contents .label_item:last-child {
  margin-bottom: 0;
}

#tepra_tape .js-tab-contents .label_item .label_color_txt {
  color: #000000;
  font-size: 25px;
  font-weight: bold;
  display: inline-block;
}

#tepra_tape .js-tab-contents .label_item .color_txtonly {
  margin: 0 0 25px 0;
}

#tepra_tape .js-tab-contents .label_item li {
  width: 124px;
  margin: 0 10px 0 0;
  display: inline-block;
}

#tepra_tape .js-tab-contents .label_item li:last-child {
    margin-right: 0;
}

#tepra_tape #limitation .js-tab-contents .label_item li {
  width: 178px !important;
  margin: 0 4px 0 0 !important;
}

#tepra_tape .js-tab-contents .label_item li .label_img {
  text-align: center;
}

#tepra_tape .js-tab-contents .label_item li .label_img img {
  width: 124px;
  height: 124px;
}

#tepra_tape .js-tab-contents .label_item li .label_img img:hover {
  opacity: 0.7;
}

#tepra_tape .js-tab-contents .label_item li .label_size {
  margin: 0 0 10px 0;
  padding: 0 0 0 10px;
  position: relative;
}

#tepra_tape .js-tab-contents .label_item li .label_size a {
  color: #1f74e9;
  font-weight: bold;
  text-decoration: none;
}

#tepra_tape .js-tab-contents .label_item li .label_size a:before,
#tepra_tape .js-tab-contents .label_item .label_more a:after {
  content: "";
  background-image: url(/resource/club_com/shared/images/icon_arrow_blue_right.png);
  width: 6px;
  height: 10px;
  display: block;
  position: absolute;
  top: 4px;
  left: 0px;
}

#tepra_tape .js-tab-contents .label_item li .label_size a:hover {
  border-bottom: 1px solid #1f74e9;
}

#tepra_tape .js-tab-contents .label_item li .label_num {
  font-size: 12px;
  letter-spacing: -0.05em;
}

#tepra_tape .js-tab-contents .label_item .label_more {
  margin: 16px 0 0 0;
  padding: 0 0 0 10px;
  text-align: right;
}

#tepra_tape .js-tab-contents .label_item .label_more a {
  color: #1f74e9;
  position: relative;
  padding: 0 0 0 12px;
}

#tepra_tape .label_item .label_color_ttl {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 20px 0;
}

#tepra_tape .label_item .label_color_ttl.font_space {
  text-indent: -0.6em;
}

#tepra_tape #wlabel .label_item .black,
#tepra_tape #wlabel .label_item .lblack {
  color: #000000;
}

#tepra_tape #wlabel .label_item .red {
  color: #d80000;
}

#tepra_tape #wlabel .label_item .blue {
  color: #001484;
}

#tepra_tape #wlabel .label_item .gray {
  color: #626262;
}

#tepra_tape .label_item .color_box {
  width: 280px;
  margin: 0 0 25px 0;
  padding: 5px 0 5px 18px;
}

#tepra_tape .label_item .color_box p {
  display: inline-block;
  font-weight: bold;
  vertical-align: middle;
}

#tepra_tape .label_item .color_box p.label {
  font-size: 20px;
  margin: 0 0 0 8px;
}

#tepra_tape .label_item .color_box_txtonly {
  padding: 0;
}

#tepra_tape .label_item .color_box p.kosuu {
  margin-left: 20px;
}

#tepra_tape .label_item .color_box .attention {
  font-size: 16px;
  font-weight: normal;
  margin-left: 20px;
}

#tepra_tape .label_item .color_box p.label .font_n {
  font-weight: normal;
}

#tepra_tape #pastel .label_item .color_box.red {
  background: #ea545e;
}

#tepra_tape #pastel .label_item .color_box.pink {
  background: #eb6ea5;
}

#tepra_tape #pastel .label_item .color_box.orange {
  background: #f08300;
}

#tepra_tape #pastel .label_item .color_box.yellow {
  background: #f9d300;
}

#tepra_tape #pastel .label_item .color_box.green {
  background: #37b597;
}

#tepra_tape #pastel .label_item .color_box.blue {
  background: #66aadd;
}

#tepra_tape #pastel .label_item .color_box.purple {
  background: #a675b0;
}

#tepra_tape #pastel .label_item .color_box.gray {
  background: #b9b9b9;
}

#tepra_tape #pastel .label_item .color_box.goldblack {
  background: #040304;
}

#tepra_tape #pastel .label_item .color_box.goldblack .label_color_txt {
  color: #b6a037;
}

#tepra_tape #pastel .label_item .color_box.goldblack .label {
  color: #ffffff;
}

#tepra_tape #pastel .label_item .color_box.redyellow {
  background: #f3ce00;
}

#tepra_tape #pastel .label_item .color_box.redyellow .label_color_txt {
  color: #d80100;
}

#tepra_tape #vivid .label_item .color_box p {
  color: #ffffff;
}

#tepra_tape #vivid .label_item .color_box.red {
  background: #e60039;
}

#tepra_tape #vivid .label_item .color_box.green {
  background: #02a273;
}

#tepra_tape #vivid .label_item .color_box.blue {
  background: #005fad;
}

#tepra_tape #vivid .label_item .color_box.black {
  background: #000000;
}

#tepra_tape #keikou .label_item .color_box.red {
  background: #e60039;
}

#tepra_tape #keikou .label_item .color_box.pink {
  background: #e63082;
}

#tepra_tape #keikou .label_item .color_box.orange {
  background: #ea5532;
}

#tepra_tape #keikou .label_item .color_box.yellow {
  background: #edf200;
}

#tepra_tape #keikou .label_item .color_box.green {
  background: #45b035;
}

#tepra_tape #pearl_metallic .label_item .color_box.red {
  background: #ea669c;
}

#tepra_tape #pearl_metallic .label_item .color_box.red {
  background: #ea669c;
}

#tepra_tape #pearl_metallic .label_item .color_box.green {
  background: #2fc0b7;
}

#tepra_tape #pearl_metallic .label_item .color_box.blue {
  background: #30bdf2;
}

#tepra_tape #pearl_metallic .label_item .color_box.silver {
  background: #bfbfbf;
}

#tepra_tape #pearl_metallic .label_item .color_box.gold {
  background: #d2b52e;
}

#tepra_tape #soft .label_item .color_box .label_color_txt {
  color: #626262;
}

#tepra_tape .label_item .regular_box {
  width: 400px;
}

#tepra_tape .label_item .large_box {
  width: 650px;
}

#tepra_tape #soft .label_item .color_box.babypink {
  background: #f5c8db;
}

#tepra_tape #soft .label_item .color_box.lemonyellow {
  background: #feffa1;
}

#tepra_tape #soft .label_item .color_box.mintgreen {
  background: #dceec4;
}

#tepra_tape #soft .label_item .color_box.milkyblue {
  background: #ceeafb;
}

#tepra_tape #soft .label_item .color_box.lavender {
  background: #e7dbf2;
}

#tepra_tape #matome .label_item .label_color_ttl.blue {
  color: #3891d4;
}

#tepra_tape #matome .label_item .label_color_ttl.red {
  color: #e73844;
}

#tepra_tape #matome .label_item .label_color_ttl.yellow {
  color: #ffae00;
}

#tepra_tape #matome .label_item .label_color_ttl.gray {
  color: #333333;
}

#tepra_tape #magnet .label_item .color_box_txtonly.textred .label_color_txt,
#tepra_tape #adhesive .label_item .color_box_txtonly.textred .label_color_txt {
  color: #d80000;
}

#tepra_tape #magnet .label_item .color_box.red,
#tepra_tape #adhesive .label_item .color_box.red {
  background: #ea545e;
}

#tepra_tape #magnet .label_item .color_box.pink,
#tepra_tape #adhesive .label_item .color_box.pink {
  background: #eb6ea5;
}

#tepra_tape #magnet .label_item .color_box.yellow,
#tepra_tape #adhesive .label_item .color_box.yellow {
  background: #ffe63b;
}

#tepra_tape #magnet .label_item .color_box.green,
#tepra_tape #adhesive .label_item .color_box.green {
  background: #44d2b1;
}

#tepra_tape #magnet .label_item .color_box.blue,
#tepra_tape #adhesive .label_item .color_box.blue {
  background: #6fb6eb;
}

#tepra_tape #transparent_label .label_item .red {
  color: #d80000 !important;
}

#tepra_tape #transparent_label .label_item .blue {
  color: #0b65b1 !important;
}

#tepra_tape #transparent_label .label_item .gold {
  color: #958437 !important;
}

#tepra_tape #transparent_label .label_item .gold {
  color: #958437 !important;
}

#tepra_tape #toumei_joushitsu .label_item .label_color_ttl {
  color: #333333;
}

#tepra_tape .label_item li .color_box {
  width: 92%;
  margin: 0;
  padding: 5px;
}

#tepra_tape .label_item li .color_box .label_color_txt {
  font-size: 22px;
  font-weight: normal;
  margin: 0 0 2px 0;
}

#tepra_tape .label_item li .color_box p.label {
  margin: 0;
  font-size: 14px;
}

#tepra_tape #grand .label_item .label_color_ttl {
  color: #333333;
}

#tepra_tape #grand .label_item li .textred .label_color_txt {
  color: #d80000;
}

#tepra_tape #grand .label_item li .textgreen .label_color_txt {
  color: #2f8528;
}

#tepra_tape #grand .label_item li .textgreen .label_color_txt {
  color: #2f8528;
}

#tepra_tape #grand .label_item li .black {
  background: #000000;
}

#tepra_tape #grand .label_item li .yellow {
  background: #fff82c;
}

#tepra_tape #grand .label_item li .red {
  background: #e00032;
  color: #ffffff;
}

#tepra_tape #grand .label_item li .green {
  background: #009c55;
  color: #ffffff;
}

#tepra_tape #grand .label_item li .blue {
  background: #006eb9;
  color: #ffffff;
}

#tepra_tape #grand .label_item li .font_white .label_color_txt {
  color: #ffffff !important;
}

#tepra_tape #grand .label_item li .black .label_color_txt,
#tepra_tape #grand .label_item li .black p.label {
  color: #ffffff;
}

#tepra_tape .tepra_contents_wrap .other_btn_group {
  margin: 0 0 10px 0;
}

#tepra_tape .tepra_contents_wrap .other_btn_group .other_btn {
  margin: 0 10px 0 0;
  float: left;
  position: relative;
}

#tepra_tape .tepra_contents_wrap .other_btn_group .other_btn a {
  color: #333333;
  text-decoration: none;
  text-align: left;
  width: 146px;
  height: 45px;
  display: table;
  border: 2px solid #c8c8c8;
  border-radius: 4px;
  letter-spacing: -0.05em;
}

#tepra_tape .tepra_contents_wrap .other_btn_group .other_btn a:after {
  content: "";
  background-image: url(/resource/club_com/shared/images/icon_arrow_blue_right.png);
  width: 6px;
  height: 10px;
  display: block;
  position: absolute;
  top: 20px;
  left: 12px;
}

#tepra_tape .tepra_contents_wrap .other_btn_group .other_btn a:hover {
  opacity: 0.7;
}

#tepra_tape .tepra_contents_wrap .other_btn_group .other_btn .tab_label {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 27px;
}

#tepra_tape .tepra_contents_wrap .other_btn_group:last-child {
  margin-bottom: 0;
}

#tepra_tape .tepra_contents_wrap .other_btn_group li:last-child {
  margin-right: 0;
}

#tepra_tape .tepra_contents_wrap .other_btn_group .font_s {
  font-size: 13px;
}

/*テプラテープの使い方*/
.use_qa {
  width: 961px;
}

.tepra_use_qa_about {
  background-color: #edf6ff;
  padding: 25px 0;
}

.tepra_use_qa_about .qa_item {
  margin: 0 0 46px 0;
}

.tepra_use_qa_about .qa_item:last-child {
  margin-bottom: 0;
}

.tepra_use_qa_about .q_ttl {
  color: #0352a2;
  font-size: 20px;
  font-weight: normal;
  background-image: url(/resource/club_com/special/tepra/images/use_q_ttl_bg.png);
  width: 961px;
  height: 52px;
  display: table;
  position: relative;
  letter-spacing: -0.05em;
  margin: 0 0 30px 0;
}

.tepra_use_qa_about .q_ttl .q_ttl_inner {
  display: table-cell;
  vertical-align: middle;
}

.tepra_use_qa_about .q_ttl .q_icon {
  width: 49px;
  height: 29px;
  display: table-cell;
  vertical-align: middle;
  padding: 0 18px 0 20px;
}

.tepra_use_qa_about .answer_area_wrap {
  position: relative;
}

.tepra_use_qa_about .answer_area_wrap:before {
  content: "";
  background-image: url(/resource/club_com/special/tepra/images/use_a_icon.png);
  width: 27px;
  height: 27px;
  display: block;
  position: absolute;
  top: 4px;
  left: 20px;
}

.tepra_use_qa_about .answer_area {
  width: 961px;
  margin: 40px 0 0 0;
}

.tepra_use_qa_about .answer_area:first-child {
  margin-top: 0;
}

.tepra_use_qa_about .answer_area .answer_about {
  width: 446px;
  padding: 0 0 0 67px;
  float: left;
  letter-spacing: -0.02em;
}

.tepra_use_qa_about .answer_area .answer_about .a_ttl {
  font-size: 18px;
  line-height: 1.4em;
}

.tepra_use_qa_about .answer_area .answer_about .a_txt {
  line-height: 1.6em;
}

.tepra_use_qa_about .answer_area .answer_img_area {
  width: 350px;
  margin: 0 70px 0 0;
  float: right;
}

.tepra_use_qa_about .answer_area .answer_img_area img {
  float: right;
}

.tepra_use_qa_about .answer_area .answer_about .qa_list {
  width: 690px;
  margin: 0 0 0 70px;
}

.tepra_use_qa_about .answer_area .answer_about .qa_list li {
  width: 212px;
  margin: 0 18px 26px 0;
  float: left;
}

.tepra_use_qa_about .answer_area .answer_about .qa_list li .qa_list_img {
  margin: 0 0 10px 0;
}

.tepra_use_qa_about .answer_area .answer_about .qa_list li .qa_list_txt {
  line-height: 1.3em;
  height: 77px;
}

.tepra_use_qa_about .answer_area .answer_about .qa_list li .use_qa_maru {
  background: url(/resource/club_com/special/tepra/images/use_qa_maru_bg.png);
  width: 212px;
  height: 77px;
}

.tepra_use_qa_about .answer_area .answer_about .qa_list li .use_qa_batsu {
  background: url(/resource/club_com/special/tepra/images/use_qa_batsu_bg.png) no-repeat;
  width: 212px;
  height: 77px;
}

.use_ranking .use_ranking_area {
  width: 934px;
  margin: auto;
  text-align: center;
}

.use_ranking .use_ranking_area .ranking_item {
  text-align: left;
  display: inline-block;
  width: 285px;
  margin: 0 30px 40px 0;
}

.use_ranking .use_ranking_area .ranking_item .rankIcon {
  float: left;
  margin: 0 30px 0 0;
}

.use_ranking .use_ranking_area .ranking_item .rankImg {
  width: 110px;
  height: 110px;
  float: left;
}

.use_ranking .use_ranking_area .ranking_item .rankImg img:hover {
  opacity: 0.7;
}

.use_ranking .use_ranking_area .ranking_item .rankName {
  font-size: 14px;
  margin: 0 0 15px 0;
}

.use_ranking .use_ranking_area .ranking_item .itemPriceSet dd {
  float: right;
  font-size: 14px;
  margin: 0 0 5px 0;
}

.use_ranking .use_ranking_area .ranking_item .itemPriceSet .no_tax {
  color: #d80000;
  font-size: 21px;
}