/*****************▽ header ▽*****************/
.header01_bg {
	width:100%;
}
.header01_catch_bg {
	width:100%; height:25px; right:0px; background:#0D9C4A;
}
.header01_catch {
	text-align:left; width:1200px; height:25px; padding:0; margin:0 auto; color:#fff; font-weight:bold; font-size:13px; line-height:200%; letter-spacing:1.0px; background:#0D9C4A;
}

.header01 {
	position:relative; width:1200px; margin:0px auto 0 auto; padding:10px 0 5px 0; background:#fff;
}

.headerLeft {
	float:left;
}

.headerLeft .logo {
	text-align:left; width:400px;
}

.headerLeft .logo img {
	width:100%;
}

.headerRight {
	float:right; font-size:12px; text-align:right; line-height:220%; margin:0; padding:0;
}
.headerRight ul {
	list-style:none; margin:0px; text-align:center;
}
.headerRight ul li {
}

.header_cart {
		float:right; margin:7px 0px 0 0; padding:0 0px 0 20px; line-height:150%;
}
.header_like {
	 float:right; margin:7px 0px 0 0px; padding:0 0px 0 0px; line-height:150%;
}
 /*
.header_mail {
	 margin:14px 0px 0 0px; padding:0 0px 0 30px; text-decoration:none; letter-spacing:1.0px;
}
*/

.header_pay {
	 float:right; margin:5px 20px 0 20px; padding:0 0px 0 0px; width:160px;
}
.header_pay img {
	 width:100%;
}

.description {
	width:280px; float:right; margin:5px 0px 0 0px; padding:0px 0px 0px 0px; background:#fff; border:1px solid #ccc; text-align:left; font-weight:nomal; color:#333; font-size:13px; line-height:220%;
}

.description_img {
}
.description_img img {
}
.description_txt01 {
	width:120px; float:left; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:#D2FBE3; color:#095E2D;
}
.description_txt02 {
	width:159px; float:left; border-bottom:1px solid #ccc;
}
.description_txt03 {
	width:120px; float:left; border-right:1px solid #ccc; background:#D2FBE3; color:#095E2D;
}
.description_txt04 {
	float:left; border:none;
}

.header_navi_bg {
	width:100%; margin:0px; padding:0; background:#fff; border-top:3px solid #0D9C4A;
}

.header_navi {
	width:1200px; color:#333; margin:0px auto 10px auto; padding:0px 0px 0px 0; font-size:14.5px; background:#fff;
}

.header_navi ul {
	list-style:none; text-align:center; margin:0 auto 0 auto; padding:0; letter-spacing:1.0px;
}

.header_navi ul li {
	float:left;
	color:#595757;
	text-align:center;
	border-right:1px solid #999;
	display:block;
	width:238px;
}
.header_navi ul li a {
	display:block;
	color:#333;
	padding:5px 0 2px 0;
	font-weight:nomal;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.header_navi ul li a:hover {
	background:#55ba80;
	color:#fff;
}
 /*
.header_img01_bg {
	width:100%; height:200px; background:#e3e3e3;
}
*/
.header_img01_bg {
	margin:0px auto 0px auto; padding:0px 0 0 0; width:1200px;
}

.header_img01 {
	float:left; margin:0 12px 0 0;
	width:392px;
}

.header_img01 img {
	width:100%;
}

 /*****************▽ leftnavi ▽*****************/
.leftnavi_search_head {
	width:210px;
	height:28px;
	color:#fff;
	padding:2px 0 0 0px;
	background:url(../img/sidenavi_head_r.gif);
	font-weight:bold;
	font-size:14.5px;
	text-align:center;
	line-height:200%;
}

.leftnavi_search_tbl {
	width:210px;
	height:90px;
	margin:0 0 20px 0;
	padding:10px 0 0 0;
	border:1px solid #0D9C4A;
	border-top:none;
	background:#fff;
}

.seach_button {
	width:80px;
	height:25px;
	border:1px solid #999;
	margin-top:2px;
	cursor:pointer;
}

.leftnavi_title01 {
	width:210px;
	height:28px;
	color:#fff;
	margin:10px 0 0 0;
	padding:2px 0 0 0px;
	background:url(../img/sidenavi_head_r.gif);
	font-weight:bold;
	font-size:14.5px;
	text-align:center;
	line-height:200%;
}

.leftnavi_search_head .jp,
.leftnavi_title01 .jp,
.leftnavi_title02 .jp,
.leftnavi_mobile_title .jp {
	font-size:13.5px; color:#fff;
}
.leftnavi_search_head .jp img,
.leftnavi_title01 .jp img,
.leftnavi_title02 .jp img,
.leftnavi_mobile_title .jp img {
	width:13px; position:relative; top:1px;
}

.leftnavi_title02 {
	width:197px;
	height:28px;
	color:#fff;
	margin:10px 0 0 0;
	padding:2px 0 0 13px;
	background:url(../img/sidenavi_head_r.gif);
	font-weight:bold;
	font-size:13px;
	text-align:center;
	line-height:200%;
}

.leftnavi_category {
	width:208px;
	margin:0 0 20px 0;
	padding:10px 0px 0 0px;
	border:1px solid #0D9C4A;
	border-top:none;
	font-size:13px;
	line-height:140%;
	background:#fff;
}


.leftnavi_category ul {
	font-size:14px;
	text-align:left;
	margin:0 0 20px 0px;
	padding:0 0px 0 0;
	text-decoration:none;
	line-height:140%;
	list-style: none; 
}
.leftnavi_category ul li {
	color:#333;
	margin:0 0 0px 0px;
	padding:0px 0 0px 0;
	border-bottom:1px dotted #666;
}

.leftnavi_category ul li a {
	color:#333;
	display:block;
	margin:0 0 0px 0px;
	padding:7px 0 7px 15px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.leftnavi_category ul li a:hover {
	background:#55ba80;
	color:#fff;
}

.leftnavi_mobile_title {
	width:210px;
	height:26px;
	color:#fff;
	padding:4px 0 0 0px;
	margin:10px 0 0 0;
	background:url(../img/sidenavi_head_r.gif);
	font-weight:bold;
	font-size:14.5px;
	text-align:center;
	line-height:200%;
}

.leftnavi_mobile {
	width:208px;
	border:1px solid #999;
	border-top:none;
	padding:20px 0 10px 0; color:#333;
	margin:0 0 20px 0;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	background:#fff;
}
.leftnavi_mobile img {
	margin-bottom:10px;
	width:160px;
}

.leftnavi_calendar {
	width:208px;
	font-size:14px;
	padding-top:0px;
	border:1px solid #999;
	border-top:none;
	background:#fff;
	text-align:center;
}

 /*****************▽ footer ▽*****************/

.footer_bg {
	width:100%;
	background:#EDFEF4;
	margin:0;
	padding:0;
}
.footer_title_bg {
	width:100%; margin:0px auto 30px auto;
}
.footer_title {
	width:1200px; margin:0px auto 0 auto; padding:30px 0 0px 0; color:#0D9C4A; font-size:24px; font-weight:nomal; text-align:center;
}
.footer_title_eng {
	font-size:22px; color:#999;
}

.footer {
	margin:0px auto 0 auto;
	padding:0;
	width:1200px;
	font-size:14px;
	line-height:180%;
	text-align:left;
}
.footer .area01 {
	clear:both;
	width:1200px;
    display:flex;
}

.footer .area01 .Box01  {
	width:49%;
	float:left;
	border:; border-radius:;
	margin:0 0.5% 20px 0.5%;
}
.footer .area01 .Box01 .contents {
	padding:10px 20px 20px 20px;
	margin:0 0 0px 0;
}

.footer .area01 .Box01 .title {
	font-weight:bold; font-size:20px; color:#666; padding:0px 0 4px 0; margin-bottom:8px; margin-top:4px; text-align:center; border-bottom: 2px solid #999;
}

.footer .area01 .Box01 .article {

	padding:8px; font-size:14px; line-height:180%;
}
.footer .area01 .Box01 .article a {
	text-decoration:none;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.footer .area01 .Box01 .article a:hover {
	opacity: 0.5;     /* 透過レベル */
	filter: alpha(opacity=80);
}

.footer .area01 .Box01 .contents .link a {
	width:100px;
	display:block;
	border:1px solid #0D9C4A;
	color:#0D9C4A;
	margin:0;
	padding:4px 30px 2px 30px;
	font-size:17px;
	text-align:center;
	border-radius:5px;
	text-decoration:none;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.footer .area01 .Box01 .contents .link a:hover {
	background:#0D9C4A;
	color:#fff;
}


.fotter_navi_bg {
	width:100%;
	background:#0D9C4A;
	margin:0;
	padding:0;
}

.fotter_navi {
	width:1200px;
	margin:0 auto;
	color:#fff;
	font-size:14px;
	padding:10px;
	text-align:center;
	line-height:100%;
}

.fotter_navi ul {
	list-style:none;
	margin:20px auto 40px auto;
	padding:0;
	width:740px;
	font-size:18px;
	font-weight:nomal;
}

.fotter_navi ul li a {
	color:#fff;
	margin:0 20px 0 20px;
	float:left;
	text-decoration:none;
	font-weight:bold;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.fotter_navi ul li a:hover {
	color:#fff;
	opacity: 0.5;     /* 透過レベル */
	filter: alpha(opacity=80);
}
/*****************▽ top01 ▽*****************/
.contentArea {
	width:970px;
	margin:0px 0 50px 0;
	padding:0px 0 0px 0px;
	background:#;
	text-align:center;
}

.top_title01 {
	width:960px; margin: 0 0 20px 0; padding:0 0 0 10px; border-bottom:2px solid #0D9C4A; background-color:#fff; font-weight:bold; text-align:left; font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

.top_title01 .jp {
	color:#0D9C4A; font-size:24px;
}
.top_title01 .eng {
	font-size:20px; color:#999;
}

.top_title01 .crown {
	width:35px; position:relative; top:2px;
}


.top_banner01 {
	margin:0px 0.5% 30px 0.5%; padding:1%; float:left; width:46.5%; text-align:center; border:2px solid #dcdcdc;
}
.top_banner01_name {
	font-size:25px; font-weight:bold; color:#333; line-height:180%;
	
}

.top_banner01_name a {
	text-decoration:none;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.top_banner01_name:hover,
.top_banner01 img:hover {
	opacity: 0.5;     /* 透過レベル */
	filter: alpha(opacity=80);
}

.top_banner01 img {
	width:100%;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.top_banner02 {
	margin:0px 0 30px 0; padding:0%; width:100%; text-align:center;
}

.top_banner02 img {
	width:100%;
}

.rank_crown {
	width:970px;
	height:41px;
	margin:10px 0;
	background:#;
	padding:0px;
	padding-bottom:0px;
	text-align:center;
}

.no_01 {
	width:184px;
	float:left;
	margin:0 5px 0 5px;
	font-size:26px;
	font-weight:bold;
	color:#E6BE0F;
}

.no_02 {
	width:184px;
	float:left;
	margin:0 5px 0 5px;
	font-size:26px;
	font-weight:bold;
	color:#7B7B7B;
}

.no_03 {
	width:184px;
	float:left;
	margin:0 5px 0 5px;
	font-size:26px;
	font-weight:bold;
	color:#D65010;
}

.no_04 {
	width:184px;
	float:left;
	margin:0 5px 0 5px;
	font-size:26px;
	font-weight:bold;
	color:#9E9E9E;
	line-height:200%;
}

.no_05 {
	width:184px;
	float:left;
	margin:0 5px 0 5px;
	font-size:26px;
	font-weight:bold;
	color:#9E9E9E;
	line-height:200%;
}

.no_01 img,
.no_02 img,
.no_03 img {
	width:43px;
	margin-right:4px;
}

.itemColumn {
	width:970px;
	margin:0px 0 20px 0;
	background:#;
	padding:0px;
	text-align:left;
	font-size:13px;
	line-height:130%;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.itemColumn .box01 {
	width:18%;
	float:left;
	margin:0 1% 20px 1%;
	padding:0px;
}
.itemColumn .box01 a {
	color:#333;
}

.itemColumn .box01 a:hover {
	opacity: 0.5;     /* 透過レベル */
	filter: alpha(opacity=80);
	text-decoration:none;
}


.itemColumn .box01 img {
	width:100%;
}

.itemColumn .box01 .price {
	font-size:16px;
	color:red;
	line-height:180%;
	margin:5px 0 0 0;
}

.newsArea {
	width:970px;
	height:150px;
	margin:0px 0 50px 0;
	background:#;
	padding:0px;
	text-align:left;
	overflow-y:scroll;
}

.newsArea ul {
	list-style:none;
	margin:0px auto 70px;
	padding:0;
	text-align:left;
	font-size:15px;
}

.newsArea ul li,
.newsArea ul li a {
	line-height:180%;
	margin:0 0 0px 20px;
	border-bottom:1px solid #dcdcdc;
	padding:10px 0 10px 0;
}

.news_date {
	float:left;
	width:15%;
	margin:0 3% 0 0;
	background:#dcdcdc;
	text-align:center;
	border-radius:5px;
}

.news_article {
	float:left;
	width:80%;
	text-align:left;
}