@charset "UTF-8";

html[data-browse-mode="P"] .for-sp { display: none !important;}
html[data-browse-mode="S"] .for-pc { display: none !important;}
#soil_improver { color: #443829;}


/* PC
----------------------------*/
@media only screen and (min-width: 897px) {
  .event-bottom-banners ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
  .event-bottom-banners ul li { width: 49%; margin: 0 0 20px;}
	
	.improver-brown-box { padding: 0 44px 44px; margin: 0 0 60px 0; border: #000 4px solid; font-size: 20px; line-height: 1.8; color: #443829;}
	.improver-brown-box .sub { margin: 0 0 20px 0;}
	.improver-brown-box .sub-ttl { padding: 60px 0; text-align: center;}
	.improver-brown-box .text { font-weight: bold;}
	.improver-brown-box .text + .text { margin-top: 20px !important;}
	.improver-brown-box .memo { margin-bottom: 20px !important; font-size: 16px; font-weight: bold;}	
	.improver-brown-box .dash-line { padding: 0 0 2px 0; display: inline; background-image: linear-gradient(to right, #47be1d, #47be1d 6px, transparent 6px, transparent 10px); background-size: 10px 2px; background-repeat: repeat-x; background-position: left bottom;}
	.improver-brown-box .contents-head { padding: 40px 0 40px 35px; margin: 0 -44px; border-bottom: #000 4px solid; background: #329c0d url("../img/head_bg.gif") right bottom no-repeat;}
	.improver-brown-box .osusume-ttl { padding: 18px 0; margin: 60px 0 40px; border-radius: 5px; background: #443829; text-align: center; line-height: 1.0;}
	.improver-brown-box .attention-box { margin: 60px 0 0 0; padding: 40px; background: #e9e9e9;}
	.improver-brown-box .attention-box .a-ttl { margin: 0 0 30px; text-align: center;}
	.improver-brown-box .attention-box .text  { margin: 0 0 30px; font-size: 18px; text-align: center;}
	.improver-brown-box#improver04 .attention-box .text  { margin: 0 !important; text-align: left;}
	.improver-brown-box .attention-box .image { margin: 0 0 40px; text-align: center;}
	.improver-brown-box .attention-box .attention-list { padding: 0 60px; display: flex; justify-content: space-between; flex-wrap: wrap;}
	.improver-brown-box .attention-box .attention-list li { width: 48%; margin: 0 0 20px 0; text-align: left;}
	.improver-brown-box .attention-box .attention-list li .a-ttl { margin: 0; font-weight: bold; color: #329c0d; text-align: left;}
	.improver-brown-box .attention-box .attention-list li .a-txt { font-weight: bold; text-align: left;}
	.improver-brown-box .attention-box .attention-list li.notice { width: 100%; padding-left: 1em; text-indent: -1em; font-size: 18px;}
	
	.improver-brown-box .type01 .contents-list li { padding: 50px 20px; border-top: #353535 4px dotted; display: flex; justify-content: space-between; align-items: center;}
	.improver-brown-box .type01 .contents-list li:first-child { border-top: none;}
	.improver-brown-box .type01 .contents-list li:nth-child(even) { flex-direction: row-reverse;}
	.improver-brown-box .type01 .contents-list .image { width: 300px;}
	.improver-brown-box .type01 .contents-list .desc  { width: 400px;}
	
	.improver-brown-box .type02 .contents-list li { padding: 70px 0 0 0;}
	.improver-brown-box .type02 .contents-list .sub   { margin: 0 auto 20px; text-align: center;}
	.improver-brown-box .type02 .contents-list .image { margin: 0 auto 40px; text-align: center;}
	.improver-brown-box#improver02 .type02 .contents-list .image { width: 470px;}
	.improver-brown-box#improver04 .type02 .contents-list .text  { width: 630px; margin: 0 auto;}
	
	.improver-brown-box .type03 .contents-list li { display: flex; justify-content: space-between;}
	.improver-brown-box .type03 .contents-list .image { width: 260px;}
	.improver-brown-box .type03 .contents-list .desc  { width: 480px;}
	
	/* 商品一覧 */
	.improver-brown-box .block-goods-list-d--image { width: 184px; height: 184px;}
	.improver-brown-box .block-goods-list-d--image figure { width: 184px; height: 184px;}
	.improver-brown-box .block-goods-list-d--item-body { width: 804px;}
	.improver-brown-box .block-goods-list-d--item-description { width: 590px;}
	.improver-brown-box .block-goods-list-d--item-details-left { flex-basis: 130px;}
	.improver-brown-box .block-goods-list-d--item-details-middle { flex-basis: 140px; margin-left: 20px;}

}

/* SP
----------------------------*/
@media only screen and (max-width: 896px) {
  .event-bottom-banners { margin: 4vw;}
  .event-bottom-banners ul li:not(:last-child) { margin: 0 0 10px;}
	.special-intro { margin: 0 10px 50px;}
	.improver-brown-box { padding: 0 15px 15px; margin: 0 10px 40px; border: #000 2px solid; font-size: 18px; line-height: 1.8; color: #443829;}
	.improver-brown-box .sub { margin: 0 0 20px 0;}
	.improver-brown-box .sub-ttl { padding: 30px 0; text-align: center;}
	.improver-brown-box .sub-ttl img { width: auto; max-width: 100%; height: 28px;}
	.improver-brown-box .text { font-weight: bold;}
	.improver-brown-box .text + .text { margin-top: 15px !important;}
	.improver-brown-box .memo { margin-bottom: 15px !important; font-size: 16px; font-weight: bold;}	
	.improver-brown-box .dash-line { padding: 0 0 2px 0; display: inline; background-image: linear-gradient(to right, #47be1d, #47be1d 6px, transparent 6px, transparent 10px); background-size: 10px 2px; background-repeat: repeat-x; background-position: left bottom;}
	.improver-brown-box .contents-head { padding: 5px 0 5px 10px; margin: 0 -15px; border-bottom: #000 2px solid; background: #329c0d url("../img/head_bg.gif") right bottom no-repeat; -webkit-background-size: 190px 80px; background-size: 190px 80px;}
	.improver-brown-box .osusume-ttl { padding: 10px 0; margin: 40px 0 20px; border-radius: 5px; background: #443829; text-align: center; line-height: 1.0;}
	.improver-brown-box .osusume-ttl img { width: 150px;}
	.improver-brown-box .attention-box { padding: 20px 15px; margin: 40px 0 0 0; background: #e9e9e9;}
	.improver-brown-box .attention-box .a-ttl { margin: 0 0 20px; text-align: center;}
	.improver-brown-box .attention-box .a-ttl img { width: auto; height: 48px;}
	.improver-brown-box .attention-box .text  { margin: 0 0 20px; font-size: 16px; text-align: left;}
	.improver-brown-box#improver04 .attention-box .text  { margin: 0 !important; text-align: left;}
	.improver-brown-box .attention-box .image { margin: 0 0 20px; text-align: center;}
	.improver-brown-box .attention-box .attention-list li { margin: 0 0 10px 0; text-align: left;}
	.improver-brown-box .attention-box .attention-list li .a-ttl { margin: 0; font-weight: bold; color: #329c0d; text-align: left;}
	.improver-brown-box .attention-box .attention-list li .a-txt { font-weight: bold; text-align: left;}
	.improver-brown-box .attention-box .attention-list li.notice { padding-left: 1em; text-indent: -1em; font-size: 16px;}
	
	.improver-brown-box#improver01 .type01 .sub img { width: auto; max-width: 100%; height: 28px;}
	.improver-brown-box .type01 .contents-list li { padding: 30px 15px; border-top: #353535 3px dotted;}
	.improver-brown-box .type01 .contents-list li:first-child { border-top: none;}
	.improver-brown-box .type01 .contents-list .image { margin: 0 0 20px; text-align: center;}
	
	.improver-brown-box .type02 .contents-list li { padding: 40px 0 0 0;}
	.improver-brown-box .type02 .contents-list .sub   { margin: 0 auto 20px; text-align: center;}
	.improver-brown-box .type02 .contents-list .image { margin: 0 auto 20px; text-align: center;}
	.improver-brown-box#improver02 .type02 .contents-list .image { text-align: center;}
	.improver-brown-box#improver04 .type02 .contents-list .text  { margin: 0 auto;}
	
	.improver-brown-box .type03 .contents-list li { margin: 0 0 20px;}
	.improver-brown-box .type03 .contents-list .image { margin: 0 0 20px; text-align: center;}
	
}