/* CSS Document */


/*ローディングが表示されるエリアの設定*/
#infscr-loading {
width:100%;
text-align:center;
margin:20px auto;
}

#infscr-loading img{
	width:30px;/*ローディング画像のサイズ*/
}

.navigation{
    background-color: rgba(0,23,0,1);
    color: rgba(255,255,255,1);
    margin-right: auto;
    margin-left: auto;
    display: none !important;
}
.navigation a{
    font-size: 100%;
    line-height: 60px;
    color: rgba(255,255,255,1);
    font-weight: normal;
}
/*──────────────────
カテゴリー
──────────────────*/
.ctbox_main{
    height: auto;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
	padding-left: 1%;
	padding-top: 0.8%;
	padding-bottom: 0.8%;
}
li.ctbox_in{
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 300px;
    float: left;
    width: 24%;
    margin: 0.5%;
    background-color: rgba(224,224,224,1);
    position: relative;
    list-style-type: none;
	border-radius: 10px;
	
}
.ctbox_in a{
    display: block;
    background-color: rgba(0,0,0,0.2);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 3;
    left: 0px;
    top: 0px;
}
.ctbox_in a span{
    color: rgba(255,255,255,0.81);
    text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
}
.ctbox_in img{
	height: 120%;
	width: auto;
}
.ctbox_in a:hover{
	opacity: 0;
}
/*──────────────────
sp_phone
──────────────────*/

@media screen and (max-width: 896px){
.ctbox_main{
    height: auto;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
	padding-left: 1%;
	padding-top: 0.8%;
	padding-bottom: 0.8%;
}
li.ctbox_in{
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 100px;
    float: none;
    width: 99%;
    margin: 0.5%;
    background-color: rgba(224,224,224,1);
    position: relative;
    list-style-type: none;
}
.ctbox_in img{
    height: auto;
    width: 100%;
}	
}