@charset "UTF-8";

/***共通項目***/
.container { max-width:640px; margin:0 auto; padding:0; font-size:1.0rem; }
.container h1 { font-size:0; }
.container p span { color:#F00; font-weight:500; }

a { text-decoration:underline; }
a:hover { text-decoration:none; }

.w100 { width:100%; }


/***ナビゲーション***/
.gnav { width:100%; background-color:#99CC99; margin:0; padding:0; }
.gnav ul { max-width:1170px; margin:0 auto; padding:0; text-align:center; color:#FFF; font-weight:300; }
.gnav ul li { width:33.333333%; font-size:1.0rem; display:inline-block; padding:1.0rem; box-sizing:border-box; position:relative; }
	@media (min-width: 992px) {
		.gnav ul li { width:16.66666666666667%; }
	}
.gnav ul li.active { background-color:#006633; pointer-events:none; }
.gnav ul li a { position:absolute; top:0; left:0; display:block; width:100%; height:100%; text-indent:-9999px; }
.gnav ul li:hover { background-color:#EE911E; }

/***リスト***/
.list { padding: 2.0rem 0;}
table { font-size: 1.15rem; text-align: center; font-family: oswald; margin-top: 2.0rem;}
th, td { padding: 0.25rem ; border-bottom: solid 1px #014D39; }
th { font-size: 1.4rem;}
tr:nth-child(even) { background-color:#FCFCFC;}
tr:nth-child(odd) { background-color: #ECF5EB;}
tr > td:first-child { width: 60%; text-align: left; padding-left: 0.5rem;}
tr > td:nth-child(2) { width: 15%;}
tr > td:last-child { width: 25%; }
.brand { background-color: #079933; color: #FFF; font-size: 2.0rem; }
.price { color: #FF0004; font-weight: bold; }
.space { background-color:#FFF; height: 2.5rem; }

.list p { text-indent: -1.0rem; margin-left: 1.0rem; font-weight: 500; line-height: 1.2rem; margin-bottom: 0.5rem;}
.list p span { color:#FF0004 ;}

.anchor { width: 100%; font-size: 0; text-align: center; margin-top: 1.0rem;}
.anchor > p { width: 100%; text-align: center; background-color:#009933; color: #FFF; font-size: 1.0rem; margin: 0; text-indent: 0; padding: 0.25rem 0; margin-bottom: 0.25rem; }
.anchor li { width: 50%; display: inline-block; margin: 0; padding: 0.25rem; box-sizing: border-box;}
.anchor li img { width: 100%; border-radius: 10px;}
	@media (min-width:768px){
		.anchor li { width: 33.333333%;}
	}

/***フッター***/
.footer { width:100%; margin:0; background-color:#009933; text-align:center; color:#FFF; font-size:0.8rem; padding:2.0rem 0 1.0rem 0; margin-top:3.0rem; }