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

img{
	vertical-align: middle;
}

/* PC用 */
@media screen and (min-width: 1025px){
	.choice{
		margin-top: 50px;
		font-size: 250%;
	}
	.choice .check-item .item{
		display: inline-block;
		padding: 0 5px;
		font-weight: bold;
		margin-bottom: 20px;
		line-height: 1.2em;
		background: linear-gradient(transparent 60%, #ffc801 60%);
	}
	.choice .check-item label{
		cursor: pointer;
	}
	.choice .check-item .select-wrap{
		display: block;
		width: 300px;
		margin: 0 auto;
		margin-top: 20px;
	}
	.choice .check-item select{
		width: 280px;
	}
	.choice .quantity{
		margin-bottom: 20px;
	}
	.choice .quantity p{
		display: inline-block;
		margin-right: 20px;
		font-weight: bold;
	}
	.choice .select-wrap {
		display: inline-block;
		position: relative;
	}
	.select-wrap:before {
		z-index: 1;
		position: absolute;
		right: 10%;
		top: 50%;
    transform: translate(0, -50%);
		font-size: 60%;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f078";
		pointer-events: none;
	}
	.choice select{
		position: relative;
		font-size: 100%;
		padding: 5px 10px;
		vertical-align: middle;
		outline: none;
		width: unset;
		outline:none;
		-moz-appearance: none;
		text-overflow: '';
		background: none transparent;
		vertical-align: middle;
		font-size: inherit;
		color: inherit;
		-webkit-appearance: button;
		-moz-appearance: button;
		appearance: button;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		border-radius:3px;
		width: 130px;
		font-size: 25px;
	}
	.choice .btn {
		margin-top: 30px;
		margin-bottom: 40px;
	}
	.choice .btn input{
		width: 100%;
		outline: none;
	}
	
	.choice .select-item{
		display: inline-block;
    	font-size: 25px;
		margin-bottom: 20px;
	}
	.choice ul{
		width: 50%;
		margin: 0 auto;
		text-align: left;
	}
	.choice ul li{
		font-size: 16px;
		list-style-type: none;
		padding-left: 16px;
    	text-indent: -16px;
		line-height: 16px;
    	margin-bottom: 10px;
	}
	.choice ul li::before{
		content: "※";
	}
	.choice ul li:last-of-type{
		margin-bottom: 30px;
	}
}

@media screen and (min-width: 750px){
  main.fs-l-main{
    max-width: 750px;
  }
}

/*タブレット用 縦*/
@media screen and (max-width: 1024px) and (min-width: 415px){
	.choice{
		margin-top: 50px;
		font-size: 200%;
	}
	.choice .check-item .item{
		display: inline-block;
		padding: 0 5px;
		font-weight: bold;
		font-size: 95%;
		margin-bottom: 20px;
		line-height: 1.2em;
		background: linear-gradient(transparent 60%, #ffc801 60%);
	}
	.choice .check-item label{
		cursor: pointer;
	}
	.choice .check-item .select-wrap{
		display: block;
		width: 250px;
		margin: 0 auto;
		margin-top: 20px;
	}
	.choice .check-item select{
		width: 230px;
	}
	.choice .quantity{
		margin-bottom: 10px;
	}
	.choice .quantity p{
		display: inline-block;
		margin-right: 20px;
		font-weight: bold;
	}
	.choice .select-wrap {
		display: inline-block;
		position: relative;
	}
	.select-wrap:before {
		z-index: 1;
		position: absolute;
		right: 10%;
		top: 50%;
    transform: translate(0, -50%);
		font-size: 60%;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f078";
		pointer-events: none;
	}
	.choice select{
		position: relative;
		font-size: 100%;
		padding: 5px 10px;
		vertical-align: middle;
		outline: none;
		width: unset;
		outline:none;
		-moz-appearance: none;
		text-overflow: '';
		background: none transparent;
		vertical-align: middle;
		font-size: inherit;
		color: inherit;
		-webkit-appearance: button;
		-moz-appearance: button;
		appearance: button;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		border-radius:3px;
		width: 130px;
		font-size: 3.0vw;
	}
	.choice .btn {
		margin-top: 30px;
		width: 100%;
		margin-bottom: 40px;
	}
	.choice .btn input{
		width: 100%;
		outline: none;
	}
	
	.choice .select-item{
		display: inline-block;
    	font-size: 25px;
		margin-bottom: 20px;
	}
	.choice ul{
		width: 50%;
		margin: 0 auto;
		text-align: left;
	}
	.choice ul li{
		font-size: 16px;
		list-style-type: none;
		padding-left: 16px;
    	text-indent: -16px;
		line-height: 16px;
    	margin-bottom: 10px;
	}
	.choice ul li::before{
		content: "※";
	}
	.choice ul li:last-of-type{
		margin-bottom: 30px;
	}
}
/*タブレット用 横*/
@media screen and (max-width: 1024px) and (orientation: landscape) {
	.choice{
		margin-top: 50px;
		font-size: 250%;
	}
	.choice .check-item .item{
		display: inline-block;
		padding: 0 5px;
		font-weight: bold;
		margin-bottom: 20px;
		line-height: 1.2em;
		background: linear-gradient(transparent 60%, #ffc801 60%);
	}
	.choice .check-item label{
		cursor: pointer;
	}
	.choice .check-item .select-wrap{
		display: block;
		width: 300px;
		margin: 0 auto;
		margin-top: 20px;
	}
	.choice .check-item select{
		width: 280px;
	}
	.choice .quantity{
		margin-bottom: 20px;
	}
	.choice .quantity p{
		display: inline-block;
		margin-right: 20px;
		font-weight: bold;
	}
	.choice .select-wrap {
		display: inline-block;
		position: relative;
	}
	.select-wrap:before {
		z-index: 1;
		position: absolute;
		right: 10%;
		top: 50%;
    transform: translate(0, -50%);
		font-size: 60%;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f078";
		pointer-events: none;
	}
	.choice select{
		position: relative;
		font-size: 100%;
		padding: 5px 10px;
		vertical-align: middle;
		outline: none;
		width: unset;
		outline:none;
		-moz-appearance: none;
		text-overflow: '';
		background: none transparent;
		vertical-align: middle;
		font-size: inherit;
		color: inherit;
		-webkit-appearance: button;
		-moz-appearance: button;
		appearance: button;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		border-radius:3px;
		width: 130px;
		font-size: 25px;
	}
	.choice .btn {
		margin-top: 30px;
		margin-bottom: 40px;
	}
	.choice .btn input{
		width: 100%;
		outline: none;
	}
	
	.choice .select-item{
		display: inline-block;
    	font-size: 25px;
		margin-bottom: 20px;
	}
	.choice ul{
		width: 50%;
		margin: 0 auto;
		text-align: left;
	}
	.choice ul li{
		font-size: 16px;
		list-style-type: none;
		padding-left: 16px;
    	text-indent: -16px;
		line-height: 16px;
    	margin-bottom: 10px;
	}
	.choice ul li::before{
		content: "※";
	}
	.choice ul li:last-of-type{
		margin-bottom: 30px;
	}
}
/*スマホ用*/
@media screen and (max-width: 414px){
	.choice{
		margin-top: 30px;
		font-size: 130%;
	}
	.choice .check-item .item{
		display: inline-block;
		padding: 0 5px;
		font-weight: bold;
		line-height: 1.2em;
		background: linear-gradient(transparent 60%, #ffc801 60%);
		margin-bottom: 5.0vw;
	}
	.choice .check-item label{
		cursor: pointer;
	}
	.choice .check-item .select-wrap{
		display: block;
		width: 200px;
		margin: 0 auto;
		margin: 0;
	}
	.choice .check-item select{
		width: 180px;
	}
	.choice .quantity{
		margin-bottom: 10px;
	}
	.choice .quantity p{
		display: inline-block;
		margin-right: 20px;
		font-weight: bold;
	}
	.choice .select-wrap {
		display: inline-block;
		position: relative;
	}
	.select-wrap:before {
		z-index: 1;
		position: absolute;
		right: 10%;
		top: 50%;
    transform: translate(0, -50%);
		font-size: 60%;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f078";
		pointer-events: none;
	}
	.choice select{
		position: relative;
		font-size: 100%;
		padding: 5px 10px;
		vertical-align: middle;
		outline: none;
		width: unset;
		outline:none;
		-moz-appearance: none;
		text-overflow: '';
		background: none transparent;
		vertical-align: middle;
		font-size: inherit;
		color: inherit;
		-webkit-appearance: button;
		-moz-appearance: button;
		appearance: button;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		border-radius:3px;
		width: 100px;
		font-size: 4.0vw;
	}
	.choice .btn {
		margin-top: 30px;
		width: 100%;
		margin-bottom: 20px;
	}
	.choice .btn input{
		width: 100%;
		outline: none;
	}
	
	.choice .select-item{
		display: inline-block;
    	font-size: 4.5vw;
		margin-bottom: 5.0vw;
	}
	.choice ul{
		width: 80%;
		margin: 0 auto;
		text-align: left;
	}
	.choice ul li{
		font-size: 4.0vw;
		list-style-type: none;
		padding-left: 4.0vw;
    	text-indent: -4.0vw;
		line-height: 4.0vw;
    	margin-bottom: 5px;
	}
	.choice ul li::before{
		content: "※";
	}
	.choice ul li:last-of-type{
		margin-bottom: 30px;
	}
}