@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 h4.titleBar {
	font-size: 5.66vw;
	margin-top: 30px;
	text-indent: -39px;
	padding-left: 39px;
}

.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: 50px;
}

/* 基本のボタン */
.campaign #notCareIndex a.btDetail {
	padding: 15px 0;
	font-size: 7vw;
	text-align: center;
	width: 100%;
}

/* テキストリンク */
.campaign #careContents #notCareIndex a.pointLinkS {
	background-position: left 6px;
}


/* タイトルまわり */
.campaign #notCareIndex .mainTitleArea {
	padding: 10px;
}

.campaign #notCareIndex .mainTitleArea .ribbonArea p.titleRibbon {
	margin: 0 20px;
	width: calc(100% - 40px);
	font-size: 5vw;
	padding-left: 8px;
	padding-right: 8px;
	line-height: 1.2;
}

.campaign #notCareIndex .mainTitleArea .ribbonArea::before {
	bottom: -7px;
	left: -5px;
}

.campaign #notCareIndex .mainTitleArea .ribbonArea::after {
	bottom: -7px;
	right: -5px;
}

/* タイトルメイン */
.campaign #notCareIndex .mainTitleArea .titleArea {
	display: block;
}

.campaign #notCareIndex .mainTitleArea .titleArea .titleBox .titleText {
	padding-left: 0px;
	margin-top: 10px;
}

.campaign #notCareIndex .mainTitleArea .titleArea .titleBox .titleText h2 {
	font-size: 8vw;
}

.campaign #notCareIndex .mainTitleArea .titleArea .titleBox .titleText p {
	font-size: 6vw;
}

.campaign #notCareIndex .mainTitleArea .titleArea .titleBox .titleImg {
	text-align: center;
}

.campaign #notCareIndex .mainTitleArea .titleArea .titleBox.boxDog {
	flex-direction: column;
}

.campaign #notCareIndex .mainTitleArea .titleArea .titleBox.boxDog .titleImg {
	margin-top: 15px;
}



/* タイトル日付 */
.campaign #notCareIndex .mainTitleArea p.date {
	font-size: 4.66vw;
	text-align: left;
}


/* 応募ボタンまわり */
.campaign #notCareIndex .ouboTextArea {
	padding-top: 0px;
}

.campaign #notCareIndex .ouboTextArea p.ouboCatch {
	font-size: 4.33vw;
	text-align: left;
	margin-top: 30px;
}

/* 応募ボタン */
.campaign #notCareIndex .ouboTextArea p.ouboButton {
	margin-top: 30px;
}

.campaign #notCareIndex .ouboTextArea p.ouboButton a.btDetail.btOubo {
	font-size: 6vw;
	padding: 12px 0;
	width: 100%;
}



/* プレゼント賞品詳細 */
.campaign #notCareIndex .presentDetail p.presentCatch {
	font-size: 4.33vw;
	margin-top: 30px;
}

/* プレゼント賞品さんふらわあ詳細 */
.campaign #notCareIndex .presentDetail .presentSun {
	margin-top: 30px;
	display: block;
}

.campaign #notCareIndex .presentDetail .presentSun .presentImg {
	width: 100%;
	padding-top: 30px;
}

.campaign #notCareIndex .presentDetail .presentSun .presentImg figure figcaption {
	font-size: 3.5vw;
	text-indent: -1em;
	margin-left: 1em;
}

.campaign #notCareIndex .presentDetail .presentSun .presentText {
	width: 100%;
}

.campaign #notCareIndex .presentDetail .presentSun .presentText dl {
	align-items: stretch;
	padding-top: 0;
}

.campaign #notCareIndex .presentDetail .presentSun .presentText dl dt {
	width: 14%;
	padding-top: 5px;
}

.campaign #notCareIndex .presentDetail .presentSun .presentText dl dd {
	width: 84%;
	font-size: 4.33vw;
}

.campaign #notCareIndex .presentDetail .presentSun .presentText dl dd em {
	font-size: 3.33vw;
}

.campaign #notCareIndex .presentDetail .presentSun .presentText dl dd em .people {
	font-size: 4.33vw;
}

.campaign #notCareIndex .presentDetail .presentSun .presentText dl dd .howmany {
	font-size: 3.5vw;
}

/* 乗船チケットについての注意事項 */
.campaign #notCareIndex .presentDetail .notesTickets {
	margin-top: 40px;
}

.campaign #notCareIndex .presentDetail .notesTickets h5 {
	font-size: 4vw;
}

.campaign #notCareIndex .presentDetail .notesTickets p.notesCatch {
	font-size: 3.66vw;
}

.campaign #notCareIndex .presentDetail .notesTickets ul.notesLink {
	font-size: 3.66vw;
}

.campaign #notCareIndex .presentDetail .notesTickets ul.notesAttent {
	font-size: 3.66vw;
}

/* プレゼント賞品Dog詳細 */
.campaign #notCareIndex .presentDog ul {
	justify-content: space-between;
	padding-top: 0;
}

.campaign #notCareIndex .presentDog ul li {
	width: 48.5%;
}

.campaign #notCareIndex .presentDog ul li dl dd strong {
	font-size: 4vw;
	line-height: 1.2;
	letter-spacing: -1px;
}

.campaign #notCareIndex .presentDog ul li dl dd strong::after {
	width: 3.5vw;
	height: 3.5vw;
	margin-left: 5px;
}

.campaign #notCareIndex .presentDog ul li dl dt {
	width: 19%;
}

.campaign #notCareIndex .presentDog ul li dl dd:nth-of-type(1) {
	padding-left: 5px;
	width: 81%;
}

.campaign #notCareIndex .presentDog ul li dl dd:nth-of-type(2) {
	width: 100%;
}

.campaign #notCareIndex .presentDog ul li dl dd:nth-of-type(2) img {
	width: 100%;
}

.campaign #notCareIndex .presentDog ul li dl dd:nth-of-type(3) {
	width: auto;
	/*margin-top: 5px;*/
	bottom: 21vw;
	left: 1.5vw;
}

.campaign #notCareIndex .presentDog ul li dl dd em {
	font-size: 3.33vw;
}

.campaign #notCareIndex .presentDog ul li dl dd em .people {
	font-size: 4vw;
}

.campaign #notCareIndex .presentDog ul li.listEnd {
	width: 100%;
}

.campaign #notCareIndex .presentDog ul li.listEnd dl dt {
	width: 9.215%;
}

.campaign #notCareIndex .presentDog ul li.listEnd dl dd:nth-of-type(1) {
	width: 90.785%;
}

.campaign #notCareIndex .presentDog ul li.listEnd dl dd:nth-of-type(2) {
	width: 48.5%;
}

.campaign #notCareIndex .presentDog ul li.listEnd dl dd:nth-of-type(3) {
	width: 100%;
}


/* 応募要項 */
.campaign #notCareIndex .apply p.appCatch {
	font-size: 4.66vw;
	text-align: left;
	margin-top: 20px;
}

.campaign #notCareIndex .apply .requirement {
	height: 300px;
	font-size: 3.66vw;
	margin-top: 20px;
}

.campaign #notCareIndex .apply .requirement h4.detailTitle {
	font-size: 5vw;
}

.campaign #notCareIndex .apply .agree .checkBox {
	font-size: 5vw;
}

/*----------------------------------------------------
	thankyouページ
----------------------------------------------------*/
.campaignThanks #notCareIndex {
	font-size: 4vw;
	padding: 30px 10px 100px;
    width: 100%;
}

.campaignThanks #notCareIndex h3.thanksTitle {
	font-size: 7vw;
	/*font-weight: bold;*/
	font-family: "HondaGlobalFontJP-Bold", sans-serif;
}



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