@charset "UTF-8"
/*---------スライダー---------*/
.pc .slider {
    /*padding:0 10px 20px;
    max-width: 910px;
    margin:0 auto 20px;*/
    }
.sp .slider {
    /*width: 100%;
    padding:0 0 20px;*/
    }
/*はみ出し調整*/
.slider .cmp-lst006 {
    overflow:hidden;
    margin-bottom:40px;
    }
/*ボックス間スペース*/
.slider .cmp-lst006 .slick-slide {
    padding: 0 10px;
    }
/*ボックス指定*/
.slider .l-column .wrp {
    border-radius: 7px;
    overflow: hidden;
    }
/* 見出し：背景色 */
.slider .cmp-lst006 .slick-slide .detail{
    background:#f5f1fb;
    margin-top:0;
    padding:12px;
    }
/* 見出し：2行制限 */
.slider .cmp-lst006 .detail-ttl {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height:2.5em;
    }
.pc .slider .cmp-lst006 .detail-ttl {
    font-size:1.8rem!important;
    }
.sp .slider .cmp-lst006 .detail-ttl {
    font-size:1.6rem!important;
    }
/*--アスペ比＆トリミング--*/
.slider .cmp-thmb001 .thumb {
    position: relative;
    width: 100%;
    padding-top: 66.666%; /* 3:2 の比率 (2 ÷ 3 × 100%) */
    overflow: hidden;
    }
.slider .cmp-thmb001 .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    }
/*---------カテゴリリスト---------*/
/*検索ボックス*/
.f_list .cmp-frm009 {
    background-color: #fff!important;
    padding: 0;
    }
.f_list .cmp-frm009 input[type=text] { 
    border:1px solid #d3d3d3;
    border-radius:7px 0 0 7px;
    }
/*--ページ内リンク--*/
.f_list .cmp-misc006.white .list:after {
    background-color: #fff!important;
    }
.f_list .cmp-misc006 .list .item {
    border-bottom: 1px solid #fff!important;
    padding:0 10px;
    }
/*--SPcol指定--*/
.sp .f_list .l-column.col-3>.wrp,
.sp .f_list .l-column.col-4>.wrp {
    flex: 0 1 50%;
    }
/* カテゴリタイトル背景色指定 */
.f_list .cmp-lst006,
.f_list .cmp-txt001 {
    padding:20px 20px 0;
    }
.bg_purple {
    background-color:#f5f1fb;
    }
.bg_blue {
    background-color:#f0f6fa;
    }
.bg_green {
    background-color:#f0faf4;
    }
.bg_black {
    background-color:#f6f6f6;
    }
.title_blue {
    background-color:#2f6a8f;
    }
.title_green {
    background-color:#6a8f2f;/*#2f8f54*/
    }
.title_black {
    background-color:#03303c;
    }
.cmp-hdg005.title_blue:before {
    background-color: #3d89b9;
    }
.cmp-hdg005.title_green:before {
    background-color: #8aba3d;
    }
.cmp-hdg005.title_black:before {
    background-color: #0F6B84;
    }
.cmp-hdg005.title_blue .hdg,
.cmp-hdg005.title_green .hdg,
.cmp-hdg005.title_black .hdg {
    color: #fff;
    }
.cmp-hdg005.title_blue a.sub,
.cmp-hdg005.title_green a.sub,
.cmp-hdg005.title_black a.sub {
    color: #fff;
    border-left: 1px solid #fff;
}

/*--サムネ背景色を白に--*/
.f_list .cmp-thmb001 .wrp .thumb a {
    background:#fff;
    }
/*--トップに戻るボタン--*/
.Back_Fix{
    position:fixed;
    bottom:0;
    right:300px;
    margin:auto;
    z-index:10;
    -webkit-transition:all .6s ease;
    transition:all .6s ease
    }

.Back_Fix a{
    background-color:#542f8e;
    width:60px;
    height:60px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-flow:column;
    border-radius:5px 5px 0 0;
    box-shadow:0 3px 6px #00000029;
    padding:15px;
    cursor:pointer;
    color:#fff;
    font-size:1.4rem;
    font-weight:700;
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1);
    will-change:transform
    }
.Back_Fix a:hover{
    -webkit-transform:scale(.95);
    transform:scale(.95);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    }
.Back_Fix a:before{
    content:"";
    width:10px;
    height:10px;
    border-top:2px solid #542f8e;
    border-right:2px solid #542f8e;
    border-color:#fff;
    -webkit-transform:rotate(45deg);
    transform:rotate(-45deg);
    display:block
    }

@media only screen and (max-width:640px) {
.Back_Fix {
    bottom:110px;
    right:0;
    }
.Back_Fix a {
    border-radius:5px 0 0 5px;
    }
.Back_Fix a:hover{
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    }
}