/* プレゼント */
.present__contents {
	margin-bottom: 2rem;
}
.present__contents--title {
	font-size: 0;
	margin: 0;
}
.present__contents--title-img {
	width: 100%;
	height: auto;
}
.present__contents--caution {
	border: 2px solid #f66076;
	margin: 0 1rem 1rem;
	padding: 0.6rem;
}
.present__contents--accordion-bar {
	border: 1px solid #eb6d9a;
	padding: .375rem .75rem;
	position: relative;
	user-select: none;
	width: 90%;
	margin: 0 auto;
}
.present__contents--accordion-inner {
	position: relative;
}
.present__contents--accordion-block {
	width: 90%;
	margin: 0 auto;
}
.present__contents--accordion-ul, .present__contents--accordion-li,
.present__contents--accordion-ul-s, .present__contents--accordion-li-s {
	list-style: none;
	margin: 0;
	padding: 0;
}
.present__contents--accordion-li {
	position: relative;
	padding-left: 1.2rem;
}
.present__contents--accordion-li::before {
	content: '・';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
}
.present__contents--accordion-li-s {
	position: relative;
	padding-left: 1.2rem;
}
.present__contents--accordion-li-s::before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}
.present__contents--term {
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.present__contents--status {
	background-color: #fcf9d6;
	margin: 0 auto;
	max-width: 100%;
	padding: 0.4rem;
	text-align: center;
}
.present__contents--status-strong {
	font-size: 1.4rem;
	font-weight: bold;
}
.present__contents--choice {
	background-color: #f3b329;
	margin: 0 auto;
	padding: 1rem;
	position: relative;
	text-align: center;
	max-width: 100%;
}
.present__contents--choice::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -1rem;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #f3b329 transparent transparent transparent;
	border-width: 1rem 1rem 0 1rem;
}


/* プレゼント リスト */
.present__list {
	margin-bottom: 2rem;
}
.present__list--block {
	margin-bottom: 2rem;
}
.present__list--title {
	background-color: #f66076;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.present__list--ul, .present__list--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.present__list--ul-rank {
	position: relative;
	user-select: none;
}
.present__list--ul-rank::after {
	background-color: rgba(128, 128, 128, 0.2);
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}

.present__list--li {
	align-items: center;
	display: flex;
	position: relative;
	border-bottom: 1px solid #9c9c9c;
	padding: 0.4rem;
}
.present__list--li:first-child {
	border-top: 1px solid #9c9c9c;
}
.present__list--media-icon {
	width: 100%;
	height: auto;
	min-width: 120px;
	max-width: 120px;
	max-height: 120px;
}
.present__list--media-img {
	width: 100%;
	max-width: 30rem;
	heigth: auto;
}
.present__list--num-down {
	background-color: #ff6666;
	cursor: pointer;
	display: inline-block;
	padding: 0.8rem;
	position: relative;
	vertical-align: middle;
	user-select: none;
}
.present__list--num-down::after {
	background: #ffffff;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	height: 2px;
	width: 50%;
	transform: translate(-50%, -50%);
}
.present__list--num-down:active {
	 box-shadow: 0 0 4px gray;
}
.present__list--num-up {
	background-color: #ff6666;
	cursor: pointer;
	display: inline-block;
	padding: 0.8rem;
	position: relative;
	vertical-align: middle;
	user-select: none;
}
.present__list--num-up::before {
	background: #ffffff;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	height: 50%;
	width: 2px;
	transform: translate(-50%, -50%);
}
.present__list--num-up::after {
	background: #ffffff;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	height: 2px;
	width: 50%;
	transform: translate(-50%, -50%);
}
.present__list--num-up:active {
	 box-shadow: 0 0 4px gray;
}
.present__list--num-input {
	display: inline-block;
	padding-right: 0.4rem;
	vertical-align: middle;
	width: 3.0rem;
}
.present__list--num-unit {
	vertical-align: middle;
}
.present__list--close-a {
	color: #3f7de6;
	font-weight: bold;
	margin: 0;
}


/* 応募規約 */
.present__rule {
	margin-bottom: 0rem;
}
.present__rule--rank {
	position: relative;
	user-select: none;
}
.present__rule--rank::after {
	background-color: rgba(128, 128, 128, 0.2);
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.present__rule--title {
	padding: 0.4rem 0;
	margin: 0;
}
.present__rule--info {
	margin: 1.0rem;
}
.present__rule--info-ul, .present__rule--info-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.present__rule--info-li {
	margin-bottom: 1rem;
}
.present__rule--info-li:last-of-type {
	margin-bottom: 0;
}
.present__rule--info-member {
	margin: 1.0rem;
}
.present__rule--info-member-ul, .present__rule--info-member-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.present__rule--info-member-li {
	position: relative;
	padding-left: 8rem;
}
.present__rule--info-member-li::before {
	position: absolute;
	top: 0;
	left: 0;
}
.present__rule--info-member-li:nth-of-type(1)::before {
	content: '■プラチナ会員：';
}
.present__rule--info-member-li:nth-of-type(2)::before {
	content: '■ゴールド会員：';
}
.present__rule--info-member-li:nth-of-type(3)::before {
	content: '■シルバー会員：';
}
.present__rule--info-member-li:nth-of-type(4)::before {
	content: '■ブロンズ会員：';
}
.present__rule--info-caution {
	margin: 1.0rem;
}
.present__rule--info-caution-ul, .present__rule--info-caution-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.present__rule--info-caution-li {
	font-size: small;
	position: relative;
	padding-left: 1rem;
}
.present__rule--info-caution-li::before {
	content: '※';
	font-size: small;
	position: absolute;
	top: 0;
	left: 0;
}
.present__rule--info-other {
	padding: 1.0rem;
}
.present__rule--info-other-ul, .present__rule--info-other-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.present__rule--info-other-li {
	margin-bottom: 1rem;
}
.present__rule--info-other-li:last-of-type {
	margin-bottom: 0;
}


/* プレゼントフッター リンク一覧 */
.present__link-list {
	margin-bottom: 2rem;
}
.present__link-list--ul, .present__link-list--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.present__link-list--li {
	align-items: center;
	display: flex;
	position: relative;
	border-bottom: 1px solid #9c9c9c;
	padding: 0.4rem;
}
.present__link-list--li:first-child {
	border-top: 1px solid #9c9c9c;
}
.present__link-list--li::after {
	border: 0.06rem solid;
	border-color: #565656 #565656 transparent transparent;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	top: 50%;
	right: 0.6rem;
	transform: translate(0, -50%) rotate(45deg);
}
.present__link-list--a {
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0.4rem 0;
	text-decoration: none;
}


/* ================================================================== */
/* プレゼント確認 */
.present__confirm {
	margin-bottom: 2rem;
}
.present__confirm--title {
	font-size: 0;
	margin: 0;
}
.present__confirm--title-img {
	width: 100%;
	height: auto;
}
.present__confirm--caution {
	border: 2px solid #f66076;
	margin: 1rem;
	padding: 0.6rem;
}
.present__confirm-list {
	margin-bottom: 2rem;
}
.present__confirm-list--block {
	margin-bottom: 2rem;
}
.present__confirm-list--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.present__confirm-list--ul, .present__confirm-list--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.present__confirm-list--li {
	align-items: center;
	display: flex;
	position: relative;
	border-bottom: 1px solid #9c9c9c;
	padding: 0.4rem;
}
.present__confirm-list--li:first-child {
	border-top: 1px solid #9c9c9c;
}
.present__confirm-list--media-icon {
	width: 100%;
	heigth: auto;
	max-height: 120px;
	max-width: 120px;
}


/* ================================================================== */
/* プレゼント応募完了 */
.present__result {
	margin-bottom: 2rem;
}
.present__result--title {
	font-size: 0;
	margin: 0;
}
.present__result--title-img {
	width: 100%;
	height: auto;
}
.present__result--subtitle {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.present__result--caution {
	border: 2px solid #f66076;
	margin: 1rem;
	padding: 0.6rem;
}
.present__result--index {
	font-weight: bold;
	font-size: 1.2rem;
	margin: 1rem;
	text-align: center;
}


/* ================================================================== */
/* プレゼント事前告知 */
.present__pre {
	margin-bottom: 2rem;
}
.present__pre--title {
	font-size: 0;
	margin: 0;
}
.present__pre--title-img {
	width: 100%;
	height: auto;
}
.present__pre--introduction-img {
	width: 100%;
	height: auto;
}
.present__pre--frame-img {
	width: 40%;
	height: auto;
}
.present__pre--notice {
	background-color: #fcf9d6;
	margin: 0 1rem 1rem;
	padding: 0.3rem;
}
.present__pre--notice-sentence {
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.6rem;
	letter-spacing: 0.1rem;
	margin: 0.3rem;
	padding: 0.5rem;
	text-align: center;
}


/* プレゼント事前告知 変更ポイント1 */
.present__pre1 {
	background-color: #e5fafd;
	margin: 0 1rem 2rem;
	padding-bottom: 1rem
}
.present__pre1--point {
	font-size: 0;
	margin: 0;
	padding: 0.6rem;
	text-align: center;
}
.present__pre1--point-img {
	width: 50%;
	height: auto;
}
.present__pre1--title {
	font-size: 0;
	margin: 0;
}
.present__pre1--contents {
	padding: 1rem;
}
.present__pre1--contents-ul, .present__pre1--contents-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.present__pre1--contents-ul {
	margin-bottom: 1rem;
}
.present__pre1--contents-li {
	padding-left: 4.8rem;
	position: relative;
}
.present__pre1--contents-li::before {
	position: absolute;
	top: 0;
	left: 0;
}
.present__pre1--contents-li:nth-of-type(1)::before {
	content: '「逸」･･･';
}
.present__pre1--contents-li:nth-of-type(2)::before {
	content: '「贅」･･･';
}
.present__pre1--contents-li:nth-of-type(3)::before {
	content: '「心」･･･';
}
.present__pre1--contents-new-ul, .present__pre1--contents-new-ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.present__pre1--accordion-bar {
	background-color: #ffffff;
	border: 1px solid #eb6d9a;
	padding: .375rem .75rem;
	position: relative;
	user-select: none;
	margin: 0 1rem;
}
.present__pre1--accordion-inner {
	position: relative;
}
.present__pre1--accordion-block {
	width: 90%;
	margin: 0 auto;
}
.present__pre1--profile-img {
	width: 50%;
	height: auto
}
.present__pre1--ul, .present__pre1--li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.present__pre1--floatclear{
	clear:both;
}

/* プレゼント事前告知 変更ポイント2 */
.present__pre2 {
	background-color: #e5fafd;
	margin: 0 1rem 2rem;
	padding-bottom: 1rem
}
.present__pre2--point {
	margin: 0;
	padding: 0.6rem;
	text-align: center;
}
.present__pre2--point-img {
	width: 50%;
	height: auto;
}
.present__pre2--title {
	margin: 0;
}
.present__pre2--title-img {
	width: 100%;
	height: auto;
}
.present__pre2--table-img {
	width: 100%;
	height: auto;
}
.present__pre2--ul, .present__pre2--li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.present__pre2--li {
	position: relative;
	padding-left: 1.2rem;
}
.present__pre2--li::before {
	content: '■';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
}


/* プレゼント事前告知 変更ポイント3 */
.present__pre3 {
	background-color: #e5fafd;
	margin: 0 1rem 2rem;
	padding-bottom: 1rem
}
.present__pre3--point {
	margin: 0;
	padding: 0.6rem;
	text-align: center;
}
.present__pre3--point-img {
	width: 50%;
	height: auto;
}
.present__pre3--title {
	margin: 0;
}
.present__pre3--title-img {
	width: 100%;
	height: auto;
}


/* プレゼント事前告知 変更ポイント4 */
.present__pre4 {
	background-color: #e5fafd;
	margin: 0 1rem 1rem;
	padding-bottom: 1rem
}
.present__pre4--point {
	margin: 0;
	padding: 0.6rem;
	text-align: center;
}
.present__pre4--point-img {
	width: 50%;
	height: auto;
}
.present__pre4--title {
	margin: 0;
}
.present__pre4--title-img {
	width: 100%;
	height: auto;
}
.present__pre4--other {
	margin: 0 1rem 2rem;
}


/* プレゼント事前告知 内容変更 */
.present__pre--changecontents {
	margin: 1rem;
}
.present__pre--changecontents-btn-frame {
	text-align: center;
	margin: 0 0 1rem;
}
.present__pre--changecontents-thanks {
	font-weight: bold;
	margin: 0 0 1rem;
}
.present__pre--changecontents-img {
	width: 100%;
	height: auto;
}


/* プレゼント事前告知 内容変更 詳細 */
.present__pre--changecontents-detail {
	margin: 1rem;
}
.present__pre--changecontents-detail-ul, .present__pre--changecontents-detail-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.present__pre--changecontents-detail-ul {
	margin-bottom: 1rem;
}
.present__pre--changecontents-detail-li {
	color: #ff9a00;
	padding-left: 1.4rem;
	position: relative;
}
.present__pre--changecontents-detail-li::before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}


/* ================================================================== */
/* プレゼント応募期間終了 */
.present__close {
	margin-bottom: 2rem;
}
.present__close--title {
	font-size: 0;
	margin: 0;
}
.present__close--title-img {
	width: 100%;
	height: auto;
}
.present__close-announce {
	background-color: #fcf9d6;
	margin: 0 1rem 1rem;
	padding: 1rem;
}
.present__close-announce--title {
	font-weight: bold;
	text-align: center;
}
.present__close-announce--ol, .present__close-announce--li {
	margin: 0;
	padding: 0;
}
.present__close-announce--ol {
	margin-bottom: 1rem;
	padding: 0 1rem;
}
.present__close-announce--notice {
	background-color: #ffffff;
	margin: 1rem auto 0;
	padding: 1rem;
	width: 100%; max-width: 30rem;
}


/* ================================================================== */
/* プレゼント応募 入力画面 */
.apply__contents {
	margin-bottom: 2rem;
}
.apply__contents--title {
	font-size: 0;
	margin: 0;
}
.apply__contents--title-img {
	width: 100%;
	height: auto;
}
.apply__contents--introduction {
	margin: 1rem;
}
.apply__contents--introduction-congrats {
	font-weight: bold;
	text-align: center;
}
.apply__contents--introduction-caution {
	color: #f66076;
	font-size: 80%;
	margin: 0;
	padding-left: 1.0rem;
	position: relative;
}
.apply__contents--introduction-caution::before {
	color: #f66076;
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
}


/* プレゼント当選 */
.apply__contents--present {
	margin-bottom: 2.0rem;
}
.apply__contents--present-frame {
	padding: 1.2rem;
	position: relative;
	background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    border: 2px solid #af9572;
    margin-top: 2rem;
}
.apply__contents--present-title {
	background: #af9572;
	color: #ffffff;
	font-size: 1.0rem;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: -1.6rem;
	left: -0.1rem;
	padding: 0.2rem 1rem;
}
.apply__contents--present-ul, .apply__contents--present-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.apply__contents--present-li {
	padding: 0.6rem 0 0 2.2rem;
	position: relative;
}
.apply__contents--present-li::before, .apply__contents--present-li::after {
	content: '';
	position: absolute;
	transform: rotate(45deg);
}
.apply__contents--present-li::before {
	top: 0.8rem;
	left: 0.2rem;
	width: 0.8rem;
	height: 0.8rem;
	border: 2px solid rgba(186,51,83,1);
}
.apply__contents--present-li::after {
	top: 1.0rem;
	left: 0.6rem;
	width: 1rem;
	height: 1rem;
	background: rgba(234,94,127,0.5);
	transform: rotate(70deg);
}
.apply__contents--present-li:last-child {
	padding-bottom: 0.6rem;
}
.apply__contents--table {
	background-color: #ffffff;
	border: 1px solid #000;
	margin: 0 1rem 1rem;
}
.apply__contents--table-title {
	background-color: #4db8fc;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.apply__contents--table-required {
	color: #f66076;
	font-size: 80%;
}
.apply__contents--table-error {
	color: #f66076;
	font-size: 80%;
	margin: 0;
	padding-left: 1.2rem;
	position: relative;
}
.apply__contents--table-error::before {
	content: '※';
	color: #f66076;
	position: absolute;
	top: 0;
	left: 0;
}
.apply__contents--table-ul, .apply__contents--table-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.apply__contents--table-li {
	border-top: 1px solid #000000;
}
.apply__contents--table-li:nth-child(odd) {
	border-right: 1px solid #000000;
}
.apply__contents--table-text {
	width: 100%;
}
.apply__contents--form {
	text-align: center;
}
.apply__contents--form-button {
	background-color: #5fc3d8;
	border: none;
	color: #ffffff;
	cursor: pointer;
	outline: none;
	appearance: none;
	margin: 0;
}
.apply__contents--form-execute-button {
	background-color: #5fc3d8;
	border: 3px solid #5fc3d8;
	color: #ffffff;
	cursor: pointer;
	outline: none;
	appearance: none;
	margin: 0;
	width: 70%;
}
.apply__contents--form-back-button {
	background-color: #fafafa;
	border: 3px solid #5fc3d8;
	color: #000000;
	cursor: pointer;
	outline: none;
	appearance: none;
	margin: 0;
	width: 70%;
}
.apply__contents--form-caution {
	color: #f66076;
	font-size: 80%;
	margin: 0 1rem 1rem;
	text-align: left;
}
.apply__contents--form-caution-block {
	display: block;
	text-align: center;
}
.apply__contents--form-update-block {
	display: block;
	text-align: left;
}
@media screen and (min-width: 576px) {
	.apply__contents--form-update-block {
		display: block;
		text-align: center;
	}
}
.apply__contents--form-term {
	font-size: 80%;
	margin-top: 1rem;
	text-align: center;
}
.apply__contents--form-term-date {
	color: #5fc3d8;
	font-weight: bold;
}
.apply__caution {
	margin: 1rem 0;
}
.apply__caution--title {
	color: #ff0000;
	font-weight: bold;
	margin: 0;
	text-align: center;
}

/* ================================================================== */
/* プレゼント当選 完了 */
.apply-result__contents {
	margin-bottom: 2rem;
}
.apply-result__contents--title {
	font-size: 0;
	margin: 0;
}
.apply-result__contents--title-img {
	width: 100%;
	height: auto;
}
.apply-result__contents--block {
	margin: 1rem;
}
.apply-result__contents--block-title {
	font-weight: bold;
	text-align: center;
}
.apply-result__contents--block-detail {
	text-align: left;
}



/* ================================================================== */
/* 共通 */
.present-dot-line {
	border-bottom: 2px dotted #f66076;
	color: #f66076;
}