@charset "UTF-8";
/*-------------------
// setting
---------------------*/
html {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif; }

/* IE10以上 */
@media all and (-ms-high-contrast: none) {
  html {
    font-family: Verdana, Meiryo, sans-serif; } }

@media all and (-ms-high-contrast: active) {
  html {
    font-family: Verdana, Meiryo, sans-serif; } }

html body {
  font-weight: normal;
  background-color: #ffffff;
  line-height: 1.75;
  margin: 1rem 0;
  color: #333333; }
  
  html body a {
    text-decoration: none;
    color: #333333;
    -webkit-transition: all 0.5s ease;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
  html body a:hover {
    color: #08A78B; }

/*-------------------
// mainpage
---------------------*/
.recommend, .newItem {
  margin-bottom: 2rem; }

  .recommend .recommend__header, .newItem .newItem__header {
    font-size: 1rem;
    font-family: "HiraginoSans-W1","ヒラギノ角ゴシック W1";
    text-align: center;
    padding: 0.75em 0;
    clear: both;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    margin-bottom: 20px; }
      
  .recommend .recommend__list, .newItem .newItem__list {
    width: 300px; }
      
    .recommend .recommend__list .recommend__list--date, .newItem .newItem__list .newItem__list--date {
      font-size: 0.75rem; }
      
    .recommend .recommend__list .recommend__list--price, .newItem .newItem__list .newItem__list--price {
      font-size: 0.75rem;
      color: #BF0713;
      text-align: right;
      font-weight: bold; }
    
    .newItem .newItem__Next {
      text-align: right; }
    .newItem .newItem__Next:before {
      content: "\f105";
      font-size: 1.25rem;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      margin-right: 0.5rem; }

/*-------------------
// newsArea
---------------------*/

.newsArea {
  clear: both;
  padding-bottom: 2rem;
  padding-top: 2rem;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc; }
  
  .newsArea .news__header {
    font-size: 1rem;
    margin-bottom: 1rem;
    font-family: "HiraginoSans-W1","ヒラギノ角ゴシック W1"; }
    
  .newsArea .news__more {
    text-align: right; }
  .newsArea .news__more:before {
    content: "\f105";
    font-size: 1.25rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 0.5rem; }

/*-------------------
// category
---------------------*/
.category .category__list li {
  font-size: 0.75rem;
  line-height: 2.5em; }

.category .category__list .category__list--subtitle {
  font-size: 1rem;
  font-family: "HiraginoSans-W1","ヒラギノ角ゴシック W1";
  padding: 0 0 0.5rem 0; }
  
.category li a:before {
  content: "・"; }
  
.category .category__listNext {
  text-align: right;
  font-size: 0.75rem;
  margin-top: 0.5rem; }
.category .category__listNext a:before {
  content: "\f105";
  font-size: 1em;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.5rem; }

.snsArea {
  padding-top: 2rem;
  margin: 0 auto;
  text-align: center;
  width: 300px; }

.snsArea section {
  margin-bottom: 1rem; }
  
.snsArea section:last-child {
  margin-bottom: 0; }

/*min-width: 730px*/
@media screen and (min-width: 730px) {
  .recommend .recommend__list, .newItem .newItem__list {
    width: auto; }
    
  .newsArea .news__header {
    font-size: 1.5rem; }
      
  .snsArea {
    width: auto; }
  }

/*min-width: 880px*/
@media screen and (min-width: 880px) {
  .recommend .recommend__header, .newItem .newItem__header {
    font-size: 1.5rem;
    margin-bottom: 2rem; }
  
  .recommend-col2 .recommend-col2__header, .newItem-col2 .newItem-col2__header {
    text-align: left; }
}
  
/*min-width: 960px*/
@media screen and (min-width: 960px) {
  .category .category__list {
    border-bottom: 1px solid #cccccc; }
}

/*-------------------
// itemList
---------------------*/
.itemList {
  margin-bottom: 2rem; }

.itemList__breadList {
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
  color: #9c9c9c; }
  
  .itemList__breadList a {
    color: #9c9c9c; }
    
  .itemList__breadList li:after {
    content: ">";
    margin: 0 0.5rem; }
  .itemList__breadList li:last-child:after {
    display: none; }
    
.itemList__header {
  color: #9c9c9c;
  font-size: 1.5rem;
  line-height: 1.25em;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 0.5em;
  margin-bottom: 1em; }

.itemList__text {
  margin-bottom: 2rem; }

  .itemList__list .itemList__list--date {
    font-size: 0.75rem; }
    
  .itemList__list .itemList__list--price {
    font-size: 0.75rem;
    color: #BF0713;
    text-align: right;
    font-weight: bold; }
    
    .itemList__Next {
      text-align: right; }
    .itemList__Next:before {
      content: "\f105";
      font-size: 1.25rem;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      margin-right: 0.5rem; }

    .itemList__paginateList .itemList__paginate--next::after {
      content: "\f105";
      font-size: 1em;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      margin-left: 0.5em; }
      
    .itemList__paginateList .itemList__paginate--prev::before {
      content: "\f104";
      font-size: 1em;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      margin-right: 0.5em; }

      /* ブロック枠 */
      .ribbon {
          position: relative; }

      .ribbon .cat-ribbon span {
          width: 136px;
          display: inline-block;
          text-align: center;
          text-transform: uppercase;
          position: absolute;
          top: 14px;
          right: -39px;
          z-index: 10;
          background: #f38324;
          color: #fff;
          transform: rotate(45deg); }

/*-------------------
// item
---------------------*/
.item__name {
  font-size: 1.75rem;
  line-height: 1.25em; }

.item__category {
  font-size: 0.75rem;
  color: #9c9c9c; }

.item__price {
  font-size: 1.75rem;
  color: #BF0713;
  text-align: right; }
  .item__price span {
    font-size: 1rem;
    color: #333333; }

.item__button {
  width: 320px;
  display: block;
  border: 1px solid #cccccc;
  padding: 20px 0;
  font-size: 1rem;
  text-align: center;
  margin: 1rem auto 2rem auto;
  border-radius: 8px;
  background-color: #08A78B;
  color: #ffffff; }
  
  .item__button span:before {
    content: "\f105";
    font-size: 1em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 0.5em;
    color: #ffffff; }

  .item__descriptionTitle {
    font-size: 1.25rem;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 1.25rem; }

  .item__description {
    margin-bottom: 2rem; }

  .item__specWrap dt {
    width: 110px;
    font-weight: bold;
    color: #9c9c9c; }
    
  .item__specWrap dd {
    width: calc(100% - 110px - 1rem);
    margin-left: 1rem; }
    
    /* 大外の枠 */
    .ribbon-wrap {
        padding: 0px;
        overflow: hidden; }

    /* ブロック枠 */
    .photo {
        position: relative; }

    .photo .cat-ribbon span {
        width: 136px;
        display: inline-block;
        text-align: center;
        text-transform: uppercase;
        position: absolute;
        top: 14px;
        right: -39px;
        z-index: 10;
        background: #f38324;
        color: #fff;
        transform: rotate(45deg); 
        -webkit-font-feature-settings: "palt";
                font-feature-settings: "palt";
        -moz-text-align-last: center;
             text-align-last: center;
        text-align: justify; }

/*min-width: 730px;*/
@media screen and (min-width: 730px) {
  .item__button {
    margin: 2rem auto 4rem; }
}

/*-------------------
// pages
---------------------*/
.pages-header {
  margin-bottom: 2rem; }
  
.pages-header > * {
  padding: 0; }

.pages-header .pages-header__img {
  width: 100%; }

.pages__news {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 2rem; }
.pages__news:last-child {
  border-bottom: 0px; }

  .pages__news .pages__newsDate {
    font-size: 0.75rem;
    margin-bottom: 0px; }

  .pages__news .pages__newsTitle {
    font-size: 1.5rem;
    line-height: 1.5em; }

  .pages__news .pages__text {
  margin-bottom: 1rem; }

.pages__button {
  width: 320px;
  display: block;
  border: 1px solid #cccccc;
  padding: 20px;
  font-size: 1rem;
  text-align: center;
  margin: 0 auto;
  border-radius: 8px;
  background-color: #ffffff; }

.pages__button span:before {
  content: "\f105";
  font-size: 1.25rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.5rem;
  color: #cccccc; }

.pages__textWrap .pages__img {
  width: 100%; }

.pages__textWrap .pages__img img {
  width: 100%; }

/*min-width: 730px*/
@media screen and (min-width: 730px) {
  .pages__mainSubcatch {
    width: 80%;
    font-size: 1.75rem;
    margin-bottom: 2rem; }
    
  .pages__text {
    margin-bottom: 2rem; }
    
  .pages__textWrap {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    
    .pages__textWrap .pages__img {
      width: calc(50% - 2rem);
      margin-left: 2rem; }
    
    .pages__textWrap .pages__text {
      width: 50%; }
}

/*-------------------
// 本文内
---------------------*/
.wysiwyg a {
  text-decoration: underline; }

.wysiwyg h2 {
  font-size: 1.5rem;
  line-height: 1.5em;
  padding-bottom: 1rem;
  margin: 0 auto;
  margin-bottom: 1rem;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  color: #9c9c9c;
  line-height: 1.25;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -moz-text-align-last: left;
       text-align-last: left;
  text-align: justify;
clear: both;
 }

.wysiwyg h3 {
  font-size: 1.75em;
  margin-bottom: 0.5em;
  line-height: 1.25;
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -moz-text-align-last: left;
       text-align-last: left;
  text-align: justify;
  padding: 8px;
  border-bottom: 3px double #cccccc;
  clear: both; }

.wysiwyg h4 {
  font-size: 1.5rem;
  margin-bottom: 0.5em;
  padding-left: 0.75rem;
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
  position: relative;
  line-height: 2.25rem;
  clear: both; }
.wysiwyg h4:before {
  content: "";
  width: 4px;
  height: 100%;
  display: block;
  background-color: #cccccc;
  margin-right: 4px;
  position: absolute;
  left: 0px;
  bottom: 0px; }

.wysiwyg h5 {
  font-size: 1.25em;
  margin-bottom: 0.25em;
  font-weight: bold;
  clear: both; }
  .wysiwyg h5:before {
    content: "■";
    margin-right: 4px;
    clear: both; }

.wysiwyg h6 {
  font-size: 1.07em;
  margin-bottom: 0.25em;
  font-weight: bold;
  color: #cccccc;
  clear: both; }

.wysiwyg p {
  margin-bottom: 1rem; }

.wysiwyg p + h3, .wysiwyg p + h4, .wysiwyg p + h5, .wysiwyg p + h6 {
  margin-top: 2rem; }

.wysiwyg ul {
  margin-bottom: 1rem;
  margin-left: 1.5rem; }
  .wysiwyg ul li {
    list-style: disc; }

.wysiwyg ol {
  margin-bottom: 1rem;
  margin-left: 1.5rem; }
  
  .wysiwyg ol li {
    list-style: decimal; }

.wysiwyg ul + h3, .wysiwyg ul + h4, .wysiwyg ul + h5, .wysiwyg ul + h6 {
  margin-top: 2rem; }

.wysiwyg ol + h3, .wysiwyg ol + h4, .wysiwyg ol + h5, .wysiwyg ol + h6 {
  margin-top: 2rem; }

.wysiwyg blockquote {
  position: relative;
  padding: 1rem;
  margin: 1rem 0;
  background-color: #f6f6f6; }
.wysiwyg blockquote:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: #cccccc;
  left: 0px;
  top: 0px; }

.wysiwyg blockquote + h3, .wysiwyg blockquote + h4, .wysiwyg blockquote + h5, .wysiwyg blockquote + h6 {
  margin-top: 2rem; }

.wysiwyg img {
  margin-bottom: 1rem;
  max-width: 100%;
  height: auto; }

.wysiwyg strong {
  font-weight: bold; }

.wysiwyg table {
  border: 1px solid #333333;
  margin: 0 0 1em; }
  
  .wysiwyg table th {
    padding: 4px;
    background-color: #cccccc;
    border: 1px solid #333333; }
    
  .wysiwyg table td {
    padding: 4px;
    border: 1px solid #333333; }

/*min-width: 730px*/
@media screen and (min-width: 730px) {
  .wysiwyg h2 {
    font-size: 2rem;
    margin-bottom: 2rem; }
    
  .wysiwyg img {
    max-width: 100%; }
}

/*-------------------
// bannerArea
---------------------*/
.bannerArea {
  border-top: 1px solid #cccccc;
  padding: 2rem 0; }
  
/* ------------------------------------------
                  ClearFix
------------------------------------------ */
.clearfix, .conversation {
  zoom: 1;
  overflow: hidden;
}
.clearfix:after, .conversation:after {
  content: "";
  display: block;
  clear: both;
}

/* ------------------------------------------
                  Search
------------------------------------------ */
.mt-site-search-form {
  width: 100%;
  display: flex;
}

.mt-site-search-form__query {
  position: relative;
  display: block;
  width: calc(100% - 84px - 0.5em);
  border: 1px solid #cccccc;
  height: 32px;
  padding: 0 8px;
  font-size: 16px;
  box-sizing: inherit;
}

.mt-site-search-form__button {
  width: 66px;
  position: relative;
  display: block;
  border: 1px solid #cccccc;
  background-color: #cccccc;
  height: 34px;
  font-size: 16px;
  padding: 0 16px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}

.wysiwyg .mt-site-search__pagination ul {
  margin-left: 0;
}
/*-------------
  webpush
-------------*/
.webpush {
display: none;
}

.mtnet-push-notification-service-enabled .webpush {
  display: block;
}

.side-webpush {
  font-size: 0.87rem;
  text-align: center;
}

.side-webpush span::before {
  content: "\f0f3";
  font-size: 1.25em;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.25em;
}