@charset "euc-jp";
/* 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;
}

.sp_none{
	display:none;
}

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

.sp_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;
	flex-flow: column;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-top:-0px;
	margin-bottom:-40px;
}
.coopon2c li {
	margin-bottom:10px;
}
.coopon2c li img{
}



/*ヘッダ**********/
.posiCenter {
}
.posiCenterIn img{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.logo{
top:5px;
left:10px;
width:20%;
}


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

商品

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

.conte {
	width: 94%;
	max-width:750px;
	padding: 10px;
	font-size: 0.9rem;
	background-image: url(../images/vdt23_back.jpg);
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}

.category_title img{
	width:100%;
	margin-top:30px;
	margin-right:auto;
	margin-left:auto;
}

.category_title-f img{
	width:100%;
	margin-top:20px;
	margin-right:auto;
	margin-left:auto;
}

#ranking_conte{
	display: grid;
	width:100%;
	gap:5px;
}

#ranking_item1{
	grid-row: 1 / 2;
    grid-column: 1 / 3;
}
#ranking_item2{
	grid-row: 2 / 3;
    grid-column: 1 / 2;
}
#ranking_item3{
	grid-row: 2 / 3;
    grid-column: 2 / 3;
}
#ranking_item4{
	grid-row: 3 / 4;
    grid-column: 1 / 2;
}
#ranking_item5{
	grid-row: 3 / 4;
    grid-column: 2 / ;
}
#ranking_conte img{
	width:100%;
}

.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;
	flex-direction: column;
	width: 100%;
	margin-top:30px;
}
.item_list li {
	width:100%;
}
.order1 {
  order: 1;　/*上から1番目に表示*/
}
.order2 {
  order: 2;　/*上から2番目に表示*/
}

.img_left {
	margin-right: 4%;
}
.img_left img {
	width: 100%;
}
.img_right {
	width: 100%;
}
.item_list_img {
	width: 100%;
}
h1{
	text-align:center;
	font-size:1rem;
	font-weight:normal;
	font-family: "Sawarabi Mincho";
}
h2{
	text-align:center;
	margin-top:80px;
}
h3 {
	font-size: 1.2rem;
	text-align:center;
	margin:0px;
}
h4 {
	font-size: 1.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;
	text-align:center;
	margin:0px;
}
h5 {
	text-align: center;
	font-size: 1.6rem;
	margin:50px 0px 20px 0px;
}
h6 {
	font-size: 1rem;
	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 10px 0px;
}
.coopon{
	font-size:1.4rem;
	color:#FFF;
}

.chuui {
	border-radius: 30px;
	background-color: #C00;
	color: #fff;
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding: 20px;
	font-weight: normal;
	font-size:1rem;
}
.chuui span {
	color: #FF0;
	font-size: 1.2rem;
	margin-bottom: 20px;
	font-weight: bold;
}
.text {
	font-weight: 400;
	margin:0px;
	font-size:1rem;
}

.set_conte{
	display: grid;
	width:100%;
	gap:10px;
	align-items:center;
	text-align:left;
	margin-top:15px;
}
.item_2c > li > a > .set_conte{
	display:none;
}

.set_item1{
	grid-row: 1 / 2;
    grid-column: 1 / 2;
}


.set_item2{
	grid-row: 2 / 3;
    grid-column: 1 / 2;
	font-weight:normal;
	font-size:1rem;
	line-height:120%;
}


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


.item_box {
	width: 80%;
	margin-left:auto;
	margin-right:auto;
}
.item_box li{
	width:45%;
}
.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: 10px 0px 10px 0px;
	font-size: 1.4rem;
	margin-left: auto;
	margin-right: auto;
}

.price {
	text-align: right;
	font-size: 1.2rem;
	margin-bottom:10px;
	padding-right:10px;
	font-weight:700;
}
.price:before {
	font-size: 0.9rem;
	content: '送料無料　';
}
.price:after {
	font-size: 0.9rem;
	content: '円';
}

.price_ {
	text-align: right;
	font-size: 1.2rem;
	margin-bottom:10px;
	padding-right:10px;
	font-weight:700;
}
.price_:before {
	font-size: 0.9rem;
	content: '送料無料　';
}
.price_:after {
	font-size: 0.9rem;
	content: '円〜';
}
.price_betu {
	text-align: right;
	font-size: 1.2rem;
	margin-bottom:10px;
	padding-right:10px;
	font-weight:700;
}
.price_betu:before {
	font-size: 0.9rem;
}
.price_betu:after {
	font-size: 0.9rem;
	content: '円';
}
.price_betu_ {
	text-align: right;
	font-size: 1.2rem;
	margin-bottom:10px;
	padding-right:10px;
	font-weight:700;
}
.price_betu_:before {
	font-size: 0.9rem;
}
.price_betu_:after {
	font-size: 0.9rem;
	content: '円〜';
}



.go_page {
	position: relative;
	margin-bottom: 0.2rem;
	padding: 1rem;
	color: black;
	border: 1px solid #fdac4d;
	background-color: #fdac4d;
	text-align: center;
	width:70%;
	margin-left: auto;
	margin-right: auto;
}
.go_page:before {
	position: absolute;
	top: -5px;
	left: -5px;
	width: 100%;
	height: 100%;
	border: 2px 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:5px;
	font-size:0.8rem;
	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;
}


.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-left: auto;
	margin-right: auto;
}
.item_2c>li {
	width: 49%;
	text-align: center;
	margin-top:30px;
	font-size:0.8rem;
	font-weight:normal;
}
.item_2c img{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.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: 10px 0px 10px 0px;
	font-size: 1.8rem;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	font-weight:700;
}
.go_page_2c {
	position: relative;
	margin-bottom: 0.2rem;
	padding: 0.9rem;
	color: black;
	border: 1px solid #fdac4d;
	background-color: #fdac4d;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	font-size: 1rem;
	font-weight:700;
}
.go_page_2c:before {
	position: absolute;
	top: -5px;
	left: -5px;
	width: 100%;
	height: 100%;
	border: 2px 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-left: auto;
	margin-right: auto;
}
.item_3c li {
	width: 48%;
	text-align: center;
}
.item_3c img {
	width: 100%;
	max-width: 265px;
	margin-top:20px;
}
.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: 10px 0px 10px 0px;
	font-size: 1.8rem;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
.go_page_3c {
	position: relative;
	margin-bottom: 0.2rem;
	padding: 0.9rem;
	color: black;
	border: 2px solid #fdac4d;
	background-color: #fdac4d;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	font-size: 1rem;
}
.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: 10px 0px 80px 0px;
	font-size: 1.0rem;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.kakaku_list > li {
	width: 30%;
	text-align: center;
	background-color:#F66;
	border-radius:5px;
	margin-bottom:20px;
	padding:20px 0px;
}
.kakaku_list > li > a {
	color:#FFF;
}


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