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

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

body {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 62.5%;
	color: #2b0700;
	font-weight: 700;
	background-image:url(../images/krt25-bgimg.jpg);
	background-repeat:repeat;
}
h1, h3, h4 {
	font-size: 62.5%;
}
ul, li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

a{
	display:block;
	text-decoration:none;
	color: #2b0700;
}

.img2{
	width:100%;
}

/*ヘッダ**********/
.posiCenter {
  position:relative;
  width:100%;
  height:1100px;
  margin:0 auto;
  overflow:hidden;
  margin-bottom:50px;
  z-index:-1;
}
.posiCenterIn {
  position:absolute;
  left:50%;
  top:0;
  width:2000px;
  height:1100px;
  margin-left:-1000px;/*widthの半分を-で*/
  text-align:center;
  z-index:-1;
}

.logo{
top:15px;
left:15px;
position:absolute;
z-index:99999;
}

.pc_none{
	display:none;
}

.coopon2c{
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	width:1200px;
	margin:50px 0px;
	margin-left:auto;
	margin-right:auto;
}
.coopon2c li {
	width:48%;
}
.coopon2c li img{
	width:100%;
	max-width:600px;
}

/******************************************

商品

******************************************/

.conte {
	width: 94%;
	padding:60px;
	max-width: 1300px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.4rem;
	background-image:url(../images/vdt23_back.jpg);
}


.category_title{
	width:100%;
	max-width:1000px;
	margin-top:150px;
	margin-bottom:50px;
	margin-right:auto;
	margin-left:auto;
}
.category_title-f{
	width:100%;
	max-width:1000px;
	margin-top:100px;
	margin-bottom:50px;
	margin-right:auto;
	margin-left:auto;
}


#ranking_conte{
	display: grid;
	width:100%;
	max-width:1000px;
	gap:10px;
	margin-right:auto;
	margin-left:auto;
}

#ranking_item1{
	grid-row: 1 / 3;
    grid-column: 1 / 2;
}
#ranking_item2{
	grid-row: 1 / 2;
    grid-column: 2 / 3;
}
#ranking_item3{
	grid-row: 1 / 2;
    grid-column: 3 / 4;
}
#ranking_item4{
	grid-row: 2 / 3;
    grid-column: 2 / 3;
}
#ranking_item5{
	grid-row: 2 / 3;
    grid-column: 3 / 4;
}

.item_list {
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	width: 100%;
	margin-bottom:130px;
}
.item_list li {
	width: 48%;
	text-align:left;
	display:grid;
}
.item_list li > span {
  align-self: end;
}
.img_left {
	margin-right: 4%;
}
.img_left img{
	width:100%;
	max-width: 550px;
}
.img_right {
	margin-left: 4%;
	text-align: right;
}
.item_list_img {
	/*transform: rotate( 6deg );
	box-shadow: 20px 20px #9f2217;*/
	width: 100%;
	/*max-width: 550px;*/
}
h1{
	text-align:center;
	margin-top:-10px;
	margin-bottom:100px;
	font-size:1.5rem;
	color:#333;
	font-weight:normal;
	font-family: "Sawarabi Mincho";
	line-height:150%;
}
h2{
	text-align:center;
}
h3 {
	font-size: 1.8rem;
	margin:0px;
}
h4 {
	font-size: 2.4rem;
	text-decoration: underline;
	text-decoration-thickness: 0.5em;
	text-decoration-color: rgba(254, 238, 208, 0.8);
	text-underline-offset: -0.2em;
	text-decoration-skip-ink: none;
	margin:0px;
}
h5{
	text-align:center;
	font-size: 2rem;
	margin:0px;
}
h6 {
	font-size: 1.8rem;
	text-decoration: underline;
	text-decoration-thickness: 0.5em;
	text-decoration-color: rgba(252, 139, 182, 0.4);
	text-underline-offset: -0.2em;
	text-decoration-skip-ink: none;
	margin:0px 0px 20px 0px;
}
.coopon{
	font-size:1.8rem;
	color:#FFF;
}
.chuui{
	border-radius:30px;
	background-color:#C00;
	color:#fff;
	width:60%;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	padding:20px;
	font-weight:normal;
}
.chuui span{
	color:#FF0;
	font-size:2.0rem;
	margin-bottom:20px;
	font-weight:bold;
}

.text {
	font-weight: 400;
}

.set_conte{
	display: grid;
	width:100%;
	gap:10px;
	align-items:center;
	text-align:left;
}

.set_item1{
	grid-row: 1 / 2;
    grid-column: 1 / 2;
	background-color:#fff;
	padding:10px;
}

.set_item2{
	grid-row: 1 / 2;
    grid-column: 2 / 3;
	font-weight:normal;
	font-size:1.2rem;
}



/*完売間近*/
.next:before{
	display:block;
	width:100%;
	text-align:center;
	font-size:1.4rem;
	background-color:#F0C;
	padding:5px;
	color:#FFF;
	content:'間もなく完売！';
}

.item_box {
	width: 50%;
}
.price_box {
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	margin: 40px 0px 40px 0px;
	font-size: 2.0rem;
	margin-left: auto;
	margin-right: auto;
}

.price {
	font-size: 1.8rem;
	margin-bottom:20px;
	text-align:right;
}
.price:before {
	font-size: 0.9rem;
	content: '送料無料　';
}
.price:after {
	font-size: 0.9rem;
	content: '円';
}
.price_betu {
	font-size: 1.8rem;
	margin-bottom:20px;
	text-align:right;
}
.price_betu:before {
	font-size: 0.9rem;
}
.price_betu:after {
	font-size: 0.9rem;
	content: '円';
}

.price_betu_ {
	font-size: 1.8rem;
	margin-bottom:20px;
	text-align:right;
}
.price_betu_:before {
	font-size: 0.9rem;
}
.price_betu_:after {
	font-size: 0.9rem;
	content: '円～';
}

.price_ {
	font-size: 1.8rem;
	margin-bottom:20px;
	text-align:right;
}
.price_:before {
	font-size: 0.9rem;
	content: '送料無料　';
}
.price_:after {
	font-size: 0.9rem;
	content: '円～';
}

.go_page {
	position: relative;
	padding: 1.2rem;
	color: black;
	border: 2px solid #fdac4d;
	background-color: #fdac4d;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.go_page:before {
	position: absolute;
	top: -7px;
	left: -7px;
	width: 100%;
	height: 100%;
	border: 3px solid #000;
	content: '商品ページはこちら';
}


.go_rev:{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:normal;
	display:block;
}

.go_rev > div:before{
	content: '商品レビュー　';
	font-size:1.0rem;
}

.rev-kensu{
	margin-left:15px;
	font-size:1.0rem;
	color:#00F;
	text-decoration:none;
}
.rev-kensu:before{
	content:'(';
}
.rev-kensu:after{
	content:'）';
}
.go_rev:before {
	/*content: '\f075 　レビューを見る';
	font-family: 'Font Awesome 5 Free';
	font-size:1.0rem;*/
}

.item_text{
	width:80%;
	margin-right:auto;
	margin-left:auto;
	font-weight:normal;
	font-size:1.2rem;
}

.item_2c {
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	margin: 40px 0px 40px 0px;
	margin-left: auto;
	margin-right: auto;
}
.item_2c > li {
	width: 46%;
	text-align: center;
	background-color:#fbe9ca;
	margin-bottom:20px;
	padding:20px;
	border-radius:16px;
}

.item_2c li img{
	width:100%;
}
.price_box_2c {
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	margin: 20px 0px 20px 0px;
	font-size: 2.0rem;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	max-width:300px;
}
.go_page_2c {
	position: relative;
	margin-bottom: 0.2rem;
	padding: 1.2rem;
	color: black;
	border: 2px solid #fdac4d;
	background-color: #fdac4d;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	max-width:300px;
	font-size: 1.2rem;
}
.go_page_2c:before {
	position: absolute;
	top: -7px;
	left: -7px;
	width: 100%;
	height: 100%;
	border: 3px solid #000;
	content: '商品ページはこちら';
}


.item_3c {
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	margin: 40px 0px 40px 0px;
	margin-left: auto;
	margin-right: auto;
}
.item_3c > li {
	width: 32%;
	text-align: center;
	background-color:#fbe9ca;
	border-radius:16px;
	margin-bottom:20px;
	padding:20px 5px 20px 5px;
}
.price_box_2c {
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	margin: 20px 0px 20px 0px;
	font-size: 2.0rem;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

.price_box_3c {
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	margin: 20px 0px 20px 0px;
	font-size: 2.0rem;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
}
.go_page_3c {
	position: relative;
	margin-bottom: 0.2rem;
	padding: 1.2rem;
	color: black;
	border: 2px solid #fdac4d;
	background-color: #fdac4d;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	font-size: 1.4rem;
}
.go_page_3c:before {
	position: absolute;
	top: -7px;
	left: -7px;
	width: 100%;
	height: 100%;
	border: 3px solid #000;
	content: '商品ページはこちら';
}



/* 価格から選ぶ */

.kakaku_list{
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	margin: 40px 0px 80px 0px;
	font-size: 2.0rem;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.kakaku_list > li {
	width: 32%;
	text-align: center;
	background-color:#F66;
	border-radius:16px;
	margin-bottom:20px;
	padding:20px 5px 20px 5px;
}
.kakaku_list > li > a {
	color:#FFF;
}


.small{
	font-size:1.2rem;
}


.point_top{
	width:100%;
	background-color:#F09;
	color:#FFF;
	font-weight:bold;
	padding:10px 0px;
	font-size:2rem;
	line-height:100%;
}
.point_top > .days{
	font-size:1.2rem;
	font-weight:normal;
}

/* 星空の背景のスタイル */
.stars {
  position: relative;
  overflow: hidden; /* 星が枠外にはみ出すのを防ぐ */
}

/* 星のスタイル */
.star {
  position: absolute;
  display: block;
  background-color: #ffd200; /* 星の色 */
  border-radius: 50%;
  box-shadow: 0 0 4px 2px rgba(#fff, 0.2); /* 星の影 */
  opacity: 0;
  animation: twinkle 5s infinite;
}

/* 星がキラキラ光るアニメーション */
@keyframes twinkle {
  0% {
    opacity: 0;
  }

  50% {
    transform: scale(1.1);
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(1);
  }
}