/* common
===============================================================*/

/* Main
===============================================================*/

#main h3 img{
	width:100%;
	height:auto;
	}
#main h3.sp_mar{
	margin-bottom:30px;
	}

#main .text {
	margin: 0 10px 30px;
	line-height:16px;
}

#main .text02 {
	margin-bottom: 30px;
	line-height:16px;
}

#main .homeP {
	margin:0 auto -28px;
	text-align: center;
	width:82px;
}
#main .homeP img{
	width:100%;
	height:auto;
	}

#main .homeBox {
	margin-bottom: 25px;
	padding: 36px 10px 0;
	border-top: 1px solid #563211;
	border-bottom: 1px solid #563211;
}

#main .homeBox ul li {
	margin-bottom: 20px;
}

#main .homeBox .ulStyle {
	border: none;
	margin: 0;
	padding: 0;
}

#main .homeBox li {
	height:auto !important;
}

#main .homeBox li p {
	font-size: 12px;
	line-height: 16px;
}

#main .homeBox li .numberP {
	padding: 2px 2px 2px;
	width: 53px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background-color: #0C2647;
	position:absolute;
}

#main .homeBox li .vogueP {
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: bold;
	padding:2px 0 0 65px;
}

#main .naturalTitle {
	margin: 0 10px 10px;
	padding: 3px 10px 3px;
	font-weight: bold;
	color: #231102;
	text-align: center;
	border-bottom: 1px solid #231101;
	border-top: 1px solid #231101;
}

#main .textP {
	margin: 0 10px 8px;
	font-size:12px;
	line-height:16px;
}

#main .naturalBox {
	margin-bottom: 25px;
	padding: 10px 10px 0;
}

#main .naturalBox ul.clearfix {
	display:block;
	border-top: 1px dotted #676767;

}
#main .naturalBox ul.clearfix li{
	width: 49%;
	float:left;
	padding:10px 0 15px 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-left: 1px dotted #ffffff;
	}
#main .naturalBox ul li.sp_l{
	padding:10px 10px 15px 0;
	border-right: 1px dotted #676767;
	border-left: none;
	}
#main .naturalBox ul.clearfix img{
	width:100%;
	height:auto;
	}
	
#main .naturalBox ul.clearfix .heightLine-1,
#main .naturalBox ul.clearfix .heightLine-2{
	height:77px !important;
	}

#main .naturalBox .ulStyle {
	border: none !important;
	margin: 0;
	padding:0 !important;
}
#main .naturalBox .ulStyle li {
}


#main .homeBox li:first-child {
	padding-bottom:0 !important;
}

#main .naturalBox li {
	border-bottom: 1px dotted #676767;
	padding-left: 0;
	padding-bottom:10px;
}



#main .naturalBox li p {
	margin-bottom: 13px;
    line-height:16px;
}

#main .naturalBox li .roofP {
	font-weight: bold;
	margin-bottom:3px;
}

#main .link {
	text-align: center;
}

#main .link a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}





/* ADD 2018.06 */
#main h3.mb36 {
	margin-bottom:20px;
    padding-top:8px;
}

#main p img {
    width: 100%;
    height: auto;
}

#main .text03 {
    line-height: 16px;
	margin: 0 10px 21px;
}
#main .text04 {
    line-height: 16px;
    margin: 0 10px 15px;
}


#main .homeP2 {
	margin:0 auto -23px;
	text-align: center;
	width:133px;
}
#main .homeP2 img{
	width:100%;
	height:auto;
}

#main .homeBox li .nGreen {
	background-color: #009a64;
    width: 66px;
}
#main .homeBox li .vGreen {
	padding-left: 78px;
}



#main .naturalBox2 {
	margin: 28px 10px 28px;
}

#main .naturalBox2 .nbox {
    padding-bottom: 20px;
}
#main .naturalBox2 .npb0 {
    padding-bottom: 0;
}
#main .naturalBox2 .nbox .nbox_inner {
    border-bottom: #676767 1px dotted;
	height: auto !important;
}

#main .naturalBox2 .nbox p {
    font-size: 12px;
    line-height: 16px;
}
#main .naturalBox2 .nbox .roofP {
	display:block;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 2px 0 2px;
    width: 80px;
    text-align: center;
    color: #fff;
    background-color: #009a64;
}

#main .naturalBox2 .nbox ul.woods {
    clear: both;
    overflow: hidden;
}
#main .naturalBox2 .nbox ul.woods li {
    float: left;
    width: 48%;
    text-align: center;
    margin-bottom: 8px;
}
#main .naturalBox2 .nbox ul.woods li img {
    width: 100%;
    height: auto;
}
#main .naturalBox2 .nbox ul.woods li:nth-child(even) {
	float:right;
}


#main .naturalBox2 .nbox .nb2Box {
    display: table;
    padding-bottom: 18px;
    width: 100%;
}

#main .naturalBox2 .nbox .nb2Box p.ph {
    margin: 0;
    display: table-cell;
    vertical-align: top;
    width: 80px;
}

#main .naturalBox2 .nbox .nb2Box ul {
    display: table-cell;
    vertical-align: top;
    padding-left: 17px;
}
#main .naturalBox2 .nbox .nb2Box ul li {
    margin-left: 1em;
    text-indent: -1em;
    line-height: 16px;
}
#main .naturalBox2 .nbox .nb2Box ul li:before {
  content: "・";
  color:#009a64;
}
#main .naturalBox2 .nbox .nb2Box ul li.tl {
	font-weight:bold;
    text-indent: 0;
}
#main .naturalBox2 .nbox .nb2Box ul li.tl:before {
  content: "";
}


#main .table_list {
	margin:0 10px 35px;
}
#main .table_list table {
    border-top: #231101 1px solid;
	width:100%;
}
#main table.merit {
	margin-bottom:15px;
}

#main .table_list table tr th ,
#main .table_list table tr td {
	text-align:center;
    border-bottom: #231101 1px dotted;
    line-height: 16px;
    padding: 9px 0;
}

#main .table_list table tr th {
	background:#f7e8d5;
}
#main .table_list table.demerit tr th {
	background:#d5ecf7;
}

#main .table_list table tr.title th ,
#main .table_list table tr.end th ,
#main .table_list tr.end td {
    border-bottom: #231101 1px solid;
}
#main .table_list tr.title th.lb {
    border-left: #231101 1px solid;
}

#main .table_list table tr td {
	width:60%;
    border-left: #231101 1px solid;
}



#main .bgBeige {
    background: #f6f3ee;
    margin-bottom:25px;
    padding: 25px 10px;
}
#main .bgBeige .txt h4 {
    margin: 0 -10px 15px;
}
#main .bgBeige .txt h4 img {
    width: 100%;
    height: auto;
}

#main .bgBeige .txt p {
    line-height: 16px;
}
#main .bgBeige .txt p.ph {
    margin-top: 17px;
}