@charset "utf-8";

ul li{
    list-style: none;
}

a{
    text-decoration: none;
    color: #1D1D1D;
}


.container{
  width: 63.125rem; /* 1010px */
}


.pc-header_upper,.pc-header_middle,.pc-header_lower,.pc-header_slider{
  display: flex;
  justify-content: center;
}
.pc-header_upper{
  height: 6.25rem; /* 100px */
}
.pc-header_upper .container{
  height: 100%;
  display: flex;
  align-items:center;
  justify-content: space-between;
}
.pc-header_shop-logo img{
  height: auto;
  width: 17.813rem; /* 285px */
}
.pc-header_tel a{
  height: 3.75rem; /* 60px */
  width: 12.5rem; /* 200px */
  display: flex;
  flex-wrap:nowrap;
  align-items:center;
  background-color: #F8F8F8;
  border-radius: 0.375rem; /* 6px */
  text-decoration: none;
}
.pc-header_tel_text{
  width:9.375rem; /* 150px */
  text-align: center;
}
.pc-header_tel_icon{
  text-align: center;
  width:3.125rem; /* 50px */
  border-right: 0.125rem solid rgb(221, 221, 221); /* 2px */
  padding: 0.438rem; /* 7px */
}
.pc-header_tel_text_number{
  font-weight: bold;
  color: #FF696A;
}
.pc-header_tel_text_supplement{
  font-size: xx-small;
}

.pc-header_dlivery-info a{
  height: 3.75rem; /* 60px */
  width: 12.5rem; /* 200px */
  display: flex;
  flex-wrap:nowrap;
  align-items:center;
  background-color: #F8F8F8;
  border-radius: 0.375rem; /* 6px */
  text-decoration: none;
}

.pc-header_dlivery-info_icon{
  text-align: center;
  width:3.125rem; /* 50px */
  border-right: 0.125rem solid rgb(221, 221, 221); /* 2px */
  padding: 0.438rem; /* 7px */
}
.pc-header_dlivery-info_text{
  width:9.375rem; /* 150px */
  text-align: center;
  font-size: xx-small;
  vertical-align:middle;
}
.pc-header_dlivery-info_text b{
  font-size: larger;
  color:#FF696A;
}

.pc-header_search form{
  height: 2.5rem; /* 40px */
  width: 15rem; /* 240px */
  display: flex;
  flex-wrap:nowrap;
  background-color: #F8F8F8;
  border-radius: 0.375rem; /* 6px */
}
.pc-header_search_window{
  width: 12.5rem; /* 200px */
  font-size: smaller;
  border-right: 0.125rem solid rgb(221, 221, 221); /* 2px */
}
.pc-header_search_icon{
  width: 2.5rem; /* 40px */
  padding: 0.438rem; /* 7px */
}
.pc-header_search_icon input{
  height: 1.563rem; /* 25px */
  width: 1.563rem;  /* 25px */
}
#osy_search_input{
  height: 1.875rem; /* 30px */
  margin: 0.313rem; /* 5px */
}
#osy_search_input:focus{
  box-shadow:0;
  border:0;
  outline: 0;
}
/*
 * pc-header_middle
 */
.pc-header_middle{
  background-color: #F8F8F8;
  height: 2.5rem; /* 40px */
  z-index: 2000;
}
.pc-header_middle a{
  text-decoration: none;
}
.pc-header_middle .container{
  display: flex;
  justify-content:flex-end;
}
.pc-header_middle li{
  display: inline-block;
  padding:0.75em;
  font-weight: bold; 
  font-size:smaller;
}
.pc-header_king-makura_nav span::before {
  content: ">";
  text-align: center;
  color: #fff;
  display:inline-block;
  width: 0.938rem; /* 15px */
  height: 0.938rem; /* 15px */
  font-size: 0.5em;
  border-radius: 0.938rem; /* 15px */
  background-color: #0368B8;
  margin-right: 0.7em;
}
.pc-header_rakuten_nav span::before {
  content: ">";
  text-align: center;
  color: #fff;
  display:inline-block;
  width: 0.938rem; /* 15px */
  height: 0.938rem; /* 15px */
  font-size: 0.5em;
  border-radius: 0.938rem; /* 15px */
  background-color: #BF0000;
  margin-right: 0.7em;
}
.pc-header_king-makura_nav {
  border-right: 0.125rem solid rgb(221, 221, 221); /* 2px */
  padding-right: 0.5em;
}
.pc-header_rakuten_nav{
  margin-left: 0.5em;
}
/*
 *  
 */

.pc-header_lower{
  height: 5rem; /* 80px */
  background-color: #0368B8;
  box-shadow: 0 0.188rem 0.188rem 0 rgba(159, 159, 159, 0.5); /* 3px */
  z-index: 1000;
}
.pc-header_lower .container{
  height: 100%;
  display: flex;
  align-items:center;
  justify-content: space-between;
}
.pc-header_lower a{
  text-decoration: none;
  color: #fff;
  height: 3.75rem; /* 60px */
}
.pc-header_lower .flex-box{
  height: 100%;
  display: flex;
  align-items:center;
}
.pc-header_lower .flex-box .flex-item{
  padding-left: 0.938rem; /* 15px */
  padding-right: 0.938rem; /* 15px */
}
.series-item{
  background-color: #61A50F;
  border-radius: 0.25rem; /* 4px */
  margin-right: 2.5rem; /* 40px */
}
.series-item a{
  display: flex;
  align-items:center;
}
.series-item img{
  height: 2.5rem; /* 40px */
  width: auto;
  margin-right: 0.625rem; /* 10px */
}
.category-top{
  margin-left: 1.25rem; /* 20px */
}
.pc-header_category-top{
  border-left:0.125rem solid #61A50F; /* 2px */
}






#hdrTop ul {
  display: flex;
  align-items: center;
}

#hdrTop > div {
  display: flex;
  justify-content: flex-end;
  max-width: 75rem; /* 1200px */
  margin: 0 auto;
}

.header-logo-container{
  display: flex;
  gap: 0.25rem; /* 4px */
  align-items: center;
}
.logo img{
  width: 9rem; /* 144px */
}




.header-logo-text-title{
  font-size: 1rem; /* 16px */
  background-color: #0368B8;
  color: #fff;
  margin: 0;
  border-radius: 0.438rem; /* 7px */
  display: grid;
  place-items: center;
  height: 2.25rem; /* 36px */
}

.header-logo-text-description{
  font-size: 0.75rem; /* 12px */
  margin: 0;

}

#hdrTop li:last-child,
#hdrTop li:nth-child(4) {
  border-right: none;
}

#hdrTop ul li a.contact_link {
  background-color: #0368B8;
  color: #fff;
  padding: 0.625rem 0.938rem; /* 10px 15px */
  border-radius: 1.25rem; /* 20px */
  font-size: 0.875rem; /* 14px */
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
}

#hdrTop li {
  border-right: 0.063rem solid #000; /* 1px */
  line-height: 1;
}

.header-tel img{
  width: 14px; 
}
#hdrTop ul li a {
  font-size: 0.938rem; /* 15px */
  padding: 0 0.625rem; /* 0 10px */
  text-decoration: none;
  
}
.header-tel_container {
  display: flex;
  justify-content: center;
  gap: 0.5rem; /* 8px */
}



.navigataion-wrap {
  max-width: 75rem; /* 1200px */
  display: flex;
  margin-inline: auto;
  justify-content: center;
  margin-top: 20px;
}

.header__item--menu {
  width: calc(100% / 6);
  height: 50px;
  text-align: center;
  border-right: 1px solid #fff;
}

.header__item--menu-link {
  color: #fff;
  display: block;
  font-size: 15px; /* 16px */
  height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.header-number_text {
  font-size: 1rem; /* 16px */
  font-weight: 500;
  margin: 0;
}
.header-number_text span{
  font-size: 28px;
  margin: 0;
}
.header-number-time{
  margin: 0;
  font-size: 14px;
}

.header-bottom {
  display: flex;
  width: 1080px;
  align-items: center;
  margin-inline: auto;
}
.search-form-3 {
  position: relative;
}
.search-form-3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  border: 1px solid #0368B8;
  border-radius: 25px;
  height: 40px;
}
.search-form-3::after {
  width: 22px;
  height: 22px;
  background-image: url(../img/search.png);
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  background-size: cover;
  pointer-events: none;
  z-index: 0;
}
.search-form-3 input {
  width: 14.375rem; /* 230px */
  height: 2.813rem; /* 45px */
  padding: 0.313rem 1.125rem; /* 5px 18px */
  border: none;
  box-sizing: border-box;
  font-size: 1em;
  outline: none;
}
.search-form-3 button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.125rem; /* 50px */
  height: 2.813rem; /* 45px */
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.header-search-word p {
  font-size: 0.875rem; /* 14px */
  font-weight: 500;
  margin-right: 0.625rem; /* 10px */
  margin-left: 1.25rem; /* 20px */
  display: inline;
}
.header-search-word ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem; /* 6px */
}
.header-search-word ul li {
  border: 0.063rem solid #707070; /* 1px */
  padding: 0.313rem 0.75rem; /* 5px 12px */
  border-radius: 1.25rem; /* 20px */
}

.header-search-word {
  display: flex;
  align-items: center;
}

.review img{
  width: 7.75rem; /* 124px */
}
.souryo img{
  width: 8.938rem; /* 143px */
}
.koushiki img{
  width: 10.25rem; /* 164px */
}

.header-icon_container{
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0.625rem; /* 10px */

}

.header-tops{
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 20px;
margin-top: 16px;
}

#navigation {
  background-color: #0368B8;
}

.header-search-word-list a{
  font-size: 14px;
  text-decoration: none;
}



.header__item--menu{
  position: relative;
}

.header__item--menu:last-child{
  border-right: none;
}

.header__sublist{
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  padding: 10px;
  border-radius: 5px;
  width: 100%;
  white-space: nowrap;
  z-index: 1000;
  height: auto;
  display: flex;
  flex-direction: column;
  li a{
    font-size: 12px;
    color: #000;
    text-decoration: none;
  }
}

#navigation .header__sublist a{
  color: #000;
  /* width: 100%; */
  position: relative;
  display: block;
  border-top: 1px dotted #707070;
  padding-block: 12px;
  padding-inline: 12px;
}

#navigation .header__sublist a:last-child{
  
  padding-bottom: 10px;
}



#navigation .header__sublist a:hover{
  color: #009044;
}
.header__sublist {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
  text-align: left;
  padding-inline: 12px;
}

.header__sublist.is-active {
  opacity: 1;
  visibility: visible;
}

.header-search-word-list{
  padding-left: 0;
}

.header-search-word-list a:hover{
  color: #009044;
}

a:hover{
  color: #009044;
}





.main-wrap{
    display: flex;
    max-width: 1200px;
    margin-inline: auto;
}

.side{
    width: 100%;
    max-width: 240px;
}

.side-top__text{
    display: flex;
    align-items: flex-end;
    gap: 10px;
    margin-bottom: 5px;
}

.side-top__text-subtitle{
    color: #958B8B;
}

.side-top__text-title{
    color: #066FB4;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.2;
   
}

.side-top__text-subtitle{
    font-size: 16px;
    font-weight: 400;
}

.main-cont{
    flex: 1;
}

.side-menu{
    margin-top: 25px;
}

.side-menu_block + .side-menu_block{
    margin-top: 30px;
}

.side-menu_title{
    background-color: #066FB4;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 10px;
    letter-spacing: .1em;
}

.side-menu_list{
    background-color: #fff;
    /* border-top: 1px solid #ccc; */
    border-bottom: 1px solid #ccc;
    padding-left: 0;
}

.side-menu_list li{
    border-top: 1px solid #e5e5e5;
}

.side-menu_list li:first-child{
    border-top: none;
}

.side-menu_list a{
    display: flex;
   gap: 10px;
    align-items: center;
    padding: 8px 0px;
    font-size: 13px;
    position: relative;
}

.kaisya_link img{
    width: 32px;
    height: 36px;
}

.shop_link img{
    width: 32px;
    height: 36px;
}

.header__inner{
  max-width: 1080px;
  margin-inline: auto;
}

.header-tel_container{
  margin-left: auto;
}

.header__item--menu-arrow{
  width: 8px;
  height: auto;
  /* margin-top: 24px; */
  margin-left: 4px;
}

.fv-test {
  width: 1080px;
  margin-inline: auto;
  margin-top: 15px;
  img{
    width: 100%;
    height: auto;
  }
}