@charset "UTF-8";

/* -------------------------------------------------
common
------------------------------------------------- */
#nadar { }

.nadar_logo {
  width: 100%;
  height: 67px;
  background: #ff8a00; }

.nadar_container {
  width: 980px;
  margin: 0 auto; }

.nadar_h2 {
  margin-bottom: 50px;
  color: #ff8a00;
  font-size: 48px;
  font-family: Oswald, sans-serif;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 1;
  text-align: center; }

.nadar_h2 span {
  display: block;
  margin-top: 30px;
  font-size: 16px;
  font-family: Meiryo,メイリオ, 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN', sans-serif;
  font-weight: bold;
  line-height: 1; }

/* -------------------------------------------------
concept
------------------------------------------------- */
.nadar_concept {
  padding: 90px 0 80px;
  color: #fff;
  background: url(//jp.megabassstore.jp/sslfile/pc/img/nadar_top/concept_bg.jpg) no-repeat center center;
  background-size: cover; }

.nadar_concept h2 {
  color: #fff; }

.nadar_concept p {
  width: 833px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: .02em; }

.nadar_concept p + p {
  margin-top: 1.5em; }

/* -------------------------------------------------
lure
------------------------------------------------- */
.nadar_lure {
  position: relative;
  padding: 75px 0 80px;
  /*background: #797979;*/
  background: rgba(121, 121, 121, .8); }

.nadar_lure_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap; }

.nadar_lure_list li {
  position: relative;
  z-index: 1;
  width: 312px;
  height: 312px;
  margin: 0 0 20px 20px;
  padding: 23px 19px;
  background: #fff;
  font-family: Oswald, Meiryo,メイリオ, 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN', sans-serif;
  overflow: hidden; }

.nadar_lure_list li:nth-child(3n+1) {
  margin-left: 0; }

.nadar_lure_list li a {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out; }

.nadar_lure_list li a:hover {
  opacity: .6; }

.lure_sr {
  margin-bottom: 20px;
  font-size: 20px;
  letter-spacing: .02em; }

.nadar_lure_list p {
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: .02em; }

.lure_img {
  position: relative;
  width: 100%;
  margin-top: -50px;
  z-index: -1; }

.lure_img img {
  width: 100%;
  height: auto; }

.nadar_lure_bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: auto;
  padding: 56.25% 0 0 0;
  z-index: -1;
}

.nadar_lure_bg iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.nadar_lure_bg img {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  max-width: inherit;
  height: 100%;
  margin: auto;
}


/* -------------------------------------------------
rod
------------------------------------------------- */
.nadar_rod {
  padding: 75px 0 80px;
  background: #2f2f2e; }

.nadar_rod_catch {
  margin-bottom: 50px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 2;
  text-align: center; }

.nadar_rod_list li {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 226px;
  margin-bottom: 30px;
  padding: 30px 24px;
  background: #fff;
  font-family: Oswald, Meiryo,メイリオ, 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN', sans-serif;
  overflow: hidden; }

.rod_sr {
  display: inline-block;
  margin-right: 20px;
  font-size: 20px;
  letter-spacing: .02em; }

.nadar_rod_list p {
  display: inline-block;
  margin-right: 20px;
  font-size: 14px;
  letter-spacing: .02em; }

.rod_img {
  position: relative;
  z-index: -1;
  margin-top: -180px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  text-align: center; }

.rod_img img {
  display: inline; }

/* -------------------------------------------------
movie
------------------------------------------------- */
.nadar_movie {
  padding: 80px 0;
  background: #fff; }

.nadar_movie_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 860px;
  margin: 0 auto 60px; }

.nadar_movie_list li:nth-child(even) {
  margin-left: 20px; }


/* -------------------------------------------------
topics
------------------------------------------------- */
.nadar_topics {
  margin: 0 auto;
  padding: 80px 0 150px;
  background: #fff;
  border-top: 1px solid #999; }

.news {
  overflow: hidden; }

.news ul {
  margin-bottom: 60px; }

.news ul li {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 50px 10px 35px;
  border-bottom: 1px solid #ccc; }

.news ul li a {
  display: block;
  background-repeat: no-repeat;
  background-position: left top; }

.news_thumnail_area {
  position: relative;
  width: 175px;
  height: 107px;
  border: 1px solid #ddd;
  text-align: center; }

.news .news_thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto; }

.news .news_text {
  width: 765px;
  text-align: left; }

.news .news_text:after {
  content: " ";
  display: block;
  clear: both; }

/*
.news .news_text h3 {
  margin-left: 69px; }
*/

.news .news_date {
  float: right;
  width: auto;
  margin-left: 0px;
  font-size: 14px;
  font-family: 'Oswald', sans-serif;
  font-weight: 300; }

.news .todetail {
  font-size: 14px;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  letter-spacing: .02em;
  text-align: right; }

li.category-new .news_text a { background-image: url(https://c16.future-shop.jp/shop/item/megabass/design/img01/newsback_new02.gif); }
li.category-instock .news_text a { background-image: url(https://c16.future-shop.jp/shop/item/megabass/design/img01/newsback_instock02.gif); }
li.category-pickup .news_text a { background-image: url(https://c16.future-shop.jp/shop/item/megabass/design/img01/newsback_pick02.gif); }
li.category-hot .news_text a { background-image: url(https://c16.future-shop.jp/shop/item/megabass/design/img01/newsback_hot02.gif); }