/* BASE
----------------------------------------------- */

@media (min-width: 768px) {
    .table       {display:table;border-collapse:collapse;}
    .table-row   {display:table-row;}
    .table-cell  {
        display:table-cell;
    }
    .pc_none{display:none;}
    .sp_none{}
}
@media (max-width:767px) {
    .pc_none{}
    .sp_none{display:none;}
}

.wi70 {width: 70px;}
.wi100{width:100px;}
.wi120{width:120px;}
.left {text-align:left;}

.nowrap{white-space: nowrap;}

/* カスタマイズ用CSS */

.ec-heading-bold {
    margin:50px 0px 16px 0px;
}
.ec-off1Grid {
    margin:10px 0px 20px 0px;
}
.ec-borderedDefs dd {
    line-height:2.5;
}
p{
    line-height:2.5;
}

@media (min-width: 768px) {
    .guide_post{border-collapse: collapse;margin:10px 0px 10px 0px;font-size:90%;}
    .guide_post th{padding: 3px 5px 3px 5px;border:1px #CCCCCC solid;line-height:170%;white-space:nowrap;text-align:center;font-weight:bold;}
    .guide_post td{padding: 3px 5px 3px 5px;border:1px #CCCCCC solid;line-height:170%;white-space:nowrap;text-align:center;}
}
@media (max-width:767px) {
    .guide_post{border-collapse: collapse;margin:10px 0px 10px 0px;font-size:70%;}
    .guide_post th{padding: 2px 2px 2px 2px;border:1px #CCCCCC solid;line-height:150%;white-space:nowrap;text-align:center;font-weight:bold;}
    .guide_post td{padding: 2px 2px 2px 2px;border:1px #CCCCCC solid;line-height:150%;white-space:nowrap;text-align:center;}    
}
.ec-blockBtn--cancel{
    margin-bottom: 100px
}
#product_review_area{
    display:none;
}
.ec-newsRole{
    margin-bottom: 100px;
}
  
/* 生産者メッセージ
----------------------------------------------- */

@media (min-width: 768px) {

    .message_table01 img{
        width:180px;
    }
    .message_title01{
        margin: 0px auto 10px auto;
        width:900px;
        font-size:120%;
        font-weight: bold;
        padding:10px;
        text-align: left;
    }
    .message_table01{
        margin: 0px auto 100px auto;
        width:900px;
        line-height: 180%
    } 
    .message_table01 .table-cell{
        border-bottom:1px #CECECE dotted;
        vertical-align:top;
    }
    .message_table02{
        margin: 0px auto 20px auto;
        width: calc(900px - 300px); 
        text-align: left;
    } 
    .message_table02 .th {
        padding: 8px;
        border-bottom: 1px solid #ccc;
        font-weight: normal;
        font-weight: bold;
        width:150px;
    }  
    .message_table01 .table-cell {
        padding: 8px;
        border-bottom: 1px solid #ccc;
        vertical-align:top;
    }
    
}
@media (max-width:767px) {

    .message_table01 img{
        width:50%;
        height: auto;
        text-align:left;
        margin:10px auto;
    }
    .message_title01{
        margin: 0px auto 10px auto;
        width:100%;
        font-size:120%;
        font-weight: bold;
        padding:10px;
        text-align: left;
    }
    .message_table01{
        margin: 0px auto 100px auto;
        width:100%;
        line-height: 180%
    } 
    .message_table01 .table-cell{
        border-bottom:1px #CECECE dotted;
        vertical-align:top;
    }
    .message_table02{
        margin: 0px auto 20px auto;
        width:100%;
        text-align: left;
    } 
    .message_table02 .th {
        padding: 8px;
        border-bottom: 1px solid #ccc;
        font-weight: normal;
        font-weight: bold;
        width:100%;
    }  
    .message_table01 .table-cell {
        padding: 8px;
        border-bottom: 1px solid #ccc;
        vertical-align:top;
    }
    
}

  /* トップページ
  ----------------------------------------------- */
.top_banner01       {width:570px;margin: 0px auto;clear:both;padding:0px 0px;}
.top_banner01 img   {border:5px solid #ccc;}
.top_banner01_left  {float: left;margin: 0 5px 20px 0;}
.top_banner01_right {float: right;}

.twitter_main       {margin:20px 0px;}
 
/* じんでん米について
----------------------------------------------- */

@media (min-width: 768px) {
    .jinden_table01 img,.jinden_table02 img{width:180px;height:140px;}
    .jinden_top img{width:900px;height:250px;}
    
    .jinden_table01{border-collapse: collapse;text-align:left;width:900px;margin:10px auto 100px auto;}
    .jinden_table01 .th   {vertical-align:middle;padding:10px;width: calc(180px + 20px);}
    .jinden_table01 .table-cell   {vertical-align:top;padding: 5px;border-bottom:1px #CECECE dotted;}
    .jinden_title01{font-size: 110%;font-weight: bold;margin:0px 0px 10px 0px;}
    
    .jinden_table02{border-collapse: collapse;text-align:left;width:900px;margin:10px auto 100px auto;}
    .jinden_table02 .th{vertical-align:top;padding:4px; border:1px #fff solid;}
    .jinden_table02 .table-cell{vertical-align:top;padding: 8px;border:1px #fff solid;text-align:center;}
      
    .jinden_table03{border-collapse: collapse;text-align:left;width:900px;margin:10px auto 100px auto;}
    .jinden_table03 .th       {vertical-align:middle;padding:10px;border:1px #ccc solid;text-align:center;font-weight:bold;}
    .jinden_table03 .table-cell       {vertical-align:middle;padding:10px;border:1px #ccc solid;text-align:center;}
}
@media (max-width:767px) {
    .jinden_table01 img,.jinden_table02 img{width:180px;height:140px;}
    .jinden_top img{width:100%;height:auto;}
    
    .jinden_table01{border-collapse: collapse;text-align:left;width:100%;margin:10px auto 100px auto;}
    .jinden_table01 .th   {vertical-align:middle;padding:10px;width: calc(180px + 20px);}
    .jinden_table01 .table-cell   {vertical-align:top;padding: 5px;border-bottom:1px #CECECE dotted;}
    .jinden_title01{font-size: 110%;font-weight: bold;margin:0px 0px 10px 0px;}
    
    .jinden_table02{border-collapse: collapse;text-align:left;width:100%;margin:10px auto 100px auto;}
    .jinden_table02 .th{vertical-align:top;padding:4px; border:1px #fff solid;}
    .jinden_table02 .table-cell{vertical-align:top;padding: 8px;border:1px #fff solid;text-align:center;}
      
    .jinden_table03{border-collapse: collapse;text-align:left;width:100%;margin:10px auto 100px auto;}
    .jinden_table03 .th       {vertical-align:middle;padding:10px;border:1px #ccc solid;text-align:center;font-weight:bold;}
    .jinden_table03 .table-cell       {vertical-align:middle;padding:10px;border:1px #ccc solid;text-align:center;}

    .jinden_table03 .table       {display:table;border-collapse:collapse;}
    .jinden_table03 .table-row   {display:table-row;}
    .jinden_table03 .table-cell  {
        display:table-cell;
    }
}
  
/* じんでん米について
----------------------------------------------- */

.ec-jindenmaiRole {
    margin:0px 0px 60px 0px;
    color: black;
    background: #F8F8F8; }
.ec-jindenmaiRole .ec-jindenmaiRole__list {
    display: flex;
    flex-wrap: wrap; }
.ec-jindenmaiRole .ec-jindenmaiRole__listItem {
    margin-bottom: 20px;
    width: 100%;
    height: auto;
}
.ec-jindenmaiRole{padding:50px 0px 60px 0px;}
.ec-jindenmaiRole .ec-jindenmaiRole__list {
    flex-wrap: nowrap;
}
.ec-jindenmaiRole .ec-jindenmaiRole__listItem {
    width: calc(100% / 2);
}
.ec-jindenmaiRole .ec-jindenmaiRole__listItem:not(:last-of-type) {
    margin-right: 30px
}

/* じんでん米について
----------------------------------------------- */

.ec-messageRole {
    padding: 40px 0;
    color: black;
    background: #F8F8F8;
}
.ec-messageRole .ec-messageRole__list {
    display: flex;
    flex-wrap: wrap;
}
.ec-messageRole .ec-messageRole__listItem01,
.ec-messageRole .ec-messageRole__listItem02 {
    margin-bottom: 20px;
    width: 100%;
    height: auto;
    flex-wrap: nowrap;
}
.ec-messageRole .ec-messageRole__listItem02 p{
    line-height:1.5;
}
.ec-messageRole {
    padding: 60px 0;
}
.ec-messageRole .ec-messageRole__list {

}
.ec-messageRole .ec-messageRole__listItem01 {
    width: calc(100% / 4);
}
.ec-messageRole .ec-messageRole__listItem02 {
    width: calc(100% / 2);
}
.ec-messageRole .ec-messageRole__listItem01:not(:last-of-type) {
    
    margin-right: 30px;
}
.home_sns{
    margin:30px 0px 0px 0px;
    font-weight: bold;
    font-size:120%;
}
.home_sns_fb{
    margin:10px 0px 0px 0px;
}
.home_sns_tw{
    margin:20px 0px 0px 0px;
}
.home_sns_fb,
.home_sns_tw{
	position:relative;
	line-height:1.5;
	text-indent:2em;
}
.home_sns_fb:before{
    position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url("http://jindenmai.com/html/user_data/assets/img/top/fb.png") no-repeat;
	background-size:contain;
}
.home_sns_tw:before{
    position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url("http://jindenmai.com/html/user_data/assets/img/top/tw.png") no-repeat;
	background-size:contain;
}


@media (min-width: 768px) {

}
@media (max-width:767px) {

}