@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/

.keyvisual {
	display: none;
}
#main .section {
	margin-bottom: 70px;
}
#main h2 {
	margin: 0 0 30px 0;
	font-size: 34px;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url(/soleil/images/appreciate/ico_h2_main.png) left center no-repeat;
	padding: 15px 0 0 60px;
	line-height: 1.2;
	color: #535353;
	border-bottom: 2px solid #a2a2a2;
}
#main h2 .engImg {
	float: right;
	margin: 18px 10px 0 0;
}
#main .newsList {
	width:666px;
	margin: 0 auto 12px;
	text-align:right;
}
#main .newsList a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
#main .mainBox {
	width: 1000px;
	margin: 0 auto 50px;
}
#conts {
	width: 666px;
	margin:0 auto;
}
#conts .txtInner {
	margin-bottom: 30px;
	padding: 0 10px 30px 9px;
	border-bottom: 1px solid #D5C0BB;
}
#conts h3 {
	margin-bottom: 16px;
	color: #5d433d;
	font-size: 2.4em;
	font-weight: normal;
}
#conts h3 .date {
	margin-bottom: 4px;
	display: block;
	font-size: 0.6em;
}
#conts .photo {
	margin: 0 -10px 14px 0;
}
#conts p {
	margin-bottom: 20px;
	font-size: 1.4em;
	line-height: 1.7;
}
#conts .text {
	margin-bottom: 10px;
	font-size: 1.3em;
	line-height: 1.78;
}
#conts .txtLink {
	text-align: right;
}
#conts .txtLink li {
	display: inline;
	color: #999;
	font-size: 1.2em;
}
#conts .txtLink li a {
	margin-right: 3px;
	color: #36a3cc;
	text-decoration: underline;
}
#conts .txtLink li a:hover {
	text-decoration: none;
}
#sideBar {
	margin-top: 6px;
	width: 220px;
	float: right;
}
#sideBar .topTtl {
	margin-bottom: 14px;
}
#sideBar .sBox {
	margin-bottom: 14px;
}
#sideBar .sInner {
	padding: 7px 8px 15px;
	background-color: #F8F6C8;
	border-radius: 0 0 5px 5px;
	behavior: url(common/js/pie.htc); 
}
#sideBar .sNavi li {
	padding-left: 1em;
	color: #76554d;
	font-size: 1.2em;
	line-height: 1.68;
	text-indent: -1em;
}
#sideBar .sNavi li a {
	color: #76554d;
}
#sideBar .sNavi li a:before {
	content:"●";
}
#sideBar .sBox .title {
	padding: 8px 0 7px;
	color: #FFF;
	font-size: 1.4em;
	text-align: center;
	background-color: #7EC144;
	border-radius: 3px 3px 0 0;
	behavior: url(common/js/pie.htc); 
}
#sideBar .seach {
	padding: 18px 12px 27px;
}
#sideBar .seach select {
	margin-right: 6px;
	float: left;
	width: 120px;
}
#sideBar .seach input {
	margin-top: 2px;
	float: left;
}
#sideBar .seach input:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
#main .fb .section {
	margin-bottom: 0;
}
/* カレンダー
--------------------------------------------*/
#boxCal{
	margin-bottom: 14px;
	padding: 0 0 15px;
	background-color: #F8F6C8;
	border-radius: 0 0 5px 5px;
	behavior: url(common/js/pie.htc); 
}
#boxCal table{
	font-size:80%;
}
#boxCal .calTop{
	margin:0 0 12px;
	padding: 8px 0 7px;
	color: #FFF;
	font-size: 1.4em;
	text-align: center;
	background-color: #7EC144;
	border-radius: 3px 3px 0 0;
	behavior: url(common/js/pie.htc); 
}
#boxCal .calCon{
	font-size:1.3em;
	height:20px;
	margin:0 0 3px 12px;
}
#boxCal .calCon tr td{
	width:28px;
}
#boxCal .calTop a:link {
	font-size:12px;
	color:#fff;	
}
/*LINK*/
#boxCal table.calCon .sun{
	color:#da3e3e;
}
#boxCal table.calCon .sun a{
	font-weight:bold;
	color:#da3e3e !important;
	text-decoration:underline;
}
#boxCal table.calCon .sun a:hover{
	color:#f45f5f !important;
	text-decoration:underline;
}
#boxCal table.calCon a:link {
	font-weight:bold;
	color:#555;
	text-decoration:underline;
}
#boxCal table.calCon a:hover {
	color:#777;
	text-decoration:underline;
}

@media screen and (max-width: 480px) {

#main h2 {
	margin: 0 0 10px 0;
	font-size:18px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: none;
	padding: 0 10px;
	line-height: 1.2;
	color: #535353;
	border-bottom: none;
}
#main h2 .engImg {
	float: none;
	margin: 0;
	display: block;
}
#main .inner {
	margin: 0 10px;
	box-sizing: border-box;
}

#main .mainBox {
	width: 100%;
	margin: 0;
}
#conts {
	width: 100%;
	margin:0 auto;
}
#conts h3 {
	margin-bottom: 16px;
	color: #5d433d;
	font-size: 1.6em;
	font-weight: normal;
}
#conts h3 .date {
	margin-bottom: 4px;
	display: block;
	font-size: 0.8em;
}
#conts p {
	margin-bottom: 20px;
	font-size: 1.3em;
	line-height: 1.6;
}
#main .newsList {
	width:94%;
	margin: 0 auto 12px;
	text-align:right;
}
#conts .photo {
	margin: 0 0 14px 0;
}
#conts .photo img {
	width: 100%;
	height: 100%;
}
#main .section {
	margin-bottom: 0;
}

}