@charset "euc-jp";

/* ¥È¥Ã¥×¥Ú¡¼¥¸
*************************************************************/
/* ¥ì¥¤¥¢¥¦¥È */

.cont-wrap{
max-width: inherit;
margin: 0;
padding-top: 0;
}
.cont-wrap section{padding: 0;}

@media screen and (max-width:1220px) {
.cont-wrap{padding: 0;}
}
@media screen and (max-width:768px) {
#contents{
/*padding-top: 0;*/
padding-bottom: 0;
}
.cont-wrap{padding: 0;}
.cont-wrap section{padding: 0;}
}
@media screen and (max-width:480px) {
#contents{
/*padding-top: 0;*/
padding-bottom: 0;
}
.cont-wrap{padding: 0;}
.cont-wrap section{padding: 0;}
}



.top-cont-wrap{
max-width: 1200px;
margin: 0 auto;
/*padding-top: 50px;*/
}
.top-cont-wrap section{padding-top: 5em; padding-bottom: 5em;}

.top-cont-wrap.width100 {
max-width: none;  
width: 100%;      
margin: 0 auto;        
/*padding-top: 100px;*/
}

@media screen and (max-width:1220px) {
/*.top-cont-wrap{padding: 50px 0 0;}*/
section.section-padding{padding-left: 2em; padding-right: 2em;}
}
@media screen and (max-width:768px) {
/*.top-cont-wrap{padding: 30px 0 0;}*/
section.section-padding{padding-left: 1em; padding-right: 1em;}
}
@media screen and (max-width:480px) {
/*.top-cont-wrap{padding: 20px 0 0;}*/
section.section-padding{padding-left: 0.8em; padding-right: 0.8em;}
}


/* ¤ªÃΤ餻 */
.top-info{
padding: 2em;
border: 1px solid #000;
}
.top-info p{
margin: 0;
}
@media screen and (max-width:768px) {
.top-info{
padding: 1em;
}
}

/* ¥Ë¥å¡¼¥¹ */
.top-news{
display: flex;
flex-wrap: wrap;
max-width: 100%;
max-height: 200px;
overflow-y: auto;
margin: 0 auto;
}
.top-news dt{
/*flex-basis: 5em;
flex: 0 1 5em;*/
width: 7em;
}
.top-news dd{
/*flex-basis: calc(100% - 5em);
flex: 0 2 auto;*/
width: calc(100% - 7em);
}
.top-news dt, .top-news dd{
margin: 0;
padding: 0;
margin-bottom: 1.2em;
padding-bottom: 1.2em;
border-bottom: 1px solid #000;
}
.top-news dt:last-of-type, .top-news dd:last-of-type{
margin-bottom: 0;
}

@media screen and (max-width:768px) {
.top-news dt{
width: 6em;
}
.top-news dd{
width: calc(100% - 6em);
}
}

@media screen and (max-width:480px) {
.top-news{
display: block;
}
.top-news dt, .top-news dd{
width: 100%;
font-size: 0.9em;
}
.top-news dt{
margin-bottom: 0;
padding-bottom: 0em;
border-bottom: none;
}
.top-news dd{
margin-bottom: 0.7em;
padding-bottom: 0.7em;
}
.top-news dd:last-of-type{
margin-bottom: 0;
}
}


.top-pickup-text{
text-align: center;
line-height: 1.4;
}

/* ¥¢¥Ð¥¦¥È */
#top-about{
background-color: #000;
}
.top-about{
display: flex;
align-items: center;
flex-direction: column;
gap: 3em;
max-width: 1000px;
margin: 0 auto;
color: #fff;
}
#top-about h2.section-title, #top-about h2.section-title::after{
color: #fff;
border-color: #fff;
}
.top-about > div{
flex-basis: 50%;
}
.top-about img{
margin: 0 auto;
}

.top-about-big-txt{
font-size: 1.5em;
font-weight: 600;
text-align: center;
}

@media screen and (max-width:768px) {
.top-about{
display: block;
}
}

@media screen and (max-width:480px) {
.top-about{
padding: 0.5em 1em;
}
.top-about h2.section-title{
font-size: 0.8rem;
}
.top-about-right p{
font-size: 0.9em;
margin-bottom: 0;
}
.top-about-right-more{
font-size: 0.9em;
}
}


/* ¥×¥í¥¸¥§¥¯¥È */
#top-project{
background:
linear-gradient(rgba(256, 256, 256, 0.8), rgba(256, 256, 256, 0.8)),
url("https://file003.shop-pro.jp/PA01443/637/home/brand-project-bg-02.png?20241101");
background-repeat:  no-repeat; 
background-size: cover;
background-position: center;

}
.top-project{
display: flex;
align-items: center;
gap: 3em;
max-width: 1000px;
margin: 0 auto;
/*color: #fff;*/
}
#top-project h2.section-title, #top-project h2.section-title::after{
/*color: #fff;
border-color: #fff;*/
}
.top-project > div{
flex-basis: 50%;
}
.top-project img{
margin: 0 auto;
text-align: center;
}

@media screen and (max-width:768px) {
.top-project{
display: block;
}
.top-project img{
width: 100%;
margin: 0 auto 2em;
text-align: center;
}
}

@media screen and (max-width:480px) {
.top-project{
padding: 0.5em 1em;
}
.top-project h2.section-title{
font-size: 0.8rem;
}
.top-project-right p{
font-size: 0.9em;
margin-bottom: 0;
}
.top-project-right-more{
font-size: 0.9em;
}
}

/* ¥«¥Æ¥´¥ê¥Ü¥¿¥ó */
.category-btn-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 2px solid #000;
    border-radius: 45px;
    padding: 10px 20px;
    background-color: #fff; 
    color: #000; 
    transition: background-color 0.3s, color 0.3s;
    opacity: 1 !important;
    box-shadow: none !important;
}

.category-btn-container:hover {
    background-color: #000; 
    color: #fff;
    opacity: 1 !important;
}

.category-btn-icon {
    max-width: 26px;
    /* max-height: 26px; */
}

.category-btn-icon img {
    width: 100%;
    transition: filter 0.3s; 
}

.category-btn-container:hover .category-btn-icon img {
    filter: brightness(0) invert(1); 
    opacity: 1 !important;
}

.category-btn-txt {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.category-btn-txt a {
    opacity: 1 !important;
}

.category-btn-container:hover .category-btn-txt a {
    opacity: 1 !important; 
}

.category-btn-txt a:hover {
    opacity: 1 !important;
}

.category-btn-txt a:active {
    opacity: 1 !important;
}

.category-btn-big-txt {
    font-size: 16px;
    font-weight: 800;
    margin: 0;
	font-family: "Montserrat", sans-serif;
}

.category-btn-small-txt {
    font-size: 12px;
    margin: 0;
    font-weight: 600;
}

.top-cat-box a{
opacity: 1!important;
}

@media screen and (max-width: 640px) {
.category-btn-icon {
    max-width: 24px;
}
.category-btn-container {
    padding: 10px 15px;
}
.category-btn-big-txt {
    font-size: 14px;
}

.category-btn-small-txt {
    font-size: 10px;
}
}

@media screen and (max-width: 480px) {
.category-btn-icon {
    max-width: 20px;
}
.category-btn-container {
    padding: 10px 12px;
}
.category-btn-big-txt {
    font-size: 12px;
}

.category-btn-small-txt {
    font-size: 10px;
}
}

/*¥Ô¥Ã¥¯¥¢¥Ã¥×¥¹¥é¥¤¥À¡¼*/
/*  #pickup .bx-prev, #pickup .bx-next {
    width: 50px;
    height: 100px;
    background-color: black;
    color: white;
    text-align: center;
    line-height: 100px;
    font-size: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
  }

  #pickup .bx-prev {
    left: 0;
  }

  #pickup .bx-next {
    right: 0;
  }

#pickup {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 0 ; 
}

#pickup-slider {
  display: flex;
  justify-content: center;
}

#pickup-slider li {
  width: 25vw!important; 
  margin: 0 2.0em!important; 
  box-sizing: border-box;
  padding: 0;
  text-align: center;
}

#pickup .bx-wrapper {
  margin: 0 auto 60px!important;
  padding: 0; 
}*/

.swiper{
  padding:0 50px;
}

.swiper-wrapper {
  /* wrapper¤Î¥µ¥¤¥º¤òÄ´À° */
  width: 100%;
  /*height: 300px;*/
}

.swiper-slide {
  /* ¥¹¥é¥¤¥É¤Î¥µ¥¤¥º¤òÄ´À°¡¢Ãæ¿È¤Î¥Æ¥­¥¹¥ÈÇÛÃÖÄ´À°¡¢ÇØ·Ê¿§ */
  /*color: #ffffff;*/
  width: 100%;
  height: 100%;
  text-align: center;
  /*line-height: 300px;*/
}


.swiper-pagination-bullets {
  position: static!important;
  margin-top: 16px;
  margin-bottom: 3em;
} 
.swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  margin: 0 0 0 10px !important;
  background: #666 !important;
  opacity: 1;
  transition: 0.3s;
}
.swiper-pagination-bullet-active{
background: #000 !important;
}
.swiper-pagination-bullet:hover{
background: #000 !important;
}

.swiper-pagination-bullet:first-child {
  margin: 0 !important;
}
.swiper-button-prev,
.swiper-button-next {
  width: 24px; /* ¥Ü¥¿¥ó¤ÎÉý */
  height: 40px; /* ¥Ü¥¿¥ó¤Î¹â¤µ */
  background-size: 24px 40px;
  transform: translateY(-50%);
  margin-top: 0;
  background-repeat: no-repeat;
}

/* ¼¡¥Ú¡¼¥¸¥Ü¥¿¥ó¤Î¥¹¥¿¥¤¥ë */
.swiper-button-next {
background-image: url('https://kiomiru.co.jp/blog/wp-content/uploads/2021/09/img_arrow_black_01.png');
}

/* Á°¥Ú¡¼¥¸¥Ü¥¿¥ó¤Î¥¹¥¿¥¤¥ë */
.swiper-button-prev {
  background-image: url('https://kiomiru.co.jp/blog/wp-content/uploads/2021/09/img_arrow_black_01.png');
  transform: translateY(-50%) scale(-1, 1); /* º¸±¦È¿Å¾ */
}

.swiper-button-prev:after,
.swiper-button-next:after {
 display: none;
}


/* ¥Á¡¼¥à¥ª¡¼¥À¡¼ */
#team-order {
background:
linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
url("https://file003.shop-pro.jp/PA01443/637/home/order-index-bg.png");
background-repeat: no-repeat; 
background-size: cover;
background-position: center;

}
.top-team-order {
display: flex;
align-items: center;
gap: 3em;
max-width: 1100px;
margin: 0 auto 3em;
/*color: #fff;*/
}
#team-order h2.section-title, #team-order h2.section-title::after {
color: #fff;
border-color: #fff;
}
#team-order p {
color: #fff;
border-color: #fff;
}
.top-team-order > div {
flex-basis: 50%;
}
.top-team-order img {
margin: 0 auto;
}

.team-order-title {
color: #fff!important;
text-align: center;
font-size: 1.8em;
font-weight: 700;
}

@media screen and (max-width:960px) {
.team-order-title {
font-size: 1.6em;
}
}

@media screen and (max-width:768px) {
.top-team-order {
display: block;
}
.top-team-order img {
margin: 0 auto 2em;;
}
}

@media screen and (max-width:480px) {
.top-team-order {
padding: 0.5em 1em;
}
.top-team-order h2.section-title {
font-size: 0.8rem;
}
.top-team-order-right p{
font-size: 0.9em;
margin-bottom: 0;
}
.top-team-order-right-more{
font-size: 0.9em;
}
.team-order-title {
font-size: 1.4em;
}
}




/* SNS¥Ð¥Ê¡¼ */
#top-sns-banner a{
max-width: 430px;
display: block;
margin: 0 auto;
}
.top-sns-banner{
display: flex;
justify-content: center;
align-items: center;
padding: 1em 2em;
color: #fff;
background-color: #000;
z-index: 1;
max-width: 430px;
margin: 0 auto;
}
.twitter-bg{
background-color: #1DA1F2;
}
.facebook-bg{
background-color: #3B5998;
}
.instagram-bg{
position: relative;/*¡¦EÐÇÛá¦*/

background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*¥°¥é¥Ç¡¼¥·¥ç¥ó­¡*/
overflow: hidden;/*¤Ï¤ß½Ð¤¿Éôʬ¤ò±£¤¹*/
}
.instagram-bg:before{/*¥°¥é¥Ç¡¼¥·¥ç¥ó¤ò½Å¤Í¡¦E¿¤¡¦*/
content: '';
position: absolute;/*ÀäÂÐÇÛÃÖ*/
z-index: -1;
top: 25px;/*¤º¤é¤¹*/
left: -60px;/*¤º¤é¤¹*/
width: 300px;/*¥°¥é¥Ç¡¼¥·¥ç¥ó¥«¥Ð¡¼¤ÎÉý*/
height: 150px;/*¥°¥é¥Ç¡¼¥·¥ç¥ó¥«¥Ð¡¼¤Î¹â¤µ*/
background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*¥°¥é¥Ç¡¼¥·¥ç¥ó­¢*/
}

.top-sns-banner-left{
flex: 0 1 50px;
margin-right: 0.5em;
}
.top-sns-banner-left i{
font-size: 42px;
}
.top-sns-banner-right{
flex: 0 2 auto;
}
.top-sns-banner-right h3{
margin: 0;
margin-bottom: 0.3em
}
.top-sns-banner-right h3, .top-sns-banner-right div{
line-height: 1;
}

#top-sns-banner a:hover{text-decoration: none;}
a:hover .top-sns-banner img{opacity: inherit!important;}
a:hover .top-sns-banner{
/*background-color: rgba(0,0,0,0.8);*/
opacity: 0.7;
}

.sns-container {
	padding: 60px;
}


@media screen and (max-width:768px) {
/*#top-sns-banner > a  { margin: 0 4px 3em;}*/
#top-sns-banner.item-3 > a { width: calc(100% / 3 - 8px); }
#top-sns-banner.item-2 > a { width: calc(100% / 2 - 8px); }

.top-sns-banner{
display: block;
padding: 1em 1em;
text-align: center;
}
.top-sns-banner-left{
margin-right: 0em;
margin-bottom: 0.5em;
}
.top-sns-banner-left i{
font-size: 32px;
}
.top-sns-banner-right h3{
margin-bottom: 0.5em
}
}
@media screen and (max-width:480px) {
/*#top-sns-banner > a  { margin: 0 auto 1em;}*/
#top-sns-banner.item-3 > a, #top-sns-banner.item-2 > a { width: 100%; }

.top-sns-banner{
display: flex;
padding: 1em 1em;
text-align: left;
}
.top-sns-banner-left{
flex: 0 1 35px;
margin-right: 1em;
margin-bottom: 0;
}
.top-sns-banner-left i{
font-size: 32px;
}
.top-sns-banner-right h3{
margin-bottom: 0.3em
}
}