/* Generated by less 2.5.1 */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  text-decoration: none;
  vertical-align: baseline;
  background: transparent;
}
/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
/* base */
html,
body {
  height: 100%;
}
body {
  position: relative;
  background-color: black;
  font-family: Helvetica, Arial, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.hide {
  opacity: .3;
}
footer #return {
  position: fixed;
  bottom: -2.2rem;
  left: 1.5rem;
  -webkit-transition: ease .3s;
  transition: ease .3s;
}
footer #return a {
  display: block;
}
footer #return a img {
  width: 3.86666667rem;
  height: 2rem;
}
footer #return.appear {
  bottom: 2.5rem;
}
/* index */
body.index header {
  position: relative;
  height: 100%;
}
body.index header h1 {
  position: absolute;
  top: 50%;
  right: 2.5rem;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
body.index header h1 a {
  display: block;
}
body.index header h1 a img {
  width: 9.42666667rem;
  height: 7rem;
  display: block;
  margin: 0 auto;
}
body.index header #menu {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 100;
  color: white;
  text-shadow: 0 0 8px black;
}
body.index header #menu h2 {
  font-family: 'Hind', sans-serif;
  font-weight: 600;
  font-size: 1.2rem;
  letter-spacing: .05em;
  border-bottom: 1px solid white;
  padding: 0 1.5rem 0.2em 0.2rem;
  margin-bottom: .5em;
}
body.index header #menu ul {
  padding-bottom: .5rem;
}
body.index header #menu li {
  margin: 0 0 .2em;
}
body.index header #menu li.other {
  margin-top: 1em;
}
body.index header #menu li a {
  display: block;
  color: inherit;
  padding: 0 1.5rem 0 0.2rem;
  font-size: .9rem;
  line-height: 1.3;
  letter-spacing: .07em;
}
body.index header #gallery {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: 4s ease;
  transition: 4s ease;
}
body.index header #gallery.appear {
  opacity: 1;
}
body.index header #gallery .slides {
  height: 100%;
}
body.index header #gallery .slides li {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
body.index header #gallery #photo1,
body.index header #gallery #photo1_clone {
  background-image: url(../img/top_01.jpg);
}
body.index header #gallery #photo2,
body.index header #gallery #photo2_clone {
  background-image: url(../img/top_02.jpg);
}
body.index header #gallery #photo3,
body.index header #gallery #photo3_clone {
  background-image: url(../img/top_03.jpg);
}
body.index header #gallery #photo4,
body.index header #gallery #photo4_clone {
  background-image: url(../img/top_04.jpg);
}
body.index header #gallery #photo5,
body.index header #gallery #photo5_clone {
  background-image: url(../img/top_05.jpg);
}
body.index header #gallery .flex-viewport {
  width: 100%;
  height: 100%;
}
body.index article.lure {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}
body.index article.lure:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0;
  -webkit-transition: 4s ease;
  transition: 4s ease;
}
body.index article.lure a {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-70%);
  transform: translateY(-70%);
}
body.index article.lure a p.slogan {
  color: white;
  font-size: 1rem;
  line-height: 1.4;
  padding: 0 1.5rem;
  text-shadow: 0 0 5px black;
  box-sizing: border-box;
}
body.index article.lure a p.slogan span {
  display: inline-block;
}
body.index article.lure a h2 img {
  display: block;
  margin: 0 0 0 0.75rem;
}
body.index article.lure a p.sale {
  color: black;
  font-family: 'Hind', sans-serif;
  font-size: .9rem;
  line-height: 1.1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  padding: 0.4em 0.5em 0.1em 1.5rem;
  margin: .2em 0 0 0;
  box-sizing: border-box;
}
body.index article.lure a p.sale span {
  opacity: 0;
  -webkit-transition: .5s ease .3s;
  transition: .5s ease .3s;
}
body.index article.lure a p.sale img {
  width: 0.51566667em;
  height: 0.85em;
  vertical-align: top;
  margin-right: .1em;
}
body.index article.lure a p.sale::before {
  -webkit-transition: .3s ease;
  transition: .3s ease;
  content: "";
  background-color: #66CC33;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 0%;
  height: 100%;
}
body.index article.lure.appear::before {
  opacity: 1;
}
body.index article.lure.appear a p.sale span {
  opacity: 1;
}
body.index article.lure.appear a p.sale::before {
  width: 100%;
}
body.index article.lure#yoichi:before {
  background-image: url(../img/yoichi_splash.jpg);
}
body.index article.lure#yoichi a h2 img,
body.index article.lure#yoichi a p.slogan,
body.index article.lure#yoichi a p.sale {
  width: 15.66rem;
}
body.index article.lure#yoichi a h2 img {
  height: 3.15rem;
}
body.index article.lure#schneider:before {
  background-image: url(../img/schneider_splash.jpg);
}
body.index article.lure#schneider a h2 img,
body.index article.lure#schneider a p.slogan,
body.index article.lure#schneider a p.sale {
  width: 17.82rem;
}
body.index article.lure#schneider a h2 img {
  height: 3.15rem;
}
body.index article.lure#kosuke:before {
  background-image: url(../img/kosuke_splash.jpg);
}
body.index article.lure#kosuke a h2 img,
body.index article.lure#kosuke a p.slogan,
body.index article.lure#kosuke a p.sale {
  width: 13.905rem;
}
body.index article.lure#kosuke a h2 img {
  height: 3.33rem;
}
body.index article.lure#rocket:before {
  background-image: url(../img/rocket_splash.jpg);
}
body.index article.lure#rocket a h2 img,
body.index article.lure#rocket a p.slogan,
body.index article.lure#rocket a p.sale {
  width: 18.585rem;
}
body.index article.lure#rocket a h2 img {
  height: 4.14rem;
}
body.index article.lure#kta:before {
  background-image: url(../img/kta_splash.jpg);
}
body.index article.lure#kta a h2 img,
body.index article.lure#kta a p.slogan,
body.index article.lure#kta a p.sale {
  width: 16.2rem;
}
body.index article.lure#kta a h2 img {
  height: 3.24rem;
}
body.index article.lure#sukari:before {
  background-image: url(../img/sukari_splash.jpg);
}
body.index article.lure#sukari a h2 img,
body.index article.lure#sukari a p.slogan,
body.index article.lure#sukari a p.sale {
  width: 17.55rem;
}
body.index article.lure#sukari a h2 {
  margin-bottom: -2.0709rem;
  position: relative;
  z-index: -1;
}
body.index article.lure#sukari a h2 img {
  height: 6.903rem;
}
body.index footer {
  -webkit-transition: .3s ease;
  transition: .3s ease;
  position: relative;
  min-height: 100%;
}
body.index footer:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-image: url(../img/epilogue.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0;
  -webkit-transition: 4s ease;
  transition: 4s ease;
}
body.index footer.appear:before {
  opacity: 1;
}
body.index footer #info {
  position: relative;
  padding-top: 2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 7rem;
  color: white;
}
body.index footer #info h2 {
  font-family: 'Hind', sans-serif;
  font-weight: 600;
  font-size: 1.9rem;
  letter-spacing: .05em;
  margin: 0;
  line-height: .7;
}
body.index footer #info #newcolors {
  margin-bottom: 3rem;
}
body.index footer #info #newcolors h2 small {
  display: block;
  font-size: .5em;
  font-weight: 500;
  margin-top: .3em;
}
body.index footer #info #newcolors h2 small span {
  margin-right: .5em;
}
body.index footer #info #newcolors h2 small span::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: .95em;
  margin-right: .2em;
  vertical-align: bottom;
  border: 1px solid #666;
}
body.index footer #info #newcolors h2 small span.salt::before {
  background-color: #000a28;
}
body.index footer #info #newcolors h2 small span.trout::before {
  background-color: #001e05;
}
body.index footer #info #newcolors > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 1em 0;
}
body.index footer #info #newcolors h3 {
  font-size: .95rem;
  margin: 0;
  width: 2.5rem;
}
body.index footer #info #newcolors h3:first-letter {
  font-size: 1.7em;
}
body.index footer #info #newcolors ul {
  width: calc(100% - 2.5rem);
  list-style: none;
}
body.index footer #info #newcolors li {
  margin: 0 0 .3em;
}
body.index footer #info #newcolors li.newcolor p::before,
body.index footer #info #newcolors li.renewal p::before {
  color: white;
  font-size: .65em;
  line-height: 1;
  padding: .3em 0 .15em;
  margin: 0 0 .2em;
  display: block;
  text-align: center;
}
body.index footer #info #newcolors li.newcolor p::before {
  content: "NEW COLOR";
  background-color: #dc3200;
  width: 7.5em;
}
body.index footer #info #newcolors li.renewal p::before {
  content: "COLOR RENEWAL";
  background-color: #0050d2;
  width: 10.5em;
}
body.index footer #info #newcolors a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: inherit;
  letter-spacing: .05em;
}
body.index footer #info #newcolors a p {
  padding: 0 0 0 .5em;
  line-height: 1.2;
  font-size: .9rem;
  text-shadow: 0 0 8px black;
}
body.index footer #info #newcolors a p span {
  display: inline-block;
}
body.index footer #info #newcolors img {
  width: 5em;
  height: auto;
}
body.index footer #info #newcolors .salt img {
  background-color: #000a28;
}
body.index footer #info #newcolors .trout img {
  background-color: #001e05;
}
body.index footer #info #acc {
  margin-bottom: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
body.index footer #info #acc h2 {
  line-height: 1.2;
  width: 100%;
}
body.index footer #info #acc .image {
  margin: 0 auto;
}
body.index footer #info #acc #vest {
  width: 70%;
  max-width: 215px;
  height: auto;
}
body.index footer #info #acc #pouch {
  width: 25%;
  max-width: 90px;
  height: auto;
  margin-bottom: 5%;
}
body.index footer #info #acc p {
  width: 100%;
}
body.index footer #info #acc p a {
  display: block;
  background-color: white;
  color: black;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  padding: .4em 0 .4em;
  border-radius: .9em;
}
body.index footer #info #event h2 {
  padding-bottom: .2em;
}
body.index footer #info #event ul {
  list-style: none;
}
body.index footer #info #event li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: inherit;
}
body.index footer #info #event li a p {
  margin-right: .2rem;
  line-height: 1.3;
}
body.index footer #info #event li a .date {
  font-weight: 600;
  font-size: 1.3rem;
  font-family: 'Hind', sans-serif;
  letter-spacing: .1em;
}
body.index footer #info #event li a .title {
  font-size: 1rem;
}
body.index footer #info #event li a .place {
  font-weight: bold;
  font-size: .9rem;
}
body.index footer #info #event li a .place span {
  font-size: .8em;
}
body.index footer #info #catalog {
  margin-top: 2.5rem;
}
body.index footer #info #catalog h2 small {
  display: inline-block;
  font-weight: normal;
  font-size: .85rem;
  margin-left: .5em;
}
body.index footer #info #catalog .dl a {
  display: block;
}
body.index footer #info #catalog .dl a img {
  max-width: 100%;
  height: auto;
}
body.index footer #info #catalog .application {
  font-size: .85rem;
  line-height: 1.4;
  margin: .5em 0 0;
}
body.index footer #info #catalog .application a {
  display: block;
  color: inherit;
  padding-left: 0.7em;
  text-indent: -0.7em;
}
body.index footer .copyrights {
  position: absolute;
  bottom: 1rem;
  left: 1.5rem;
  color: white;
  line-height: 1;
}
body.index footer .copyrights a {
  color: white;
}
/* lures */
body.lure {
  /* yoichi */
  /* schneider */
  /* kosuke */
  /* rocket */
  /* k-ta */
  /* sukari */
  /* impre */
  /* colorchart */
}
body.lure .flex-direction-nav a {
  width: 1.29310345rem;
  height: 2.5rem;
  margin-top: -1.25rem;
  opacity: 1;
}
body.lure .flex-direction-nav a::before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
body.lure .flex-direction-nav a.flex-prev {
  left: -0.8rem;
}
body.lure .flex-direction-nav a.flex-prev::before {
  background-image: url(../img/arrow_l.svg);
}
body.lure .flex-direction-nav a.flex-next {
  right: -0.8rem;
}
body.lure .flex-direction-nav a.flex-next:before {
  background-image: url(../img/arrow_r.svg);
}
body.lure header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  width: 100%;
  box-sizing: border-box;
  padding: 1rem 1rem .2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  background-color: black;
  border-bottom: 1px solid #222;
}
body.lure header h1 a {
  display: block;
}
body.lure header h1 img {
  width: 8.03571429rem;
  height: 1.5rem;
}
body.lure header #menu {
  color: white;
}
body.lure header #menu h2 {
  font-family: 'Hind', sans-serif;
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 1.1;
  margin-bottom: .5em;
  text-align: right;
}
body.lure header #menu ul {
  box-sizing: border-box;
  padding-bottom: .8rem;
}
body.lure header #menu li {
  margin-bottom: .2em;
  text-align: right;
}
body.lure header #menu li.other {
  margin-top: 1em;
}
body.lure header #menu a {
  display: block;
  color: inherit;
  line-height: 1.3;
  font-size: .9rem;
  letter-spacing: .05em;
}
body.lure header #menu.close ul {
  display: none;
}
body.lure #splash {
  position: relative;
  height: 100%;
}
body.lure #splash::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 1.5s ease;
  transition: 1.5s ease;
}
body.lure #splash > div {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
body.lure #splash > div h2 {
  margin: 0 auto;
  text-align: center;
}
body.lure #splash > div p.slogan {
  color: white;
  text-align: center;
  text-shadow: 0 0 5px black;
  line-height: 1.4;
}
body.lure #splash > div p.slogan span {
  display: inline-block;
}
body.lure #splash.fade::before {
  opacity: 0.3;
}
body.lure #splash.hide::before {
  opacity: 0;
}
body.lure #lead {
  height: 100%;
  position: relative;
}
body.lure #lead > div {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
body.lure #lead > div p {
  color: white;
  text-align: justify;
  font-size: .9rem;
  line-height: 1.7;
  padding: 0 2em;
}
body.lure #lead > div p br {
  display: none;
}
body.lure #lead > div p span {
  display: inline-block;
}
body.lure #spec {
  position: relative;
  padding: 2rem 1.5rem;
  background-color: black;
}
body.lure #spec h3 {
  color: white;
  font-family: 'Hind', sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  letter-spacing: .05em;
  margin-bottom: .3em;
  text-align: center;
}
body.lure #spec table {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  color: white;
  margin: 0 auto;
}
body.lure #spec th,
body.lure #spec td {
  font-size: .9rem;
  padding: .1em .5em;
  line-height: 1.4;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
body.lure #spec tr:first-child th,
body.lure #spec tr:first-child td {
  padding-top: .3em;
}
body.lure #spec tr:last-child th,
body.lure #spec tr:last-child td {
  padding-bottom: .3em;
}
body.lure #spec th {
  border-right: 1px solid #999;
  text-align: left;
  font-weight: normal;
  width: 5em;
}
body.lure #spec #detail {
  position: relative;
  margin: 2rem auto 0;
}
body.lure #spec #detail::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 75%;
}
body.lure #spec #detail .flex-viewport {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.lure #spec #detail .slides {
  position: relative;
  height: 100%;
}
body.lure #spec #detail .slides li {
  height: 100%;
  text-align: center;
}
body.lure #spec #detail .slides li img {
  width: auto;
  height: 100%;
}
body.lure #spec p.caution {
  color: white;
  font-size: .75rem;
  line-height: 1.5;
  margin-top: .5em;
  text-align: center;
}
body.lure #spec p.caution a {
  color: inherit;
}
body.lure #photo {
  position: relative;
  padding: 0 0 5rem;
  overflow: hidden;
  background-color: black;
}
body.lure #photo > img {
  width: 110%;
  margin-left: -5%;
}
body.lure #photo h3 {
  margin: 1rem 1.5rem .5rem;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.4;
  color: white;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
body.lure #photo h3 small {
  display: block;
  font-weight: normal;
  text-align: right;
  font-size: .9em;
}
body.lure #photo .lead {
  margin: 0 1.5rem;
}
body.lure #photo .lead article {
  margin-bottom: .5rem;
}
body.lure #photo .lead article:not(.date) div:first-child h3 {
  padding-top: 0;
}
body.lure #photo .lead p {
  color: white;
  font-size: .9rem;
  line-height: 1.7;
  text-align: justify;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  margin-bottom: 1em;
}
body.lure #photo .lead p br {
  display: none;
}
body.lure #photo .lead h3 {
  padding-top: 1em;
  margin: 0 0 .3em;
  font-family: 'Hind', sans-serif;
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 1;
  letter-spacing: .05em;
}
body.lure #photo .lead h3 small {
  display: inline-block;
  font-size: .6em;
  font-weight: normal;
  line-height: 1;
  margin: 0;
}
body.lure #photo .lead .subphoto {
  margin-top: .5em;
}
body.lure #photo .lead .subphoto img {
  margin-bottom: .5rem;
  height: auto;
}
body.lure #movie {
  position: relative;
  padding: 0 1.5rem 5rem;
  background-color: black;
}
body.lure #movie h3 {
  font-family: 'Hind', sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  color: white;
  letter-spacing: .05em;
  text-align: center;
  margin-bottom: .5em;
}
body.lure #movie .movie {
  width: 100%;
  position: relative;
  padding-top: 56.22222222%;
}
body.lure #movie iframe {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
body.lure #link {
  position: relative;
  background-color: white;
  padding: 1.2rem 1.5rem;
}
body.lure #link a {
  display: block;
  background-color: #66CC33;
  border-radius: .5em;
  font-size: 1rem;
  color: black;
  padding: .5em 1em .4em;
}
body.lure #link a strong {
  font-family: 'Hind', sans-serif;
  font-size: 1.2em;
}
body.lure #link a span {
  display: block;
  font-size: .9em;
}
body.lure #link a img {
  width: 0.45em;
  height: .9em;
  vertical-align: center;
  margin-right: .2em;
}
body.lure #colorchart {
  background-color: black;
  padding-bottom: 3rem;
  position: relative;
}
body.lure #colorchart h3 {
  font-family: 'Hind', sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: .05em;
  color: white;
  text-align: center;
}
body.lure #colorchart ul {
  list-style: none;
}
body.lure #colorchart li {
  text-align: center;
  color: white;
  font-size: .8rem;
  line-height: 1.4;
}
body.lure #colorchart li img {
  max-width: 100%;
  height: auto;
  margin: 0 auto -1em;
  display: block;
}
body.lure footer {
  position: relative;
  overflow: hidden;
  padding-top: 2rem;
  background-color: black;
}
body.lure footer #logos {
  position: relative;
  margin: 0 20%;
}
body.lure footer #logos .flex-viewport {
  overflow: visible !important;
}
body.lure footer #logos .flex-viewport::after {
  content: "";
  display: block;
  clear: both;
}
body.lure footer #logos img {
  display: block;
  margin: 0 auto;
}
body.lure footer #logos img.yoichi {
  width: 52.2vw;
  height: 10.5vw;
}
body.lure footer #logos img.schneider {
  width: 59.4vw;
  height: 10.5vw;
}
body.lure footer #logos img.kosuke {
  width: 46.35vw;
  height: 11.1vw;
}
body.lure footer #logos img.rocket {
  width: 61.95vw;
  height: 13.8vw;
}
body.lure footer #logos img.kta {
  width: 54vw;
  height: 10.8vw;
}
body.lure footer #logos img.sukari {
  width: 58.5vw;
  height: 23.01vw;
  margin-top: -8%;
}
body.lure footer .copyrights {
  clear: both;
  color: white;
  text-align: right;
  padding: 2rem 1.5rem 1.5rem;
}
body.lure footer .copyrights a {
  color: white;
}
body.lure.yoichi #splash::before {
  background-image: url(../img/yoichi_splash.jpg);
}
body.lure.yoichi h2 img {
  width: 69.6vw;
  height: 14vw;
}
body.lure.schneider #splash::before {
  background-image: url(../img/schneider_splash.jpg);
}
body.lure.schneider h2 img {
  width: 79.2vw;
  height: 14vw;
}
body.lure.kosuke #splash::before {
  background-image: url(../img/kosuke_splash.jpg);
}
body.lure.kosuke h2 img {
  width: 61.8vw;
  height: 14.8vw;
}
body.lure.rocket #splash::before {
  background-image: url(../img/rocket_splash.jpg);
}
body.lure.rocket h2 img {
  width: 82.6vw;
  height: 18.4vw;
}
body.lure.rocket #photo > img {
  width: 100%;
  margin-left: 0;
}
body.lure.kta #splash::before {
  background-image: url(../img/kta_splash.jpg);
}
body.lure.kta h2 img {
  width: 72vw;
  height: 14.4vw;
}
body.lure.sukari #splash::before {
  background-image: url(../img/sukari_splash.jpg);
}
body.lure.sukari #splash > div h2 {
  margin-bottom: -2em;
}
body.lure.sukari #splash > div p.slogan span {
  display: block;
}
body.lure.sukari h2 img {
  width: 78vw;
  height: 30.68vw;
}
body.lure.sukari p.slogan {
  margin: 0 auto;
}
body.lure.kosuke #photo .lead + img,
body.lure.rocket #photo .lead + img,
body.lure.yoichi #photo .lead + img {
  display: block;
  width: calc(100% - 3rem);
  margin: 2rem auto 0;
}
body.lure.yoichi #photo .lead + img {
  margin-top: .5rem;
}
body.lure.kosuke #colorchart li img {
  margin-bottom: 0;
}
body.lure.yoichi #colorchart li img,
body.lure.schneider #colorchart li img {
  margin-bottom: -0.5em;
}
@media (min-width: 600px) {
  footer #return {
    left: auto;
    right: 2.5rem;
  }
  /* index */
  body.index header h1 {
    left: 2.5rem;
    right: auto;
  }
  body.index header h1 a img {
    width: 13.46666667rem;
    height: 10rem;
  }
  body.index header #menu {
    bottom: 50%;
    -webkit-transform: translateY(60%);
    transform: translateY(60%);
  }
  body.index header #menu h2,
  body.index header #menu li a {
    padding-right: 2.5rem;
  }
  body.index article.lure a h2 img {
    margin-left: 1.7rem;
  }
  body.index article.lure a p.slogan,
  body.index article.lure a p.sale {
    padding-left: 2.5rem;
  }
  body.index article.lure a p.sale {
    margin-right: 0;
  }
  body.index article.lure#yoichi a h2 img {
    width: 20.88rem;
  }
  body.index article.lure#yoichi a p.slogan,
  body.index article.lure#yoichi a p.sale {
    width: calc(348 *  0.06rem  + 0.7rem);
  }
  body.index article.lure#yoichi a h2 img {
    height: 4.2rem;
  }
  body.index article.lure#schneider a h2 img {
    width: 23.76rem;
  }
  body.index article.lure#schneider a p.slogan,
  body.index article.lure#schneider a p.sale {
    width: calc(396 *  0.06rem  + 0.7rem);
  }
  body.index article.lure#schneider a h2 img {
    height: 4.2rem;
  }
  body.index article.lure#kosuke a h2 img {
    width: 18.54rem;
  }
  body.index article.lure#kosuke a p.slogan,
  body.index article.lure#kosuke a p.sale {
    width: calc(309 *  0.06rem  + 0.7rem);
  }
  body.index article.lure#kosuke a h2 img {
    height: 4.44rem;
  }
  body.index article.lure#rocket a h2 img {
    width: 24.78rem;
  }
  body.index article.lure#rocket a p.slogan,
  body.index article.lure#rocket a p.sale {
    width: calc(413 *  0.06rem  + 0.7rem);
  }
  body.index article.lure#rocket a h2 img {
    height: 5.52rem;
  }
  body.index article.lure#kta a h2 img {
    width: 21.6rem;
  }
  body.index article.lure#kta a p.slogan,
  body.index article.lure#kta a p.sale {
    width: calc(360 *  0.06rem  + 0.7rem);
  }
  body.index article.lure#kta a h2 img {
    height: 4.32rem;
  }
  body.index article.lure#sukari a h2 img {
    width: 23.4rem;
  }
  body.index article.lure#sukari a p.slogan,
  body.index article.lure#sukari a p.sale {
    width: calc(300 * 1.3 *  0.06rem  + 0.7rem);
  }
  body.index article.lure#sukari a h2 {
    margin-bottom: -3.2214rem;
  }
  body.index article.lure#sukari a h2 img {
    height: 9.204rem;
  }
  body.index footer #info {
    padding-left: 2.5rem;
    padding-right: 13.5rem;
  }
  body.index footer #info #newcolors h2 small {
    display: inline-block;
  }
  body.index footer #info #newcolors ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  body.index footer #info #newcolors ul li {
    width: calc(50% - 1rem);
  }
  body.index footer #info #acc {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
  }
  body.index footer #info #acc h2 {
    width: 12rem;
  }
  body.index footer #info #acc .image {
    width: calc(100% - 13rem);
  }
  body.index footer #info #acc #vest {
    margin-top: 10%;
  }
  body.index footer #info #acc #pouch {
    margin-top: 15%;
  }
  body.index footer #info #acc p {
    width: 11rem;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: 3rem;
  }
  /* lure */
  body.lure {
    /* yoichi */
    /* schneider */
    /* kosuke */
    /* rocket */
    /* kta */
    /* sukari */
    /*impre*/
  }
  body.lure #lead > div p {
    line-height: 2.2;
    text-align: center;
  }
  body.lure #lead > div p br {
    display: block;
  }
  body.lure #spec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  body.lure #spec .spec {
    width: 32%;
  }
  body.lure #spec h3 {
    text-align: left;
  }
  body.lure #spec table {
    margin: 0;
  }
  body.lure #spec #detail {
    width: 63%;
    margin: 0;
  }
  body.lure #spec p.caution {
    text-align: left;
    text-indent: -1em;
    padding-left: 1em;
  }
  body.lure #date .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  body.lure #date .outline {
    width: 100%;
  }
  body.lure #date .situation,
  body.lure #date .rotation {
    width: calc(50% - 1rem);
  }
  body.lure #date h3 {
    text-align: left;
    padding-top: 1.5em;
  }
  body.lure #date h3 small {
    display: inline-block;
    margin: 0 0 0 .5em;
  }
  body.lure #photo h3 {
    padding: 1.2rem 0 1.3rem;
  }
  body.lure #photo h3 small {
    display: inline-block;
    margin-left: 1em;
  }
  body.lure #photo .lead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  body.lure #photo .lead article {
    width: 60%;
    padding-right: 1rem;
    box-sizing: border-box;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  body.lure #photo .lead article h3 {
    padding-bottom: 0;
  }
  body.lure #photo .lead article.date {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  body.lure #photo .lead .subphoto {
    width: 40%;
    height: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  body.lure #photo .lead .subphoto img {
    width: 100%;
    margin-bottom: 1rem;
  }
  body.lure #photo .gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  body.lure #photo .gallery img:not(.main),
  body.lure #photo .gallery img.longphoto {
    width: calc(50% - .5rem);
    margin-left: 0;
    margin-right: 0;
  }
  body.lure #movie h3 {
    text-align: left;
  }
  body.lure #link {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    background-repeat: no-repeat;
    background-position: 120% center;
    background-size: auto 100%;
  }
  body.lure #link a {
    display: inline-block;
    padding: .75em 1.5em .4em;
    border-radius: 1.2em;
  }
  body.lure #link a strong {
    margin-right: .5em;
  }
  body.lure #link a span {
    display: inline-block;
  }
  body.lure #colorchart h3 {
    text-align: left;
    padding: 0 1.5rem;
  }
  body.lure #colorchart ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 1.5rem;
  }
  body.lure #colorchart li {
    width: 33%;
  }
  body.lure footer #logos {
    margin: 0 1.5rem;
  }
  body.lure footer #logos .slides {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  body.lure footer #logos .slides li {
    width: 33%;
  }
  body.lure footer #logos img.yoichi {
    width: 24.36vw;
    height: 4.9vw;
  }
  body.lure footer #logos img.schneider {
    width: 27.72vw;
    height: 4.9vw;
  }
  body.lure footer #logos img.kosuke {
    width: 21.63vw;
    height: 5.18vw;
  }
  body.lure footer #logos img.rocket {
    width: 28.91vw;
    height: 6.44vw;
  }
  body.lure footer #logos img.kta {
    width: 25.2vw;
    height: 5.04vw;
  }
  body.lure footer #logos img.sukari {
    width: 27.3vw;
    height: 10.738vw;
    margin-top: 5%;
  }
  body.lure.yoichi h2 img {
    width: 55.68vw;
    height: 11.2vw;
  }
  body.lure.yoichi #link {
    background-image: url(../img/yoichi/yoichi_link.jpg);
  }
  body.lure.schneider h2 img {
    width: 63.36vw;
    height: 11.2vw;
  }
  body.lure.schneider #link {
    background-image: url(../img/schneider/schneider_link.jpg);
  }
  body.lure.kosuke h2 img {
    width: 49.44vw;
    height: 11.84vw;
  }
  body.lure.kosuke #link {
    background-image: url(../img/kosuke/kosuke_link.jpg);
  }
  body.lure.rocket h2 img {
    width: 66.08vw;
    height: 14.72vw;
  }
  body.lure.rocket #photo > img:first-child {
    width: 65%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  body.lure.rocket #link {
    background-image: url(../img/rocket/rocket_link.jpg);
  }
  body.lure.kta h2 img {
    width: 57.6vw;
    height: 11.52vw;
  }
  body.lure.kta #link {
    background-image: url(../img/kta/kta_link.jpg);
  }
  body.lure.sukari #splash > div h2 {
    margin-bottom: -7vw;
  }
  body.lure.sukari h2 img {
    width: 62.4vw;
    height: 24.544vw;
  }
  body.lure.sukari #link {
    background-image: url(../img/sukari/sukari_link.jpg);
  }
  body.lure.kosuke #photo .lead,
  body.lure.rocket #photo .lead {
    display: block;
  }
  body.lure.kosuke #photo .lead article,
  body.lure.rocket #photo .lead article {
    width: 100%;
    padding-right: 0;
    -webkit-columns: auto 2;
    -moz-columns: auto 2;
    columns: auto 2;
    -webkit-column-gap: 1.5em;
    -moz-column-gap: 1.5em;
    column-gap: 1.5em;
  }
}
@media (min-width: 800px) {
  footer #return {
    right: 5%;
  }
  /* index */
  body.index header h1 {
    left: 5%;
  }
  body.index header #menu {
    right: 5%;
  }
  body.index header #menu h2,
  body.index header #menu li a {
    padding-right: 0;
  }
  body.index header #menu h2 {
    border-bottom: none;
    position: relative;
  }
  body.index header #menu h2:after {
    content: "";
    display: block;
    border-bottom: 1px solid white;
    position: absolute;
    bottom: 0;
    left: 0;
    right: -100%;
  }
  body.index article.lure a {
    left: 5%;
  }
  body.index article.lure a h2 img {
    margin-left: -4%;
  }
  body.index article.lure a p.slogan,
  body.index article.lure a p.sale {
    padding-left: 0;
  }
  body.index article.lure a p.sale {
    margin-right: 0;
  }
  body.index article.lure a p.sale:before {
    left: -100%;
    right: 200%;
    width: auto;
  }
  body.index article.lure.appear a p.sale::before {
    right: 0;
    width: auto;
  }
  body.index article.lure#yoichi a p.slogan,
  body.index article.lure#yoichi a p.sale {
    width: calc(348 *  0.06rem  - 1.7rem);
  }
  body.index article.lure#schneider a p.slogan,
  body.index article.lure#schneider a p.sale {
    width: calc(396 *  0.06rem  - 1.7rem);
  }
  body.index article.lure#kosuke a p.slogan,
  body.index article.lure#kosuke a p.sale {
    width: calc(309 *  0.06rem  - 1.7rem);
  }
  body.index article.lure#rocket a p.slogan,
  body.index article.lure#rocket a p.sale {
    width: calc(413 *  0.06rem  - 1.7rem);
  }
  body.index article.lure#kta a p.slogan,
  body.index article.lure#kta a p.sale {
    width: calc(360 *  0.06rem  - 1.7rem);
  }
  body.index article.lure#sukari a p.slogan,
  body.index article.lure#sukari a p.sale {
    width: calc(300 * 1.3 *  0.06rem  - 1.7rem);
  }
  body.index footer #info {
    width: 90%;
    box-sizing: border-box;
    left: 5%;
  }
  body.index footer #info #newcolors {
    max-width: calc(200px + 40rem);
  }
  body.index footer #info #newcolors h3 {
    font-size: 1.1rem;
    width: 3rem;
  }
  body.index footer #info #newcolors ul {
    width: calc(100% - 3rem);
  }
  body.index footer #info #newcolors img {
    width: 100px;
    height: auto;
  }
  body.index footer #info #newcolors a p {
    font-size: 1rem;
  }
  body.index footer #info #acc {
    max-width: 840px;
  }
  body.index footer #info #acc h2 {
    width: 17rem;
  }
  body.index footer #info #acc .image {
    width: calc(100% - 18rem);
  }
  body.index footer #info #acc p {
    margin-top: 2rem;
  }
  body.index footer .copyrights {
    left: 5%;
  }
  /* lure */
  body.lure {
    /* yoichi */
    /* schneider */
    /* kosuke */
    /* rocket */
    /* kta */
    /* sukari */
    /* impre */
  }
  body.lure #splash > div p.slogan {
    font-size: 1.1rem;
  }
  body.lure #lead > div p {
    font-size: 1.1rem;
  }
  body.lure #spec {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  body.lure #spec .spec {
    max-width: 240px;
    box-sizing: border-box;
    padding-right: 1.5rem;
  }
  body.lure #spec #detail {
    max-width: 660px;
  }
  body.lure #photo > img {
    max-width: 1200px;
    display: block;
    margin: 0 auto;
  }
  body.lure #photo h3,
  body.lure #photo .lead {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
  body.lure #photo h3 {
    font-size: 1.3rem;
  }
  body.lure #photo h3 small {
    font-size: .75em;
  }
  body.lure #photo .lead article {
    width: 40%;
    padding-right: 2rem;
  }
  body.lure #photo .lead article h3 {
    font-size: 1.2rem;
    padding-top: 1.5rem;
    margin-bottom: .5em;
  }
  body.lure #photo .lead article p {
    line-height: 1.8;
  }
  body.lure #photo .lead .subphoto {
    width: 60%;
  }
  body.lure #movie .content {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
  body.lure #colorchart h3 {
    margin-bottom: .5em;
  }
  body.lure #colorchart h3,
  body.lure #colorchart ul {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
  body.lure #link {
    background-position: right center;
  }
  body.lure #link p {
    max-width: 900px;
    margin: 0 auto;
  }
  body.lure footer #logos {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
  body.lure footer #logos img.yoichi {
    width: 13.92rem;
    height: 2.8rem;
  }
  body.lure footer #logos img.schneider {
    width: 15.84rem;
    height: 2.8rem;
  }
  body.lure footer #logos img.kosuke {
    width: 12.36rem;
    height: 2.96rem;
  }
  body.lure footer #logos img.rocket {
    width: 16.52rem;
    height: 3.68rem;
  }
  body.lure footer #logos img.kta {
    width: 14.4rem;
    height: 2.88rem;
  }
  body.lure footer #logos img.sukari {
    width: 15.6rem;
    height: 6.136rem;
    margin-top: 5%;
  }
  body.lure.yoichi h2 img {
    width: 27.84rem;
    height: 5.6rem;
  }
  body.lure.schneider h2 img {
    width: 31.68rem;
    height: 5.6rem;
  }
  body.lure.kosuke h2 img {
    width: 24.72rem;
    height: 5.92rem;
  }
  body.lure.rocket h2 img {
    width: 33.04rem;
    height: 7.36rem;
  }
  body.lure.kta h2 img {
    width: 28.8rem;
    height: 5.76rem;
  }
  body.lure.sukari #splash > div h2 {
    margin-bottom: -4rem;
  }
  body.lure.sukari h2 img {
    width: 31.2rem;
    height: 12.272rem;
  }
  body.lure.kosuke #photo .lead + img,
  body.lure.rocket #photo .lead + img,
  body.lure.yoichi #photo .lead + img {
    max-width: 900px;
  }
  body.lure.schneider #photo > img,
  body.lure.kta #photo > img,
  body.lure.sukari #photo > img {
    max-width: 900px;
  }
  body.lure.schneider #photo .lead article,
  body.lure.kta #photo .lead article {
    width: 50%;
  }
  body.lure.schneider #photo .lead .subphoto,
  body.lure.kta #photo .lead .subphoto {
    width: 50%;
  }
}
@media (min-height: 800px), (min-width: 1200px) {
  body.index header #gallery #photo1,
  body.index header #gallery #photo1_clone {
    background-image: url(../img/top_01@2x.jpg);
  }
  body.index header #gallery #photo2,
  body.index header #gallery #photo2_clone {
    background-image: url(../img/top_02@2x.jpg);
  }
  body.index header #gallery #photo3,
  body.index header #gallery #photo3_clone {
    background-image: url(../img/top_03@2x.jpg);
  }
  body.index header #gallery #photo4,
  body.index header #gallery #photo4_clone {
    background-image: url(../img/top_04@2x.jpg);
  }
  body.index header #gallery #photo5,
  body.index header #gallery #photo5_clone {
    background-image: url(../img/top_05@2x.jpg);
  }
  body.index article.lure#yoichi::before,
  body.lure.yoichi #splash::before {
    background-image: url(../img/yoichi_splash@2x.jpg);
  }
  body.index article.lure#kosuke::before,
  body.lure.kosuke #splash::before {
    background-image: url(../img/kosuke_splash@2x.jpg);
  }
  body.index article.lure#schneider::before,
  body.lure.schneider #splash::before {
    background-image: url(../img/schneider_splash@2x.jpg);
  }
  body.index article.lure#rocket::before,
  body.lure.rocket #splash::before {
    background-image: url(../img/rocket_splash@2x.jpg);
  }
  body.index article.lure#kta::before,
  body.lure.kta #splash::before {
    background-image: url(../img/kta_splash@2x.jpg);
  }
}