@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------

contents

------------------------------------------------- */
#contents {
	background-color: #fff;
}
/* PC */
@media print, screen and (min-width:769px) {
#contents {
	padding: 20px;
	box-sizing: border-box;
}
#contents a:hover img{
	opacity: 0.9;
}
}
/* Tablet */
@media screen and (max-width:768px) {
#contents {
	padding: 10px;
}
}
/* SP縦以外 */
@media screen and (min-width:641px){
/*SP縦以外を表示*/
#contents ul.pageMain{
	height: auto;
}
#contents ul.pageMain li{
	float: left;
	width: 50%;
}
}

/* -------------------------------------------------

indexArea

------------------------------------------------- */
.iaTop{
	border-bottom: 5px solid #fd5877;
}
.iaFoot{
	border-top: 5px solid #fd5877;
	margin-bottom: 20px;
}
.iaTop p:not(:nth-child(2)) a{
	margin-top:10px;
}
.indexArea p:nth-child(2) a{
	background-color: #fd5877;
	color:#fbee01;
}
/* PC */
@media print, screen and (min-width:769px) {
.indexArea p:nth-child(2) a{
	padding-top:30px;
	font-size: 1.5em;
}
}
/* Tablet */
@media screen and (max-width:768px) {
.indexArea p:nth-child(2) a{
	padding-top:20px;
}
}
#tabcontent > div{
	position: relative;
}
#tabcontent > div > ul{
	position:absolute;
	pointer-events: none;
	top:0;
	z-index: 0;
	width: 90%!important;
	display: block;
	overflow: hidden;
}
#tabcontent > div > ul li{
	margin: 0 0 1px;
	padding-left:10px;
	height:65px;
}
#tabcontent > div > ul li:first-child{
	height: 41px;
}
#tabcontent > div > ul li:nth-child(2){
	height: 30px;
}
#tabcontent > div > ul li a{
	pointer-events:auto;
	display: inline-block;
}
#tabcontent > div > ul li:nth-child(n+3) a{
	text-decoration:underline;
	margin-top: 23px;
	overflow: hidden;
}
#tabcontent > div > ul li:nth-child(3) a{
	margin-top: 23px;
}
#tabcontent > div table td{
	border-bottom: 1px solid #fff
}
/* Tablet */
@media screen and (max-width:768px) {
#tabcontent > div > ul{
	width: 500px;
}
#tabcontent > div > ul li:first-child{
	height: 42px;
}
#tabcontent > div > ul li:nth-child(2){
	height: 33px;
}
#tabcontent > div > ul li a{
	height: 30px;
	margin-top: 18px !important;
	line-height: 30px;
}
}


/* -------------------------------------------------

06 listAreaf

------------------------------------------------- */
.listAreaf ul{
	height: auto;
}
.listAreaf ul li{
	float: left;
	margin: 0 5px 10px;
	text-align: center;
	font-size: 0.85em;
}
.listAreaf ul li a span{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	display: block;
	margin: 0 0 5px;
}
.listAreaf ul li a:hover img{
	opacity: 0.8;
}

/* PC */
@media print, screen and (min-width:769px) {
.listAreaf ul li{
	width: 100px;
}
.listAreaf ul li a img{
	width: 100px;
}
}
/* Tablet */
@media screen and (max-width:768px) {
.listAreaf ul li{
	width:calc(20% - 10px);
}
.listAreaf ul li img{
	width: 100%;
}
.listAreaf ul li:nth-child(5n+1){
	clear: both;
}
}

/* SP縦向き */
@media screen and (max-width:640px) and (orientation: portrait) {
.listAreaf ul li{
	width:calc(33.3% - 10px);
}
.listAreaf ul li:nth-child(3n+1){
	clear: both;
}
.listAreaf ul li:nth-child(5n+1){
	clear: none;
}
}


/* Tablet */
@media screen and (max-width:768px) {
.timeArea div .scrollArea{
  height: auto!important;
}
}