@charset "utf-8";
/* CSS INFORMATION -====================================================
File name : machine.css
Description : ボカンメカページCSS
===================================================================== */


/* =====================================================================
*    #main
* =================================================================== */
#main {
	background: url(../images/common/bg_machine.jpg) repeat center top;
	background-size: 224px auto;
}

@media screen and (min-width:800px){
	#main {
	background: url(../images/common/bg_machine.jpg) repeat center top;
	background-size: 448px auto;
	}
}

/* #main .machine_list */
.machine_list {
	text-align: center;
	letter-spacing: -.40em;
}

.machine_list li {
	width: 29.3104%;
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 3.4483%;
	margin-left: 1.7242%;
	margin-right: 1.7242%;
}

.machine_list li:nth-last-child(-n+3) {
	margin-bottom: 0px;
}

.machine_list li .list_name {
	font-size: 1.2rem;
	line-height: 1.2em;
	font-weight: bold;
	text-align: left;
	padding-top: 5.8824%;
	padding-left: 5.8824%;
	padding-right: 5.8824%;
}

@media screen and (min-width:800px){
	.page_ttl::before {
		background: url(../images/machine/img_ttl_pc.png) no-repeat center top;
		background-size: 100% auto;
	}

	.machine_list li {
		width: 25.532%;
		margin-bottom: 2.1277%;
		margin-left: 1.0639%;
		margin-right: 1.0639%;
	}

	.machine_list li .list_name {
		font-size: 2.4rem;
		line-height: 1.1em;
		text-align: center;
		padding-top: 8.3334%;
		padding-left: 4.1667%;
		padding-right: 4.1667%;
	}
}

/* #main .mechine_detail */
.mechine_detail {
	width: 96.5518%;
	margin-bottom: 8.9286%;
	margin-left: auto;
	margin-right: auto;
}

.mechine_detail .machine_name {
	font-size: 1.6rem;
	line-height: 1.2em;
	font-weight: bold;
	text-align: center;
	margin-top: 7.1429%;
}

.mechine_detail .machine_text {
	font-size: 1.4rem;
	line-height: 1.5em;
	text-align: center;
	margin-top: 5.3572%;
}

@media screen and (min-width:800px){
	.mechine_detail {
		width: 100%;
		margin-bottom: 6.383%;
	}

	.mechine_detail .machine_name {
		font-size: 3.2rem;
		line-height: 1.2em;
		margin-top: 1.5958%;
	}

	.mechine_detail .machine_text {
		font-size: 2.4rem;
		line-height: 1.5em;
		margin-top: 2.1277%;
	}
}