@charset "utf-8";
/* ----------------------------------------------------------------------

 Archive Page style setting

---------------------------------------------------------------------- */





/* Single～Archive BackBTN */
.archive-back-link {
	text-align: center;
}
.archive-back-link-btn {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #67c5ff;
	border: solid 2px #67c5ff;
	border-radius: 3px;
	transition: .4s;
}

.archive-back-link-btn:hover {
  background: #67c5ff;
  color: white;
}



/************************************************************
 *  Media StyleSeet *
 */
/* Archive Page */
.archive-media-area {
	margin: 0;
	padding: 0;
}
.archive-media-area-row {
	padding: 1rem 0 1rem;
	border-bottom: 1px dotted #ccc;
}
.archive-media-area-days {
	height:25px;
	margin:0 0 .5rem;
	padding:0;
	position:relative;
}
.archive-media-area-title {
	padding-left: 1.2rem;
	background: url(../img/oshirase_point.png) no-repeat left center;
}
/* Single Page */
.single-media-area {
	padding: 6rem 0 6rem;
}
.single-media-title {
	margin: 0 0 6rem;
}
.single-media-images {
	margin: 0 0 3rem;
	text-align: center;
}
.single-media-comment {
	margin: 0 0 6rem;
}
@media screen and (max-width: 813px) {
.single-media-area {
	padding: 3rem 0 3rem;
}
.single-media-title,
.single-media-images,
.single-media-comment {
	margin: 0 0 3rem;
}
}


/************************************************************
 *  Single Item StyleSeet *
 */
#single-item { }

#single-top-revers { width:100%; height:30px; margin-bottom:.8rem; text-align:right; }
.img-right {margin-left: auto;}


#single-item_area {
   margin-bottom: 2rem;
   display: -webkit-flex; display: flex; flex-wrap: wrap; align-content: space-between;
}
.single-item_area_images { width: 410px; }
.single-item_area_images img { width: 100%; }
/* single-item-gallery */
dl.single-item-gallery { margin: 0 0 0.5rem 0; }
dl.single-item-gallery dt { }
dl.single-item-gallery dd { width: 410px; margin: 0; padding: 0px 3px; background-color: #eee; box-sizing: border-box; }
dl.single-item-gallery dd ul { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #eee; margin: 0; }
dl.single-item-gallery dd ul li { width: 19%; height: auto; margin: 0; }
dl.single-item-gallery dd ul li img { width: 100%; }

.single-gift-image-bottom-banner {
	width: 100%;
	margin-bottom: .5rem;
}
.single-gift-image-bottom-banner img {
	width: 100%;
}

.single-item-movie-title {
	width: 100%;
	margin: 1rem 0 .5rem;
	padding: 0 0 0;
}
.single-item-movie-title {
	width: 100%;
}
.single-item-movie {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;}
.single-item-movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.single-item_area_how { width: 390px; padding-left: 1rem; box-sizing: border-box; }
.single-item_area_how p { margin-bottom: .8rem; }

.single-item_area_price { width: 100%; padding: .5rem; margin-bottom: .5rem; border: 1px dotted #f00; color: #000; text-align: right; box-sizing: border-box; }
.single-item_area_price p { margin: 0; }
.item_price_title { display: block; }
.item_price { color:#f00; font-size: 1.2rem; font-weight: bold; }

.single-item_area_cart { width: 100%; padding: .5rem; text-align: right; background-color:#ffb2ac ; box-sizing: border-box; }
.single-item_area_point { padding: .5rem 0; }

.single-cart-fax-images-area {
	padding: .5rem 0;
}
.single-cart-fax-images-area img {
	width: 100%;
}

#single-item_how { width: 100%; margin-bottom: 1rem; }
#single-item_how02 { width: 100%; margin-bottom: 1rem; }
.single-item_how_dl { width:100%; display: table-row; }
.single-item_how_title { width: 35%; background: #f5f5f5; font-weight: normal; }
.single-item_how_body { width: 65%; font-weight: normal; }
.single-item_how_title, .single-item_how_body { vertical-align: top; padding: 1rem; display: table-cell; border: 1px solid #ccc; box-sizing: border-box; }
@media screen and (max-width: 813px) {
	.single-item_area_how { width: 390px; padding-left: 0rem; box-sizing: border-box; }
}

.single-cart-bottom-images-area {
	padding: 0 0 .5rem;
}
.single-cart-bottom-images-area img {
	width: 100%;
}


#single-item-review-area { margin: 0 0 3rem;}
.sp-review-btn-area {
	margin: 0 0 1.5rem;
}
.sp-review-btn-area img {
	width: 100%;
}


/* 宝永商品一覧（宝永餃子のみ） */
#single-item-recommend-area {}
.single-item-recommend { width: 100%; display: -webkit-flex; display: flex; flex-wrap: wrap; align-content: space-between; }
.single-item-recommend li { display: flex; flex-wrap: wrap; width: 25%; margin: 0 0 .8rem; padding:.2rem; box-sizing: border-box; }

.single-item-recommend_box { padding: .3rem; border: 1px solid #ccc; box-sizing: border-box; display: flex; flex-direction: column; }
.single-item-recommend_box img { width: 182px; }
.single-item-recommend_box p.list_title { margin:.4rem 0; font-weight:bold; }
.single-item-recommend_bottom { margin-top: auto; }
/* 価格 */
.single-item-recommend_bottom p.list_price { color:#f00; font-size:1.2rem; font-weight:bold; text-align:right; }
.single-item-recommend_bottom p.list_price span { font-size:.8rem; color:#000; }
/* 詳細ボタン */
.single-item-recommend_bottom p.list_next { width: 100%; background-color:#fbb03b; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-align: center; }
.single-item-recommend_bottom p.list_next a { color: #fff; }

@media screen and (max-width: 813px) {
#single-item { }

#single-top-revers { width:100%; height:30px; margin-top:1rem; margin-bottom:.8rem; text-align:right; /*background-color: #C1272D; border-radius: 3px; animation: 2s linear infinite blink_effect;*/ }
/*
@keyframes blink_effect {
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}
*/
.img-right {margin-left: auto;}


#single-item_area {
   margin-bottom: 2rem;
   display: -webkit-flex; display: flex; flex-wrap: wrap; align-content: space-between;
}
.single-item_area_images { width: 100%; }
.single-item_area_images img { width: 100%; }
.single-item_area_how { width: 100%; }
.single-item_area_how p { margin-bottom: .8rem; }

.single-item-movie-title {
	width: 100%;
	margin: 1rem 0 .5rem;
	padding: 0 0 0;
}
.single-item-movie-title {
	width: 100%;
}
.single-item-movie {  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;}
.single-item-movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.single-item_area_price {
   width: 100%;
   padding: .5rem;
   margin-bottom: .5rem;
   border: 1px dotted #f00;
   color: #000;
   text-align: right;
   box-sizing: border-box;
}
.single-item_area_price p { margin: 0; }
.item_price_title { display: block; }
.item_price { color:#f00; font-size: 1.2rem; font-weight: bold; }

.single-item_area_cart { width: 100%; padding: .5rem; text-align: right; background-color:#ffb2ac; box-sizing: border-box; }

.single-item_area_point { padding: .5rem 0; }
.single-item_area_point img { width:100%; }


#single-item_how { width: 100%; margin-bottom:.8rem; }

.single-item_how_dl { display: table-row; }
.single-item_how_title { width: 35%; background: #f5f5f5; font-weight: normal; }
.single-item_how_title, .single-item_how_body {vertical-align: top; padding: 1rem; display: table-cell; border: 1px solid #ccc; box-sizing: border-box; }

/* single-item-gallery */
dl.single-item-gallery { margin: 0 0 0.5rem 0;}
dl.single-item-gallery dt { }
dl.single-item-gallery dd { width: 100%; margin: 0; background-color: #eee; text-align: center; }
dl.single-item-gallery dd ul { width: 100%; display: -webkit-flex; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; background-color: #eee; text-align: center; }
dl.single-item-gallery dd ul li { width: 19%; height: auto; margin: 0; }
dl.single-item-gallery dd ul li img { width: 100%; }

/* 宝永商品一覧（宝永餃子のみ） */
#single-item-recommend-area {}
.single-item-recommend { width: 100%; display: -webkit-flex; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
.single-item-recommend li { display: flex; width: 50%; margin: 0 0 .8rem; padding:.2rem; box-sizing: border-box; }

.single-item-recommend_box { padding: .3rem; border: 1px solid #ccc; box-sizing: border-box; display: flex; flex-direction: column; }
.single-item-recommend_box img { width: 100%; }
.single-item-recommend_box p.list_title { margin:.4rem 0; font-weight:bold; }
.single-item-recommend_bottom { margin-top: auto; }
/* 価格 */
.single-item-recommend_bottom p.list_price { color:#f00; font-size:1.2rem; font-weight:bold; text-align:right; }
.single-item-recommend_bottom p.list_price span { font-size:.8rem; color:#000; }
/* 詳細ボタン */
.single-item-recommend_bottom p.list_next { width: 100%; background-color:#fbb03b; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-align: center; }
.single-item-recommend_bottom p.list_next a { color: #fff; }
}
/* 栄養成分テーブル */
.single-item-eiyou th {
  background: #e9727e;
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px;
}
.single-item-eiyou td {
  border: solid 1px #ccc;
  padding: 10px;
}
@media screen and (max-width: 640px) {
  .single-item-eiyou {
    width: 100%;
  }
  .single-item-eiyou tr {
    display: block;
    float: left;
  }
  .single-item-eiyou tr td, 
  .single-item-eiyou tr th {
    border-left: none;
    display: block;
    height: 50px;
  }
  .single-item-eiyou thead {
    display: block;
    float: left;
    width: 50%;
  }
  .single-item-eiyou thead tr {
    width: 100%;
  }
  .single-item-eiyou tbody {
    display: block;
    float: left;
    width: 50%;
  }
  .single-item-eiyou tbody tr {
    width: 100%;
  }
  .single-item-eiyou tr td + td {
    border-left: none;
  }
  .single-item-eiyou tbody td:last-child {
    border-bottom: solid 1px #ccc;
  }
}



/************************************************************
 *  Store StyleSeet *
 */
.archive-store-top-comment {
	padding: 2rem 0;
}