@charset "utf-8";

/* Smart Phone Base (480px) ========================================= */

.kumotu_l,
.kumotu_r {
	display: block;
	margin: 0;
	padding: 0;
	color: #333;
	background: #FFF;
	overflow: hidden;
}
.kumotu_l div,
.kumotu_l img {
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
.kumotu_r div,
.kumotu_r img {
	float: right;
	text-align: right;
	margin: 0;
	padding: 0;
}
div.kumotu_i,
div.kumott_t {
	width: 50%;
	margin: 0;
	padding: 0;
}
.kumotu_i img {
	width: 100%;
	margin: 0;
	padding: 0;
}
#kumotu p.ttl {
	font: 900 150% 'Roboto', 'Noto Serif JP', serif;
	color: #333;
	text-decoration: underline;
	margin: 0.6em 0.2em 0.4em;
}
#kumotu p span {
	display: block;
	line-height: 120%;
	color: #060;
	margin: 0.4em 0.2em 0.4em;
}
#kumotu p.price {
	font: 120% 'Noto Sans JP', sans-serif;
	color: #333;
	margin: 1em 0.2em 0;
}

.order {
	line-height: 180%;
	color: #003300;
	text-align: center;
	margin: 1ex 0;
	padding: 1ex;
	border: 1px solid #006600;
}

/* PC and Tablet (480px - 960px) ==================================== */

@media screen and (min-width: 480px) {

	#kumotu div.kumotu_r {
		background: #F4F8F4;
	}
	#kumotu .kumotu_i {
		width: 40%;
	}
	#kumotu .kumotu_t {
		width: 60%;
	}
	
}

/* PC and Tablet (960px - ) ========================================= */

@media screen and (min-width: 960px) {

	#kumotu div p.ttl {
		font-size: 180%;
	}

}