@charset "UTF-8";
/* ==========================================================================
	 松本作業追加CSS
	 ========================================================================== */

.myshopPattern {
    background-color: #f3f3f3;
    width: 100%;
    padding: 0 10px;
    margin-top: 4.25%;
}

.myshopPattern__inner {
    margin: 0 auto;
    display:table;
}
.myshopPattern__inner li {
    display:table-cell;
    vertical-align:middle;

}
.myshopPattern__inner li img {
    margin-top: -4px;
}

.myshopPattern__btn {
    padding: 10px;
    width: 200px;
    font-size: 112.5%;
}

.myshopPattern__inner li:first-child {
    width: 670px;
    padding-bottom: 6px;
}
.myshopPattern__inner li:last-child {
    width: 200px;
}

.favoritePattern {
    width: 100%;
    margin-top: 4.25%;
}

.innerServiceIcon .shopIcon2 {
    background-color: #b2aca6;
    color: #fff;
    display: inline-block;
    font-size: 75%;
    letter-spacing: normal;
    max-width: 75px;
    min-width: 75px;
    text-align: center;
    vertical-align: text-bottom;
    width: 19.3705%;
    margin-right: 4px;
}

#itemListMain__inner {
    margin: 0 0 0 290px;
    position: relative;
    right: 100%;
}

.box-wrap .box_sp {
    width:100%;
}

.myshopPattern_sp {
    background-color: #f3f3f3;
    width: 100%;
    padding: 10px;
    margin-top: 4.25%;
    text-align:center;
}

.myshopPattern_sp p {
    max-width: 308px;
    margin:0 auto;
}

.myshopPattern_sp .myshopPattern__btn a {
    display: inline-block;
    margin:-9px auto 0;
    z-index:10;
}

.city__list h3 {
    cursor: pointer;
    display: block;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 16px 30px 14px 12px;
    position: relative;
    background: #efefef;
    border-top: 1px solid #c7c7c7;
}
.city__list h3 a {
    display: block;
    font-weight: bold;
}
.city__list h3::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    left: auto;
    bottom: auto;
    display: inline-block;
    vertical-align: top;
    width: 12px;
    height: 12px;
    margin-top: -8px;
    margin-left: -6px;
    border-top: 2px solid #5f5f5f;
    border-right: 2px solid #5f5f5f;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.city__list.is-open h3 {
    background: #dcdcdc none repeat scroll 0 0;
}
.city__list.is-open h3::after {
    margin-top: -4px;
    transform: rotate(-45deg);
}
.isIE9 .city__list.is-open h3::after {
    background: rgba(0, 0, 0, 0) url("/gs_front/image/cmn/ui_sprite.png") no-repeat scroll -400px -72px;
    border-right: medium none;
    border-top: medium none;
    transform: none;
}
.city__list .js-toggleContents {
    display: none;
}

.city__list ul {
    font-size: 1.4rem;
    vertical-align: top;
}
.city__list ul li {
    border-top: 1px solid #c7c7c7;
    background: #ededed;
    line-height: 1.3;
}
.city__list ul li a {
    width: 100%;
    display: block;
    position: relative;
    padding: 12px 12px 10px 30px;
    text-decoration: none !important;
}

.city__list ul li a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 8px;
    display: inline-block;
    vertical-align: top;
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: 2px solid #c7c7c7;
    border-right: 2px solid #c7c7c7;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.item__btn--search--neighborshop {
    background-image: -webkit-linear-gradient(bottom, rgba(55, 47, 44, 0.4) 5%, rgba(70, 61, 58, 0.4) 54%, rgba(140, 124, 118, 0.4));
    background-image: linear-gradient(to top, rgba(55, 47, 44, 0.4) 5%, rgba(70, 61, 58, 0.4) 54%, rgba(140, 124, 118, 0.4));
    background-color: #372f2c;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    border: 1px solid #3D2C28;
    border-radius: 8px;
    color: #FFF !important;
    display: inline-block;
    font-weight: bold;
    padding-bottom: 11px;
    padding-top: 10px;
    -webkit-transition: background-color 0.2s linear !important;
    transition: background-color 0.2s linear !important;
    text-decoration: none !important;
    width: 100%;
    text-align: center;
}

.item__btn--search--neighborshop:before {
    background-image: url('/gs_front/iphone/image/icon_search_neighborshop.png');
    background-size: 21px auto;
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    content: "";
    display: inline-block;
    font-size: 8px;
    margin-right: 8px;
    position: relative;
    text-decoration: none;
    top: 4px; }

@media screen and (max-width: 750px) {
 .searchPattern {
    border-top: none;
    margin-bottom: 26px;
    border-bottom: : 1px solid #c7c7c7 !important;
}



}