@charset "UTF-8";
/* =================================
�J�e�S���[�y�[�W�@���i�Љ�
======================================== */
.itemlist {
 list-style: none;
 max-width: 1024px;
 margin: 0 auto;
 padding: 0;
 letter-spacing: -.5em;
}
.itemlist li {
 display: inline-block;
 padding: 10px;
 box-sizing: border-box;
 letter-spacing: 0;
 vertical-align: top;
}
@media screen and (min-width: 415px) {
 .itemlist li {
  width: 50%;
 }
}
@media screen and (min-width: 768px) {
 .itemlist li {
  width: 33.333333%;
 }
}
.itemlist dl, .itemlist dd {
 margin: 0;
}
.itemlist dl {
 text-align: right;
}
.itemlist dt, .itemlist .txt {
 text-align: left;
}
.itemlist dt {
 font-size: .9em;
 font-weight: 700;
}
.itemlist dd {
 margin-top: .2em;
 font-size: .8em;
}
.itemlist .price {
 text-align: left;
 display: inline-block;
 padding: .1em .5em;
 color: #989898;
}
.itemlist img {
 width: 100%;
 height: auto;
}
/* =================================
PCのパンくずリスト
======================================== */
.system_content p.pan {
 font-family: メイリオ;
 font-size: 90％; /*テキストのサイズ*/
 padding: 4px;
 margin: 0 0 0 0;
}
.system_content p.pan a {
 text-decoration: none;
 display: inline-block;
 margin: 0 16x;
}
.system_content p.pan :hover {
 text-decoration: none;
 border-bottom: 1px dashed;
 margin-bottom: -1px;
}


/* =================================
おとりよせセットレビュー追加 2021.05
======================================== */
.otoriyose_review {
 border: #fae9d9 3px solid;
 border-radius: 10px;
 padding: 30px 30px 0 30px;
 box-sizing: border-box;
 margin: 50px 0;
}
.otoriyose_review_title {
 text-align: center;
 margin-bottom: 25px;
}
.otoriyose_review_about {
 background: #f9f9f9;
 border: #e0e0e0 1px solid;
 border-radius: 10px;
 color: #6c5d4c;
 font-size: 15px;
 font-weight: bold;
 padding: 20px 0;
 text-align: center;
 width: 720px;
 margin: 0 auto 30px auto;
 position: relative;
 box-sizing: border-box;
}
.otoriyose_review_about::before {
 position: absolute;
 top: 0;
 left: 178px;
 content: "";
 display: inline-block;
 width: 20px;
 height: 16px;
 background: url("https://shop.senkien.jp/images/review/baloon_top.png") no-repeat;
 background-size: contain;
 margin-top: -16px;
}
.otoriyose_review_user {
 background: #f9f9f9;
 padding: 30px 25px;
 margin-bottom: 30px;
 border-radius: 10px;
}
.otoriyose_review_user .review_title {
 font-size: 17px;
 font-weight: bold;
 color: #db8a4f;
 margin-bottom: 5px;
 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
.otoriyose_review_user .review_name {
 font-size: 15px;
}
.otoriyose_review_user_head {
 padding-bottom: 10px;
 margin-bottom: 25px;
 border-bottom: #fae9d9 1px solid;
 position: relative;
}
.otoriyose_rate {
 position: absolute;
 top: 0px;
 right: 30px;
}
.otoriyose_rate img {
 margin-right: 10px;
}
/* 星評価
---- */
.star-rating-div {
 display: inline-flex;
 align-items: center;
}

.star5_rating{
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
	font-size: 20px;
    color: #CCCCCC; /* グレーカラー 自由に設定化 */
    /*font-size: 30px; フォントサイズ 自由に設定化 */
}

.star5_rating:before, .star5_rating:after{
    content: '★★★★★';
}

.star5_rating:after{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #da883f; /* イエローカラー 自由に設定化 */
}

.star5_rating[data-rate="5"]:after{ width: 100%; } /* 星5 */
.star5_rating[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.star5_rating[data-rate="4"]:after{ width: 80%; } /* 星4 */
.star5_rating[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.star5_rating[data-rate="3"]:after{ width: 60%; } /* 星3 */
.star5_rating[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
.star5_rating[data-rate="2"]:after{ width: 40%; } /* 星2 */
.star5_rating[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */
.star5_rating[data-rate="1"]:after{ width: 20%; } /* 星1 */
.star5_rating[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
.star5_rating[data-rate="0"]:after{ width: 0%; } /* 星0 */