@charset "utf-8";

/*----------------------------------------------------
	SP用
----------------------------------------------------*/
@media screen and (max-width: 736px) {
.campaign .w980 {
    width: 100%;
    padding: 0 10px;
}

/* 背景画像 */
.campaign #careContents {
	background-position-x: calc(50% + 150px);
}

/* キャンペーン終了 */
.campaign #notCareIndex p.topAttent {
	font-size: 6vw;
	text-align: left;
	padding: 0;
}

/* タイトルバー */
.campaign #notCareIndex h4.titleBar {
	font-size: 5.66vw;
	margin-top: 30px;
	text-indent: -39px;
	padding-left: 39px;
	padding-top: 2vw;
	padding-bottom: 2vw;
}

.campaign #notCareIndex h4.titleBar::before {
	margin-right: 5px;
	margin-left: 8px;
}

.campaign #notCareIndex h4.titleBar span {
	display: block;
	margin-left: 0px;
	padding-top: 5px;
	font-size: 4vw;
	text-indent: 0;
}


/* セクション */
.campaign #notCareIndex section {
	margin-top: 40px;
}

/*----------------------------------------------------
	スターフライヤー
----------------------------------------------------*/
.campaign.starflyer #notCareIndex .catchArea {
	font-size: 3.66vw;
}

.campaign.starflyer #notCareIndex img {
	width: 100%;
}

.campaign.starflyer #notCareIndex .catchArea .imgBox {
	display: block;
}

.campaign.starflyer #notCareIndex .catchArea .txtArea {
	width: 100%;
}


.campaign.starflyer #notCareIndex .catchArea figure {
	width: 100%;
	margin-top: 1em;
}



.campaign.starflyer #notCareIndex .detailArea p {
	word-break: break-all;
	font-size: 4.66vw;
}

.campaign.starflyer #notCareIndex .detailArea .notes ul.notesDogAttent {
	font-size: 3.66vw;
}

/*-------------------SP用終了-------------------*/
}