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




/*----------------------------------------------

共通

----------------------------------------------*/

/*見出し*/
.guilin-hdading1 {
	font-size: 160%;
	font-weight:normal;
	color: #6EB92B;
	margin-bottom: 15px;
}


/*リスト*/
.guilin-li-green li {
	list-style-position: inside;
	list-style-image: url(../images/li-green.gif);
	margin-bottom: 5px;
	font-size: 130%;
	text-indent: -23px;
	padding-left: 23px;
	vertical-align: top;
}
.guilin-li-greens li {
	list-style-position: inside;
	list-style-image: url(../images/li-greens.gif);
	margin-bottom: 5px;
	font-size: 130%;
	text-indent: -23px;
	padding-left: 23px;
	vertical-align: top;
}
/*------------------------------------------*/
.zt_css,.zt_css * {  box-sizing: border-box;}
.mn{ margin:0px auto;}
.imgauto img{
width: 100%; height:auto; display:block;
}
.cul ul,.cul li{ padding:0px; margin:0px; list-style:none;}
.clear{ clear:both; padding:0; margin:0;} 
/*マージン設定----------------------------------*/

.mg-0 { margin:0 !important; }
.mgb-0 { margin-bottom:0px !important; }
.mgb-5 { margin-bottom:5px !important; }
.mgb-10 { margin-bottom:10px !important; }
.mgb-15 { margin-bottom:15px !important; }
.mgb-20 { margin-bottom:20px !important; }
.mgb-25 { margin-bottom: 25px !important; }
.mgb-30 { margin-bottom: 30px !important; }
.mgb-40 { margin-bottom: 40px !important; }
.mgb-50 { margin-bottom: 50px !important; }
.mgr-0 { margin-right: 0px !important; }
.mgr-10 { margin-right: 10px !important; }
.mgr-20 { margin-right: 20px !important; }
.mgr-30 { margin-right: 30px !important; }
.mgl-0 { margin-left: 0px !important; }
.mgl-10 { margin-left: 10px !important; }
.mgl-20 { margin-left: 20px !important; }
.mgt-0 { margin-top:0px !important; }
.mgt-5 { margin-top:5px !important; }
.mgt-10 { margin-top:10px !important; }
.mgt-15 { margin-top:15px !important; }

.pgt-0 { padding-top:0px !important; }

/*----------------------------------------------

トップページ

----------------------------------------------*/
#sarayaguilin-img {
	width: 100%;
	background-color: #6EB92B;
	margin-bottom: 20px;
}
#sarayaguilin-img img {
	width: 950px;
	display:block;
	margin-left: auto;
	margin-right: auto;
}
/*----------------------------------------------

中ページ

----------------------------------------------*/
#sarayaguilin-title {
	width: 100%;
	background-color: #6EB92B;
	padding-top: 20px;
	padding-bottom: 18px;
	margin-bottom: 20px;
}
#sarayaguilin-title h1 {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	font-size: 160%;
	font-weight:normal;
	color: #FFF;
	text-align: left;
}
.guilin-table {
	width: 100%;
	margin-bottom: 20px;
}
.guilin-table th {
	font-size: 120%;
	width: 20%;
	background-color: #6EB92B;
	color: #FFF;
	text-align: center;
	padding: 10px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	letter-spacing: 5px;
}
.guilin-table td {
	background-color: #EDEDED;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	padding: 10px;
}
.guilin-table td em {
	font-size: 120%;
	font-style: normal;
	font-weight: bold;
	color: #5C9F23;
}
.wrap-7-3 {
	zoom:1;
	width: 100%;
	margin-bottom: 30px;
}
.wrap-7-3:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.wrap-7-3 div {
	float:left;
	width: 68%;
	margin-right: 2%;
}
.wrap-7-3 figure {
	float:left;
	width: 28%;
	margin-left: 2%;
}
.wrap-7-3 figure img {
	width: 100%;
}
.wrap-7-3 figure figcaption {
	text-align: right;
	font-size: 90%;
}
body .btn-guilin a {
	background-color: #6EB92B;
	color: #FFF;
	text-align: center;
	background-image: url(../images/arrow-btn.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 30px;
	display: block;
	width: 220px;
	margin-right: auto;
	margin-left: auto;
}
body .btn-guilin a:hover {
	text-decoration: none;
	background-color: #76C92C;
}

/*----------------------------------------------

商品紹介

----------------------------------------------*/
.products-title{ width:100%; height:56px; margin-bottom:30px; line-height:56px; font-size:18px; font-weight:bold; color:#3A7727; border-top:1px solid #3A7727; border-bottom:1px dotted #3A7727; background:url(../images/r2_c3.jpg) no-repeat center left; padding-left:34px;}
.proshow-title{ padding-top:30px; height:80px; width:100%; line-height:50px; font-size:16px; color:#4A4A4A; border-bottom:1px solid #CCCCCC; font-weight:bold;}
.products-body{ width:100%; height:auto; padding:20px 0px 60px; line-height:24px; }
.products-lineup {
	zoom:1;
	width: 100%;
}
.products-lineup:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.products-lineup figure {
	float:left; height:auto;
	width: 420px; border:1px solid #F8F8F8;
	
}

.products-lineup figure img {
	width: 100%;
}
.products-lineup div {
	float:right; 
	width: calc(100% - 450px);
}
body .products-lineup div h1 a {
	display: block;
	font-size: 130%;
	font-weight: bold;
	color: #EF2B38;
	margin-bottom: 5px;
	text-decoration: none;
}
.products-lineup div p em {
	font-size:16px;
	font-style: normal;
	font-weight: bold;	
}
.products-lineup div span.coms{ display:block; padding-left:18px; font-size:16px;}
.products-lineup div p a {
	background-image: url(../images/arrow-products.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	color: #EF2B38;
	display:block;
	margin-bottom: 5px;
	font-size: 110%;
	padding-top: 2px;
	padding-bottom: 2px;
}
.products-lineup {
}
/* 今は不使用
body .products-lineup div h1 span {
	font-size: 55%;
	color: #FFF;
	padding: 7px;
	background-color: #EF2B38;
	font-weight: normal;
	vertical-align: middle;
}*/
body .products-lineup div h2 {
	font-size: 16px; color:#D92727;
	font-weight: bold;
	margin-bottom: 10px;
}
body .products-lineup div .guilin-li-green li {
	font-size: 110%;
	vertical-align: middle;
}

/*-----------------------------------------------------	*/
/*	for - 979px					*/
/*-----------------------------------------------------	*/

@media only screen and (min-width: 768px) and  (max-width: 979px) {
#sarayaguilin-title h1 {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
}
/*-----------------------------------------------------	*/
/*	for - 767px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 767px) {
#sarayaguilin-title h1 {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
.wrap-7-3 div {
	float: none;
	width: 100%;
	margin-bottom: 10px;
}
.wrap-7-3 figure {
	float: none;
	width: 100%;
}
.products-lineup figure {
	float: none;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 10px;
}
.products-lineup div {
	width: 100%;
	float: none;
}
.products-lineup div h1 {
	text-align: center;
}
}