@charset "UTF-8";
/*--------------------------------------------------------------
# common
--------------------------------------------------------------*/
.site-content{
	width: 100%;
	max-width:640px;
	margin:0 auto;
	font-size: 16px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.875;
	color: #4d4d4d;
	background: #fff;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.site-content *, .site-content *:before, .site-content *:after {
	-webkit-box-sizing: inherit;
	   -moz-box-sizing: inherit;
	        box-sizing: inherit;
}
.site-content p {
	margin: 0;
}
.site-content a, a:hover, a:visited {
	color: #61924f;
}
.site-content a:hover {
	text-decoration: none;
}
.site-content img {
	max-width: 100%;
	height: auto;
}
.mod-width50{
	width:49%;
}
/*--------------------------------------------------------------
# align
--------------------------------------------------------------*/
.site-content .align-center{
	display:block;
	margin:0 auto;
}
.site-content .align-left{
	float: left;
	margin-right: 1.5em;
}
@media (max-width:480px){
	.site-content .align-left{
		margin-right:0;
		margin-bottom:1em;
	}
}
.site-content .align-right{
	float: right;
	margin-left: 1.5em;
}
@media (max-width:480px){
	.site-content .align-right{
		margin-left:0;
		margin-bottom:1em;
	}
}
/*--------------------------------------------------------------
# page-header
--------------------------------------------------------------*/
.page-title{
	padding:0.85em 0 1.1em;
	font-size:20px;
	font-family:han-nari, serif;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.05em;
}
.page-subtitle{
	padding:1.5em 0 1.2em;
	text-align:center;
}
/*--------------------------------------------------------------
# page-header-nav
--------------------------------------------------------------*/
.page-header-nav{
	font-size:0;
	background:#eeebea;
	border-bottom:3px solid #61924f;
	overflow:hidden;
}
.page-header-nav li{
	display:table;
	width:25%;
	height:48px;
	font-size:12px;
	line-height:48px;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	background:#61924f;
	float:left;
}
.page-header-nav li + li{
	border-left:1px solid #fff;
}
.page-header-nav li a{
	display:table-cell;
	width:100%;
	height:100%;
	font-size:12px;
	line-height:1;
	vertical-align:middle;
	color:#4d4d4d;
	background: #eeebea;
	-webkit-transition: color 0.5s ease 0s, background 0.5s ease 0s;
	   -moz-transition: color 0.5s ease 0s, background 0.5s ease 0s;
	    -ms-transition: color 0.5s ease 0s, background 0.5s ease 0s;
	     -o-transition: color 0.5s ease 0s, background 0.5s ease 0s;
	        transition: color 0.5s ease 0s, background 0.5s ease 0s;
}
.page-header-nav li.ui-tabs-active a{
	color:#fff;
	background:#61924f;
}
/*--------------------------------------------------------------
# page-header-nav
--------------------------------------------------------------*/
.page-content{
	padding:2.9em 10px;
	font-size:14px;
	line-height:1.607;
}
.page-content h3{
	margin:0 0 2.2em;
	font-size:17px;
	font-family:han-nari, serif;
	font-weight:normal;
	line-height:1.3714;
	text-align:center;
	white-space:nowrap;
}
.page-content p{
	margin:0 0 1.7em;
}
.page-content img{
	margin: 0 0 1.8em;
}
.page-content hr{
	margin:2.8em 0 ;
	height:2px;
	background:url(https://gigaplus.makeshop.jp/silkfamilyms/20151130/img/sp/img/bg-hr.png) no-repeat ;
	border:none;
}
/*--------------------------------------------------------------
# blockquote
--------------------------------------------------------------*/
.page-content blockquote{
	padding:14px 15px;
	background:#fbfafa;
	border:5px solid #edecea;
}
.page-content blockquote h4{
	margin:0 0 0.3em;
	font-size:16px;
	line-height:1.375;
	color:#88776b;
}
.page-content blockquote p{
	margin-bottom:0;
}
.page-content blockquote img{
	margin-bottom:1em;
}
.page-content blockquote hr{
	margin:1em 0;
}
/*--------------------------------------------------------------
# widget-area
--------------------------------------------------------------*/
.widget-area{
	width:100%;
	padding:42px 20px 18px;
	background: #eff4ed;
	overflow:hidden;
	clear:both;
}
.widget-area .banners li{
	margin-bottom:1.1em;
	font-size:24px;
}
@media (max-width:480px){
	.widget-area .banners li{
		font-size:14px;
	}
}
.widget-area .banners li img{
	margin-bottom:5px;
}