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

.base .main {
	margin: 0 auto;
	text-align: center;
	width:100%;
	background-color: #00b6e5;
}
.base .main img{
	margin: 0 auto 3px;
	max-width:1200px;
}


.shop_nav ul {
	display: flex;
	width: 100%;
	z-index: 1000;
}
.shop_nav ul:after {
	content: "";
}
.shop_nav ul li {
	width: 50%;
	text-align: center;
	background: #00b6e5;
	color: #fff;
}
.shop_nav ul li:last-child {text-decoration: underline;}
.shop_nav ul li.new {
	background: #00a644;
}
.shop_nav ul li a {
	transition: all .3s;
	color: #fff;
	display: block;
	font-size: 14px;
	padding: 23px 1em 25px;
	box-sizing: border-box;
}
.shop_nav ul li a:hover {
	opacity: 0.8;
	text-decoration: none;
}
.shop02 {
	margin: 40px auto;
}
.shop03 {
	margin: 40px auto 0;
}
.shop04 {
	margin: 20px auto;
}
.ttl {
	color: #00b6e5;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin: 40px auto 5px;
}
.ttl2 {
	color: #00a644;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin: 40px auto 5px;
}
.ttl3 {
	color: #f69831;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin: 40px auto 5px;
}
.sub_ttl {
	font-size: 18px;
	color: #fff;
	text-align: center;
	padding: 20px 0;
	margin: 0 auto 30px;
}
.shop01 .sub_ttl {
	background: #e6636a;
}
.shop02 .sub_ttl {
	background: #ee7e30;
}
.shop03 .sub_ttl {
	background: #4ead45;
}
.shop04 .sub_ttl {
	background: #1bb8ce;
}
.table02 table th {
	text-align: center;
	color: #fff;
	background: #00b6e5;
	border-top: #999999 solid 1px;
	border-left: #fff solid 1px;
	padding: 10px 2px;
}
.table02 table.color2 th{
	background: #f69831;}

.table02 table th.b_left {
	border-left: #999999 solid 1px;
}
.table02 table th.b_right {
	border-right: #999999 solid 1px;
}
.table02 table td {
	padding: 10px 6px;
	border: #999999 solid 1px;
}
.table02 table .th01 {
	width: 30%;
}
.table02 table .th02 {
	width: 30%;
}
.table02 table .th03 {
	width: 25%;
}
.table02 table .th011 {
	width: 15%;
}

.table02-2 table th {
	text-align: center;
	color: #fff;
	background: #00a644;
	border-top: #999999 solid 1px;
	border-left: #fff solid 1px;
	padding: 10px 2px;
}
.table02-2 table th.b_left {
	border-left: #999999 solid 1px;
}
.table02-2 table th.b_right {
	border-right: #999999 solid 1px;
}
.table02-2 table td {
	padding: 10px 6px;
	border: #999999 solid 1px;
}
.table02-2 table .th01 {
	width: 30%;
}
.table02-2 table .th02 {
	width: 30%;
}
.table02-2 table .th03 {
	width: 25%;
}
.table02-2 table .th011 {
	width: 15%;
}


.textred{color:#F20004;
	}
@media screen and (min-width:769px) {
.base .main {
	padding: 0 0 0;
}
.shop_nav ul li a {
	font-size: 18px;
	padding: 46px 1em 50px;
}
.shop02 {
	margin: 120px auto;
}
.shop03 {
	margin: 120px auto 0;
}
.shop04 {
	margin: 0 auto 80px;
}
.ttl {
	font-size: 28px;
	margin: 80px auto 30px;
}
.ttl2 {
	font-size: 28px;
	margin: 60px auto 30px;
}
.ttl3 {
	font-size: 28px;
	margin: 60px auto 30px;
}
.sub_ttl {
	font-size: 20px;
	padding: 30px 0;
}
.table02 table th {
	padding: 15px 19px;
}
.table02 table td {
	padding: 11px 20px;
}
.table02 table .th01 {
	width: 20%;
}
.table02 table .th02 {
	width: 40%;
}
.table02 table .th03 {
	width: 30%;
}
.table02 table .th011 {
	width: 10%;
}
	
.table02-2 table th {
	padding: 15px 19px;
}
.table02-2 table td {
	padding: 11px 20px;
}
.table02-2 table .th01 {
	width: 20%;
}
.table02-2 table .th02 {
	width: 40%;
}
.table02-2 table .th03 {
	width: 30%;
}
.table02-2 table .th011 {
	width: 10%;
}

	}