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

/* Slick Carousel CSS */
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css');

 /*定期、頒布会商品初回価格*/
 p.rg_price span.regular_price_str {
     color: #2A78D0;
     margin-bottom: 3px;
 }
 p.rg_price span.regular_price {
     color: #2A78D0;
     margin-bottom: 3px;
 }
 /*ここから独自CSS*/
.side_menu{
width:210px;
font-size:0.9em;
line-height:1.2em;
}
.side_menu a{
display:block;
text-decoration:none;
color:#231815;
margin-bottom:5px;
max-height: 999999px;
}
.side_menu a .t_gray{
color:#727272;
}
.side_menu a:hover{
color:#A0A0A0;
}
.line_box2{ 
background:url(https://www.planter-proshop.com/pic-labo/side_menu_line.jpg) repeat-x bottom center;
padding:10px 0px;
margin-bottom:5px;
}
.line_box3{ 
background:url(https://www.planter-proshop.com/pic-labo/side_menu_line.jpg) repeat-x bottom center;
padding:5px 0px;
margin-bottom:8px;
}
.green_box{
font-size:0.85em;
border:2px solid #ABCD03;
background:#FAFBEC;
padding:5px 6px;
margin:0px auto 5px auto;
font-weight:bold;
max-height: 999999px;
}
.text11{ font-size:0.85em; }
.mt20{ margin-top:20px; }
.t_bold{ font-weight: bold; }
.g_txt_box{ font-weight:bold;color:#6DBB48;font-size:1.6em;line-height:1.4em;margin:60px auto; }
.g_txt{
	font-weight: bold;
	color: #6b8e23;
	margin: 10px auto 20px;
	font-size: 1.1em;
}
.g_txt span{ font-weight:nomal;color:#333333;font-size:0.8em;}
.l_txt{
	float: left;
	width: 260px;
	text-align: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-size: 1.2em;
}
.l_txt2{ float:left;width:300px;margin:0px 30px 0px 10px;text-align:left;}
.l_txt2 .b_div,.r_txt2 .b_div{ border-bottom:1px dashed #333;font-size:1em;padding-bottom:10px;margin-bottom:10px;  }
.r_img{ float:right;margin-right:20px; }
.r_img2{ float:right; }
.r_txt{
	float: right;
	width: 260px;
	margin: 0px 10px;
	text-align: left;
	font-size: 1.1em;
}
.r_txt2{ float:right;width:300px;text-align:left; }
.l_img{ float:left;margin-left:20px; }
.l_img2{ float:left; }
.red_txt{ font-weight:bold;color:#ff0000;margin:10px auto 20px;font-size:1.1em;}
.float_box{
	float: left;
	width: 230px;
	text-align: left;
	margin: 20px;
}
.float_box p{
	width: 245px;
	font-size: 1.1em;
}
.float_box-furniture{
	float: left;
	width: 360px;
	text-align: left;
	margin: 20px;
}
.float_box p-furniture{
	width: 395px;
	font-size: 1.1em;
}
span.catch_copy{ display:block; }
.y_table {
	width: 800px;
	border-collapse: collapse;
	font-size: 0.8em;
	float: right;
}
.y_table th.t_top {
    border-top: #b3b3b3 4px solid;
}
.y_table th {
	border-bottom: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px;
	font-weight: normal;
	background-color: #CCCCCC;
}
.y_table td.t_top {
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #993333;
}
.y_table td {
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px;
}
.inventory{word-wrap:break-word;width:100px;padding:10px;}
td.inventory font{font-size:11px;}
td.inventory{word-wrap:break-word;width:380px;}
.green_div{ background:#E2EDB8; border:1px dashed #B6D55D;padding:20px;text-align:center;}
.green_div_in_l,.green_div_in_r{ display:inline-block;width:45%;}
.green_div_in_l{ padding-right:20px; margin-right:20px; border-right:1px dashed #B6D55D;}
.green_div p{ text-align:left;}
.author_img{float:left;margin:0px 50px 0px 10px;}
.author_txt{text-align:left;float:left;width:560px;}
.wa50{display:inline-block;
width:48.5%;
max-width:529px;
margin:0px 2px 0px 0px;
}
.wa30{display:inline-block;
width:33%;
max-width:350px;
margin:0px 2px 0px 0px;
}
.drq_txt{
	text-align: left;
	width: 840px;
	font-weight: bold;
	color: #6DBB48;
	font-size: 1.4em;
	line-height: 1.6em;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.dra_txt{
	text-align: left;
	width: 840px;
	font-size: 1.3em;
	line-height: 2.2em;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.drcol_txt{ float:right;width600px;margin:0px 10px;text-align:left;font-size:1.3em;line-height:2em; }
.drcol_txt_plain{
	text-align: left;
	font-size: 1.2em;
	line-height: 2em;
	width: 840px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}
.marker_yellow_futo {
background: linear-gradient(transparent 0%, #ffff66 0%);
}
.marker_pink_futo {
background: linear-gradient(transparent 0%, #ffccef 0%);
}
#risFil{ width:868px; }
.bla_box a{ display:inline-block;padding:0px 0px 30px;margin:15px auto 30px;background:url(https://www.planter-proshop.com/pic-labo/bland_line.jpg) no-repeat bottom center; }
.new_box{
	background: #FAFBE6;
	padding: 10px 10px;
	margin: 10px auto;
	text-align: left;
}
.new_box li{ width: 90%; margin: 5px auto; font-size: 0.9em;max-height: 999999px; }
/*footerエリア*/
.line_box3{
background:url(https://www.planter-proshop.com/pic-labo/f_line.jpg) repeat-x top center;
padding:15px 0px;
margin-top:30px;
}
.guide-wrap { margin:0 auto; padding-bottom:20px; font-size:12px; background-color:#f6f4eb;  }
.guide-inner { margin-left:20px; margin-top:15px; }
.guide01 { width:260px; float:left; margin-right:20px; }
.guide02 { width:260px; float:left; margin-right:20px; }
.guide03 { width:260px; float:left; margin-right:0; }
.guide01 img,.guide02 img,.guide03 img{ display:block;margin:0px auto;text-align:center; }
.footer-wrap { background:#919974; padding:5px 0; line-height:1.6 text-align:center;}
.footer-wrap .l_box{ float:left;font-weight:bold;font-size:0.8em;margin-left:15px;}
.footer-wrap .r_box{ float:right;font-size:0.8em;margin-right:15px;}
.footer-wrap ,.footer-wrap a:link,.footer-wrap a:visited{ color:#FFF;}
.footer-wrap a:hover{ text-decoration:underline;color:#FFF;}
.guide-wrap:after {
  display: block;
  clear: both;
  content: "";
} 
.footer-wrap:after {
  display: block;
  clear: both;
  content: "";
} 
/* For modern browsers */
.clearfix:before,
.clearfix:after {
 content:"";
 display:block;
 overflow:hidden;
}
 
.clearfix:after {
 clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
 zoom:1;
}

/*** planterproshop独自追加分 ***/
.heading-cate {
	font-size: 1.1em;
	font-weight: bold;
	color: #C33;
	width: 860px;
	margin: 0px 0px 30px;
}
.mainTitle {
	width: 860px;
	font-size: 1.4em;
	color: #F00;
	font-weight: bold;
	line-height: 150%;
}
.text {
	font-size: 1.3em;
	color: #666;
	width: 820px;
	line-height: 2.0em;
	float: left;
	padding: 10px;
}
.maincopy {
	font-size: 1.2em;
	color: #F90;
	background: #FFC;
	padding: 6px 10px;
	width: 620px;
	text-align: left;
	font-weight: bold;
}
.photo {
	margin-top: 10px;
	margin-bottom: 10px;
}
.table-01 {
	width: 600px;
	margin: 8px;
	float: left;
	padding: 10px;
}
.table01-lleft {
	background: #999;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 4px;
	font-size: 1em;
	color: #FFF;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	text-align: center;
}
.table01-right {
	background: #FFF;
	border-top: 1px solid #000;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 8px;
	font-size: 1em;
}
.table01-lleftend {
	background: #999;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 4px;
	font-size: 1em;
	color: #FFF;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	width: 134px;
	text-align: center;
	border-bottom: 1px solid #000;
	font-size: 1em;
}
.table01-rightend {
	border-top: 1px solid #000;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 8px;
	border-bottom: 1px solid #000;
	font-size: 1em;
}
.mark-pink {
	font-weight: bold;
	color: #F69;
}
.mark-red {
	color: #F00;
}
a:hover img{
 opacity:0.8;
 filter:alpha(opacity=80);
 -ms-filter: “alpha( opacity=80 )”;
 }
.alert {
	font-size: 0.8em;
	line-height: 1.2em;
	width: 640px;
	float: left;
	padding-top: 10px;
	padding-bottom: 5px;
}
.postage {
	font-weight: bold;
	color: #F00;
	width: 640px;
	text-align: right;
}
.mark-green-bold {
	font-size: 1.5em;
	font-weight: bold;
	color: #066;
	line-height: 2.4em;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	float: left;
}
.caption-sub {
	font-size: 0.96em;
	color: #C30;
	background: #CCC url(https://www.planter-proshop.com/pic-labo/caption-sub.gif) no-repeat 8px 10px;
	width: 580px;
	float: left;
	padding: 8px 8px 8px 60px;
	margin-bottom: 15px;
}
.note-serralunga {
	font-size: 1.1em;
	color: #333;
	background: #FFF1D7;
	width: 630px;
	padding: 5px;
	line-height: 1.6em;
}
.question {
	background: #DEDEDE url(https://www.planter-proshop.com/pic-labo/q_icon.gif) no-repeat 10px 10px;
	text-indent: 33px;
	width: 840px;
	font-size: 1em;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 5px;
}
.answer {
	width: 830px;
	background: url(https://www.planter-proshop.com/pic-labo/a_icon.gif) no-repeat 13px 3px;
	text-indent: 33px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 1.7em;
	font-size: 1em;
}
.text_small {
	font-size: 0.85em;
	line-height: 130%;
	color: #666;
}
.text_small_bgyellow {
	font-size: 0.85em;
	line-height: 130%;
	padding: 12px 20px;
	float: right;
	width: 580px;
	color: #333;
	background: #FFC;
	margin: 10px 0px;
}
.maincopy2 {
	font-size: 1.1em;
	color: #030;
	background: #9CC;
	margin: 10px;
	width: 620px;
}
.maincopy2 tr td {
	text-align: center;
}
.photo_padding_side {
	padding-right: 8px;
	padding-left: 8px;
}

.category_tips {
	font-size: 0.95em;
	line-height: 1.6em;
	color: #963;
}
.text_blog {
	font-size: 0.9em;
	line-height: 1.8em;
	color: #333;
	width: 450px;
}
.photo_padding10 {
	padding: 10px;
}
.attention-bold {
	font-size: 1.2em;
	font-weight: bold;
	color: #C03;
	background: #FCC;
	text-align: left;
	padding: 8px;
	width: 864px;
}
.footerarea-left {
	font-size: 12px;
	line-height: 19px;
	color: #666;
	float: left;
	width: 310px;
}
.footerarea-left .photo {
	padding-top: 10px;
	padding-bottom: 10px;
}
.footerarea-right {
	font-size: 12px;
	line-height: 19px;
	color: #666;
	float: left;
	width: 310px;
	padding-left: 20px;
}
.footerarea-right .photo {
	padding-top: 10px;
	padding-bottom: 10px;
}
.footer {
	text-align: left;
	margin: 0px auto;
	height: auto;
	width: 640px;
}
.topside {
	background: #FC6;
	width: 172px;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}
.topsidemenutxt {
	font-size: 0.6em;
	color: #333;
	background: #F6F1E1;
	border-bottom-width: medium;
	border-bottom-color: #FFF;
	padding-left: 20px;
	height: 15px;
	width: auto;
}
div.imagebox {
	background: #FFF;
	width: 202px;
	float: left;
	margin: 0px 8px 8px 0px;
	border-top: 0px #366;
	border-right: 0px #366;
	border-bottom: 0px #366;
	border-left: 0px #366;
}
p.image, p.caption {
	text-align: left;
}
p.caption {
	font-size: 0.9em;
	color: #669;
}
p.exp {
			clear: left;       /* 回り込みを解除 */
		}
.entries1 {
	float: left;
	width: 600px;
}
.caption_bk {
	font-size: 0.93em;
	line-height: 1.9em;
	color: #333;
	width: 580px;
}
div.product_list {
	background: #EECE8E;
	width: 170px;
	float: left;
	padding-left: 30px;
	font-size: 0.8em;
}
p.image, p.caption {
	text-align: left; /* 3.中央寄せ */
	margin: 3px;/* 4.余白・間隔 */
	margin: 0px;
}
p.caption {
	font-size: 1em;
    color: #339;
}
.entries2 {
	background: url(https://www.planter-proshop.com/pic-labo/entries2_bg.jpg) no-repeat;
	width: 620px;
	padding-top: 80px;
	padding-left: 20px;
	height: 640px;
	float: left;
	text-align: left;
}
.entries2_title {
	font-weight: bold;
	color: #C30;
	background: #CC9;
	text-align: left;
	padding: 2px;
	float: left;
	width: 280px;
	margin-right: 300px;
	margin-top: 10px;
}
.entries2_text {
	padding: 0px;
	width: 280px;
	float: left;
	font-size: 0.9em;
	margin: 0px 0px 5px;
}
div.imagebox2 {
	background: #FFF;
	width: auto;
	float: left;
	margin: 2px;
	border-top: 0px #366;
	border-right: 0px #366;
	border-bottom: 0px #366;
	border-left: 0px #366;
}
p.image, p.caption {
	text-align: left;
	margin: 0px;
}
p.caption {
	font-size: 0.85em;
	color: #F66;
}
p.exp {
			clear: left;       /* 回り込みを解除 */
		}
.text_small_blue {
	font-size: 0.9em;
	line-height: 130%;
	color: #036;
}
.text_small_blue {
	font-size: 0.93em;
	line-height: 130%;
	color: #036;
}
.entries3 {
	background: url(https://www.planter-proshop.com/pic-labo/entries3_bg.jpg) no-repeat;
	width: 620px;
	padding-top: 80px;
	padding-left: 20px;
	height: 640px;
	float: left;
	text-align: left;
}
.entries3_title {
	font-weight: bold;
	color: #C30;
	background: #CC9;
	text-align: left;
	padding: 2px;
	float: left;
	width: 280px;
	margin-right: 300px;
	margin-top: 10px;
}
.entries3_text {
	padding: 0px;
	width: 280px;
	float: left;
	font-size: 0.9em;
	margin: 0px 0px 5px;
}
div.imagebox3 {
	background: #FFF;
	width: 124px;
	float: left;
	margin: 2px;
	border-top: 0px #366;
	border-right: 0px #366;
	border-bottom: 0px #366;
	border-left: 0px #366;
}
.caption_bk2 {
	font-size: 0.93em;
	line-height: 1.9em;
	color: #333;
	width: 580px;
	padding-left: 60px;
}
.midashicontainer {
	font-size: large;
	letter-spacing: 5px;
	margin: 10px;
	padding: 2px 0px 2px 10px;
	width: 600px;
	color: #066;

	border-left: 5px double #930;
	font-weight: bold;
}
.columntxt {
	font-size: 1em;
	color: #666;
	width: 80%;
	line-height: 160%;
	float: right;
	letter-spacing: 0.5px;
}
.kyoko {
    padding-left:100px;
    background:url(https://www.planter-proshop.com/pic-labo/kyoko_icon.jpg) no-repeat left top;
}
.lechuza {
    background:url(https://www.planter-proshop.com/pic-labo/lechuza_icon.jpg) no-repeat right top;
}
.kyoko , .lechuza { width:600px; margin-bottom:30px; min-height:80px;}
.kyoko p , .lechuza p {
    position: relative;
    background: #fff;
    border: 3px solid #deb887;
    padding:10px;
    width:450px;
    min-height:50px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.kyoko p:after, .kyoko p:before {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.lechuza p:after, .lechuza p:before {
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.kyoko p:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 10px;
    top: 20px;
    margin-top: -10px;
}
.kyoko p:before {
    border-color: rgba(64, 64, 64, 0);
    border-right-color:#deb887;
    border-width: 14px;
    top: 20px;
    margin-top: -14px;
}
.lechuza p:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 10px;
    top: 20px;
    margin-top: -10px;
}
.lechuza p:before {
    border-color: rgba(64, 64, 64, 0);
    border-left-color:#deb887;
    border-width: 14px;
    top: 20px;
    margin-top: -14px;
}
.textvol2 {
	font-size: 1em;
	line-height: 1.8em;
	color: #464242;
	width: 300px;
}
.textvol2b {
	font-size: 1em;
	line-height: 1.8em;
	color: #464242;
	width: 600px;
}
.update {
	font-size: 0.9em;
	line-height: 2.5em;
	color: #444;
	padding: 8px;
	width: 560px;
	border-top: none;
	border-right: 20px solid #F63;
	border-bottom: none;
	border-left: 20px solid #F63;
	background: url(https://www.planter-proshop.com/pic-labo/newarea_bg.png);
}
.textvol3 {
	font-size: 1em;
	line-height: 1.8em;
	width: 560px;
	padding-top: 0px;
	padding-left: 30px;
}
.textvol3_2 {
	font-size: 1em;
	line-height: 1.8em;
	width: 490px;
	padding-top: 0px;
	padding-left: 70px;
}
div.product_listvol3 {
	background: #EECE8E;
	width: 160px;
	float: left;
	padding-left: 30px;
	font-size: 0.8em;
	padding-bottom: 10px;
}
.txtvol3advice {
	font-size: 1em;
	line-height: 1.9em;
	background: url(https://www.planter-proshop.com/pic-labo/entries20_m2bg.gif);
	padding: 0px 30px 20px;
	width: 500px;
}
.txtvol6advice {
	font-size: 1.1em;
	line-height: 2em;
	background: url(https://www.planter-proshop.com/pic-labo/entries23_advicebg.gif);
	padding: 10px 30px 20px;
	width: 580px;
	text-align: center;
}
.txt_entries23advice {
	padding-left: 80px;
	font-size: 1.1em;
	line-height: 2em;
}
.txt_pink {
	color: #C36;
}
.txt_entries24advice {
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.8em;
}
.area {
	position: absolute;
	color: #444;
	font-size: 1em;
	line-height: 160%;
	left: 38px;
	top: 11px;
}
.area a {
	text-decoration: underline;
	color: #009933;
}
.area_txt {
	color: #444;
	font-size: 1em;
	line-height: 180%;
}
.detail {
	position: relative;
	width: 640px;
	margin-bottom: 30px;
}
.mark_red_big {
	font-weight: bold;
	color: #F00;
	font-size: 1.2em;
}
.detail .area5210 {
	position: absolute;
	color: #EEE;
	font-size: 1em;
	line-height: 140%;
	left: 8px;
	top: 26px;
}
.detail .area_ent26_1 {
	position: absolute;
	color: #111;
	font-size: 1em;
	line-height: 140%;
	left: 328px;
	top: 84px;
	width: 296px;
}
.detail .area_ent26_2 {
	position: absolute;
	color: #111;
	font-size: 1em;
	line-height: 140%;
	left: 28px;
	top: 325px;
	text-align: center;
	width: 581px;
}
.detail .area_ent26_3 {
	position: absolute;
	color: #111;
	font-size: 1em;
	line-height: 140%;
	left: 28px;
	top: 94px;
	width: 284px;
	height: 244px;
}
.detail .area_ent28_1 {
	position: absolute;
	color: #111;
	font-size: 1em;
	line-height: 140%;
	left: 328px;
	top: 84px;
	width: 296px;
}
h1 
 {
	font-size: 1.2em;
	margin-top: 10px;
 } 
h2 
 {
	font-size: 1em;
	color: #C33;
 }
 h3 
 { 
 font-size:80%;
 } 
 hr{
    border:none;
    border-top:dashed 1px #CCC;
    height:1px;
    color:#FFFFFF;
    margin: 0 6 0 6;
}
div.contentsbox
{
	width: 580px;
	border: 4px solid #CCCCCC;
	padding-top: 2em;
	padding-bottom: 1em;
	padding-left: 2.5em;
	line-height: 1.5em;
	letter-spacing: 0.8pt;
	margin-top: 20px;
	font-size: 1em;
}
.feature {
	font-size: 90%;
	color: #000;
}
.contentsbox_title {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #F03;
}
.contentsbox_subtitle {
	font-size: 1em;
	font-weight: bold;
	color: #333;
}
.contentsbox img {
	padding-top: 10px;
	float: left;
}
.contentsbox2 
{
	width: 864px;
	font-size: 1em;
	padding-top: 2em;
	padding-bottom: 1em;
	padding-left: 2.5em;
	line-height: 1.5em;
	letter-spacing: 0.8pt;
	margin-top: 20px;
	background-color: #CCC;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-right: 1em;
}
.contentsbox3 
{
	width: 864px;
	font-size: 1em;
	padding-top: 2em;
	line-height: 1.5em;
	letter-spacing: 0.8pt;
	margin-top: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-transform: none;
	text-align: center;
}
.contentsbox_smalltxt {
	font-size: 0.9em;
	color: #666;
	padding-right: 20px;
}
.contentsbox_smalltxt {
	font-size: 0.9em;
	color: #666;
	padding-right: 20px;
}
.contentsbox_smalltxt {
	font-size: 0.9em;
	color: #666;
	padding-right: 20px;
}
.designersbox {
	font-size: 0.9em;
	line-height: 1.6em;
	width: 600px;
	margin: 10px;
}
.designersbox img {
	float: left;
	padding-right: 15px;
}
.designersbox h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 130%;
	color: #000;
}
.center_txt {
	font-size: 1em;
	color: #063;
	text-align: left;
	padding-bottom: 1em;
	font-weight: bold;
	font-family: -apple-system, blinkMacSystemFont, YuGothic-M, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.centerphoto {
	padding-top: 8px;
}
div.news {
	font-size: 100%;
	background-color: #E9E8E4;
}
a {
text-decoration: none;
}
dl {
	padding-left: 10px;
}
dt {
  float: left;
  clear: left;
  width: 9em;
  padding: 10px 0;
}
dd {
  padding: 10px 0 10px 0;
  border-bottom: 1px #666 solid;
}
/*** 6月以降planterproshop独自追加分 ***/
.photowaku img{
     border:solid 1px #ccc;
     padding:5px;
}
.left_photo {
	float: left;
}
.middlebn {
	border:solid 1px #ccc;
	padding: 5px;
	float: left;
	margin-top: 5px;
	margin-right: 12px;
	margin-bottom: 5px;
}
.marker_yellow_futo {
background: linear-gradient(transparent 0%, #ffff66 0%);
}
.marker_yellow_hoso {
background: linear-gradient(transparent 60%, #ffff66 60%);
}
.clear { clear:both; }  
.clear hr { display:none; } 
#uservoice {
	width: 864px;
}
.uservoice_title {
	font-weight: bold;
	color: #300;
	background: #CC9;
	text-align: left;
	padding: 3px 20px;
	float: left;
	width: 860px;
	margin-top: 30px;
	margin-bottom: 15px;
}
.uservoice_txt {
	font-size: 1.1em;
	line-height: 2em;
	width: 860px;
	padding-right: 40px;
	padding-left: 60px;
	text-align: left;
}
.uservoice_item {
	text-align: center;
}.menuRibbon {
	margin:0 0 10px 0;
	padding:2px 8px;
	background:#3e8b5f;
	color:#EBF7FA;
	line-height:140%;
	font-weight:bold;
}
.menuRibbonLight {
	margin:0 0 10px 0;
	padding:2px 8px;
	background:#d6cc9a;
	color:#4f4d45;
	line-height:140%;
	font-weight:bold;
}
.menuTab {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 0 5px;
	border-color: #d6cc9a;
	border-style:solid;
	background:#3e8b5f;
	color:#EBF7FA;
	line-height:140%;
	font-weight:bold;
}
.menuTabLight {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 0 5px;
	border-color:#3e8b5f;
	border-style:solid;
	background:#d6cc9a;
	color:#4f4d45;
	line-height:140%;
	font-weight:bold;
}
.menuTabDouble {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 5px;
	border-color: #d6cc9a;
	border-style:solid;
	background:#3e8b5f;
	color:#EBF7FA;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}
.menuTabDoubleLight {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 5px;
	border-color:#3e8b5f;
	border-style:solid;
	background:#d6cc9a;
	color:#4f4d45;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}
.menuLine {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 5px 0;
	border-color: #d6cc9a;
	border-style:solid;
	background:#3e8b5f;
	color:#EBF7FA;
	line-height:140%;
	font-weight:bold;
}
.menuLineLight {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 5px 0 ;
	border-color:#3e8b5f;
	border-style:solid;
	background:#d6cc9a;
	color:#4f4d45;
	line-height:140%;
	font-weight:bold;
}
.menuLineDouble {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:5px 0;
	border-color: #d6cc9a;
	border-style:solid;
	background:#3e8b5f;
	color:#EBF7FA;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}
.menuLineDoubleLightW {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:5px 0;
	border-color:#3e8b5f;
	border-style:solid;
	background:#fff;
	color:#4f4d45;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}
.menuLineDoubleLight {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:5px 0;
	border-color:#3e8b5f;
	border-style:solid;
	background:#d6cc9a;
	color:#4f4d45;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}
.menuLineLightW {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 5px 0 ;
	border-color:#3e8b5f;
	border-style:solid;
	background:#fff;
	color:#4f4d45;
	line-height:140%;
	font-weight:bold;
}
#layoutbox {
	float: left;
	width: 640px;
}
.list_ttl {
	width: 864px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.list_ttltxt {
	border-width: 0 5px;
	border-color: #3e8b5f;
	border-style: solid;
	background: #d6cc9a;
	color: #4f4d45;
	line-height: 140%;
	font-weight: normal;
	text-align: center;
	font-size: 1.1em;
	margin-top: 15;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
}
.list_ttltxt2 {
	border-width: 0 5px;
	border-color: #FF0000;
	border-style: solid;
	background: #d6cc9a;
	color: #4f4d45;
	line-height: 140%;
	font-weight: normal;
	text-align: center;
	font-size: 1.1em;
	margin-top: 15;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
}
.text12em_gray {
	font-size: 1.2em;
	color: #333;
}
.float_right_div260 {
	float: right;
	width: 260px;
	margin-top: 10px;
	text-align: left;
	font-weight: normal;
	color: #333;
}
.mt10_bg_gray {
	font-weight: bold;
	color: #333;
	background-color: #E6E6E6;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 10px;
}
.mt6_bg_gray {
	font-weight: bold;
	color: #333;
	background-color: #E6E6E6;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 6px;
}
.list_mainphoto {
	margin-bottom: 15px;
}
div.header_area img {
margin:10px 0px;
}
.mt15mb20text20 {
	font-size: 20px;
	margin-top: 15px;
	margin-bottom: 20px;
	font-weight: bold;
}
.mt10mb18text16 {
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 18px;
	font-weight: bold;
}
.photo_mb10 {
	margin-bottom: 10px;
}
.area .ttl {
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 18px;
}
.gazobox_right12mb15 {
	float: left;
	margin-right: 12px;
	margin-bottom: 15px;
}
.mt20mb20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.youtube {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 30px;
}
.sub_ttl_pink {
	font-size: 1.2em;
	font-weight: bold;
	color: #C33;
}
.heading-cate-lechuza {
	font-size: 1.1em;
	font-weight: bold;
	color: #C33;
	width: 864px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	line-height: 160%;
}
 /*20170718追加*/
.y_table-notes {
	font-size: 0.9em;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}
 /*20170802追加*/
.wa30{display:inline-block;
width:30%;
max-width:270px;
margin:0px 2px 0px 0px;
}
.contentsbox-12 {
	width: 864px;
}
 /*20180920追加*/
.blog-link-frame {
	background-color: #EFE7CD;
	margin: 20px auto;
	padding: 15px 0 5px;
	width: 600px;
}
.blog-link-link {
  display: table;
}
.blog-link-img,
.blog-link-title {
  display: table-cell;
  vertical-align: middle;
}
.blog-link-title {
  font-size: 100%;
  line-height: 1.2;
  padding: 0 5px 0 0;
}
.blog-link-name {
	font-size: 110%;
	line-height: 1.2;
	padding: 0 5px 10px 0;
	font-weight: bold;
	color: #900;
}
.blog-link-dl-button a {
  width: 480px;
  background-color: #aaaaaa;
  border-radius: 3px;
  box-shadow: 0 3px 0 rgba(136,136,136,1);
  color: #ffffff;
  display: block;
  font-size: 110%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 10px auto;
  padding: 10px 0;
}
.blog-link-dl-button a:hover {
  box-shadow: 0 1px 0 rgba(136,136,136,1);
  margin: 12px auto 8px;
}
/*20180926追加トップページバナー*/
div.topimagebox {
   padding: 19px 19px;
    margin: 1em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #a9a9a9;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    width:246px;/* 横幅 */
    float: left; /* 左に配置 */
}
.topimagebox-text {
	font-size:0.7em
}
.entries47_ttl {
	font-size: 1.1em;
	font-weight: bold;
	color: #006633;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
/*20181016追加LPページ*/
.box {
	float: left;
	margin-right: 20px;
}
.boxContainer {
	overflow: hidden;
}

/* clearfix */
.boxContainer:before,
.boxContainer:after {
    content: "";
    display: table;
}
 
.boxContainer:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
    zoom: 1;
}
/*20181019追加カテゴリーページ*/
/* ▼キャプション付き画像全体を囲むボックスの装飾 */
p.cate-bn {
	display: inline-block; /* 外側に余白を追加(※右に30px・下に40px) */
	background-color: #FFF;  /* 背景色 */
	width: 250px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 40px;
	margin-left: 0px;
}
/* ▼画像に対する装飾 */
p.cate-bn img {
    display: block;          /* 余計な余白が出ないようにする */
    margin: 0px 0px 5px 0px; /* 下側にだけ5pxの余白を追加 */
}
/* ▼見出しに対する装飾 */
p.cate-bn span.g {
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	color: #096;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
/* ▼本文に対する装飾 */
p.cate-bn span.b {
	font-size: 16px;
	text-align: left;
}
/*20181105追加カテゴリーページ*/
/* ▼キャプション付き画像全体を囲むボックスの装飾 */
p.cate-bn2 {
	display: inline-block; /* 外側に余白を追加(※右に30px・下に40px) */
	background-color: #FFF;  /* 背景色 */
	width: 864px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}
/* ▼画像に対する装飾 */
p.cate-bn2 img {
    display: block;          /* 余計な余白が出ないようにする */
    margin: 0px 0px 5px 0px; /* 下側にだけ5pxの余白を追加 */
}
/* ▼見出しに対する装飾 */
p.cate-bn2 span.g {
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	color: #096;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
/* ▼本文に対する装飾 */
p.cate-bn2 span.b {
	font-size: 16px;
	text-align: left;
}
/* ▼テラコッタのスペック表*/
.y_table2 {
	width: 500px;
	border-collapse: collapse;
	font-size: 0.8em;
	float: left;
}
.y_table2 th.t_top {
    border-top: #b3b3b3 4px solid;
}
.y_table2 th {
	border-bottom: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px;
	font-weight: normal;
	background-color: #CCCCCC;
}
.y_table2 td.t_top {
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #993333;
}
.y_table2 td {
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px;
}
/* ▼2019春のレチューザスターター福箱用*/
.spring_r_txt{
	float: right;
	width: 500px;
	margin: 0px 10px;
	text-align: left;
	font-size: 1.1em;
}
/* 全体の枠 */
.spring_image-text {
    position: relative;
}
/* 画像 */
.spring_image1 {
    position: relative;
}
 /* 重ねる文字 */
.spring_text1 {
	text-align: left;
	position: absolute;
	top: 200px;
	right: 4px;
	padding: 15px;
	font-size: 0.9em;
	line-height: 170%;
	opacity: 0.8;
}

/* お客様の声吹き出し本体 */
/* 吹き出し本体 */
.balloon{
　float:  left;   /* 回り込み指定 */
  position: relative;
  padding: 20px;
  background-color: #fff3ad;
  display: inline-block;     /* 横幅を自動で変更 */    
}


/* アイコンを下に表示 */
.balloon::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  bottom: -15px;
  border-top: 15px solid #fff3ad;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}

/* 商品ページお奨めコメント */
.p-explain {
	font-size: 14px;
	color: #333;
	font-style: normal;
	line-height: 1.5em;
	text-align: left;
	width: 840px;
	height: auto;
	background-color: #FFC;
	padding: 15px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

/* テキスト商品詳細表示エリア */
.productdetail_div{
	text-align: left;
	background-color: #FFFFFF;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.productdetail_div_in_normal,.productdetail_div_in_attention{
	 display:inline-block;
	 vertical-align: top;
	 width:40%;
}
.productdetail_div_in_normal{
	margin-right: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	border: 1px solid #999;
	margin-bottom: 20px;
}
.productdetail_div p{text-align:left;}
.productdetail_div h3{
	text-align: center;
	font-weight: bold;
	background-color: #808080;
	font-size: 110%;
	color: #FFF;
	margin-bottom: 8px;
}
.productdetail_div h4{
	text-align: center;
	font-weight: bold;
	background-color: #F03;
	font-size: 110%;
	color: #FFF;
	margin-bottom: 8px;
}

/* 商品ページに追加した見出し指定 */
.mark-midasi {
	font-size: 1.4em;
	font-weight: bold;
	color: #F33;
	line-height: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom: 30px;
}
.mt15mb15 {
	margin-top: 15px;
	margin-bottom: 15px;
}
.itemmain1_h2{ 
   font-weight:bold;
   color:#6DBB48;
   font-size:1.3em;
   line-height:1.5em;
   margin:60px auto;
   margin-bottom: 30px;
   margin-top: 40px;
 }
.item-text {
	font-size: 1.2em;
	color: #666;
	width: 820px;
	line-height: 1.5em;
	float: left;
	padding-top: 20px;
　　padding-left: 20px;
	padding-bottom: 20px;
}
.item-text.red {
	color: #ff7f7f;
}
.item-text-bold {
	font-size: 1.2em;
	color: #666;
	width: 820px;
	line-height: 1.5em;
	float: left;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	font-weight: bold;
}
.item-heading {
	font-size: 1.5em;
	font-weight: bold;
	color: #066;
	line-height: 1.4em;
	float: left;
}
.uservoice-heading {
	font-size: 1.5em;
	font-weight: bold;
	color: #960;
	line-height: 1.4em;
	float: left;
}
/* 施工事例ページに追加したCSS */
articlesetup{
  margin:1em;
  font: 300 1em/1.7 Hiragino Sans, sans-serif;
}
figuresetup{
  display:table;
  background: #f8f8f8;
  margin:2em auto;
  border: 1px solid #ccc;
  border-bottom:0;
  padding: .4em;
}
figcaptionsetup{
  background: #f8f8f8;
  display:table-caption;
  caption-side:bottom;
  font-size:0.8em;
  padding:.6em .4em;
  border: 1px solid #ccc;
  border-top:0;
}
hr {
border-width:1px 0 0 0; /*線の太さの指定*/
border-style:dotted;/*線の種類の指定*/
border-color:#000000; /*線の色の指定*/
border-top:1px dotted #000000; 
margin:30px 0;
}





/* ランキング */



/* PC時のスタイル */
.ranking .column-set.slick-initialized {
  padding: 0 10px;
}

.ranking .slick-slide {
  height: auto !important;
  padding: 0 10px;
}

.ranking .slick-track {
  display: flex !important;
  align-items: stretch;
}

.ranking .column-set.slick-initialized .column5 {
  float: none;
  width: 100% ;
  margin: 0 !important;
  padding-bottom: 20px;
  height: auto !important;
}

.ranking .column-set.slick-initialized .column5 .itemThumb-wrap {
  width: 100%;
  margin: 0 auto 10px;
  height: auto;
  position: relative;
}

.ranking .column-set.slick-initialized .column5 .badge {
  position: absolute;
  top: 20px;
  left: 4px;
  z-index: 10;
  width: 35px;
  height: 35px;
  padding: 4px;
}

.ranking .column-set.slick-initialized .column5 .badge img {
  width: 100%;
  height: 100%;
}

.ranking .column-set.slick-initialized .column5 .itemThumb {
  width: 100%;
  height: 250px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0;
}

.ranking .column-set.slick-initialized .column5 .itemThumb a,
.ranking .column-set.slick-initialized .column5 .itemThumb .item-list-span-img {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ranking .column-set.slick-initialized .column5 .itemThumb img {
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* SP時のスタイル */
@media screen and (max-width: 768px) {
  .ranking .column-set.slick-initialized .column5 .itemThumb {
    height: 200px !important;
  }
}

@media screen and (max-width: 768px) {
	.productdetail_div_in_normal {
    width: 100%;
}

.y_table {
    width: 100%;
}

.green_div_in_l, .green_div_in_r {
    width: 100%;
}

.green_div_in_l {
    border-right: none;
    margin: 20px 0;
}

section#itemDetail-wrap .description p {
    margin: 20px;
}

    #main-column h2 {
        font-size: 1.2rem;
    }
	
	.item-heading {
    font-size: 1.1em;
}

.item-text {
    font-size: 1em;
    width: 100%;
}

}


#sub-column div.cal_wrapper table.cal tr td div.Today {
	font-weight:bold;
	background-color:#eeeeee;	
}

/* 2025追加分 */


/* 全体 */

* {
  box-sizing: border-box;
}

@media (max-width: 768px) {
	body{
		font-size: 14px !important;
	}
}

.freeArea2 h2{
padding: 0;
margin: 0;
display: none;}

#contents  {overflow-x: hidden;
}


a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}

h2 {
	border-bottom: none;}
	
body > footer > footer > div.footer-middle > h2 {
    border-bottom: none !important;
}

/* ヘッダー */


.top-bar {
  background: #213F30;
  color: white;
  text-align: center;
  padding: 8px;
  font-size: 14px;
}

.top-bar a{
color: #ffffff;
	text-decoration: underline;
}

.top-bar a:hover{
color: #D5D5D5;
	text-decoration: none;
}

header {
  background: white;
}

.header-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 10px 0px;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.logo {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.logo img {
  height: 60px;
  width: auto;
  object-fit: contain;
}

.header-actions {
  display: flex;
  gap: 30px;
  align-items: center;
}

.action-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  color: #555;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s;
}

.action-item:hover {
  color: #213F30;
}

.action-icon {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.action-label {
  font-size: 14px;
  color: #213F30;
}

input[type="text"], input[type="password"] {
  padding: 10px 8%;
}

.search-section {
  padding: 25px 0px;
  max-width: 1200px;
  margin: 0 auto;
}

.search-container {
  display: flex;
  gap: 30px;
  align-items: center;
}

.search-box {
  flex: 0 0 400px;
  position: relative;
}

.search-box form {
  position: relative;
  width: 100%;
}

.search-input {
  width: 100%;
  padding: 15px 50px 15px 20px;
  border: 2px solid #ddd;
  border-radius: 30px;
  font-size: 15px;
  outline: none;
  transition: border-color 0.3s;
  background-color: #EDEDED;
}

.search-input:focus {
  border-color: #213F30;
}

.search-icon-btn {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.search-icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
  display: block;
}

.keyword-buttons {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.keyword-btn {
  padding: 10px 25px;
  border: 2px solid #213F30;
  background: white;
  border-radius: 25px;
  cursor: pointer;
  transition: all 0.3s;
  font-size: 14px;
  color: #213F30;
}

.keyword-btn:hover {
  background: #213F30;
  color: white;
}

nav#mobileNav {
  background: #D9D9D9;
  padding: 20px 40px;
}

@media (max-width: 768px) {
  nav#mobileNav {
    background: #fff;
  }
}

.nav-menu {
  display: flex;
  justify-content: center;
  gap: 40px;
  list-style: none;
  max-width: 1200px;
  margin: 0 auto;
}

.nav-item {
  color: #333;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: color 0.3s;
}

.nav-item:hover {
  color: #ffffff;
}

@media (max-width: 768px) {
.nav-item:hover {
  color: #cccccc;
}
}

.divider {
  color: #999;
}

/* カテゴリ展開メニュー用のスタイル */
.category-item {
  position: relative;
}

.category-toggle {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.category-arrow {
  font-size: 12px;
  transition: transform 0.3s;
}

.category-arrow.active {
  transform: rotate(180deg);
}

.category-submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: white;
  border: 1px solid #ddd;
  padding: 15px;
  min-width: 450px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  z-index: 1000;
  margin-top: 10px;
  display: none;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.category-submenu.active {
  display: grid;
}

.category-submenu a {
  display: block;
  padding:10px 5px;
  color: #333;
  text-decoration: none;
  border-radius: 4px;
  transition: background 0.3s;
}

.category-submenu a:hover {
  background: #f5f5f5;
  color: #213F30;
}

/* ハンバーガーメニュー */

.hamburger {
  display: none;
  position: relative;
  width: 30px;
  height: 20px;
  cursor: pointer;
  z-index: 1001;
}

.hamburger span {
  position: absolute;
  left: 0;
  width: 30px;
  height: 3px;
  background: #213F30;
  border-radius: 3px;
  transition: all 0.3s;
}

.hamburger span:nth-child(1) {
  top: 0;
}


.hamburger span:nth-child(2) {
  top: 9px;
}

.hamburger span:nth-child(3) {
  top: 18px;
}

.hamburger.active span:nth-child(1) {
  transform: rotate(45deg);
  top: 9px;
}

.hamburger.active span:nth-child(2) {
  opacity: 0;
}

.hamburger.active span:nth-child(3) {
  transform: rotate(-45deg);
  top: 9px;
}

.mobile-menu-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.mobile-menu-overlay.active {
  display: block;
}

.mobile-header-content {
  display: none;
}

/* モバイル用のカテゴリ展開スタイル */
@media (max-width: 768px) {
  .header-main {
    padding: 15px 20px;
  }

  .logo img {
    height: 45px;
  }

  .hamburger {
    display: flex;
  }

  .header-actions {
    display: none;
  }

  .search-section {
    display: none;
  }

  .mobile-header-content {
    display: block;
  }

  nav {
    position: fixed;
    top: 0;
    right: -100%;
    width: 85%;
    max-width: 350px;
    height: 100vh;
    background: white;
    padding: 80px 20px 20px;
    transition: right 0.3s;
    z-index: 1000;
    overflow-y: auto;
  }

  nav.active {
    right: 0;
  }

  nav .header-actions {
    display: flex;
    justify-content:flex-start;
    padding: 20px 0;
    border-bottom: 2px solid #eee;
    margin-bottom: 20px;
  }

  nav .action-item {
    flex-direction: column;
    gap: 8px;
  }

  nav .action-icon {
    width: 32px;
    height: 32px;
  }

  nav .action-label {
    display: block;
    font-size: 12px;
  }

  nav .search-section {
    display: block;
    padding: 0 0 20px 0;
    margin-bottom: 20px;
    border-bottom: 2px solid #eee;
  }

  nav .search-container {
    flex-direction: column;
    gap: 15px;
  }

  nav .search-box {
    flex: 1;
    width: 100%;
  }

  nav .search-input {
    padding: 12px 45px 12px 15px;
  }

  nav .keyword-buttons {
    width: 100%;
    justify-content: flex-start;
    gap: 8px;
  }

  nav .keyword-btn {
    padding: 8px 15px;
    font-size: 14px;
  }

  .nav-menu {
    flex-direction: column;
    gap: 0;
    align-items: stretch;
  }

  .nav-menu li {
    border-bottom: 1px solid #eee;
  }

  .nav-item {
    display: block;
    padding: 15px 10px;
    font-size: 14px;
  }

  .divider {
    display: none;
  }

  /* モバイル用カテゴリ展開 */
  .category-item {
    position: static;
  }

  .category-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .category-submenu {
    position: static;
    transform: none;
    border: none;
    box-shadow: none;
    padding: 0;
    margin-top: 0;
    background: #f8f8f8;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    display: block;
    min-width: auto;
    grid-template-columns: 1fr;
  }

  .category-submenu.active {
    max-height: 800px;
    transition: max-height 0.5s ease-in;
    display: block;
  }

  .category-submenu a {
    padding: 12px 20px;
    font-size: 14px;
    border-bottom: 1px solid #e0e0e0;
  }

  .category-submenu a:last-child {
    border-bottom: none;
  }
}

/* スライダー*/

#main-column > section:nth-child(1) > div > h2
{   padding: 0px;
    margin-bottom: 0px;
}

/* free-contents が勝手に P で包む問題の修正 */
.free-contents > p {
  margin: 0;
  padding: 0;
}

/* スライダーコンテナ */
.mySwiper {
  width: 100%;
  overflow: hidden;
  position: relative;
	padding-top: 20px;
}

.mySwiper .swiper-wrapper {
  display: flex;
}

.mySwiper .swiper-slide {
  width: auto;
}

.swiper-slide img {
  width: 100%;
  display: block;
}

/* 矢印色 */
.swiper-button-next,
.swiper-button-prev {
  color: #213F30 !important;
}

/* ページネーションの基本 */
.swiper-pagination {
  text-align: center;
  bottom: 10px; /* 下からの位置 */
  width: 100%;
  position: absolute;
  z-index: 10;
}

/* ドット（丸） */
.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.6);
  opacity: 1;
  border-radius: 50%;
  margin: 0 5px;
  transition: background 0.3s;
  cursor: pointer;
}

/* アクティブなドット */
.swiper-pagination-bullet-active {
  background: #fff; /* アクティブ色 */
}

@media (min-width: 769px) {
  .mySwiper {
    width: 1200px;
	  margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .swiper-button-next,
  .swiper-button-prev {
    width: 25px;   /* 矢印ボタンの横幅 */
    height: 25px;  /* 縦幅 */
  }

  /* 矢印アイコンのサイズ */
  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 16px; /* デフォ32px → 小さく */
  }

  /* 位置が近すぎる場合 調整用 */
  .swiper-button-next {
    right: 5px;
  }
  .swiper-button-prev {
    left: 5px;
  }
	.mySwiper {
		padding-top: 0px;}
}


	
/* TOPエリア*/
 
.freeAreaTitle{
	display: none;
}
#main-column > section:nth-child(2) > div > h2{
	margin-bottom:  0px;
}

.ranking h2{
border-bottom:  solid 2px #213F30 !important;
}

#main-column h2 {
	display: block;
    border: none;
    font-size: 2rem;
    color: #213F30;
    letter-spacing: 0em;
    padding: 0px 0 20px;
    margin-bottom: 30px;
    font-weight: 600;
	line-height: normal;
}

.banner-grid {
  width: 80%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
	margin-bottom: 0px;
}


.banner-item img {
  width: 100%;
  height: auto;
  display: block;
	object-fit: contain;
  background: #fff;
}

@media (max-width: 768px) {
  .banner-grid {
    width: 100%;
	gap: 5px;
	  padding-bottom: 30px;
  }
	
#main-column h2 {
    font-size: 1.5rem;
    color: #213F30;
    padding: 0px 0 10px;
}

}

.free-contents h2 {
    border-bottom: solid 2px #213F30 !important;
}

/* トップバナー全体（背景フル幅） */
.top_banner_block {
  background: #EFEFEF;
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding: 60px 0;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 20px;
}

/* wrap（最大幅） */
.top_banner_block .wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* バナーリストリセット */
.top_banner_block ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

/* PC：3列 */
.top_banner_block ul li {
  width: calc((100% - 40px) / 3);
}

.top_banner_block img {
  display: block;
  width: 100%;
  height: auto;
}

/* SP：2列 */
@media (max-width: 768px) {
  .top_banner_block {

  }

  .top_banner_block .wrap {
    padding: 0 10px;
  }

  .top_banner_block ul li {
    width: calc((90% - 10px) / 2);
  }
	
	.top_banner_block ul {
  gap: 10px;
}
}

/* 極小スマホ：1列 */
@media (max-width: 480px) {
  .top_banner_block ul li {
    width: 48%;
  }
}


/* categorybanner */
        .category-container {
            max-width: 1200px;
            margin: 0 auto;
			margin-bottom: 70px;
        }
        
        .category-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 10px;
        }
        
        .category-card {
            position: relative;
            aspect-ratio: 1;
            overflow: hidden;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            cursor: pointer;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .category-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        }
        
        .category-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        
        .card-text {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(255, 255, 255, 0.80);
            padding: 10px;
            text-align: center;
        }
        
        .card-text h3 {
            font-size: 14px;
            font-weight: bold;
            color: #213F30;
            line-height: 1.4;
        }
        
        .card-text p {
            font-size: 11px;
            color: #213F30;
            margin-top: 2px;
        }
        
        .category-circle {
            background: #f5f5f5;
            display: flex;
            align-items: center;
            justify-content: center;
            aspect-ratio: 1;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            cursor: pointer;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .category-circle:hover {
            transform: translateY(-5px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        }
        
        .circle-content {
            background: #213F30;
            border-radius: 50%;
            width: 80%;
            aspect-ratio: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }
        
        .category-circle h3 {
            color: #fff;
            font-size: 16px;
            font-weight: bold;
            line-height: 1.3;
			text-align: center;
        }
        
        @media (max-width: 1024px) {
            .category-grid {
                grid-template-columns: repeat(4, 1fr);
            }
        }
        
        @media (max-width: 768px) {
            .category-grid {
                grid-template-columns: repeat(3, 1fr);
            }
			
			.card-text {
    padding: 6px;
}
            
            .card-text h3 {
                font-size: 14px;
            }
            
            .card-text p {
                font-size: 10px;
            }
        }
        
        @media (max-width: 480px) {
            .category-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .card-text h3 {
                font-size: 14px;
            }
        }


/* footer*/

.main-categories {
    display: flex;
    gap: 60px;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 80px;
	
}

.main-category-group {
    flex: 1;
    min-width: 300px;
}

.main-category-group.compact {
    flex: 0 0 auto;
    min-width: 200px;
    max-width: 250px;
}

.main-category-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #333;
}

.category-menu {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}

.category-block {
    min-width: 150px;
}

.category-block h3 {
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 16px;
    cursor: default;
}

.category-block ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.category-block ul li {
    margin-bottom: 6px;
	font-size: 14px;
}

.category-block ul li a{
transition: color 0.3s;}

.category-block ul li a:hover{
	color: #ccc;
}

/* スマホ用アコーディオンスタイル */
@media (max-width: 768px) {
    .main-categories {
        flex-direction: column;
        gap: 30px;
		padding: 30px 10px;
    }
    
    .main-category-group {
        min-width: 100%;
    }
	
	    .main-category-group.compact{
        min-width: 100%;
    }
    
    .main-category-title {
        font-size: 20px;
        margin-bottom: 10px;
    }
    
    .category-menu {
        flex-direction: column;
        gap: 0;
    }
    
    .category-block {
        border-bottom: 1px solid #ddd;
    }
    
    .category-block h3 {
        cursor: pointer;
        padding: 15px 10px;
        margin: 0;
        border-bottom: none;
        position: relative;
        user-select: none;
        transition: background-color 0.3s;
    }
    
    .category-block h3:hover {
        background-color: #f5f5f5;
    }
    
    .category-block h3::after {
        content: '+';
        position: absolute;
        right: 15px;
        font-size: 20px;
        font-weight: bold;
        transition: transform 0.3s;
    }
    
    .category-block.active h3::after {
        content: '−';
    }
    
    .category-block ul {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-out;
    }
    
    .category-block.active ul {
        max-height: 500px;
        padding: 10px 10px 15px 10px;
    }
    
    .category-block ul li {
        padding: 8px 0;
        border-bottom: 1px solid #f0f0f0;
    }
    
    .category-block ul li:last-child {
        border-bottom: none;
    }
}

        .footer-top {
            background-color: #d9d9d9;
            padding: 40px 20px;
        }
        
        .footer-content {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 40px;
        }
        
        .footer-section h3 {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid #666;
        }
        
        .footer-section ul {
            list-style: none;
        }
        
        .footer-section li {
            margin-bottom: 8px;
            font-size: 14px;
        }
        
        .footer-section a {
            color: #333;
            text-decoration: none;
            transition: color 0.3s;
        }
        
        .footer-section a:hover {
            color: #ccc;
        }
        
        .two-columns {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
        
        .footer-links {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 15px;
        }
        
        .footer-links a {
            color: #333;
            text-decoration: none;
            font-size: 14px;
            display: flex;
            align-items: center;
        }
        
        .footer-links a:before {
            content: '▶';
            margin-right: 5px;
            font-size: 10px;
        }
        
        .footer-middle {
            background-color: #7C9D83;
            padding: 30px 20px;
            text-align: center;
        }
        
        .footer-middle h2 {
            font-size: 32px;
            font-weight: bold;
            color: #333;
            margin-bottom: 30px;
        }
        
        .footer-nav {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 10px;
			background-color: #7C9D83;
			padding: 0;
        }
        
        .footer-nav a {
            color: #333;
            text-decoration: none;
            padding: 0 15px;
            border-right: 1px solid #666;
            font-size: 14px;
			transition: color 0.3s;
        }


        .footer-nav a:hover {
			color: #fff;}
        
        .footer-nav a:last-child {
            border-right: none;
        }
        
        .footer-bottom {
            background-color: #213F30;
            padding: 15px 20px;
            text-align: center;
        }
        
        .footer-bottom p {
            color: #fff;
            font-size: 12px;
        }
        
@media (max-width: 768px) {
    .footer-content {
        grid-template-columns: 1fr;
    }
    
    .footer-nav {
        display: flex;
        flex-direction: row; /* 横並びに変更 */
        justify-content: center; /* 中央揃え */
        align-items: center;
    }
    
    .footer-nav a {
        border-right: none; /* 必要なら右線を追加 */
        padding: 5px;
    }
    
    .footer-nav a:last-child {
        border-right: none; /* 最後のリンクの右線は消す */
        border-bottom: none;
    }
}

/* 商品ページ */

#main-column {
    margin-top: 30px;
}


#sub-column {
    box-sizing: border-box;
    float: left;
    margin-right: 30px;
    padding-bottom: 80px;
    word-break: break-all;
    width: 260px;
}



#bread-crumb {
    margin: 0 0 15px 0;
	font-size: 1.2rem;
	font-weight: 600;
}


.side-nav {
    width: 260px;
    background: white;
}

.nav-section {
    margin: 30px 0;
}

.nav-header {
    background: #333;
    color: white;
    padding: 12px 15px;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.nav-banner {
    margin-bottom: 20px;
}
	
.nav-banner img {
    width: 100%;
}

.nav-items {
    background: white;
    border: 1px solid #e0e0e0;
    border-top: none;
}

.nav-name {
    padding: 10px 15px;
    font-size: 16px;
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
}

.nav-name:last-child {
    border-bottom: none;
}

.nav-name:hover {
    background: #f5f5f5;
}

.nav-name a {
color: #333;
transition: color 0.3s;
        }
        
.nav-name a:hover {
color: #ccc;
        }

.banner-section {
    margin-top: 2px;
    background: #e8e8e8;
    padding: 15px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}



.banner-item img {
    width: 100%;
    height: auto;
    display: block;
}

article#Detail #main-column h1 {
    font-size: 150%;
}

#pi_cart > table.price > tbody > tr.price
{font-size: 130%;
}

section#itemDetail-wrap table.price {
    line-height: 200%;
    margin: 0 0 20px;
}

        .container {
            max-width: 900px;
            margin: 0 auto;
            background-color: #fff;
            padding:  0 0 80px 0 ;
        }

        .product-title {
            font-size: 32px !important;
            font-weight: bold !important;
            margin-bottom: 20px !important;
            padding-bottom: 10px !important;
            border-bottom: 1px solid #213F30 !important;
        }

        .main-image {
            width: 100%;
            background-color: #d3d3d3;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 30px;
            aspect-ratio: 1 / 1;
        }

        .main-image-text {
            color: #ff0000;
            font-size: 18px;
            font-weight: bold;
        }

        .section-title {
            font-size: 32px !important;
            font-weight: bold !important;
            color: #E26426 !important;
            margin: 30px 0 15px 0 !important;
        }

        .section-subtitle-s {
            font-size: 20px !important;
            color: #708F5B !important;
			font-weight: bold !important;
            margin-bottom: 15px !important;
        }
		
		.section-subtitle-m {
            font-size: 24px !important;
            color: #2D306E !important;
			font-weight: bold !important;
            margin-bottom: 15px !important;
        }


        .description-text {
            font-size: 14px;
            line-height: 2;
            margin-bottom: 20px;
        }

        .sub-image {
            width: 100%;
            background-color: #d3d3d3;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 20px 0;
            aspect-ratio: 16 / 9;
        }

        .sub-image-text {
            color: #ff0000;
            font-size: 16px;
            font-weight: bold;
        }

        .size-note {
            background-color: #fff8dc;
            padding: 15px;
            margin: 20px 0;
            font-size: 13px;
            line-height: 1.8;
        }

        .size-note-title {
            font-weight: bold;
            margin-bottom: 8px;
        }

        /* 互い違いレイアウト */
        .alternating-section {
            margin: 40px 0;
        }

        .alternating-row {
            display: flex;
            gap: 30px;
            margin-bottom: 40px;
            align-items: center;
        }

        .alternating-image {
            flex: 1;
            min-width: 0;
            background-color: #d3d3d3;
            display: flex;
            align-items: center;
            justify-content: center;
            aspect-ratio: 4 / 3;
        }

        .alternating-content {
            flex: 1;
            min-width: 0;
        }

        .alternating-title {
            font-size: 18px;
            font-weight: bold;
            background: linear-gradient(transparent 60%, #ffff00 60%);
            display: inline-block;
            margin-bottom: 15px;
            padding: 2px 0;
        }

        .alternating-text {
            font-size: 14px;
            line-height: 2;
        }

        @media (max-width: 768px) {
			#main-column {
    margin-top: 0px;
}
			#contents {
    padding-top: 0px;

}

			
			section#itemDetail-wrap .description {
    margin: 0;
}
			
            .container {
                padding: 15px !important;
            }

            .product-title {
                font-size: 24px !important;
            }

            .section-title {
                font-size: 18px !important;
            }

            .description-text {
                font-size: 14px !important;
            }
		.section-subtitle-s {
            font-size: 15px !important;
        }
		
		.section-subtitle-m {
            font-size: 18px !important;
        }


            .main-image-text,
            .sub-image-text {
                font-size: 14px !important;
            }

            .alternating-row {
                flex-direction: column !important;
                gap: 20px;
            }

            .alternating-image,
            .alternating-content {
                flex: 0 0 100%;
                width: 100%;
            }

            .alternating-title {
                font-size: 15px;
            }
        }

section#itemDetail-wrap .cartArea table.variation td {
        font-size: 90%;
    }


@media screen and (max-width: 768px) {
    #itemDetail-cont .itemThumb-wrap .itemThumb ul li {
        width: 18%;
    }

}

section#itemDetail-wrap .itemOutline li {
    float: left;
    margin-right: 5px;
    width: 220px;
}

article#Detail .itemOutline ul.infoArea {
    overflow: hidden;
    margin: 10px 0;
    height: 50px;
}

section#itemDetail-wrap p.cancel {
    font-size: 100%;
    padding: 20px;
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left center;
    margin-bottom: 5px;
}

/* スペック */
.spec-container {
    max-width: 900px;
    margin: 0 auto;
    background: white;
    padding: 20px;
}

/* スペックテーブル */
.spec-table {
    width: 100%;
    max-width: 900px;
    margin-bottom: 40px;
    border-collapse: collapse;
}

.spec-table tr {
    border-bottom: 2px solid white;
}

.spec-table th {
    background: #d0d0d0;
    padding: 12px 20px;
    text-align: center;
    font-weight: bold;
    width: 40%;
}

.spec-table td {
    background: white;
    padding: 12px 20px;
}

/* 情報ボックスエリア */
.spec-info-boxes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 40px;
}

.spec-info-box {
    border: 2px solid #666;
}

.spec-info-box-header {
    padding: 12px 20px;
    font-weight: bold;
    text-align: center;
    color: white;
}

.spec-info-box-header.spec-gray {
    background: #757575;
}

.spec-info-box-header.spec-red {
    background: #A82E2E;
}

.spec-info-box-header.spec-green {
    background: #213F30;
}

.spec-info-box-content {
    padding: 20px;
    background: white;
    min-height: 150px;
    line-height: 1.8;
}

.spec-info-box-content.spec-red-text {
    color: #A82E2E;
}

/* 備考エリア */
.spec-remarks-section {
    margin-bottom: 40px;
}

.spec-remarks-header {
    background: #D9D9D9;
    padding: 12px 20px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 2px;
	color: #213F30;
}

.spec-remarks-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.spec-remarks-box {
    padding: 20px;
    background: white;
    border: 1px solid #e0e0e0;
	margin: 10px;
}

.spec-banner-placeholder {
    width: 100%;
    max-width: 500px;
    margin-bottom: 20px;
}

.spec-banner-placeholder img {
    width: 100%;
    height: auto;
    display: block;
}

.spec-checkbox-label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    margin-top: 10px;
}

@media (max-width: 768px) {
    .spec-container {
        padding: 10px;
    }
    
    .spec-info-boxes,
    .spec-remarks-content {
        grid-template-columns: 1fr;
    }
    
    .spec-table th,
    .spec-table td {
        padding: 10px;
        font-size: 13px;
    }
	.spec-remarks-content {
    gap: 0;
}
	section#itemDetail-wrap .itemOutline li {
    width: 200px;
}
}


/* サイドカレンダー */
div#subc_calendar h2 {
    padding: 12px 15px;
    position: relative;
    text-align: center;
    background: none;
    background-color: #333;
    color: #fff;
    display: block;
}

/* 細かい部分修正 */
p.sp_price span.special_price_str, p.sp_price span.selling_price_str, p.sp_price span.selling_price, p.sp_price span.taxin, p.sp_price span.discount_rate {
    color: #880002 !important;
}
table.price tr.price span.selling_price, table.price tr.price span.taxin, table.price tr.price span.discount_rate, table.price tr.sp_price span.special_price, table.price tr.sp_price span.taxin, table.price tr.sp_price span.discount_rate {
    color: #880002 !important;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 3px;
}

section#itemDetail-wrap table.spec {
    font-size: 80%;
}

section#itemDetail-wrap table.spec tr.option_area td select.option_parts{
    height: 25px !important;
    width: 85%;
}

#main-column .column4 p.price, #main-column .column5 p.price, #main-column .column4 p.sp_price, #main-column .column5 p.sp_price #main-column .column4 p.fx_price, #main-column .column5 p.fx_price, #main-column .column4 p.rg_price, #main-column .column5 p.rg_price {
    font-size: 100%;
    margin-bottom: 10px;
	font-weight:500;
	color: #880002 !important;
}

#main-column .column4 h2 {
    font-size: 100%;

}

p.price span.selling_price, p.price span.taxin{color: #880002 !important;}

#itemList h1{
         border-bottom: 3px solid #222222;
}

.column4 h3, .column5 h3{
	text-align: left;
}

#Journal .section ul {
  list-style: disc !important;
  padding-left: 1.6em;
}

#Journal .section li {
  display: list-item !important;
  list-style-position: outside;
}

.section li::before {
    content: "・";
    position: absolute;
    left: -20px;
    top: 0.1em;
    color: #333;
}

#notice-bar {
  display: block;
}


#main-column > section:nth-child(1) > div{
	max-width: 800px;
	margin: 0 auto;
	padding-bottom: 30px;
}

div#main-column > section {
        padding: 10px 0 30px;
    }

@media (max-width: 768px) {
	div#main-column > section {
    padding: 10px 0 0;
}
}

#floating-menu {
    position: fixed;
    bottom: 120px;
    right: 20px;
    z-index: 100;
}

@media (max-width: 768px) {
#floating-menu {
    position: fixed;
    bottom: 90px;
    right: 10px;
    z-index: 100;
	}
    #main-column {
		padding: 0 1%;}
	            .container {
                padding: 10px !important;
            }
}