@charset "utf-8";

/* ==================================================================
	catalog.css
	
=================================================================== */


.spinner_area {
    width: 140px;
}

/* accent
------------------------------------ */
.accent {
    margin-top: 40px;
}

.accent .title h2{
    font-size: 225%;
    margin-bottom: 40px;
}

.decoration + .text{
    text-align: center;
    margin-bottom: 44px;
}

.listBox {
    padding-bottom: 50px!important;
    border-bottom: 1px solid #ccc;

    .grid_box{
        gap: 40px 52px;
        max-width: 1000px;
        margin-inline: auto;
    }
}

.listBox ul li p{
    margin: 0;
}
.listBox ul li .name{
    margin: 0;
    padding: 6px;
}

.listBox ul li a{
    display: block;
    transition: .5s;
    word-break: break-all;

    img{
        transition: .5s;
    }
}

.listBox ul li a:hover{
    background: #efefef;

    img{
        opacity: .7;
    }
}

/* SPのみ
------------------------------------ */
@media only screen and
(max-width : 767px) {

 
.accent .title {
    font-size: 87%;
    padding: 30px 0;
}    
    
.accent .title h2{
    margin-bottom: 10px;
}


}