@charset "UTF-8";
.freeArea hr{
margin: 10px 0;
border: none;
border-top:2px solid #ccc;
}
.freeArea hr.dark{
border-top:2px solid #222;
}
.freeArea dt, .movieArea dt {
  font-size: 1.35714rem;
}
.freeArea .author, .movieArea .author {
  font-size: 1.7142rem;
  font-weight: bold;
}
.freeArea .lh-16, .movieArea .lh-16 {
  line-height: 1.6 !important;
}
.freeArea .lh-18, .movieArea .lh-18 {
  line-height: 1.8 !important;
}
.freeArea .lh-2, .movieArea .lh-2 {
  line-height: 2.0 !important;
}
.freeArea .border-b, .movieArea .border-b {
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
}
.freeArea .offer, .movieArea .offer {
  color: #666;
}
.freeArea .shadow, .movieArea .shadow {
  box-shadow: 0px 0px 5px 0px #aaaaaa;
  -moz-box-shadow: 0px 0px 5px 0px #aaaaaa;
  -webkit-box-shadow: 0px 0px 5px 0px #aaaaaa;
}
.freeArea .profile{
margin-top: 1rem;
}
.freeArea .profile dt, .movieArea .profile dt {
  font-size: 1.71429rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .freeArea .profile dt, .movieArea .profile dt {
    font-size: 1.14286rem;
    font-weight: bold;
  }
}
.freeArea .profile .name-cap, .movieArea .profile .name-cap {
  color: #888;
  font-weight: normal;
  font-size: 0.85714rem;
}
.freeArea .color-blue, .movieArea .color-blue {
  color: #294696;
}
.freeArea .color-red, .movieArea .color-red {
  color: #C70019;
}
.freeArea .color-gray, .movieArea .color-gray {
  color: #555;
}
.freeArea .color-yellow, .movieArea .color-yellow {
  color: #cca467;
}
.freeArea .color-brown, .movieArea .color-brown {
  color: #80413f;
}
.freeArea .color-purple, .movieArea .color-purple {
  color: #cb6794;
}
.freeArea .per100, .movieArea .per100 {
  width: 100% !important;
}
@media screen and (max-width: 767px) {
  .freeArea .per70-small, .movieArea .per70-small {
    width: 70% !important;
  }
  .freeArea .per50-small, .movieArea .per50-small {
    width: 50% !important;
  }
}
.freeArea .space-20, .movieArea .space-20 {
  margin: 0 -10px;
  padding: 0;
}
.freeArea .space-20 .col, .movieArea .space-20 .col {
  padding: 10px;
}
.freeArea .space-m-20 .col, .movieArea .space-m-20 .col {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .freeArea .space-m-20, .movieArea .space-m-20 {
    margin: 0 -10px;
    padding: 0;
  }
  .freeArea .space-m-20 .col, .movieArea .space-m-20 .col {
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  .freeArea .ttl img, .movieArea .ttl img {
    width: 100%;
  }
  .freeArea .img img, .movieArea .img img {
    width: 100%;
    height: auto;
  }
}
.freeArea [class*="bar-left"], .movieArea [class*="bar-left"] {
  position: relative;
  font-size: 1.28571rem;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, transparent 30%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, transparent 30%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, transparent 30%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=0 );
  padding: 10px 15px 12px 30px;
  margin: 5px -15px 15px;
}
.freeArea [class*="bar-left"]:after, .movieArea [class*="bar-left"]:after {
  content: '';
  display: block;
  width: 12px;
  height: 100%;
  position: absolute;
  top: -4px;
  left: 5px;
}
.freeArea .bar-left-black:after, .movieArea .bar-left-black:after {
  background: #000;
}
.freeArea .bar-left-red:after, .movieArea .bar-left-red:after {
  background: #c51919;
}
.freeArea .bar-left-blue:after, .movieArea .bar-left-blue:after {
  background: #273a8b;
}
.freeArea .bar-left-brown:after, .movieArea .bar-left-brown:after {
  background: #523f14;
}
@media screen and (max-width: 767px) {
  .freeArea .for-pc, .movieArea .for-pc {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .freeArea .for-sp, .movieArea .for-sp {
    display: none;
  }
}

.ttl.h3 {
  font-size: 1.71429rem;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .ttl.h3 {
    font-size: 1.28571rem;
  }
}

.font-min {
  font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-size: 1.85714rem;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .font-min {
    font-size: 1.28571rem;
  }
}

.tackle th, .tackle td {
  padding: 0 0 5px;
  vertical-align: top;
}
.tackle td {
  padding-left: 8px;
}
.tackle a {
  padding-left: 8px;
  margin-left: -8px;
  background: url("/images/arrow01.gif") no-repeat left 0.3em;
  color: #3f8ee7;
}

@media screen and (max-width: 767px) {
  .img-list {
    padding: 0 15px;
  }
}

.freeArea,
.movieArea {
  margin: 20px 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .freeArea,
  .movieArea {
    margin: 15px 0;
    padding: 0;
  }
  .freeArea .ttl.h2,
  .movieArea .ttl.h2 {
    background: #183478;
    color: #fff;
    font-weight: normal;
    font-size: 100%;
    cursor: pointer;
    padding: 10px 1em;
    line-height: 1.5;
    border: 0;
  }
}
.freeArea .bullete,
.movieArea .bullete {
  background: url(/product/rod/images/arrow01.gif) no-repeat scroll left 0.5em;
  padding-left: 10px;
}

.freeArea[class*="bg-"],
.freeArea [class*="bg-"] {
  padding: 15px;
}

.bg-black {
  background: #000;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .bg-black {
    padding: 20px;
  }
}
.bg-black .ttl.h4 {
  border-left: 4px solid #00a0e8;
}
.bg-black .offer {
  color: #ccc;
}
.bg-black .color-gray {
  color: #aaa;
}
.bg-black .border-b {
  border-bottom: 1px solid #555;
}
.bg-white {
  background: #fff;
  color: #333;
}
.bg-white .offer,
.bg-white .color-gray {
  color: #777;
}
.bg-white .border-b {
  border-color: #ccc;
}
.bg-blue {
  background: #274699;
  color: #fff;
}
.bg-blue .offer {
  color: #ccc;
}
.bg-blue .color-gray {
  color: #aaa;
}
.bg-blue .border-b {
  border-color: #ccc;
}
.bg-black-img {
  background: #000 url("/product/rod/images/2553/voice02/bg.jpg") repeat left top;
  padding: 15px;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .bg-black-img {
    padding: 20px;
  }
}
.bg-red-img {
  background: #ce1414;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .bg-red-img {
    background: url("/product/rod/images/4381/bg.gif") no-repeat center top;
    background-size: 100% auto;
    padding: 20px;
  }
}

.textArea {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .textArea {
    margin-bottom: 40px;
  }
}

.freeArea .ttl.h2 {
  margin-bottom: 10px;
}
.freeArea [class*="labelTag-"] {
  display: inline-block;
  box-sizing: border-box;
  margin-left: 12px;
  padding: 3px 100px 3px 12px;
  font-size: 1.57142rem;
  letter-spacing: 0.3rem;
  font-weight: normal;
  position: relative;
}
.freeArea [class*="labelTag-"]:before {
  content: '';
  display: block;
  position: absolute;
  width: 6px;
  height: 100%;
  top: 0;
  left: -12px;
}
@media screen and (max-width: 1239px) {
  .freeArea [class*="labelTag-"] {
    display: block;
    padding-right: 10px;
    font-family: "Arial Narrow", HelveticaNeue, sans-serif-condensed, sans-serif;
    -webkit-text-stroke-width: 1px;
  }
}
@media screen and (min-width: 1240px) {
  .freeArea [class*="labelTag-"] {
    font-family: "Impact", "HelveticaNeue-CondensedBlack";
  }
}
.freeArea .labelTag-white-bk {
  background: #fff;
  color: #000;
}
@media screen and (max-width: 1239px) {
  .freeArea .labelTag-white-bk {
    -webkit-text-stroke-color: #000;
    -webkit-text-fill-color: #000;
  }
}
.freeArea .labelTag-white-bk:before {
  background: #fff;
}
.freeArea .labelTag-white-gr {
  background: #fff;
  color: #555;
}
@media screen and (max-width: 1239px) {
  .freeArea .labelTag-white-gr {
    -webkit-text-stroke-color: #555;
    -webkit-text-fill-color: #555;
  }
}
.freeArea .labelTag-white-gr:before {
  background: #fff;
}
.freeArea .labelTag-white-rd {
  background: #fff;
  color: #e60012;
}
.freeArea .labelTag-black-rd {
  background: #000;
  color: #e60012;
}
@media screen and (max-width: 1239px) {
  .freeArea .labelTag-white-rd {
    -webkit-text-stroke-color: #e60012;
    -webkit-text-fill-color: #e60012;
  }
  .freeArea .labelTag-black-rd {
    -webkit-text-stroke-color: #e60012;
    -webkit-text-fill-color: #e60012;
  }
}
.freeArea .labelTag-white-rd:before {
  background: #fff;
}
.freeArea .labelTag-black-rd:before {
  background: #e60012;
}
.freeArea .img {
  text-align: center;
}
.freeArea .img img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .freeArea .img img {
    width: 100%;
  }
}
.freeArea .img.fullWidth {
  margin-left: -15px;
  margin-right: -15px;
}
.freeArea .img h2.fullWidth {
  margin-top: -15px;
}
@media screen and (max-width: 767px) {
 .freeArea .img.sp-fullWidth {
   margin-left: -15px;
   margin-right: -15px;
 }
}
.freeArea .txt {
  line-height: 1.5;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.freeArea.blueArea .ttl.h2 {
  color: #fff;
  font-size: 1.35714rem;
  padding: 10px 15px;
  background: #294696;
}
.freeArea.blueArea .ttl.h3 {
  color: #294696;
  font-size: 1.28571rem;
}
@media screen and (max-width: 767px) {
  .freeArea.blueArea .ttl.h3 {
    padding-left: 15px;
    margin-bottom: 1rem;
  }
}

.main .variation .freeArea .txt {
  width: initial;
}

.movieArea .movie-wrap {
  position: relative;
  padding-bottom: 56.25%;
}
.movieArea iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.movieArea .txt {
  background: #efefef;
  padding: 15px;
  border-bottom: 1px solid #ccc;
}

.freeArea-wrap {
  margin: 20px 0;
  padding: 10px;
  background: #e9e9e9;
}
.freeArea-wrap .tabLink {
  margin-top: 0;
  margin-bottom: 10px;
}
.freeArea-wrap .tabLink span {
  display: block;
}
.freeArea-wrap .tabLink span:hover img,
.freeArea-wrap .tabLink .current img {
  visibility: hidden;
}

.shadow-inset {
  box-shadow: 0px 0px 6px 3px #cccccc inset;
  -moz-box-shadow: 0px 0px 6px 3px #cccccc inset;
  -webkit-box-shadow: 0px 0px 6px 3px #cccccc inset;
}

.tab-body-wrap .freeArea {
  margin: 0;
  padding: 15px;
  box-sizing: border-box;
}

.variation .freeArea .ttl-wrap {
  margin-bottom: 20px;
}
.variation .freeArea .ttl-wrap.border-tb {
  padding: .8rem 0;
  line-height: 2.4;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.variation .freeArea .ttl-wrap.border-tb-gr-dotted {
  padding: 1.2rem 0;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}
.variation .freeArea .itemName {
  font-family: "Mongolian Baiti";
  font-style: italic;
  font-weight: bold;
  font-size: 1.57142rem;
}
.variation .freeArea .box-ttl {
  background: #cca467;
  margin: 2px 0 7px;
  padding: 10px 15px;
  font-size: 1.71429rem;
  color: #000;
  position: relative;
}
.variation .freeArea .box-ttl:before, .variation .freeArea .box-ttl:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #cca467;
  position: absolute;
  left: 0;
}
.variation .freeArea .box-ttl:before {
  top: -2px;
}
.variation .freeArea .box-ttl:after {
  bottom: -2px;
}
@media screen and (max-width: 767px) {
  .variation .freeArea .box-ttl {
    padding: 5px 10px;
    font-size: 1.28571rem;
  }
}