@charset "utf-8";

/*-----------------------------------------------------
シャルロット女史ページ
-------------------------------------------------------*/

/*********************************
共通
*********************************/

.tit {
	font-size:30px;
	font-family:'Josefin Sans', sans-serif;
}
.w520 {
	width:520px;
}
.bbLine {
	position:relative;
	padding-bottom:80px;
}

/*********************************
下線
*********************************/

.bbLine:after {
	content:"";
	background:#579160;
	display:block;
	width:100%;
	bottom:0;
	height:2px;
	position:absolute;
}
.bbLine:before {
	content:"";
	z-index:5;
	background:#579160;
	border:10px solid #fff;
	display:block;
	position:absolute;
	width:10px;
	height:10px;
	bottom:-14px;
	right:395px;
}

/*********************************
ボタン
*********************************/

a.btnGr {
	width:inherit;
	background:rgb(84, 145, 96);
	display:block;
	font-size:16px;
	text-align:center;
	color:#fff;
	padding: 10px;
	border-radius: 5px;
	font-weight:bold;
	margin-top:20px;
}

/*********************************
プロフ
*********************************/

.prof {
}
.prof em {
	font-size:25px;
	display:block;
	font-weight:bold;
	padding-bottom:20px;
}

/*********************************
活動内容
*********************************/

.program {}
.program .item {
	background:rgba(87, 145, 96, 0.1);
	padding:40px;
	margin-top:50px;
}
.program .item dl {}
.program .item dl dt {
	font-weight:bold;
	font-size:18px;
	color:#555;
}
.program .item dl dt small {
	color:#579160;
	font-weight:bold;
	background:url(../img/charlotte/ic_books.png)no-repeat;
	padding-left:37px;
	min-height:22px;
	display:block;
	padding-bottom:10px;
	font-size:12px;
}
.program .item dl dd {
	margin-top:20px;
}
.program .item a.btnGr {
	width:170px;
	box-sizing:border-box;
}
.program .item a:hover {
	opacity: 0.7;
}
.program p.kome {
	font-size:12px;
	margin-top:20px;
	text-indent:-1em;
	padding-left:1em;
	text-align:right;
}
.program ul.pic {}
.program ul.pic li {
	float:left;
}
.program ul.pic li + li {
	margin-left:10px;
}

/*********************************
ヒストリー
*********************************/

.his {
}
.his .timeline {
	width:420px;
}
.his .timeline dl {
	display:table;
	border-top:rgba(84, 145, 96, 0.2) 1px solid ;
	padding-top:10px;
	width:100%;
}
.his .timeline dl + dl {
	margin-top:10px;
}
.his .timeline dl:last-of-type {
	border-bottom:rgba(84, 145, 96, 0.2) 1px solid;
	padding-bottom:10px;
}
.his .timeline dl dt {
	display:table-cell;
	text-align:center;
	width:60px;
	vertical-align: middle;
	color:#579160;
	font-family:'Josefin Sans', sans-serif;
	font-weight:bold;
	font-size:12px;
}
.his .timeline dl dd {
	display:table-cell;
	padding-left:10px;
	vertical-align: middle;
	font-size:14px;
}




/*********************************
イベント
*********************************/

.event {
}
.event .eventInfo {
	width:100%;
	background:rgba(87, 145, 96, 0.1);
	padding:20px;
	box-sizing: border-box;
	margin-top:40px;
}
.event .eventInfo .titEvent {
}
.event .eventInfo .titEvent p {
	font-size:16px;
	font-weight:bold;
}
.event .eventInfo .titEvent em {
	font-weight:bold;
}
.event .eventInfo dl {
	display:table;
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid rgba(84, 145, 96, 0.5);
	width:100%;
}
.event .eventInfo dl + dl {
	border-bottom:1px solid rgba(84, 145, 96, 0.5);
	padding-bottom:20px;
}
.event .eventInfo dl dt {
	display:table-cell;
	width:160px;
	padding-top:5px;
	padding-left:20px;
	border-right:1px solid rgba(84, 145, 96, 0.5);
}
.event .eventInfo dl dt em {
	display:block;
	padding-left:25px;
}
.event .eventInfo dl dt em:nth-of-type(n+2) {
	margin-top:5px;
}
.event .eventInfo dl dt em.loc {
	font-size:16px;
	background:url(../img/charlotte/ic_flag.png) no-repeat left center;
	font-weight:bold;
}
.event .eventInfo dl dt em.loc small {
	font-size:14px;
}
.event .eventInfo dl dt em.time {
	background:url(../img/charlotte/ic_time.png) no-repeat left center;
	font-weight:bold;
}
.event .eventInfo dl dd {
	display:table-cell;
	padding-left:20px;
	font-size:16px;
	font-weight:bold;
}
.event .eventInfo dl dd em.price {
	font-weight:bold;
	font-size:14px;
	color:#579160;
	display:block;
	padding-bottom:5px;
}
.event .eventInfo dl dd a.btnGr {
	width:320px;
}

.event .info {
	text-align:right;
	font-size:14px;
	margin-top:10px;
}

/*********************************
インタビュー
*********************************/

.interview {
	padding-top:40px;
}
.interview .titIv {
	padding-top:20px;
	font-size:30px;
	font-weight:bold;
}
.interview small {
	display:block;
	font-size:14px;
	background:url(../);
}
.interview p.kome {
	margin-top:15px;
	text-indent:-1em;
	padding-left:1em;
}

.interview ul {}
.interview ul li img {
	border:1px solid rgba(84, 145, 96, 0.5);
}