@charset "UTF-8";
.sec01 .inr:after, .perficon-body:after, .shimanoTV .movie-list ul:after,
.sbox .search-box-ttl span:after,
.sbox-search .select-area:after,
.sbox-product ul:after,
.sbox-product2 ul:after,
.sbox-category ul:after,
.sbox-tackle ul:after,
.sbox-series ul:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}

.sbox .search-box-ttl span::before,
.sbox-search .btn.primary::before,
.sbox-search .select-item::before,
[class*="sbox-"] li div::before,
.attention li span:before {
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 125%;
  font-weight: normal;
  vertical-align: middle;
  content: '';
  width: 1rem;
  text-align: center;
}

.sbox .search-box-ttl span::before {
  content: '\f067';
}

.sbox .open .search-box-ttl span::before {
  content: '\f068';
}

.sbox-search .select-item::before,
[class*="sbox-"] li div::before {
  content: '\f0da';
}

.sbox-search .btn.primary::before {
  content: '\f002';
}

.page-header .new::before {
  content: 'NEW';
}

.sbox .search-box-ttl {
  font-size: 114.28571%;
}

.textbox .price {
  font-size: 128.57143%;
}

.sec01 {
  margin: 0 0 30px;
}

.page-header .img-ttl {
  padding: 25px 0 10px;
}

.page-header .img-ttl img {
  max-width: 100%;
  height: auto;
}

.page-header .lead {
  color: #183478;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo;
  font-size: 142%;
  font-weight: bold;
  line-height: 1.4;
}

.page-header .name {
  background: #183478;
  padding: 8px 15px;
  margin: 15px -15px 0;
  color: #fff;
  font-weight: bold;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo;
  line-height: 1.5;
  vertical-align: middle;
}

.page-header .new::before {
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 2px;
  background: #f42c53;
  padding: 0 4px;
  margin-right: 10px;
}

.bg-color-bk {
  margin-top: 1px;
}

.bg-color-bk .acc-tgl {
  background: #212121;
}

.acc .acc-tgl.sub-ttl {
  border-left: 0;
}

.page-header-after .acc {
  width: inherit;
}

.textbox,
#inline {
  line-height: 1.6;
  text-align: left;
}

.textbox {
  position: relative;
  z-index: 10;
}

.textbox .price {
  margin: 15px 0;
  color: #fe2222;
}

#inline,
#lightbox {
  padding: 15px;
}

#inline2 {
  margin-bottom: 20px;
}

#inline .ttl,
#inline .txt,
#inline .sub-ttl {
  margin: 15px 0;
}

.sub-ttl {
  border-left: 4px solid #00a0e9;
  padding-left: 10px;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo;
  font-size: 128%;
}

.perficon {
  margin: 15px 0;
}

.perficon-body {
  position: relative;
}

.perficon-body li,
.perficon-body li:first-child {
  width: 25%;
  height: 75px;
  float: left;
  border: 0;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  box-sizing: border-box;
}

.perficon-body li.open .tooltip-body {
  padding: 0 2px;
}

.perficon-body li.open .tooltip-body dd:after, .perficon-body li.open .tooltip-body dd:before {
  bottom: 100%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 1;
  margin-bottom: -1px;
}

.perficon-body li.open .tooltip-body dd:after {
  border-color: transparent;
  border-bottom-color: #000;
  border-width: 10px;
  margin-left: -10px;
}

.perficon-body li.open .tooltip-body dd:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #cccccc;
  border-width: 11px;
  margin-left: -11px;
}

.perficon-body li.out {
  z-index: 0;
}

.perficon-body li.out .tooltip-body {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}

.perficon-body li:nth-child(4n+1) .tooltip-body {
  margin-right: -300%;
}

.perficon-body li:nth-child(4n+1) .tooltip-body dd:before, .perficon-body li:nth-child(4n+1) .tooltip-body dd:after {
  left: 13%;
}

.perficon-body li:nth-child(4n+2) .tooltip-body {
  margin-left: -100%;
  margin-right: -200%;
}

.perficon-body li:nth-child(4n+2) .tooltip-body dd:before, .perficon-body li:nth-child(4n+2) .tooltip-body dd:after {
  left: 38%;
}

.perficon-body li:nth-child(4n+3) .tooltip-body {
  margin-left: -200%;
  margin-right: -100%;
}

.perficon-body li:nth-child(4n+3) .tooltip-body dd:before, .perficon-body li:nth-child(4n+3) .tooltip-body dd:after {
  left: 62.5%;
}

.perficon-body li:nth-child(4n+4) .tooltip-body {
  margin-left: -300%;
}

.perficon-body li:nth-child(4n+4) .tooltip-body dd:before, .perficon-body li:nth-child(4n+4) .tooltip-body dd:after {
  left: 87.5%;
}

.perficon-body p {
  padding: 0;
  text-align: center;
  display: table;
  width: 100%;
  height: 100%;
}

.perficon-body p span {
  display: table-cell;
  vertical-align: middle;
}

.perficon-body p:before {
  display: none;
}

.perficon-body img {
  max-width: 100%;
  height: auto;
}

.perficon-body dt,
.perficon-body dd {
  background: #000;
  color: #fff;
  padding: 10px;
}

.perficon-body dt {
  padding-bottom: 0;
  display: none;
}

.perficon-body dd {
  border: 1px solid #ccc;
  border-radius: 3px;
}

.perficon-body dd p {
  text-align: left;
}

.perficon-body em {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 114%;
}

.perficon-body + .offer {
  padding: 10px;
}

.spec h4,
.spool h4 {
  margin: 1rem;
}
.spec h4 span.spOnly {
  display: none;
}

.spec table,
.spool table {
  margin: 0;
}

.tooltip-close {
  position: absolute;
  top: 0;
  right: 5px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
}

.tooltip-close:before, .tooltip-close:after {
  content: '';
  display: block;
  width: 19px;
  height: 2px;
  position: absolute;
  top: 20px;
  left: 10px;
  background: #ccc;
}

.tooltip-close:before {
  transform: rotate(-45deg);
}

.tooltip-close:after {
  transform: rotate(45deg);
}

.tooltip-close span {
  display: none;
}

.img-icon {
  border-top: 2px solid #e0e0e0;
  border-bottom: 2px solid #e0e0e0;
  padding: 20px 15px;
}

.img-icon li {
  display: inline-block;
  background: #e8232a;
  background: -moz-linear-gradient(top, #e8232a 0%, #76050b 100%);
  background: -webkit-linear-gradient(top, #e8232a 0%, #76050b 100%);
  background: linear-gradient(to bottom, #e8232a 0%, #76050b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8232a', endColorstr='#76050b',GradientType=0 );
  border-radius: 3px;
  padding: 0 10px;
  color: #fff;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .perficon {
    margin: 15px -15px 0;
  }

  .perficon-body {
    border-left: 1px solid #ccc;
  }
  .spec h4 span.spOnly {
    display: block;
    background: #ff0000;
    border: 1px solid #ff0000;
    border-radius: 8px;
    margin: 3px 0 0 0;
  }
  .spec h4 span.spOnly a {
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    padding: 10px;
    text-align: center;
  }
  .spec h4 span.spOnly a span {
    text-align: center;
	background: url(/images/_shared/ic_pdf.png) no-repeat 3px 50%;
	background-size: 14px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) {
  .page-header {
    padding: 0;
  }

  .page-header .name {
    margin: 15px 0 0;
  }

  .img-ttl + .lead + .name {
    display: block;
    margin-bottom: 1rem;
  }

  .textbox .acc-tgl {
    padding: 0;
    padding-left: 10px;
    border-left: 4px solid #00a0e9;
    background: none;
    height: inherit;
    line-height: inherit;
    color: #333;
    cursor: default;
  }

  .textbox .acc-body {
    border: 0;
  }

  .textbox .perficon {
    padding: 0;
  }

  .textbox .perficon .perficon-body li {
    width: 62px;
    height: 62px;
    float: left;
    border: 1px solid #ccc;
    margin: 1px;
  }

  .textbox .perficon .perficon-body li a {
    display: table-cell;
    height: 62px;
    width: 62px;
    vertical-align: middle;
  }

  #inline {
    padding: 0;
  }

  .page-header,
  .textbox {
    float: right;
    width: 555px;
  }

  .slide-wrap {
    float: left;
    margin-bottom: 10px;
  }

  .slide-product {
    box-shadow: 0px 0px 5px 0px #aaa;
    -moz-box-shadow: 0px 0px 5px 0px #aaa;
    -webkit-box-shadow: 0px 0px 5px 0px #aaa;
  }

  .slide-control {
    box-shadow: none;
  }

  .slide-control ul {
    margin: -5px;
  }

  .slide-control li {
    width: 33.33333%;
    float: left;
    text-align: center;
    box-sizing: border-box;
    padding: 5px;
  }

  .slide-control li:nth-child(3n+1) {
    clear: left;
    float: left;
  }

  .slide-control img {
    max-width: 100%;
    height: auto;
    border: 1px dotted #ccc;
    box-sizing: border-box;
    cursor: pointer;
  }

  .slide-control span {
    font-size: 85%;
  }

  .perficon {
    z-index: 1;
  }

  .perficon-body {
    margin: 15px -1px 0;
  }

  .perficon-body dt,
  .perficon-body dd {
    padding: 15px;
  }

  .perficon-body dt {
    padding-bottom: 0;
    margin-bottom: -1px;
    display: inherit;
    border: 1px solid #ccc;
    border-bottom: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }

  .perficon-body dd {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .perficon-body li .tooltip-body {
    width: 545px;
    padding: 0 5px;
    margin-right: inherit;
  }

  .perficon-body li:nth-child(8n+1) .tooltip-body {
    margin-left: 0;
  }

  .perficon-body li:nth-child(8n+1) .tooltip-body dd:before, .perficon-body li:nth-child(8n+1) .tooltip-body dd:after {
    left: 31px;
  }

  .perficon-body li:nth-child(8n+2) .tooltip-body {
    margin-left: -64px;
  }

  .perficon-body li:nth-child(8n+2) .tooltip-body dd:before, .perficon-body li:nth-child(8n+2) .tooltip-body dd:after {
    left: 95px;
  }

  .perficon-body li:nth-child(8n+3) .tooltip-body {
    margin-left: -128px;
  }

  .perficon-body li:nth-child(8n+3) .tooltip-body dd:before, .perficon-body li:nth-child(8n+3) .tooltip-body dd:after {
    left: 157px;
  }

  .perficon-body li:nth-child(8n+4) .tooltip-body {
    margin-left: -192px;
  }

  .perficon-body li:nth-child(8n+4) .tooltip-body dd:before, .perficon-body li:nth-child(8n+4) .tooltip-body dd:after {
    left: 222px;
  }

  .perficon-body li:nth-child(8n+5) .tooltip-body {
    margin-left: -256px;
  }

  .perficon-body li:nth-child(8n+5) .tooltip-body dd:before, .perficon-body li:nth-child(8n+5) .tooltip-body dd:after {
    left: 287px;
  }

  .perficon-body li:nth-child(8n+6) .tooltip-body {
    margin-left: -320px;
  }

  .perficon-body li:nth-child(8n+6) .tooltip-body dd:before, .perficon-body li:nth-child(8n+6) .tooltip-body dd:after {
    left: 351px;
  }

  .perficon-body li:nth-child(8n+7) .tooltip-body {
    margin-left: -384px;
  }

  .perficon-body li:nth-child(8n+7) .tooltip-body dd:before, .perficon-body li:nth-child(8n+7) .tooltip-body dd:after {
    left: 413px;
  }

  .perficon-body li:nth-child(8n+8) .tooltip-body {
    margin-left: -448px;
  }

  .perficon-body li:nth-child(8n+8) .tooltip-body dd:before, .perficon-body li:nth-child(8n+8) .tooltip-body dd:after {
    left: 478px;
  }

  .perficon-body + .offer {
    padding: 10px 0;
  }

  .acc .acc-tgl.sub-ttl {
    border-left: 4px solid #00a0e9;
    font-size: 128%;
  }

  .page-header-after {
    clear: both;
    width: inherit;
    padding-top: 20px;
  }

  .page-header-after .offer {
    margin-left: 1em;
  }

  .page-header-after .share-box {
    margin-right: 1em;
  }

  .sec01 {
    margin: 0 0 20px;
  }
}
.shimanoTV {
  padding: 0 15px;
  background: #051921;
  overflow: hidden;
}

.shimanoTV, .shimanoTV a {
  color: #a1b7c4;
}

.shimanoTV .sec-header {
  text-align: center;
  padding: 15px 0;
}

.shimanoTV .sec-header img {
  max-width: 79.5082%;
  height: auto;
}

.shimanoTV .sec-header p {
  margin-top: 15px;
}

.shimanoTV .movie-list {
  width: 100%;
  overflow-x: auto;
  padding-bottom: 15px;
  -webkit-overflow-scrolling: touch;
}

.shimanoTV .movie-list ul {
  display: table;
}

.shimanoTV .movie-list li {
  display: table-cell;
  width: 107px;
  padding: 0 5px;
  vertical-align: top;
}

.shimanoTV .movie-list img {
  margin-bottom: 10px;
}

.shimanoTV .movie-list span {
  display: block;
  white-space: nowrap;
  width: 107px;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (min-width: 768px) {
  .shimanoTV {
    padding: 0 30px;
  }

  .shimanoTV .sec-header {
    display: table;
    width: 100%;
    padding: 30px 0;
  }

  .shimanoTV .sec-header h2,
  .shimanoTV .sec-header p {
    display: table-cell;
    text-align: left;
    padding-right: 20px;
  }

  .shimanoTV .sec-header h2 {
    width: 242px;
  }

  .shimanoTV .sec-header img {
    width: 100%;
    max-width: inherit;
  }

  .shimanoTV .movie-list {
    width: inherit;
    padding-bottom: 10px;
    overflow: hidden;
  }

  .shimanoTV .movie-list ul {
    display: block;
    margin-right: -22px;
  }

  .shimanoTV .movie-list li {
    display: inherit;
    float: left;
    width: 14.28571%;
    padding: 0;
    margin-bottom: 20px;
  }

  .shimanoTV .movie-list li:nth-child(7n+1) {
    clear: left;
    float: left;
  }

  .shimanoTV a:hover img {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7;
  }
}
.offer-box {
  padding: 0 15px;
}

.offer-box li {
  margin: 10px 0;
}

.sbox .search-box-ttl {
  line-height: inherit;
  font-weight: bold;
}

.sbox .search-box-ttl span:before {
  font-size: 100%;
}

.sbox-search .btn.primary:before {
  font-size: 100%;
  vertical-align: top;
}

@media screen and (max-width: 767px) {
  .sbox {
    padding: 0;
    margin: 1px 0 0;
  }

  .sbox .search-box-ttl.sp {
    padding: 9px;
    box-sizing: border-box;
    background: #000;
    color: #fff;
    display: table;
    width: 100%;
    height: 60px;
  }

  .sbox .search-box-ttl.sp span, .sbox .search-box-ttl.sp:before {
    display: table-cell;
    vertical-align: middle;
  }

  .sbox .search-box-ttl.sp span {
    position: relative;
    padding-left: 15px;
  }

  .sbox .search-box-ttl.sp span:before {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .sbox .search-box-ttl.sp:before {
    float: none;
    content: '';
    width: 43px;
    height: 43px;
    background-image: url(/images/_shared/sbox_ttl_ic.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
  }

  .sbox .inr {
    margin: 0;
  }

  .sbox .inr.open .search-box-ttl:before {
    content: '';
  }

  .sbox-search .search-box-ttl:before {
    background-position: 0 top;
  }

  .sbox-search .select-area {
    display: table;
    width: 100%;
    border-bottom: 1px solid #ccc;
  }

  .sbox-search .ttl,
  .sbox-search .select-box {
    display: table-cell;
    box-sizing: border-box;
  }

  .sbox-search .ttl {
    width: 75px;
    font-size: 100%;
    text-align: center;
    vertical-align: middle;
    background: #e9edf5;
    color: #183478;
    border-right: 1px solid #ccc;
  }

  .sbox-search .select-item {
    border-top: 1px solid #ccc;
    display: none;
  }

  .sbox-search .select-item:first-child {
    border: none;
  }

  .sbox-search .select-item.selected {
    background: #cfecfa;
  }

  .sbox-search .select-item.in {
    display: block;
  }

  .sbox-search .select-item:before {
    display: none;
  }

  .sbox-search select {
    outline: none;
    border: 0;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 10px;
    background: transparent;
  }

  .sbox-search option {
    width: 100%;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
  }

  .sbox-search .price .select-box {
    padding: 5px 10px;
  }

  .sbox-search .price .select-item,
  .sbox-search .price p {
    display: table-cell;
    vertical-align: middle;
  }

  .sbox-search .price .select-item {
    border: none;
  }

  .sbox-search .price select {
    width: inherit;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    padding: 0;
  }

  .sbox-search .price p {
    padding: 0 10px;
  }

  .sbox-search .select-item-wrap {
    margin-bottom: 10px;
  }

  .sbox-search .btn-wrap {
    padding: 15px;
  }

  .sbox-search .btn {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0;
    position: relative;
  }

  .sbox-search .btn input,
  .sbox-search .btn span {
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo;
    font-weight: bold;
    font-size: 114.28571%;
  }

  .sbox-search .btn input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: none;
    outline: none;
    background: transparent;
    text-indent: -1000%;
    overflow: hidden;
  }

  .sbox-product .search-box-ttl:before,
  .sbox-category .search-box-ttl:before {
    background-position: left -43px;
  }

  .sbox-tackle .search-box-ttl:before {
    background-position: left -86px;
  }

  .sbox-product2 .search-box-ttl:before,
  .sbox-series .search-box-ttl:before {
    background-position: left -129px;
  }

  .sbox-product,
  .sbox-product2,
  .sbox-category,
  .sbox-tackle,
  .sbox-series {
    background: #dfdfdf;
  }

  .sbox-product ul,
  .sbox-product2 ul,
  .sbox-category ul,
  .sbox-tackle ul,
  .sbox-series ul {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }

  .sbox-product li,
  .sbox-product2 li,
  .sbox-category li,
  .sbox-tackle li,
  .sbox-series li {
    width: 50%;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    background: white;
    background: -moz-linear-gradient(top, white 0%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, white 0%, #f6f6f6 100%);
    background: linear-gradient(to bottom, white 0%, #f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
    float: left;
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo;
    font-weight: bold;
    font-size: 100%;
  }

  .sbox-product li div,
  .sbox-product2 li div,
  .sbox-category li div,
  .sbox-tackle li div,
  .sbox-series li div {
    padding-left: 1em;
    position: relative;
  }

  .sbox-product li div:before,
  .sbox-product2 li div:before,
  .sbox-category li div:before,
  .sbox-tackle li div:before,
  .sbox-series li div:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .sbox-product li a,
  .sbox-product li > span,
  .sbox-product2 li a,
  .sbox-product2 li > span,
  .sbox-category li a,
  .sbox-category li > span,
  .sbox-tackle li a,
  .sbox-tackle li > span,
  .sbox-series li a,
  .sbox-series li > span {
    display: block;
    padding: 15px 10px;
  }

  .sbox-product li > span,
  .sbox-product2 li > span,
  .sbox-category li > span,
  .sbox-tackle li > span,
  .sbox-series li > span {
    position: relative;
  }

  .sbox-product li > span:before,
  .sbox-product2 li > span:before,
  .sbox-category li > span:before,
  .sbox-tackle li > span:before,
  .sbox-series li > span:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(232, 232, 232, 0.8);
  }

  .sbox-product .cap,
  .sbox-product2 .cap,
  .sbox-category .cap,
  .sbox-tackle .cap,
  .sbox-series .cap {
    display: block;
    margin-top: 5px;
    color: #183478;
    font-size: 71.42857%;
    font-weight: normal;
  }

  .sbox-series .search-box-body {
    padding: 15px;
  }

  .sbox-series ul {
    margin: -2px;
    border: none;
  }

  .sbox-series li {
    width: 33.33333%;
    box-sizing: border-box;
    padding: 2px;
    border: none;
    background: transparent;
  }

  .sbox-series li a, .sbox-series li > span {
    padding: 0;
    border: 1px solid #ccc;
  }

  .sbox-series li img {
    max-width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 768px) {
  .sbox-wrap {
    display: table;
    width: 100%;
  }

  .sbox-wrap .sbox {
    display: table-cell;
    vertical-align: top;
    position: relative;
  }

  .sbox-wrap .sbox-search {
    left: 665px;
    padding-left: 13px;
  }

  .sbox-wrap .sbox-product {
    left: -295px;
    width: 665px;
    border-radius: 2px;
  }

  .sbox .search-box-ttl span:before, .sbox .search-box-ttl span:after {
    display: none;
  }

  .sbox-search {
    position: relative;
  }

  .sbox-search .inr {
    height: 100%;
    border: 1px solid #d0d0d0;
    box-shadow: 0px 0px 1px 0px #cccccc;
    -moz-box-shadow: 0px 0px 1px 0px #cccccc;
    -webkit-box-shadow: 0px 0px 1px 0px #cccccc;
    border-radius: 5px;
    padding: 1px;
    position: relative;
    overflow: hidden;
  }

  .sbox-search .search-box-ttl {
    width: 256px;
    height: 46px;
    line-height: 30px;
    padding: 10px 1px 1px;
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #b5b5b5;
    box-shadow: 0px 0px 1px 0px #cccccc;
    -moz-box-shadow: 0px 0px 1px 0px #cccccc;
    -webkit-box-shadow: 0px 0px 1px 0px #cccccc;
    border-radius: 5px;
    background: #fff;
    box-sizing: border-box;
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo;
  }

  .sbox-search .search-box-ttl:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 1.2em;
    vertical-align: top;
    margin: 5px 10px 0 15px;
    background: url(/images/_shared/bg_panel01.gif);
  }

  .sbox-search .search-box-ttl:after {
    content: '';
    display: block;
    width: 252px;
    height: 42px;
    position: absolute;
    top: 1px;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    box-shadow: 0px 0px 8px 0px #bbb inset;
    -moz-box-shadow: 0px 0px 8px 0px #bbb inset;
    -webkit-box-shadow: 0px 0px 8px 0px #bbb inset;
    border-radius: 3px;
  }

  .sbox-search .search-box-body {
    padding: 35px 0 12px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #eee;
    box-shadow: 0px 0px 5px 0px #ccc inset;
    -moz-box-shadow: 0px 0px 5px 0px #ccc inset;
    -webkit-box-shadow: 0px 0px 5px 0px #ccc inset;
  }

  .sbox-search .select-area {
    margin: 0 15px 0 14px;
    padding: 12px 0;
    border-top: 1px dotted #aaa;
  }

  .sbox-search .select-area:first-child {
    border: none;
  }

  .sbox-search h3 {
    float: left;
  }

  .sbox-search .select-box {
    padding-left: 63px;
  }

  .sbox-search .select-item {
    margin-top: 4px;
    position: relative;
  }

  .sbox-search .select-item:before {
    font-size: 100%;
    color: #0f2c68;
    text-align: left;
    position: absolute;
    left: -13px;
  }

  .sbox-search .select-item:first-child {
    margin: 0;
  }

  .sbox-search .select-item:first-child:before {
    display: none;
  }

  .sbox-search .select-item select {
    width: 100%;
    box-sizing: border-box;
  }

  .sbox-search .select-area.price .select-item,
  .sbox-search .select-area.price p {
    display: table-cell;
  }

  .sbox-search .select-area.price p {
    padding: 0 5px;
  }

  .sbox-search .select-area.price .select-item {
    width: 46%;
  }

  .sbox-search .select-area.price .select-item:before {
    display: none;
  }

  .sbox-search .select-area.price .check-wrap {
    margin-top: 5px;
    font-size: 85.71429%;
  }

  .sbox-search .select-area.price label {
    margin-left: 10px;
  }

  .sbox-search .btn-wrap {
    width: 247px;
    background: #fff;
    margin: 0 auto;
    padding: 10px 0;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 3px 0px #cccccc;
    -moz-box-shadow: 0px 0px 3px 0px #cccccc;
    -webkit-box-shadow: 0px 0px 3px 0px #cccccc;
    border-radius: 5px;
  }

  .sbox-search .btn {
    position: relative;
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo;
  }

  .sbox-search .btn input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: none;
    border: none;
    outline: none;
    text-indent: -1000%;
    overflow: hidden;
    cursor: pointer;
  }

  .sbox-search .btn.primary {
    height: 34px;
    line-height: 34px;
  }

  .sbox-search .btn.secondary {
    height: 30px;
    line-height: 30px;
  }

  .sbox-product .search-box-body li,
  .sbox-product2 .search-box-body li,
  .sbox-category .search-box-body li,
  .sbox-tackle .search-box-body li,
  .sbox-series .search-box-body li {
    float: left;
  }

  .sbox-product .search-box-body ul,
  .sbox-category .search-box-body ul {
    padding: 10px 2px 5px;
  }

  .sbox-product2,
  .sbox-tackle,
  .sbox-series {
    margin: 53px 0 15px;
    position: relative;
  }

  .sbox-product2 .ttl,
  .sbox-tackle .ttl,
  .sbox-series .ttl {
    background: #4164c8;
    background: -moz-linear-gradient(top, #4164c8 0%, #264391 100%);
    background: -webkit-linear-gradient(top, #4164c8 0%, #264391 100%);
    background: linear-gradient(to bottom, #4164c8 0%, #264391 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4164c8', endColorstr='#264391',GradientType=0 );
    border-top: 3px solid #264391;
    width: 100%;
    height: 36px;
    padding: 0 15px;
    line-height: 31px;
    box-sizing: border-box;
    color: #fff;
    font-size: 114.28571%;
    position: absolute;
    top: -38px;
    left: 0;
  }

  .sbox-product2 ul,
  .sbox-tackle ul,
  .sbox-series ul {
    padding: 5px 10px;
  }

  .sbox-series li {
    padding: 2px;
  }

  .sbox-series img {
    border-radius: 4px;
  }
}
.search-result .sbox-search .btn {
  display: inline-block;
}

.check-area {
  margin: 20px 0 0;
  padding-top: 40px;
  border: 1px solid #ccc;
  border-bottom: 0;
  background: #fff;
  position: relative;
}

.check-area [data-name="acc-tgl"] {
  background: #183478;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  border: 0;
}

.check-area .offer {
  margin: 0 0 -1px;
  padding: 10px 15px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #fe2222;
}

.check-area .check-slide {
  border-bottom: 1px solid #ccc;
}

.check-slide-body input,
.check-slide-body label {
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .search-result .sbox-search .btn-wrap {
    padding: 15px 0;
  }

  .search-result .sbox-search .btn {
    padding: 0 10px;
    font-size: 85.71429%;
  }

  .search-result .sbox-tackle,
  .search-result .sbox-series,
  .search-result .pickup {
    display: none;
  }

  .check-area {
    margin: 20px 0 0;
    border: 0;
  }

  .check-area .check-slide {
    position: relative;
    overflow: hidden;
  }

  .check-slide-body:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
  }

  .check-slide-body li {
    padding: .7rem 45px .5rem;
    border-top: 1px solid #ccc;
  }

  .check-area .bx-controls a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 85px;
    background-image: url(/images/_shared/modal_pager.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    overflow: hidden;
    text-indent: -500%;
  }

  .check-area .bx-controls .disabled {
    display: none;
  }

  .check-area .bx-controls .bx-prev {
    left: 0;
    background-position: left top;
  }

  .check-area .bx-controls .bx-next {
    right: 0;
    background-position: right top;
  }
}
@media screen and (min-width: 768px) {
  .search-result .sbox-search {
    left: 0;
    padding-left: 0;
  }

  .search-result .sbox-search .btn-wrap {
    width: 925px;
  }

  .search-result .sbox-search .btn {
    display: inline-block;
    padding: 0 40px;
  }

  .search-result .sbox-search .btn.primary {
    margin-right: 20px;
  }

  .search-result .sbox-search .search-box-body {
    padding-top: 50px;
  }

  .search-result .search-box-ttl {
    width: 925px;
  }

  .search-result .search-box-ttl:after {
    width: 920px;
  }

  .search-result .select-item {
    display: table-cell;
    padding-right: 30px;
  }

  .search-result .select-item select {
    width: 160px;
  }

  .search-result .select-area {
    border: 0;
    padding: 3px 0;
  }

  .search-result .select-area.price {
    margin-bottom: 20px;
  }

  .search-result .select-area.price .select-item,
  .search-result .select-area.price p {
    padding: 0 10px 0 0;
  }

  .search-result .select-area.price p {
    text-align: center;
  }

  .search-result .select-item-wrap,
  .search-result .check-wrap {
    display: table-cell;
  }

  .search-result .check-wrap {
    padding-left: 15px;
  }

  .search-result .result {
    margin-bottom: 63px;
  }

  .check-area {
    margin: 0 15px 20px;
  }

  .check-slide-body {
    padding: 15px 10px;
  }

  .check-slide-body ul:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
  }

  .check-slide-body li {
    float: left;
    width: 25%;
    font-size: 0.8125rem;
    box-sizing: border-box;
    padding: 5px 10px 5px 25px;
    text-indent: -15px;
  }

  .check-slide-body li:nth-child(4n+1) {
    clear: left;
    float: left;
  }
}
/* rod */
.rod .sec01 .slide-wrap {
  margin: 0 -15px;
  border-bottom: 1px solid #ccc;
  position: relative;
  box-shadow: 0px 0px 5px 0px #aaa;
  -moz-box-shadow: 0px 0px 5px 0px #aaa;
  -webkit-box-shadow: 0px 0px 5px 0px #aaa;
}

.rod .sec01 .slide-product {
  box-shadow: 0px 0px 0px 0px #fff;
  -moz-box-shadow: 0px 0px 0px 0px #fff;
  -webkit-box-shadow: 0px 0px 0px 0px #fff;
}

.rod .sec01 .slide-body li {
  padding: 30px 40px;
  box-sizing: border-box;
}

.rod .sec01 .slide-body li a {
  display: block;
  overflow: hidden;
}

.rod .sec01 .name {
  margin-bottom: 15px;
}

.rod2 .slide-wrap {
  padding-left: 11.03448%;
  position: relative;
}
.rod2 .slide-wrap:before {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background: #ccc;
  position: absolute;
  top: 0;
  left: 10%;
}

.rod2 .img-ttl {
  width: 10%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.rod2 .img-ttl img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 768px) {
  .rod .sec01 .slide-wrap {
    margin: 0;
    float: none;
    border: none;
  }

  .rod .sec01 .slide-product {
    width: 100%;
    height: auto;
    max-width: inherit;
  }

  .rod .sec01 .slide-body li {
    height: auto;
  }

  .rod .sec01 .slide-body a {
    display: table-cell;
  }

  .rod .sec01 .slide-product-control {
    float: left;
  }

  .rod .sec01 .slide-product-control li {
    width: 100%;
  }

  .rod2 .sec01 .slide-wrap {
    padding-left: 64px;
  }
  .rod2 .sec01 .slide-wrap:before {
    left: 64px;
  }

  .rod2 .img-ttl {
    width: 64px;
  }

  .rod2 .slide-product-control {
    margin-left: -64px;
  }

  .rod2 .sec01 .page-header {
    margin-top: 20px;
  }
}
.featureArea {
  margin: 20px 0;
  padding: 1px 0;
}

.feature-item {
  box-sizing: border-box;
}

.featureArea [data-name=acc-body] {
  padding-bottom: 20px;
}

.img-feature,
.ttl-feature,
.lead-feature,
.txt-feature {
  margin: 1rem 0;
}

.ttl-feature:first-child {
  margin-top: 0;
}

.img-feature {
  border: 1px solid #ccc;
  text-align: center;
}

.img-feature img {
  vertical-align: middle;
  width: 100%;
  height: auto;
}

.ttl-feature {
  padding: 1px 0 3px 15px;
  border: 0;
  font-weight: bold;
  font-size: 107%;
  color: #183478;
  border-bottom: 1px solid #3071b8;
  background: url(/product/reel/images/reel_feature01_icon01.gif) left 0.1em repeat-y;
}

.lead-feature {
  font-weight: bold;
  color: #183478;
}

.num-feature {
  background: #eee;
  padding: 5px 0;
  text-align: center;
}

.attention,
.feature-list {
  padding: 20px 0 0;
}

.feature-list li {
  line-height: 1.6;
}

.feature-list li:before {
  content: '■';
}

.attention .ttl {
  border: 2px solid #FEA8C0;
  padding: 12px;
  border-radius: 4px;
  margin: 0 0 10px !important;
  background: none;
}

.attention .ttl span {
  padding: 0 0 0 20px;
  background: url(/images/product/_shared/bg_h03_r.gif) repeat-y;
  display: block;
  color: #E92D59;
  line-height: 1.5;
  font-weight: bold;
}

.attention li span {
  display: block;
  width: 100%;
  padding: 10px 10px 10px 32px;
  box-sizing: border-box;
  border: solid 1px #D0E1F5;
  border-left: solid 6px #2A449A;
  background: #F1F8FE;
  color: #1946A3;
  line-height: 1;
  font-weight: bold;
  overflow: hidden;
  position: relative;
}

.attention li span:before {
  content: '\f152';
  position: absolute;
  top: 10px;
  left: 10px;
  color: #3990e7;
  font-weight: normal;
  font-size: 100%;
}

@media screen and (max-width: 767px) {
  .featureArea [data-name=acc-body] {
    padding: 0 15px 20px;
  }

  #featureArea {
    margin: 0 -15px;
  }

  .feature-item {
    padding: 20px 44px 10px;
  }

  .img-feature {
    position: relative;
    padding-top: 100%;
    box-sizing: border-box;
  }

  .img-feature span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .img-feature img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .featureArea .bx-wrapper {
    position: relative;
  }

  .featureArea .bx-prev,
  .featureArea .bx-next {
    width: 35px;
    height: 85px;
    position: absolute;
    top: 50%;
    margin-top: -43px;
    background-image: url(/images/_shared/modal_pager.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    text-indent: -500px;
    overflow: hidden;
  }

  .featureArea .bx-prev.disabled,
  .featureArea .bx-next.disabled {
    display: none;
  }

  .bx-prev {
    left: 0;
    background-position: top left;
  }

  .featureArea .bx-next {
    right: 0;
    background-position: top right;
  }

  .featureSlide {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height: 0;
  }

  .featureArea .bx-wrapper .featureSlide {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    height: auto;
  }

  .attention,
  .feature-list {
    margin: 0 -15px;
    padding: 15px 15px 0;
  }

  .featureArea .freeSpace {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .featureArea.sec.panel02 .inr {
    padding: 46px 20px 0;
  }

  .featureArea.sec.panel02 .ttl {
    margin: -48px -22px 0;
  }

  .featureSlide {
    margin: 0 -10px;
  }

  .featureSlide:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
  }

  .feature-item {
    display: inline-block;
    width: 25%;
    margin: 0 -4px;
    padding: 0 10px;
    vertical-align: top;
  }

  .feature-item.w100 {
    width: 100%;
  }

  .img-feature span {
    display: block;
    position: relative;
  }

  .img-feature span:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .num-feature {
    display: none;
  }

  .attention li:nth-child(3n+1) {
    clear: left;
    float: left;
  }
}
@media screen and (max-width: 767px) {
  .tableBox table {
    min-width: auto;
    width: auto;
    margin: 0;
  }

  .tableBox th br {
    display: none;
  }

  .tableBox th,
  .tableBox td {
    width: 200px;
    height: 155px;
    box-sizing: border-box;
  }

  .tableBox th:first-child {
    width: 100px;
  }

  .tableBox tr:nth-child(odd) th,
  .tableBox tr:nth-child(odd) td {
    background: #fff;
  }

  .tableBox thead tr th {
    background: #e7f1ff !important;
  }

  .tableBox {
    position: relative;
    overflow: hidden;
    max-height: 466px;
    border-bottom: 1px solid #ccc;
    clear: both;
  }

  .tableBox-lower {
    max-height: 310px;
    overflow: auto;
  }

  .tableBox:after {
    content: '';
    height: 0;
    display: block;
    clear: both;
  }

  .tableBox-left {
    float: left;
  }

  .tableBox-body {
    overflow: auto;
  }

  .tableBox-body-inr {
    margin-right: -1500%;
    float: left;
  }

  .tableBox-left table,
  .tableBox-lower table {
    margin-top: -156px;
  }

  .tableBox-lower table {
    margin-left: -101px;
  }

  .tableBox-left,
  .tableBox-body {
    position: relative;
    -webkit-overflow-scrolling: touch;
  }

  .tableBox-left,
  .tableBox-upper {
    z-index: 1;
  }

  .tableBox-upper {
    margin-right: -1000%;
  }

  .tableBox-left {
    height: auto;
  }

  .tableBox-lock {
    position: absolute;
    z-index: 5;
  }
}
@media screen and (min-width: 768px) {
  .tableBox-upper,
  .tableBox-left,
  .tableBox-lock {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .models {
    padding: 0;
  }
  .models [data-name='acc-body'] {
    border: 1px solid #183478;
  }
}
/* 製品カテゴリー */
.catList .label {
  font-size: 1rem;
  color: #ccc;
  background: #444;
  border-radius: 10px;
  padding: 0 10px;
  vertical-align: middle;
  margin-left: 10px;
}
.catList .sbox-category .search-box-body [data-name="modal-tgl"] {
  position: relative;
  padding-right: 1.5rem;
}
.catList .sbox-category .search-box-body [data-name="modal-tgl"]:before {
  font-family: 'FontAwesome';
  content: '\f2d2';
  font-size: 118%;
  font-weight: normal;
  vertical-align: middle;
  width: 1rem;
  text-align: center;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #333;
}

.modal .categoryList {
  padding: 10px;
}
.modal .categoryList p, .modal .categoryList li {
  padding: 3px 0 3px 1rem;
  position: relative;
}
.modal .categoryList p {
  font-weight: bold;
}
.modal .categoryList p:before {
  content: '\f0da';
  color: #00a1e9;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-size: 0.85714rem;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.modal .categoryList ul {
  padding-left: 1rem;
}
.modal .categoryList li:before {
  content: '\f105';
  color: #333;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-size: 0.85714rem;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .catList .label {
    background: #bac2d7;
    color: #183478;
  }
  .catList .sbox-tackle {
    margin-bottom: 15px;
  }
  .catList .panel02 {
    margin: 0;
    padding: 0;
    border-top: 1px dotted #ccc;
  }
  .catList .sbox-category li {
    display: table;
  }
  .catList .sbox-category a {
    display: table-cell;
    width: 100%;
    height: 40px;
    vertical-align: middle;
  }

  .modal .categoryList {
    padding: 0;
  }
  .modal .categoryList p, .modal .categoryList li, .modal .categoryList ul {
    padding: 0;
  }
  .modal .categoryList a {
    color: #fff;
    display: block;
    border-bottom: 1px dotted #444;
    padding: 1rem 1rem 1rem 2rem;
  }
  .modal .categoryList p {
    background: #183478;
  }
  .modal .categoryList p:before {
    left: 1rem;
    color: #fff;
  }
  .modal .categoryList li:before {
    left: 1rem;
    color: #ccc;
  }
}
@media screen and (min-width: 768px) {
  .col2Box .col-left,
  .col2Box .col-right {
    margin: 0;
    padding: 0;
  }
  .col2Box .col-left {
    float: left;
    width: 670px;
  }
  .col2Box .col-right {
    float: right;
    width: 280px;
  }

  .catList .sbox-search,
  .catList .sbox-product {
    margin: 0;
  }
  .catList .sbox-search {
    padding: 0;
  }
  .catList .sbox-category {
    padding: 0;
    margin: 0;
  }
  .catList .sbox-category ul {
    margin: 0 -5px;
  }
  .catList .sbox-category li {
    padding: 5px;
  }
  .catList .sbox-category .search-box-body [data-name="modal-tgl"] {
    padding-right: 0;
  }
  .catList .sbox-category .search-box-body [data-name="modal-tgl"]:before {
    left: 10px;
    z-index: 1;
  }

  .panel-red .ttl.h2 {
    color: #a52727;
    border-top: 3px solid #a52727;
  }
}
/* お知らせ＆更新情報 */
.importantArea table,
.topicArea table {
  margin: 0;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.importantArea th,
.importantArea td,
.topicArea th,
.topicArea td {
  padding: 10px 5px;
  font-size: 0.85714rem;
  text-align: left;
}
.importantArea .bd,
.topicArea .bd {
  display: none;
}
.importantArea .date,
.topicArea .date {
  position: relative;
  font-weight: bold;
  width: 100px;
}
.importantArea .date:before,
.topicArea .date:before {
  content: '\f0da';
  display: inline-block;
  vertical-align: middle;
  color: #00a1e9;
  text-align: center;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-size: 0.85714rem;
  line-height: 1;
  margin-right: 5px;
}
.importantArea .icon,
.topicArea .icon {
  width: 110px;
}
.importantArea .icon span:before,
.topicArea .icon span:before {
  margin: 0;
}
.importantArea .new,
.topicArea .new {
  width: 35px;
}

@media screen and (max-width: 767px) {
  .importantArea tr,
  .topicArea tr {
    display: block;
  }
  .importantArea .more,
  .topicArea .more {
    padding: 15px 0 0;
    text-align: center;
  }
  .importantArea .more a,
  .topicArea .more a {
    display: inline-block;
    padding: 10px 40px;
    font-weight: bold;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
  }
  .importantArea .date,
  .importantArea .icon,
  .importantArea .new,
  .topicArea .date,
  .topicArea .icon,
  .topicArea .new {
    padding-bottom: 0;
    padding-top: 10px;
  }
  .importantArea .txt,
  .topicArea .txt {
    display: block;
    padding-bottom: 10px;
  }
  .importantArea .txt a,
  .topicArea .txt a {
    color: #284596;
  }
}
@media screen and (min-width: 768px) {
  .sec.importantArea,
  .sec.topicArea {
    padding: 1px;
    border: 1px solid #ccc;
  }
  .sec.importantArea .inr,
  .sec.topicArea .inr {
    padding: 0;
  }
  .sec.importantArea .ttl.h2,
  .sec.topicArea .ttl.h2 {
    margin: -2px -2px 0;
  }
  .sec.importantArea .more,
  .sec.topicArea .more {
    text-align: right;
    font-size: 0.78571rem;
    margin-top: 5px;
  }
  .sec.importantArea .more a,
  .sec.topicArea .more a {
    padding-left: 15px;
    color: #3f8ee7;
    background: url(/images/arrow02.gif) no-repeat left center;
  }
}
.importantArea .listBlock01,
.topicArea .listBlock01 {
  padding: 15px;
}
.importantArea .listBlock01 > .border01,
.topicArea .listBlock01 > .border01 {
  position: relative;
}

.topicArea {
  margin-top: 0;
  margin-bottom: 20px;
}
.topicArea .tabContents {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
}
.topicArea .tabContents.active {
  position: static;
}
@media screen and (min-width: 768px) {
  .topicArea .tabContents {
    padding: 10px;
  }
  .topicArea h3 {
    color: #284596;
    border-top: 3px solid #284596;
  }
  .topicArea .btnBlock01 {
    display: table;
    width: 100%;
    margin-bottom: -1px;
    position: relative;
    z-index: 1;
  }
  .topicArea .btnBlock01 li {
    display: table-cell;
    text-transform: uppercase;
    vertical-align: bottom;
    position: relative;
    width: 82px;
    margin-bottom: -1px;
    overflow: hidden;
  }
  .topicArea .btnBlock01 li img {
    width: 82px;
    height: auto;
  }
  .topicArea .btnBlock01 a {
    display: inline-block;
    position: relative;
    border-top: 3px solid #284596;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .topicArea .btnBlock01 a:before {
    content: '';
    display: block;
    width: 82px;
    position: absolute;
    left: 2px;
    bottom: 0;
    background: white;
    background: -moz-linear-gradient(top, white 0%, #e1efff 100%);
    background: -webkit-linear-gradient(top, white 0%, #e1efff 100%);
    background: linear-gradient(to bottom, white 0%, #e1efff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1efff',GradientType=0 );
    z-index: 0;
    height: 31px;
  }
  .topicArea .btnBlock01 li.current a,
  .topicArea .btnBlock01 li a:hover {
    border-top: 3px solid #000;
  }
  .topicArea .btnBlock01 li.current a:before,
  .topicArea .btnBlock01 li a:hover:before {
    background: #ebebeb;
    background: -moz-linear-gradient(top, #ebebeb 0%, white 100%);
    background: -webkit-linear-gradient(top, #ebebeb 0%, white 100%);
    background: linear-gradient(to bottom, #ebebeb 0%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 );
    height: 38px;
  }
  .topicArea .btnBlock01 li.current a:after,
  .topicArea .btnBlock01 li a:hover:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top: 4px solid #333;
    position: absolute;
    top: 0;
    left: 38px;
  }
  .topicArea .btnBlock01 li.current a span,
  .topicArea .btnBlock01 li a:hover span {
    padding: 3px 0;
    border-bottom: 1px solid #fff;
  }
  .topicArea .btnBlock01 span {
    display: block;
    position: relative;
    z-index: 0;
    border-left: 1px solid #cbdee7;
    border-right: 1px solid #cbdee7;
    border-bottom: 1px solid #ccc;
  }
  .topicArea .inner {
    padding: 15px 7px 7px;
  }
  .topicArea .border01 {
    border: 1px solid #ccc;
    background: #fff;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .topicArea .btnBlock01 {
    margin: -16px -15px 15px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
  }
  .topicArea .btnBlock01:before {
    content: '';
    display: block;
    width: 100%;
    height: 40px;
    background: -moz-linear-gradient(top, white 0%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, white 0%, #f6f6f6 100%);
    background: linear-gradient(to bottom, white 0%, #f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
  }
  .topicArea .btnBlock01 li {
    width: 20%;
    height: 40px;
    float: left;
    overflow: hidden;
    background: white;
    background: -moz-linear-gradient(top, white 0%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, white 0%, #f6f6f6 100%);
    background: linear-gradient(to bottom, white 0%, #f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
    position: relative;
    z-index: 0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin-bottom: -1px;
    box-sizing: border-box;
  }
  .topicArea .btnBlock01 li.current {
    background: #183478;
  }
  .topicArea .btnBlock01 li:nth-child(5n) {
    border-right: 0;
  }
  .topicArea .btnBlock01 a {
    display: block;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 200%;
  }
  .topicArea .btnBlock01 li.current a {
    background-position: center bottom;
  }
  .topicArea .btnBlock01 [data-href="tab01"] {
    background-image: url("/images/info/_shared/btn01_sp.png");
  }
  .topicArea .btnBlock01 [data-href="tab02"] {
    background-image: url("/images/info/_shared/btn02_sp.png");
  }
  .topicArea .btnBlock01 [data-href="tab03"] {
    background-image: url("/images/info/_shared/btn03_sp.png");
  }
  .topicArea .btnBlock01 [data-href="tab04"] {
    background-image: url("/images/info/_shared/btn04_sp.png");
  }
  .topicArea .btnBlock01 [data-href="tab05"] {
    background-image: url("/images/info/_shared/btn05_sp.png");
  }
  .topicArea .btnBlock01 [data-href="tab06"] {
    background-image: url("/images/info/_shared/btn06_sp.png");
  }
  .topicArea .btnBlock01 [data-href="tab07"] {
    background-image: url("/images/info/_shared/btn07_sp.png");
  }
  .topicArea .btnBlock01 [data-href="tab08"] {
    background-image: url("/images/info/_shared/btn08_sp.png");
  }
  .topicArea .btnBlock01 [data-href="tab09"] {
    background-image: url("/images/info/_shared/btn09_sp.png");
  }
  .topicArea .btnBlock01 [data-href="tab10"] {
    background-image: url("/images/info/_shared/btn10_sp.png");
  }
  .topicArea .btnBlock01 img {
    display: none;
  }
}