/* ===================================================================
CSS information

 file name  : common.css
 author     : Ability Consultant
 style info : 基本・共通設定
=================================================================== */
/*-------------------------
カルーセル
--------------------------*/
.crs-innerFuguPlan {
    position: relative;
    overflow: hidden;
    width: 100%;
  	-webkit-overflow-scrolling: touch;
}

.crsFuguPlan > * {
  -webkit-transform: translateZ(0px);
}

.crsFuguPlan::-webkit-scrollbar {
  display: none;
  visibility: hidden;
  height: 0 !important;
}


.crs-openFuguPlan:checked + .crs-itemFuguPlan {
    position: static;
    opacity: 1.0;
}

.crs-itemFuguPlan {
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
}

.crs-itemFuguPlan img {
    display: block;
    height: auto;
    max-width: 100%;
}

.crs-ctrlFuguPlan {
    color: #fff;
    cursor: pointer;
    display: none;
    visibility: hidden;
    font-size: 18px;
    font-weight: 900;
    font-stretch:ultra-expanded;
    height: 70px;
    line-height: 35px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
}

.crs-ctrlFuguPlan.prev {
    left: 3%;
}

.crs-ctrlFuguPlan.next {
    right: 3%;
}

.crs-ctrlFuguPlan:hover {
    color: #aaaaaa;
}

#crs-1FuguPlan:checked ~ .ctrl-1FuguPlan,
#crs-2FuguPlan:checked ~ .ctrl-2FuguPlan,
#crs-3FuguPlan:checked ~ .ctrl-3FuguPlan,
#crs-4FuguPlan:checked ~ .ctrl-4FuguPlan,
#crs-5FuguPlan:checked ~ .ctrl-5FuguPlan,

#crs-6FuguPlan:checked ~ .ctrl-6FuguPlan,
#crs-7FuguPlan:checked ~ .ctrl-7FuguPlan,
#crs-8FuguPlan:checked ~ .ctrl-8FuguPlan,
#crs-9FuguPlan:checked ~ .ctrl-9FuguPlan,
#crs-10FuguPlan:checked ~ .ctrl-10FuguPlan,

.crs-indicatorsFuguPlan {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
}

.crs-indicatorsFuguPlan li {
    display: inline-block;
    margin: 0px 5px; 
}

.crs-bulletFuguPlan {
    color: #666666;
    cursor: pointer;
    font-size: 30px;
}

.crs-bulletFuguPlan:hover {
    color: #666666;
}

#crs-1FuguPlan:checked ~ .ctrl-1FuguPlan ~ .crs-indicatorsFuguPlan li:nth-child(1) .crs-bulletFuguPlan,
#crs-2FuguPlan:checked ~ .ctrl-2FuguPlan ~ .crs-indicatorsFuguPlan li:nth-child(2) .crs-bulletFuguPlan,
#crs-3FuguPlan:checked ~ .ctrl-3FuguPlan ~ .crs-indicatorsFuguPlan li:nth-child(3) .crs-bulletFuguPlan,
#crs-4FuguPlan:checked ~ .ctrl-4FuguPlan ~ .crs-indicatorsFuguPlan li:nth-child(4) .crs-bulletFuguPlan,
#crs-5FuguPlan:checked ~ .ctrl-5FuguPlan ~ .crs-indicatorsFuguPlan li:nth-child(5) .crs-bulletFuguPlan,

#crs-6FuguPlan:checked ~ .ctrl-6FuguPlan ~ .crs-indicatorsFuguPlan li:nth-child(6) .crs-bulletFuguPlan,
#crs-7FuguPlan:checked ~ .ctrl-7FuguPlan ~ .crs-indicatorsFuguPlan li:nth-child(7) .crs-bulletFuguPlan,
#crs-8FuguPlan:checked ~ .ctrl-8FuguPlan ~ .crs-indicatorsFuguPlan li:nth-child(8) .crs-bulletFuguPlan,
#crs-9FuguPlan:checked ~ .ctrl-9FuguPlan ~ .crs-indicatorsFuguPlan li:nth-child(9) .crs-bulletFuguPlan,
#crs-10FuguPlan:checked ~ .ctrl-10FuguPlan ~ .crs-indicatorsFuguPlan li:nth-child(10) .crs-bulletFuguPlan,


.crs-b-tFuguPlan {
    width: auot;
    cursor: pointer;
    margin-left: 10px;

}

.crs-b-tFuguPlan:hover {
    color: #ffffff;
    margin-left: 10px;
}