@charset "utf-8";

/**************************************************
		PC
**************************************************/
#titleArea {
	margin-bottom:50px;
	padding-top:50px;
}

#titleArea .title {
	font-size:16px;
	font-size:1rem;
	font-weight:bold;
	line-height:1.5;
}

#titleArea .title .en {
	margin-bottom:15px;
}


/* ===== Index ===== */
#mainArea .listNews {
	margin-bottom:40px;
}

#mainArea .listNews li {
	border-bottom:1px solid #ccc;
}

#mainArea .listNews li a,
#mainArea .listNews li .noLink {
	display:table;
	padding:20px;
	width:100%;
	color:#333;
	text-decoration:none;
	overflow:hidden;
}

#mainArea .listNews li .newsDate {
	display:table-cell;
	width:90px;
	line-height:1;
	text-align:center;
	vertical-align:top;
}

#mainArea .listNews li .newsDate .bg {
	display:block;
	padding-top:20px;
	border:2px solid #c11b48;
	border-radius:3px;
	height:90px;
	background:#fff;
	color:#c11b48;
}

#mainArea .listNews li .newsDate .date {
	display:block;
	margin-bottom:5px;
	font-size:28px;
	font-size:1.75rem;
	letter-spacing:-0.05em;
}

#mainArea .listNews li .newsDate .year {
	display:block;
	font-size:14px;
	font-size:0.88rem;
}

#mainArea .listNews li .newsText {
	display:table-cell;
	padding-left:20px;
	vertical-align:middle;
}

#mainArea .listNews li .newsText .category {
	float:left;
	display:inline-block;
	margin-bottom:15px;
	padding:1px 5px;
	min-width:80px;
	background:#c11b48;
	font-size:14px;
	font-size:0.88rem;
	font-weight:bold;
	color:#fff;
	line-height:1.3;
	text-align:center;
}

#mainArea .listNews li .newsText .name {
	display:block;
	float:left;
	margin-bottom:15px;
	padding-left:10px;
	font-size:13px;
	font-size:0.82rem;
	line-height:1.5;
}

#mainArea .listNews li .newsText .title {
	display:block;
	clear:both;
	padding-left:30px;
	background:transparent url("../../common/img/icon_01.png") 0 0.1em no-repeat;
	background-size:20px auto;
	font-size:16px;
	font-size:1rem;
	line-height:1.7;
}

#mainArea .listNews li.sports .newsDate .bg { border-color:#ff9800; color:#ff9800; }
#mainArea .listNews li.sports .newsText .category { background-color:#ff9800; }
#mainArea .listNews li.culture .newsDate .bg { border-color:#00bcd4; color:#00bcd4; }
#mainArea .listNews li.culture .newsText .category { background-color:#00bcd4; }
#mainArea .listNews li.seikokai .newsDate .bg { border-color:#4caf50; color:#4caf50; }
#mainArea .listNews li.seikokai .newsText .category { background-color:#4caf50; }

#mainArea .listNews li a:hover { background-color:rgba(0,0,0,0.03); }


#mainArea .listPager {
	text-align:center;
}

#mainArea .listPager li {
	display:inline-block;
	line-height:1;
	vertical-align:middle;
}

#mainArea .listPager .prev,
#mainArea .listPager .next {
	font-size:15px;
	font-size:0.94rem;
}

#mainArea .listPager .number {
	font-size:18px;
	font-size:1.13rem;
}

#mainArea .listPager .prev {
	padding-right:35px;
}

#mainArea .listPager .next {
	padding-left:35px;
}

#mainArea .listPager .prev a,
#mainArea .listPager .next a,
#mainArea .listPager .prev .noLink,
#mainArea .listPager .next .noLink {
	display:inline-block;
	padding:10px 18px;
	border:2px solid #c11b48;
	border-radius:3px;
	min-width:80px;
	background:#c11b48;
	color:#fff;
	text-align:center;
	text-decoration:none;
}

#mainArea .listPager .prev .noLink,
#mainArea .listPager .next .noLink { border-color:#999; background-color:#999; }

#mainArea .listPager .prev a:hover,
#mainArea .listPager .next a:hover { background-color:#fff; color:#c11b48; }

#mainArea .listPager .number a,
#mainArea .listPager .number .noLink {
	display:inline-block;
	padding-top:7px;
	border:2px solid transparent;
	border-radius:50%;
	width:36px;
	height:36px;
	color:#c11b48;
	text-align:center;
	text-decoration:none;
}

#mainArea .listPager .number .noLink { background-color:#fff; border-color:#c11b48; }
#mainArea .listPager .number a:hover { background-color:#fff; border-color:#c11b48; }

#mainArea .pagerNum {
	display:none;
}


/* ===== Detail ===== */
#mainArea .listEntry {
	margin-bottom:10px;
	font-size:14px;
	font-size:0.88rem;
}

#mainArea .listEntry li {
	display:inline-block;
	padding-right:10px;
	background:#fff;
	line-height:1.5;
}

#mainArea .listEntry .date { color:#c11b48; }
.sports #mainArea .listEntry .date { color:#ff9800; }
.culture #mainArea .listEntry .date { color:#00bcd4; }
.seikokai #mainArea .listEntry .date { color:#4caf50; }

#mainArea .listEntry .name { font-weight:bold; color:#999; }
#mainArea .listEntry .name:before { content:"["; }
#mainArea .listEntry .name:after { content:"]"; }

#mainArea .tiNews01 {
	position:relative;
	padding-bottom:40px;
	font-size:32px;
	font-size:2rem;
	font-weight:normal;
	line-height:1.5;
}
.win.chrome #mainArea .tiNews01 { font-weight:500; }

#mainArea .tiNews01:before {
	position:absolute;
	bottom:-4px;
	left:0;
	width:50px;
	height:4px;
	background:#c11b48;
	content:'';
}

.sports #mainArea .tiNews01:before { background-color:#ff9800; }
.culture #mainArea .tiNews01:before { background-color:#00bcd4; }
.seikokai #mainArea .tiNews01:before { background-color:#4caf50; }

#mainArea .cmsBox {
	margin:0 -2000px 50px -2000px;
	background:transparent url("../../common/img/bg_section_01.png") 50% 0 repeat;
	font-size:16px;
	font-size:1rem;
	line-height:1.8;
}

#mainArea .cmsBox .bg {
	margin:0 auto;
	padding:45px 0 75px 0;
	width:880px;
}

#mainArea .cmsBox h3 {
	margin-bottom:20px;
	font-size:20px;
	font-size:1.25rem;
	font-weight:bold;
	color:#c11b48;
	line-height:1.7;
}

#mainArea .cmsBox h4 {
	margin-bottom:20px;
	font-size:20px;
	font-size:1.25rem;
	font-weight:bold;
	line-height:1.7;
}

#mainArea .cmsBox h5 {
	margin-bottom:10px;
	font-size:16px;
	font-size:1rem;
	font-weight:bold;
	color:#c11b48;
	line-height:1.7;
}

#mainArea .cmsBox h6 {
	margin-bottom:10px;
	font-size:16px;
	font-size:1rem;
	font-weight:bold;
	line-height:1.7;
}

#mainArea .cmsBox p {
	margin-bottom:30px;
	font-size:16px;
	font-size:1rem;
	line-height:1.8;
}

#mainArea .cmsBox img {
	max-width:100%;
	height:auto;
}

#mainArea .cmsBox .image {
	margin:30px 0;
	text-align:center;
}

#mainArea .cmsBox *:first-child { margin-top:0 !important; }
#mainArea .cmsBox *:last-child { margin-bottom:0 !important; }

#mainArea .cmsBox strong { font-weight:bold; }

#mainArea .cmsBox dl,
#mainArea .cmsBox ol,
#mainArea .cmsBox ul {
	margin-bottom:30px;
	font-size:16px;
	font-size:1rem;
}

#mainArea .cmsBox dl > dt {
	margin-bottom:10px;
	font-weight:bold;
	line-height:1.8;
}

#mainArea .cmsBox dl > dd {
	margin-bottom:30px;
	line-height:1.8;
}

#mainArea .cmsBox ol > li {
	margin:0 0 10px 1.3em;
	list-style:outside decimal;
	line-height:1.8;
}

#mainArea .cmsBox ul > li {
	margin:0 0 10px 1.3em;
	list-style:outside disc;
	line-height:1.8;
}

#mainArea .cmsBox table {
	margin-bottom:30px;
	width:100%;
	font-size:16px;
	font-size:1rem;
}

#mainArea .cmsBox table th,
#mainArea .cmsBox table td {
	padding:10px 19px;
	border:1px solid #ccc;
	vertical-align:middle;
	line-height:1.8;
}

#mainArea .cmsBox table th { background-color:#f2f2f2; width:25%; }
#mainArea .cmsBox table td { background-color:#fff; }

#mainArea .cmsBox table dl,
#mainArea .cmsBox table ul,
#mainArea .cmsBox table ul > li,
#mainArea .cmsBox table ol,
#mainArea .cmsBox table ol > li,
#mainArea .cmsBox table p { margin:0; }


/**************************************************
		SP
**************************************************/
@media screen and (max-width:767px){

#titleArea {
	margin-bottom:25px;
	padding-top:25px;
}

#titleArea .title {
	font-size:12px;
	font-size:0.75rem;
}

#titleArea .title .en {
	margin:0 auto 7px auto;
	width:265px;
}


/* ===== Index ===== */
#mainArea .listNews {
	margin-bottom:40px;
}

#mainArea .listNews li a,
#mainArea .listNews li .noLink {
	padding:20px 0;
}

#mainArea .listNews li .newsDate {
	width:50px;
}

#mainArea .listNews li .newsDate .bg {
	padding-top:10px;
	border-width:1px;
	height:50px;
}

#mainArea .listNews li .newsDate .date {
	margin-bottom:3px;
	font-size:15px;
	font-size:0.94rem;
}

#mainArea .listNews li .newsDate .year {
	font-size:9px;
	font-size:0.57rem;
}

#mainArea .listNews li .newsText {
	padding-left:10px;
	vertical-align:top;
}

#mainArea .listNews li .newsText .category {
	margin-bottom:10px;
	padding:1px 5px;
	width:50px;
	min-width:50px;
	font-size:10px;
	font-size:0.63rem;
}

#mainArea .listNews li .newsText .name {
	margin-bottom:10px;
	padding-left:5px;
	font-size:10px;
	font-size:0.63rem;
}

#mainArea .listNews li .newsText .title {
	padding-left:20px;
	background-position:0 0.2em;
	background-size:15px auto;
	font-size:14px;
	font-size:0.88rem;
	line-height:1.5;
}

#mainArea .listNews li a:hover { background-color:transparent; }


#mainArea .listPager {
	display:flex;
	align-items:center;
	justify-content:center;
}

#mainArea .listPager li {
	width:50%;
}

#mainArea .listPager .prev,
#mainArea .listPager .next {
	font-size:14px;
	font-size:0.88rem;
}

#mainArea .listPager .number {
	display:none;
}

#mainArea .listPager .prev a,
#mainArea .listPager .next a,
#mainArea .listPager .prev .noLink,
#mainArea .listPager .next .noLink {
	padding:17px 0;
	border:0;
	width:70px;
	min-width:70px;
}

#mainArea .listPager .prev a:hover,
#mainArea .listPager .next a:hover { background-color:#c11b48; color:#fff; }

#mainArea .pagerNum {
	display:block;
	margin:-2.5em 0 1em 0;
	font-size:15px;
	font-size:0.94rem;
	color:#c11b48;
	text-align:center;
}


/* ===== Detail ===== */
#mainArea .listEntry {
	margin-bottom:7px;
	font-size:10px;
	font-size:0.63rem;
}

#mainArea .listEntry li {
	padding-right:5px;
}

#mainArea .tiNews01 {
	padding-bottom:25px;
	font-size:18px;
	font-size:1.13rem;
}

#mainArea .tiNews01:before {
	bottom:-2px;
	width:40px;
	height:2px;
}

#mainArea .cmsBox {
	margin:0 -15px 50px -15px;
	background-size:10px auto;
	font-size:14px;
	font-size:0.88rem;
	line-height:1.5;
}

#mainArea .cmsBox .bg {
	padding:25px 15px 50px 15px;
	width:auto;
}

#mainArea .cmsBox h3,
#mainArea .cmsBox h4 {
	margin-bottom:20px;
	font-size:16px;
	font-size:1rem;
	line-height:1.5;
}

#mainArea .cmsBox h5,
#mainArea .cmsBox h6 {
	margin-bottom:10px;
	font-size:14px;
	font-size:0.88rem;
	line-height:1.5;
}

#mainArea .cmsBox p {
	margin-bottom:20px;
	font-size:14px;
	font-size:0.88rem;
	line-height:1.5;
}

#mainArea .cmsBox .image {
	margin:20px 0;
}

#mainArea .cmsBox dl,
#mainArea .cmsBox ol,
#mainArea .cmsBox ul {
	margin-bottom:20px;
	font-size:14px;
	font-size:0.88rem;
}

#mainArea .cmsBox dl > dt {
	margin-bottom:7px;
	line-height:1.5;
}

#mainArea .cmsBox dl > dd {
	margin-bottom:20px;
	line-height:1.5;
}

#mainArea .cmsBox ol > li,
#mainArea .cmsBox ol > li {
	margin-bottom:5px;
	line-height:1.5;
}

#mainArea .cmsBox table {
	margin-bottom:20px;
	font-size:14px;
	font-size:0.88rem;
}

#mainArea .cmsBox table th,
#mainArea .cmsBox table td {
	padding:5px;
	line-height:1.5;
}

}