@charset "UTF-8";
/*
 * individual.css
 *
 */

.h-ttl03a { color: #007aff; }



/* h-ttl-arw01 */
.h-ttl-arw01 {
background-image: url(/img/arw_2x.png);
background-repeat: no-repeat;
background-position: right center;
color: #000000;
display: inline-block;
padding-right: 30px;
background-size: auto 25px;
}
/* .boxTableLinks3 */
.boxTableLinks3 {
width: 100%;
display: block;
border-top: 1px solid #e5e5e5;
margin-bottom: 1em;
}
.boxTableLinks3 li:nth-child(4),
.boxTableLinks3 li:nth-child(8) {
border-right-style: none;
}

.boxTableLinks3 li {
width: 25%;
float: left;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding-top: 1em;
padding-left: 10px;
display: block;
height: 150px;
}



/* 横3つパターン */
.boxTableLinks3.line-3 li {
width: 33.3%;
}
.boxTableLinks3.line-3 li:nth-child(3) {
border-right-style: none;
}

.boxTableLinks3-section .boxTableLinks3 {
font-size: 17px;
}




li.boxLinksIndex-item h3.arw01 {
padding-top: 1em;
padding-bottom: 1em;
padding-left: 15px;
font-size: 20px;
font-weight: normal;
line-height: 1.2em;
}
.boxLinksIndex li.boxLinksIndex-item ul {
padding-left: 15px;
padding-bottom: 1em;
line-height: 1.5em;
}
.boxLinksIndex li.boxLinksIndex-item ul a {
padding-top: 0.2em;
padding-bottom: 0.2em;
}


.boxLinks li span {
background-image:none!important;
font-size:120%;
}


/*---------------------------------------------------------- */
.boxLinks li {
background-color: #F2F8FC;
margin-bottom: 20px;
height: 170px;
width: 260px;
transition: 0.2s;
}

.boxLinks li:hover {
    background-color: #007AFF !important;
    color: #FFF !important;
}
.boxLinks li:hover a {
    color: #FFF !important;
}

.boxLinks li img {
width: 100%;
}
.boxLinks li span {
height: 48px;
}
.boxLinks li a {
color: #2D358A;
}
.boxLinks.line-2 li {
width: 480px;
height: 260px;
}
.boxLinks.line-3 li {
width: 313.3px;
height: 187px;
margin-bottom: 0px;
}

/* ttl-List */
#main_contents2 .ttl-List li,
#main_contents2 .ttl-List li a {
	width: 100%;
}
#main_contents2 .ttl-List {
    margin-top: 0px;
}

/* SP
---------------------------------------------------------- */
@media screen and (max-width:767px) and (min-width:1px) {
#categoryVisual,
#categoryVisual.open {
background-image: none;
}
#main_contents2 section {
width: 95% !important;
min-width: 95%;
margin-bottom: 3em;
margin-left: auto;
margin-right: auto;
}
/* SCSKのCSR */
.boxTableLinks3-section .boxTableLinks3 {
font-size: 14px;
}
.boxTableLinks3-section ul.boxTableLinks3 li {
background-position: left 10px bottom 10px;
background-size: auto 50%;
}
/* スマホ表示時の幅の調整 */
.boxLinksIndex,
.boxLinks,
.ttl-List,
.boxTableLinks3.iso{
width: 95%;
margin-left: auto;
margin-right: auto;
}
/* HTitle*/
.h-ttl01{
width: 95%;
margin-left: auto;
margin-right: auto;
}
/* boxLinksIndex */
.boxLinksIndex img {
border-style: none;
width: 50%;
}
li.boxLinksIndex-item h3.arw01 {
width: 47%;
float: right;
font-size: 18px;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 0px;
}
.boxLinksIndex li.boxLinksIndex-item ul a {
font-size: 13px;
}
.boxLinksIndex li.boxLinksIndex-item {
min-height: 1px;
position: relative;
margin-bottom: 1em;
}
.boxLinksIndex li.boxLinksIndex-item:last-child ul {
top: 3.5em;
}
.boxLinksIndex li.boxLinksIndex-item ul {
width: 47%;
position: absolute;
right: 0px;
top: 5em;
padding-left: 0px;
}
/* boxTableLinks3 */
.boxTableLinks3-section{
width: 95%;
margin-left: auto;
margin-right: auto;
}
.boxTableLinks3 {
display: block;
border-top: 1px solid #e5e5e5;
margin-bottom: 0px;
}
.boxTableLinks3.bg-gray02 {
background-color: #FFFFFF !important;
}
ul.boxTableLinks3 li {
background-color: #FFFFFF;
height: 12em;
width: 50% !important;
}
ul.boxTableLinks3.iso li {
height: 9em;
background-size: auto 40%;
}
.boxTableLinks3 li:nth-child(even) {
border-right-style: none;
}
.boxTableLinks3 li.heightLinegroup1,
.boxTableLinks3 li.heightLinegroup2 {
padding-bottom: 2em;
width: 50%;
}
.boxTableLinks3 li.heightLinegroup2 a {
padding-bottom: 4em;
}
.boxTableLinks3.line-3 li:nth-child(3) {
border-right-style: solid;
border-right-width: 1px;
}
/* boxLinks */
.boxLinks li {
margin-bottom: 20px;
width: 100%;
float: none;
margin-left: 0px;
margin-right: 0px;
}
.boxLinks li span {
font-size: 16px;
height: 36px;
}
.boxLinks.line-2 li,
.boxLinks.line-3 li {
width: 100%;
height: auto;
margin-bottom: 20px;
}
.boxLinks.line-3 li:last-child {
margin-bottom: 0px;
}

}
@media screen and (max-width:570px) {
li.boxLinksIndex-item h3.arw01 {
font-size: 15px;
padding-top: .6em;
padding-bottom: .5em;
}
.boxLinksIndex li.boxLinksIndex-item {
min-height: 6em;
}
.boxLinksIndex li.boxLinksIndex-item ul {
top: 3.5em;
line-height: 1em;
}
.boxLinksIndex li.boxLinksIndex-item:last-child ul {
top: 3em;
}
.boxLinksIndex li.boxLinksIndex-item ul a {
font-size: 10px;
}

}

@media screen and (max-width:320px) {
.boxLinksIndex img {
width: 30%;
}
li.boxLinksIndex-item h3.arw01,
.boxLinksIndex li.boxLinksIndex-item ul {
width: 67%;
}
.boxLinksIndex li.boxLinksIndex-item {
min-height: 8em;
}
li.boxLinksIndex-item h3.arw01 {
padding-top: .5em;
padding-bottom: .5em;
}

}

/* 新CSRトップ専用 */
.bg-gray02 .section .boxLinksIndex.heightLineParent li.boxLinksIndex-item{
width: 310px;
background-color: #FFFFFF;
margin-right: 20px;
float: left;
min-height: 0px;
}
.margin-0-auto{
margin:0 auto;
}

/*20161101追記 ブロック要素からリンク----------------*/
.link_box{
  position:relative;
  width:30%;
  padding:40px;
  border:none;
  margin:0px auto;
}

.link_box a{
  background-color:#FFF;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.link_box a:hover{
  background-color:#f2f8fc;
}
.link_box img{
  position:absolute;
  bottom:10px;
  right:10px;
  width:auto;
  max-height:77px;
}

.none_link{
  position:relative;
  width:30%;
  padding:40px;
  border:none;
  margin:0px auto;
}
.none_link .absol{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.none_link img{
  position:absolute;
  bottom:10px;
  right:10px;
  width:auto;
  max-height:77px;
}
/*//--------------------20161028追記ここまで---------------------//*/
.link_box h4{padding:15px 0 0 10px!important;}
.none_link h4{padding:15px 0 0 10px!important;}
.none_link h4.arw01:hover{
  color:#000!important;
  text-decoration:none!important;
}




div.flex-col4{
justify-content: space-between;
}
div.flex-col4 .flex-item{
width:225px;
height:70px;
}
div.flex-col4 .flex-item a{
width:100%;
    height: 100%;
    display: flex;
    align-items: center;
}


.individual-movie-wrapper{
width:480px;
margin-top: 2em;
margin-bottom: 2em;
}

.individual-movie-wrapper .btn-link{
width:100%;
margin-top:1em;
}

#zaimudata.h-ttl03a{
margin-top:4em;
}

a.btn-link {
padding: 0.6em 1em;
}

@media screen and (max-width: 767px) and (min-width: 1px){
	#zaimudata.h-ttl03a{
		margin-top:0;
	}
	.boxLinks li {
		height:340px!important;/* 20220405 200px */
	}
	.boxLinks li span{
	    display: flex;
	    align-items: center;
	}
	div.flex-col4 .flex-item{
		width:100%;
	}
	.individual-movie-wrapper{
		width:80%;
		margin-left: auto;
		margin-right: auto;
	}

}
@media screen and (max-width:570px) {
	.boxLinks li {
		height:300px!important;
	}
}

@media screen and (max-width:435px) {
	.boxLinks li {
		height:240px!important;
	}
}
@media screen and (max-width:380px) {
	.boxLinks li {
		height:220px!important;
	}
}
@media screen and (max-width:360px) {
	.boxLinks li {
		height:200px!important;
	}
}