@charset "UTF-8";
/* COMMON */

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
}

@media screen and (max-width: 768px) {
	html {
		font-size: 70%;
	}
}

body, #relatedLinks li p {
	color: #444444;
}

body {
	font-size: 14px;
	font-size: 1.4rem;
	background: #F0F0F0;
	line-height: 1.6;
	font-family: "Helvetica Neue", Helvetica, "Arial Narrow", Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*-webkit-font-smoothing: antialiased;*/ /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

a, input, textarea, a img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

input[type="text"], input[type="email"], input[type="password"], input[type="submit"], textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0 !important;
	outline: none;
}

a {
	text-decoration: none;
	color: #657D92;
}

a:hover{
	text-decoration: underline;
	outline: none;
}

h1, h2, h3, h4, form {
	 margin:0;
}

h1 {
	font-size: 13px;
	font-size: 1.3rem;
}

section {
	overflow: hidden;
}

.contents, section, .pageTop, .mainContentsWrapper, .btnMakeUp {
	max-width: 1000px;
	margin: 0 auto;
}

.spDisplay {
	display: none !important;
}

#wrapper {
	width: 100%;
	margin: 0 auto;
}

#contentsHeader {
	padding: 0;
}

@media screen and (max-width: 768px) {
	#whatEclub, .contents, section, .mainContentsWrapper {
		width: 90% !important;
	}
	
	.mainContentsWrapper section {
		width: 100% !important;
	}
}

.azure {
	color: #005DAA;
}

.azureBg, .btnCommon, .subPageNav li a, .btnArchive li a, #pageslide, #pageslide #nav li a,  input.wpcf7-submit {
	background-color: #005DAA;
}

/*.btnCommonM {
	background-color: #FF7B00;
}*/

.btnCommon, .subPageNav li a, .btnArchive li a, .btnMakeUp a{
	padding: 13px 5px;
	color: #FFFFFF !important;
	text-align:center;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.1;
	display: block;
	margin: 20px auto 0;
}

/*.btnCommonM {
	padding: 13px 5px;
	color: #FFFFFF !important;
	text-align:center;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.1;
	display: block;
	margin: 20px auto 0;
}*/

.btnArchive {
	background: #FFFFFF;
	padding: 20px 20px 3px;
}

@media screen and (max-width: 768px) {
	.btnArchive {
		padding-bottom: 17px;
	}
}

.btnArchive li, #newsContents .newsList li{
	margin-bottom: 17px;
}

.btnArchive li {
	width: 227px !important;
}

.btnArchive li, #newsContents .newsList li, #rotatyNews li{
	width: 237px;
	float: left;
	background: #FFFFFF;
	margin-left: 17px;
}

@media screen and (max-width: 768px) {
	.btnCommon {
		margin-top: 10px;
		font-weight: bold;
	}
}

.btnCommon:hover, .subPageNav li a:hover, .btnArchive li a:hover {
	text-decoration: none;
}

.subPageNav li a, .btnArchive li a{
	display: block;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0;
}

.subPageNav li a {
	display: table-cell;
	width: 165px;
	vertical-align: middle;
}

@media screen and (max-width: 768px) {
	.subPageNav li a {
		display: block;
		width: auto;
		height: auto !important;
	}
}

h1 a{
	color: #667D91;
}

img{
	max-width: 100%;
	height: auto;
}


input[type="text"], input[type="password"], textarea{
	padding: 5px 7px;
}

input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus, textarea:hover{
	outline: none;
	border-color: #667D91;
}

input[type="submit"]{
	color: #FFFFFF;
	border: none;
	outline: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

input[type="submit"]:hover, header div a:hover, .btnCommon:hover, .subPageNav li a:hover, .btnArchive li a:hover, #pageslide #nav li a:hover{
	background-color: #00A8E4;
}

#headerWrapper {
	position: relative;
}

@media screen and (max-width: 768px) {
	#headerWrapper {
		background: #FFFFFF;
		margin-bottom: 20px;
	}
}

header {
	background: #FFFFFF;
	width: 100%;
	overflow:hidden;
	padding: 0 5%;
}

@media only screen and (max-width: 1023px) {
	header {
		padding: 0;
	}
	
	header h1 {
		text-align:center;
	}
	header h1 img {
		width: auto;
		max-height: 44px;
	}
 }

@media screen and (max-width: 768px) {
	header {
		display: -webkit-box;
		display: box;
		padding: 0;
	}
	
	header .open{
		padding-top: 59px;
		height: 0;
		overflow: hidden;
		display: block;
		width: 69px;
		background: url(../images/menu.gif) no-repeat center center;
		background-size: 27px 16px;
		border-right: solid 1px #F7F7F7;
	}
	
	header h1{
		-webkit-box-flex: 1;
		box-flex: 1;
		padding: 7px 0;
	}
	
	header h1, header div, header div a{
		float: none !important;
	}
	
	header div a {
		width: auto !important;
		line-height: 1.1 !important;
		font-size: 1.3rem !important;
		font-size: 13px !important;
		font-weight: bold;
		padding: 15px;
	}
	
	header div {
		width: 70px !important;
		height: 59px;
	}
	
	header h1 a, header h1 img{
		display: block !important;
	}
	
	header h1 span, #navSection nav ul, #navSection, #navSection h1 img, header form {
		display: none;
	}
}



#navSection {
	overflow: hidden;
	margin: 20px auto 30px;
}

#navSection h1{
	float: left;
	width: 531px;
}

#navSection h1 a{
	display: block;
}

#navSection nav {
	float: right;
	margin-top: 35px;
}

#navSection nav li{
	display: inline-block;
	margin-left: 20px;
}

#navSection nav li a, footer .navList a{
	display: block;
	background-position: 0 center;
	background-repeat: no-repeat;
	font-weight: bold;
	line-height: 23px;
	font-size: 15px;
	font-size: 1.5rem;
}

#navSection nav li a.news, footer .navList a.news {
	background-image: url(../images/nav-news.png);
	padding-left: 20px;
}

#navSection nav li a.eclub, footer .navList a.eclub {
	background-image: url(../images/nav-eclub.png);
	padding-left: 33px;
}

#navSection nav li a.meeting, footer .navList a.meeting {
	background-image: url(../images/nav-meeting.png);
	padding-left: 30px;
}

#navSection nav li a.committee, footer .navList a.committee {
	background-image: url(../images/nav-rotary.png);
	padding-left: 30px;
}

#navSection nav li a.form, footer .navList a.form {
	background-image: url(../images/nav-form.png);
	padding-left: 30px;
}

section {
	background: #FFFFFF;
}

header h1, header input[type="submit"], header div a{
	line-height: 52px;
}

header h1 {
	float: left;
}

header h1 img{
	display: none;
	margin: 0 auto;
}

header div{
	float: right;
}

.loginForm input[type="text"], .loginForm input[type="password"]{
	border: solid 1px #9DA6B5;
	width: 200px;
	margin-left: 5px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #667D91;
}

.loginForm input[type="submit"], header div a{
	width: 170px;
	font-size: 16px;
	font-size: 1.6rem;
}

.loginForm input[type="submit"]{
	background-color: #667D91;
	margin-left: 20px;
}

.loginForm input[type="submit"]:hover{
	background-color: #005DAA;
}

header div a, .btnMakeUp a{
	background: #FEBD11;
	color: #FFFFFF;
	display: block;
	text-align:center;
}

header div a{
	float: right;
}

header div a:hover, #weekMtg div .btn:hover, .btnMakeUp a:hover{
	background-color: #FF7600;
	text-decoration: none;
}

header form {
	float: right;
}

#relatedLinks {
	overflow: hidden;
	background: none;
	text-align:center;
}

#relatedLinks li{
	display: inline-block;
	width: 183px;
	text-align:center;
	position: relative;
	margin-left: 6px;
	margin-right: 6px;
	vertical-align:top;
}

#relatedLinks li a{
	display: block;
}

#relatedLinks li a img{
	position: absolute;
	top: 0;
	margin-left: -64px;
	left: 50%;
}

#relatedLinks li a img.hover {
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
}

#relatedLinks li a:hover img.hover{
	opacity: 1;
	-ms-filter: "alpha(opacity=100)";
}

#relatedLinks li a:hover {
	text-decoration: none !important;
}

#relatedLinks li h2{
	margin: 135px 0 5px;
	font-size: 18px;
	font-size: 1.8rem;
}

#relatedLinks li p{
	font-size: 13px;
	font-size: 1.3rem;
}

#relatedLinks li.link01 h2{
	color: #E6417B;	
}

#relatedLinks li.link02 h2{
	color: #00B2BF;
}

#relatedLinks li.link03 h2{
	color: #974896;
}

#relatedLinks li.link04 h2{
	color: #FF8B33;
}

#relatedLinks li.link05 h2{
	color: #00A6E5;
}

@media screen and (max-width: 768px) {
	#relatedLinks li {
		width: 28%;
		margin: 0 2% 5%;
	}
	
	#relatedLinks li .hover{
		display: none;
	}
	
	#relatedLinks li img{
		position: static !important;
		margin: 0 auto !important;
	}
	
	#relatedLinks li h2{
		margin: 5px auto 0 !important;
		font-size: 1.4rem;
		line-height: 1.4;
	}
	
	#relatedLinks li  p{
		display: none;
	}
}

#whatEclub h2, #rotatyNews h1, #relatedLinks h1{
	color: #657D92;
}

#whatEclub h2 span, #rotatyNews h1 span, #relatedLinks h1 span{
	color: #FFBE00;
}

#rotatyNews h1, #relatedLinks h1{
	font-size: 30px;
	font-size: 3.0rem;
	line-height: 1.1;
	text-align:center;
	color: #657D92;
	margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
	#rotatyNews h1, #relatedLinks h1{
		font-size: 2.2rem;
		margin-bottom: 10px;
	}
}

#relatedLinks {
	margin-top: 20px;
}

@media screen and (max-width: 768px) {
	#relatedLinks {
		margin-top: 0;
	}
	#relatedLinks h1{
		margin: 0 auto 20px;
	}
}

#bnCommon {
	background: none;
	margin: 40px auto;
}

#bnCommon ul{
	overflow: hidden;
	text-align:center;
}

#bnCommon  li{
	margin: 0 4px;
	width: 188px;
	display: inline-block;
}

@media screen and (max-width: 768px) {
	#bnCommon {
		margin: 20px auto;
	}
	
	#bnCommon ul{
		text-align:left;
	}
	
	#bnCommon  li{
		width: 49%;
		margin: 0;
	}
}

#bnCommon  li a{
	display: block;
}

@media screen and (max-width: 768px) {
	#bnCommon  li a img{
		margin: 0 auto;
		width: 100%;
	}
}

#bnCommon  li a:hover img{
	opacity: 0.6;
	-ms-filter: "alpha(opacity=60)";
}

footer {
	background: #FFFFFF url(../images/footer-obj.gif) repeat-x center 0;
	padding-top: 110px;
	margin-top: 80px;
}

footer .contents {
	overflow: hidden;
}

footer .logo{
	float: left;
	width: 170px;
	margin-top: 20px;
}

footer .navList{
	float: right;
	overflow: hidden;
	width: 805px;
	margin-top: 20px;
}

footer .navList > li{
	float: left;
	margin-left: 25px;
	width: 136px;
	margin-bottom: 30px;
}

footer .navList li li {
	border-bottom: dotted 1px #E6E3DF;
	margin-bottom: 10px;
}

footer .navList li li:last-child {
	border: none;
}

footer .navList a.eclub {
	background-position: 0 3px;
	line-height: 1.2;
}

footer .navList li li a{
	display: block;
	background: url(../images/footer-link-arrow.gif) no-repeat 0 1px;
	padding-left: 23px;
	line-height: 1.4;
	padding-bottom: 10px;
}

footer .navList h2{
	border-bottom: solid 1px #647D93;
	padding-bottom: 5px;
	font-size: 15px;
	font-size: 1.5rem;
	margin-bottom: 20px;
}

footer #logoBox {
	background: #F0F0F0;
	width: 100%;
	padding: 60px 0 80px;
}

footer #logoBox .contents{
	width: 660px;
	margin: 0 auto;
}


footer #logoBox .leftBox {
	width: 350px;
	padding-right: 40px;
	border-right: solid 1px #E6E3DF;
}

footer #logoBox .rightBox {
	width: 264px;
	margin: 30px 0 0 40px;
}

/* PayPal バナー(319x110)を rightBox 幅(264px)に合わせて縮小表示する。
   元画像が大きいので縮小方向でくっきり、はみ出しも防ぐ。 */
footer #logoBox .rightBox img {
	max-width: 100%;
	height: auto;
}

footer #logoBox small {
	font-size: 11px;
	font-size: 1.1rem;
	color: #999999;
	text-align:right;
	display: block;
	padding-top: 20px;
	clear: both;
}

footer #logoBox h1{
	width: 268px;
	float: right;
}

footer #logoBox h1 a{
	display: block;
}

@media screen and (max-width: 768px) {
	footer {
		margin-top: 40px;
		padding-top: 70px;
	}
	
	footer .logo{
		float: none;
		width: 50%;
		margin: 0 auto;
	}
	
	footer .logo img{
		width: 100%;
	}
	
	footer .navList{
		display: none;
	}
	
	footer #logoBox {
		background: #FFFFFF;
		padding: 20px 0 30px;
	}
	
	footer #logoBox .leftBox{
		float: none;
		padding: 0 !important;
		width: 100%;
		border: none;
	}
	
	footer #logoBox h1 {
		width: 80%;
		margin: 0 auto 10px;
		float: none;
	}
	
	footer #logoBox .leftBox img{
		width: 100%;
	}
	
	footer #logoBox .rightBox {
		float: none;
		width: 100%;
		margin: 20px auto;
	}
	
	footer #logoBox .rightBox img{
		width: 60%;
		margin: 0 auto;
		display: block;
	}
	
	footer #logoBox small {
		text-align:center;
		font-size: 0.8rem;
		padding-top: 0;
	}
}




.leftBox {
	float: left;
}

.rightBox {
	float: right;
}

.open {
	display: none;
}

.ovfH {
	overflow: hidden;
}

.noneDisplay {
	display: none;
}

.pageTop {
	margin: 40px auto 50px;
}

.pageTop a, .btnMakeUp a{
	width: 50%;
}

.btnMakeUp {
	margin-top: -15px;
	margin-bottom: 55px;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.wpEditArea {
	background: #FFFFFF !important;
	padding: 35px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.7;
}

.wpEditArea h1{
	font-size: 28px;
	font-size: 2.8rem;
	text-align:center;
	margin-bottom: 15px;
}

.wpEditArea h2{
	font-size: 23px;
	font-size: 2.3rem;
	line-height: 1.4;
	margin-bottom: 5px;
}

.wpEditArea h3{
	font-size: 19px;
	font-size: 1.9rem;
	line-height: 1.3;
	margin-bottom: 5px;
}



.wpEditArea .textColumn {
	column-count: 2;
 	-moz-column-count: 2;
	-webkit-column-count: 2;
}

.wpEditArea img, .wpEditArea video, .wpEditArea iframe, .wpEditArea audio{
	max-width: 950px;	
}

@media screen and (max-width: 768px) {
	.wpEditArea{
		font-size: 1.4rem;
		line-height: 1.6;
		padding: 20px;
	}
	
	.wpEditArea h1{
		font-size: 2.0rem;
		margin-bottom: 7px;
	}
	
	.wpEditArea h2{
		font-size: 1.7rem;
		margin-bottom: 7px;
	}
	
	.wpEditArea img, .wpEditArea video, .wpEditArea iframe, .wpEditArea audio{
		width: 100%;
		float: none;
		clear: both;
		margin: 15px auto 20px;
	}
	
	.wpEditArea .textColumn {
		column-count: 1;
 		-moz-column-count: 1;
		-webkit-column-count: 1;
	}
}

.floatBox2clm {
	margin: 0 auto;
	padding-bottom: 80px;
}

.floatBox2clm .leftBox, .floatBox2clm .rightBox{
	width: 49% !important;
	margin: 0 !important;
}

.floatBox2clm a{
	width: 100% !important;
}

.subPageNav {
	margin: 20px auto 25px;
}

.subPageNav ul{
	text-align:center;
	width: 100%;
	display: table;
    table-layout: fixed;
}

.subPageNav li{
	vertical-align: top;
	display: table-cell;
	padding: 0 4px;
}

@media screen and (min-width: 768px) {
	
	.subPageNav li {
		position: relative;
	}
	
	.subPageNav li a:hover:before{
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		border: 16px solid transparent;
		border-top: 16px solid #00A8E4;
		bottom: -31px;
		left: 50%;
		margin-left: -12px;
	}
}


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

	.pageTop a{
		font-size: 1.4rem;
	}
	
	.floatBox2clm a{
		font-size: 1.2rem !important;
	}
	
	.subPageNav ul{
		text-align:left;
	}
	
	.subPageNav li {
		width: 50%;
		display: inline-block;
		margin-bottom: 1%;
		padding: 0 1% 0 0;
	}
	
	.subPageNav li a{
		font-size: 1.3rem;
	}
}

.txtAlRight{
	text-align:right;
}

table {
	width: 100%;
}

th{
	white-space: nowrap;
	text-align:right;
	width: 15%;
}

td {
	text-align:left;
}

td, th {
	padding: 10px;
	vertical-align: top;
}

.trEven, .wpcf7-form li {
	background-color: #F8F8F8;
}

/* 旧テーマは header.php の jQuery `$('table tr:even').addClass('trEven')` で
   偶数行(0-indexed=表示1,3,5行目)に .trEven を付与し縞模様にしていた。
   Astro(SSG)では JS を使わず nth-child(odd) で同じ見た目を再現する。
   フッターの PayPal 表などに波及しないよう本文領域(.mainContentsWrapper)に限定。 */
.mainContentsWrapper table tr:nth-child(odd) {
	background-color: #F8F8F8;
}

@media screen and (max-width: 768px) {
	tr {
	  display: inline;
	}
	
	th {
	  text-align: left;
	  background-color: #F8F8F8;
	}
	
	th, td {
	  width: 100%;
	  display: block;
	}
	
	td {
		padding-left: 20px;
	}
}


.mgt5 {
	margin-top: 5px !important;
}
.mgt10 {
	margin-top: 10px !important;
}
.mgt15 {
	margin-top: 15px !important;
}
.mgt20 {
	margin-top: 20px !important;
}
.mgt25 {
	margin-top: 25px !important;
}
.mgt30 {
	margin-top: 30px !important;
}
.mgb5 {
	margin-bottom: 5px !important;
}
.mgb10 {
	margin-bottom: 10px !important;
}
.mgb15 {
	margin-bottom: 15px !important;
}
.mgb20 {
	margin-bottom: 20px !important;
}
.mgb25 {
	margin-bottom: 25px !important;
}
.mgb30 {
	margin-bottom: 30px !important;
}



#pageslide {
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
	-webkit-overflow-scrolling:touch;
	overflow:auto;
    width: 230px;
    color: #FFF;
}

#pageslide #nav li {
	border: 1px solid #004D93;
	border-width: 1px 0;
	margin-top: -1px;
}

/*#pageslide #nav li:nth-child(2) {
	border-top: none;
}*/

#pageslide #nav li a {
	display: block;
	padding: 10px 15px;
	color: #FFF;
}

#pageslide #nav li a:hover {
	text-decoration: none;
}

#spLoginSlide {
	background: #687d90;
	border: none !important;
}

#spLoginSlide h2{
	position: relative;
	line-height: 59px;
	cursor: pointer;
	font-size: 1.6rem;
	padding-left: 15px;
}

#spLoginSlide h2:before,
#spLoginSlide h2:after{
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	width: 10px;
	height: 10px;
	margin-top: 3px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

#spLoginSlide h2:before {
	top: 20px;
	right: 15px;
	background: #febd11;	
}

#spLoginSlide h2:after {
	top: 15px;
	right: 15px;
	background: #687d90;
}

#spLoginSlide h2.active:before {
	top: 15px;
}

#spLoginSlide h2.active:after {
	top: 20px;
}

#spLoginSlide h2.active:before, #spLoginSlide h2.active:after{
	margin-top: 12px;
}

#spLoginSlide .loginForm {
	padding: 15px;
}

#spLoginSlide .loginForm input {
	border: none;
	width: 100%;
	margin: 0 0 10px;
	padding: 10px;
}

#spLoginSlide .loginForm input[type="submit"]{
	background-color: #FFFFFF;
	line-height: 40px;
	color: #687d90;
	padding: 0;
	font-weight: bold;
}


#contentsHeader {
	background: none;
	margin-bottom: 20px;
}

#contentsHeader h1, #contentsHeader h2, .wpEditArea h1 {
	color: #647D92;
	line-height: 1.3;
}

#contentsHeader h1{
	font-size: 40px;
	font-size: 4.0rem;
	line-height: 1.2;
}

#contentsHeader h1 span{
	color: #FFBE00;
}

#contentsHeader p {
	color: #9DA5B4;
	font-weight: bold;
	margin-top: 2px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.1;
}

#contentsHeader h2{
	font-size: 25px;
	font-size: 2.5rem;
	font-size: 1.4;
}

#contentsHeader .rightBox {
	border-left: solid 1px #B3BAC5;
	padding: 3px 0 5px 25px;
	float: left;
	margin: 0 0 0 25px;
	font-size: 17px;
	font-size: 1.7rem;
}

@media screen and (max-width: 768px) {
	#contentsHeader {
		margin-bottom: 10px;
	}
	
	#contentsHeader *{
		float: none !important;
		text-align:center;
	}
	
	#contentsHeader h1{
		font-size: 3.0rem;
	}
	
	#contentsHeader .leftBox p {
		font-size: 1.3rem;
	}

	#contentsHeader h2{
		font-size: 2.0rem;
		margin-bottom: 5px;
	}
	
	#contentsHeader .rightBox {
		border: none;
		padding: 0;
		margin: 10px auto 0;
		width: 100% !important;
		text-align:center;
	}
	
	#contentsHeader .rightBox p{
		font-size: 1.2rem;
		line-height: 1.4;
	}
}


#newsContents .newsList, #rotatyNews ul{
	margin-left: -17px;
	overflow: hidden;
}



#newsContents .newsList li img, #rotatyNews li img {
	margin-bottom: 10px;
}

#newsContents .newsList li a, #rotatyNews li a{
	display: block;
	padding-bottom: 15px;
}

#newsContents .newsList li a:hover, #rotatyNews li a:hover {
	text-decoration: none;
}

#newsContents .newsList li p, #rotatyNews li p{
	margin: 0 12px 0;
	line-height: 1.1;
}

#newsContents .newsList li h2, #rotatyNews li h2{
	font-size: 14px;
	font-size: 1.4rem;
	margin: 5px 12px;
	line-height: 1.5;
}

#newsContents .newsList li a:hover h2, #rotatyNews li a:hover h2{
	color: #01b4e7 !important;
}

#rotatyNews li p, #newsContents .newsList li p{
	color: #444444;
}

#rotatyNews li .date, #newsContents .newsList li .date {
	font-size: 12px;
	font-size: 1.2rem;
	color: #8F8F8F;
	font-weight: bold;
}

#rotatyNews li .read, #newsContents .newsList li .read {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.6;
}

#rotatyNews li h2, #newsContents .newsList li h2, .wpEditArea a{
	color: #005DAA;
}

.wpEditArea a:hover{
	color: #01b4e7;
}

#rotatyNews li h2{
	font-size: 15px;
	font-size: 1.5rem;
}

#newsContents .newsList li h2 {
	font-size: 18px;
	font-size: 1.8rem;
}


#rotatyNews li a:hover img, #newsContents .newsList li a:hover img {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
}


/* cForm7 */

input.wpcf7-form-control, textarea.wpcf7-form-control {
	border: solid 1px #9DA6B5;
	padding: 10px 15px !important;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	color: #454545;
}

input.wpcf7-form-control:hover, input.wpcf7-form-control:focus, textarea.wpcf7-form-control:hover, textarea.wpcf7-form-control:focus {
	border: solid 1px #647D92;
}

span.wpcf7-list-item {
	margin-left: 0 !important;
}

.wpcf7-radio *{
	cursor: pointer;
}

.wpcf7-form li{
	padding: 20px;
	margin-bottom: 5px;
}

.wpcf7-form li h2{
	font-size: 18px;
	font-size: 1.8rem;
}

.wpcf7-form li h2 span{
	font-size: 13px;
	font-size: 1.3rem;
	padding-left: 10px;
}

.wpcf7-form li h2 span, span.wpcf7-not-valid-tip{
	color: #7C0204 !important;
	font-weight: bold;
}

div.wpcf7-validation-errors {
	background: #7C0204 !important;
}

div.wpcf7-response-output {
	background: #647D92;
}

div.wpcf7-validation-errors, div.wpcf7-response-output {
	text-align:center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	border: none !important;
	padding: 10px 15px !important;
}

input.wpcf7-submit, input.wpcf7-submit:hover {
	border: none;
	color:#FFFFFF;
}

span.wpcf7-not-valid-tip {
	font-size: 16px;
	font-size: 1.6rem;
	display: block;
}

/*.wpcf7-form li input[type="text"], .wpcf7-form li input[type="email"], .wpcf7-form li input[type="password"], .wpcf7-form li textarea{
	width: 80%;
}*/

.wpcf7-radio label{
	margin-top: 5px;
}

.wpcf7-radio label input{
	margin-top: -2px;
}

.wpcf7-submit {
	margin: 20px auto 30px !important;
	display: block;
	width: 30%;
}

@media screen and (max-width: 768px) {
	.wpcf7-form li input[type="text"], .wpcf7-form li input[type="email"], .wpcf7-form li input[type="password"], .wpcf7-form li textarea, .wpcf7-submit{
		width: 100%;
	}
	
	.wpcf7-form li{
		padding: 10px;
	}
}





@media screen and (max-width: 768px) {
	#rotatyNews ul, #newsContents .newsList{
		margin-left: 0;
	}
	
	#newsContents .newsList li {
		margin: 0 0 2%;
	}
	
	#rotatyNews ul{
		width: 102%;
		margin-left: -2%;
	}
	
	#rotatyNews li {
		width: 48% !important;
		margin: 0 0 2% 2%; 		
	}
	
	.newsList li, .btnArchive li{
		width: 100% !important;
		margin-left: 0;
		float: none;
	}
	
	#rotatyNews li h2 {
		font-size: 1.4rem;
	}
	
	#newsContents .newsList li h2 {
		font-size: 1.6rem;
	}
	
	#newsContents .newsList li p, #rotatyNews li p {
		font-size: 1.0rem;
	}
	
	#newsContents .newsList li img, #rotatyNews li img{
		width: 100%;
	}
	
	.spDisplay {
		display: block !important;
	}
	
	.pageTop {
		margin-top: 20px;
	}
	
	.btnMakeUp {
		margin-top: -30px;
	}
	
	.pageTop, .btnMakeUp {
		width: 90% !important;
	}
	.pageTop a, .btnMakeUp a{
		width: 100%;
	}
}