@charset "utf-8";

/*----------------------------------------------------
	PC用
----------------------------------------------------*/

/*----------------------------------------------------
	ステップワゴン　サービスエリア　2022年6月10日
----------------------------------------------------*/


.event20220610 #careContents #notCareIndex .evDetail ul.SAlist {
	display: block;
	padding-top: 20px;
		border-bottom: 5px dotted #c6b59a;
		padding-bottom: 40px;
}

.event20220610 #careContents #notCareIndex .evDetail ul.SAlist li.imgArea {
	width: auto;
	padding-top: 40px;
	border-top: 5px dotted #c6b59a;
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}

.event20220610 #careContents #notCareIndex .evDetail ul.SAlist li.imgArea img {
    border-radius: 10px;
}


.event20220610 #careContents #notCareIndex .evDetail ul.SAlist li.imgArea .SAtextArea {
	width: 500px;
}

.event20220610 #careContents #notCareIndex .evDetail ul.SAlist li.imgArea .SAtextArea p.eventEnd {
	color: #f00;
	font-size: 18px;
	letter-spacing: -1px;
	/*font-weight: bold;*/
	font-family: "HondaGlobalFontJP-Bold", sans-serif;
	padding-bottom: 10px;
}

.event20220610 #careContents #notCareIndex .evDetail ul.SAlist li.imgArea .SAtextArea h5.dateTime {
	font-size: 30px;
	/*font-weight: bold;*/
	font-family: "HondaGlobalFontJP-Bold", sans-serif;
	line-height: 1.2;
}

.event20220610 #careContents #notCareIndex .evDetail ul.SAlist li.imgArea .SAtextArea h5.dateTime span {
	font-size: 20px;
}

.event20220610 #careContents #notCareIndex .evDetail ul.SAlist li h6.SAplace {
	font-size: 22px;
	/*font-weight: bold;*/
	font-family: "HondaGlobalFontJP-Bold", sans-serif;
	margin-top: 15px;
}

.event20220610 #careContents #notCareIndex .evDetail ul.SAlist li h6.SAplace span {
	font-size: 18px;
}

.event20220610 #careContents #notCareIndex .evDetail ul.SAlist li ul.itemList {
	margin-top: 20px;
}

.event20220610 #careContents #notCareIndex .evDetail ul.SAlist li ul.itemList li {
	margin-top: 5px;
	font-size: 16px;
	text-indent: -1em;
    margin-left: 1em;
}

.event20220610 #careContents #notCareIndex .evDetail p.repoLink {
	margin-top: 1em;
}

.event20220610 #careContents #notCareIndex .evDetail p.repoLink a {
	display: inline-block;
	padding: 10px 40px 10px 30px;
	text-align: left;
	box-sizing: border-box;
	background: url(../../common/images/point_triangle_w.svg) no-repeat right 20px center #f4a117;
	border-radius: 5px;
	/*font-weight: bold;*/
	font-family: "HondaGlobalFontJP-Bold", sans-serif;
	color: #fff;
	font-size: 18px;
	line-height: 1.2;
}

.event20220610 #careContents #notCareIndex .evDetail p.repoLink a:link,
.event20220610 #careContents #notCareIndex .evDetail p.repoLink a:visited {
        color:#fff;
        text-decoration: none;
}

.event20220610 #careContents #notCareIndex .evDetail p.repoLink a:hover,
.event20220610 #careContents #notCareIndex .evDetail p.repoLink a:active {
        color:#fff;
        text-decoration: none;
        opacity: 0.7;
}


.event20220610 #careContents #notCareIndex .evDetail ul.SAlist li ul.itemList li em.red {
    color: #f00;
    font-family: "HondaGlobalFontJP-Regular", sans-serif;
}

.event20220610 #careContents #notCareIndex .evDetail p.photoImage {
	text-align: right;
    font-size: 14px;
	margin-top: 20px;
}

/* ACCESSリンク */
.event20220610 #careContents #notCareIndex .evDetail p.accessLink {
	font-size: 20px;
	/*font-weight: bold;*/
	font-family: "HondaGlobalFontJP-Bold", sans-serif;
	padding-top: 60px;
	text-indent: -1em;
	margin-left: 1em;
	padding-bottom: 40px;
}

.event20220610 #careContents #notCareIndex .evDetail p.accessLink a::before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url(../../common/images/point_next_r.svg);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

.event20220610 #careContents #notCareIndex .evDetail p.accessLink a:link,
.event20220610 #careContents #notCareIndex .evDetail p.accessLink a:visited {
        color:#333333;
        text-decoration: none;
}

.event20220610 #careContents #notCareIndex .evDetail p.accessLink a:hover,
.event20220610 #careContents #notCareIndex .evDetail p.accessLink a:active {
        color:#cc0000;
        text-decoration: underline;
}



/*----------------------------------------------------
	ステップワゴン　サービスエリアin 高坂　2022年6月10日
----------------------------------------------------*/
/* メインタイトル変更 */
.event20220610takasaka #careContents #notCareIndex h3.listTitleRp {
	font-size: 33px;
	text-align: left;
	letter-spacing: -1px;
	line-height: 1.0;
	padding-top: 50px;
	/*font-weight:bold;*/
	font-family: "HondaGlobalFontJP-Bold", sans-serif;
}

.event20220610takasaka #careContents #notCareIndex h3.listTitleRp::before {
    background-color: #f4a117;
    border-radius: 3px;
    content: "";
    display: inline-block;
    height: 33px;
    margin-right: 20px;
    vertical-align: middle;
    width: 8px;
}

.event20220610takasaka #careContents #notCareIndex .evDetail h4.titleBar {
	color: #444;
}

.event20220610takasaka #careContents #notCareIndex .evDetail h4.titleBar::before {
	background-image: url(../../common/images/item_title_icon_nk.svg);
}

/* 上部画像エリア大 */
.event20220610takasaka #careContents #notCareIndex .evDetail .mainImg {
	margin-top: 30px;
}

.event20220610takasaka #careContents #notCareIndex .evDetail .mainImg img {
	border-radius: 10px;
}

/* サブタイトル */
.event20220610takasaka #careContents #notCareIndex .evDetail h5.subTitle {
	margin-top: 30px;
}

.event20220610takasaka #careContents #notCareIndex .evDetail p.txtArea.txtTopS {
	margin-top: 0.5em;
}

/* 上部画像エリア */
.event20220610takasaka #careContents #notCareIndex .evDetail .imgBox {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
}

.event20220610takasaka #careContents #notCareIndex .evDetail .imgBox p.txtArea {
	width: 500px;
	margin-top: 0;
}

.event20220610takasaka #careContents #notCareIndex .evDetail .imgBox .imgArea {
	width: 450px;
}

.event20220610takasaka #careContents #notCareIndex .evDetail .imgBox .imgArea img {
	border-radius: 10px;
}

/* お客様の声 */
.event20220610takasaka #careContents #notCareIndex .evDetail .usersVoice {
	margin-top: 50px;
}

.event20220610takasaka #careContents #notCareIndex .evDetail .usersVoice p.voiceTxt {
	font-size: 18px;
}

.event20220610takasaka #careContents #notCareIndex .evDetail .usersVoice ul.voiceList {
	padding-top: 0.5em;
}

.event20220610takasaka #careContents #notCareIndex .evDetail .usersVoice ul.voiceList li {
	margin-top: 0.5em;
	text-indent: -1.5em;
	margin-left: 1.5em;
	font-size: 18px;
}

/* 写真リスト */
.event20220610takasaka #careContents #notCareIndex .evDetail ul.imgList {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.event20220610takasaka #careContents #notCareIndex .evDetail ul.imgList li {
	margin-top: 30px;
	width: 450px;
}

.event20220610takasaka #careContents #notCareIndex .evDetail ul.imgList li figure figcaption {
	font-size: 15px;
	margin-top: 0.5em;
}

.event20220610takasaka #careContents #notCareIndex .evDetail ul.imgList li img {
	border-radius: 10px;
}

/* 締めのテキスト */
.event20220610takasaka #careContents #notCareIndex .evDetail .bottomTxt {
	font-size: 18px;
	margin-top: 40px;
}

/* 締めのテキスト注意 */
.event20220610takasaka #careContents #notCareIndex .evDetail .bottomTxt.attent {
	margin-top: 20px;
	color: #b42f20;
	/*font-weight: bold;*/
	font-family: "HondaGlobalFontJP-Bold", sans-serif;
}


/* 締めのテキスト最後 */
.event20220610takasaka #careContents #notCareIndex .evDetail .bottomTxt.txtEnd {
	padding-bottom: 40px;
}

/* 次回のイベント */
.event20220610takasaka #careContents #notCareIndex .evDetail .nextEvent {
	margin-top: 40px;
	font-size: 18px;
	border: 2px solid #f6b750;
	border-radius: 10px;
	padding: 10px 20px;
	background: #fff;
}

.event20220610takasaka #careContents #notCareIndex .evDetail .nextEvent h5 {
	/*font-weight: bold;*/
	font-family: "HondaGlobalFontJP-Bold", sans-serif;
}

.event20220610takasaka #careContents #notCareIndex .evDetail .nextEvent p {
	margin-top: 0.5em;
}

/* ACCESSリンク */
.event20220610takasaka #careContents #notCareIndex .evDetail p.accessLink {
	font-size: 18px;
	/*font-weight: bold;*/
	font-family: "HondaGlobalFontJP-Bold", sans-serif;
	text-indent: -1em;
	margin-left: 1em;
	/*padding-top: 40px;*/
	padding-bottom: 40px;
	margin-top: 40px;
}

.event20220610takasaka #careContents #notCareIndex .evDetail p.accessLink a::before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url(../../common/images/point_next_r.svg);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

.event20220610takasaka #careContents #notCareIndex .evDetail p.accessLink a:link,
.event20220610takasaka #careContents #notCareIndex .evDetail p.accessLink a:visited {
        color:#333333;
        text-decoration: none;
}

.event20220610takasaka #careContents #notCareIndex .evDetail p.accessLink a:hover,
.event20220610takasaka #careContents #notCareIndex .evDetail p.accessLink a:active {
        color:#cc0000;
        text-decoration: underline;
}