@charset "UTF-8";
/* Scss Document */
@keyframes RightToLeft {
  0% {
    opacity: 0;
    transform: translateX(50px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes topanime {
  0% {
    opacity: 0; }
  24% {
    opacity: 1; }
  51% {
    opacity: 1; }
  85% {
    opacity: 0;
    transform: scale(1.2) rotate(0.1deg);
    z-index: 9; }
  100% {
    opacity: 0; } }
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?3plcb6");
  src: url("../fonts/icomoon.eot?3plcb6#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?3plcb6") format("truetype"), url("../fonts/icomoon.woff?3plcb6") format("woff"), url("../fonts/icomoon.svg?3plcb6#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-phone:before {
  content: "\e942"; }

.icon-notification:before {
  content: "\e901"; }

.icon-facebook:before {
  content: "\ea91"; }

.icon-instagram:before {
  content: "\ea92"; }

.icon-twitter:before {
  content: "\ea96"; }

.icon-arrow:before {
  content: "\e900"; }

.icon-arrow-left:before {
  content: "\e903"; }

.icon-arrow-top:before {
  content: "\e902"; }

.icon-arrow-bottom:before {
  content: "\e904"; }
#l-select .page-title:before {
  background: url("../../../image/top/select_img.jpg") no-repeat center;
  background-size: cover; }
#l-select h1, #l-select h2, #l-select h3 {
  font-family: "HGS明朝E", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: .08em;
  font-weight: 300;
  line-height: 1.3; }
#l-select .select-text {
  width: 75%;
  margin: 100px auto;
  text-align: center;
  color: #320506; }
  #l-select .select-text p {
    line-height: 2.5;
    margin-top: 20px; }
#l-select .select-navi section {
  position: relative;
  overflow: hidden;
  min-height: 360px; }
  #l-select .select-navi section:before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    display: block;
    width: 100vw;
    min-height: 360px;
    z-index: 1;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s; }
  #l-select .select-navi section .inner {
    background-color: rgba(0, 0, 0, 0.3);
    min-height: 360px;
    position: relative;
    z-index: 2; }
    #l-select .select-navi section .inner .select-navi-text {
      color: #FFF;
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
      width: 40%; }
      #l-select .select-navi section .inner .select-navi-text h2 {
        font-size: 2.6rem;
        margin: 0px auto 15px; }
      #l-select .select-navi section .inner .select-navi-text .select-navi-read p {
        line-height: 2; }
  #l-select .select-navi section + section {
    margin-top: 2px; }
  #l-select .select-navi section.n1:before {
    background: url("../../../image/select/season_img.jpg") no-repeat center;
    background-size: cover; }
  #l-select .select-navi section.n1 .select-navi-text {
    left: 6%; }
  #l-select .select-navi section.n2:before {
    background: url("../../../image/select/embroidery_img.jpg") no-repeat center;
    background-size: cover; }
  #l-select .select-navi section.n2 .select-navi-text {
    left: 57%; }
  #l-select .select-navi section.n3:before {
    background: url("../../../image/select/color_img.jpg") no-repeat center;
    background-size: cover; }
  #l-select .select-navi section.n3 .select-navi-text {
    left: 6%; }
  #l-select .select-navi section.n4:before {
    background: url("../../../image/select/2027/6year_warranty_img.webp") no-repeat center;
    background-size: cover; }
  #l-select .select-navi section.n4 .select-navi-text {
    left: 6%; }
  #l-select .select-navi section.n5:before {
    background: url("../../../image/select/2027/size_img.webp") no-repeat center;
    background-size: cover; }
  #l-select .select-navi section.n5 .select-navi-text {
    left: 57%; }
  #l-select .select-navi section.n6:before {
    background: url("../../../image/select/2027/timetable_img.webp") no-repeat center;
    background-size: cover; }
  #l-select .select-navi section.n6 .select-navi-text {
    left: 6%; }
  #l-select .select-navi section.n7:before {
    background: url("../../../image/select/2027/used_img.webp") no-repeat center;
    background-size: cover; }
  #l-select .select-navi section.n7 .select-navi-text {
    left: 57%; }
  #l-select .select-navi section.n8:before {
    background: url("../../../image/select/2027/weight_img.webp") no-repeat center;
    background-size: cover; }
  #l-select .select-navi section.n8 .select-navi-text {
    left: 6%; }
#l-select .select-navi section.n9:before {
    background: url("../../../image/select/2027/guide_img.webp") no-repeat center;
    background-size: cover; }
#l-select .select-navi section.n9 .select-navi-text {
    left: 57%; }
@media (min-width: 1080px) {
  #l-select .select-text h1 {
    font-size: 3.4rem; }
  #l-select .select-navi section {
    min-height: 408px; }
    #l-select .select-navi section:before {
      min-height: 408px; }
    #l-select .select-navi section.hover:before {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
      -webkit-transition: 1s;
      -moz-transition: 1s;
      -ms-transition: 1s;
      -o-transition: 1s;
      transition: 1s; }
    #l-select .select-navi section .inner {
      min-height: 408px; }
      #l-select .select-navi section .inner .select-navi-text h2 {
        font-size: 2.8rem;
        margin-bottom: 30px; } }
@media (max-width: 768px) {
  #l-select .select-navi section .inner .select-navi-text h2 {
    font-size: 2.4rem; } }
@media (max-width: 600px) {
  #l-select .select-navi section {
    min-height: 430px; }
    #l-select .select-navi section:before {
      min-height: 430px; }
    #l-select .select-navi section .inner {
      min-height: auto; }
      #l-select .select-navi section .inner .select-navi-text {
        position: static;
        width: 100%;
        transform: translate(0, 0); }
        #l-select .select-navi section .inner .select-navi-text h2 {
          min-height: 430px;
          margin: 0px auto;
          padding-top: 180px;
          font-size: 2.8rem;
          text-align: center; }
        #l-select .select-navi section .inner .select-navi-text .select-navi-read {
          background: #FFF;
          padding: 25px 25px 45px; }
          #l-select .select-navi section .inner .select-navi-text .select-navi-read p {
            color: #000;
            text-align: left; }
    #l-select .select-navi section.n1:before {
      background: url("../../../image/select/season_img_sp.jpg") no-repeat center;
      background-size: cover; }
    #l-select .select-navi section.n2:before {
      background: url("../../../image/select/embroidery_img_sp.jpg") no-repeat center;
      background-size: cover; }
    #l-select .select-navi section.n3:before {
      background: url("../../../image/select/color_img_sp.jpg") no-repeat center;
      background-size: cover; }
    #l-select .select-navi section.n4:before {
      background: url("../../../image/select/6year_warranty_img_2023_sp.jpg") no-repeat center;
      background-size: cover; }
    #l-select .select-navi section.n5:before {
      background: url("../../../image/select/size_img_sp.jpg") no-repeat center;
      background-size: cover; }
    #l-select .select-navi section.n6:before {
      background: url("../../../image/select/timetable_img_sp.jpg") no-repeat center;
      background-size: cover; }
    #l-select .select-navi section.n7:before {
      background: url("../../../image/select/used_img_2024_sp.jpg") no-repeat center;
      background-size: cover; }
    #l-select .select-navi section.n8:before {
      background: url("../../../image/select/weight_img_sp.jpg") no-repeat center;
      background-size: cover; }
#l-select .select-navi section.n9:before {
      background: url("../../../image/select/guide_img_sp.jpg") no-repeat center;
      background-size: cover; }}
@media (max-width: 480px) {
  #l-select .page-title:before {
    background: url("../../../image/top/select_img_sp.jpg") no-repeat center;
    background-size: cover; }
  #l-select .select-text {
    margin: 50px auto;
    width: 90%; }
  #l-select p {
    margin-top: 10px;
    line-height: 2; } }
#l-select .morebtn {
  width: 220px;
  margin: 30px 0 0px;
  border-radius: 25px;
  border: 1px #FFF solid; }
  #l-select .morebtn a {
    background: #320506;
    color: #FFF;
    text-align: center;
    display: block;
    padding: 13px 0px;
    line-height: 1.5;
    font-size: 1.6rem;
    background: none;
    line-height: 1; }
  @media (min-width: 1080px) {
    #l-select .morebtn {
      margin: 60px 0 0px; }
      #l-select .morebtn a:hover {
        background: rgba(255, 255, 255, 0.2);
        border-radius: 25px; } }
  @media (max-width: 600px) {
    #l-select .morebtn {
      margin: 20px auto 0;
      width: 60%; }
      #l-select .morebtn a {
        background: #320506;
        border-radius: 25px; } }

/*下層ページ*/
#l-select-inner .main-text {
  color: #320506;
  margin: 80px 0px; }
  #l-select-inner .main-text h2 {
    font-size: 3.5rem;
    margin-bottom: 20px; }
  #l-select-inner .main-text p {
    font-weight: bold;
    font-size: 1.5rem; }
#l-select-inner .product-link {
  background: #320506;
  padding: 80px 0px;
  text-align: center; }
  @media (max-width: 480px) {
    #l-select-inner .product-link {
      padding: 40px 25px 45px; } }
  #l-select-inner .product-link h2 {
    font-size: 3.5rem;
    margin-bottom: 25px;
    color: #FFFFFF; }
    #l-select-inner .product-link h2 span {
      font-size: 1.5rem;
      font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", YuGothic, "メイリオ", "Meiryo", sans-serif;
      letter-spacing: .08em; }
      @media (max-width: 600px) {
        #l-select-inner .product-link h2 span {
          font-size: 1.2rem; } }
    @media (max-width: 600px) {
      #l-select-inner .product-link h2 {
        font-size: 2.8rem; } }
  #l-select-inner .product-link .morebtn {
    margin: 0px auto; }
    @media (max-width: 600px) {
      #l-select-inner .product-link .morebtn {
        width: 60%; } }
#l-select-inner .select-navi section {
  margin-top: 2px; }
  @media (max-width: 600px) {
    #l-select-inner .select-navi section .inner {
      min-height: 430px !important; } }
  #l-select-inner .select-navi section h2 {
    color: #FFF;
    font-family: "HGS明朝E", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    letter-spacing: .08em;
    font-weight: 300;
    padding-left: 0px;
    font-size: 2.6rem;
    margin: 0px auto 15px; }
    @media (min-width: 1080px) {
      #l-select-inner .select-navi section h2 {
        font-size: 2.8rem;
        margin: 0px auto 30px; } }
    @media (max-width: 768px) {
      #l-select-inner .select-navi section h2 {
        font-size: 2.4rem!important; } }
    @media (max-width: 600px) {
      #l-select-inner .select-navi section h2 {
        font-size: 2.8rem!important; } }
  @media (max-width: 600px) {
    #l-select-inner .select-navi section .select-navi-text h2 {
      text-align: center;
      min-height: auto !important;
      padding-top: 150px !important; }
    #l-select-inner .select-navi section .select-navi-text .select-navi-read {
      background: none !important;
      padding-top: 0px !important; }
      #l-select-inner .select-navi section .select-navi-text .select-navi-read p:first-child {
        display: none; }
      #l-select-inner .select-navi section .select-navi-text .select-navi-read .morebtn a {
        background: none !important; } }
#l-select-inner .select-navi-btn ul {
  text-align: center;
  margin: 50px 0px 80px; }
  @media (max-width: 600px) {
    #l-select-inner .select-navi-btn ul {
      margin: 30px 0px; } }
  #l-select-inner .select-navi-btn ul li {
    display: inline-block;
    width: 260px;
    margin: 0px 5px 10px; }
    #l-select-inner .select-navi-btn ul li a {
      border: solid 1px #320506;
      color: #320506;
      display: block;
      padding: 11px 8px 9px; }
      @media (max-width: 480px) {
        #l-select-inner .select-navi-btn ul li a {
          padding: 15px 8px 13px; } }
@media (max-width: 768px) {
  #l-select-inner .main-text h2 {
    font-size: 3.3rem; }
  #l-select-inner .main-text p {
    font-size: 1.3rem; } }
@media (max-width: 480px) {
  #l-select-inner .page-title:before {
    padding-top: 90%; }
  #l-select-inner .main-text {
    margin: 50px 0px;
    padding: 0px 0px 35px;
    border-bottom: dotted 1px #320506; }
    #l-select-inner .main-text h2 {
      font-size: 2.8rem;
      text-align: center;
      margin: 0px 30px 20px; }
    #l-select-inner .main-text p {
      margin: 0px 30px; } }
p.exhibition_bnr{
	width: 700px;
	margin: 50px auto 80px;
}
@media (max-width: 768px) {
	p.exhibition_bnr{width: 90%;}
}
@media (max-width: 480px) {
	p.exhibition_bnr{
	width: 85%;
	margin: 50px auto!important;
}
	p.exhibition_bnr img{border: solid 1px #CCC;}
}
/*# sourceMappingURL=select.css.map */