@charset "EUC-JP";

/*
theme Name: WordPressレスポンシブテーマ作成byPlusers
Author: Plusers
Description: original theme
version： 2.0.0
*/
/*cssのリセット*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, abbr, address, cite, code, del, dfn, em, img,
ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
figcaption, figure, footer, header, hgroup, menu, nav, section,
summary, time, mark, audio, video {
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border: 0;
  outline: 0;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

a {
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
}

ins {
  text-decoration: none;
  color: #000;
  background-color: #ff9;
}

mark {
  font-weight: bold;
  font-style: italic;
  color: #000;
  background-color: #ff9;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  cursor: help;
  border-bottom: 1px dotted;
}

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

hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc;
}

/*サイト全体の基準となるCSSを記述*/
html {
  font-size: 16px;
}

body {
  /*フォントの指定*/
  font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /*行間の指定*/
  line-height: 1.4;
  margin: 0;
  padding: 0;
  /*サイトのデフォルトとなる文字の色を指定*/
  color: #333;
}

/*見出しを全て太字で表示 + 文字色を黒に*/
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: #000;
}

img {
  max-width: 100%;
  height: auto;
}
/*各項目不要項目隠しここから*/
.dui-cards.searchresultitems {
    scroll-snap-type: x mandatory;
    width: 100%;
    overflow-x: scroll;
    display: flex;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    height: 100%;
    overflow-y: hidden;
}

.dui-card.searchresultitem {
    scroll-snap-align: start;
    height: 100%;
    width: 39.33%;
    flex: none;
    color: #FFF;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
}

div.content.title > h2 > a {
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.2em;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    min-height: 77px;
    color: #0867bf;
    height: 44px;
    font-weight: 100;
}
.content.coupons {
    text-align: center;
    font-size: 12px;
    color: red;
    display: none;
}
button.dui-button.-icon.favorite {
    display: none;
}

.dui-menu {
    display: none;
}

.content.points {
    display: none;
}

.content.review {
    display: none;
}

.dui-card.searchresultitem a.ranking {
    display: none;
}

.content.description.price {
    text-align: center;
    display: block;
}
.content.status {
    display: none;
}
span.with-help {
    display: none;
}

span.important {
    font-weight: 600;
    color: red;
}

.dui-tags {
    display: none;
}
/*各項目不要項目隠しここまで*/
/**サーチここから*/
#search {
    clear: both;
    overflow: hidden;
    padding: 0px;
    background-color: #fff;
    margin-bottom: 0;
    padding-top: 5px;
    margin-bottom: -5px;
}
#search input[type=text] {
    border: #666 2px solid;
    font-size: 120%;
    height: 33px;
    width: 75%;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    border-radius: 0;
    float: left;
}

#searchsubmit {
    float: left;
    width: 25%;
    height: 33px;
}
#searchsubmit input[type=submit] {
    padding: 0 10px;
    border: none;
    color: #fcfbfd;
    background: #666;
    font-weight: bold;
    font-size: 110%;
    width: 100%;
    height: 33px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    border-radius: 0;
}
/**サーチここまで*/
/*ランキングここから*/
a.ranking {
    width: 25%;
    display: inline-block;
    padding: 0px 4px;
    margin-bottom: -20px;
}
a.ranking img {border-radius: 20px;border: 1px solid #ccc;/* margin: 0; *//* padding: 0; */}

a.ranking:nth-child(1) {
    padding-left: 0;
}
a.ranking:nth-child(4) {
    padding-right: 0;
}
a.ranking:nth-child(5) {
    display: none;
}
/*ランキングここまで*/
/*情報注意ここから*/
span.item_caution {
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.3em;
    display: block;
    margin-top: 5px;
    color: #666;
}
/*情報注意ここまで*/

/************************************************
 TOPページランキング
************************************************ */
.bodytext.bodyBlog {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
}

.autoPostRankingTitle {
    grid-area: 1 / 1 / 2 / 4;
}

.bodytext.bodyBlog > p:nth-child(2) {
    grid-area: 2 / 1 / 3 / 4;
    display: none;
}

.autoPostRankingDate {
    grid-area: 3 / 1 / 4 / 4;
    background: #fef9db;
    margin-top: -10px;
    font-size: 0.8em;
    font-weight: 600;
    text-align: right;
    color: #ce1000;
    letter-spacing: 0;
    padding: 3px 5px 3px 0;
}

.bodytext.bodyBlog > p:nth-child(4) {
    grid-area: 4 / 1 / 5 / 4;
    display: none;
}

.autoPostRanking:nth-of-type(3) {
    grid-area: 5 / 1 / 6 / 2;
}

.autoPostRanking:nth-of-type(4) {
    grid-area: 5 / 2 / 6 / 3;
}

.autoPostRanking:nth-of-type(5) {
    grid-area: 5 / 3 / 6 / 4;
}

.autoPostRanking:nth-of-type(6) {
    grid-area: 6 / 1 / 7 / 2;
}

.autoPostRanking:nth-of-type(7) {
    grid-area: 6 / 2 / 7 / 3;
}

.autoPostRanking:nth-of-type(8) {
    grid-area: 6 / 3 / 7 / 4;
    /* margin-top: 10px; */
}

.autoPostRanking:nth-of-type(9) {
    grid-area: 7 / 1 / 8 / 2;
    /* margin-top: 10px; */
}

.autoPostRanking:nth-of-type(10) {
    grid-area: 7 / 2 / 8 / 3;
}

.autoPostRanking:nth-of-type(11) {
    grid-area: 7 / 3 / 8 / 4;
}

.autoPostRanking:nth-of-type(12) {
    grid-area: 8 / 1 / 9 / 2;
}

.bodytext.bodyBlog > p:nth-child(15) {
    grid-area: 8 / 2 / 9 / 4;
    font-size: 0.5em;
    letter-spacing: 0;
    line-height: 1.3;
    margin-bottom: 1em;
}

.autoPostRankingTitle .crownImg {
    display: none;
}

.bodytext.bodyBlog > div > div.title a {
    font-size: 0.8em;
    letter-spacing: 0;
    line-height: 1.3em;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 3.9em;
    color: #0867bf;
    height: 3em;
    font-weight: 600;
}

.bodytext.bodyBlog div.rank {
    display: none;
}

.bodytext.bodyBlog .rankAfter {
    display: none;
}

.bodytext.bodyBlog .price {
    font-size: 16px;
    margin-top: 0px;
    color: #db3e26;
    font-weight: bold;
    letter-spacing: -1px;
    margin-bottom: 0px;
    text-align: right;
    display: none;
}


.bodytext.bodyBlog .icon {
    display: none;
}

.bodytext.bodyBlog .review {
    display: none;
}

.bodytext.bodyBlog .cart {
    display: none;
}

.bodytext.bodyBlog div.itemImg img {
    box-sizing: border-box;
    margin: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.bodytext.bodyBlog div.itemImg img:hover {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}

.bodytext.bodyBlog div.itemImg {
    text-align: center;
}

.bodytext.bodyBlog span.carriage {
    display: none;
}

.bodytext.bodyBlog .rankingTitle, .osusumeTitle {
    background: #ce1000;
    color: #f1f1f1;
    text-align: center;
    padding: 5px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1;
}


/* 商品に見立てた枠 */
.bodytext.bodyBlog .autoPostRanking {
    background: #fafafa;
    border: #eee 1px solid;
    margin: 0 auto;
    position: relative;
    padding: 3px
}

/* ラベル部分 左上に表示 */
.bodytext.bodyBlog .autoPostRanking::before {
    content: "";
    top: 0;
    left: 0;
    border-left: 3em solid #90b3b7;
    /* ラベルの色はここで変更 */
    border-bottom: 3em solid transparent;
    position: absolute;
    z-index: 100;
}

.bodytext.bodyBlog .autoPostRanking::after {
    display: block;
    top: 5px;
    transform: rotate(-45deg);
    color: #fff;
    /* 文字色はここで変更 */
    left: auto;
    position: absolute;
    z-index: 101;
    letter-spacing: 0;
    font-size: 0.9em;
    font-weight: 600;
}

.bodytext.bodyBlog .autoPostRanking:nth-of-type(3)::before {
    border-left: 3em solid #ffd22d;
    /* ラベルの色はここで変更 */
}

.bodytext.bodyBlog .autoPostRanking:nth-of-type(3)::after {
    content: "1位";
    color: #dc143c;
    /* 文字色はここで変更 */

}

.bodytext.bodyBlog .autoPostRanking:nth-of-type(4)::before {
    border-left: 3em solid #999;
    /* ラベルの色はここで変更 */
}

.bodytext.bodyBlog .autoPostRanking:nth-of-type(4)::after {
    content: "2位";
    color: #fff;
    /* 文字色はここで変更 */
}

.bodytext.bodyBlog .autoPostRanking:nth-of-type(5)::before {
    border-left: 3em solid #c18516;
    /* ラベルの色はここで変更 */
}

.bodytext.bodyBlog .autoPostRanking:nth-of-type(5)::after {
    content: "3位";
    color: #fff;
    /* 文字色はここで変更 */
}

.bodytext.bodyBlog .autoPostRanking:nth-of-type(6)::after {
    content: "4位";
    color: #fff;
    /* 文字色はここで変更 */
}

.bodytext.bodyBlog .autoPostRanking:nth-of-type(7)::after {
    content: "5位";
    color: #fff;
    /* 文字色はここで変更 */
}

.bodytext.bodyBlog .autoPostRanking:nth-of-type(8)::after {
    content: "6位";
    color: #fff;
    /* 文字色はここで変更 */
}

.bodytext.bodyBlog .autoPostRanking:nth-of-type(9)::after {
    content: "7位";
    color: #fff;
    /* 文字色はここで変更 */
}

.bodytext.bodyBlog .autoPostRanking:nth-of-type(10)::after {
    content: "8位";
    color: #fff;
    /* 文字色はここで変更 */
}

.bodytext.bodyBlog .autoPostRanking:nth-of-type(11)::after {
    content: "9位";
    color: #fff;
    /* 文字色はここで変更 */
}

.bodytext.bodyBlog .autoPostRanking:nth-of-type(12)::after {
    content: "10位";
    color: #fff;
    /* 文字色はここで変更 */
    left: 0;
}

.bodytext.bodyBlog div.title {
    display: none;
}


a.ranking {
    margin: 0;
}
/*　スマホテキストナビ　*/
.textnav .dui-card.searchresultitem {
    width: auto;
    padding: 15px 5px;
}

.textnav {
    margin-bottom: 0px;
    /* border-top: 1px solid #ececec; */
    background: #F9F9F9;
    padding-bottom: 5px!important;
    padding-top: 5px !important;
}


.textnav a {color: #000000;font-size: 0.9em;}

/*style.cssに記述*/
/*雰囲気クリスマスここから
section.elementor-section.elementor-top-section.elementor-element.elementor-element-1d1158c.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.textnav {
    background: #006a37 !important;
}

section.elementor-section.elementor-top-section.elementor-element.elementor-element-1d1158c.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.textnav a {
   color: white !important;
}


.elementor-25 .elementor-element.elementor-element-2547ded:not(.elementor-motion-effects-element-type-background), .elementor-25 .elementor-element.elementor-element-2547ded > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background: #ff000f !important;
}

.elementor-25 .elementor-element.elementor-element-028bf9b:not(.elementor-motion-effects-element-type-background), .elementor-25 .elementor-element.elementor-element-028bf9b > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background: #ff000f !important;
}
雰囲気クリスマスここまで*/
/*雰囲気正月ここから
section.elementor-section.elementor-top-section.elementor-element.elementor-element-1d1158c.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.textnav {
    background: #fef9db !important;
}

section.elementor-section.elementor-top-section.elementor-element.elementor-element-1d1158c.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.textnav a {
   color: #ff0000 !important;
}


.elementor-25 .elementor-element.elementor-element-2547ded:not(.elementor-motion-effects-element-type-background), .elementor-25 .elementor-element.elementor-element-2547ded > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background: #ff0000 !important;
}

.elementor-25 .elementor-element.elementor-element-028bf9b:not(.elementor-motion-effects-element-type-background), .elementor-25 .elementor-element.elementor-element-028bf9b > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background: #ff0000 !important;
}*/
/*雰囲気正月ここまで*/