.d-flex{display: flex;}
.content-width{
    max-width: 1024px;
    margin:auto;
}
.lead-text{
    font-size:16px;
    margin:16px auto;
}
.btn-area{
    width: 100%;
    margin:60px auto;
}
.btn-area li{
    flex:0 0 50%;
}
.btn-area a{
    font-size:16px;
    display: block;
    width:80%;
    border-radius: 8px;
    text-align: center;
    color:#FFF;
    padding:16px 0;
    margin:auto;
    position:relative;
    transition:all .5s ease-in-out;
}
.btn-area li a span{
    font-size:18px;
    font-weight: bold;
}
.btn-area a:hover{
    transform:translateY(5px);
}
.btn-area li:first-child a{
    background:#4D90F4 url(https://www.tabione.com/img/topics/kansai_fishing/icon_list.png)no-repeat 10% center;
}
.btn-area li:last-child a{
    background:#F28379 url(https://www.tabione.com/img/topics/kansai_fishing/icon_list.png)no-repeat 10% center;
}
.btn-area a::before{
    position:absolute;
    content:'';
    width:10px;
    height: 10px;
    right:8%;
    top:0;
    bottom:0;
    margin:auto;
    border-right: 2px solid #FFF;
    border-top: 2px solid #FFF;
    transform:rotate(135deg);
}
.fishing-area{
    padding:60px 0;
}
#fishing-osaka{
    background:#E6F0FF;
}
#fishing-wakayama{
    background:#FFF3F2;
}
.fishing-ttl{
    text-align: center;
    margin-bottom: 40px;
    font-size: 30px;
    font-weight: bold;
    padding-top: 30px;
}
#fishing-osaka .fishing-ttl{
    color:#4D90F4;
    background:url(https://www.tabione.com/img/topics/kansai_fishing/icon_plan_osaka.png) no-repeat center top;
    background-size: 50px;
}
#fishing-wakayama .fishing-ttl{
    color:#F28379;
    background:url(https://www.tabione.com/img/topics/kansai_fishing/icon_plan_wakayama.png) no-repeat center top;
    background-size: 50px;
}
.fishing-list{
    flex-wrap:wrap;
}
.fishing-cont{
    background:#FFF;
    box-shadow:0 3px 3px #999;
    border-radius: 8px;
    flex: 0 0 31%;
    margin:0 30px 30px 0;
    padding:16px;
    display: flex;
    transition:all .5s ease-in-out;
}
.fishing-cont:nth-child(3n){
    margin-right:0;
}
.fishing-cont a{
    display: flex;
    flex-direction: column;
}
.fishing-cont:hover{
    transform:translateY(5px);
}
.fishing-cont h3{
    font-weight: bold;
    font-size:18px;
    flex-grow: 1;
}
.fishing-img{
    margin:16px 0;
}
.fishing-img img{
    height: 180px;
    object-fit: cover;
    width: 100%;
}
.fishing-data{
    background:#F4F4F4;
}
.fishing-data dl{
    border-bottom:1px dotted #CACACA;
    display:flex;
    padding: 4px 8px;
}
.fishing-data dt{
    flex:0 0 25%;
    font-weight: bold;
}
.fishing-data dd{
    padding-left:20px;
}
.fishing-price{
    text-align: center;
    margin:12px 0;
    font-size:16px;
    font-weight: bold;
}
.fishing-price span{
    color:#F30;
    font-size:1.2em;
}
.fishing-btn{
    background:#FB923C;
    color:#FFF;
    padding:12px 60px;
    border-radius: 8px;
    text-align: center;
    font-weight: bold;
    font-size:16px;
}

@media screen and (max-width:768px){
    .content-width{
        padding:0 20px;
    }
    .d-flex{
        flex-direction:column;
    }
    .btn-area{
        margin: 30px auto;
    }
    .btn-area li{
        margin-bottom: 16px;
    }
    .fishing-ttl{
        font-size: 20px;
    }
    .fishing-area {
        padding: 40px 0;
    }
    .fishing-cont{
        margin: 0 0 30px 0;
    }
}