@charset "Shift_JIS";
/* CSS Document */

/*広報活動・協賛*/



/*日世アルプススタジアム*/
.stadium h2 {
	margin:0px 0px 28px 0px;
	padding:0;
	font-size:153.9%;
	font-weight: bold;
	line-height: 170%;
	}
@media screen and (max-width: 640px)  {
.stadium h2 {
	font-size:133.9%;
	line-height: 160%;
	}
.stadium h2 br {
	display:none;
	}
}
.stadium p {
	font-size:115%;
	line-height: 180%;
	width:auto;
	margin:0px 0px 8px 0px;
	padding: 0;
	}
@media screen and (max-width: 640px)  {
.stadium p br {
	display:none;
	}
}

.stadium figure {
	margin-bottom:25px;
	}


.stadium figure.hukidashiImg img {
	margin-top:-130px;
	}
@media screen and (max-width: 640px)  {
.stadium figure.hukidashiImg img {
	margin-top:-88px;
	}
}

.stadium img {
	margin-bottom:10px;
	width:100%;
}

.stadium a {
	color:#0800D2;
	font-weight: bold;
	text-decoration:underline;
}

/*モノレール*/
.slider_Box {
	margin-top:10px;
}


/*SNS紹介とラジオ番組で使用 */
.headlineTxtA {
	margin: 0px 0px 28px 0px;
	padding: 0;
	font-size:153.9%;
	font-weight: bold;
	line-height: 170%;
}

@media screen and (max-width: 640px) {
.headlineTxtA {
	font-size:133.9%;
	line-height: 160%;
	}
}

.headlineTxtB {
	font-size: 140%;
	font-weight: bold;
	border-left: 5px solid #2bc1ff;
	padding: 0 0 0 8px;
	margin: 0 0 15px 0;
	color: #004098;	
}
.activityCtsA,
.activityCtsB,
.activityCtsCDetail ,
.activityCtsA65{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 0 40px 0;
}
.activityCtsA .txtArea,
.activityCtsB .txtArea{
	width: 50%;
}
.activityCtsA img,
.activityCtsB img{
	width: 46%;
}
.activityCtsC img{
	width: 49%;
}


.txtArea p {
	font-size: 115%;
	line-height: 180%;
	width: auto;
	margin: 0px 0px 8px 0px;
	padding: 0;
}


/*コラムエリア */
.columTxtArea p {
	font-size: 115%;
	line-height: 180%;
	width: auto;
	margin: 0px 0px 8px 0px;
	padding: 0;
}
.activityColumnCts {
	padding: 10px;
	background: #f0e8dd;
	margin: 0 0 50px 0;
}
.activityColumnCtsInner {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 30px;
	border: 1px solid #cfb797;
}
.columnTit{
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 15px 0;
	position: relative;
	padding: 0 0 0 55px;
	height: 25px;
	color: #a07747;
}
.columnTit:before{
	content: '';
	position: absolute;
	border-top: 1px solid #a07747;
	height: 1px;
	width: 50px;
	display: block;
	left: 0;
	top: 50%;
	margin-top: -1px;
}
.columTxtArea{
	width: 65%;
}
.activityColumnCts img{
	width: 32%;
}

@media screen and (max-width: 640px)  {
	.headlineTxt {
		margin: 0 0 10px 0;
	}
	.activityCtsA ,
	.activityCtsA65 {
		flex-direction: column;
	}
	.activityCtsB {
		flex-direction: column-reverse;
	}
	.activityCtsA .txtArea,
	.activityCtsB .txtArea {
		width: 100%;
	}
	.activityCtsA p, .activityCtsB p {
	}
	.activityCtsA img, .activityCtsB img {
		width: 100%;
		margin-bottom: 4%;	
	}
	.activityCtsCDetail {
		flex-direction: column;
	}
	.activityCtsC img {
		width: 100%;
	}
	.activityCtsC img:first-child{
		margin: 0 0 10px 0;
	}
	
	/*コラムエリア */
	.activityColumnCtsInner {
		display: block;
		padding: 20px;
	}
	
	.columTxtArea,
	.activityColumnCts img{
		width: 100%;
	}
}

/*ラジオ番組情報エリア */
.radioInfoArea {
	margin: -20px 0 60px 0;
	padding: 10px;
	box-sizing: border-box;
	background: #f8f6ee;
	}
.radioInfoTit{
	font-size: 150%;
	font-weight: bold;
	margin: 0 0 15px 0;
	position: relative;
	padding: 10px 0 10px 58px;
	height: 25px;
	color: #000000;
	border-bottom: 1px solid #004098;
}
.radioInfoTit:before{
	content: '';
	position: absolute;
	background:url(../images/icon_radio.svg) no-repeat 6px top;
	background-size: 48px 38px;
	height: 38px;
	width: 54px;
	display: block;
	left: 0;
	top: 0;
}

.radioInfoTxt {
	font-size: 108%;
	width:48%;
	float: left;
	display: inline-block;
	font-weight: bold;
	}
.radioInfoTxt p {
	margin: 0px 0px 12px 0px;
	}
.radioInfoTxt b {
	
	font-size: 94%;
	color: #ffffff;
	background:#004098;
	padding: 4px 4px;
	margin-right: 10px;
	box-sizing: border-box;
	}
.radioInfoRead{
	clear: both;
	display: block;
	font-size: 108%;
	font-weight: bold;
	color:#ff6e00;
	}

@media screen and (max-width: 640px)  {	
.radioInfoTxt {
	width:100%;
	float:none;
	}
.radioInfoTxt p {
	margin: 0px 0px 18px 0px;
	line-height: 80%;
	}	
.radioInfoTxt b {
	width: 100%;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 8px 4px;
	}
}

/*公開収録 報告エリア */
.radioLiveArea {
	margin: -20px 0 40px 0;
	padding: 0px 20px 30px 20px;
	box-sizing: border-box;
	border: 8px solid #CDEEFF;
	}
.radioLiveArea .headlineTxtA {
	color:#004098;
	background:#CDEEFF; 
	margin: 0px -20px 28px -20px;
	padding: 3px 0px 10px 0px;
	text-align: center;
	}
@media screen and (max-width: 640px)  {	
.radioLiveArea .headlineTxtA {
	text-align: left;
	}
}
.radioLiveArea .activityCtsB , .radioLiveArea .activityCtsA {
	margin-bottom: 16px;
	}
.radioLiveArea .activityCtsB + .txtArea , .radioLiveArea .activityCtsC .txtArea {
	margin-bottom: 16px;
	}
.radioLiveArea .noteTxt {
	font-size:96%;
	margin-top: -16px;
	color: #ff0000;
	}

/* アフリカゾウの保全活動応援 */
.activityCtsA65{
	margin-top: -15px;
}
.activityCtsA65 .txtArea{
	width: 64%;
}
.activityCtsA65 img{
	width: 30%;
	margin-top: -40px;
}
.titArea{
	margin: 0 0 32px 0;
	text-align: center;
}
.columnArea{
	margin: 0 0 40px 0;
	padding: 24px;
	border:6px solid #c8e1ca;
	background: #fbfdfb;
}
.columnIn{
	display: -ms-flex;
	display: flex;
}
.columTxt{
	margin: 0 24px 0 0;
}
.columTxt > .tit{
	margin: 0 0 14px 0;
	padding: 0 0 6px 0;
	font-size: 140%;
	font-weight: bold;
	color: #2ead36;
	border-bottom: 1px solid #2ead36;
}
.columnIn > img{
	width: 310px;
}

.columnIn figure img{
	width: 310px;
}
.blNone.headlineTxtB {
	padding: 0;
	border-left: none;
	text-align: center;
}
.btnArea{
	text-align: center;
}
.eleBtn{
	margin-top: 20px;
	padding: 24px 74px 24px 26px;
	border: 1px solid #000;
	border-radius: 6px;
	display: inline-block;
	position: relative;
}
.eleBtn:before{
	content: '';
	width: 10px;
	height: 10px;
	border-top: 3px solid #000;
	border-right: 3px solid #000;
	transform: translateY(-46%) rotate(45deg);
	position: absolute;
	top: 50%;
	right: 32px;
}
.eleBtn:hover:before{
	right: 28px;
	transition: right 0.3s;
}
.eleBtn > span{
	padding: 0 0 2px 104px;
	font-size: 165%;
	font-weight: bold;
	text-align: left;
	line-height: 1.3;
	display: block;
	position: relative;
}
.eleBtn > span:before{
	content: '';
	width: 85px;
	height: 70px;
	background: url(../images/taelep-logo.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}
.eleBtn .txtS{
	font-size: 70%;
}
.eleBtn:hover{
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	-webkit-transition: box-shadow 0.5s ;
	transition: box-shadow 0.5s ;
	opacity: 1;
}
@media screen and (max-width: 640px) {
	.activityCtsA65 .txtArea{
		width: 100%;
	}
	.activityCtsA65 img{
		width: 45%;
		margin: 0 auto ;
	}
	.titArea{
		margin: 0 0 32px 0;
	}
	.columnArea{
		margin: 0 0 40px 0;
		padding: 20px;
	}
	.columnIn{
		display: block;
	}
	.columnIn > img{
	width: 100%;
	}
	.columnIn figure img{
	width: 100%;
	}	
	.columTxt{
		margin: 0;
	}
	.columTxt > .tit{
		margin: 0 0 14px 0;
		padding: 0 0 6px 0;
	}
	.blNone.headlineTxtB{
		text-align: left;
	}
	.btnArea{
		margin: 0 0 24px 0;
	}
	.eleBtn{
		padding: 24px 40px;
		display: block;
	}
	.eleBtn > span{
		padding: 0 0 2px 104px;
	}
}


/*SNS紹介で使用 */
.snsList {
	margin: 0 0 4% 0;
	border-bottom: 3px dotted #C2F1FD;
	}
.snsList.noborder {
	border-bottom: none;
	}
.snsList li {
	width: 49%;
	float: left;
	margin: 0 2% 4% 0;
	display: inline-block;
	border-radius: 4px;
	}
.snsList.noborder li {
	margin: 0 2% 2% 0;
	}
.snsList li:nth-child(even) {
	margin-right: 0;
	}
@media screen and (max-width: 640px) {
	.snsList li {
	width: 100%;
	margin: 0 0 4% 0;
	}
}
.snsList li a {
	display:inline-block;
	width: 100%;
	height: 100%;
	padding: 1%;	
	box-sizing: border-box;	
	}
.snsList li a {
	border: 4px solid #CDEEFF;
	}
.snsList li a:hover {
	background: #C2F1FD;
	border: 4px solid #C2F1FD;
	}

.snsList li img {
	margin:1.25% 0 1.25% 1%;	
	width: 28%;
	float: left;
	display: inline;
	}
.snsList li .txtSnsList {
	width: 65%;
	margin:1.25% 0 1% 4%;
	float: left;
	display: inline;
	}

.snsList li .titSnsList {
	font-size: 128%;
	font-weight: bold;
	margin-bottom: 1%;
	color: #30B7EA;
	}
.snsList li .txtSnsList p {
	margin-bottom: 1.5%;
	}
.snsList li .txtSnsList p.nameSnsAccountt {
	margin-bottom: 1.5%;
	color: #004098;
	font-weight: bold;
	text-decoration: underline;
	}
.snsList li .txtSnsList p.nameSnsAccountt.noborder {
	text-decoration: none;
	}