@charset "UTF-8";
.mainmv {
  overflow: hidden; }

.owl-carousel {
  position: relative;
  z-index: 1; }
.topweek{background-color:#F5F5F5;color:#392011;font-size:14px;font-weight:bold;padding:10px 0px; text-align:center;letter-spacing:3px;border-bottom:1px solid #dedede;}
.owl-carousel .owl-stage .owl-item {
  width: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
.showday{position:absolute; top:-20px;right:-30px; color:#d83e95;font-size:16px;font-family:math;font-style:italic;}
.showday img{width:30px; vertical-align:middle;}
.attList{width:100%;float:left;margin-bottom:20px;}
.attList a{width:100%;float:left;margin-bottom:10px;position:relative; cursor:pointer;}
.attList a input{width: 16px;height: 16px;border:1px solid #ddd;border-radius: 4px;background-color:#ddd;}
.attList a img {
    display: inline-block;
    position: relative;
    width: 22px;
    height: 22px;
    border-radius: 100px;
    margin: 0px 8px -3px 8px;
    overflow: hidden;
}
#mask_shadow {
    display: none;
    position: fixed;
    z-index: 16000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
}

#popup {
    display: none;
    position: fixed;
    z-index: 20000;
    top: 20%;
    left: 50%;
    width:450px;
    height: auto;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    margin-left: -225px;
}
#popup a{border-radius: 5px; color:#fff;padding:2px 5px; position:absolute; top:-25px; right:0px; cursor:pointer;}
.blockrecipe .listitemvideos{width:32%;float:left;margin-right:2%; position:relative;}
.blockrecipe .listitemvideos:nth-child(3),.blockrecipe .listitemvideos:nth-child(6){margin-right:0px;}
.aplay{width:50px; height:50px; position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-25px; cursor:pointer;}
.news_noidung .aplay{width:30px; height:30px; position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px; cursor:pointer;}
.listitem--link p{-webkit-line-clamp: var(--gl-lines-in-name-product);-webkit-box-orient: vertical;     min-height: calc(var(--gl-lines-in-name-product) * 1.2em);overflow:hidden;height:auto;word-wrap: break-word;display: -webkit-box;}
@media all and (max-width: 768px) {
    .attList a{width:48%;padding-right:2%;}
  .owl-carousel .owl-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -12px; }
    .listitem--link p{height:90px;}
  .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
    background: url(../images/icon-arr.png) no-repeat center center !important;
    background-size: 14px;
    position: absolute;
    width: 30px;
    height: 30px;
    background-size: contain !important; }
  .owl-carousel .owl-prev {
    left: 10px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .owl-carousel .owl-next {
    right: 10px; } 
    #popup{width:300px;margin-left:-150px;} 
    .blockrecipe .listitemvideos{width:100%;float:left;margin-right:0px;}
}

.item-owl {
  height: auto;
  /* min-height: 180px;  */
}

@media all and (min-width: 769px) {
  .item-owl {
    height: 380px; } }

.item-owl .bgmv {
  height: auto;
  margin: 0 auto;
  /* min-height: 180px; */
 }

@media all and (min-width: 769px) {
  .item-owl .bgmv {
    height: 380px; } }

.item-owl .bgmv img {
  text-align: center;
  width: auto; }

@media all and (min-width: 769px) {
  .item-owl .bgmv img {
    min-height: 380px;
    min-width: 765px;
    width: auto;
    max-width: 100%; } }

.sec_block {
  padding: 35px 0; }

@media all and (min-width: 769px) {
  .sec_block {
    padding: 30px 0 50px; } }

.sec_block .btnarr {
  max-width: 200px;
  min-width: 200px;
  margin: 0 auto;
  margin-top: 25px; }

.sec_block .btnarr:after {
  left: 30px; }

.sec_block .btnarr a {
  background: #e5e2e1;
  padding-left: 50px; }

@media all and (min-width: 769px) {
  .sec_block .btnarr {
    max-width: 165px;
    min-width: 165px;
    margin-right: 0; }
  .sec_block .btnarr:after {
    left: 20px; }
  .sec_block .btnarr a {
    padding-left: 45px;
    font-size: 14px;
    height: 40px; }
  .sec_block .btnarr a:hover {
    background: #562e03; } }

.titblock {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  font-family: "Yu Mincho", "YuMincho", "YuMin-medium", 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', '游明朝', '游明朝体', 'MS 明朝', 'MS Mincho', HiraMinProN-W3, 'TakaoEx明朝', TakaoExMincho, 'MotoyaLCedar', 'Droid Sans Japanese', serif !important;
  line-height: 1;
  margin-bottom: 30px; }

@media all and (min-width: 769px) {
  .titblock {
    text-align: left;
    margin-bottom: 20px; } }

.sec_stores {
  margin-top: 50px;
  background: #f9f9f9; }

.sec_stores h3 {
  margin-bottom: 20px; }

.sec_stores .img {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.sec_stores .img img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 49%;
  flex: 0 0 49%; }

@media all and (min-width: 769px) {
  .sec_stores .img img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%; } }

.sec_stores h4 {
  font-size: 20px;
  font-weight: bold;
  color: #562e03;
  margin-top: 30px;
  margin-bottom: 15px;
  line-height: 1; }

@media all and (min-width: 769px) {
  .sec_stores h4 {
    margin-top: 0;
    margin-bottom: 30px; } }

.sec_stores .flexbox .imgstores {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.sec_stores .flexbox .imgstores span {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 49%;
  flex: 0 0 49%; }

@media all and (min-width: 769px) {
  .sec_stores .flexbox {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .sec_stores .flexbox .imgstores {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 520px;
    flex: 0 0 520px;
    max-width: 520px; }
  .sec_stores .flexbox .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 40px; } }

@media all and (min-width: 769px) {
  .sec_stores .btnarr {
    margin-top: 40px; } }

.sec_about {
  background: #f3f2f1; }

@media all and (max-width: 768px) {
  .sec_about .container {
    max-width: 380px;
    margin: 0 auto; } }

@media all and (min-width: 769px) {
  .sec_about .titblock {
    font-size: 20px;
    margin-bottom: 25px; } }

.sec_about--info {
  margin-bottom: 45px; }

.sec_about .inbox {
  margin-top: 20px; }

.sec_about .inbox:first-child {
  margin-top: 0; }

@media all and (min-width: 769px) {
  .sec_about .inbox {
    margin-top: 0; } }

.sec_about .btnarr {
  margin: 0; }

@media all and (min-width: 769px) {
  .sec_about .flexbox {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .sec_about .flexbox .flexbox {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; } }

.sec_about h4 {
  font-weight: bold;
  font-size: 15px;
  margin: 15px 0; }

@media all and (min-width: 769px) {
  .sec_about h4 {
    font-size: 13px;
    margin: 10px 0; } }

@media all and (min-width: 769px) {
  .sec_about p {
    font-size: 10px; } }

@media all and (min-width: 769px) {
  .sec_about--info {
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .sec_about--info .inbox:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 320px;
    flex: 0 0 320px; }
  .sec_about--info .inbox:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 260px;
    flex: 0 0 260px;
    margin-left: 50px; }
  .sec_about--info .inbox .imgvisa {
    width: 220px; } }

@media all and (min-width: 769px) {
  .sec_about--calender {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px; } }

@media all and (min-width: 769px) {
  .sec_recently {
    padding-bottom: 0; } }

.sec_recently h3 {
  text-align: left; }

.sec_recently--wrap .title {
  font-weight: bold;
  font-size: 12px;
  line-height: 1.2;
  display: block;
  margin-top: 10px; }

@media all and (min-width: 769px) {
  .sec_recently--wrap .title {
    font-size: 12px;
    line-height: 1.4; } }

.sec_recently--wrap .item-owl {
  height: auto; }

.sec_recently--wrap .owl-nav {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: -55px;
  height: 30px;
  position: absolute;
  top: 50%;
  width: 100%; }

@media all and (min-width: 768px) {
  .sec_recently--wrap .owl-nav {
    margin-top: -30px; } }

@media all and (min-width: 769px) {
  .sec_recently--wrap .owl-nav {
    margin-top: -45px; } }

.sec_recently--wrap .owl-nav .owl-prev, .sec_recently--wrap .owl-nav .owl-next {
  background: url(../images/ic-next2.png) no-repeat center center;
  background-size: 20px;
  width: 30px;
  height: 30px; }

@media all and (min-width: 769px) {
  .sec_recently--wrap .owl-nav .owl-prev, .sec_recently--wrap .owl-nav .owl-next {
    background-size: 30px;
    width: 40px;
    height: 40px; } }

.sec_recently--wrap .owl-nav .owl-prev {
  left: 5px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.sec_recently--wrap .owl-nav .owl-next {
  right: 5px; }

.blockitem {
  margin-bottom: 30px; }

.blockitem .listitem {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

@media all and (min-width: 769px) {
  .blockitem .listitem {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; } }

.blockitem .listitem--li {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 3%; }

@media all and (min-width: 769px) {
  .blockitem .listitem--li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 19%;
    flex: 0 0 19%;
    max-width: 240px;
    margin-right: 1%; }
  .blockitem .listitem--li:nth-child(5n) {
    margin-right: 0; } 
    
    .otherproducts .blockitem .listitem--li{
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    }
    .otherproducts .blockitem .listitem--li:nth-child(4n) {
    margin-right: 0; } 
    
}


.blockitem .listitem--link {
  height: 100%; }

@media all and (min-width: 769px) {
  .blockitem .listitem--link:hover {
    opacity: .7; }
  .blockitem .listitem--link:hover img {
    opacity: 1; } }

.blockitem .listitem--info p {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 8px; }

.blockitem .listitem--info span {
  font-weight: bold;
  display: inline-block;
  line-height: 1.4;
  padding: 2px 1px; }

@media all and (max-width: 375px) {
  .blockitem .listitem--info span {
    font-size: 3vw; } }

.blockitem .listitem--info span.lable {
  min-width: 90px;
  text-align: center;
  margin-right: 5px;
  padding: 2px 1px; }

@media all and (max-width: 375px) {
  .blockitem .listitem--info span.lable {
    min-width: 80px; } }

.blockitem .listitem--info .price--normal span.lable {
  background: #c7ceea; }

.blockitem .listitem--info .price--sale span.lable {
  background: #ffb7b2; }

.blockitem .listitem--info .price--reference {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.blockitem .listitem--info .price--reference span {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%; }

.blockitem .listitem--numorther {
  background: #e6e0d9;
  font-size: 3.6vw;
  font-weight: bold;
  width: 100%;
  padding: 3px 5px;
  margin: 7px 0 5px;
  display: none; }

@media all and (min-width: 768px) {
  .blockitem .listitem--numorther {
    font-size: 15px;
    margin-bottom: 15px; } }

.blockitem .listitem--img img {
  width: 100%; }

.blockitem .listitem--title {
  font-weight: bold;
  display: block;
  line-height: 1.4;
  margin: 7px 0 3px 0;
  font-size: 3.4vw; }

@media all and (min-width: 768px) {
  .blockitem .listitem--title {
    font-size: 15px; } }

@media all and (min-width: 769px) {
  .blockitem .listitem--title {
    letter-spacing: -1px; } }

.blockitem.blockrecipe .listitem--numorther {
  display: block; }

@media all and (min-width: 769px) {
  .blockitem.blockrecipe .listitem--li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18.4%;
    flex: 0 0 18.4%;
    max-width: 138px;
    margin-right: 2%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .blockitem.blockrecipe .listitem--li:nth-child(7n) {
    margin-right: 0; } }

@media all and (max-width: 768px) {
  .sec_recipe .btnmore--fixposition {
    margin-top: 0 !important; } }

.sec_featured .blockfeatured {
  margin-bottom: 40px; }

@media all and (max-width: 768px) {
  .sec_featured .blockfeatured {
    margin-bottom: 10px; } }

@media all and (min-width: 769px) {
  .sec_featured .blockfeatured ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

.sec_featured .blockfeatured--li {
  margin-bottom: 15px; }

@media all and (min-width: 769px) {
  .sec_featured .blockfeatured--li,.sec_recommend .blockfeatured--li {
    margin-bottom: 10px;
    -webkit-box-flex: 0;
    width: 49%;float:left;  } 
    
}

.sec_featured .blockfeatured--li a {
  display: block;
  background: #b2b2b2;
  color: #fff;
  padding: 0% 4%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  font-size: 7vw;
  min-height: 120px; }

.sec_featured .blockfeatured--li img{max-width:600px;object-fit:cover;}

@media all and (min-width: 769px) {
  .sec_featured .blockfeatured--li a {
    font-size: 29px;
    min-height: 137px;
     }
  .sec_featured .blockfeatured--li a:hover {
    background: #e6e0d9;
    color: #000; } }

.sec_featured .blockfeatured--li a span {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  line-height: 1;
  font-family: "Yu Mincho", "YuMincho", "YuMin-medium", 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', '游明朝', '游明朝体', 'MS 明朝', 'MS Mincho', HiraMinProN-W3, 'TakaoEx明朝', TakaoExMincho, 'MotoyaLCedar', 'Droid Sans Japanese', serif !important;
  font-weight: bold; }

.sec_featured .blockfeatured--li a .txt-special {
  font-size: 24px;
  text-align: left; }

@media all and (min-width: 769px) {
  .sec_featured .blockfeatured--li a .txt-special {
    font-size: 20px; } }

.sec_featured .blockfeatured--li a .txt-title {
  font-size: 9vw;
  text-align: left; }

@media all and (max-width: 375px) {
  .sec_featured .blockfeatured--li a .txt-title {
    font-size: 8.3vw; } }

@media all and (min-width: 769px) {
  .sec_featured .blockfeatured--li a .txt-title {
    font-size: 37px; } }

.sec_featured .blockfeatured--li a .txt-small {
  text-align: right;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  font-size: 16px;
  line-height: 1;
  margin-top: 5px; }

@media all and (min-width: 769px) {
  .sec_featured .blockfeatured--li a .txt-small {
    font-size: 15px; } }

.sec_news .blocknew--article {
  margin-bottom: 20px; }

@media all and (min-width: 769px) {
  .sec_news .blocknew--article {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }

@media all and (max-width: 768px) {
  .sec_news .blocknew--article {
    display: none; }
  .sec_news .blocknew--article:nth-child(1), .sec_news .blocknew--article:nth-child(2), .sec_news .blocknew--article:nth-child(3) {
    display: block; } 
    .sec_featured .blockfeatured--li a{padding:0;}
    .sec_featured .blockfeatured--li img{max-width:370px;object-fit:cover;}
}

@media all and (min-width: 769px) {
  .sec_news .blocknew--article .cate {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 110px;
    flex: 0 0 110px; } }

.sec_news .blocknew--article .cate span {
  min-width: 90px;
  height: 30px;
  background: #ccc;
  display: inline-block;
  color: #000;
  padding-left: 25px;
  line-height: 30px;
  font-weight: bold; }

@media all and (min-width: 769px) {
  .sec_news .blocknew--article .cate span {
    min-width: 110px; } }

.sec_news .blocknew--article .cate span.cl01 {
  background: #ffaeb5; }

.sec_news .blocknew--article .cate span.cl02 {
  background: #ffc5c1; }

.sec_news .blocknew--article .cate span.cl03 {
  background: #ffe1cd; }

.sec_news .blocknew--article .cate span.cl04 {
  background: #e8f3d5; }

.sec_news .blocknew--article .cate span.cl05 {
  background: #e8f3d5; }

@media all and (min-width: 769px) {
  .sec_news .blocknew--article dd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 30px;
    border-bottom: 1px solid #a4877c;
    padding: 6px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow: hidden; } }

@media all and (max-width: 768px) {
  .sec_news .blocknew--article .time {
    display: block;
    border-bottom: 1px solid #a4877c;
    padding-left: 25px;
    margin: 5px 0;
    padding-bottom: 5px; } }

@media all and (min-width: 769px) {
  .sec_news .blocknew--article .time {
    display: inline-block;
    line-height: 1.2em; } }

.sec_news .blocknew--article .alink {
  padding-left: 25px;
  line-height: 1.2em; }

@media all and (min-width: 769px) {
  .sec_news .blocknew--article .alink {
    display: inline-block;
    line-height: 1.2em;
    line-clamp: 1;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  .sec_news .blocknew--article .alink:hover {
    text-decoration: underline; } }

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-transition: border-box;
  box-sizing: border-box;
  overflow-x: hidden; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  -ms-box-sizing: inherit;
  -o-transition: inherit;
  box-sizing: inherit; }

body {
  margin: 0; }

body table {
  border-spacing: 0;
  border-collapse: collapse; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

a {
  background-color: transparent;
  text-decoration: none;
  -webkit-transition: ease-out 0.3s;
  -o-transition: ease-out 0.3s;
  transition: ease-out 0.3s; }

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */ }

b,
strong {
  font-weight: bold !important; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none;
  line-height: 0; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

button,
input {
  /* 1 */
  overflow: visible; }

button,
select {
  /* 1 */
  text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden], .hidden {
  display: none; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  vertical-align: baseline; }

ol, ul {
  list-style: none; }

a,
button,
input {
  -webkit-transition: all .2s ease-in-out 0s;
  -moz-transition: all .2s ease-in-out 0s;
  -o-transition: all .2s ease-in-out 0s;
  -ms-transition: all .2s ease-in-out 0s;
  transition: all .2s ease-in-out 0s; }

.pull_left {
  float: left; }

.pull_right {
  float: right; }

.text_left {
  text-align: left !important; }

.text_right {
  text-align: right !important; }

.text_center {
  text-align: center !important; }

.text_justify {
  text-align: justify !important; }

.text_nowrap {
  white-space: nowrap !important; }

.text_lower {
  text-transform: lowercase !important; }

.text_upper {
  text-transform: uppercase !important; }

.text_capitalize {
  text-transform: capitalize !important; }

.text_normal {
  font-weight: normal !important; }

.text_bold {
  font-weight: bold !important; }

.text_line {
  text-decoration: underline; }

.text_noline {
  text-decoration: none !important; }

.text_over {
  overflow: hidden !important; }

.fz10 {
  font-size: 10px !important; }

.fz11 {
  font-size: 11px !important; }

.fz12 {
  font-size: 12px !important; }

.fz13 {
  font-size: 13px !important; }

.fz14 {
  font-size: 14px !important; }

.fz15 {
  font-size: 15px !important; }

.fz16 {
  font-size: 16px !important; }

.fz17 {
  font-size: 17px !important; }

.fz18 {
  font-size: 18px !important; }

.fz19 {
  font-size: 19px !important; }

.fz20 {
  font-size: 20px !important; }

.fz22 {
  font-size: 22px !important; }

.fz24 {
  font-size: 24px !important; }

.lhnm {
  line-height: normal !important; }

.lh00 {
  line-height: 0 !important; }

.lh12 {
  line-height: 1.2 !important; }

.lh13 {
  line-height: 1.3 !important; }

.lh14 {
  line-height: 1.4 !important; }

.lh15 {
  line-height: 1.5 !important; }

.lh16 {
  line-height: 1.6 !important; }

.lh17 {
  line-height: 1.7 !important; }

.lh18 {
  line-height: 1.8 !important; }

.lh20 {
  line-height: 2 !important; }

.lh23 {
  line-height: 2.3 !important; }

.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }


/*====================================================================================
■01.MARGIN DEFAULT
====================================================================================*/
.m00 {
  margin: 0px !important; }

.m05 {
  margin: 5px !important; }

.m10 {
  margin: 10px !important; }

.m15 {
  margin: 15px !important; }

.m20 {
  margin: 20px !important; }

.m25 {
  margin: 25px !important; }

.m30 {
  margin: 30px !important; }

.m35 {
  margin: 35px !important; }

.m40 {
  margin: 40px !important; }

.m45 {
  margin: 45px !important; }

.m50 {
  margin: 50px !important; }

.m55 {
  margin: 55px !important; }

.m60 {
  margin: 60px !important; }

.mt00 {
  margin-top: 0px !important; }

.mt01 {
  margin-top: 1px !important; }

.mt02 {
  margin-top: 2px !important; }

.mt03 {
  margin-top: 3px !important; }

.mt04 {
  margin-top: 4px !important; }

.mt05 {
  margin-top: 5px !important; }

.mt06 {
  margin-top: 6px !important; }

.mt07 {
  margin-top: 7px !important; }

.mt08 {
  margin-top: 8px !important; }

.mt09 {
  margin-top: 9px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt45 {
  margin-top: 45px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt55 {
  margin-top: 55px !important; }

.mt60 {
  margin-top: 60px !important; }

.mt65 {
  margin-top: 65px !important; }

.mt70 {
  margin-top: 70px !important; }

.mt75 {
  margin-top: 75px !important; }

.mt80 {
  margin-top: 80px !important; }

.mt90 {
  margin-top: 90px !important; }

.mt100 {
  margin-top: 100px !important; }

.mr00 {
  margin-right: 0px !important; }

.mr05 {
  margin-right: 5px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr15 {
  margin-right: 15px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr25 {
  margin-right: 25px !important; }

.mr30 {
  margin-right: 30px !important; }

.mr35 {
  margin-right: 35px !important; }

.mr40 {
  margin-right: 40px !important; }

.mr45 {
  margin-right: 45px !important; }

.mr50 {
  margin-right: 50px !important; }

.mr55 {
  margin-right: 55px !important; }

.mr60 {
  margin-right: 60px !important; }

.mb00 {
  margin-bottom: 0px !important; }

.mb01 {
  margin-bottom: 1px !important; }

.mb02 {
  margin-bottom: 2px !important; }

.mb03 {
  margin-bottom: 3px !important; }

.mb04 {
  margin-bottom: 4px !important; }

.mb05 {
  margin-bottom: 5px !important; }

.mb06 {
  margin-bottom: 6px !important; }

.mb07 {
  margin-bottom: 7px !important; }

.mb08 {
  margin-bottom: 8px !important; }

.mb09 {
  margin-bottom: 9px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb55 {
  margin-bottom: 55px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.ml00 {
  margin-left: 0px !important; }

.ml05 {
  margin-left: 5px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml15 {
  margin-left: 15px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml25 {
  margin-left: 25px !important; }

.ml30 {
  margin-left: 30px !important; }

.ml35 {
  margin-left: 35px !important; }

.ml40 {
  margin-left: 40px !important; }

.ml45 {
  margin-left: 45px !important; }

.ml50 {
  margin-left: 50px !important; }

.ml55 {
  margin-left: 55px !important; }

.ml60 {
  margin-left: 60px !important; }

/*====================================================================================
■PADDING DEFAULT
====================================================================================*/
.p00 {
  padding: 0px !important; }

.p01 {
  padding: 1px !important; }

.p02 {
  padding: 2px !important; }

.p03 {
  padding: 3px !important; }

.p04 {
  padding: 4px !important; }

.p05 {
  padding: 5px !important; }

.p06 {
  padding: 6px !important; }

.p07 {
  padding: 7px !important; }

.p08 {
  padding: 8px !important; }

.p09 {
  padding: 9px !important; }

.p10 {
  padding: 10px !important; }

.p15 {
  padding: 15px !important; }

.p20 {
  padding: 20px !important; }

.p25 {
  padding: 25px !important; }

.p30 {
  padding: 30px !important; }

.p35 {
  padding: 35px !important; }

.p40 {
  padding: 40px !important; }

.p45 {
  padding: 45px !important; }

.p50 {
  padding: 50px !important; }

.p55 {
  padding: 55px !important; }

.p60 {
  padding: 60px !important; }

.pl00 {
  padding-left: 0px !important; }

.pl05 {
  padding-left: 5px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl15 {
  padding-left: 15px !important; }

.pl20 {
  padding-left: 20px !important; }

.pl25 {
  padding-left: 25px !important; }

.pl30 {
  padding-left: 30px !important; }

.pl35 {
  padding-left: 35px !important; }

.pl40 {
  padding-left: 40px !important; }

.pl45 {
  padding-left: 45px !important; }

.pl50 {
  padding-left: 50px !important; }

.pl55 {
  padding-left: 55px !important; }

.pl60 {
  padding-left: 60px !important; }

.pr00 {
  padding-right: 0px !important; }

.pr05 {
  padding-right: 5px !important; }

.pr10 {
  padding-right: 10px !important; }

.pr15 {
  padding-right: 15px !important; }

.pr20 {
  padding-right: 20px !important; }

.pr25 {
  padding-right: 25px !important; }

.pr30 {
  padding-right: 30px !important; }

.pr35 {
  padding-right: 35px !important; }

.pr40 {
  padding-right: 40px !important; }

.pr45 {
  padding-right: 45px !important; }

.pr50 {
  padding-right: 50px !important; }

.pr55 {
  padding-right: 55px !important; }

.pr60 {
  padding-right: 60px !important; }

.pb00 {
  padding-bottom: 0px !important; }

.pb05 {
  padding-bottom: 5px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pb45 {
  padding-bottom: 45px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.pb55 {
  padding-bottom: 55px !important; }

.pb60 {
  padding-bottom: 60px !important; }

.pt00 {
  padding-top: 0px !important; }

.pt05 {
  padding-top: 5px !important; }

.pt10 {
  padding-top: 10px !important; }

.pt15 {
  padding-top: 15px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt25 {
  padding-top: 25px !important; }

.pt30 {
  padding-top: 30px !important; }

.pt35 {
  padding-top: 35px !important; }

.pt40 {
  padding-top: 40px !important; }

.pt45 {
  padding-top: 45px !important; }

.pt50 {
  padding-top: 50px !important; }

.pt55 {
  padding-top: 55px !important; }

.pt60 {
  padding-top: 60px !important; }

/*====================================================================================
■WIDTH DEFAULT
====================================================================================*/
.w5 {
  width: 5% !important; }

.w10 {
  width: 10% !important; }

.w15 {
  width: 15% !important; }

.w20 {
  width: 20% !important; }

.w25 {
  width: 25% !important; }

.w30 {
  width: 30% !important; }

.w35 {
  width: 35% !important; }

.w40 {
  width: 40% !important; }

.w45 {
  width: 45% !important; }

.w49 {
  width: 49% !important; }

.w50 {
  width: 50% !important; }

.w55 {
  width: 55% !important; }

.w59 {
  width: 59% !important; }

.w60 {
  width: 60% !important; }

.w65 {
  width: 65% !important; }

.w70 {
  width: 70% !important; }

.w80 {
  width: 80% !important; }

.w90 {
  width: 90% !important; }

.w100 {
  width: 100% !important; }

/*====================================================================================
■MARGIN% DEFAULT
====================================================================================*/
.ml1per {
  margin-left: 1%; }

.ml2per {
  margin-left: 2%; }

.ml3per {
  margin-left: 3%; }

.ml4per {
  margin-left: 4%; }

.mr1per {
  margin-right: 1%; }

.mr2per {
  margin-right: 2%; }

.mr3per {
  margin-right: 3%; }

.mr4per {
  margin-right: 4%; }

.mt1per {
  margin-top: 1%; }

.mt2per {
  margin-top: 2%; }

.mt3per {
  margin-top: 3%; }

.mt4per {
  margin-top: 4%; }

.mt5per {
  margin-top: 5%; }

.mt6per {
  margin-top: 6%; }

.mt7per {
  margin-top: 7%; }

.mt8per {
  margin-top: 8%; }

.mt9per {
  margin-top: 9%; }

.mt10per {
  margin-top: 10%; }

.pd1per {
  padding: 1%; }

.pd2per {
  padding: 2%; }

.pd3per {
  padding: 3%; }

.pd4per {
  padding: 4%; }

/*====================================================================================
■01.MARGIN DEFAULT
====================================================================================*/
/*====================================================================================
■PADDING DEFAULT
====================================================================================*/
/*====================================================================================
■WIDTH DEFAULT
====================================================================================*/
/*====================================================================================
■MARGIN% DEFAULT
====================================================================================*/
.text_center {
  text-align: center !important; }

.lhnm {
  line-height: normal !important; }

.lh00 {
  line-height: 0 !important; }

.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

.visible {
  visibility: visible; }

.visible-hidden {
  visibility: hidden; }

.dispc, .breakpc {
  display: block; }

@media all and (max-width: 768px) {
  .dispc, .breakpc {
    display: none; } }

.dissp, .breaksp {
  display: block; }

@media all and (min-width: 769px) {
  .dissp, .breaksp {
    display: none; } }

.flexFont {
  font-size: 100%; }

.obj__fit, .imgfit {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;'; }

.overflow {
  overflow: hidden; }

.fixie .btnpage a {
  padding-top: 6px !important;
  padding-bottom: 3px !important;
  line-height: 32px !important; }

.fixie body {
  overflow: visible; }

.fixie .custom-object-fit, .fixie .custom-object-contain {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat; }

.fixie .custom-object-fit img, .fixie .custom-object-contain img {
  opacity: 0; }

.fixie .custom-object-fit {
  background-size: cover; }

.fixie .custom-object-contain {
  background-size: contain; }

.fixie .header_top_info {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto; }

.fixie .boxsearch .inputbox label,
.fixie .menuaside .listitem--text,
.fixie .sec_news .blocknew--article .cate span {
  padding-top: 3px; }

.fixie .boxsearch .inputbox label input {
  margin-top: -3px; }

.fixie .boxsearch .searchbox input,
.fixie .blockitem.blockrecipe .listitem--numorther {
  padding-top: 8px; }

.fixie .header_top_info .righticons a {
  width: auto; }

.fixie .top_nav .hamburger,
.fixie .top_nav .righticons--icon,
.fixie .btnmore a {
  padding-top: 7px; }

.fixie .top_nav .righticons--icon.iconlock .hamburger_inside img {
  margin-top: -3px; }

.fixie .nav__inside__list li a {
  padding-top: 18px; }

.fixie .menuaside .title h4 {
  padding-top: 15px; }

.fixie .blockitem .listitem--info span,
.fixie .blockitem .listitem--info span.lable {
  padding-top: 6px; }

.fixie .sec_featured .blockfeatured--li a span {
  line-height: normal; }

.fixie .sec_featured .blockfeatured--li:last-child a {
  padding-top: 50px; }

.fixie .sec_featured .blockfeatured--li:nth-last-child(2) a {
  padding-top: 50px; }

.fixie .titlepage.titdiamond h2,
.fixie .btnarr a {
  padding-top: 5px; }

.fixie .text_true .hastext {
  line-height: 1; }

.fixie .footer_info a {
  min-width: 90px;
  width: auto; }

.fixie .footer_info a span {
  padding-top: 3px; }

.fixie .footer_info a:first-child {
  min-width: 120px; }

.fixie .footer_info a:last-child span {
  display: block; }

.fixie .titlepage.titdiamond h2 .sub::after {
  top: 34%; }

.safari .boxsearch .searchbox input {
  padding-top: 12px;
  min-width: 225px; }

.safari .header_top_info .righticons--icon.iconstore {
  min-width: 148px; }

.safari .menuinfo a {
  padding-top: 3px; }

.safari .sec_featured .blockfeatured--li a .txt-title {
  font-size: 33px; }

.fss {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.fsc {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.fcc {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.fsp {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.m0a {
  margin: 0 auto; }

.fww {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.df {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.db {
  display: block; }

.dn {
  display: none; }

.fwb {
  font-weight: bold; }

.fwn {
  font-weight: normal; }

.fwl {
  font-weight: 300; }

.uppercase {
  text-transform: uppercase; }

.por {
  position: relative; }

.ctboth {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute; }

.ctver {
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute; }

.cthor {
  left: 0;
  right: 0;
  margin: auto;
  position: absolute; }

.br100p {
  border-radius: 100px; }

.row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.center {
  text-align: center; }

.relative {
  position: relative; }

.lsp05 {
  letter-spacing: 0.5px; }

.lsp1 {
  letter-spacing: 1px; }

.lsp15 {
  letter-spacing: 1.5px; }

.lsp2 {
  letter-spacing: 2px; }

.lh0 {
  line-height: 0; }

.lh1 {
  line-height: 1; }

.lh15 {
  line-height: 1.5; }

.lh16 {
  line-height: 1.6; }

.lh17 {
  line-height: 1.7; }

.lh18 {
  line-height: 1.8; }

.lh19 {
  line-height: 1.9; }

.lh20 {
  line-height: 2.0; }

.lh22 {
  line-height: 2.2; }

.lh24 {
  line-height: 2.4; }

.lh26 {
  line-height: 2.6; }

.bnone {
  border: none; }

.pointer:hover {
  cursor: pointer; }

.hauto {
  height: auto !important; }

.mhauto {
  min-height: auto !important; }

.mxhauto {
  min-height: auto !important; }

.mxhauto {
  min-height: auto !important; }

body {
  font-family:  "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  font-size: 14px;
  font-weight: 500;
  color: #333; }

body .clpage {
  color: #562e03; }

body .fontgo {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, 'MS UI Gothic', sans-serif !important; }

body .fontmin {
  font-family: "Yu Mincho", "YuMincho", "YuMin-medium", 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', '游明朝', '游明朝体', 'MS 明朝', 'MS Mincho', HiraMinProN-W3, 'TakaoEx明朝', TakaoExMincho, 'MotoyaLCedar', 'Droid Sans Japanese', serif !important; }

body p {
  font-family:  "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  color: #333; }

@media all and (min-width: 769px) {
  body p {
    font-size: 14px; } }

body a {
  color: #333;
  line-height: normal; }

body img, body iframe {
  max-width: 100%;
  line-height: 0; }

body .img {
  overflow: hidden;
  line-height: 0; }

body .img img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 4s;
  -o-transition-duration: 4s;
  transition-duration: 4s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform, -webkit-transform; }

.flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.flexbox_start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.flexbox_end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.flexbox_center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

@media all and (min-width: 769px) and (max-width: 1000px) {
  html {
    overflow-x: scroll; } }

@media all and (min-width: 769px) and (max-width: 1000px) {
  body {
    min-width: 1000px;
    width: 1000px;
    width: 100%; } }

body .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px; }

@media all and (min-width: 769px) {
  body .wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

body .maincontent {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; 
  position: relative;
  z-index: 1;
}

@media all and (min-width: 769px) {
  body .maincontent {
    padding-left: 15px;
    width: auto;
    max-width: 980px; }
    
    body .new_container .maincontent{max-width: 1180px;}
}

@media all and (max-width: 768px) {
  body .maincontent {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; } 
    
}

body .sidebar {
  width: 100%; }

@media all and (min-width: 769px) {
  body .sidebar {
    max-width: 235px; } }

@media all and (max-width: 768px) {
  body .sidebar {
    display: none; } }

@media all and (max-width: 768px) {
  body .sec_commmon .btnmore {
    display: none; } }

@media all and (min-width: 769px) {
  body .sec_commmon {
    display: none; } }

.container {
  max-width: 1100px;
  margin: 0 auto;
  width: 100%; }
  .new_container{ max-width: 1400px;}
  .pro_container{ max-width: 1200px;}

@media all and (min-width: 769px) and (max-width: 1000px) {
  .container {
    min-width: 1000px; } }

@media all and (max-width: 768px) {
  .container {
    padding: 0 12px; } }

.container-large {
  max-width: 1300px;
  margin: 0 auto; }

.header .top_nav {
  padding: 10px 0; }

@media all and (min-width: 769px) {
  .header .top_nav {
    padding: 20px 0 15px; } }

.header .texttop {
  margin-bottom: 10px;
  padding: 0 12px; }

@media all and (min-width: 769px) {
  .header .texttop {
    margin-bottom: 5px; } }

.header .texttop p {
  font-size: 2.53vw;
  color: #666; }

@media all and (min-width: 769px) {
  .header .texttop p {
    font-size: 10px; position:absolute;top:-12px; width:350px;} 
    
}

.header_top_logo {
  position: relative;
  z-index: 1;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%; }

@media all and (min-width: 769px) {
  .header_top_logo {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .header_top_logo a {
    width: 252px; } 
    
}

@media all and (min-width: 769px) {
  .header_top_logo .boxsearch {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }

.header_top_info {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  padding-right: 8px; }

@media all and (min-width: 769px) and (max-width: 1200px) {
  .header_top_info {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* margin-top: -30px;  */
  } 
  }

@media all and (min-width: 769px) {
  .header_top_info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 0;
    max-width: 680px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .header_top_info .righticons a {
    display: block;
    width: 100%; }
  .header_top_info .righticons--icon {
    width: auto;
    margin-left: 10px;
    border-radius: 5px;
    margin-right: 0 !important; }
  .header_top_info .righticons--icon img {
    height: 22px;
    margin-right: 5px; }
  .header_top_info .righticons--icon.iconstore {
    background: #562e03;
    min-width: 140px; }
  .header_top_info .righticons--icon.iconstore .num {
    right: -5px;
    top: -5px; }
  .header_top_info .righticons--icon.iconuser {
    background: #666;
    min-width: 110px; }
  .header_top_info .righticons--icon.iconlock {
    border: 2px solid #666;
    min-width: 90px; }
  .header_top_info .righticons--icon.iconlock .hastext {
    color: #666; } }

@media all and (min-width: 769px) {
  #nav .navinfo, #nav .navsocial {
    display: none !important; } }

.text_true .righticons--icon .hamburger_inside {
  margin: 0 !important; }

@media all and (min-width: 769px) and (max-width: 1200px) {
  /* .menuinfo {
    margin-bottom: 15px; }  */
  }

@media all and (min-width: 769px) {
  .menuinfo {
    margin-right: 10px; }
  .menuinfo a {
    color: #000 !important;
    font-size: 12px;
    position: relative;
    line-height: 1;
    padding-left: 10px;
    margin-left: 10px; }
  .menuinfo a:hover {
    text-decoration: underline; }
  .menuinfo a:after {
    content: '|';
    position: absolute;
    left: 0;
    top: 3px; }
  .menuinfo a:first-child {
    margin-left: 0;
    padding-left: 0; }
  .menuinfo a:first-child:after {
    content: ''; } }

.hamburger {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1000;
  display: none; }

.hamburger_inside {
  z-index: 99;
  position: relative; }

.hamburger_inside span {
  height: 3px;
  position: absolute;
  background: #562e03;
  display: inline-block;
  width: 100%;
  border-radius: 3px;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s; }

.hamburger_inside span:first-child {
  top: 0; }

.hamburger_inside span:nth-child(2) {
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute; }

.hamburger_inside span:last-child {
  bottom: 0; }

.menu-open {
  position: relative; }

.menu-open .nav.show .nav__inside {
  left: 0;
  opacity: 1;
  visibility: visible; }

.menu-open .hamburger.active {
  right: -10px; }

@media all and (max-width: 375px) {
  .menu-open .hamburger.active {
    right: -8px; } }

.menu-open .hamburger_inside span {
  background: #fff;
  height: 4px; }

.menu-open .hamburger_inside span:nth-child(1) {
  -webkit-transform: translateY(13px) rotate(-225deg);
  -ms-transform: translateY(13px) rotate(-225deg);
  transform: translateY(13px) rotate(-225deg); }

.menu-open .hamburger_inside span:nth-child(2) {
  -webkit-transform: translateY(0) rotate(225deg);
  -ms-transform: translateY(0) rotate(225deg);
  transform: translateY(0) rotate(225deg);
  width: 100%; }

.menu-open .hamburger_inside span:nth-child(3) {
  opacity: 0; }

.top_nav .righticons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.top_nav .header_top {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
@media all and (min-width: 769px) {
  .top_nav .header_top {
    align-items: flex-end;
  }
}
.top_nav .container {
  position: relative; }

.top_nav .hamburger,
.top_nav .righticons--icon {
  position: relative;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

@media all and (max-width: 768px) {
  .top_nav .hamburger,
  .top_nav .righticons--icon {
    width: 44px;
    height: 44px; } }

@media all and (min-width: 769px) {
  .top_nav .hamburger,
  .top_nav .righticons--icon {
    padding: 3px 6px;
    min-height: 36px; }
  .top_nav .hamburger:hover,
  .top_nav .righticons--icon:hover {
    opacity: .7; } }

.top_nav .righticons--icon {
  margin-right: 10px; }

.top_nav .righticons--icon .hamburger_inside img {
  max-width: 30px; }

@media all and (max-width: 520px) {
  .top_nav .righticons--icon {
    margin-right: 3px; } }

@media all and (max-width: 768px) {
  .top_nav .hamburger_inside {
    height: 38%;
    width: 56%; } }

.top_nav .hamburger .hamburger_inside {
  top: 2px;
  height: 68%;
  width: 76%; }

.nav {
  z-index: 999;
  width: 100%; }

@media all and (min-width: 769px) {
  .nav {
    background: url(../images/menu.png) no-repeat center top;
    background-size: cover; } }

@media all and (max-width: 768px) {
  .nav .megamenu {
    display: none; } }

.nav .container {
  position: unset; }

.nav__inside {
  width: 100%;
  z-index: 99;
  top: 30px;
  padding: 20px 30px;
  padding-top: 50px; }

@media all and (min-width: 769px) {
  .nav__inside {
    padding: 0; } }

@media all and (max-width: 768px) {
  .nav__inside {
    visibility: hidden; } }

@media all and (max-width: 768px) {
  .nav__inside--icon {
    display: none; } }

@media all and (min-width: 769px) {
  .nav__inside--icon {
    width: 24px;
    max-width: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    margin-left: 15px; }
  .nav__inside--icon img {
    height: 24px; } }

.nav__inside__list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

@media all and (max-width: 768px) {
  .nav__inside__list {
    display: block;
    height: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }

.nav__inside__list li {
  position: relative; }

@media all and (max-width: 768px) {
  .nav__inside__list li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; } }

@media all and (min-width: 769px) {
  .nav__inside__list li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .nav__inside__list li a {
    text-align: left !important;
    padding: 16px 0; } }

.nav__inside__list li.hasdrop .acr_title {
  position: relative; }

.nav__inside__list li.hasdrop .acr_title:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 9px solid #fff;
  right: 15%;
  top: 11px;
  margin-top: -5px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

@media all and (min-width: 769px) {
  .nav__inside__list li.hasdrop .acr_title:after {
    right: -20px;
    top: 28px; } }

.nav__inside__list li.hasdrop .acr_title.open:after {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.nav__inside__list li a {
  font-size: 23px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-decoration: none;
  display: block;
  text-align: center;
  font-family: "Yu Mincho", "YuMincho", "YuMin-medium", 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', '游明朝', '游明朝体', 'MS 明朝', 'MS Mincho', HiraMinProN-W3, 'TakaoEx明朝', TakaoExMincho, 'MotoyaLCedar', 'Droid Sans Japanese', serif !important; }

@media all and (max-width: 768px) {
  .nav__inside__list li a {
    text-align: left;
    margin-bottom: 35px; } }

@media all and (min-width: 769px) {
  .nav__inside__list li a {
    font-size: 15px;
    display: inline-block;
    line-height: normal; }
  .nav__inside__list li a:hover {
    opacity: 1;
    text-decoration: underline; } }

.nav__inside__list .submenu {
  padding-left: 10px;
  padding-bottom: 10px; }

@media all and (max-width: 768px) {
  .nav__inside__list .submenu {
    display: none; } }

.nav__inside__list .submenu a {
  font-size: 18px;
  margin-bottom: 15px; }

@media all and (min-width: 769px) {
  .nav__inside__list .submenu {
    position: absolute;
    padding-top: 12px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease; }
  .nav__inside__list .submenu.show {
    left: 0;
    top: 100%;
    background: rgba(86, 46, 3, 0.7);
    z-index: 999;
    min-width: 240px;
    visibility: visible;
    opacity: 1; }
  .nav__inside__list .submenu a {
    font-size: 15px;
    margin-bottom: 0;
    padding: 10px 5px; } }

.text_true .hastext {
  color: #562e03;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  text-align: center;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  bottom: 0; }

@media all and (max-width: 768px) {
  .text_true .hastext {
    font-size: 9px;
    font-weight: bold;
    line-height: 1; } }

@media all and (min-width: 769px) {
  .text_true .hastext {
    color: #fff;
    position: relative; }
  .text_true .hastext span {
    font-weight: bold;
    letter-spacing: -1px; } }

@media all and (max-width: 768px) {
  .text_true .hamburger_inside, .text_true .righticons--icon_inside {
    top: -9px; } }

.text_true .righticons--icon .hamburger_inside {
  margin: 0 auto;
  text-align: center; }

@media all and (max-width: 768px) {
  .text_true .righticons--icon .hamburger_inside img {
    max-width: 24px;
    height: 25px; } }

.menu-open {
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }

.navstate_show.menu-open {
  position: relative; }

.navstate_show.menu-open:after {
  position: absolute;
  content: '';
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9; }

.navstate_show .nav__inside__list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

@media all and (max-width: 768px) {
  .navstate_show .nav__inside {
    position: absolute;
    left: -100%;
    width: 89%;
    background: url(../images/bgparttern-h.jpg) repeat-y center top;
    background-size: 100%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0; } }

@media all and (min-width: 769px) {
  .navstate_show .top_nav .hamburger {
    display: none; } }

.navinfo {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px;
  margin: 35px 0; }

@media all and (max-width: 768px) {
  .navinfo .iconstore {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .navinfo .iconstore .num {
    top: -5px; }
  .navinfo .iconuser {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .navinfo .iconlock {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; } }

.navaside .blockprivate, .navaside .blockbtn, .navaside .blocksocial {
  display: none; }

.navaside .menuaside {
  margin-bottom: 15px; }

.navaside .menuaside .acr_title {
  position: relative; }

.navaside .menuaside .acr_title:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 9px solid #7d5445;
  right: 15px;
  top: 22px;
  margin-top: -5px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.navaside .menuaside .acr_title.open:after {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.navaside .menuaside .title {
  border-width: 3px;
  margin-bottom: 10px; }

.navaside .menuaside .list {
  position: relative;
  width: calc(100% + 22%);
  background: #fff;
  left: 10px;
  padding-bottom: 10px;
  display: none; }

.navaside .menuaside .list .listitem {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px; }

.navaside .menuaside .list .listitem--li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%; }

.navaside .menuaside .list .listitem--li a {
  padding: 5px;
  padding-top: 8px; }

.navaside .menuaside .list .listitem--img {
  margin-right: 10px; }

.navaside .menuaside .list .listitem--text {
  font-size: 2.9vw; }

.navaside .menuaside .btnmore a {
  font-size: 3.6vw; }

.navsocial {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 20px 0;
  margin-top: 40px; }

.navsocial li {
  margin: 0 19px; }

.navsocial img {
  min-width: 60px;
  height: 60px; }

.icon__info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  margin: 10px 0; }

.icon__info--ins {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  text-align: center; }

.icon__info .hastext {
  margin: 0;
  padding-left: 10px; }

.icon__info .hastext span {
  color: #fff;
  font-size: 16px; }

/*@media all and (max-width: 768px) {*/
/*  .boxsearch {*/
/*    margin-top: 40px; } }*/

@media all and (min-width: 769px) {
  .boxsearch {
    padding: 0px;
    border: 1px solid #8c8c8c;
    margin-left: 20px;
    height: 31px;
    width: 380px; } }

.boxsearch input {
  border: none;
  outline: none; }

.boxsearch .inputbox {
  background: #c5b9b1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-left: 10px;
  border: 1px solid #8c8c8c;
  border-radius: 0px; }

@media all and (min-width: 769px) {
  .boxsearch .inputbox {
    min-width: 130px;
    border: none;
    height: 100%; } }

.boxsearch .inputbox label {
  margin-right: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

@media all and (min-width: 769px) {
  .boxsearch .inputbox label {
    font-size: 11px;
    cursor: pointer; } }

.boxsearch .inputbox label input {
  margin-right: 5px; }

@media all and (min-width: 769px) {
  .boxsearch .inputbox label input {
    margin-right: 2px; } }

@media all and (min-width: 769px) {
  .boxsearch .inputbox {
    background: #eae7e6; } }

.boxsearch .searchbox {
  background: #fff;
  border: 1px solid #574b43;
  border-radius: 3px;
  position: relative;
  margin-top: -1px; }

@media all and (min-width: 769px) {
  .boxsearch .searchbox {
    border: none;
    background: none;
    height: 100%; } }

@media all and (max-width: 768px) {
  .boxsearch .searchbox:after {
    content: '';
    position: absolute;
    left: 3px;
    bottom: 3px;
    width: calc(100% - 6px);
    height: 1px;
    background: #9e928d; } }

.boxsearch .searchbox input {
  font-size: 13px;
  width: 100%;
  border-radius: 3px;
  padding: 15px 5px; }

.boxsearch .searchbox input::-webkit-input-placeholder {
  color: #999; font-size:11px;}

.boxsearch .searchbox input:-ms-input-placeholder {
  color: #999;font-size:11px; }

.boxsearch .searchbox input::-ms-input-placeholder {
  color: #999;font-size:11px; }

.boxsearch .searchbox input::placeholder {
  color: #999; font-size:11px;}

@media all and (min-width: 769px) {
  .boxsearch .searchbox input {
    font-size: 12px;
    padding: 5px;
    height: 30px;
    background: none; } 

}

.boxsearch .searchbox button {
  position: absolute;
  right: 3px;
  top: 3px;
  height: calc(100% - 6px);
  width: 39px;
  min-width: 39px;
  background: transparent !important;
  padding: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0px !important;
  border-left: 1px solid #8c8c8c; }

.boxsearch .searchbox button img {
  min-width: 35px;
  width: auto;
  height: auto; }

@media all and (min-width: 769px) {
  .boxsearch .searchbox button {
    min-width: 30px;
    height: 30px;
    width: 30px;
    border-radius: 3px;
    right: 0;
    top: 0; }
  .boxsearch .searchbox button img {
    min-width: 100%; } }

@media all and (max-width: 768px) {
  .sidebar {
    margin-top: 50px; }
  .sidebar .menuaside .title {
    margin-bottom: 5px; } }

.footer {
  background: url(../images/bgparttern-h.jpg) no-repeat center center;
  background-size: cover;
  padding: 25px 0 0;
  margin-top: 30px; }

@media all and (min-width: 769px) {
  .footer {
    padding-top: 45px;
    background: url(../images/bgparttern-w.jpg) no-repeat center center;
    background-size: cover; } }

.footer * {
  color: #fff; }

.footer_logo {
  max-width: 270px;
  margin: 0 auto; }

.footer_logo a {
  max-width: 230px;
  margin: 0 auto; }

@media all and (min-width: 769px) {
  .footer_logo a {
    max-width: 254px; } }

.footer_info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 50px;
  margin-top: 25px; }

@media all and (min-width: 769px) {
  .footer_info {
    margin-top: 50px;
    margin-bottom: 30px; } }

.footer_info a {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 90px;
  flex: 0 0 90px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.footer_info a .hastext {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  margin-top: 12px; }

.footer_info a.iconstore .num {
  right: -5px;
  top: -5px; }

.footer_info a.iconstore .hastext {
  position: relative; }

.footer_info a.iconstore .hastext span {
  font-weight: bold;
  font-size: 14px; }

@media all and (min-width: 769px) {
  .footer_info a {
    margin: 0 22px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .footer_info a .hastext {
    font-size: 12px !important;
    margin-top: 0;
    padding-left: 0;
    text-align: left !important; }
  .footer_info a .hastext span {
    font-weight: normal !important;
    font-size: 12px !important;
    letter-spacing: 0;
    text-align: left !important; }
  .footer_info a:hover {
    text-decoration: underline; }
  .footer_info .icon__info .icon__info--img {
    height: 26px; }
  .footer_info .icon__info.iconstore .hastext {
    padding-left: 10px; } }

.footer_nav {
  margin: 0 auto; }

@media all and (min-width: 769px) {
  .footer_nav {
    margin: 30px auto;
    padding: 25px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff; } }

@media all and (max-width: 768px) {
  .footer_nav {
    max-width: 360px; } }

.footer_nav--list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

@media all and (min-width: 769px) {
  .footer_nav--list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

.footer_nav--item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%; }

@media all and (min-width: 769px) {
  .footer_nav--item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center; } }

.footer_nav--item a {
  font-family: "Yu Mincho", "YuMincho", "YuMin-medium", 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', '游明朝', '游明朝体', 'MS 明朝', 'MS Mincho', HiraMinProN-W3, 'TakaoEx明朝', TakaoExMincho, 'MotoyaLCedar', 'Droid Sans Japanese', serif !important;
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 20px;
  display: block;
  line-height: 1; }

@media all and (min-width: 769px) {
  .footer_nav--item a {
    font-size: 14px;
    display: inline-block;
    text-align: center;
    margin-bottom: 0; }
  .footer_nav--item a:hover {
    text-decoration: underline; } }

@media all and (max-width: 768px) {
  .footer_nav--item.hasdrop {
    position: relative; }
  .footer_nav--item.hasdrop:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 8px solid #fff;
    right: 10px;
    top: 4px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .footer_nav--item.hasdrop.open:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); } }

@media all and (min-width: 769px) {
  .footer_nav--item .submenu {
    left: 50px;
    position: relative;
    text-align: left;
    margin-top: 6px; } }

.footer_nav--item .submenu a {
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 14px;
  text-align: left; }

@media all and (min-width: 769px) {
  .footer_nav--item .submenu a {
    font-size: 10px;
    margin-bottom: 8px; } }

.footer_menu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 30px auto 15px; }

.footer_menu a {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, 'MS UI Gothic', sans-serif !important;
  font-size: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  margin: 7px 0;
  display: block;
  position: relative;
  line-height: 1; }

.footer_menu a:after {
  content: '|';
  position: absolute;
  right: 0;
  top: 0; }

@media all and (max-width: 768px) {
  .footer_menu a:nth-child(2), .footer_menu a:nth-child(4) {
    padding-left: 20px; } }

@media all and (max-width: 768px) {
  .footer_menu {
    max-width: 360px; } }

@media all and (min-width: 769px) {
  .footer_menu {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .footer_menu a {
    font-size: 14px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 25px;
    margin-right: 22px; }
  .footer_menu a:last-child {
    margin-right: 0;
    padding-right: 0; }
  .footer_menu a:last-child:after {
    content: ''; }
  .footer_menu a:hover {
    text-decoration: underline; } }

.footer .footbottom p {
  font-size: 15px;
  background: none;
  text-align: center;
  padding: 15px 0;
  color: #b09d96;
  font-weight: bold; }

@media all and (min-width: 769px) {
  .footer .footbottom p {
    font-size: 12px; } }

.footer .page_top_cont {
  width: 100%;
  max-width: 100%;
  position: fixed;
  z-index: 8;
  bottom: 15px;
  right: 0; }

.footer .page_top_cont .page_top .to_top {
  cursor: pointer;
  display: block;
  position: absolute;
  bottom: 0;
  right: 15px;
  zoom: 1;
  text-align: right;
  z-index: 999; }

.footer .page_top_cont .page_top .to_top img {
  width: 45px;
  height: 45px; }

.ahover {
  position: relative; }

.ahover a {
  position: relative; }

.ahover a:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease; }

.ahover a:after {
  bottom: -1px;
  display: block;
  height: 1px;
  width: 0%;
  content: "";
  background-color: #562e03;
  left: 50%; }

@media all and (min-width: 960px) {
  .ahover a:hover {
    opacity: 1;
    color: #562e03; }
  .ahover a:hover:after {
    opacity: 1;
    width: 100%;
    left: 0; } }

button {
  border: none;
  outline: none;
  cursor: pointer; }

.btnpage {
  margin: 0 auto;
  width: 100%;
  max-width: 210px;
  margin-top: 30px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }

@media all and (max-width: 768px) {
  .btnpage {
    margin-top: 20px;
    max-width: 180px; } }

.btnpage a, .btnpage button {
  display: block;
  text-align: center;
  padding: 10px 0;
  font-size: 20px;
  color: #fff;
  position: relative;
  position: relative;
  background-image: -webkit-linear-gradient(-3deg, #f89b00 0%, #f8c600 100%);
  background-image: -moz-linear-gradient(-3deg, #f89b00 0%, #f8c600 100%);
  background-image: -ms-linear-gradient(-3deg, #f89b00 0%, #f8c600 100%);
  z-index: 0;
  overflow: hidden; }

.btnpage a::after, .btnpage button::after {
  position: absolute;
  content: '';
  background-color: #562e03;
  width: 0;
  height: 60px;
  right: 0;
  top: 0;
  -webkit-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

@media all and (min-width: 960px) {
  .btnpage a:hover::after, .btnpage a:focus::after, .btnpage a:active::after, .btnpage button:hover::after, .btnpage button:focus::after, .btnpage button:active::after {
    right: inherit;
    left: 0;
    width: 100%;
    z-index: 0; } }

@media all and (max-width: 768px) {
  .btnpage a, .btnpage button {
    font-size: 18px;
    padding: 5px 0; } }

.btnpage a span, .btnpage button span {
  position: relative;
  z-index: 2;
  position: relative; }

.btnpage a span::before, .btnpage button span::before {
  content: '';
  background: transparent;
  position: absolute;
  width: 8px;
  height: 8px;
  right: 0;
  top: 50%;
  margin-top: -4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }

.btnpage a span::before, .btnpage button span::before {
  position: absolute;
  top: 50%;
  width: 8px;
  height: 8px;
  background: transparent;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  right: 50%;
  margin-right: -50px; }

.btnpage.btnback {
  margin-top: 0;
  margin-left: 0; }

.btnpage.btnback a span {
  position: relative; }

.btnpage.btnback a span::before {
  content: '';
  background: transparent;
  position: absolute;
  width: 8px;
  height: 8px;
  left: 0;
  top: 50%;
  margin-top: -4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }

.btnpage.btnback a span::before {
  position: absolute;
  top: 50%;
  width: 8px;
  height: 8px;
  background: transparent;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  right: inherit;
  left: 0%;
  margin-left: -50px;
  -webkit-transform: rotate(-135deg) !important;
  -ms-transform: rotate(-135deg) !important;
  transform: rotate(-135deg) !important; }

.btnpage.btnnext {
  margin-top: 0;
  margin-right: 0; }

.iconstore .icon__info--ins {
  position: relative; }

.iconstore .icon__info--img, .iconstore .hamburger_inside {
  position: relative;
  z-index: 0; }

.iconstore .num {
  background: #9e0b0f;
  color: #fff;
  font-weight: bold;
  width: 15px;
  text-align: center;
  height: 15px;
  display: block;
  position: absolute;
  border-radius: 100%;
  right: 0;
  top: 0;
  z-index: 9;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 11px; }

.icon__info--img {
  height: 30px; }

.icon__info .hastext {
  position: relative !important;
  font-size: 14px !important; }

.icon__info .hastext span {
  font-weight: bold;
  font-size: 14px; }

@media all and (max-width: 768px) {
  body:hover img {
    opacity: 1; } }

.btnarr {
  position: relative; }

.btnarr:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #ffb7b2;
  left: 17px;
  top: 50%;
  margin-top: -5px; }

@media all and (min-width: 769px) {
  .btnarr:after {
    border-left: 8px solid #ffb7b2; } }

.btnarr a {
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
  background: #eae7e6;
  display: block;
  height: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 35px; }

@media all and (max-width: 520px) {
  .btnarr a {
    font-size: 14px; } }

@media all and (min-width: 769px) {
  .btnarr:after {
    left: 25px; }
  .btnarr a {
    padding-left: 65px;
    font-size: 14px; }
  .btnarr a:hover {
    background: #562e03;
    color: #fff; } }

.blockprivate--li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%;
  margin-bottom: 4%; }

@media all and (min-width: 769px) {
  .blockprivate--li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 15px; } }

@media all and (min-width: 769px) {
  .blockprivate .flexbox:nth-child(2) li:last-child {
    margin-bottom: 0; } }

.blockbtn {
  margin: 10px 0 30px; }

.blockbtn--li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%; }

@media all and (min-width: 769px) {
  .blockbtn {
    margin-top: 5px;
    margin-bottom: 25px; }
  .blockbtn--li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%; } }

.blocksocial {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.blocksocial--li {
  min-width: 60px;
  margin: 0 5px;
  text-align: center; }

@media all and (min-width: 769px) {
  .blocksocial--li {
    min-width: 50px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; } }

.menuaside {
  margin-bottom: 40px; }

@media all and (min-width: 769px) {
  .menuaside {
    margin-bottom: 35px; } }

.menuaside .title {
  background: #e6e0d9;
  border-bottom: 2px solid #b09d96;
  margin-bottom: 15px; }

@media all and (min-width: 769px) {
  .menuaside .title {
    margin-bottom: 7px; } }

.menuaside .title h4 {
  color: #7d5445;
  font-family: "Yu Mincho", "YuMincho", "YuMin-medium", 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', '游明朝', '游明朝体', 'MS 明朝', 'MS Mincho', HiraMinProN-W3, 'TakaoEx明朝', TakaoExMincho, 'MotoyaLCedar', 'Droid Sans Japanese', serif !important;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  padding: 12px 0;
  text-align: center; }

@media all and (min-width: 769px) {
  .menuaside .title h4 {
    font-size: 18px; } }

.menuaside .listitem--li {
  border-bottom: 1px solid #b09d96; }

@media all and (min-width: 769px) {
  .menuaside .listitem--li:hover {
    background: #e6e0d9; }
  .menuaside .listitem--li:hover a {
    padding-left: 15px; } }

.menuaside .listitem--li a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 12px 10px 8px; }

.menuaside .listitem--li a img {
  width: 20px;
  margin-right: 10px; }

@media all and (min-width: 769px) {
  .menuaside .listitem--li a {
    font-size: 12px;
    padding-top: 10px; } }

.menuaside .listitem--img {
  margin-right: 20px; }

.menuaside .listitem--img img {
  height: 20px; }

.menuaside .listitem--text {
  font-weight: bold;
  line-height: 1; }

.btnmore {
  text-align: right;
  margin: 10px;
  position: relative;
  z-index: 1; }

@media all and (min-width: 769px) {
  .btnmore {
    margin-right: 0;
    margin-top: 20px; } }

.btnmore a {
  font-size: 17px;
  display: inline-block;
  border: 1px solid #7a7a7a;
  font-family: "Yu Mincho", "YuMincho", "YuMin-medium", 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', '游明朝', '游明朝体', 'MS 明朝', 'MS Mincho', HiraMinProN-W3, 'TakaoEx明朝', TakaoExMincho, 'MotoyaLCedar', 'Droid Sans Japanese', serif !important;
  line-height: 1;
  padding: 8px 15px; }

@media all and (min-width: 769px) {
  .btnmore a {
    font-size: 12px;
    padding: 3px 4px; }
  .btnmore a:hover {
    background: #333;
    color: #fff; } }

.btnmore--fixposition {
  margin-top: -27px !important; }

@media all and (min-width: 769px) {
  .btnmore--fixposition {
    margin-top: -28px;
    top: 0; } }

.titlepage {
  text-align: center;
  margin-bottom: 20px;
  position: relative; }

@media all and (min-width: 769px) {
  .titlepage {
    margin-bottom: 30px; } }

.titlepage h2 {
  position: relative;
  font-family: "Yu Mincho", "YuMincho", "YuMin-medium", 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', '游明朝', '游明朝体', 'MS 明朝', 'MS Mincho', HiraMinProN-W3, 'TakaoEx明朝', TakaoExMincho, 'MotoyaLCedar', 'Droid Sans Japanese', serif !important;
  font-size: 20px;
  font-weight: 500;
  z-index: 2; }

@media all and (min-width: 769px) {
  .titlepage h2 {
    font-size: 22px; } }

@media all and (max-width: 375px) {
  .titlepage h2 {
    font-size: 19px; } }

.titlepage h2 .sub {
  font-size: 16px; }

@media all and (min-width: 769px) {
  .titlepage h2 .sub {
    font-size: 18px; } }

@media all and (max-width: 375px) {
  .titlepage h2 .sub {
    letter-spacing: -1px; } }

.titlepage .btnmore {
  position: relative; }

@media all and (max-width: 768px) {
  .titlepage .btnmore {
    margin: 0; }
  .titlepage .btnmore a {
    padding: 3px;
    font-size: 3.2vw; } }

@media all and (max-width: 768px) and (min-width: 768px) {
  .titlepage .btnmore a {
    font-size: 12px; } }

.titlepage.titdiamond h2 {
  background: url(../images/ic-diamond.png) no-repeat left center;
  background-size: 20px;
  padding-left: 25px;
  display: inline-block; }

@media all and (min-width: 769px) {
  .titlepage.titdiamond h2 {
    background-size: 22px;
    padding-left: 40px; } }

.titlepage.titdiamond h2 .sub {
  position: relative;
  padding-left: 35px; }

@media all and (min-width: 769px) {
  .titlepage.titdiamond h2 .sub {
    padding-left: 50px; } }

.titlepage.titdiamond h2 .sub:after {
  content: '';
  position: absolute;
  background: #ffb7b2;
  height: 1px;
  width: 20px;
  left: 8px;
  top: 50%; }

@media all and (min-width: 769px) {
  .titlepage.titdiamond h2 .sub:after {
    width: 30px;
    left: 10px; } }

.righticons.dissp {
  display: none; }

.red {
  color: #d30006; }

.righticons_leftxt ul li {
  font-size: 11px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.righticons_leftxt ul li:before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: #553117;
  display: block;
  margin-right: 5px; }

.righticons_rightxt {
  width: 360px;
  margin-left: 20px; }

.righticons_rightxt {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.righticons_rightxt a {
  width: auto; }

.fce {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.carticon {
  position: relative;
  margin-left: 10px; }

.carticon:hover img {
  opacity: 1; }

.carticon img {
  width: 22px; }

.carticon img:hover {
  opacity: 1; }

.carticon span.numbercart {
  height: 13px;
  width: 13px;
  border-radius: 100%;
  background: #A01014;
  color: #ffff;
  display: block;
  position: absolute;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 8px;
  top: -4px;
  right: -4px; }

.btn_privacy, .btn_account {
  height: 38px;
  width: 85px !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #E1CDA6;
  margin-right: 10px; }

.btn_privacy:hover, .btn_account:hover {
  background: #d4b880; }

.btn_privacy:hover span, .btn_account:hover span {
  text-decoration: underline; }

.btn_privacy span, .btn_account span {
  font-size: 12px;
  font-weight: bold;
  margin-left: 3px;
  color: #392011; }

.btn_privacy img, .btn_account img {
  width: 11px; }

.btn_account {
  width: 120px !important;
  background: #DBD2CB;
  margin-left: 10px; }

.btn_account:hover {
  background: #c6b8ad; }

/* .righticons_rightxt_media a {
  margin-left: 3px; } */

.righticons_rightxt_media a img {
  height: 22px; }

.righticons_rightxt_media a:first-child {
  margin-left: 0px; }

.header_top_info {
  margin-bottom: 20px; }

@media all and (max-width: 768px) {
  .header_top_info {
    padding-right: 0px !important; } }

.sidebar .listitem {
  background: #F3F0EE; }

.menuaside .title {
  margin-bottom: 0px;
  border-bottom: none; }

@media all and (min-width: 769px) {
  * .menuaside .list {
    margin-bottom: 35px; } }

.menuaside .title h4 {
  background: #5C3E2C;
  color: #fff;
  font-size: 16px;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, 'MS UI Gothic', sans-serif !important; }

.titlepage h2 {
  text-align: left;
  font-family: "Yu Mincho", "YuMincho", "YuMin-medium", 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', '游明朝', '游明朝体', 'MS 明朝', 'MS Mincho', HiraMinProN-W3, 'TakaoEx明朝', TakaoExMincho, 'MotoyaLCedar', 'Droid Sans Japanese', serif !important; }

.titlepage h2 .sub {
  font-size: 12px;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, 'MS UI Gothic', sans-serif !important;
  margin-left: 10px; }

.titlepage h2 .sub.newarrival {
  font-style: italic; }

.titlepage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.btnarrow {
  border: 1px solid #8C8C8C;
  height: 25px;
  padding: 0px 5px;
  font-size: 11px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.btnarrow:hover {
  background: #8C8C8C;
  color: #fff; }

.blockitem {
  margin-bottom: 0px !important; }

.secborder {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  margin-bottom: 30px; }

.blockfeatured--li a {
  text-align: center;
  background: #A0844C url(../images/featured1.png) !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important; }

.blockfeatured--li a span, .blockfeatured--li a small {
  text-align: center !important;
  display: block; }

.blockfeatured--li a span.txt-title {
  font-size: 28px !important;
  font-family: "Yu Mincho", "YuMincho", "YuMin-medium", 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', '游明朝', '游明朝体', 'MS 明朝', 'MS Mincho', HiraMinProN-W3, 'TakaoEx明朝', TakaoExMincho, 'MotoyaLCedar', 'Droid Sans Japanese', serif !important;
  margin-bottom: 6px;
  margin-top: 6px; }

@media all and (max-width: 768px) {
  .blockfeatured--li a span.txt-title {
    font-size: 5vw !important; } }

.blockfeatured--li a span.txt-special {
  font-size: 16px !important; }

@media all and (max-width: 768px) {
  .blockfeatured--li a span.txt-special {
    font-size: 3.5vw !important; } }

.blockfeatured--li a .fontgo {
  font-size: 15px;
  font-weight: bold; }

@media all and (max-width: 768px) {
  .blockfeatured--li a .fontgo {
    font-size: 4vw !important; } }

.blockfeatured--li a:hover {
  opacity: 0.7 !important; }

.blockfeatured--li a:hover span, .blockfeatured--li a:hover small {
  color: #fff !important; }

.blockfeatured--li:nth-child(2) a {
  background: #55B3CB url(../images/featured2.png) !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important; }

.blockfeatured--li:nth-child(3) a {
  background: #4887C7 url(../images/featured3.png) !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important; }

.blockfeatured--li:nth-child(4) a {
  background: #AE7EA8 url(../images/featured4.png) !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important; }

.blockfeatured--li:nth-child(5) a {
  background: #598B54 url(../images/featured5.png) !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important; }

.blockfeatured--li:nth-child(6) a {
  background: #D28138 url(../images/featured6.png) !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important; }

@media all and (max-width: 768px) {
  .blockfeatured--li:last-child {
    margin-bottom: 0px; } }

.blockpopular .listitem {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

@media all and (min-width: 769px) {
  .blockpopular .listitem li {
    width: calc(25% - 7.5px);
    width: -webkit-calc(25% - 7.5px);
    width: -moz-calc(25% - 7.5px);
    width: -ms-calc(25% - 7.5px);
    width: -o-calc(25% - 7.5px);
    margin-right: 10px;
    float: left;
    margin-bottom: 25px; }
  .blockpopular .listitem li:nth-child(4n) {
    margin-right: 0px; } }

@media all and (max-width: 768px) {
  .blockpopular .listitem li {
    width: calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: -ms-calc(50% - 10px);
    width: -o-calc(50% - 10px);
    margin-right: 20px;
    float: left; }
  .blockpopular .listitem li:nth-child(2n) {
    margin-right: 0px;
    margin-bottom: 20px; } }

.blockpopular .listitem li img {
  width: 44px;border:1px solid #ddd;
  height: 44px;border-radius：25px;
  margin-right: 10px; }

.blockpopular .listitem li a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.blockpopular .listitem li a span {
  font-size: 14px;
  font-weight: bold; }

.blockpopular .listitem li a:hover {
  text-decoration: underline;
  opacity: 0.8; }

.blockpopular .listitem li:nth-child(4n) {
  margin-right: 0px; }

.blockitem.blockrecipe .listitem--numorther {
  width: calc(100% - 10px);
  background: #C4AA79;
  color: #fff;
  font-size: 13px;
  padding-left: 15px;
  height: 25px;
  position: relative; }

.blockitem.blockrecipe .listitem--numorther:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 30px;
  border-style: solid;
  height: 0;
  width: 0;
  border-color: transparent transparent transparent #C4AA79;
  border-width: 12.5px 0 12.5px 10px;
  right: -10px;
  top: 0px; }

.blockitem.blockrecipe .listitem--li {
  margin-bottom: 0px; }

.blockitem.blockrecipe .listitem--li .listitem--title {
  margin-bottom: 0px !important;
  word-break: break-all; }

.blockitem.blockrecipe .listitem--li:first-child .listitem--numorther {
  background: #9e0b0f; }

.blockitem.blockrecipe .listitem--li:first-child .listitem--numorther:before {
  border-style: solid;
  height: 0;
  width: 0;
  border-color: transparent transparent transparent #9e0b0f;
  border-width: 12.5px 0 12.5px 10px; }

.blockitem.blockrecipe .listitem--li a span {
  font-size: 14px; }

.blockitem .listitem--info .price--reference span {
  font-weight: normal; }

.blocknews {
  overflow: hidden; }

@media (min-width: 769px) {
    .toppage .texttop.titletoppage h1{position:absolute;top:30px; left:0px; width:350px;}
  .sec_featured .blockfeatured--li a:hover {
    color: #fff !important; }
  .titlepage {
    margin-bottom: 20px; }
  .headeright {
    position: relative;
    top: 0px; }
  .header .top_nav {
    padding: 0px 0 5px; }
  .header .texttop {
    padding: 0px;
    font-family: "Yu Mincho", "YuMincho", "YuMin-medium", 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', '游明朝', '游明朝体', 'MS 明朝', 'MS Mincho', HiraMinProN-W3, 'TakaoEx明朝', TakaoExMincho, 'MotoyaLCedar', 'Droid Sans Japanese', serif !important;
    font-size: 9px; }
  .texttop {
    position: relative;
    top: 12px; }
  .header_top_logo {
    position: relative;
    top: 2px; }
  .nav {
    height: 40px; }
  .nav__inside__list li a {
    padding: 10px 0px;
    font-size: 14px;
    font-weight: normal; }
  .menuinfo a {
    margin-left: 15px;
    padding-left: 15px; }
  .menuinfo a:after {
    color: #000;
    top: 2px; }
  .nav__inside__list li {
    text-align: center;
    position: relative; }
  .nav__inside__list li a {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, 'MS UI Gothic', sans-serif !important; }
  .nav__inside__list li a:hover {
    opacity: 0.7;
    text-decoration: none; }
  .nav__inside__list li:before {
    content: '';
    height: 15px;
    width: 1px;
    background: #fff;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    left: 0; }
  .nav__inside__list li:last-child:after {
    content: '';
    height: 15px;
    width: 1px;
    background: #fff;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    right: 0; }
  body .sidebar {
    max-width: 213px; }
  .titlepage h2 {
    font-size: 24px; }
  .titlepage h2 .sub {
    font-size: 13px; } 
    .blockitem.blockrecipe .listitem--li {
      margin-bottom: 3%; }
  }

@media all and (max-width: 768px) {
  .header_top_logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;position: unset;
    flex: 0 0 45%; } 
    .showday{right:auto;top:-10px;font-size:14px;left:140px;}
}

.news_tieude {
  width: 213px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  align-self: stretch;
  flex-wrap: wrap;
  color: #fff; }

@media all and (max-width: 520px) {
  /* .news_tieude {
    width: 90px;
    height: 22px; }  */
  }

.newsbeads {
  padding: 10px 0px; }

.news_noidung {
  align-self: stretch;
  width: calc(100% - 213px); }

@media all and (max-width: 768px) {
  .news_noidung {
    padding: 10px;
    height: auto; } }

.news_noidung a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%; }

@media all and (max-width: 768px) {
  .news_noidung a {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

@media all and (min-width: 769px) {
  .news_noidung a span:first-child {
    margin: 0px 40px; } }

@media all and (max-width: 768px) {
  .news_noidung a span:first-child {
    display: block;
    width: 100%;
    opacity: 0.4; } }

@media all and (min-width: 769px) {
  .news_noidung a span:last-child {
    border-left: 1px solid #ccc;
    padding-left: 40px; } }

.blocknews .owl-nav .owl-prev, .blocknews .owl-nav .owl-next {
  background: url(../images/prev.png) no-repeat !important;
  width: 26px;
  height: 25px;
  background-size: contain !important;
  position: absolute;
  top: 110px;
  left: 0;
  padding: 0px !important;
  border: none;
  -webkit-appearance: none !important;
  border-radius: 0px !important;
  margin: 0px !important; }

.blocknews .owl-nav .owl-next {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  right: 0px;
  left: auto; }

.blocknews .item {
  border: 1px solid #D6D6D6; }

.blocknews .item .listitem--link:hover .lastspan {
  opacity: 0.7; }

.blocknews .item .listitem--title {
  padding: 10px;
  padding-bottom: 0px;
  font-size: 13px !important;
  letter-spacing: 0px;
  margin-bottom: 3px !important; }

.blocknews .item .listitem--link .listitem--info {
  padding: 10px !important;
  display: block;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  margin-bottom: 15px; }

.blocknews .item .price--reference {
  padding: 0px 10px; }

.blocknews .item .listitem--info p:last-child {
  margin-bottom: 0px !important; }

.blocknews .item .listitem--info span {
  font-weight: normal; }

.blocknews .item .cat {
  height: 21px;
  padding: 0px 15px;
  background: #ccc;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  color: #fff;
  font-weight: bold; }

.blocknews .item .cat.cat1 {
  background: #4988C8; }

.blocknews .item .cat.cat2 {
  background: #B180AD; }

.righticons_leftxt ul li {
  margin-bottom: 5px;
  font-weight: bold; }

.righticons_leftxt ul li:last-child {
  margin-bottom: 0px; }

body p {
  line-height: 1.6; }

@media all and (max-width: 769px) {
  body p {
    line-height: 1.6; } }

.sec_storeb {
  padding: 20px;
  background: #F5EFE2;
  margin-top: 50px; }

@media all and (min-width: 769px) {
  .sec_storeb img {
    min-width: 308px; } }

@media all and (max-width: 768px) {
  .sec_storeb img {
    display: none; } }

.sec_storeb .titlepage {
  margin-bottom: 10px; }

@media all and (max-width: 768px) {
  .sec_storeb .titlepage {
    margin-bottom: 15px; } }

.sec_storeb h3 {
  font-size: 18px;
  color: #562e03;
  font-weight: bold;
  margin-bottom: 15px; }

@media all and (max-width: 768px) {
  .sec_storeb h3 {
    text-align: left; } }

.sec_storeb p {
  line-height: 1.8; }

@media all and (max-width: 768px) {
  .sec_storeb p {
    text-align: left; } }

.sec_storeb .btn {
  margin-top: 10px;
  margin-right: 0;
  margin-left: auto;
  margin-right: auto;
  margin: 15px auto !important; }

@media all and (min-width: 769px) {
  .sec_storeb .btn {
    float: right; } }

.sec_storeb .sec_store_p {
  margin-top: 20px; }

@media all and (max-width: 768px) {
  .sec_storeb .sec_store_p {
    text-align: center; }
  .sec_storeb .sec_store_p img {
    width: 80%;
    display: block !important;
    margin: 10px auto; } }

@media all and (max-width: 520px) {
  .sec_storeb .sec_store_p img {
    width: 100%; } }

.btn.btn-border {
  border: 1px solid #392011;
  padding: 9px 40px 9px 20px;
  background: url(../images/arrow.png) no-repeat;
  background-size: 8px;
  background-position: center right 20px;
  display: inline-block; }

.btn.btn-border span {
  font-weight: bold;
  color: #392011; }

.btn.btn-border:hover {
  background: #392011 url(../images/arrow_white.png) no-repeat;
  background-size: 8px;
  background-position: center right 20px; }

.btn.btn-border:hover span {
  color: #fff !important; }

.titlepage .noborder {
  border: none;
  text-decoration: underline; }

.titlepage .noborder:hover {
  opacity: 0.7; }

.sec_recently, .mucinfo {
  padding: 40px 0px; }

@media all and (max-width: 768px) {
  .sec_recently, .mucinfo {
    padding: 30px 0px; } }

.sec_recently {
  background: #EFECEA;
  margin-top: 30px; }

@media all and (min-width: 769px) {
  .sec_recently {
    margin-top: 100px; } }

.mucinfo {
  background: #E1DACD;
  border-top: 1px solid #D4CBBD;
  border-bottom: 1px solid #AD9E95; }

.sec_recently--wrap .title {
  text-align: left;
  font-size: 14px;
  font-weight: bold; }

.center {
  text-align: center !important; }

@media all and (min-width: 769px) {
  .mucinfo_el {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; } }

.mucinfo_el_el {
  padding: 20px 10px;
  background: #CDC3B5; }

@media all and (max-width: 768px) {
  .mucinfo_el_el {
    margin-bottom: 10px; } }

.mucinfo_el_el:last-child {
  margin-right: 0px; }

@media all and (min-width: 769px) {
  .mucinfo_el_el {
    height: auto;
    width: calc(33.3% - 12px);
    width: -webkit-calc(33.3% - 12px);
    width: -moz-calc(33.3% - 12px);
    width: -ms-calc(33.3% - 12px);
    width: -o-calc(33.3% - 12px);
    margin-right: 18px;
    float: left; } }

.mucinfo_el_el .p1 {
  font-size: 13px;
  font-weight: bold;
  color: #333;
  line-height: 1.6;
  letter-spacing: -0.5px; }

@media all and (max-width: 768px) {
  .mucinfo_el_el .p1 {
    letter-spacing: 0px; } }

.mucinfo_el_el h3 {
  color: #5c3e2c;
  font-weight: bold;
  font-size: 18px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 10px;
  border-bottom: 1px solid #5c3e2c;
  padding-bottom: 10px; }

.mucinfo_el_el h3:before {
  content: '';
  width: 9px;
  height: 9px;
  display: block;
  background: #5c3e2c;
  position: relative;
  top: 4px;
  margin-right: 6px; }

.mucinfo_el_el .p2 {
  font-size: 12px;
  letter-spacing: -1px;
  margin-top: 5px; }

@media all and (max-width: 768px) {
  .mucinfo_el_el .p2 {
    line-height: 1.4;
    letter-spacing: 0px; } }

.footer_nav {
  border-top: none;
  border-bottom: none;
  padding-top: 0px;
  padding-bottom: 0px; }

footer {
  padding-top: 10px !important; }

.news_noidung a:hover span:last-child {
  text-decoration: underline;
  opacity: 0.7; }

.footnav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.footnav a:hover {
  opacity: 0.7;
  text-decoration: underline; }

.footnav_el {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.footnav_el .div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px; }

.footnav_el .div:before {
  content: '';
  background: url(../images/arrow_white.png) no-repeat;
  width: 8px;
  height: 8px;
  display: block;
  background-size: contain;
  padding-left: 15px; }

.footnav_el .div ~ ul {
  margin-left: 20px;
  margin-bottom: 10px;
  position: relative;
  top: -3px; }

.footnav_el .div ~ ul li {
  margin-bottom: 8px; }

.footnav_el .div ~ ul li:last-child {
  margin-bottom: 0px; }

.footnav_el .div ~ ul li a {
  font-size: 10px; }

.asidebablock_el {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
  border: 1px solid #000; }

.asidebablock_el:first-child .con {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.asidebablock_el:first-child .con img {
  width: 18px; }

.asidebablock_el:nth-child(2) .con, .asidebablock_el:nth-child(3) .con {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.asidebablock_el:nth-child(2) .con img, .asidebablock_el:nth-child(3) .con img {
  width: 22px; }

.asidebablock_el:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background: url(../images/arrow_cl.png) no-repeat;
  background-size: contain;
  z-index: 9;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  right: 5px; }

.asidebablock_el .con {
  height: 100%;
  padding: 10px 5px;
  width: 35px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.asidebablock_el .con img {
  position: relative;
  z-index: 1;
  width: 25px; }

.asidebablock_el .con:before {
  content: '';
  background: #E9E3DF;
  width: 35px;
  height: 200px;
  display: block;
  top: -50px;
  left: 0;
  position: absolute;
  -webkit-transition: -webkit-width 0.3s cubic-bezier(0.26, 0.8, 0.62, 0.9);
  transition: -webkit-width 0.3s cubic-bezier(0.26, 0.8, 0.62, 0.9);
  -webkit-transition: width 0.3s cubic-bezier(0.26, 0.8, 0.62, 0.9);
  -o-transition: width 0.3s cubic-bezier(0.26, 0.8, 0.62, 0.9);
  transition: width 0.3s cubic-bezier(0.26, 0.8, 0.62, 0.9);
  -o-transition-delay: 0;
  transition-delay: 0;
  -webkit-transition-delay: 0; }

.asidebablock_el .con2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 10px;
  padding: 20px 0px;
  position: relative;
  z-index: 9; }

.asidebablock_el .con2 h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 5px;
  color: #000; }

.asidebablock_el .con2 p {
  line-height: 1.2;
  font-size: 12px; }

.asidebablock_el:hover .con:before {
  width: 250px; }

.linksct p:last-child {
  margin-bottom: 0px !important; }
.tieude b,.listitem--li p:first-child b{color:red;font-weight:normal;}

@media all and (max-width: 768px) {
  .linksct {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px; 
  }
  .linksct p {
    width: calc(50% - 5px);
    width: -webkit-calc(50% - 5px);
    width: -moz-calc(50% - 5px);
    width: -ms-calc(50% - 5px);
    width: -o-calc(50% - 5px);
    margin-right: 10px;
    float: left; }
  .linksct p:nth-child(2n) {
    margin-right: 0px; } }

.blockbtn {
  margin-bottom: 10px; }

.calendar {
  margin: 10px 0px 15px;
  padding: 15px;
  background: #E1DACD; }

@media all and (max-width: 768px) {
  .calendar img {
    width: 100%; }
  .calendar h3 {
    margin-bottom: 10px; } }

.calendar h3.mincho {
  font-size: 16px;
  letter-spacing: -2px;
  font-weight: bold;
  margin-bottom: 10px; }

.calendar p {
  font-size: 10px;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 10px; }

@media all and (max-width: 768px) {
  .calendar p {
    font-size: 12px; } }

.blocksocial a {
  margin-left: 5px; }

.blocksocial a:first-child {
  margin-left: 0px; }

.blocksocial a img {
  width: 22px; }

@media all and (max-width: 768px) {
  .blocksocial a img {
    width: 26px; } }

.btnmore {
  margin-top: 10px; }

.btnmore a {
  border: none;
  text-decoration: underline; }

.footbottom_right a {
  margin-right: 10px; }

.footbottom_right a img {
  width: 22px; }

.footbottom_right p {
  margin-left: 10px; }

.footer_nav {
  margin-top: 20px; }

@media all and (max-width: 520px) {
  .footer_nav .footnav {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

.footer_nav .footnav_el:nth-child(1) {
  width: 30%; }

.footer_nav .footnav_el:nth-child(2) {
  width: 30%; }

.footer_nav .footnav_el:last-child {
  width: 20%;
  margin-left: 0%; }

@media all and (max-width: 520px) {
  .footer_nav .footnav_el {
    width: 50% !important; } }

.footbottom {
  padding: 10px 0px; }

.footbottom .righticons_rightxt {
  margin-top: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 0px; }

.footbottom .righticons_rightxt .btn_account {
  margin-left: 0px; }

.sec_recently .container {
  padding: 0px 30px; }

.sec_recently .container .owl-nav {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: -55px;
  height: 30px;
  position: absolute;
  top: 50%;
  width: 100%; }

@media all and (min-width: 768px) {
  .sec_recently .container .owl-nav {
    margin-top: -30px; } }

@media all and (min-width: 769px) {
  .sec_recently .container .owl-nav {
    margin-top: -45px; } }

.sec_recently .container .owl-nav .owl-prev, .sec_recently .container .owl-nav .owl-next {
  background: url(../images/arrow_black.png) no-repeat center center;
  background-size: contain;
  width: 12px;
  height: 20px;
  margin-left: -30px; }

@media all and (max-width: 768px) {
  .sec_recently .container .owl-nav .owl-prev, .sec_recently .container .owl-nav .owl-next {
    margin-left: -25px; } }

.sec_recently .container .owl-nav .owl-prev:hover, .sec_recently .container .owl-nav .owl-next:hover {
  opacity: 0.7; }

@media all and (min-width: 769px) {
  .sec_recently .container .owl-nav .owl-prev, .sec_recently .container .owl-nav .owl-next {
    background-size: contain;
    width: 12px;
    height: 20px; } }

.sec_recently .container .owl-nav .owl-prev {
  left: 5px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.sec_recently .container .owl-nav .owl-next {
  margin-right: -30px;
  margin-left: auto; }

@media all and (max-width: 768px) {
  .sec_recently .container .owl-nav .owl-next {
    margin-left: -25px; } }

.carousel-slider .owl-dots {
  display: block !important;
  z-index: 9;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute; }

.carousel-slider .owl-dot.active span {
  background: #5C3E2C !important; }

.carousel-slider .owl-dots .owl-dot:hover span {
  background: #5C3E2C !important; }

.righticons_rightxt_media {
  top: 3px;
  position: relative; }

@media all and (min-width: 769px) {
  .sec_news .blocknews .item {
    width: 100%; } }

@media all and (max-width: 420px) {
  * .top_nav .righticons--icon {
    margin-right: 0px !important; }
  * .titlepage h2 {
    font-size: 22px;
    letter-spacing: -0.5px; }
  * .sec_recently .titlepage h2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 170px;
    line-height: 1; }
  * .sec_recently .titlepage h2 span {
    margin-left: 0px; }
  * .sec_recommend .titlepage h2, * .sec_recipe .titlepage h2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1;
    width: 180px; }
  * .sec_recommend .titlepage h2 span, * .sec_recipe .titlepage h2 span {
    margin-left: 0px; } }

@media all and (max-width: 768px) {
  * .heartsp {
    position: relative;
    margin-right: -4px;
    width: 48px;
    text-align: center;
    height: 44px; }
  * .heartsp .hastext {
    font-weight: normal !important; }
  * .heartsp img {
    width: 22px;
    margin-top: 5px; }
  * .nav.show .linksct, * .nav.show .calendar {
    display: none; }
  * .main_body {
    overflow: hidden; }
  * .righticonss.fsc {
    display: none; }
  * .righticons.dissp {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  * .texttop {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px; }
  * .texttop p {
    font-size: 2.5vw !important;
    margin-left: 0px;
    padding-left: 0px; }
  * .fss.news {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  /* * .fss.news .news_tieude {
    width: 150px; } */
  * .fss.news .news_noidung {
    width: 100%; }
  * body .maincontent {
    width: 100%; }
  * .top_nav .hamburger .hamburger_inside {
    height: 61%;
    width: 68%; }
  * span.listitem--numorther {
    white-space: nowrap;
    font-size: 13px !important; }
  * .blockpopular .listitem li a span {
    letter-spacing: -0.5px; }
  * .blocknews .item {
    width: 100%; }
  * .blocknews .owl-nav .owl-prev, * .blocknews .owl-nav .owl-next {
    top: 20%; }
  * .blocknews .owl-nav .owl-prev {
    -webkit-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important; }
  * .footer_nav {
    max-width: 100%;
    margin-bottom: 30px; }
  * .footer {
    padding-top: 30px;
    background: #603E29 url(../images/bgparttern-w.jpg) no-repeat center center;
    background-size: cover;
    padding-bottom: 0px !important; } }

@media all and (max-width: 768px) and (max-width: 768px) {
  * .footer {
    background-size: auto !important;
    background-repeat: repeat !important; } }

@media all and (max-width: 768px) {
  * .footbottom .fsp {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  * .footbottom_right {
    width: 100%; }
  * .footbottom_right p {
    font-size: 12px !important;
    width: 100%;
    text-align: center;
    margin-top: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important; }
  * .footbottom_right .fce {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px !important; }
  * .footbottom_left {
    width: 100%; }
  * .footbottom_left .righticons_rightxt {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100% !important;
    margin: 0 auto; }
  * .sec_commmon {
    margin-top: 20px; }
  * .nav__inside__list li a {
    font-size: 4vw;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, 'MS UI Gothic', sans-serif !important; }
  * .menu-open .hamburger_inside span:nth-child(1) {
    -webkit-transform: translateY(11px) rotate(-225deg);
    -ms-transform: translateY(11px) rotate(-225deg);
    transform: translateY(11px) rotate(-225deg); }
  * .boxsearch .searchbox:after {
    display: none; }
  * .boxsearch .searchbox input {
    padding: 13px 5px 7px 10px !important; }
  * .navsocial li {
    margin: 0px 5px !important; }
  * .navsocial img {
    min-width: 38px;
    width: 38px !important;
    height: 38px !important; }
  * .boxsearch .searchbox img {
    width: 100% !important;
    min-width: 10px !important; }
  * .boxsearch .inputbox {
    background: transparent !important;
    border: none;
    color: #fff;
    margin-bottom: 5px; }
  * .nav__inside__list li a {
    margin-bottom: 3.5vh; }
  * .nav__inside__list li:last-child a {
    margin-bottom: 0px !important; }
  * .navstate_show .nav__inside {
    background: #603E29 url(../images/menu.jpg) repeat center center;
    background-size: cover; }
  /* * .header_top_info {
    margin-bottom: 10px; } */
  * .sec_recently .titlepage h2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 175px;
    line-height: 1; }
  * .sec_recently .titlepage h2 span {
    margin-left: 0px; }
  * .titlepage h2 span {
    letter-spacing: 0px;
    margin-left: 5px; } }

@media all and (min-width: 769px) {
  * .maincontent {
    width: 760px !important; } }

* .fixie .nav__inside__list li a {
  padding-top: 11px; }

.sec_featured .blockfeatured--li a span.txt-special {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, 'MS UI Gothic', sans-serif !important; }

.fixie .carticon span.numbercart {
  color: #fff !important;
  padding-top: 2px; }

.fixie .btn_privacy span, .fixie .btn_account span, .fixie .btn.btn-border span {
  position: relative;
  top: 3px; }

.fixie .news_tieude, .fixie .news_noidung a {
  padding-top: 5px; }

.fixie .btnarrow {
  padding-top: 3px; }

.fixie .sec_featured .blockfeatured--li a {
  padding: 9% 3%; }

.fixie .boxsearch .searchbox input, .fixie .fixie .blockitem.blockrecipe .listitem--numorther {
  padding-top: 4px; }

.fixie .sec_storeb img {
  width: 308px; }

.fixie .nav__inside__list li a {
  padding-top: 11px; }

.fixie .favoriteicon, .fixie .carticon {
  position: relative;
  top: 3px; }

.blockitem:not(.blocknews) .obj-img {
  line-height: 0;
  height: auto;
  /*background: #e7e7e7;*/
  margin-bottom:20px;
  }

.blockitem:not(.blocknews) .obj-img img {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  height: 100%; }

@media all and (max-width: 768px) {
  .blockitem:not(.blocknews) .obj-img {
    height: 50vw; } }

@media all and (max-width: 520px) {
  .blockitem:not(.blocknews) .obj-img {
    height: 45vw; } }

.blocknews .obj-img {
  line-height: 0;
  height: 125px; }

.blocknews .obj-img img {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  height: 100%; }

@media all and (max-width: 768px) {
  .blocknews .obj-img {
    height: 35vw; }
  .blocknews .obj-img img {
    -o-object-position: top center;
    object-position: top center; } }

@media all and (max-width: 520px) {
  .blocknews .obj-img {
    height: 33vw; }
  .blocknews .obj-img img {
    -o-object-position: top center;
    object-position: top center; } }

@media all and (max-width: 768px) {
  .fixie .blocknews .custom-object-fit {
    background-position: top center; } }

.fixie .blocknews .item {
  width: 100%; }

.linksct p img {
  width: 100%;max-width:209px; }

.sec_recently .obj-img {
  line-height: 0;
  height: 174px;
  width: 100%; }

.sec_recently .obj-img img {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  height: 100%; }

@media all and (max-width: 768px) {
  .sec_recently .obj-img {
    height: 29vw; } }

@media all and (max-width: 520px) {
  .sec_recently .obj-img {
    height: 26vw; } }

.fixie .custom-object-fit {
  background-size: contain !important;
  background-position: center !important; }

.s_calendertable .s_calender_years_month {
  background: #555;
  color: #fff;
  font-size: 12px;
  padding: 5px;
  text-align: center; }

.s_calendertable table {
  width: calc(100% + 1px);
  background: #fff;
  border: 1px solid #ccc; }

.s_calendertable table td, .s_calendertable table th {
  border: 1px solid #ccc;
  text-align: center;
  vertical-align: middle;
  font-size: 10px;
  padding: 5px;
  font-weight: bold; }

.s_calendertable table td:hover, .s_calendertable table th:hover {
  opacity: 0.7;
  cursor: default; }

.s_calendertable table thead tr td:first-child {
  color: red;
  background: #fff; }

.s_calendertable table thead tr td:last-child {
  color: blue; }

.s_calendertable table tbody tr td:first-child {
  background: #F0D4E0;
  color: #000 !important; }

.s_calendertable table tbody tr td:first-child * {
  color: #000 !important; }

.s_calendertable table tbody tr td:last-child * {
  background: #fff !important;
  color: #000 !important; }

.s_calendertable small {
  font-size: 9px !important;
  margin-top: 10px;
  font-weight: bold;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  letter-spacing: -0.5px; }

.s_calendertable small:before {
  content: '';
  width: 10px;
  height: 10px;
  background: #F0D4E0;
  display: block;
  margin-right: 3px;
  border: 1px solid #bda5a5; }

.listproductsearch {
  position: absolute;
  z-index: 99;
  background: #fff;
  border: 1px solid #8C8C8C;
  width: calc(100% - 28px);
  margin-left: -1px;
  padding: 12px; }

.listproductsearch p {
  font-size: 13px;
  margin-bottom: 6px; }

.listproductsearch li {
  margin-bottom: 10px; }

.listproductsearch li:last-child {
  margin-bottom: 0px; }

.listproductsearch li a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.listproductsearch li a:hover p:first-child {
  text-decoration: underline; }

.listproductsearch li a .obj-img {
  width: 68px;
  height: 68px;
  min-width: 68px;
  margin-right: 10px; }

.sec_recently .container .owl-nav.disabled {
  display: none !important; }

.carousel-slider .item-owl {
  float: left; }
.section__body {
    padding: 22px 0px 0px 0px;
}
.heading-2 {
    text-align: center;
    margin-bottom: 33px;
    font-weight: 600;
}
.heading-2__sub {
    margin-bottom: 13px;
    font-size: 0.8rem;
    display:inherit;
    letter-spacing: 3px;
}
.heading-2__main {
    font-size: 24px;
    letter-spacing: 2px;
}
.hashList {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.hashList__item {
    display: inline-block;
    text-align: center;
    margin: 0 4px 8px;
}
.hash {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.7rem;
    background: #ededed;
    height: auto;
    min-height: 30px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: solid 1px #E0E0E0;
    border-radius: 20px;
    padding: 5px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
}
.hash1{font-size: 0.7rem;padding: 5px 10px; text-decoration:underline;}

@media all and (min-width: 769px) {
  .mainmv .owl-theme .owl-nav {
    display: none; } }

@media all and (min-width: 769px) {
  .mainmv .owl-theme .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media all and (min-width: 769px) {
  .mainmv .owl-theme .item-owl .bgmv {
    width: 1000px;
    height: 380px; }
  .mainmv .owl-theme .item-owl .bgmv img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center; } }

@media all and (min-width: 769px) {
  .mainmv .owl-theme .item-owl {
    height: 380px; } }

@media all and (max-width: 768px) {
  .mainmv .owl-theme .item-owl .bgmv {
    /* height: 400px;  */
  }
  .mainmv .owl-theme .item-owl .bgmv img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center; } }

@media all and (max-width: 520px) {
  .mainmv .owl-theme .item-owl .bgmv {
    /* height: 200px;  */
  } }

/* fix banner in ie*/
.fixie .mainmv .owl-theme .item-owl .bgmv {
  width: initial;
  height: initial; }

.fixie .mainmv .owl-theme .item-owl .bgmv img {
  width: initial;
  height: initial; }

.fixie .mainmv .owl-theme .owl-stage {
  display: block; }

.fixie .custom-object-fit-ie {
  width: 2000px;
  height: 577px;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat; }

.fixie .custom-object-fit-ie img {
  opacity: 0 !important; }

.noteh {
  font-size: 12px !important;
  text-decoration: underline;
  list-style-type: none !important; }

.noteh:before {
  display: none !important; }

@media all and (min-width: 769px) {
  * .righticons_leftxt ul {
    position: relative;
    left: 10px; } }

.logout img {
  width: 15px;
  margin-right: 0px; }

@media all and (max-width: 768px) {
  .righticons--icon.iconlock.logoutsp, .righticons--icon.iconuser.logoutsp {
    width: 48px; } }

.s_calendertable table tbody tr td:first-child {
  background-color: #fff !important; }

.s_calender_years_month {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.s_calender_years_month a {
  color: #fff !important;
  font-size: 11px; }

.s_calender_years_month a:hover {
  text-decoration: underline; }

.listicon {
  color: #9e0b0f; }

.listd .listicon {
  color: #9e0b0f; }

.listd .gridicon {
  color: #222; }

.switchbtn_el {
  text-align: right;
  margin-top: 20px; }

.switchbtn_el a:last-child {
  margin-left: 10px; }

.p-productlist .recipelist {
  margin: 30px 0px; }

@media all and (max-width: 768px) {
  .p-productlist .recipelist {
    margin-top: 15px; } 
}
.grid .gridicon {
  color: #9e0b0f; }

.grid .listicon {
  color: #222; }

.grid .recipelist {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.grid .recipelist_el {
  margin-bottom: 20px; }

.grid .recipelist_el .fss {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.grid .recipelist_el .recipelist_el_r:after {
  display: none; }
  .m_div{display:none;}

@media all and (min-width: 769px) {
  .grid .recipelist_el {
    width: calc(24.5% - 8px);
    width: -webkit-calc(24.5% - 8px);
    width: -moz-calc(24.5% - 8px);
    width: -ms-calc(24.5% - 8px);
    width: -o-calc(24.5% - 8px);
    margin-right: 10px;
    float: left; }
  .grid .recipelist_el .info_l p {
    font-size: 12px; }
  .grid .recipelist_el_l {
    width: 100%;
    min-width: 100%; }
  .grid .recipelist_el .giaca {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px; }
  .grid .recipelist_el .giaca .redprice {
    margin-top: 0px !important; }
  .grid .recipelist_el_r {
    position: relative; }
  .grid .recipelist_el_r .resultlist .info_l p {
    line-height: 1.4;
    font-size: 12px;
    letter-spacing: -1px; }
  .grid .recipelist_el_r .giaca span {
    font-weight: bold;
    font-size: 10px;
    padding: 5px !important; }
  .grid .recipelist_el_r .motaandbtn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .grid .recipelist_el_r .maso {
    position: absolute;
    top: -20px;
    left: 10px; }
  .grid .recipelist_el_r .motaandbtn p {
    display: none; }
  .grid .recipelist_el_r h3.tieude {
    margin-top: 5px; }
  .grid .recipelist_el_r h3.tieude a {
    font-size: 12px;
    line-height: 1.5;
    font-weight: normal;
    letter-spacing: -1px; }
  .grid .recipelist_el_r .fsp {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .grid .recipelist_el_r .fsp .blockgia .giaca:first-child span.redprice {
    background: #DB0000 !important;
    padding: 2px 5px !important;
    width: 49px;
    text-align: center;
    margin-bottom: 0px !important;
    margin-right: 0px !important; }
  .grid .recipelist_el_r .fsp .blockgia .giaca:first-child span.redprice {
    margin-top: 5px; }
  .grid .recipelist_el_r .fsp .blockgia .giaca:first-child span.redprice ~ span, .grid .recipelist_el_r .fsp .biggerprice {
    font-size: 13px !important; }
  .grid .recipelist_el:nth-child(4n) {
    margin-right: 0px; } 
    
}
/*批发*/
.set-list{border-collapse: collapse;width: 100%;border-top: 1px solid #dadada;border-left: 1px solid #dadada; margin-bottom:20px; }
.set-list th{background-color: #eeeeee;border-right: 1px solid #dadada;border-bottom: 1px solid #dadada;padding:8px;}
.set-list td{border-right: 1px solid #dadada;border-bottom: 1px solid #dadada;padding:8px; text-align:center;}
.warncss{padding:2px 5px;background-color:#f39c12;font-size:12px;color:#fff;margin-right:5px;float:left;}
.csshidden,.css_1 h3{display:none;}


/* 原始图片样式 */
.blockfeatured--li {
    position: relative;
    display: inline-block;
    width:100%;
}
.target-image {
    width: 571px;
    height: auto;
    object-fit: cover;
    cursor: crosshair;
}
/* 放大镜样式 */
.magnifier-lens {
    position: absolute;
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    pointer-events: none;
    display: none;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
}

/* 放大预览区域 */
.magnifier-preview {
    position: absolute;
    width: 300px;
    height: 150px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 50%;
    background-repeat: no-repeat;
    display: none;
    z-index: 999;
}
.blockfeatured--li img:hover{opacity:1;}
.band_title{width:100%;font-size:16px;margin-bottom:10px;float:left;}
.band_title b{width:33%;float:left;text-align:center; padding:7px 0px;}
.bb2{margin-left:0.5%;margin-right:0.5%;background-color:#ddd;}
.bb1{background-color:#5C3E2C; color:#fff;}
.bb3{background-color:#fec6cf; }
.blockfeatured--li:nth-child(even) {float:right;}
/* 移动端适配 */

@media all and (max-width: 768px) {
    .band_title{font-size:16px;}
  .grid .recipelist_el {
    width: calc(50% - 7px);
    width: -webkit-calc(50% - 7px);
    width: -moz-calc(50% - 7px);
    width: -ms-calc(50% - 7px);
    width: -o-calc(50% - 7px);
    margin-right: 14px;
    float: left; }
  .grid .recipelist_el .fss {
    width: 100%; }
  .grid .recipelist_el .recipelist_el_l {
    width: 100% !important;
    margin-right: 0px !important;
    height: 212px;
    margin-bottom: 5px; }
  .grid .recipelist_el:nth-child(2n) {
    margin-right: 0px; } 
    
    .co-pc-only,.css_2{display:none;}
    .csshidden{display:block;}
    .css_1 h3{display:inline;margin-left:5px;}
    .set-list{border:none;}
    .set-list td{text-align:left;border:none;padding:0px;}
    .cp3{width:100%;font-size:12px;border-bottom:1px solid #dadada;padding:5px 0px; text-indent:19px;float:left;}
    .cp2,.cp1{width:100%;float:left;padding-top:10px;text-indent:19px;}
    .cp1 font{float:right; }
    .attm{border:1px solid #dadada;width:100%;float:left;margin-bottom:10px;padding:2%;}
    .cp2 font{font-size:18px; float:right;text-align:right;}
}

@media all and (max-width: 440px) {
  .grid .recipelist_el {
    border: none !important; }
  .grid .recipelist_el .recipelist_el_l {
    height: 170px !important;
    width: 100% !important; }
  .grid .recipelist_el .recipelist_el_r .giaca span.redprice {
    width: 48px;
    min-width: 48px;
    font-size: 10px; } }

.catop .catlist .recipelist_el_r h3.tieude a {
  font-size: 14px !important; }

.catop .recipelist_el_r {
  padding-bottom: 0px !important; }
.menuaside {
  position: relative;
  z-index: 9999; }
  @media all and (min-width: 769px) {
    .menuaside .list .listitem--li.haschild {
      position: relative; }
      .menuaside .list .listitem--li.haschild > a ~ ul {
        position: absolute;
        width: 450px;
        text-align: center;
        opacity: 0;
        -webkit-transition: -webkit-right 0.3s cubic-bezier(0.26, 0.8, 0.62, 0.9);
        transition: -webkit-right 0.3s cubic-bezier(0.26, 0.8, 0.62, 0.9);
        -webkit-transition: right 0.3s cubic-bezier(0.26, 0.8, 0.62, 0.9);
        -o-transition: right 0.3s cubic-bezier(0.26, 0.8, 0.62, 0.9);
        transition: right 0.3s cubic-bezier(0.26, 0.8, 0.62, 0.9);
        -o-transition-delay: 0;
        transition-delay: 0;
        -webkit-transition-delay: 0;
        background: rgba(255, 255, 255, 0.9);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
        box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
        border-radius: 2px;
        border: 1px solid #ddd;
        min-height: 86px;
        padding-top: 30px;
        padding-bottom: 30px;
        z-index: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: none; }
        .menuaside .list .listitem--li.haschild > a ~ ul:before {
          content: "";
          border-style: solid;
          height: 0;
          width: 0;
          border-color: transparent #fff transparent transparent;
          border-width: 9px 10px 9px 0;
          left: -9px;
          position: absolute;
          z-index: 9999;
          top: 28px; }
        .menuaside .list .listitem--li.haschild > a ~ ul li {
          width: calc(33.3% - 3.33333px);
          width: -webkit-calc(33.3% - 3.33333px);
          width: -moz-calc(33.3% - 3.33333px);
          width: -ms-calc(33.3% - 3.33333px);
          width: -o-calc(33.3% - 3.33333px);
          margin-right: 5px;
          float: left;
          float: none; }
          .menuaside .list .listitem--li.haschild > a ~ ul li:nth-child(3n) {
            margin-right: 0px; }
          .menuaside .list .listitem--li.haschild > a ~ ul li a {
            font-weight: bold;
            padding-left: 25px;
            padding-top: 6px;
            padding-bottom: 6px;
            text-align: left; }
            .menuaside .list .listitem--li.haschild > a ~ ul li a:hover {
              opacity: 0.7; }
      .menuaside .list .listitem--li.haschild:hover ul {
        opacity: 1;
        right: -450px;
        top: -20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }