@charset "UTF-8";

/*------------共通---------------*/
.popup {
    display: none;
}
#kangae + .composite_box01 .inner_item:nth-of-type(2) .inner_item_img a {
    cursor: default;
}
#kangae + .composite_box01 .inner_item:nth-of-type(2) .inner_item_img a:hover {
    opacity: 1;
}

#kangae + .composite_box01 .inner_item:nth-of-type(2) .inner_item_img a:hover picture,
#kangae + .composite_box01 .inner_item:nth-of-type(2) .inner_item_img a:hover img{
    opacity: 1;
}

/*------mv------*/
#lv_outer {
    padding: 0;
}
#lv {
    width: 100%;
}
#lv div {
    top: initial !important;
}
#pan {
    background: #1E4066;
}
#pan ul li a {
    color: #fff;
}
#lv p span {
    top: 2rem;
    left: -25rem;
    color: #1E4066;
    font-weight: bold;
    text-shadow: 3px 2px 5px #1E4066;
}

.heading.block_header_1 {
    background-image: none;
}
.heading.block_header_1 p, .heading.block_header_1 .h:last-child {
    font-size: 2.2rem !important;
    text-shadow: none;
    color: #000 !important;
    font-weight: bold;
}


/*------------------犬の性格---------------------*/
#seikaku + .contents_box01 {
    background: #fff;
    margin-top: 70px;
}
#seikaku + .contents_box01 .content_wrapper .heading .h{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 calc(50% - 50vw);
    position: relative;
}
#seikaku + .contents_box01 .content_wrapper .heading .h:before{
    content: "";
    width: 1500%;
    height: 18px;
    background: url(/common/upload_data/mame-shibacojp/image/20210125185007.png);
    position: absolute;
    left: -1550%;
    background-size: contain;
}
#seikaku + .contents_box01 .content_wrapper .heading .h:after{
    content: "";
    width: 1500%;
    height: 18px;
    background: url(/common/upload_data/mame-shibacojp/image/20210125185007.png);
    position: absolute;
    right: -1550%;
    background-size: contain;
}
#seikaku + .contents_box01 .content_wrapper .wrapper_item {
    position: relative;
    padding-bottom: 70px !important;
}
#seikaku + .contents_box01 .content_wrapper .wrapper_item:after {
    content: "";
    width: 250%;
    height: 18px;
    background: url(/common/upload_data/mame-shibacojp/image/20210125185928.png);
    background-repeat: no-repeat;
    position: absolute;
    background-size: contain;
    left: -75%;
    bottom: 0;
}


/*---------kangae-------*/
#kangae + .composite_box01 {
    padding-top: 70px;
}
#kangae + .composite_box01 .content_wrapper {
    background: /*url("/common/upload_data/mame-shibacojp/image/20210126140625.png")*/ #DDD7A1;
    background-size: cover;
    padding-right: 0%;
    padding-left: 0%;
    box-shadow: 0px 0px 10px;
    position: relative;
}
#kangae + .composite_box01 .content_wrapper:before {
    position: absolute;
    content: "";
    background: url("/common/upload_data/mame-shibacojp/image/20210120221022.png");
    background-size: contain;
    width: 15%;
    height: 25%;
    right: 0;
    background-repeat: no-repeat;
}
#kangae + .composite_box01 .content_wrapper  .heading.block_header_1 {
    position: relative;
        margin-left: 4%;
    margin-right: 4%;
}
#kangae + .composite_box01 .content_wrapper  .heading.block_header_1:after {
    content: "";
    position: absolute;
    right: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #000;
}
#kangae + .composite_box01 .content_wrapper  .heading .h{
    background: #DDD7A2;
    padding-right: 15px;
    z-index: 1;
}
#kangae + .composite_box01 .wrapper_item {
   display: flex;
   justify-content: space-between;
    padding-bottom: 45px;
    position: relative;
     padding-left: 4%;
     padding-right: 4%;
}
#kangae + .composite_box01 .wrapper_item:before {
     position: absolute;
    content: "";
    background: url(/common/upload_data/mame-shibacojp/image/20210122094520.png);
    background-size: contain;
    width: 30em;
    height: 10em;
    left: 0;
    bottom: 0;
    background-repeat: no-repeat;
}
#kangae + .composite_box01 .wrapper_item:after {
     position: absolute;
    content: "";
    background: url(/common/upload_data/mame-shibacojp/image/20210122094512.png);
    background-size: contain;
    width: 10em;
    height: 8em;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
}
#kangae + .composite_box01 .inner_item {
    width: 100%;
}
#kangae + .composite_box01 .content_wrapper .wrapper_item .inner_item:nth-of-type(2) {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
   margin-top: 30px;
}
#kangae + .composite_box01 .inner_item:nth-of-type(2)  .inner_item_img {
    flex-basis: 30%;
    max-width: 30%;
    z-index: 1;
}
#kangae + .composite_box01 .inner_item:nth-of-type(2)  .inner_item_img img{
    height: auto !important;
}
#kangae + .composite_box01 .inner_item:nth-of-type(2) .inner_item_txt {
    max-width: 70%;
    flex-basis: 70%;
    padding-right: 2vw;
}
.composite_box01 .inner_item:nth-of-type(4n+2):nth-last-of-type(1), .composite_box01 .inner_item:nth-of-type(4n+3):nth-last-of-type(1){
    margin-left: 0;
    margin-right: 0;
}
#fixbtn .fixbtntel a, #fixbtn .fixbtntel span {
    background: rgba(255,100,100,0.6);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 4px; 
    padding-left: 4px;
}

@media (max-width: 900px) {
    #kangae + .composite_box01 .content_wrapper .wrapper_item .inner_item:nth-of-type(2) {
        flex-direction: column-reverse;
    }
    #kangae + .composite_box01 .inner_item:nth-of-type(2) .inner_item_txt {
       max-width: 100%;
       flex-basis: 100%;
       margin-bottom: 20px;
    }
    #kangae + .composite_box01 .inner_item:nth-of-type(2) .inner_item_img{
       max-width: 100%;
       flex-basis: 100%;
    }
}

@media (max-width: 768px) {
    #lv p span {
        left: 0;
        width: 90%;
        text-align: left;
    }
#kangae + .composite_box01 .wrapper_item:before {
    width: 18em;
    height: 7em;
}
    #kangae + .composite_box01 .wrapper_item:after {
    width: 7em;
    height: 5.5em;

    }
}
@media (max-width: 622px) {
    #kangae + .composite_box01 .content_wrapper .heading .h {
        padding-right: 0;
    }
}

@media (max-width: 400px) {
    #lv div {
        top: -65px !important;
    }
}