#secTop {
	background: url(../img/main/goods.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.goodsLine {
	width: 100%;
	max-width: 1080px;
	margin: 0px auto;
}


/*アイテム　幅　半分*/
.itemBox_half {
	width: 100%;
	max-width: 48%;
	margin: 0px auto;
	text-align: center;
	/*background-color: red;*/
}

.half_Box{
	width: 100%;
	max-width: 48%;
	margin: 0px auto;
	text-align: left;
}


/*アイテムボックス　半分　*/

.goodsLine {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}


.itemBox_1 {
	width: 100%;
	max-width: 980px;
	margin: 3vw auto 0px;
	text-align: center;
	background: rgba(255,255,255,0.8);
}

.itemBox_3 {
	width: 30%;
	max-width: 980px;
	margin: 3vw auto 0px;
	text-align: center;
	background: rgba(255,255,255,0.8);
}

.line3::before{
  content:"";
  display: block;
  width:33%;
  order:1;
}

.line3::after{
	content:"";
	display: block;
	width:33%;
}


.itemBox_4 {
	width: 23%;
	max-width: 980px;
	margin: 3vw auto 0px;
	text-align: center;
	background: rgba(255,255,255,0.8);
}

.itemBox_1 .imgBox {
	width: 100%;
	text-align: center;
}

.imgBox img{
	text-align: right;
}


.itemBox_half .itemName,
.itemBox_1 .itemName,
.itemBox_3 .itemName,
.itemBox_4 .itemName{
	font-weight: bold;
	/* 767px 18px -  @ 1080px 28px */
	font-size: min(max(18px, calc(1.125rem + ((1vw - 7.67px) * 3.1949))), 28px);
	min-height: 0vw;

}

.itemBox_1 .itemName,
.itemBox_3 .itemName,
.itemBox_4 .itemName{
	border-top: solid 1px #ccc;
}

.itemBox_half .itemPrice,
.itemBox_1 .itemPrice,
.itemBox_3 .itemPrice,
.itemBox_4 .itemPrice{
	font-weight: bold;
	/* 767px 18px -  @ 1080px 24px */
	font-size: min(max(18px, calc(1.125rem + ((1vw - 7.67px) * 1.9169))), 24px);
	min-height: 0vw;
	color: #af0800;
}

.itemBox_half .itemPrice .jpy,
.itemBox_1 .itemPrice .jpy,
.itemBox_3 .itemPrice .jpy,
.itemBox_4 .itemPrice .jpy {
	font-weight: bold;
	font-size: 12px;
}

.half_Box h3 {
	width: 15%;
	/* 767px 24px -  @ 1080px 32px */
	font-size: min(max(24px, calc(1.5rem + ((1vw - 7.67px) * 2.5559))), 32px);
  	min-height: 0vw;
	-ms-writing-mode: tb-rl;
 	writing-mode: vertical-rl;
}

.half_Box h3 em {
  text-combine-upright: all;
  font-style: normal;
}

.half_Box h3 span {
	background: #ffffff;
	background: -moz-linear-gradient(left, #ffe400 0%, #ffe400 50%, #ffffff 51%, #ffffff 100%);
	background: -webkit-gradient(linear, left center, right center, from(#ffe400), color-stop(50%, #ffe400), color-stop(51%, #ffffff), to(#ffffff));
	background: -webkit-linear-gradient(left, #ffe400 0%, #ffe400 50%, #ffffff 51%, #ffffff 100%);
	background: -o-linear-gradient(left, #ffe400 0%, #ffe400 50%, #ffffff 51%, #ffffff 100%);
	background: linear-gradient(to right, #ffe400 0%, #ffe400 50%, #ffffff 51%, #ffffff 100%);
}


/*オンライン授与所へボタン*/

.online_btn {
	display: block;
	/*767 16px - 1080 20px*/
	font-size: min(max(16px, calc(1rem + ((1vw - 7.67px) * 1.278))), 20px);
	min-height: 0vw;
	margin: 20px auto;
	border: solid 1px #af0800;
	border-radius: 5px;
	background: rgba(255,255,255,0.9);
	padding: 3vw 5vw;
	text-align: center;
	max-width: 450px;
	cursor: pointer;
	-webkit-transition: all 0.5s ease;　/*--変化にかかる時間--*/
	transition-delay: 0.5s;　/*--変化までのまち時間--*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


.online_btn:hover {
	color: #fff;
	background-color: #af0800;
}

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　スマホ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/



@media handheld, only screen and (max-width: 767px) {

	#secTop {
		background: url(../img/main/goods_sp.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}

.itemBox_3,
.itemBox_4 {
	width: 48%;
	max-width: 980px;
	margin: 3vw auto 0px;
	text-align: center;
	background: rgba(255,255,255,0.8);
}

	.line3::after{
		content:"";
		display: block;
		width:48%;
	}
	.itemBox_3 .itemName,
	.itemBox_4 .itemName{
		font-size: 16px;
	}


	.online_btn {
		width: 90%;
		max-width: 400px;
		font-size: 20px;
		margin: 20px auto;
		padding: 3vw 5vw;
	}

}







@media handheld, only screen and (max-width: 480px) {


}