@charset "UTF-8";
/* ヘッダー */
.top_bk {
	background-image: url("../images/pc_hero_ev_bk.png");
	width: 100%;
	height: 0;
	padding-top: 41.223%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position:relative;
}
.top_bk h1 {
    position: absolute;
    top: 37%;
    left: 52%;
    width: 35.9vw;
}

.contents-wrap {
    margin: 0px auto 0;
    max-width: 1200px;
    width: 100%;
}
/* h2 */
.h2-title {
    margin-bottom: 20px;
    text-align: center;
    margin-top: -20px;
    position: relative;
    margin-bottom: 65px;
}
.h2-title span {
    display: block;
}
.h2-title .photo-h2 img {
    width: 330px;
}
.h2-title .cap-h2 {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 600;
}

/* ショップ　リスト */
.ev-list {
    display: flow-root;
}
.ev-list .ev-list-in {
    display: flow-root;
    margin-bottom: 120px;
}
.ev-list .ev-list-in .box__photo {
    width: 18.5%;
    margin-bottom: -18%;
    position: relative;
}
.ev-list .ev-list-in .box__text {
    margin-bottom: 25px;
    width: 74%;
    padding-top: 20px;
    float: right;
    padding-left: 13%;
    padding-right: 4%;
}
.ev-list .ev-list-in .box__color {
    background-color: #eeeeef;
    padding-top: 30px;
    padding-bottom: 45px;
    float: right;
    padding-left: 13%;
    padding-right: 4%;
    width: 75%;
}
/* 画像2枚時　ボーダー */
.ev-list-in.dub .box__color {
    padding-bottom: 30px;
}
.ev-list-in.dub .border-plus {
    background-color: #b4b4b5;
    padding-top: 1px;
    float: right;
    padding-right: 12%;
    width: 63.5%;
    margin-right: 4%;
    margin-top: -1px;
}

/* 右テキスト　共通 */
.box__text h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
}
.box__text .categ {
    font-size: 18px;
    color: #888888;
    display: block;
    padding-bottom: 5px;
}
.box__text .name-s {
    font-size: 24px;
    display: block;
}
.box__color h4 {
	color: #bf9331;
	font-weight:600;
	font-size: 30px;
	line-height: 1.4;
	margin-bottom: 35px;
}
.box__color p {
    margin-bottom: 20px;
}
.box__color p.bold {
    font-weight: 600;
}
.box__color p:last-of-type {
    margin-bottom: 0;
}
/* カラム */
.column-box .column-text {
	width: 53%;
}
.column-box .column-photo {
	width: 41.5%;
}
@media screen and (max-width: 767px) {
    .top_bk {
        padding-top: 47.334%;
        background-image: url(../images/sp_hero_ev_bk.png);
    }
    .top_bk h1 {
        /* height: 196px; */
        position: absolute;
        top: 27%;
        left: 42%;
        width: 53vw;
    }

/* h2 */
.h2-title {
    text-align: center;
    margin-left: inherit;
    margin-bottom: 25px;
    margin-top: -15px;
}
.h2-title .photo-h2 img {
    width: 45.6%;
}
.h2-title .cap-h2 {
  margin-top: 0;
  font-size: 12px;
}

/* ショップ　リスト */
.ev-list .ev-list-in {
    display: flow-root;
    margin-bottom: 45px;
}
.ev-list .ev-list-in .box__photo {
    margin-bottom: -25%;
    width: 29%;
    padding-left: 10px;
}
.ev-list .ev-list-in .box__text {
    margin-bottom: 0;
    float: right;
    padding-left: 0;
    padding-right: 10px;
    width: 62%;
    padding-top: 0;
}
.ev-list .ev-list-in .box__color {
    background-color: #eeeeef;
    padding-top: 20px;
    width: 85%;
    float: right;
    padding-left: 5%;
    padding-right: 7%;
}
.ev-list .ev-list-in .box__color {
    /* padding-bottom: 25%; */
    width: 100%;
    padding: 14% 0 20px;
}
/* 画像2枚時　ボーダー */
.ev-list-in.dub .border-plus {
    background-color: #b4b4b5;
    padding-top: 1px;
    float: right;
    width: 86%;
    margin-right: 7%;
    margin-top: -1px;
    padding-right: 0;
}
.ev-list-in.dub .border-plus + .box__color {
    padding: 6% 0 20px !important;
}
	
/* 右テキスト　共通 */
.box__text h3 {
    padding-bottom: 20px;
}
.box__color p {
    margin-bottom: 15px;
    font-size: 14px;
}
.box__color p:last-of-type {
    /* margin-bottom: 0; */
}
.box__color .sp_box__color-in {
    margin: 0 auto;
    width: 85%;
}

.box__color h4 {
	margin-bottom: 15px;
	font-size: 18px;
}
.box__color p {
	font-size: 14px;
}
.box__text .categ {
    font-size: 12px;
    color: #888888;
    display: block;
    padding-bottom: 5px;
}
.box__text .name-s {
    font-size: 14px;
    display: block;
}
/* カラム */
.column-box .column-text {
	margin: 0 auto;
    width: 85%;
}
.column-box .column-photo {
	margin: 20px auto 15px;
	width: 85%;
}
}

@media screen and (min-width: 550px) and (max-width: 767px)  {
	/* h4 タイトルが画像にかぶるので調整 */
	.ev-list .ev-list-in .box__color {
    padding: 20% 0 20px;
}
}