@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica&family=Josefin+Sans:wght@500&family=Montserrat&family=Poppins:wght@500;700&display=swap');
@import url("jquery.fatNav.css");
*{margin:0;padding:0;min-height: 0;min-width: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {height:100%;}
ul li {list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 100%;}
p{margin: 0;}
a:focus, *:focus{ outline:none; }
article, header, footer, aside, figure, figcaption, nav, section,main{ 
display:block;
}
body{
font-family: 'Montserrat',Avenir, 'Helvetica neue', Helvetica,"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-weight:500;
width:100%;
color: #151515;
position:relative;
}
.mincho{
font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
.josefinsans{
font-family: 'Josefin Sans', sans-serif;
}
.montserrat{
font-family: 'Montserrat', sans-serif;
}
.imfelldwpica{
font-family: 'IM Fell DW Pica', serif;
}
.poppins{
font-family: 'Poppins', sans-serif;
}
.page-cate {
display:flex;
max-width: 1200px;
margin: 0 auto;

}
.page-cate li {
padding:0.5em;
width:50%;
}
.page-cate-txt {
height:140px;
}

a{
text-decoration: none;
outline: none;
color: #151515;
}
a img,a{
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all  0.5s;
}
img{
height: auto;
max-width: 100%;
box-sizing: unset;
vertical-align: bottom;
}
.imgauto{
height: auto;
width: 100%;
box-sizing: unset;
line-height: 1rem;
display: block;
vertical-align: bottom;
}
.inner, .sp-inner{
margin-left: auto;
margin-right: auto;
}
.soopa-fv {
max-width: 1200px;
margin: auto;
}
.slider{
opacity: 0;
transition: opacity .3s linear;
max-width: 1200px;
margin: auto;
}
.slider.slick-initialized{
opacity: 1;
}

/* K9スポーツサック　シリーズのボタン 　PC*/

.series_btn {
display:flex;
max-width: 1200px;
margin: 0 auto;
flex-wrap: wrap;
}
.series_btn li {
padding:0.5em;
width:33.3%;
}
.series_btn li img:first-child {
width:auto;
max-width:100%;
max-height:541px;
height:auto;
}
.youtube-area {

width: 98%;
margin: auto;
text-align: center;
}

@media screen and (min-width: 768px){
body{
font-size: 16px;
line-height: 1.7;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
a:hover{
opacity: 0.7;
}
a:hover img{
opacity:0.75 !important;
filter:alpha(opacity=75);
-ms-filter: “alpha( opacity=75 )”;
}
a[href^="tel:"] {
pointer-events: none;
}
.sp{
display: none !important;
}
.inner{
width: 90%;
max-width: 1060px;
}
.section-mg{
margin-bottom: 80px;
}
.display_pc {
display: block!important;
}
.display_sp {
display: none!important;
}

}
@media screen and (max-width: 767px){
body{
font-size: 14px;
line-height: 1.6;
}
.pc{
display: none !important;
}
.inner{
width: 90%;
}
.display_sp {
display: block!important;
}
.display_pc {
display: none!important;
}
header nav {
display: none;
}
}
/* --------------------header------------------- */
.header-common-nav{
background: #f1f1f1;
border-top:5px solid #412804;
}
.header-common-list{
display: flex;
justify-content: flex-end;
max-width: 1250px;
width: 90%;
margin: 0 auto;
}
.header-common-list li{
padding: 3px 15px;
font-size: 13px;
}
.header-area{
max-width: 1160px;
width: 90%;
margin: 0 auto;
position: relative;
padding: 30px 0;
display: flex;
justify-content: space-between;
}
.header-logo{
width: 220px;
}
.header-icon-list{
display: flex;
}
.header-icon-list li{
padding: 3px 15px;
}
.soopa-header {
background-color: #f4e4d7;
}
.soopa-head {
background-position-y: 146px;
height: 276px;
display: block;
}
@media screen and (min-width: 768px) {
.k9-header nav {
border:none;
background: #fff;
}
}
@media screen and (max-width: 767px) {
.soopa-head {
background: url(https://luxcolle.com/images/soopa/bg-soopa-sp.png) repeat-x;
background-position-y: 0;
height: 240px;
}
#soopa-header-logo {
margin-top: 96px;
}

/* K9スポーツサックのシリーズボタン　スマホ */
.series_btn {
  display: flex;
  width: 100%;
  max-width: 767px;
  margin: auto;
}
.series_btn li img:first-child {
  width: auto;
  max-width: 100%;
  max-height: 255px;
  height: auto;
}

/* サブナビゲーションメニュー */
.sub-nav{
border-top:1px solid #e3e3e3;
background-color: #fbfbf4;
}
.sub-nav .gnav{
width: 70%;
margin: 0 auto;
justify-content: center;
padding: 2em 0;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
letter-spacing: 1px;
display: flex;
}

@media screen and (max-width:1000px){
.sub-nav .gnav{
width: 100%;
}
}
.sub-nav .gnav li{
padding: 0 30px 12px;
font-size: 13px;
}
.sub-nav .gnav li a{
color:#000000;
}

header nav .gnav li a:hover{
color:#717171;
}
.sub-nav .gnav li.menu__mega{
position: static;
position: relative;
}
.sub-nav .gnav li a span{
position: relative;
}
.sub-nav .gnav li a span::after{
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -30px;
width: 0;
height: 1px;
background-color: #1c1c1c;
transition: .3s;
}
header.fixed .sub-nav .gnav li a span::after{
left: -30px;
}
header.fixed .headrightnav li:nth-last-child(-n+2){
display: none;
}
@media screen and (max-width:1000px) {
.sub-nav .gnav li a::after{content:none;}
}
.sub-nav .gnav li.menu__mega  a::after{
content: none;
}
@media screen and (max-width:815px) {
.sub-nav .gnav li{padding:0 10px 12px;}
.sub-nav .gnav li a::after{left:10px;}
}
.sub-nav .gnav li a span:hover::after {
width: 25px;
}


/* サブナビゲーションメニュー終わり */

#page-common {
background-color: #fff;
color: #555533;
max-width:1200px;
margin:auto;
}
#page-common #category {
display: flex;
}
#page-common #category li {
width: 49%;
padding: 1em;
margin: auto;
}

.morerlink{
width:250px;
margin:30px auto 20px;
text-align:center;
letter-spacing: 2px;
font-size: 0.8em;
}
.morerlink-series{
width:100%;
}
.morerlink a{
display:block;
background:#000;
border:1px solid #858585;
padding:1em 0;
color:#fff;
}
.morerlink a::after {
content: "";
background: url(images/common/arrow.svg) no-repeat;
width: 28px;
height: 5px;
background-size: contain;
vertical-align: middle;
display: inline-block;
position: absolute;
top: 17px;
right: 30px;
}
.morerlink a:hover::after {
content: "";
background: url(images/common/arrow-white.svg) no-repeat;
width: 28px;
height: 5px;
background-size: contain;
vertical-align: middle;
display: inline-block;
position: absolute;
top: 19px;
right: 30px;
}
.btn-text{
padding: 10px;
}
.hoveranime{
position:relative;
overflow:hidden;
cursor:pointer;
}
.hoveranime:hover .btn-text{
transition:all 0.5s;
}
.hoveranime .btn-child{
position:absolute;
top:0;
left:0;
width:0%;
height:100%;
transition:all 0.5s;
}
.hoveranime:hover .btn-child{
width:100%;
transition:all 0.5s;
}
.b-w_hover:hover .btn-text{
color:#000;
}
.b-w_hover .btn-child{
background-color:#fff;
border-radius:3px;
}
.morerlink a.w-b_hover{
background:#fff;
color:#3f3f3f;
}
.w-b_hover:hover .btn-text{
color:#fff;
}
.w-b_hover .btn-child{
background-color:#000;
}


@media screen and (max-width: 767px) {
header nav .gnav li {
padding: 0 0.2em 12px;
}
#page-common #category {
display: block;
}
#page-common #category li {
width: 90%;
padding: 1em;
margin: auto;
}

#page-common .more-btn a {
font-size: 12px;
}
#page-common {
width:100%;
margin:auto;
}
.page-common-about {
width:98%;
margin:auto;
}
}

.slidemenu {
width: 300px;
position: absolute;
transform: translateX(-50px);
-ms-transform: translateX(-50px);
-webkit-transform: translateX(-50px);
background: #fff;
border: 1px solid #ccc;
z-index: 2;
padding: 10px 15px 8px;
margin-left:-190px;
top:40px;
display: none;
}
.slidemenu form {
display: flex;
}
.searchbox{
flex:1;
margin-right: 10px;
}
.submit01{
width:67px;
background: #000;
border: none;
color: #fff;
padding: 4px 0 3px;
font-size: 13px;
cursor: pointer;
}

@media screen and (max-width: 767px) {
.header-logo{
width: 150px;
margin: 0 auto;
}
.page-cate {
display:block;
width:100%;
}
.page-cate li {
padding:1em;
width:100%;
}
.soopa-cate-txt {
height:auto;
}
.morerlink {
width:100%;
}
.morerlink a {
padding	:1em;
margin:1em;
}
.minus-img{
width: 100%;
margin-bottom: 30px;
}
.minus-txtarea{
width: 100%;
}
.minus-txt{
margin-bottom: 20px;
}
.minus-area .product-list-btn a{
border: 2px solid #000;
}
.what-minus-page .product-list-btn{
margin-top: 30px;
}
.what-minus-page .product-list-btn a{
width: 90%;
}
.what-minus-page{
width: 100%;
}
.what-minus-page .product-list-btn{
text-align: center;
}

}


@media screen and (min-width: 768px){
.what-minus-page{
  max-width: 1440px;
  margin: 0 auto;
}
.what-minus-page .product-list-btn{
  margin-top: 50px;
}
.what-minus-page .product-list-btn a{
  width: 500px;
}
/* --------------------footer------------------- */
footer{
background-color: #fff;
padding-top: 40px;
}
.footer-logo{
width: 200px;
margin: 0 auto;
}
.footer-nav ul{
margin-top: 60px;
display: flex;
justify-content: center;
gap: 30px;
}
.footer-pravercy{
margin-top: 20px;
display: flex;
display: flex;
justify-content: center;
gap: 30px;
}
.copylight{
display: block;
background-color: #FBFBF4;
font-size: 12px;
padding: 4px 0 3px;
text-align: center;
letter-spacing: 1px;
margin-top: 50px;
}
@media screen and (min-width: 768px) {
footer{
background-color: #fff;
padding-top: 60px;
}
.footer-list{
column-gap: 30px;
width: fit-content;
}

}
@media screen and (max-width: 767px) {

header nav {
display:none;
}


/* -----------------アコーディオン----------------- */
.fnavtop ul{
font-size:15px;
margin-top:30px;
font-family: 'Montserrat', sans-serif;
font-weight:500;
letter-spacing:1px;
}
.fnavtoplist > li{
border-bottom: 1px solid rgba(200, 200, 200, 0.7);
padding-bottom: 8px;
margin-bottom: 8px;
}
.search-menu-list > li:not(:last-child){
border-bottom: 1px dashed rgba(200, 200, 200, 0.7);
padding-bottom: 8px;
margin-bottom: 8px;
}
#sidearea{
letter-spacing:1px;
}
.searchform {
position: relative;
margin-bottom:15px;
}
.sbox {
height: 33px;
padding: 3px 10px 2px;
outline: 0;
font-size: 15px;
width: 100%;
box-sizing: border-box;
border: solid 1px #959595;
}
.sbtn {
position: absolute;
right: 13px;
top: 4px;
background: none;
color: #666;
border: none;
font-size: 16px;
color:#000;
}
.bnlist{
display	:flex;
flex-wrap:wrap;
}
.bnlist li{
margin-bottom:3.5%;
width:48%;
margin-right: 4%;
}
.bnlist li:nth-child(2n){
margin-right:0;
}
.bnlist li img{
width:100%;
}
/* -----------------アコーディオン おわり----------------- */

footer{
padding-top: 40px;
}
.footer-logo{
width: 150px;
}
.footer-nav ul{
flex-wrap: wrap;
gap: 10px;
padding: 0 10px;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.footer-nav li{
font-size: 13px;
}
.footer-nav li a::after{
content: '\25B6\0FE0E';
}
.footer-pravercy{
font-size: 13px;
}

#wp-news{
max-width: 90%;
width: fit-content;
margin: 0 auto;
padding-top: 20px;
}
.newslist li .day{
display: block;
}
}

@media screen and (min-width: 768px) {
.concept-text{
text-align: center;
font-weight: bold;
line-height: 2.2;
font-size: 18px;
}
.series-list li{
display: flex;
justify-content: space-between;
gap: 40px;
}
.series-img{
flex: 1;
}
.series-list-box{
flex: 1;
display: flex;
flex-direction: column;
}
.series-list li:nth-child(even){
flex-direction: row-reverse;
}
.series-list-box h3{
width: 94%;
margin: 0 auto;
}
#wp-news{
max-width: 500px;
width: fit-content;
margin: 0 auto;
padding-top: 40px;
}
.newslist li .day{
display: inline-block;
margin-right: 40px;
}
}