*{
	font-family: 'Roboto', 'Noto Sans JP', 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Sans', Meiryo, sans-serif !important;
}
html{ font-size: 62.5%; /* 10px */ }
body{
	/* font-family: 'Roboto', 'Noto Sans JP', 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Sans', Meiryo, sans-serif; */
	text-align: left;
	color: #202020;
	font-size: 1.4rem;
	line-height: 1.6;
	background: #fceab7;
	background: url(../img/base/bg-main.png) center top repeat;
	background-size: auto;
}
.sp{ display: block; }
.pc{ display: none; }

h1,h2,h3,h4,h5,h6{ font-size: 100%; font-weight: normal; margin: 0; padding: 0; }
ul,li,ol{
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
p{ margin: 0; padding: 0; }
img{ max-width: 100%; vertical-align: top; }

a{ color: #0a94ff; text-decoration: none; }
a:visited{ color: #9520df; text-decoration: none; }
a:hover, a:active, a:focus{ color: #df2089; text-decoration: none; }
a:hover img, a:active img, a:focus img{ opacity: 0.85; filter: alpha(opacity=85); }
a:hover img{ opacity: 0.85 !important; filter: alpha(opacity=85) !important; }
/* /basic */

a img{
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.mfp-fade.mfp-bg{
	opacity: 0;
	transition: all 0.3s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready{
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing{
	opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content{
	opacity: 0;
	transition: all 0.3s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{
	opacity: 0;
}
.white-popup-block{
	background: #FFF;
	width: 50%;
	margin: 0 auto;
	padding: 5%;
	text-align: center;
}


/* Animation
=================================== */
.ani_d01{
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;

	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	-ms-animation-delay: 1s;
	animation-delay: 1s;
}





#wrapper{
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
	header{
		width: 100%;
		margin: 0 auto;
	}
		h1{
			margin: 0px auto;
			text-align: center;
		}
			h1 img.logo{
				margin: 0 auto;
			}
		nav{
			background: #00a137;
		}
			nav ul{
				display: flex;
				/* flex-direction: row-reverse; */
				justify-content: center;
			}
				nav ul li{
					width: 25%;
					text-align: center;
					margin: 1.2vw auto;
				}
					nav ul li{
						border-right: 1px solid #c5fed9;
					}
					nav ul li:last-child{
						border-right: none;
					}
					nav ul li a{
						color: #FFF;
						font-size: 3vw;
						font-weight: bold;
						line-height: 2;
					}
					nav ul li a:visited{
						color: #FFF;
					}



	main{
		background: #e7ffeb;
		overflow: hidden;
	}
	div.cont{
		margin: 0 auto 32px;
	}
	div.t-attention{
		width: 94%;
		margin: 6vw auto 6vw;
		border: 1px solid #12b212;
		background: #FCFCFC;
		border-radius: 2px;
		box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.2);
	}
		div.t-attention p{
			padding: 3.2vw 4vw;
			font-size: 2vw;
			line-height: 2;

			font-size: 14px;
			line-height: 1.68;
		}

	div.maincont{
		/* padding: 6vw 0 0; */
		padding: 18px 0 0;
	}
	div.sidecont{}


	div.lineup{
		width: 94%;
		/* margin: 6vw auto 0; */
		margin: 0vw auto 0;
		border-radius: 4px;
		box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.2);
		background: #e1f2c2;
		overflow: hidden;
	}
		div.lineup-area{
			overflow: hidden;
			padding: 0 0 4vw;
		}
		div.lineup-area h2{
			border-radius: 4px 4px 0 0;
			background: #3bbf35;
			color: #FFF;
			font-size: 4vw;
			font-weight: bold;
			letter-spacing: .1em;
			padding: 0.5em 0.75em;
		}
		div.time16{
			/* background: #e1f2c2; */
		}
			p.time16,
			p.time18{
				display: inline-block;
				background: #8a4726;
				color: #FFF;
				font-size: 3.6vw;
				line-height: 2;
				letter-spacing: .1em;
				font-weight: bold;
				padding: 0.7vw 2.8vw;
			}
			div.time16 ul,
			div.time18 ul{
				width: 98%;
				margin: 0vw auto 3.2vw;
			}
				div.time16 ul li,
				div.time18 ul li{
					font-size: 1.6rem;
					line-height: 1.64;
					border-bottom: 1px dotted #12b212;
					padding: 2vw 1vw 1.2vw;
				}
		div.time18{
			overflow: hidden;
			background: #f6fbed;
		}
			p.time18{}
			div.time18 ul{}
				div.time18 ul li{}
			p.lineup-stxt{
				color: #555;
				font-size: 12px;
				padding: 2vw 2vw 0;
			}
		div.movie-area{
			/* background: #CCC; */
			margin: 0vw auto 0;
		}
			div.movie{
				width: 96%;
				margin: 0vw auto 3vw;
			    /* padding: 3vw 0; */
			}
				div.movie-inner{
					position: relative;
					width: 100%;
					padding-top: 56.25%;
				}
					div.movie-inner iframe{
						position: absolute;
						width: 100%;
						height: 100%;
						top: 0;
						right: 0;
					}

	div.link-bnr{
		width: 92%;
		margin: 6vw auto 0;
	}
		div.link-bnr img{}

	div.news-link{
		margin: 6vw auto 0;
	}
		div.news-link ul{
			display: flex;
			justify-content: center;
		}
		div.news-link ul li{
			width: 44%;
			margin: 0 2%;
			text-align: center;
		}

	div.bosyu{
		width: 94%;
		margin: 8vw auto 0;
		border-radius: 4px;
		box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.2);
		background: #FFF;
		overflow: hidden;
	}
		div.bosyu h3{
			border-radius: 4px 4px 0 0;
			background: #3bbf35;
			color: #FFF;
			font-size: 4vw;
			font-weight: bold;
			letter-spacing: .1em;
			padding: 0.5em 0.75em;
		}
		div.bosyu ul{
			width: 94%;
			margin: 5.2vw auto;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
		}
			div.bosyu ul li{}
			div.bosyu ul li:first-child{
				flex-basis: 100%;
				margin: 0 0 4vw;
				text-align: center;
			}
			div.bosyu ul li:nth-child(2){
				flex-basis: 48%;
				margin: 0 2% 0 0;
			}
			div.bosyu ul li:nth-child(3){
				flex-basis: 48%;
				margin: 0 0 0 2%;
			}
			div.bosyu ul li a{}

	div.t-program{
		width: 94%;
		margin: 8vw auto 0;
		border-radius: 4px;
		box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.2);
		background: #FFF;
		overflow: hidden;
	}
		div.t-program h3{
			border-radius: 4px 4px 0 0;
			background: #3bbf35;
			color: #FFF;
			font-size: 4vw;
			font-weight: bold;
			letter-spacing: .1em;
			padding: 0.5em 0.75em;
		}
		div.t-program ul{}
		div.t-program ul li{}
			div.t-program ul li a{}
				div.t-program ul li a img{}

		div.oalist{}
		div.js-oalist-articles{}
		div.card{}
		div.card,
		div.list,
		div.list2{
			border-bottom: 1px solid #CCC;
			margin: 0 0 3vw;
			padding: 0 0 2vw;
		}
			div.card a.card-link{
				display: block;
			}
			div.card img.card-image{}
			div.card div.card-information{
				width: 94%;
				margin: 4px auto 0;
			}
			div.card div.card-displaydate{ font-size: 14px; }
			div.card h4.card-title{ font-size: 16px; }
		div.list,
		div.list2{
			padding: 0 0 3vw;
		}
			div.list a.list-link,
			div.list2 a.list-link{
				display: flex;
				width: 96%;
				margin: 0 auto;
				align-items:  flex-start;
			}
			div.list img.list-image,
			div.list2 img.list-image{
				width: 20%;
				height: auto;
				min-width: 20%;
			}
			div.list div.list-information,
			div.list2 div.list-information{ width: 76%; margin: 0 0 0 4%; }
			div.list div.list-displaydate,
			div.list2 div.list-displaydate{ font-size: 14px;}
			div.list h4.list-title,
			div.list2 h4.list-title{ font-size: 16px; }

		div.t-program a.btn-program-next{
			background: #d7f9ec;
			border: 1px solid #8ee2c2;
			color: #234538;
			display: block;
			width: 80%;
			padding: 3.2vw 0;
			margin: 4.8vw auto 6.8vw;
			border-radius: 8px;
			text-align: center;
			box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.2);
		}
			div.t-program a.btn-program-next:hover{
				background: #D1F9CF;
				/* border: 1px solid #8ee2c2;
				color: #234538; */
				/* box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.2); */
			}


	div.t-program2{
		width: 94%;
		margin: 8vw auto 0;
		padding: 0 0 2vw;
		border-radius: 4px;
		box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.2);
		background: #FFF;
		overflow: hidden;
	}
		div.t-program2 h3{
			border-radius: 4px 4px 0 0;
			background: #3bbf35;
			color: #FFF;
			font-size: 4vw;
			font-weight: bold;
			letter-spacing: .1em;
			padding: 0.5em 0.75em;
		}
		div.t-program2 ul.program-corner{
			width: 94%;
			margin: 0vw auto;
			display: flex;
			flex-wrap: wrap;
		}
		div.t-program2 ul.program-corner li{
			width: 33.3%;
			margin: 4vw 0 0;
		}
			div.t-program2 ul.program-corner li:nth-child(3n+1){
				text-align: left;
			}
			div.t-program2 ul.program-corner li:nth-child(3n+2){
				text-align: center;
			}
			div.t-program2 ul.program-corner li:nth-child(3n+3){
				text-align: right;
			}
			div.t-program2 ul.program-corner li a{}
				div.t-program2 ul.program-corner li a img{
					width: 90%;
				}
		div.t-program2end{
			margin: 4vw 0 4vw;
		}
			.btn-archive{ cursor: pointer; }
			.btn-archive::before{ content: "\025b6"; padding-right: 2px; }
			.btn-archive.open::before{ content: "\025bc"; padding-right: 2px; }
			div.hidden-target{
				display: none;
			}

			div.t-program2end p{
				text-align: right;
				margin: 6px 8px;
				border-top: 1px dotted #CCC;
				padding: 8px 0 0;
			}
			div.t-program2end p a{}
			div.t-program2end ul{
				width: 94%;
				margin: 0vw auto;
				display: flex;
				flex-wrap: wrap;
			}
				div.t-program2end ul li{
					width: 33.3%;
					margin: 4vw 0 0;
				}
					div.t-program2end ul.program-corner2 li:nth-child(3n+1){
						text-align: left;
					}
					div.t-program2end ul.program-corner2 li:nth-child(3n+2){
						text-align: center;
					}
					div.t-program2end ul.program-corner2 li:nth-child(3n+3){
						text-align: right;
					}
					div.t-program2end ul li a{}
						div.t-program2end ul li a img{
							width: 90%;
						}

	div.t-ad{
		width: 94%;
		margin: 8vw auto 0;
		text-align: center;
	}
		div.rectangle-ad__title{
			color: #999;
			font-size: 1.2rem;
			text-align: right;
			padding: 1px 0 0;
			width: 300px;
			margin: 0 auto;
		}

	div.t-sns{
		width: 94%;
		margin: 8vw auto 0;
		border-radius: 4px;
		box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.2);
		background: #FFF;
		overflow: hidden;
	}
		div.t-sns h3{
			border-radius: 4px 4px 0 0;
			background: #3bbf35;
			color: #FFF;
			font-size: 4vw;
			font-weight: bold;
			letter-spacing: .1em;
			padding: 0.5em 0.75em;
		}
		div.t-sns ul{
			width: 94%;
			margin: 5.2vw auto;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
		}
		div.t-sns ul li{
			flex-basis: 48px;
			flex-basis: 12vw;
			margin: 0 auto 0;
		}
			div.t-sns ul li a{}
				div.t-sns ul li a img{}

	div.link-prof{
		width: 94%;
		margin: 8vw auto 0;
		text-align: center;
	}
		div.link-prof ul{}
		div.link-prof ul li:nth-child(2){
			margin: 6vw auto 0;
		}
			div.link-prof ul li a{}
				div.link-prof ul li a img{}

	div.t-ad2{
		width: 94%;
		margin: 8vw auto 0;
		text-align: center;
	}

	div.t-share{
		margin: 8vw auto 1vw;
	}



/* article SP */
.article{
	background-color: #FFF !important;
	margin-top: 2vw;
	margin-bottom: 4vw;
}

#article-tag{
	color: #707070;
	border: 1px solid #a0a0a0;
	margin: 4px 0 0;
}

div.section{}
	div.share,
	div#s-share{
		width: 94%;
		margin: 8vw auto 0;
		border-radius: 4px;
		box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.2);
		background: #FFF;
		overflow: hidden;
	}
	h3.section-title,
	h3.s-title{
			border-radius: 4px 4px 0 0;
			background: #3bbf35 !important;
			color: #FFF !important;
			font-size: 4vw !important;
			font-weight: bold;
			letter-spacing: .1em;
			padding: 0.5em 0.75em;
			text-align: left !important;
			line-height: 1.6 !important;
	}
	div.share-links{}
    a.share-link{}

	div.recent,
	div#s-recent{
		width: 94%;
		margin: 8vw auto 0;
		border-radius: 4px;
		box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.2);
		background: #FFF;
		overflow: hidden;
	}
	div.js-recent-list{
		margin: 3vw auto 0;
	}
	a.recent-next-button{
		color: #0a94ff !important;
	}


.article-pagenation{
	background: transparent;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 12vw;
}
	.pagenation-cont{
		position: relative;
		width: 48%;
		margin: 0px 0.5% 0;
		padding: 0.5%;
	}
	.pagenation-card{
		position: relative;
		display: flex;
		flex-direction: column;
		min-width: 0;
		word-wrap: break-word;
		background-color: #fff;
		background-clip: border-box;
		border: 1px solid rgba(0, 0, 0, 0.2);
		border-radius: 4px;
	}
	.card-body{
		padding: 8px;
	}
	.pagenation-card .pagenation-card-navtext,
	.pagenation-card .pagenation-card-title{
		color: #333;
		font-size: 80%;
		font-weight: 400;
	}
	.pagenation-card .pagenation-card-title{
		font-size: 88%;
	}
	.pagenation-card .pagenation-card-thumbnail{
		max-height: 240px;
		object-fit: cover;
		margin: 0 0 8px;
	}
/* /article SP */


footer{
	width: 100%;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.4;
	clear: both;
	background: #009a45;
}
footer div{ clear: both; color: #FFF; padding: 1.6em; }
footer div a,
footer div a:visited,
footer div a:hover,
footer div a:active,
footer div a:focus{ color: #FFF; text-decoration: none; }



/* text decoration */
.red{ color: #ec5297; }
.blue{ color: #0752b9; }
.yellow{ color: #c69e00; }
.bold{ font-weight: bold; }
.size08{ font-size: 0.8rem; }
.size09{ font-size: 0.9rem; }
.size11{ font-size: 1.1rem; }
.size12{ font-size: 1.2rem; }


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

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







@media screen and (min-width: 1280px){

	.sp{ display: none; }
	.pc{ display: block; }
	img{ max-width: 100%; }

	body{}
	#wrapper{
		width: 100%;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
	}
			header{
				margin: 0 auto;
				padding: 0;
				background: #FFF;
			}
				h1{
					margin: 0px auto;
					background-image: url(../img/base/head-pc.jpg);
					background-position: center top;
					background-repeat: no-repeat;
					background-size: 1350px 270px;
					height: 270px;
				}
					h1 img.logo{}
				nav{}
					nav ul{
						width: 1280px;
						margin: 0 auto;
					}
						nav ul li{
							margin: 8px auto;
						}
						nav ul li:last-child{}
							nav ul li a{
								font-size: 18px;
							}
							nav ul li a:hover{
								color: #FFF;
							}




			main{}
			div.cont{
				width: 1280px;
				margin: 0 auto 32px;

				/* display: flex;
				flex-wrap: wrap;
				align-items: flex-start; */
			}
			div.t-attention{
				width: 80%;
				margin: 32px auto 0;
			}
				div.t-attention p{
					padding: 24px 32px;
				    font-size: 16px;
				    line-height: 1.68;
				}

			div.maincont{
				float: left;
				width: 930px;
				padding: 32px 0 0;
			}
			div.sidecont{
				float: right;
				width: 320px;
			}


			div.lineup{
				/* float: left; */
				width: 930px;

				/* margin: 32px auto 0; */
				margin: 0px auto 32px;
				border-radius: 8px;
			}
				div.lineup-area{
					padding: 0 0 16px;
				}
				div.lineup-area h2{
					border-radius: 8px 8px 0 0;
					font-size: 20px;
				}
				div.time16{}
					p.time16{
					    font-size: 1.52rem;
					    line-height: 2;
					    letter-spacing: .1em;
					    padding: 4px 16px;
					}
					div.time16 ul{
						width: 88%;
						margin: 8px auto 12px;
					}
						div.time16 ul li,
						div.time18 ul li{
							font-size: 1.8rem;
							line-height: 1.52;
							padding: 4px 4px 8px;
						}
				div.time18{}
					p.time18{
						font-size: 1.52rem;
					    line-height: 2;
					    letter-spacing: .1em;
					    padding: 4px 16px;
					}
					div.time18 ul{
						width: 88%;
						margin: 8px auto 12px;
					}
						div.time18 ul li{}
					p.lineup-stxt{
						text-align: right;
						font-size: 12px;
						padding: 8px 8px 0;
					}
				div.movie-area{}
					div.movie{
						width: 640px;
						margin: 0px auto 24px;
					}
						div.movie-inner{}
							div.movie-inner iframe{}

			div.link-bnr{
				width: 930px;
				margin: 0 auto 32px;
			}
				div.link-bnr img{}

			div.news-link{
				/* float: right; */
				width: 320px;
				margin: 32px auto 0;
			}
				div.news-link ul{
					display: block;
				}
				div.news-link ul li{
					width: 100%;
					margin: 0 auto 16px;
				}

			div.bosyu{
				/* float: right; */
				width: 320px;
				margin: 32px auto 0;
				border-radius: 8px;
			}
				div.bosyu h3{
					border-radius: 8px 8px 0 0;
					font-size: 20px;
				}
				div.bosyu ul{
					display: block;
					margin: 20px auto;
				}
					div.bosyu ul li{
					}
					div.bosyu ul li:first-child{
						flex-basis: auto;
						margin: 0 auto 16px;
					}
					div.bosyu ul li:nth-child(2){
						flex-basis: auto;
						margin: 0 auto 16px;
					}
					div.bosyu ul li:nth-child(3){
						flex-basis: auto;
						margin: 0 auto 16px;
					}

			div.t-program{
				/* float: left; */
				width: 930px;
				margin: 0px auto 0;
				background: #ebfaf5;
				border-radius: 8px;
			}
				div.t-program h3{
					border-radius: 8px 8px 0 0;
					font-size: 20px;
				}
				div.t-program ul{}
				div.t-program ul li{}
					div.t-program ul li a{}
						div.t-program ul li a img{}

				div.oalist{}
				div.js-oalist-articles{
					display: flex;
					flex-wrap: wrap;
				}
				div.card{}
				div.card,
				div.list{
					width: 46%;
					padding: 0 0 0px;
					margin: 20px 2% 8px;
					/* border: 1px solid #00C; */
					background: #FFF;
					border-bottom: none;
					box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
				}
					div.card a.card-link{}
					div.card img.card-image{}
					div.card div.card-information{
						width: 96%;
						margin: 4px auto 0;
					}
					div.card div.card-displaydate{}
					div.card h4.card-title{}
				div.list{}
				div.list2{
					width: 96%;
					padding: 0 0 0px;
					margin: 8px 2% 8px;
					/* border: 1px solid #00C; */
					background: #FFF;
					/* border-bottom: none; */
				}
					div.list a.list-link{
						display: block;
						width: 100%;
						margin: 0 auto;
						/* align-items: flex-start; */
					}
					div.list2 a.list-link{
						margin: 0 auto 8px;
					}
					div.list img.list-image{
						width: 100%;
						height: auto;
					}
					div.list div.list-information{
						width: 96%;
						margin: 4px auto 8px;
					}
					div.list div.list-displaydate{}
					div.list h4.list-title{}

				div.t-program a.btn-program-next{
					width: 30%;
					padding: 16px 0;
					margin: 24px auto 32px;
				}

			div.t-program2{
				/* float: left; */
				width: 930px;
				margin: 32px auto 0;
				padding: 0 0 0px;
				border-radius: 8px;
			}
				div.t-program2 h3{
					border-radius: 8px 8px 0 0;
					font-size: 20px;
				}
				div.t-program2 ul.program-corner{}
				div.t-program2 ul.program-corner li{
					width: 25%;
					margin: 24px 0 0;
				}
				div.t-program2 ul.program-corner li:nth-child(4n+1){
					text-align: left;
				}
				div.t-program2 ul.program-corner li:nth-child(4n+2),
				div.t-program2 ul.program-corner li:nth-child(4n+3){
					text-align: center;
				}
				div.t-program2 ul.program-corner li:nth-child(4n+4){
					text-align: right;
				}
					div.t-program2 ul.program-corner li a{}
						div.t-program2 ul.program-corner li a img{
							width: 90%;
						}
				div.t-program2end{
					margin: 32px 0 24px;
				}
					div.t-program2end p{
						margin: 6px 20px;
					}
					div.t-program2end p a{}
					div.t-program2end ul{}
						div.t-program2end ul li{
							width: 25%;
							margin: 24px 0 0;
						}
						div.t-program2end ul.program-corner2 li:nth-child(4n+1){
							text-align: left;
						}
						div.t-program2end ul.program-corner2 li:nth-child(4n+2),
						div.t-program2end ul.program-corner2 li:nth-child(4n+3){
							text-align: center;
						}
						div.t-program2end ul.program-corner2 li:nth-child(4n+4){
							text-align: right;
						}
						div.t-program2end ul li a{}
							div.t-program2end ul li a img{
								width: 90%;
						}


			div.t-ad{
				/* float: right; */
				width: 320px;
				margin: 32px auto 0;
			}
				div.rectangle-ad__title{
					padding: 1px 12px 0 0;
					width: auto;
				}

			div.t-sns{
				/* float: right; */
				width: 320px;
				margin: 32px auto 0;
				border-radius: 8px;
			}
				div.t-sns h3{
					border-radius: 8px 8px 0 0;
					font-size: 20px;
				}
				div.t-sns ul{
					width: 64%;
					margin: 24px auto;
				}
				div.t-sns ul li{
					flex-basis: 48px;
				}
					div.t-sns ul li a{}
						div.t-sns ul li a img{}

			div.link-prof{}
				div.link-prof ul{}
				div.link-prof ul li{}
				div.link-prof ul li:nth-child(2){
					margin: 6vw auto 0;
				}
					div.link-prof ul li a{}
						div.link-prof ul li a img{}

			div.t-ad2{
				/* float: right; */
				width: 320px;
				margin: 32px auto 0;
			}

			div.t-share{
				clear: both;
				width: 60%;
				margin: 40px auto 24px;
			}



/* article PC */
.article{
	box-shadow: 0px 2px 4px 2px rgb(0 0 0 / 4%);
	margin-top: 0;
}

div.section{}
	div.share,
	div#s-share{
		width: 320px;
		margin: 32px auto 0;
		border-radius: 8px;
	}
	h3.section-title,
	h3.s-title{
		border-radius: 8px 8px 0 0;
		font-size: 20px !important;
	}
	div.share-links{}
    a.share-link{}

	div.recent,
	div#s-recent{
		width: 320px;
		margin: 32px auto 0;
		border-radius: 8px;
	}
	div.js-recent-list{
		margin: 0 auto 0;
	}
	a.recent-next-button{}


.article-pagenation{
	margin-bottom: 1vw;
}
	.pagenation-cont{
	}
	.pagenation-card{
		border: none;
		box-shadow: 0px 2px 4px 2px rgb(0 0 0 / 4%);
	}
	.card-body{
	}
	.pagenation-card .pagenation-card-navtext,
	.pagenation-card .pagenation-card-title{
	}
	.pagenation-card .pagenation-card-thumbnail{
	}
/* /article PC */


	footer{}
	footer div{ clear: both; color: #FFF; padding: 2.4em; }
	footer div a,
	footer div a:visited,
	footer div a:hover,
	footer div a:active,
	footer div a:focus{ color: #FFF; }


	/* Page Top
	=================================== */
	#page-top{ position: fixed; bottom: 8px; right: 12px; font-size: 88%; z-index: 20; }
	#page-top a{
		display: block;
		background: url(../img/base/to_top.png) center top no-repeat;
		background-size: contain;
		width: 64px;
		height: 64px;
		text-indent: -9999px;
	}
	#page-top a:hover{
		background: url(../img/base/to_top_on.png) center top no-repeat;
		background-size: contain;
	}

}


.clear{ clear: both; }
.clearfix:after{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}
.clearfix{ display: inline-table; zoom: 1; }
/* Hides from IE-mac \*/
* html .clearfix{ height: 1%; }
.clearfix{ display: block; }
/* End hide from IE-mac */