@charset "UTF-8";


/* ===============================
	SCロゴ周り
=============================== */
body { font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Lucida Grande","ＭＳ Ｐゴシック","Osaka",Helvetica,verdana,arial,sans-serif; }
.header_wrap { width: 100%; overflow: hidden; padding: 10px; display: flex; box-sizing: border-box; }
.header_wrap .larea { width: 78px; }
.header_wrap .rarea { width: calc(100% - 78px); text-align: left; padding: 10px; box-sizing: border-box; }

.header_wrap p.sclogo { text-align: left; }
.header_wrap p.sclogo img { width: 78px; height: auto; }
.header_wrap p.catch { width: 84px; height: auto; margin-bottom: 2px; }
.header_wrap p.catch img { width: 84px; }

/* ===============================
	footer 周り
=============================== */
#footerarea { position: relative; width: 100%; margin: 0; text-align: center; }
#footerarea p.backtotop a img { width: 137px; position: absolute; right: 0; bottom: 5.5em; opacity: 0.7; }
#footerarea p.copyright { margin: 0 auto; padding: 5px; font-size: 10px; color: #fff; background-color: #333; }

/* ===============================
	PC/SP表示・非表示切り替え
=============================== */
.coop55th .sp_only,
.coop55th .pc_only {
	display: none;
}

@media (min-width: 768px) {
	.coop55th .pc_only {
		display: block;
	}
}

@media (max-width: 767px) {
	.coop55th .sp_only {
		display: block;
	}
}

/* ===============================
	既存スタイル変更
=============================== */

#wrapper img {
	max-width: inherit;
}

/* ===============================
	全体
=============================== */

.coop55th {
	width: 750px;
	margin: 0 auto 30px;
	background: #fff url(/common2/coop55th/img/main_back.jpg) center top / 100% auto no-repeat;
	text-align: center;
}

.coop55th p {
	margin: 0;
	font-size: clamp(13px, 2vw, 16px);
}

/* ===============================
	ご挨拶エリア
=============================== */

.coop55th .greeting_Area {
	position: relative;
	margin: 0 auto;
	padding-top: 80px;
	padding-bottom: 60px;
}

/* 閉じた時だけ白い板を被せる */
.coop55th .greeting_Area::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: var(--note-white-top, 0);
	bottom: var(--note-white-bottom, 0);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 10%, rgba(255, 255, 255, 1) 30%);
	opacity: 0;
	z-index: 1;
	pointer-events: none;
}

.coop55th .greeting_Area.is-note-collapsed::after {
	opacity: 1;
}

.coop55th .greeting_Area > .but_link {
	position: relative;
	z-index: 3;
}

.coop55th .greeting_Area {
	position: relative;
}


/* ===============================
	キャンペーンエリア
=============================== */

.coop55th .camp_Area {
	position: relative;
	margin: 0 auto 60px;
	background-color: #fff;
}

@media (min-width: 768px) {
	.coop55th .camp_Area::before {
		content: "";
		position: absolute;
		top: -280px;
		left: 0;
		width: 100%;
		height: 427px;
		pointer-events: none;
		z-index: 2;
		background: url(/common2/coop55th/img/lr_line.png) center top / 100% 100% no-repeat;
		opacity: 0;
		transition: opacity 0.40s ease 0.38s;
	}
}

.coop55th .greeting_Area.is-note-collapsed + .camp_Area::before {
	opacity: 1;
}

.coop55th .camp_Area .backimg {
	position: absolute;
	top: 120px;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/common2/coop55th/img/banner_back.png) center top / 100% auto repeat-y;
	z-index: 0;
}

.coop55th .camp_Area > * {
	position: relative;
	z-index: 1;
}

/* ===============================
	共通画像・リンク
=============================== */

.coop55th img {
	display: block;
	margin: 0 auto;
	height: auto;
	vertical-align: bottom;
}

.coop55th a.nolink {
	pointer-events: none;
	cursor: default;
}

.coop55th a.nolink.imggray {
	filter: grayscale(50%) brightness(40%);
	opacity: 0.5;
}

/* ===============================
	NEWラベル
=============================== */

.coop55th .new {
	position: relative;
}

.coop55th .new:after {
	content: "NEW";
	position: absolute;
	left: -12px;
	top: -16px;
	padding: 6px 14px 5px;
	background: #ff2b2b;
	color: #fff;
	font-size: clamp(12px, 2vw, 17px);
	font-weight: lighter;
	line-height: 1;
	border-radius: 999px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.18);
	z-index: 2;
}


/* ===============================
	ロゴ・キャッチコピー
=============================== */

.coop55th h1.title,
.coop55th h2.catch_tex {
	position: relative;
	margin: 0 auto;
}

.coop55th h1.title {
	width: 100%;
	height: auto;
	max-width: 462px;
	z-index: 2;
	cursor: pointer;
}

.coop55th h2.catch_tex {
	margin: -40px auto 0;
	width: 100%;
	max-width: 750px;
	z-index: 4;
}

/* ===============================
	ご挨拶アコーディオン
=============================== */

.coop55th .note_Area {
	position: relative;
	width: 100%;
	max-width: 692px;
	margin: -55px auto 30px;
	z-index: 2;
}

.coop55th .note_Area .note_inner {
	position: relative;
	overflow: hidden;
}

.coop55th .note {
	position: relative;
}

.coop55th .note_tex {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

.coop55th .mes_open,
.coop55th .mes_close {
	position: absolute;
	top: 73px;
	left: 50%;
	transform: translate(-50%, 0);
	cursor: pointer;
}

.coop55th .mes_close {
	display: none;
}

/* ===============================
	キャンペーンタイトル・枠
=============================== */

.coop55th .camp_Area h2.title {
	margin: 0 auto 30px;
}

.camp_Area section.camp_wrap {
	position: relative;
	margin-bottom: 40px;
}

.camp_Area section.camp_wrap .upper {
	position: relative;
}

/* ===============================
	キャンペーン日付・開閉ボタン
=============================== */

.camp_Area section.camp_wrap .upper .align_day,
.camp_Area section.camp_wrap .upper .oc_but {
	position: absolute;
	right: 0;
}

.camp_Area section.camp_wrap .upper .align_day {
	top: 20px;
}

.camp_Area section.camp_wrap .upper .oc_but {
	bottom: 5px;
}

.coop55th .ban_open {
	position: absolute;
	bottom: 15px;
	right: 0;
}

.coop55th .ban_close {
	position: absolute;
	bottom: 15px;
	right: 0;
	display: none;
}

/* ===============================
	キャンペーン日付表示
=============================== */

.coop55th .mmdd {
	position: absolute;
	top: 0;
	color: #e6a200;
}

.coop55th .mmdd .mm {
	position: absolute;
	top: 6px;
	left: 6px;
	font-size: clamp(16px, 2.5vw, 24px);
	font-weight: 800;
}

.coop55th .mmdd .dd {
	position: absolute;
	top: 25px;
	left: 46px;
	font-size: clamp(20px, 3vw, 30px);
	font-weight: 900;
	transform: scaleY(1.3);
}

/* ===============================
	キャンペーン詳細
=============================== */

.coop55th .camp_Area .camp_wrap .camp_cont {
	padding: 0;
}

.coop55th .camp_Area .camp_wrap .camp_cont .but_link {
	margin-top: 30px;
}


/* =========================
   風船レイヤー共通
========================= */
.coop55th .greeting_Area {
	position: relative;
	overflow: hidden;
}

.coop55th .greeting_Area .balloon_layer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: auto;
	overflow: hidden;
	pointer-events: none;
	transition: height 0.6s ease; /* 開閉時風船見切れ防止 */
}

/* アコーディオン閉 */
.coop55th .greeting_Area.is-note-collapsed .balloon_layer {
	height: 60%;
}

/* アコーディオン開 */
.coop55th .greeting_Area.is-note-expanded .balloon_layer {
	height: 33%;
}

/* SP補正 */
@media (max-width: 767px) {
	.coop55th .greeting_Area.is-note-collapsed .balloon_layer {
		height: 120%;
	}

	.coop55th .greeting_Area.is-note-expanded .balloon_layer {
		height: 70%;
	}
}

.coop55th .balloon_layer.l_layer {
	transform-origin: top left;
}

.coop55th .balloon_layer.r_layer {
	transform-origin: top right;
}

.coop55th .balloon_layer .balloon {
	position: absolute;
	display: block;
	width: auto;
	height: auto;
	max-width: none;
	opacity: 0;
	will-change: transform, opacity;
	backface-visibility: hidden;
}

.coop55th .balloon_layer .balloon.is-show {
	animation-duration: 2.4s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}

.coop55th .b_l01.is-show,
.coop55th .b_r03.is-show,
.coop55th .b_l07.is-show {
	animation-duration: 2.2s;
}

.coop55th .b_l02.is-show,
.coop55th .b_r01.is-show,
.coop55th .b_r09.is-show {
	animation-duration: 2.6s;
}

/* 左側は右寄りに揺れながら上昇 */
.coop55th .balloon_layer .b_l01.is-show,
.coop55th .balloon_layer .b_l02.is-show,
.coop55th .balloon_layer .b_l03.is-show,
.coop55th .balloon_layer .b_l04.is-show,
.coop55th .balloon_layer .b_l05.is-show,
.coop55th .balloon_layer .b_l06.is-show,
.coop55th .balloon_layer .b_l07.is-show,
.coop55th .balloon_layer .b_l08.is-show,
.coop55th .balloon_layer .b_l09.is-show,
.coop55th .balloon_layer .b_l10.is-show,
.coop55th .balloon_layer .b_l11.is-show {
	animation-name: coop55thBalloonInLeft;
}

/* 右側は左寄りに揺れながら上昇 */
.coop55th .balloon_layer .b_r01.is-show,
.coop55th .balloon_layer .b_r02.is-show,
.coop55th .balloon_layer .b_r03.is-show,
.coop55th .balloon_layer .b_r04.is-show,
.coop55th .balloon_layer .b_r05.is-show,
.coop55th .balloon_layer .b_r06.is-show,
.coop55th .balloon_layer .b_r07.is-show,
.coop55th .balloon_layer .b_r08.is-show,
.coop55th .balloon_layer .b_r09.is-show,
.coop55th .balloon_layer .b_r10.is-show,
.coop55th .balloon_layer .b_r11.is-show {
	animation-name: coop55thBalloonInRight;
}

/* =========================
   上側の固定風船だけ、より下から出す
========================= */

/* 左の上側 */
.coop55th .balloon_layer .b_l01.is-show,
.coop55th .balloon_layer .b_l02.is-show,
.coop55th .balloon_layer .b_l03.is-show,
.coop55th .balloon_layer .b_l05.is-show {
	animation-name: coop55thBalloonInLeftDeep;
}

/* 右の上側 */
.coop55th .balloon_layer .b_r01.is-show,
.coop55th .balloon_layer .b_r02.is-show,
.coop55th .balloon_layer .b_r03.is-show,
.coop55th .balloon_layer .b_r04.is-show {
	animation-name: coop55thBalloonInRightDeep;
}


@keyframes coop55thBalloonInLeft {
	0% {
		opacity: 0;
		transform: translate3d(-0.6px, 160px, 0) rotate(0.6deg) scale(0.92);
	}
	18% {
		opacity: 0.3;
		transform: translate3d(0.6px, 118px, 0) rotate(-0.6deg) scale(0.96);
	}
	38% {
		opacity: 0.5;
		transform: translate3d(-0.6px, 70px, 0) rotate(0.6deg) scale(0.985);
	}
	58% {
		opacity: 0.7;
		transform: translate3d(0.6px, 34px, 0) rotate(-0.6deg) scale(1);
	}
	78% {
		opacity: 0.9;
		transform: translate3d(-0.6px, 10px, 0) rotate(0.6deg) scale(1);
	}
	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
	}
}

@keyframes coop55thBalloonInRight {
	0% {
		opacity: 0;
		transform: translate3d(0.6px, 160px, 0) rotate(-0.6deg) scale(0.92);
	}
	18% {
		opacity: 0.3;
		transform: translate3d(-0.6px, 118px, 0) rotate(0.6deg) scale(0.96);
	}
	38% {
		opacity: 0.5;
		transform: translate3d(0.6px, 70px, 0) rotate(-0.6deg) scale(0.985);
	}
	58% {
		opacity: 0.9;
		transform: translate3d(-0.6px, 34px, 0) rotate(0.6deg) scale(1);
	}
	78% {
		opacity: 1;
		transform: translate3d(0.6px, 10px, 0) rotate(-0.6deg) scale(1);
	}
	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
	}
}

@keyframes coop55thBalloonInLeftDeep {
	0% {
		opacity: 0;
		transform: translate3d(-0.6px, 320px, 0) rotate(0.6deg) scale(0.92);
	}
	18% {
		opacity: 0.3;
		transform: translate3d(0.6px, 236px, 0) rotate(-0.6deg) scale(0.96);
	}
	38% {
		opacity: 0.5;
		transform: translate3d(-0.6px, 140px, 0) rotate(0.6deg) scale(0.985);
	}
	58% {
		opacity: 0.7;
		transform: translate3d(0.6px, 68px, 0) rotate(-0.6deg) scale(1);
	}
	78% {
		opacity: 0.9;
		transform: translate3d(-0.6px, 20px, 0) rotate(0.6deg) scale(1);
	}
	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
	}
}

@keyframes coop55thBalloonInRightDeep {
	0% {
		opacity: 0;
		transform: translate3d(0.6px, 320px, 0) rotate(-0.6deg) scale(0.92);
	}
	18% {
		opacity: 0.3;
		transform: translate3d(-0.6px, 236px, 0) rotate(0.6deg) scale(0.96);
	}
	38% {
		opacity: 0.5;
		transform: translate3d(0.6px, 140px, 0) rotate(-0.6deg) scale(0.985);
	}
	58% {
		opacity: 0.9;
		transform: translate3d(-0.6px, 68px, 0) rotate(0.6deg) scale(1);
	}
	78% {
		opacity: 1;
		transform: translate3d(0.6px, 20px, 0) rotate(-0.6deg) scale(1);
	}
	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
	}
}


/* =========================
   左側
========================= */
.coop55th .b_l01 {top: 24px;left: 35px;width: 78px;}
.coop55th .b_l02 {top: 78px;left: -19px;width: 70px;}
.coop55th .b_l03 {top: 156px;left: -34px;width: 78px;}
.coop55th .b_l04 {top: 226px;left: -31px;width: 62px;}
.coop55th .b_l05 {top: 125px;left: 20px;width: 72px;}
.coop55th .b_l06 {top: 236px;left: 24px;width: 58px;}
.coop55th .b_l07 {top: 312px;left: -13px;width: 68px;}
.coop55th .b_l08 {top: 339px;left: 34px;width: 60px;}
.coop55th .b_l09 {top: 386px;left: -36px;width: 68px;}
.coop55th .b_l10 {top: 452px;left: 29px;width: 60px;}
.coop55th .b_l11 {top: 510px;left: -12px;width: 66px;}

/* =========================
   右側
========================= */
.coop55th .b_r01 {top: 7px;right: 12px;width: 78px;}
.coop55th .b_r02 {top: 60px;right: -31px;width: 70px;}
.coop55th .b_r03 {top: 93px;right: 34px;width: 78px;}
.coop55th .b_r04 {top: 128px;right: -49px;width: 70px;}
.coop55th .b_r05 {top: 219px;right: 38px;width: 66px;}
.coop55th .b_r06 {top: 301px;right: -37px;width: 70px;}
.coop55th .b_r07 {top: 218px;right: -14px;width: 70px;}
.coop55th .b_r08 {top: 313px;right: 21px;width: 66px;}
.coop55th .b_r09 {top: 423px;right: 30px;width: 64px;}
.coop55th .b_r10 {top: 497px;right: -19px;width: 64px;}
.coop55th .b_r11 {top: 389px;right: -40px;width: 60px;}


/* =========================
   流れる風船レイヤー
========================= */
.coop55th .greeting_Area .balloon_layer.float_layer {
	position: absolute;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	z-index: 1;
}

.coop55th .greeting_Area .balloon_layer.float_layer .balloon.float-balloon {
	position: absolute;
	display: block;
	width: auto;
	height: auto;
	max-width: none;
	opacity: 0;
	will-change: transform, opacity;
	backface-visibility: hidden;
	animation-name: coop55thBalloonFloatUp;
	animation-timing-function: linear;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

@keyframes coop55thBalloonFloatUp {
	0% {
		transform: translate3d(0, 0, 0) rotate(-1deg) scale(0.92);
		opacity: 0;
	}
	15% {
		opacity: 1;
	}
	100% {
		transform: translate3d(0, -140vh, 0) rotate(0deg) scale(1.03);
		opacity: 1;
	}
}

/* ===============================
	55th モーダル
=============================== */

.coop55th_modal {
	position: fixed;
	inset: 0;
	display: none;
	z-index: 9999;
}

.coop55th_modal.is-active {
	display: block;
}

.coop55th_modal_overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.45);
}

.coop55th_modal_dialog {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 40px);
	max-width: 640px;
	background: #fff;
	box-sizing: border-box;
	padding: 14px 14px 16px;
}

.coop55th_modal_inner {
	position: relative;
}

.coop55th_modal_apng {
	margin: 0;
}

.coop55th_modal_apng img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.coop55th_modal_button {
	margin: 12px 0 0;
	text-align: center;
}

.coop55th_modal_button img {
	display: block;
	width: 100%;
	max-width: 446px;
	height: auto;
	margin: 0 auto;
}

.coop55th_modal_close {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 30px;
	height: 30px;
	border: 1px solid #666;
	background: #fff;
	cursor: pointer;
	padding: 0;
	appearance: none;
	-webkit-appearance: none;
	z-index: 2;
}

.coop55th_modal_close::before,
.coop55th_modal_close::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 2px;
	background: #222;
	transform-origin: center;
}

.coop55th_modal_close::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.coop55th_modal_close::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.coop55th_modal_close:hover {
	opacity: 0.85;
}

body.is-coop55th-modal-open {
	overflow: hidden;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
   ■■■■■■■■■■ SP対応 ■■■■■■■■■■
   ■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

@media (max-width: 767px) {

	/* ===============================
		SCロゴ周り
	=============================== */
	body {
		font-family: sans-serif;
	}

	.header_wrap {
		padding: 10px 8px;
	}

	.header_wrap .larea {
		width: 63px;
	}

	.header_wrap .rarea {
		width: calc(100% - 63px);
		padding: 8px 8px 8px 10px;
	}

	.header_wrap p.sclogo img {
		width: 63px;
	}

	.header_wrap p.catch {
		width: 84px;
		margin-bottom: 2px;
	}

	.header_wrap p.catch img {
		width: 84px;
	}

	.header_wrap p.htex {
		font-size: 12px;
		line-height: 1.4;
	}

	/* ===============================
		footer 周り
	=============================== */
	#footerarea p.backtotop a img {
		width: 100px;
		bottom: 3.5em;
		z-index: 2;
	}

	/* ===============================
		全体
	=============================== */
	.coop55th {
		width: 100%;
		max-width: 750px;
		margin: 0 auto 77px;
		background: #fff url(/common2/coop55th/img/main_back.jpg) center top / 100% auto no-repeat;
	}

	/* ===============================
		ご挨拶エリア
	=============================== */
	.coop55th .greeting_Area {
		padding-top: 10.6667%;
		padding-bottom: 8%;
	}

	/* ===============================
		NEWラベル
	=============================== */
	.coop55th .new:after {
		left: -8px;
		top: -12px;
		padding: 5px 12px;
		font-size: clamp(13px, 3.3vw, 15px);
	}

	/* ===============================
		ロゴ・キャッチコピー
	=============================== */
	.coop55th h1.title {
		width: 61.6%;
		max-width: none;
	}

	.coop55th h1.title img {
		width: 100%;
	}

	.coop55th h2.catch_tex {
		margin: -5.3333% auto 0;
		width: 100%;
		max-width: none;
	}

	.coop55th h2.catch_tex img {
		width: 100%;
	}

	/* ===============================
		ご挨拶アコーディオン
	=============================== */
	.coop55th .note_Area {
		width: 92.2667%;
		max-width: none;
		margin: -7.3333% auto 4%;
	}

	.coop55th .note_Area .note,
	.coop55th .note_Area .note_tex,
	.coop55th .note_Area .note img,
	.coop55th .note_Area .note_tex img {
		width: 100%;
	}

	.coop55th .mes_open,
	.coop55th .mes_close {
		top: 9.7333vw;
		width: 62%;
		max-width: none;
	}

	.coop55th .mes_open img,
	.coop55th .mes_close img {
		width: 100%;
	}

	.coop55th .greeting_Area > .but_link {
		width: 91.2%;
		margin-left: auto;
		margin-right: auto;
	}

	.coop55th .greeting_Area > .but_link img {
		width: 100%;
	}

	/* ===============================
		キャンペーンエリア
	=============================== */
	.coop55th .camp_Area {
		margin: 0 auto 8%;
	}

	.coop55th .camp_Area img,
	.coop55th .camp_Area input {
		width: 100%;
		height: auto;
	}

	.coop55th .camp_Area .backimg {
		top: 10%;
		width: 100%;
		height: calc(100% - 5%);
		background: url(/common2/coop55th/img/banner_back.png) center top / 100% auto repeat-y;
	}

	.coop55th .camp_Area h2.title {
		width: 60.4%;
		margin: 0 auto 4%;
	}

	.coop55th .camp_Area h2.title img {
		width: 100%;
	}

	.coop55th .camp_Area #articles_pr .camp_wrap {
		margin-bottom: 5.3333%;
	}

	.coop55th .camp_Area #articles_pr .camp_wrap .toggle img {
		width: 100%;
	}

	/* ===============================
		キャンペーン日付・開閉ボタン
	=============================== */
	.camp_Area section.camp_wrap .upper .align_day {
		top: 2.6667%;
		right: 0;
		width: 14.4%;
	}

	.camp_Area section.camp_wrap .upper .align_day .ali_day img {
		width: 100%;
	}

	.camp_Area section.camp_wrap .upper .oc_but {
		right: 0;
		bottom: 6%;
		width: 100%;
	}

	.coop55th .ban_open,
	.coop55th .ban_close {
		right: 0;
		bottom: 2%;
		width: 14.4%;
	}

	.coop55th .ban_open img,
	.coop55th .ban_close img {
		width: 100%;
	}

	/* ===============================
		キャンペーン日付表示
	=============================== */
	.coop55th .mmdd {
		top: 0;
	}

	.coop55th .mmdd .mm {
		top: 0.8vw;
		left: 0.8vw;
		font-size: clamp(12px, 2.9vw, 20px);
	}

	.coop55th .mmdd .dd {
		top: 3.4vw;
		left: 6vw;
		font-size: clamp(15px, 4vw, 24px);
	}

	/* ===============================
		キャンペーン詳細
	=============================== */
	.coop55th .camp_Area .camp_wrap .camp_cont {
		padding: 0;
		text-align: left;
	}

	.coop55th .camp_Area .camp_wrap .camp_cont .but_link {
		width: 80%;
		margin: 4% auto 0;
	}

	.coop55th .camp_Area .camp_wrap .camp_cont .but_link img {
		width: 100%;
	}

	.coop55th .camp_Area > .but_link {
		width: 91.2%;
		margin-left: auto;
		margin-right: auto;
	}

	.coop55th .camp_Area > .but_link img {
		width: 100%;
	}

	/* ===============================
		風船
	=============================== */

	.coop55th .balloon_layer.l_layer {
		transform: scale(0.5);
		transform-origin: top left;
	}

	.coop55th .balloon_layer.r_layer {
		transform: scale(0.5);
		transform-origin: top right;
	}

	/* ===============================
		55th モーダル
	=============================== */
	.coop55th_modal_dialog {
		width: calc(100% - 24px);
		max-width: 640px;
		padding: 10px 10px 12px;
	}

	.coop55th_modal_close {
		top: 4px;
		right: 4px;
		width: 26px;
		height: 26px;
	}

	.coop55th_modal_button {
		margin-top: 10px;
	}
}