c@charset "utf-8";
/* CSS Document */

/* デフォルトスタイル
-----------------------*/
html,body,p,h1,h2,h3,h4,h5,h6,
span,small,strong,
div,ul,li,
figure,img,a,
header,footer,nav,section,table,tr,td{
	padding:0;
    margin:0;
	border-collapse:collapse;
	border:none;
	outline:none;
	font-size:medium;
}

header,footer,nav,section{display:block;}
input, textarea, html{box-sizing: border-box;}
html { 
	opacity:0;
	background: url(../images/cmn/hbg.png); 
	height: 100%; 
	min-height: 100%;

}
body{
	width: 100%;
	min-width:1028px;
	color:#52483F; /* 文字色 */
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	margin:0;
	background-image: url(../images/cmn/bg.png);
}
.clearText {
	display:block;
	height: 0px;
	margin: 0;
	padding: 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.font2 { font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
.sponly { display: none;}

/* ヘッダー
-----------------------*/
header {
	height: 170px;
	width: 1028px;
	margin: 0 auto;
}
	header a, header img { display: block; }
	header a:hover { opacity:0.7; }
	header a.logo {
		width: 115px;
		height: 114px;
		margin-top: 30px;
		float: left;
		background: url(../images/cmn/logo.png) no-repeat;
		background-size: 100% 100%;
	}
	header div.message {
		float: left;
		width:316px;
		height: 76px;
		margin:49px 0 0 45px;
		background: url(../images/cmn/topmessage.png) no-repeat;
		background-size: 100% 100%;
	}
	header a.hmenu {
		float: right;
		width: 76px;
		height: 88px;
		margin: 47px 0 0 28px;
	}
/* サイドメニュー */
div#sideMenu { display: none; }
/* ページのTOPに戻る */
div#page-top {
	position:fixed;
	right:16px;
	bottom:16px;
	display:none;
	z-index: 10;
}

/* フッター
-----------------------*/
footer {
	height: 190px;
	min-width: 1028px;
	background: url(../images/cmn/footerbg.png);
}
	footer div#footerBox {
		width: 1028px;
		padding-top: 48px;
		margin: 0 auto;
	}
		footer div#footerBox small {
			display:block;
			width: 668px;
			margin-left: 180px;
			text-align: center;
			float:left;
			font-size: 12px;
			color: #fff;
			letter-spacing: 2px;
			line-height: 40px;
		}
		footer div#footerBox div#snsBox {
			width: 110px;
			height: 32px;
			padding:8px 0 0 70px;
			float: right;
			background: url(../images/cmn/share.png) no-repeat;
		}
			footer div#footerBox div#snsBox a { margin:0 0 0 8px; }
			footer div#footerBox div#snsBox a:hover { opacity:0.7; }

/* 右側コンテンツ
-----------------------*/
div#memberBox {
	height: 352px;
	padding-top: 100px;
	box-sizing: border-box;
	background: url(../images/cmn/member.png);
}
	div#memberBox  {
		text-align: center;		
	}
	div#memberBox p.goal {
		height:30px;
		line-height: 30px;
		font-size: 20px;
		color:#54473F;
		letter-spacing: 1px;
	}
		div#memberBox p.goal span { 
			font-size: 20px;
			color:#54473F;
			font-weight: bold; 
		}
	div#memberBox p.remain {
		height:50px;
		margin-top: 50px;
		font-size: 30px;
		color:#54473F;
		letter-spacing: 1px;
	}
		div#memberBox p.remain span {
			display: inline-block;
			height: 50px;
			line-height: 60px;
			font-size: 50px;
			color: #FF9327;
			margin: 0 5px;
			vertical-align: bottom;
		}
	div#memberBox a {
		display: block;
		width:120px;
		margin: 5px auto 0 auto;
		height: 32px;
		line-height: 30px;
		box-sizing: border-box;
		border: #707070 1px dotted;
		border-radius: 5px;
		text-decoration: none;
		color: #333;
		font-size: 10px;
		padding-left: 25px;
		background: url(../images/cmn/allow.png) no-repeat;
		background-size: 8px 8px;
		background-position: left 15px center;
	}
	div#memberBox a:hover { opacity:0.7; }
a#memberBox_sp { display: none; }
	a.contactBox {
		display: block;
		height: 150px;
		margin-top: 20px;
	}
	a.contactBox:hover{ opacity:0.7; }
	/* イベントレポート*/
	div#reportBox {
		padding: 80px 20px 60px 20px;
		margin-top: 20px;
		background: url(../images/cmn/reporttitle.png) no-repeat#fff;
		background-position: left 20px top 20px;
		box-sizing: border-box;
		position: relative;
	}
		div#reportBox a.report {
			display:block;
			width: 120px;
			text-decoration: none;
			margin-top: 20px;
		}
		div#reportBox a.report:nth-of-type(odd) { float: left;} 
		div#reportBox a.report:nth-of-type(even) { float: right;} 
			div#reportBox a.report p.date {
				height:20px;
				color: #333;
				font-size: 12px;
				line-height: 20px;
				margin: 0;
			}
			div#reportBox a.report div.imgbox {
				display:block;
				width: 100%;
				height: 80px;
			}
			div#reportBox a.report div.info {
				margin: 5px auto 0 auto;
			}
				div#reportBox a.report div.info p.title {
					height:60px;
					font-size: 14px;
					color: #9EBF34;
					line-height: 20px;
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 3;
					margin: 0;
				}
		div#reportBox a:hover{ opacity:0.7; }
		div#reportBox p.noData {
			font-size: 11px;
			color:#52483F;
			line-height: 100px;
			text-align: center;
		}
		div#reportBox a.moreBtn {
			display: block;
			width:83px;
			height:14px;
			position: absolute;
			right:20px;
			bottom:20px;
		}
		div#reportBox a.moreBtn_sp { display: none;}
	/* sakayell */
	a.messagebtn_sp { display: none;}
	a.sakayellBox {
		display: block;
		width:100%;
		height: 150px;
		margin-top: 20px;
		background: url(../images/cmn/sakayell.png) no-repeat;
		background-size: 100% 100%;
	}
	a.sakayellBox:hover{ opacity:0.7; }
	a.tw_sp { display: none;}
	a.inst_sp { display: none;}
/* 共通
-----------------------*/
div#contents {
	width: 1028px;
	margin: 0 auto;
	padding-bottom: 60px;
}
	div#contents div#leftContents {
		width: 705px;
		float:left;
	}
	div#contents div#rightContents {
		width: 300px;
		float:right;
	}