@charset "UTF-8";
#contents_920 {
  margin-bottom: 40px;
  background-color: white;
}
#contents_920 .clm1 {
  width: 140px;
  margin: 8px;
  float: left;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#contents_920 .clm2 {
  width: 296px;
  margin: 8px;
  float: left;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#contents_920 .clm3 {
  width: 452px;
  margin: 8px;
  float: left;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#contents_920 .clm4 {
  width: 608px;
  margin: 8px;
  float: left;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#contents_920 .clm5 {
  width: 764px;
  margin: 8px;
  float: left;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#contents_920 .clm6 {
  width: 920px;
  margin: 8px auto;
}
#contents_920 .inner-clm1 {
  width: 124px;
  padding: 8px;
  float: left;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#contents_920 .inner-clm2 {
  width: 280px;
  padding: 8px;
  float: left;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#contents_920 .inner-clm3 {
  width: 436px;
  padding: 8px;
  float: left;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#contents_920 .inner-clm4 {
  width: 592px;
  padding: 8px;
  float: left;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#contents_920 .inner-clm5 {
  width: 748px;
  padding: 8px;
  float: left;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#contents_920 .inner-clm6 {
  width: 914px;
  padding: 8px;
  margin: 0 auto;
}

@media screen and (max-width: 700px) {
  #contents_920 .clm1, #contents_920 .clm2, #contents_920 .clm3, #contents_920 .clm4, #contents_920 .clm5, #contents_920 .clm6,
  #contents_920 .inner-clm1, #contents_920 .inner-clm2, #contents_920 .inner-clm3, #contents_920 .inner-clm4, #contents_920 .inner-clm5, #contents_920 .inner-clm6 {
    width: auto;
    margin: 4px 0;
    padding: 4px;
  }
  #contents_920 .clm3, #contents_920 .clm4, #contents_920 .clm5, #contents_920 .clm6,
  #contents_920 .inner-clm3, #contents_920 .inner-clm4, #contents_920 .inner-clm5, #contents_920 .inner-clm6 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  #contents_920 #contents .mq-img-clm2 {
    display: block;
    height: auto;
    margin: 0 auto;
    width: 148px;
  }
  #contents_920 #contents .mq-img-clm3 {
    display: block;
    height: auto;
    margin: 0 auto;
    width: 226px;
  }
  #contents_920 #contents .mq-img-clm4 {
    display: block;
    height: auto;
    margin: 0 auto;
    width: 304px;
  }
}
/* 見出し */
#contents_920 .ttl_01 {
  background: url(../../../../../../images/bg_diagonalB30.gif) repeat;
  color: white;
	font-size: 100% !important;
  font-weight: bold;
  line-height: 34px;
  margin-bottom: 8px;
}
#contents_920 .ttl_01 span {
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  font-size: 200%;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 8px;
}

#contents_920 .ttl_02 {
  background: url(../../../../../../images/bg_diagonalB30.gif) repeat;
  color: white;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 8px;
  font-size: 200%;
}
#contents_920 .ttl_02 span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 8px;
}
#contents_920 .ttl_02 span span {
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
}

#contents_920 .ttl_03 {
  background: url(../../../../images/bg_ttl.png) no-repeat;
  color: black;
  font-weight: bold;
  line-height: 40px;
  padding: 0 16px;
  margin-bottom: 8px;
}

@media screen and (max-width: 700px) {
  #contents_920 .ttl_03 {
    background-size: auto 30px;
    line-height: 30px;
  }
}
/* OSPバナー */
.bnr_osp a {
  display: block;
  width: 100%;
  padding: 4px 0;
  text-align: center;
  background-color: black;
}
/* 画像左、テキスト回り込み */
#contents_920 .wraparound {
  overflow: hidden;
}
#contents_920 .wraparound .left {
  display: inline-block;
  margin: 0 8px 8px 0;
  float: left;
}
#contents_920 .wraparound .right {
	display:inherit;
	margin:0;
	float:none;
}
/* 特集リンクバナー */
.link_feature {
  margin-top: 20px;
}
.link_feature img {
  width:100%;
  height:auto;
}
@media screen and (max-width: 700px) {
  .link_feature .clm2 {
    width:100%;
    height:auto;
  }
}

/* カテゴリタイトル */
#contents_920 .ttl_page {
  margin: 0 8px;
}

/* カテゴリ内ナビ */
#nav_category {
  letter-spacing: -.40em;
}
#nav_category li {
  letter-spacing: normal;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#nav_category li span {
  display: none;
  letter-spacing: -.40em;
}
#nav_category .inner-clm1 {
  width: 156px;
  margin: 8px 0;
  padding: 0;
}
#nav_category .mini {
  width: 148px;
  margin: 8px 0;
  padding: 0;
}

@media screen and (max-width: 700px) {
  .bnr_osp a img {
    width: 58px !important;
    height: auto;
  }

  #nav_category {
    margin: 0 4px 4px 4px;
    padding: 0 4px;
    background-color: #eeeeee;
  }
  #nav_category .mR16 {
    margin-right: 1%;
  }
  #contents_920 #nav_category li {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #nav_category li a {
    padding: 10px 0;
    display: block;
    border-bottom: solid 1px white;
  }
  #nav_category li span {
    letter-spacing: normal;
    display:inline-block !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8px;
    background-image: url(../../../../../../images/ico_arrow_01.gif);
    background-repeat: no-repeat;
    background-size: 4px auto;
    background-position: left 50%;
  }
  #nav_category .inner-clm1 {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #nav_category .mini {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #nav_category img {
    display: none;
  }
}
/* 特集内ナビ */
#nav_blackbass {
  margin-top: 40px;
}
#nav_blackbass .title {
  background: url(../../../../images/bg_diagonalB60.png) repeat #f4f4f4;
  padding: 4px;
  color: white;
  font-weight: bold;
  line-height: 1.4;
}
#nav_blackbass a {
  color: black;
}
#nav_blackbass a:hover {
  color: #ff4000;
}
#nav_blackbass li {
  background: url(../../../../../../images/ico_arrow_01.gif) no-repeat left 50%;
  padding-left: 12px;
}

@media screen and (max-width: 700px) {
  #nav_blackbass a {
    line-height: 40px;
    display: block;
  }
}
/* 画像左、テキスト回り込みのmq */
@media screen and (max-width: 700px) {
  .clm3 .wraparound .left {
    width: 148px;
    height: auto;
  }
}
/*----------------------------------------
　top
----------------------------------------*/
#top #ttl_feature {
  position: relative;
}
#top #ttl_feature .txt_feature {
  color: #FFF;
  line-height: 1.6;
  position: absolute;
  right: 0;
  bottom: 16px;
  vertical-align: bottom;
  background: url(../../../../images/bg_diagonalB60.png) repeat;
  zoom: 1;
}
#top #ttl_feature .txt_feature:before, #top #ttl_feature .txt_feature:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: " ";
}
#top #ttl_feature .txt_feature:after {
  clear: both;
}

@media screen and (max-width: 700px) {
  #top #ttl_feature .txt_feature {
    position: relative;
    bottom: 0;
    width: auto;
    margin-top: 0;
  }
}
#top #introduction {
  border: #000 solid 1px;
  margin: 7px !important;
}
#top #introduction .inner-clm2 {
  padding-bottom: 0;
}
#top #introduction li {
  position: relative;
}
#top #introduction li dl {
  margin: 0 8px;
  position: absolute;
  left: 0;
  bottom: 0;
  color: white;
  background: url(../../../../images/bg_diagonalB60.png) repeat;
}
#top #introduction li dl dt {
  margin: 8px 8px 4px 8px;
}
#top #introduction li dl dd {
  margin: 0 8px 8px 8px;
}
#top #introduction li .bnr_osp {
  margin-bottom: 8px;
}

@media screen and (max-width: 700px) {
  #top #introduction {
    border: none;
    margin: 0 !important;
  }
  #top #introduction li {
    width: 100%;
    overflow: hidden;
  }
  #top #introduction li p {
    width: 50%;
    float: left;
  }
  #top #introduction li dl {
    position: relative;
    width: 50%;
    margin: 0;
    float: left;
    background: none;
    color: black;
  }
  #top #introduction li dl dt {
    margin: 0 4px 4px 4px;
    font-weight: bold;
  }
  #top #introduction li dl dd {
    margin: 0 4px;
  }
  #top #introduction .bnr_osp {
    width: 100%;
  }
}
#top #nav_feature li {
  width: 218px;
  margin: 8px;
  float: left;
}
#top #nav_feature dl dt {
  margin-bottom: 4px;
}
#top #nav_feature dl dd {
  background: url(../../../../../../images/ico_arrow_02.gif) no-repeat left 50%;
  padding-left: 12px;
}

@media screen and (max-width: 700px) {
  #top #nav_feature {
    margin-top: 16px;
  }
  #top #nav_feature li {
    width: 48%;
    margin: 0 4% 8px 0;
    float: left;
  }
  #top #nav_feature li:nth-child(even) {
    margin: 0 0 8px 0;
  }

  #top #style {
    display: none;
  }
}
/*----------------------------------------
　field
----------------------------------------*/
@media screen and (max-width: 700px) {
  #field #type li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 48%;
    margin: 0 2% 2% 0;
  }
  #field #type li:nth-child(even) {
    margin: 0 0 2% 0;
  }
}
/*----------------------------------------
　seasonal
----------------------------------------*/
#seasonal #anchor ul li {
  margin-bottom: 4px;
}
#seasonal #anchor .clm4 {
  padding: 10px 0;
  background-color: black;
}

@media screen and (max-width: 700px) {
  #seasonal #anchor ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important;
    overflow: hidden;
  }
  #seasonal #anchor ul li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 49%;
    float: left;
    margin: 0 2% 8px 0;
  }
  #seasonal #anchor ul li:nth-child(even) {
    margin: 0 0 8px 0;
  }
  #seasonal #anchor .clm4 {
    padding: 0;
    display: none;
  }
}
/*----------------------------------------
　Lures
----------------------------------------*/
#lures #anchor_lures li {
  background: url(../../../../../../images/ico_arrow_03.gif) no-repeat left 50%;
  padding-left: 14px;
}

#lures #lures_detail .title {
  margin: 0 0 8px 0;
  background: url(../../../../images/bg_diagonalB60.png) repeat #f4f4f4;
  padding: 2px 8px;
  color: white;
  font-weight: bold;
  line-height: 1.4;
}
#lures #lures_detail .photo {
  overflow: hidden;
}

#lures .border {
  border-top: #aaaaaa dashed 1px;
}

#lures #movie {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
#lures #movie iframe,
#lures #movie object,
#lures #movie embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 700px) {
  #lures #anchor_lures ul {
    display: none;
    line-height: 0;
  }
  #lures #anchor_lures .clm2 {
    width: 100%;
    margin: 0;
  }
  #lures #anchor_lures .clm2 .bnr_osp {
    width: 100%;
    margin: 0 auto;
  }
  #lures #lures_detail .photo {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 4px;
  }
  #lures #lures_detail .photo .clm2 {
    padding: 0;
    width: 48%;
    margin: 0 2% 2% 0;
  }
  #lures #lures_detail .photo .clm2:nth-child(even) {
    margin: 0 0 2% 0;
  }
  #lures #lures_detail .mq-txt {
    width: 100%;
  }
}