#pic_up{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 0.8em;
    margin: 0; 
    border-bottom: solid 1px #e8e8e8;
    font-size: 13px;
	text-align: center;
}
#pic_up_side{
    width: 90%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(205px, 1fr));
    grid-gap: 0.8em;
    padding: 10px;
    margin: 10px 10px 10px 30px; 
    overflow: hidden;
    border-bottom: solid 1px #e8e8e8;
}
.item_set{
    display: block;
    position: relative;
    min-width: 250px;
	max-width: 500px;
    margin: 10px;
    padding: 10px;
    border: var(--uno-border);
    border-radius: 10px;
	box-shadow: 1px 1px 1px 2px #eee;
}
.item_set a:hover dd span{
    color: var(--uno-color-hover);
}
.item_set dt{
    margin-bottom: 5px;
    padding: 5px;
    background: #000;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 500;
}
.item_set dd.detail{
    padding: 5px;
    color: #000;
}
.item_set dd.detail span{
    display: block;
    padding: 5px;
    background: #e8e8e8;
}
.item_set img{
    height: 120px;
}

.side-img{
    width: 100%;
}
.side-img img{
    width: 230px;
    box-shadow: 1px 1px 1px 2px #e8e8e8;
    background: #fff;
    border-radius: 5px;
    padding: 5px;
    margin: 10px 10px 10px 0;
    display: block;
    clear: both;
}
.item_set_2{
    display: block;
    position: relative;
    min-width: 250px;
	max-width: 500px;
    margin: 10px;
    padding: 10px;
    border: var(--uno-border);
    border-radius: 10px;
	box-shadow: 1px 1px 1px 2px #eee;
}
.item_set_2 a:hover dd span{
    color: var(--uno-color-hover);
}
.item_set_2 dt{
    margin-bottom: 5px;
    padding: 5px;
    background: #000;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 500;
}
.item_set_2 dd.detail{
    padding: 5px;
    color: #000;
}
.item_set_2 dd.detail span{
    display: block;
    padding: 5px;
    background: #e8e8e8;
}
.item_set_2 img{
    height: 280px;
}
.item_set_3{
    display: block;
    position: relative;
    min-width: 250px;
	max-width: 500px;
    margin: 10px;
    padding: 10px;
    border: var(--uno-border);
    border-radius: 10px;
	box-shadow: 1px 1px 1px 2px #eee;
}
.item_set_3 a:hover dd span{
    color: var(--uno-color-hover);
}
.item_set_3 dt{
    margin-bottom: 5px;
    padding: 5px;
    background: #000;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 500;
}
.item_set_3 dd.detail{
    padding: 5px;
    color: #000;
}
.item_set_3 dd.detail span{
    display: block;
    padding: 5px;
    background: #e8e8e8;
}
.item_set_3 img{
    height: 240px;
}

#shop table{
	width: 300px;
	height: 300px;
	flex-grow: 1;
	margin-top: 10px;
	margin-right: 10px;
}
#shop table th{
	background: #e8eef9;
	width: 100px;
}
#shop table td{
	border-bottom: var(--uno-border);
	padding-left: 10px;
}
#prev{
    display: inline-block;
    height: 30px;
    margin-bottom: 10px;
    background: var(--uno-bg-color-g);
  }
  #next_f{
    position: relative;
    left: calc(100% - 130px);
    display: inline-block;
	width: 130px;
    height: 25px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 0.8rem;
    border-radius: 5px;
  }
  #next{
    position: relative;
    left: calc(100% - 280px);
    display: inline-block;
	width: 130px;
    height: 25px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 0.8rem;
    border-radius: 5px;
  }
  #prev{
    position: relative;
    left: 10px;
    display: inline-block;
	width: 130px;
    height: 25px;
    text-align: center;
    font-size: 0.8rem;
    border-radius: 5px;
  }
  #next_f a,#next a,#prev a{
    display: block;
    width: 100%;
    height: 100%;
    padding: 2px;
    background: var(--uno-menu-gradation);
    border-radius: 5px;
    border: var(--uno-border);
  }
  #next_f a:hover,#next a:hover,#prev a:hover{
    background: var(--uno-menu-gradation-hover);
    color: var(--uno-color-hover);
    border-radius: 5px;
  }
/* item_box_first */
div#price_box table{
	display: block;
    margin-right: 10px;
	margin-bottom: 5px;
	border-collapse:separate;
	border-spacing:0;
}
div#item_box thead td{
    width: 100%;
	padding: 5px;
	background-color: #e8e8e8;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	font-size:1em;
	text-align: left;
	font-weight: bold;
}
div#item_box thead td.qty{
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
}
div#item_box tbody td{
	margin: 0;
	padding: 10px;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	font-family: sans-serif, "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
	font-size:13px;
	font-weight: bold;
}
div#item_box tbody td span{
	font-weight: 100;
}
div#item_box tbody td.qty{
	max-width:100px;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
}
div#item_box td span{
	font-size:12px;
}
div#item_box em{
	font-size: 1.6em;
	margin-bottom: 10px;
}
select.item_qty{
	margin: 5px;	
}
.unit_cost{
	font-size: 12px;
}
#total_price{
	border: none;
	color: red;
	font-size: 1rem;
	width: 80px;
}
a.gocart span{
	position: relative;
	top: -38px;
	left: 130px;
	padding: 2px;
	background-color: #e8e8e8;
	border-radius: 5px;
	border: solid 1px #ccc;
	font-size: 11px;
}
div#item_box button{
	position:relative;
	right: 5px;
}
/* item_box_end */
div#item_box_second table{
	display: block;
    margin-right: 10px;
	margin-bottom: 5px;
	border-collapse:separate;
	border-spacing:0;
}
div#item_box_second thead td{
    width: 100%;
	padding: 5px;
	background-color: #e8e8e8;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	font-size:1em;
	text-align: left;
	font-weight: bold;
}
div#item_box_second thead td.qty{
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
}
div#item_box_second tbody td{
	margin: 0;
	padding: 10px;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	font-family: sans-serif, "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
	font-size:13px;
	font-weight: bold;
}
div#item_box_second tbody td span{
	font-weight: 100;
}
div#item_box_second tbody td.qty{
	max-width:100px;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
}
div#item_box_second td span{
	font-size:12px;
}
div#item_box_second em{
	font-size: 1.6em;
	margin-bottom: 10px;
}
select.item_qty_second{
	margin: 5px;	
}
#total_price_second{
	border: none;
	color: red;
	font-size: 1rem;
	width: 80px;
}
/* item_box_end */
div#item_box_end table{
	display: block;
    margin-right: 10px;
	margin-bottom: 5px;
	border-collapse:separate;
	border-spacing:0;
}
div#item_box_end thead td{
    width: 100%;
	padding: 5px;
	background-color: #e8e8e8;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	font-size:1em;
	text-align: left;
	font-weight: bold;
}
div#item_box_end thead td.qty{
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
}
div#item_box_end tbody td{
	margin: 0;
	padding: 10px;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	font-family: sans-serif, "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
	font-size:13px;
	font-weight: bold;
}
div#item_box_end tbody td span{
	font-weight: 100;
}
div#item_box_end tbody td.qty{
	max-width:100px;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
}
div#item_box_end td span{
	font-size:12px;
}
div#item_box_end em{
	font-size: 1.6em;
	margin-bottom: 10px;
}
select.item_qty_end{
	margin: 5px;	
}
#total_price_end{
	border: none;
	color: red;
	font-size: 1rem;
	width: 80px;
}
@media screen and (max-width: 768px) {
	#img_box{
		display: block;
		margin: 10px auto;
		border: var(--uno-border-5);
		box-shadow: var(--uno-box-shadow);
		border-radius: 10px;
	}
	
}
@media screen and (max-width: 500px) {
	#img_box{
		display: block;
		margin: 10px auto;
		border: var(--uno-border-5);
		box-shadow: var(--uno-box-shadow);
		border-radius: 10px;
		width: 100%;
	}
	#img_box img{
		display: block;
		margin: 10px auto;
		width: 100%;
	}
    #next{
		position: relative;
		right: 0;
		display: inline-block;
		width: 130px;
		height: 25px;
		text-align: center;
		font-size: 0.8rem;
		border-radius: 5px;
	}
  }

@media screen and (max-width: 768px) {
    .side-img{
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        grid-gap: 0.8em;
    }
    .side-img img{
        width: 100%;
        padding: 5px;
        box-shadow: 1px 1px 1px 2px #e8e8e8;
        background: #fff;
    }
}
@media screen and (max-width: 500px) {
    .side-img{
        display: grid;
        grid-template-columns:1fr;
        grid-gap: 0.8em;
    }
    .side-img img{
        width: 100%;
        padding: 5px;
        box-shadow: 1px 1px 1px 2px #e8e8e8;
        background: #fff;
    }
}