#select ul.color li@charset "UTF-8";
/* Scss Document */

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

.icon-arrow-bottomicon-arrow-bottom:before {
  content: "\e904"; }

  .l-header .header_inner {
    background: none; }
.l-header.show .header_inner {
    background: #320506;
}
.l-header.show .l-navi ul.global-navi li span {color: #FFF;}
.l-header.show .l-navi ul.global-navi li.navi-menu .global-trigger span {
    background: #FFF;
}
.l-header h1 img{
	width: 100%;
	height: auto;
	aspect-ratio: 60 / 17;
}
.l-main {
  width: 100%;
  overflow: hidden;
  background: #c1dbea url("../../image/bg.webp")no-repeat center;
	background-size: auto 100%;
  height: 100vh;
	position: relative;
}
.l-main img{
	width: 100%;
	height: auto;
}
.l-main-inner{
 position: relative;
  width: 100%;}
.l-main .maintext {
    position: absolute;
	overflow: hidden;
    top: 50%;
    left: 50%;
    width: 285px;
    z-index: 15;
	opacity: 0;
    transform: translate(-50%, -10%);
	animation-name: fadeIn;
	animation-delay: 2500ms;
    animation-duration: 2s;
    animation-fill-mode: forwards;
   }
.l-main .maintext span{
	width: 78%;
    display: block;
    margin: 0px auto;
}
.l-main .maintext span img{
	aspect-ratio: 75 / 17;
}
.l-main .maintext span + span img{
	aspect-ratio: 12 / 1;
}
.l-main .maintext-scroll {
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 45px;
    z-index: 15;
    display: none;
    transform: translate(-50%, 0); }
.l-main .maintext-scroll img{
	aspect-ratio: 15 / 16;
}
.l-main .mainimg img{
	animation: updown1 1.8s ease-in-out infinite alternate-reverse;
}
.l-main .mainimg img.up2{
	animation: updown2 1.8s ease-in-out infinite alternate-reverse;
}
.l-main .mainimg span{
	position: absolute;
	left: 50%;
	opacity: 0;
	animation-name: fadeIn;
	animation-delay: 500ms;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
}
.l-main .mainimg span.delay2{
	animation-delay: 900ms;
}
.l-main .mainimg span.delay3{
	animation-delay: 1300ms;
}
.l-main .mainimg span.delay4{
	animation-delay: 1700ms;
}
.l-main .mainimg span.delay5{
	animation-delay: 2100ms;
}
.l-main .mainimg span.delay6{
	animation-delay: 2300ms;
}
.l-main .mainimg span.hb{
	width: 310px;
    top: -70px;
    transform: translate(-110%, 0%);
}
.l-main .mainimg span.fppk{
	width: 230px;
    top: 130px;
    transform: translate(43%, 0%);
}
.l-main .mainimg span.cymk{
	width: 100px;
    top: 230px;
    transform: translate(-20%, 0%);
}
.l-main .mainimg span.mbhb{
	width: 180px;
    top: 235px;
    transform: translate(215%, 0%);
}
.l-main .mainimg span.ptmk{
	width: 110px;
    top: 295px;
    transform: translate(-325%, 0%);
}
.l-main .mainimg span.camk{
	width: 300px;
    top: 255px;
    transform: translate(-230%, 0%);
}
.l-main .mainimg span.fglg{
	width: 170px;
    top: 435px;
    transform: translate(-200%, 0%);
}
.l-main .mainimg span.lvbp{
	width: 345px;
    top: 445px;
    transform: translate(15%, 0%);
}
.l-main .mainimg span.mk{
	width: 90px;
    top: 610px;
    transform: translate(-225%, 0%);
}
.l-main .mainimg span.rlp{
	width: 120px;
    top: 460px;
    transform: translate(328%, 0%);
}
.l-main .mainimg span.wr{
	width: 540px;
    top: 600px;
    transform: translate(-130%, 0%);
}
.l-main .mainimg span.apor{
	width: 255px;
    top: 590px;
    transform: translate(155%, 0%);
}

@keyframes updown1 {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(2%);
  }
}
@keyframes updown2 {
  0% {
    transform: translateY(2%);
  }
  100% {
    transform: translateY(-3%);
  }
}
@keyframes fadeIn {
    0% {
    }
    100% {
        opacity: 1;
    }
}


#container img{
	width: 100%;
	height: auto;
}
.h2-title{
	text-align: center;
	color: #340505;
	margin-bottom: 50px;
}
.h2-title h2 {
    font-size: 2.9rem;
    font-family: "HGS明朝E", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    letter-spacing: .08em;
    font-weight: 300; }

.h2-title span {
      font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", YuGothic, "メイリオ", "Meiryo", sans-serif;
      font-size: 1.1rem;
      display: block;
      margin-top: 20px; }

p.read{text-align: center;margin-bottom: 80px;}


.cmp-bnr {
  margin: 0px auto;
  padding: 80px 0px 130px; }
.cmp-bnr.tp {
  padding-top: 130px; }
  .cmp-bnr.flexbox ul {
    width: 75%;
    margin: 0px auto;
    align-items: baseline; }
    .cmp-bnr.flexbox ul li {
      width: 48%;
      margin: 0 4% 0px 0; }
      .cmp-bnr.flexbox ul li:nth-child(2n) {
        margin-right: 0; }
      .cmp-bnr.flexbox ul li:nth-child(n + 3) {
        margin-top: 30px; }
.cmp-bnr.flexbox ul li img{
	aspect-ratio: 320 / 89;
}
  .cmp-bnr.one ul {
    width: 75%;
    margin: 0px auto; }
    .cmp-bnr.one ul li {
      width: 100%;
      margin: auto; }
  .cmp-bnr.tree {
    margin-bottom: 30px; }
    .cmp-bnr.tree ul {
      width: 85%; }
  .cmp-bnr.tree ul li {
    width: 32.5%;
    margin: 0 1% 0px 0;
    text-align: center; }
    .cmp-bnr.tree ul li:nth-child(2n) {
      margin: 0 1% 0px 0; }
    .cmp-bnr.tree ul li:nth-child(3n) {
      margin: 0 0 0px 0; }
  .cmp-bnr .h1bg {
    width: 450px;
    margin: 0 auto 40px;
    background: url("../../image/top/line.gif") repeat-x center;
    text-align: center; }
    .cmp-bnr .h1bg h2 {
      display: inline-block;
      background: #fff;
      padding: 0px 100px 0 15px;
      margin: 0;
      position: relative;
	   font-family: "HGS明朝E", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	  color: #340505;
		font-size: 2.8rem;
}
  .cmp-bnr h2 span {
    display: inline-block !important;
    margin: 0 0 0 10px !important;
    position: absolute;
    top: 50%;
    right: 15px;
    font-size: 1.4rem;
    transform: translate(0, -50%);
    font-family: "HGS明朝E", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    letter-spacing: .08em;
    font-weight: 300; }
  .cmp-bnr.year-bg {
    background: #EBEBEB;
    margin-bottom: 20px; }
    .cmp-bnr.year-bg .h1bg h2 {
      background: #EBEBEB; }


#footer-banner.l-block {
  margin-bottom: 0px; }
#footer-banner ul {
  width: 55%;
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto; }
  #footer-banner ul li {
    width: 48%;
    margin: 0 4% 20px 0; }
    #footer-banner ul li img {
      border: solid 1px #CCC;
      width: 99.8%;
      height: auto;
      vertical-align: bottom;
		aspect-ratio: 119 / 38;
}
      #footer-banner ul li img.bd-none {
        border: none; }
        #footer-banner ul li img.bd-none img {
          width: 100%; }
    #footer-banner ul li:nth-child(2n) {
      margin: 0 0px 20px 0; }
  #footer-banner ul.banner3 li {
    width: 30.66%; }
    #footer-banner ul.banner3 li:nth-child(2n) {
      margin: 0 4% 0px 0; }
    #footer-banner ul.banner3 li:nth-child(3n) {
      margin: 0 0px 0px 0; }





/*ランドセルを選ぶ*/
#product {
  background: #EBEBEB;
  padding: 130px 0px;
}
#lineup{
	width: 85%;
	margin: 0px auto;
}
#lineup .lineup-name {
    font-family: "HGS明朝E", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    letter-spacing: .08em;
    font-weight: 300;
    display: table;
    width: 100%;
    height: 82px;
    position: relative;
    margin-bottom: 50px;
}
#lineup .lineup-name h3 {
    padding-left: 80px;
    width: 50%;
    height: 82px;
    display: table-cell;
    vertical-align: middle;
    color: #FFF;
}
#lineup .lineup-name h3 span{font-size: 3rem;}
#lineup .lineup-name p {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    height: 82px;
    text-align: right;
    color: #320506;
    padding-right: 10px;
    font-size: 1.5rem;
}
#lineup .berubaio {
    background: #F4F4F4 url(../../image/products/lineup/berubaio_bg.jpg) no-repeat 0 0;
}
#lineup .leather {
    background: #F4F4F4 url(../../image/products/lineup/leather_bg.jpg) no-repeat 0 0;
}
#lineup .clarino {
    background: #F4F4F4 url(../../image/products/lineup/clarino_bg.jpg) no-repeat 0 0; }
#lineup .cordovan {
    background: #F4F4F4 url(../../image/products/lineup/cordovan_bg.jpg) no-repeat 0 0; }
#lineup .colororder {
    background: #F4F4F4 url(../../image/products/lineup/colororder_bg.jpg) no-repeat 0 0; }
#lineup .model75 {
    background: #F4F4F4 url(../../image/products/lineup/75model_bg.webp) no-repeat 0 0; }
#lineup .backpack {
    background: #F4F4F4 url(../../image/products/lineup/nylon_bg.jpg) no-repeat 0 0; }



#lineup ul{
	margin: 0px auto 90px;
}
#lineup ul.m0{
	margin-bottom: 0;
}
#lineup ul li{
	width: 31%;
	margin-right: 3%;
	background: #FFF;
	padding-bottom: 15px;
	position: relative;
}
#lineup ul li img{
	aspect-ratio: 30 / 19;
}
#lineup ul li:nth-child(3n){
	margin-right: 0;
}
#lineup ul li:nth-child(n+4){
	margin-top: 25px;
}
#lineup ul.more-leather li:nth-child(3n){
	margin-right: 3%;
}
#lineup ul.more-leather li:nth-child(n+4) {
    margin-top: 0px;
}
#lineup ul li.transparent.on::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 30%,#EBEBEB 45%);
  position: absolute;
  top: 0;
  left: 0;
}
#lineup ul li h4{
	margin:15px auto 10px;
	width: 85%;
	font-weight: bold;
	font-size: 1.5rem;
    line-height: 1.5;
}
#lineup ul li p{
	width: 85%;
	margin:0px auto 7px;
}
p.serieslist{
	margin: 60px auto 80px!important;
}
.more-content {
    display: none;
    margin-top: 25px;
}
.more-content .spblock{display: none;}
.more{margin: 0px 0px 60px;position: relative;top: -80px;}
.more.closebtn{position: static; margin-bottom: 140px;}
.btn button,.btn a{
	border: none;
	margin: 0px auto;
	width: 300px;
	color: #FFF;
	padding: 17px;
	line-height: 1;
	cursor: pointer;
	display: block;
	font-size: 1.4rem;
	position: relative;
	background: #320506;
	text-align: center;
}
.btn button:after {
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 45px;
    display: block;
    transition: 1s;
    vertical-align: middle;
    content: '+';
	transform: translate(0%, -50%);
	font-size: 20px;
}
.btn button.close:after {
    transform: rotate(45deg) translate(0%, -70%);
}
#select .select-block{
	width: 85%;
    margin: 0px auto;
	background: #FFF;
	padding: 50px 50px 60px;
	overflow: hidden;
}

#select .select-block h3{
	margin: 0px 0px 18px;
	font-weight: bold;
	color: #340505;
	font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", YuGothic, "メイリオ", "Meiryo", sans-serif;
	font-size: 1.4rem;
}
#select .ranking{margin-bottom: 30px;}
#select .ranking h3{
	text-align: center;
	font-size: 1.8rem;
	margin:20px 0px 30px;
}
#select .ranking.boy h3 span{
	color: #005D97;
}
#select .ranking.girl h3 span{
	color: #BF0000;
}
#select .ranking ul li{
	width: 31%;
    margin-right: 3%;
    background: #FFF;
    padding: 50px 0px 20px;
}
#select .ranking ul li img{
	aspect-ratio: 1 / 1;
}
#select .ranking ul li{
	background: url(../../image/top/2026/runking_1.svg) no-repeat center top;
	background-size: 50px auto;
}
#select .ranking ul li:nth-child(2){
	background: url(../../image/top/2026/runking_2.svg) no-repeat center top;
	background-size: 50px auto;
}
#select .ranking ul li:nth-child(3){
	background: url(../../image/top/2026/runking_3.svg) no-repeat center top;
	background-size: 50px auto;
}
#select .ranking ul li:nth-child(3) {
    margin-right: 0;
}
#select .ranking ul li:nth-child(4) {
    display: none;
}
#select .ranking ul li h4 {
    margin: 15px 0px 10px;
    font-weight: bold;
	font-size: 1.5rem;
    line-height: 1.5;
}
#select .ranking .btn{
	margin-top: 30px;
}
#select .detail ul li a{
	display: block;
	text-align: center;
	padding: 15px 10px;
	border-radius: 5px;
	font-size: 1.2rem;
}
#select ul.color{margin-bottom: 50px;}
#select ul.color li{
	width: 23.5%;
    margin-right: 2%;
}
#select ul.color li a{
	color: #FFF;
	background: #000;
}
#select ul.color li:nth-child(4n){
	margin-right: 0;
}
#select ul.color li:nth-child(n+5){
	margin-top: 15px;
}
#select ul.color li:nth-child(2) a{background: #2C5CA6;}
#select ul.color li:nth-child(3) a{background: #7BBEE8;}
#select ul.color li:nth-child(4) a{background: #103662;}
#select ul.color li:nth-child(5) a{background: #264828;}
#select ul.color li:nth-child(6) a{background: #723D3D;}
#select ul.color li:nth-child(7) a{background: #AC0E0F;}
#select ul.color li:nth-child(8) a{background: #DA7C8F;}
#select ul.color li:nth-child(9) a{background: #BA8EBC;}
#select ul.color li:nth-child(10) a{background: #E5C7A0;}
#select ul.color li:nth-child(11) a{background: #A5A5A5;}
#select ul.color li:nth-child(12) a{background: #E5C951;}

#select .detail .weight{
	width: 48%;
	float: left;
}
#select .detail .weight .bnr{display: none;}
#select .detail .weight li{
	width: 31.3%;
    margin-right: 3%;
}
#select .detail .weight ul li a{
	color: #320506;
	border: solid #320506 1px;
}
#select .detail .weight ul li:nth-child(3n){
	margin-right: 0;
}
#select .detail .weight ul li:nth-child(n+4){
	margin-top: 12px;
}
#select .detail .price{
	width: 48%;
	float: right;
}
#select .detail .price li{
	width: 48.3%;
    margin-right: 3%;
}
#select .detail .price ul li a{
	color: #320506;
	border: solid #320506 1px;
}
#select .detail .price ul li:nth-child(2n){
	margin-right: 0;
}
#select .detail .price ul li:nth-child(n+3){
	margin-top: 12px;
}
#select .weight ul.bnr{display: none;}
#select ul.bnr{
	padding-top: 40px;
}
#select ul.bnr li{
	width: 48%;
    margin-right: 4%;
}
#select ul.bnr li a{padding: 0px;}
#select ul.bnr li:nth-child(2){
	margin-right: 0;
}
#select ul.bnr li img{
	aspect-ratio: 320 / 89;
}
#select .material{margin-top: 50px;}
#select .material ul li {
    width: 23.5%;
    margin-right: 2%;
}
#select .material ul li:nth-child(4) {
    margin-right: 0;
}
#select .detail .material ul li a {
    color: #320506;
    border: solid #320506 1px;
}


#search{
	padding: 100px 0px;
	width: 85%;
    margin: 0px auto;
}

#parts{
	background: #EBEBEB;
	padding: 130px 0px;
}
#parts ul{
	width: 85%;
	margin: 0px auto 80px;
}
#parts ul li {
    width: 31%;
    margin-right: 3%;
    background: #FFF;
    padding-bottom: 15px;
    position: relative;
}
#parts ul li img{
	aspect-ratio: 30 / 19;
}
#parts ul li:nth-child(3n){
	margin-right: 0;
}
#parts ul li:nth-child(n+4){
	margin-top: 25px;
}
#parts ul li h4{
	margin:25px auto 10px;
	width: 85%;
	font-weight: bold;
}
#parts ul li p{
	width: 85%;
	margin:0px auto 7px;
}


#guide{
	padding: 130px 0px 80px;
}
#guide ul{
	width: 85%;
    margin: 0px auto;
}
#guide ul li{
	width: 47.9%;
    margin-right: 4%;
}
#guide ul li img{
	aspect-ratio: 455 / 272;
}
#guide ul li:nth-child(2n){
	margin-right: 0;
}
#guide ul li h2{
	text-align: center;
	margin: 0px 0px 30px;
	font-family: "HGS明朝E", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 2.6rem;
}
#guide ul li p{
	padding: 30px 0px;
}
#guide ul li .btn{
	border: none;
    margin: 0px auto;
    width: 300px;
    color: #FFF;
    padding: 17px;
    line-height: 1;
    cursor: pointer;
    display: block;
    font-size: 1.4rem;
    position: relative;
    background: #320506;
    text-align: center;
}


#service{
	background: #EBEBEB;
	padding: 130px 0px;
}
#service ul{
	width: 85%;
	margin: 0px auto;
}
#service ul li {
    width: 31%;
    margin-right: 3%;
    background: #FFF;
    padding-bottom: 15px;
    position: relative;
}
#service ul li img{
	aspect-ratio: 1 / 1;
}
#service ul li:nth-child(3n){
	margin-right: 0;
}
#service ul li h3{
	margin:25px auto 10px;
	width: 85%;
	font-weight: bold;
}
#service ul li p{
	width: 85%;
	margin:0px auto 7px;
}



#poricy,#randoselguide {
    padding: 100px 0px;
}
#poricy ul,#randoselguide ul{
	width: 85%;
	margin: 0px auto 60px;
}
#poricy ul li,#randoselguide ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 10px;
}
#poricy ul li:nth-child(2n),#randoselguide ul li:nth-child(2n) {
    margin-right: 0;
}
#poricy ul li img{
	aspect-ratio: 461 / 276;
}
#randoselguide ul li img{
	aspect-ratio: 466 / 279;
}
#randoselguide{
	background: #EBEBEB;
}


/*みんなの声と写真*/
#voice-photo {
  background: #EBEBEB;
  padding: 100px 0px; }
  #voice-photo.l-block {
    margin-bottom: 0px; }
#voice-photo h3{
	margin-bottom: 60px;
	font-size: 1.4rem;
}
 #voice-photo ul {
    width: 85%;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 auto 70px; }
#voice-photo ul li {
      width: 23.6%;
      margin: 0 1.75% 0px 0;
      background: #FFF;
      position: relative; }	
#voice-photo ul li:nth-child(4n) {
        margin-right: 0; }
#voice-photo ul li:nth-child(5n) {
        margin: 0 1.75% 0px 0; }
#voice-photo ul li a {
        display: block;
        height: 100%; }
        #voice-photo ul li a .voice-photo-img {
          position: relative;
          overflow: hidden;
          width: 100%; }
          #voice-photo ul li a .voice-photo-img:before {
            content: "";
            display: block;
            padding-top: 100%;
			  position: relative;
}
          #voice-photo ul li a .voice-photo-img span {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0; }
          #voice-photo ul li a .voice-photo-img img {
            width: 100%;
            height: auto;
            transition-duration: 0.5s;
			position: absolute;
			top: 50%;
			transform: translate(0%, -50%);

}
        #voice-photo ul li a .voice-photo-text {
          padding: 15px 15px 45px;
          font-size: 1.3rem; }
          #voice-photo ul li a .voice-photo-text .voice-photo-title {
            font-weight: 700;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            line-height: 1.5; }
          #voice-photo ul li a .voice-photo-text .voice-photo-date {
            padding-top: 10px;
            font-size: 1.2rem;
            color: #320506;
            position: absolute;
            bottom: 10px; }
  #voice-photo .morebtn {
    margin-top: 40px; }





/*お知らせ*/
#news {
  padding-top: 100px;
	margin-bottom: 100px;
}
  #news ul {
    width: 85%;
    margin: 60px auto 60px; }
    #news ul li {
      padding: 17px 0px 15px;
      border-bottom: solid 1px #000; }
      #news ul li span {
        display: inline-block;
        vertical-align: top; }
      #news ul li span:nth-child(1) {
        width: 20%;
        color: #340505;
        margin-right: 15px; }

      #news ul li span:nth-child(2) {
        width: 75%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      #news ul li:nth-child(1) {
        padding: 0px 0px 15px; }
      #news ul li a {
        display: block; }

/*インスタグラム*/
#insta {
  padding: 100px 0px; }
  #insta.l-block {
    margin-bottom: 0px; }
  #insta h2 {
    width: 200px;
    margin: 0 auto 40px; }
#insta h3 {
    margin-bottom: 60px;
    font-size: 1.4rem;
}
  #insta .insta-inner {
    width: 85%;
    margin: 0 auto; }
#insta .insta-inner ul {
      margin-bottom: 80px; }
      #insta .insta-inner ul li {
        width: 23%;
        margin-right: 2.5%;
        margin-bottom: 15px;
        background: #FFF;
        overflow: hidden; }
        #insta .insta-inner ul li:nth-child(4n) {
          margin-right: 0; }
        #insta .insta-inner ul li .inner {
          position: relative;
          width: 100%; }
          #insta .insta-inner ul li .inner:before {
            content: "";
            display: block;
            padding-top: 100%; }
          #insta .insta-inner ul li .inner span {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
			height: 100%;
}
        #insta .insta-inner ul li img {
          width: 100%;
          height: auto; }

/*トピック*/
#topic{
	background: #EBEBEB;
	padding: 100px 0px;
}
#topic ul{
	width: 85%;
    margin: 0 auto;
}
#topic ul li {
      width: 49%;
      margin-right: 2%;
      margin-bottom: 10px; }
#topic ul li:nth-child(2n) {margin-right: 0; }
#topic h3{
	text-align: center;
	margin-top: 30px;
	font-weight: bold;
	color: #340505;
}
#topic .morebtn{margin-top: 40px;}
#topic .mv {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin: 0px auto;
}
#topic .mv iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.other-link{
	padding: 100px 0px;
	text-align: center;
}
.other-link h3{
	display: inline-block;
	width: 250px;
	margin: 0px 10px;
}
.other-link h3 a{
	border: solid 1px #320506;
	display: block;
	padding: 0px 20px;
	color: #320506;
	font-weight: bold;
	border-radius: 5px;
	
}
.other-link h3 a span{
	background: url("../../image/top/2025/icon_faq.svg")no-repeat center left;
	background-size: 33px auto;
	display: inline-block;
	padding: 20px 20px 20px 45px;
}
.other-link h3+h3 a span{
	background: url("../../image/top/2025/icon_after-support.svg")no-repeat center left;
	background-size: 33px auto;
}

.catalog-banner {
  display: none; }



@media (min-width: 1080px) {	 
.cmp-bnr.tp {padding-top: 150px; }
.cmp-bnr.flexbox ul {width: 950px; }
.cmp-bnr.one ul {width: 720px; }
.cmp-bnr.tree ul {width: 950px; }
	 
#footer-banner ul {width: 950px; }
#footer-banner ul li {
        width: 23.5%;
        margin: 0 2% 0px 0; }
        #footer-banner ul li:nth-child(2) {
          margin: 0 2% 0px 0; } 
	
#lineup,#select .select-block,#parts ul,#guide ul,#service ul,#poricy ul,#topic ul,#randoselguide ul{
  width: 950px;
}
#voice-photo {
      padding: 100px 0px; }	
#voice-photo ul {
        width: 950px; }	

	
	
#news ul {
        width: 750px; }
#insta .insta-inner {
        width: 950px; } 
#column {
      padding: 100px 0px; }	
#column ul {
        width: 950px; } 
}


@media (max-width: 768px) {
.emergency-close {
      width: 30px;
      height: 30px;
      right: 10px; }
    .emergency-list {
      padding: 10px; }
      .emergency-list li a {
        font-size: 1.3rem; }
        .emergency-list li a .emergency-list-title {
          max-width: 300px; }


	 
.cmp-bnr.flexbox ul {width: 85%; }
.cmp-bnr.one ul {width: 85%; }
.cmp-bnr.tree ul li {
        width: 100%;
        margin: 0px 0 20px 0; }
        .cmp-bnr.tree ul li:nth-child(2n) {
          margin: 0 0 10px 0; }
        .cmp-bnr.tree ul li img {
          width: 80%; }
	 
#footer-banner ul {width: 65%; }
	
        #voice-photo ul li {
          width: 32.16%; }
#voice-photo ul li:nth-child(3n) {
          margin-right: 0; }
#voice-photo ul li:nth-child(4n) {
    margin-right: auto;
}
#voice-photo ul li:nth-child(5n) {
            margin: 0 1.75% 0px 0; }
#voice-photo ul li:nth-child(10) {
          display: none; } 
 #select ul li,#features ul li {
          margin-bottom: 5px; }
#news ul {
        width: 70%; }
#insta h2 {
        width: 200px; }
#insta .insta-inner ul li {
            margin-bottom: 10px; }


#select .detail .weight li {
    width: 48.3%;
	}
#select .detail .weight ul li:nth-child(2n) {
    margin-right: 0!important;
}
#select .detail .weight ul li:nth-child(3n) {
    margin-right: 3%;
}
#select .detail .weight ul li:nth-child(n+3) {
    margin-top: 12px;
}
#select .detail ul.color li{width: 23.4%;}
#select .detail ul.color li:nth-child(5n) {
    margin-right: 2%;
}
#select .detail ul.color li:nth-child(4n) {
    margin-right: 0;
}

#select .detail ul.color li:nth-child(n+5) {
    margin-top: 15px;
}

.btn button, .btn a{width: 100%;padding: 24px 17px;}
#lineup .lineup-name h3 {
        width: 100%;
        text-align: center;
        display: block;
        background-size: cover;
        padding: 25px 0px 0px;
    }
#lineup .berubaio h3 {
        background: url(../../image/products/lineup/berubaio_bg_sp.jpg) no-repeat 0 0;
        background-size: cover; }
#lineup .leather h3 {
        background: url(../../image/products/lineup/leather_bg_sp.jpg) no-repeat 0 0;
        background-size: cover; }
#lineup .clarino h3 {
        background: url(../../image/products/lineup/clarino_bg_sp.jpg) no-repeat 0 0;
        background-size: cover; }
#lineup .cordovan h3 {
        background: url(../../image/products/lineup/cordovan_bg_sp.jpg) no-repeat 0 0;
        background-size: cover; }
#lineup .colororder h3 {
        background: url(../../image/products/lineup/colororder_bg_sp.jpg) no-repeat 0 0;
        background-size: cover; }
#lineup .model75 h3 {
        background: url(../../image/products/lineup/75model_bg_sp.webp) no-repeat 0 0;
        background-size: cover; }
#lineup .backpack h3 {
        background: url(../../image/products/lineup/nylon_bg_sp.jpg) no-repeat 0 0;
        background-size: cover; }
#lineup .lineup-name p{display: none;}
	#guide ul li .btn{width: 100%;padding: 24px 17px;}
}

@media (max-width: 600px) {
.cmp-bnr.tp {padding-top: 90px;padding-bottom: 0px; }
	.cmp-bnr{padding-bottom: 80px;}
.cmp-bnr.flexbox ul li {
          width: 100%;
          margin: 0; }
          .cmp-bnr.flexbox ul li:nth-child(n + 2) {
            margin-top: 15px; }
          .cmp-bnr.flexbox ul li:nth-child(n + 3) {
            margin-top: 15px; }
.cmp-bnr.tree { margin-bottom: 0px; }
.cmp-bnr .h1bg {margin-bottom: 30px; }
	
      #voice-photo ul {
        width: 85%; }

.h2-title{padding: 0px 20px;}
.h2-title h2 {
    font-size: 2.6rem;
	}
p.read {
	margin: 0px auto 50px;
	width: 85%;
	text-align: center;
}
	#search p.read{
		text-align: left;
		width: 100%;
	}
#product,#parts,#search,#guide,#service,#poricy,#randoselguide,#topic,#insta,#voice-photo {
   padding: 80px 0px;
}
#parts .btn,#poricy .btn,#randoselguide .btn,#news .btn,#voice-photo .btn,#insta .btn,.more,.more-sp{width: 85%;margin: 0px auto;}
#guide ul li h2 {
    font-size: 2.3rem;
}
#lineup {
    width: 100%;
}
#lineup ul {
    margin: 0px auto 50px;
    width: 85%;
}
	#lineup ul li p{display: none;}
	#lineup ul li p+p{display: block;}
	#select .material {
    margin-top: 40px;
    border-top: solid 1px #CCC;
    padding-top: 40px;
}
	
    #select .detail ul.color li,#select .detail .material ul li {
        width: 48.3%;
		margin-right: 3%;
    }
	#select .detail ul.color li:nth-child(2n),#select .detail .material ul li:nth-child(2n) {
        margin-right: 0;
    }
	#select .detail ul.color li:nth-child(n+3) {
    margin-top: 15px;
}
	#select .detail .material ul li:nth-child(n+3) {
    margin-top: 12px;
}
	#news{
		padding-top: 80px;
		margin-bottom: 80px;
	}
#news ul {
        width: 85%;
        margin: 0px auto 40px; }
#insta .insta-inner {
        width: 85%; }

#select .detail .weight,#select .detail .price {
    width: 100%;
    float: none;
	padding-top: 40px;
	border-top:  solid 1px #CCC;
}
#select .detail .weight{padding-bottom: 40px;}
	
	
#topic h3 {
    margin: 15px 0px 0px;
    font-weight: bold;
    font-size: 1.5rem;
}
.other-link {
    padding: 50px 0px;
}
.other-link ul li {
    display: block;
    width: 250px;
    margin: 10px auto;
}
.other-link h3 {
    display: block;
    width: 250px;
    margin: 0px auto 20px;
}
#parts ul {
    margin: 0px auto 40px;
}
#parts ul li p{
	display: none;
}
#parts ul li p+p{display: block;}
#parts ul li h4 {
    margin: 5px auto 10px;
}

}

 @media (max-width: 480px) {
.l-main .maintext {
    width: 210px;
	transform: translate(-50%, -25%);
}
.l-main {
    width: 100%;
    overflow: hidden;
    background: #c1dbea url(../../image/bg_sp.webp) no-repeat center;
    background-size: cover;
	position: relative;
}
.l-main-inner {position: static;}

.l-main .mainimg span.hb,.l-main .mainimg span.cymk,.l-main .mainimg span.mk,.l-main .mainimg span.camk,.l-main .mainimg span.wr{display: none;}
.l-main .mainimg span.fppk {
    width: 150px;
    top: 130px;
    transform: translate(0%, 0%);
}
.l-main .mainimg span.lvbp {
    width: 235px;
    top: 390px;
    transform: translate(-95%, 0%);
}
.l-main .mainimg span.mbhb {
    width: 110px;
    top: 345px;
    transform: translate(89%, 0%);
}
.l-main .mainimg span.ptmk {
    width: 65px;
    top: 290px;
    transform: translate(-310%, 0%);
}
.l-main .mainimg span.rlp {
    width: 75px;
    top: 400px;
    transform: translate(10%, 0%);
}
.l-main .mainimg span.apor {
    width: 155px;
    top: 480px;
    transform: translate(35%, 0%);
}

.l-main .mainimg span.fglg {
    width: 105px;
    top: 135px;
    transform: translate(-140%, 0%) rotate(-15deg);
}
.l-header.show h1 {
          width: 43%;
           }
.l-header.show .l-navi {
        margin-right: 8px; }
	
.cmp-bnr.tree ul li {
        margin: 0px 0 10px 0; }
        .cmp-bnr.tree ul li img {
          width: 100%; }
 .cmp-bnr {padding: 60px 0px; }
.cmp-bnr .h1bg h2 {padding: 0px 90px 0 10px;font-size: 2.3rem; }
.cmp-bnr .h1bg {width: 85%; }
.cmp-bnr h2 span {
        font-size: 1.3rem;
        right: 10px; }
.cmp-bnr.year-bg {margin-bottom: 0px; }
	
#footer-banner ul {width: 85%; }
#footer-banner ul li {
        width: 100%;
        margin: 0px 0 15px 0; }
        #footer-banner ul li:nth-child(3n) {
          margin: 0 0px 15px 0; }
 #footer-banner ul.banner3 li {
        width: 100%;
        margin: 0px 0 15px 0; }
        #footer-banner ul.banner3 li:nth-child(2n) {
          margin: 0 0px 15px 0; }
        #footer-banner ul.banner3 li:nth-child(3n) {
          margin: 0 0px 15px 0; }

	 
.h2-title h2 {
	font-size: 2.3rem;
}	 
.h2-title {
    margin-bottom: 25px;
}	 

	 
#parts, #search, #guide, #service, #poricy, #randoselguide, #topic, #insta, #voice-photo {
	padding: 60px 0px;
}
#product{padding: 60px 0px 0px;}
    #lineup .lineup-name h3 span {
        font-size: 2.5rem;
    }
 #lineup ul li{
	 width: 48%;
margin-right: 4%;
 }
#lineup ul li h4 {
    font-size: 1.3rem;
}
#lineup ul li img{
	aspect-ratio: 1 / 1;
	 }
 #lineup ul li:nth-child(2n){
	 margin-right: 0;
 }
 #lineup ul li:nth-child(3n) {
margin-right: auto;
}
 #lineup ul li:nth-child(n+3) {
margin-top: 12px;
	 padding-bottom: 0px;
}
	 #lineup ul li.transparent-sp.on2::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 30%,#EBEBEB 45%);
  position: absolute;
  top: 0;
  left: 0;
}
#lineup ul li.transparent-sp.on::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 30%,#EBEBEB 45%);
  position: absolute;
  top: 0;
  left: 0;
}
 #lineup ul li:nth-child(n+5) {
  display: none;
}
 #lineup ul.top li:nth-child(n+5) {
  display: block;
}
.more-content .spblock{display: block;}
.more-content,#lineup ul.more-leather li:nth-child(n+4) {
    margin-top: 12px;
}
#lineup ul.more-leather li:nth-child(3n){margin-right: 4%;}
.more.closebtn{ margin-bottom: 60px;}
	 #select{
		 background: #FFF;
		 padding-top: 60px;
	 }
	 #select .select-block {
    width: 100%;
    padding: 0px 30px 20px;
}
	 
	 #select .ranking h3 {
    text-align: left;
    margin: 20px 0px 25px;
}
	    #select .ranking ul li {
        width: 48%;
        margin-right: 4%;
    }
	 #select .ranking ul li h4{font-size: 1.3rem;}
	   #select .ranking ul li:nth-child(2n) {
        margin-right: 0;
    }
	     #select .ranking ul li:nth-child(n+3) {
        margin-top: 12px;
    }
	 #select .ranking ul li:nth-child(3){margin-right: auto;}
	 #select .ranking ul li:nth-child(4) {
    display: block;
}
	 #select .ranking.boy ul li:nth-child(4){
	background: url(../../image/top/2026/runking_4_boy.svg) no-repeat center top;
	background-size: 50px auto;
}
	 #select .ranking.girl ul li:nth-child(4){
	background: url(../../image/top/2026/runking_4_girl.svg) no-repeat center top;
	background-size: 50px auto;
}
	 #select .ranking .btn {
    margin-top: 10px;
}
	  #select .detail ul li:nth-child(n+3) {
        margin-top: 5px!important;
    }
	 
	 #select ul.bnr {
		 padding-top: 40px;
    margin: 0px auto;
	 }
	 #select ul.bnr li {
    width: 100%;
    margin-right: 0;
}
	 #select ul.bnr{display: none;}
	 #select .weight ul.bnr {
    padding-top: 30px;
    width: 100%!important;
	margin-right: 0!important;
	display: block;	 
	 }
	 #select .weight ul.bnr li{
		 width: 100%!important;
	 }
	 #select .weight ul.bnr li+li{margin-top: 15px;}
	 #select .weight ul.bnr a{border: none!important;}
	 
	 #parts ul li {
    width: 48%;
    margin-right: 4%;
}
	 #parts ul li img{
		 aspect-ratio: 1 / 1;
	 }
	 #parts ul li:nth-child(3n) {
    margin-right: auto;
}
	 #parts ul li:nth-child(2n) {
          margin-right: 0; }
	 #parts ul li:nth-child(n+3) {
    margin-top: 15px;
}
#service ul li {
    width: 100%;
    margin-right: 0;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#service ul li img{
		 aspect-ratio: 30 / 19;
	 }
#poricy ul, #randoselguide ul {
    margin: 0px auto 20px;
}
#poricy ul li img,#randoselguide ul li img{
		 aspect-ratio: 172 / 237;
	 }
#voice-photo {
      padding: 50px 0px; }
#voice-photo h3 {
    margin-bottom: 30px;
}
 #voice-photo ul li {
          width: 48.5%;
          margin: 0 3% 0px 0; }
#voice-photo ul li:nth-child(2n) {
          margin-right: 0; }
#voice-photo ul li:nth-child(3n) {
          margin-right: 3%; }
#voice-photo ul li:nth-child(n + 5) {
          display: none; }
#voice-photo .morebtn {
        margin-top: 30px; }
	 

	 	 
#news {
      padding-top: 70px;margin-bottom: 60px; }	 
#news ul li span:nth-child(1) {
            display: block;
            width: 100%;
            margin: 0px 0px 8px; }	
#news ul li span:nth-child(2) {
            display: block;
            width: 100%; }
	 
 #insta {
      padding: 50px 0px; }
#insta h2 {
        width: 150px;
        margin-bottom: 20px; }
#insta h3 {
    margin-bottom: 30px;
}
 #insta .insta-inner ul {
          margin-bottom: 25px; }	 
#insta .insta-inner ul li {
            width: 48%;
            margin-right: 3%; }
            #insta .insta-inner ul li:nth-child(2n) {
              margin-right: 0; }
            #insta .insta-inner ul li:nth-child(n + 7) {
              display: none; } 
#topic {
    padding: 60px 0px;
}
#topic ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0px;
}
#topic ul li+li{margin-top: 30px;}
#topic .morebtn {
    width: 100%;
}


#select .detail .weight .bnr{display: block;}

#guide{margin-bottom: 0px;}	
#guide ul li {
    width: 100%;
    margin-right: 0;
	 }
	 #guide ul li:first-child{
		 padding-bottom: 50px;
    margin-bottom: 60px;
		 border-bottom: solid 1px #CCC;
	 }
	 #guide ul li h3{font-size: 1.8rem;margin: 20px 0px 10px;}
	 #guide ul li p {
    text-align: left;
}
	 #guide ul li p+p {
    width: 100%;
		 padding: 0px;
    margin: 0px;
    text-align: center;
}
#voice-photo ul {
    margin-bottom: 40px;
}
.btn button{
	padding: 20px;
}
}
/*# sourceMappingURL=top.css.map */