@charset "euc-jp";

/*������CSS*/
html{
	scroll-behavior: smooth; 
	font-family: Futura, 'Century Gothic', sans-serif;
	/* font-family: 'Open Sans', sans-serif; */
}
*{ list-style:none; margin:0; padding:0;}
a{ text-decoration:none; color: #000000;}
a img{ border:none; }

/*andoroid�ե���Ȼ���*/
.Android{
	font-family: Roboto, sans-serif;
}

/*�ǹ���ɽ��*/
div.prices span.prdisp-taxin span > span{ display: none !important;}

/*�ʵᥢ������*/
div#lineup ul.point > li.p1{
	background-color: #000;
	border: 1px solid #000;
	color: #fff;
}
div#lineup ul.point > li.p2{
	background-color: #fff;
	border: 1px solid #000;
	color: #000;
}
div#lineup ul.point > li.p3{
	background-color: #bad0cd;
	border: 1px solid #bad0cd;
	color: #000;
}


/*smp*/
@media screen and (max-width: 640px){
	
	.smp_none{ display: none !important;}
	
	/*����ƥ��*/
	#wrap{
		width: 100%;
		margin: 0 auto;
		background-color: #d2e5ed;
	}
	#wrap img{
		max-width: 100%;
	}

	/*����*/
	#wrap #title{
		position: relative;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		/*border-bottom: 1px solid;*/
		background-color: #000;
    	color: #fff;
		padding: 5vw 0 2vw;
	}
	#wrap #title > img{
		position: absolute;
		width: 16vw;
		height: auto;
		top: 42%;
		left: 3vw;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	#wrap #title div.size{
		display: flex;
		justify-content: center;
		width: 45%;
		margin: 1vw auto;
		background-color: #2f7b9b;
		padding: 1vw 0;
		border-radius: 5px;
		color: #fff;
	}
	#wrap #title div.size p{
		font-size: 4vw;
	}
	#wrap #title div.size p span{
		font-size: 5vw;
		font-weight: bold;
		margin: 0 3px;
	}
	#wrap #title > p{
		font-weight: bold;
		font-size: 6vw;
		letter-spacing: 3px;
		/* margin-bottom: 5px; */
		padding-left: 15vw;
		color: #fff;
	}
	#wrap #title > p > span{
		font-size: 7vw;
		color: #fff;
	}
	/* #wrap #title > p > span:nth-child(-n+2){
		color: #f7b500;
	} */
	#wrap #title > h1{
		font-weight: bold;
		font-size: 9.5vw;
		letter-spacing: 2px;
		padding-left: 15vw;
		color: #fff;
	}

	/*ñ��*/
	#wrap #unit{
		width: 97%;
		margin: 3vw auto 1vw;
		text-align: right;
		color: #333;
		font-size: 3.5vw;
	}

	/*����*/
	div#lineup{
		width: 100%;
	}
	div#lineup ul.item_box{
		width: 98%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	div#lineup ul.item_box > li{
		/* width: 100%; */
		width: calc(99%/2);
	}
	div#lineup ul.item_box > li a{
		display: block;
		background-color: #fff;
		padding: 1vw 1vw 2vw;
		position: relative;
		box-shadow: 2px 2px 4px #94acb7;
	}
	div#lineup ul.item_box > li:nth-child(n+3) a{
		margin-top: 5vw;
	}
	div#lineup ul.item_box > li a::after{
		position: absolute;
		font-family: "Font Awesome 5 Free";
		content: '\f138';
		font-weight: 900;
		right: 1.5vw;
		bottom: 2vw;
		font-size: 4.5vw;
		color: #000000;
		/*top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);*/
	}

	/*����*/
	div#lineup p.item_no{
		text-align: center;
		background-color: #000;
		color: #fff;
		padding: 1vw 0;
		font-weight: bold;
		font-size: 4.5vw;
	}

	/*����*/
	div#lineup ul.color{
		width: 100%;
		
	}
	div#lineup ul.color > li{
		display: inline-block;
		width: 10vw;
		height: 9vw;
		border: 1px solid #c4c4c4;
		position: relative;
	}
	div#lineup ul.color > li:nth-child(1){
		margin-right: 2vw;
	}
	div#lineup ul.color > li:nth-child(3){
		border-left: none;		
		background-position: center;
	}
	div#lineup ul.color > li:nth-child(3).ten-w{
		background-image: url(//image.wowma.click/44587884/image/muchest_mtx/tenban_w.png);
	}
	div#lineup ul.color > li:nth-child(3).ten-n{
		background-image: url(//image.wowma.click/44587884/image/muchest_mtx/tenban_n.png);
	}
	div#lineup ul.color > li p{
		position: absolute;
		/*background-color: #000;
		color: #fff;*/
		font-size: 3.5vw;
		width: 100%;
		text-align: center;
		/* padding: 2px 0 0; */
		font-weight: bold;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	/*���̥��顼*/
	div#lineup ul.color > li.col1{
		background-color: #3a2c28;
	}


	/*�ʵᥢ������*/
	div#lineup ul.point{
		width: 100%;
		margin: 2vw auto 1.5vw;
	}
	div#lineup ul.point > li{
		display: inline-block;
		padding: 1vw;
		border-radius: 5px;
		font-weight: bold;
		font-size: 4vw;
	}
	div#lineup ul.point > li:nth-child(3){
		margin-top: 1.5vw;
	}

	/*����*/
	div#lineup div.prices{
		/* position: absolute;
		right: 8vw;
		bottom: 3vw; */
		font-weight: bold;
		font-size: 5vw;
		color: #000;
		margin-top: 2vw;
		text-align: center;
	}
	
	/*TOP*/
	#page_top{
		width: 13vw;
		height: 13vw;
		position: fixed;
		right: 1vw;
		bottom: 5vw;
		background: #177669;
		opacity: .8;
		border-radius: 50%;
	}
	#page_top a{
		position: relative;
		display: block;
		width: 13vw;
		height: 13vw;
		text-decoration: none;
	}
	#page_top a::before{
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		content: '\f106';
		font-size: 25px;
		color: #fff;
		position: absolute;
		width: 6.5vw;
		height: 6.5vw;
		top: -5px;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		text-align: center;
	}


	/*�եå���*/
	div#foot{
		width: 100%;
		margin: 5vw auto 0;
		border-top: 1px solid #6e6e6e;
		padding: 5vw 0 3vw;
	}
	div#foot > ul{
		display: flex;
		justify-content: center;
	}
	div#foot > ul li:nth-child(2){
		margin: 0 5vw;
		padding: 0 5vw;
		border-right: 1px dashed #6e6e6e;
		border-left: 1px dashed #6e6e6e;
	}
	
	
}/*smp-end*/


/*PC*/
@media screen and (min-width: 640px){
	
	a:hover img{ opacity:0.8;}
	.pc_none{ display: none !important;}
	
	/*����ƥ��*/
	#wrap{
		width: 750px;
		margin: 0 auto;
		background-color: #d2e5ed;
	}
	#wrap img{
		max-width: 100%;
	}

	/*����*/
	#wrap #title{
		width: 100%;
		margin: 0 auto;
		text-align: center;
		/*border-bottom: 1px solid;*/
		background-color: #000;
    	color: #fff;
		padding: 15px 0 8px;
		position: relative;
	}
	#wrap #title > p{
		font-weight: bold;
		font-size: 28px;
		letter-spacing: 4px;
		/* margin-bottom: 5px; */
		padding-left: 20px;
		color: #fff;
	}
	#wrap #title > p > span{
		font-size: 35px;
		color: #fff;
	}
	/* #wrap #title > p > span:nth-child(-n+2){
		color: #f1b500;
	} */
	#wrap #title > h1{
		font-weight: bold;
		font-size: 50px;
		letter-spacing: 5px;
		padding-left: 40px;
		color: #fff;
	}
	#wrap #title > img{
		position: absolute;
		width: 85px;
		height: auto;
		top: 40%;
		left: 105px;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	#wrap #title div.size{
		display: flex;
		justify-content: center;
		width: 255px;
		margin: 5px auto;
		background-color: #2f7b9b;
		padding: 5px 0;
		border-radius: 5px;
		color: #fff;
	}
	#wrap #title div.size p{
		font-size: 18px;
	}
	#wrap #title div.size p span{
		font-size: 21px;
		font-weight: bold;
		margin: 0 3px;
	}

	/*ñ��*/
	#wrap #unit{
		width: 97%;
		margin: 15px auto 5px;
		text-align: right;
		color: #333;
		font-size: 14px;
	}

	/*����*/
	div#lineup{
		width: 100%;
	}
	div#lineup ul.item_box{
		width: 98%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	div#lineup ul.item_box > li{
		width: calc(99%/2);
	}
	div#lineup ul.item_box > li a{
		display: block;
		background-color: #fff;
		padding: 5px 5px 10px;
		position: relative;
		box-shadow: 2px 2px 4px #94acb7;
	}
	div#lineup ul.item_box > li:nth-child(n+3) a{
		margin-top: 35px;
	}
	div#lineup ul.item_box > li a::after{
		position: absolute;
		font-family: "Font Awesome 5 Free";
		content: '\f138';
		font-weight: 900;
		right: 7px;
		bottom: 15px;
		font-size: 20px;
		color: #000000;
		/*top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);*/
	}

	/*����*/
	div#lineup p.item_no{
		text-align: center;
		background-color: #000;
		color: #fff;
		padding: 5px 0;
		font-weight: bold;
		font-size: 20px;
	}

	/*����*/
	div#lineup ul.color{
		width: 100%;
		
	}
	div#lineup ul.color > li{
		display: inline-block;
		width: 35px;
		height: 35px;
		border: 1px solid #c4c4c4;
		position: relative;
	}
	div#lineup ul.color > li:nth-child(1){
		margin-right: 10px;
	}
	div#lineup ul.color > li:nth-child(3){
		border-left: none;		
		background-position: center;
	}
	div#lineup ul.color > li:nth-child(3).ten-w{
		background-image: url(//image.wowma.click/44587884/image/muchest_mtx/tenban_w.png);
	}
	div#lineup ul.color > li:nth-child(3).ten-n{
		background-image: url(//image.wowma.click/44587884/image/muchest_mtx/tenban_n.png);
	}
	div#lineup ul.color > li p{
		position: absolute;
		/*background-color: #000;
		color: #fff;*/
		font-size: 10px;
		width: 100%;
		text-align: center;
		padding: 0 0 0;
		font-weight: bold;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	/*���̥��顼*/
	div#lineup ul.color > li.col1{
		background-color: #3a2c28;
	}


	/*�ʵᥢ������*/
	div#lineup ul.point{
		width: 100%;
		margin: 5px 0 7px;
	}
	div#lineup ul.point > li{
		display: inline-block;
		padding: 5px;
		border-radius: 5px;
		font-weight: bold;
	}

	/*����*/
	div#lineup div.prices{
		position: absolute;
		right: 35px;
		bottom: 13px;
		font-weight: bold;
		font-size: 23px;
		color: #000;
	}

	/*�եå���*/
	div#foot{
		width: 750px;
		margin: 45px auto 0;
		border-top: 1px solid #6e6e6e;
		padding: 20px 0;
	}
	div#foot > ul{
		display: flex;
		justify-content: center;
	}
	div#foot > ul li:nth-child(2){
		margin: 0 30px;
		padding: 0 30px;
		border-right: 1px dashed #6e6e6e;
		border-left: 1px dashed #6e6e6e;
	}
	

}/*pc-end*/