@charset "UTF-8";
/* 下層共通 */

/********20190320itou************/


@media (max-width: 1150px) {
    .page-ttl-wrap {
    width: 100%;
}

}

/*新着*/
@media (max-width: 750px) { 
.news-wrap article, .news-d-wrap article {
    width: 100%;
    /* background: #fff; */
}
    
  /*  .news-wrap article::before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: none; 
}
    */
    
    .pub-time {
    margin-right: 1rem;
}
    
    
}

/* サービス */
@media (max-width: 1150px) {
.service-items {
    display: block;
}

.service-img {
    width: 100%;
}

    .service-cont {
    width: 100%;
    padding: 40px 0px;
}

}

@media (max-width: 750px) {

.service-cover {
    background-size: 120% 100%;
    /*transform: rotate(90deg) translateX(-30%);
    height: 144%;*/
}
 /*
    .inner-wide a.target-link:nth-of-type(even) .service-items .service-cover {
    transform: rotate(-90deg) translateX(30%);
    height: 144%;
    background-image: url(../img/mesh-s-r.png);
}

    a.target-link:hover .service-cover {
    -webkit-transform: translateY(0);
    transform: rotate(90deg) translateY(0);
}


.inner-wide a.target-link:nth-of-type(even):hover .service-items .service-cover {
    -webkit-transform: translateY(0);
    transform: rotate(-90deg) translateY(0);
}
    */

.service-items .service-button-outer {
    width: 100%;
    padding: 15px;
}

    .title-top {
    text-align: center;
}

    .service-button-outer .ttlBar {
    margin: 1rem auto;
}

    .service-txt .readmore {
    margin: 30px auto 0;
}

    .inner-wide a.target-link:nth-of-type(even) .service-items .service-button-outer {
    width: 100%;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

}



/*サービス詳細*/
@media (max-width: 1150px) {
    
    
    .service-d-item {
    flex-wrap: wrap;
}
    
    .service-d-item > div {
    width: 100%;
}
    
    .service-d-item .service-d-txt {
    width: 100%;
}
    
    
        .service-d-txt h2 {
    text-align: center;
}
    
    .service-d-item .ttlBar {
    margin: 1rem auto;
}
    
    .service-d-txt {
    padding: 15px;
}
    
    .reverse {
        flex-flow: wrap-reverse;
    }
    
    
    .service-d-txt p {
    width: 80%;
    margin: auto;
}
    
    .service-d-txt h2 {
    margin-top: 50px;
}
    
    .service-d-txt p {
    margin: 0 auto 50px;
}
    
    .bg-left {
    background-image: url(../img/mesh-s.png);
    background-position: 60% center;
    background-size: cover;
    background-repeat: no-repeat;
}
    
    .bg-right {
    background-position: 100% center;
}
    
    
}

@media (max-width: 750px) {
    
.service-d-item .service-d-txt {
    width: 100%;
    /*margin: 0px 0 50px*/
}
    
    .img-pos {
    margin: 0;
}
    
    .bg-left {
    background-image: url(../img/mesh-s.png);
    background-position: 77% center;
    background-size: cover;
    background-repeat: no-repeat;
}
    
    .bg-right {
    background-position: 30% center;
}
    
    }




/*お客様の声*/
@media (max-width: 1150px) {
    .voice-wrap ul li {
    width: 50%;
}

}

@media (max-width: 750px) {
    .voice-wrap ul li {
    width: 100%;
}

}

/*スタッフ*/
@media (max-width: 1150px) {
.staff-wrap ul li {
    width: 50%;
}
}

@media (max-width: 750px) {
    .staff-wrap ul li {
    width: 100%;
}

}

/*実績*/
@media (max-width: 950px) {
.result-wrap ul li .img-box {
    padding: 30%;
    width: 100%;
}

    .result-li-txt {
    width: 100%;
    background-size: 100% 100%;
}

    .result-txt-box {
    width: 100%;
    margin: 0px 0 80px;
}

    .result-wrap ul li:nth-of-type(even) .result-li-txt {
    width: 100%;
    background-size: 100% 100%;
}

.result-wrap ul li:nth-of-type(even) .result-txt-box {
    width: 100%;
    margin: 0px 0 80px;
    text-align: right;
}

    .result-wrap ul li:nth-of-type(even) .result-txt-box h1:after {
    content: '';
    display: block;
    border-bottom: 1px solid #000;
    width: 25%;
    padding: 5px 0;
    margin-left: auto;
}


}

/*
.result-txt-bg {
    background-image: url(../img/works-left.png);
    background-size: 75% 100%;
    background-repeat: no-repeat;
    background-position: left;
}
*/



/*店舗*/
@media (max-width: 1150px) {
.store-wrap .img-box {
    width: 100%;
    padding: 30%;
}

    .store-txt {
    width: 100%;
}

}

@media (max-width: 740px) {

    .store-txt table th,.store-txt table td {
    display: block;
    text-align: center;
}

}

@media (max-width: 400px) {
    .store-txt table {
    border-spacing: 0px 45px;

    }
}

/* 在庫 */
@media (max-width: 750px) {
.stock-wrap ul li{
  width: 100%;
}

.stock-wrap ul li:nth-child(3n+2):last-child {
    margin-left: 0;
    margin-right: 0;
}

/* 在庫詳細 */

.swiper-my-pagination .swiper-pagination-bullet{
  width: 20%;
}
.info-wrap{
  flex-wrap: wrap;
}
.info-name{
  width: 100%;
}
.info-price{
  width: 100%;
  text-align: right;
}

.stock-table,.stock-option{
  font-size: 10px;
}
.stock-contact{
  padding: 20px;
}
}