@charset "UTF-8";

/*====================================================
	Dialog
====================================================*/
/* ---------------------------------------------------
   共通
----------------------------------------------------*/
/* vue.js transition */
.di-enter {
	opacity: 0;
}
.di-leave-active {
	opacity: 0;
}
.di-enter .di-leave-active {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/* 背景　*/
.di-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000; /* max */
}

.di-bg__overall {
	background-color: rgba( 0, 0, 0, 0.7 );
	height: 100vh;
	width: 100%;
	display: table;
	transition: opacity .3s ease;
}

.di-bg__transparent {
	height: 100%;
	width: 100%;
	display: table;
}

.di-bg-wrapper {
	display: table-cell;
	vertical-align: middle;
}

.di-bg-base {
	background: #fff;
	border-radius: 15px;
	box-sizing: border-box;
	color: #303030;
	line-height: 1.6;
	margin-top: -48px;
	text-align: center;
	position: relative;
	transition: all .3s ease;
}

.di-bg-basic {
	padding: 30px 16px 16px;
	width: 248px;
}

.di-bg-basic2 {
	padding: 40px 16px 16px;
	width: 248px;
}

.di-bg-basic3 {
	padding: 40px 16px 16px;
	width: 275px;
}

.di-bg-menu {
	padding: 16px;
	width: 248px;
}

.di-bg-middle {
	padding: 24px 16px 16px;
	width: 264px;
}

.di-bg-special {
	width: 280px;
}

.di-bg-large {
	width: 275px;
}

.di-bg-wide {
	width: 300px;
}

.di-bg-black {
	background: rgba( 0, 0, 0, 0.7 );
	border-radius: 15px;
	box-sizing: border-box;
	color: #fff;
	display: inline-block;
	font-size: 1.3rem;
	line-height: 1.6;
	text-align: center;
	padding: 15px;
	min-width: 150px;
	max-width: 200px;
	position: relative;
	transition: all .3s ease;
}

.di-position {
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

/* テキスト*/
.di-text--title {
	font-size: 1.4rem;
	font-weight: bold;
	padding-bottom: 8px;
}

.di-text__box {
	font-size: 1.3rem;
}

.di-text__box p {
	padding-bottom: 8px;
}

.di-text {
	font-size: 1.3rem;
	padding-bottom: 16px;
}

.di-text--small {
	font-size: 1.1rem;
}

.di-text--large {
	font-size: 1.8rem;
}

.di-text--description {
	font-size: 1.0rem;
	padding-bottom: 8px;
}

.di-spBox--bottom .di-text--description {
	padding-bottom: 4px;
}

.di-text--description--bold {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 8px 0;
}

.di-text--note {
	color: rgba(48, 48, 48, 0.75);
	font-size: 1.1rem;
	padding-bottom: 10px;
}

.di-text--black {
	color: #443F4F;
}

.di-text--primary {
	color: #BB5345;	
}

.di-text--link a {
	color: #BB5345;
	display: block;
	font-size: 1.2rem;
	margin: 5px 0 10px;
	text-decoration: underline;
}

.di-text--link a.hover {
	color: #9F4C41;
	text-decoration: none;
}

.di-text--link--bottom {
	margin-bottom: 25px;
}

.di-text-link--inline {
	color: #BB5345;
	text-decoration: underline;
}

.di-text-link--inline.hover {
	color: #9F4C41;
	text-decoration: none;
}

.di-box--left {
	text-align: left;
}

.di-text--bottom {
	margin: 10px 0 -8px;
}

.di-text--button_under {
	margin: 20px 0 0;
}	

/* 画像ありタイトル */
.di-title__withImg {
	margin-top: -6px;
}

.di-title__img--notice {
	margin-bottom: 8px;
	width: 24px;
}

/* バナー画像 */
.di-top__banner {
	border-radius: 15px 15px 0 0;
}

.di-top__banner img {
	width: 100%;
	border-radius: 15px 15px 0 0;
}

/* リスト */
.di-list__box {
	margin-bottom: 12px;
	padding-left: 16px;
}

.di-list__item {
	font-weight: bold;
	list-style-type: disc;
	margin-top: 10px;
}

/* ボタンエリア */
.di-btn__box {
	padding-top: 4px;
}

.di-btn__box a + a {
	margin-top: 10px;
}

.di-btn__box--close {
	position: absolute;
	top: 0;
	right: 0;
}

.di-btn__box--menu span {
	display: block;
	margin-bottom: 10px;
}

.di-bg-menu .cp-btn__main {
	height: 40px;
}

.di-link__box--simple {
	margin-top: 15px;
}

.di-btn__text {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   margin-top: 8px;
   height: 32px;
}

.di-btn__text a {
   color: #BB5345;
   font-size: 1.3rem;
   display: block;
   padding: 0 20px;
}

.di-btn__text a.hover {
   opacity: .5;
}

/* ボタン直下にインラインのテキストリンクがある場合 */
.di-btn__box + .di-text--note .di-text-link--inline {
	display: inline-block;
	margin-top: 10px;
}

/* block */
.di-text__block {
	padding: 8px 0 20px;
}

.di-subBox {
	margin: -4px 8px 16px;
}

.di-subBox--frame {
	border: 1px solid #e7e7e9;
	border-radius: 0 0 10px 10px;
	font-size: 1.2rem;
	line-height: 1.5;
	margin: 0 4px;
	padding: 10px;
	text-align: left;
}

.di-subBox--frame--top {
	border-radius: 0;
}

.di-subBox--frame__title {
	background: #e7e7e9;
	border-radius: 10px 10px 0 0;
	font-size: 1.1rem;
	font-weight: bold;
	margin: 0 4px;
	padding: 5px 0;
}

.di-subBox--frame__title span {
	font-size: 1.0rem;
	font-weight: normal;
}

.di-subBox--frame__title--bottom {
	border-radius: 0;
}

/* チェックボックス・ラジオボタン */
.di-bg-check {
	padding: 24px 16px 16px;
}

.di-checkBlock {
	padding: 0 5px 12px;
}

.di-btn__check {
	cursor: pointer;
	display: flex;
	align-items: center;
	font-size: 1.3rem;
	margin-top: 8px;
	padding: 8px 0;
}

.di-btn__check--text {
	display: flex;
	align-items: center;
	line-height: 1.5;
}

.di-btn__check--text::before {
	content: "";
	background: #f0f1f6 url(../img/check.svg) no-repeat center;
	background-size: 0;
	border: 1px solid #ddd;
	border-radius: 20px;
	box-sizing: border-box;
	display: block;
	flex: 1 0 20px;
	margin-right: 10px;
	transition: border 100ms ease-out;
	height: 20px;
	width: 20px;
}

.di-btn__check input[type="checkbox"]:checked + .di-btn__check--text::before, 
.di-btn__check input[type="radio"]:checked + .di-btn__check--text::before {
	background: #BB5345 url(../img/check.svg) no-repeat center;
	background-size: 10px 7px;
	border-color: #BB5345;
	transition: border 100ms ease-out;
}

/* チェックボックス 選択肢一つのみ */
.di-btn__check__outer--one {
margin-bottom: 24px;
}

.di-btn__check--one {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.1rem;
	color: #A19FA7;
}

.di-btn__check__text--one {
	display: flex;
	align-items: center;
	line-height: 1.5;
}

.di-btn__check__text--one::before {
	content: "";
	background: #f0f1f6 url(../img/check.svg) no-repeat center;
	background-size: 0;
	border: 1px solid #ddd;
	border-radius: 15px;
	box-sizing: border-box;
	display: block;
	flex: 1 0 15px;
	margin-right: 8px;
	transition: border 100ms ease-out;
	height: 15px;
	width: 15px;
}

.di-btn__check--one input[type="checkbox"]:checked + .di-btn__check__text--one::before {
	background: #BB5345 url(../img/check.svg) no-repeat center;
	background-size: 7px 6px;
	border-color: #BB5345;
	transition: border 100ms ease-out;
}

/* マッチング */
.di-coupling__bg {
	background: url("../img/dialog_matching_bg_sp.png");
	background-repeat:no-repeat;
	background-color:#fde9ea;
	background-size: cover;
	box-sizing: border-box;
	padding: 0px 0px;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10000;
	overflow-y: scroll;
	overflow-x: hidden;
}

@media (min-width: 480px) {
	.di-coupling__bg {
		background: url("../img/dialog_matching_bg_pc.png");
		background-repeat:no-repeat;
		background-color:#fde9ea;
		background-size: contain;
		background-position: top center;
		padding: 20px calc(100%*1/2 - 240px);
	}
}

.di-couplingBox {
	position: absolute;
	top: 49%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.di-coupling__photoOuter {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 281px;
	margin: 0 auto;
	padding: 0px 0 30px;
}

.di-coupling__photoOuter--bg {
	width: 462px;
	background: url(../img/dialog_matching_img_02.png);
	background-repeat:  no-repeat;
	background-size:contain;
}

.di-coupling__photo {
	background: #fff;
	border: 3px solid #F26D6D;
	border-radius: 50%;
	display: block;
	overflow: hidden;
	height: 100px;
	width: 100px;
}

.di-coupling__photo img {
	object-fit: cover;
	height: 100px;
	width: 100px;
	font-family: 'object-fit: cover;'
}

.di-coupling__deco {
	width: 414px;
	height: auto;
	margin: 40px auto 0;
}

.di-coupling__deco img {
	width: 100%;
}

@media (max-width: 360px) {
	.di-coupling__deco {
		width: 370px;
		height: auto;
		margin: 40px auto 0;
	}	
}

@media (min-width: 400px) {
	.di-coupling__deco {
		width: 450px;
		height: auto;
		margin: 40px auto 0;
	}	
}

.di-sp__title {
	font-size: 1.9rem;
	line-height: 28px;
	color: #F26D6D;
	font-weight: bold;
	text-align: center;
}

@media (max-width: 350px) {
	.di-sp__title {
		font-size: 1.7rem;
		line-height: 22px;
	}
}

@media (max-width: 340px) {
	.di-sp__title {
		font-size: 1.6rem;
		line-height: 20px;
	}

	.di-coupling__deco {
		margin: 20px auto 0;
	}

	.di-coupling__photoOuter {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 230px;
		margin: -20px auto 0;
		padding: 0px 0 20px;
	}
	
	.di-coupling__photo {
		height: 74px;
		width: 74px;
		margin: 10px 0 0;
	}

	.di-coupling__photo img {
		object-fit: cover;
		height: 74px;
		width: 74px;
		font-family: 'object-fit: cover;'
	}
}

@media (max-height: 600px) {
	.di-couplingBox {
		position: absolute;
		top: 15%;
		left: 50%;
		transform: translate(-50%,0%);
	}

	.di-coupling__deco {
		margin: 20px auto 0;
	}

	.di-coupling__photoOuter {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 230px;
		margin: -20px auto 0;
		padding: 0px 0 20px;
	}
	
	.di-coupling__photo {
		height: 74px;
		width: 74px;
		margin: 10px 0 0;
	}

	.di-coupling__photo img {
		object-fit: cover;
		height: 74px;
		width: 74px;
		font-family: 'object-fit: cover;'
	}
}

.di-sp__text {
	font-size: 1.3rem;
	line-height: 22px;
	text-align: center;
	padding: 25px 0;
}

.di-sp__text span {
	font-weight: bold;
	color: #F26D6D;
}

.di-sp__text--bold {
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.4;
	padding: 6px 0 2px;
}

.di-btn__matching {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 291px;
	height: 56px;
	border-radius: 28px;
	margin: 0 auto;
	background: linear-gradient(180deg, rgba(242, 109, 109, 0.80) 0%, #F26D6D 100%);
	box-shadow: 0px 4px 12px 0px rgba(242, 109, 109, 0.30);
	font-size: 1.7rem;
	font-weight: bold;
	color: #fff;
}

.di-btn__matching.hover {
	background: linear-gradient(180deg, rgba(228, 94, 94, 0.80) 0%, #E45E5E 100%), #FFF;
}

@media (max-width: 340px) {
	.di-btn__matching {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 271px;
		height: 50px;
		border-radius: 25px;
		font-size: 1.5rem;
	}
	.di-sp__text {
		font-size: 1.2rem;
		line-height: 18px;
		padding: 15px 0;
	}	
}

.di-btnClose__matching {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 15px;
}

.di-btnClose__matching img {
	height: 30px;
	width: 30px;
}

.di-btnClose__matching a {
	display: block;
}

.di-btnClose__matching a.hover {
	opacity: 0.5;
}

.di-sp__subBox {
	background: linear-gradient(135deg, #f8cce3, #e7d4f1, #dedef9);
	border-radius: 5px;
	margin-top: 8px;
	padding: 10px;
	position: relative;
	z-index: 1;
}

.di-sp__subBox::after {
	content: "";
	background: rgba(255, 255, 255, 0.6);
	border-radius: 4px;
	position: absolute;
	top: 4px;
	left: 4px;
	height: calc(100% - 8px);
	width: calc(100% - 8px);
}

.di-sp__subBox p {
	color: rgba(76, 65, 102, 0.7);
	font-size: 1.0rem;
	font-weight: bold;
	line-height: 1.3;
	position: relative;
	z-index: 2;
}

.di-sp__text--primary {
	color: #BB5345;
	font-size: 1.2rem;
}

.di-spBox--bottom {
	padding: 8px 16px 12px;
}

/* 年確誘導 */
.di-spBox--lite {
	background: #FCF1EE;
	border-radius: 15px 15px 0 0;
	padding: 30px 16px 0;
}

.di-spBox__photo {
	border-radius: 50%;
	display: block;
	overflow: hidden;
	margin: 0 auto 14px;
	height: 72px;
	width: 72px;
}

.di-spBox__photo img {
	object-fit: cover;
	height: 72px;
	width: 72px;
	font-family: 'object-fit: cover;'
}

.di-sp__text--bottom {
	font-size: 1.2rem;
	padding: 4px 0 8px;
}

/* ---------------------------------------------------
   プロフ編集 > 入力率100％
----------------------------------------------------*/
.di-spBox--achive {
	background: #BB5345 url(../img/bg_celebration_simple.svg) no-repeat center 36px;
	background-size: 300px 72px;
	border-radius: 15px 15px 0 0;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	padding: 28px 16px 16px;
}

.di-spAchive__title {
	font-size: 1.9rem;
	padding-bottom: 12px;
}

.di-spAchive__text {
	font-size: 1.6rem;
	padding-bottom: 6px;
}

.di-spAchive__text--strong {
	font-size: 2.8rem;
	letter-spacing: 1px;
}

.di-spAchive__text--cpl {
	color: #fad215;
	font-size: 3.2rem;
}

.di-spAchive__text--cpl::after {
	content: "%";
	font-size: 1.7rem;
	padding-right: 2px;
}

.di-spAchive__coinBox {
	display: inline-block;
	font-size: 2.1rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing: -0.4px;
	margin-top: 6px;
	padding: 0 6px 0 34px;
	position: relative;
}

.di-spAchive__coinBox::before {
	content: "";
	background: url(../img/icon_coin.svg) no-repeat;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 30px;
	width: 30px;
}

.di-spAchive__text--pt {
	color: #f91767;
	font-size: 3.2rem;
}

.di-spAchive__text--pt::after {
	content: "pt";
	font-size: 1.7rem;
	padding-right: 2px;
}

/* ---------------------------------------------------
   いいね！送信
----------------------------------------------------*/
/* いいね！種類一覧 */
.di-bg-keep {
	padding: 46px 15px 4px;
}

.di-keep__photo {
	background: #fff;
	border: 3px solid #fff;
	border-radius: 50%;
	display: block;
	overflow: hidden;
	position: absolute;
	top: -36px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 72px;
	width: 72px;
}

.di-keep__photo img {
	object-fit: cover;
	height: 72px;
	width: 72px;
	font-family: 'object-fit: cover;'
}

.di-keep__btn--main {
	border-radius: 24px;
	background: linear-gradient(90deg, #fd65a6, #ff6b92, #ff7288);
   box-shadow: 0 2px 10px 0 rgba(194, 72, 115, .5);
	color: #fff;
	font-size: 1.3rem;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 20px;
	height: 48px;
	width: 204px;
   transition: all .3s;
}

.di-keep__btn--main.hover {
   background: linear-gradient(90deg, #df4f8e, #e1547a, #e15c70);
   box-shadow: 0 1px 4px 0 rgba(194, 72, 115, .5);
}

.di-keep__btn--main::before {
   content: "";
   background: url("../img/icon_message_nice_white.svg") no-repeat;
   background-size: 90%;
   display: inline-block;
   opacity: .8;
   height: 22px;
   width: 28px;
}

.di-keep__btnBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: -4px;
	width: 100%;
}

.di-keep__btnItem {
	box-sizing: border-box;
	margin-bottom: 20px;
	width: calc(50% - 7px);
}

.di-keep__btn {
	background: #fff;
	border-radius: 22px;
   border: 1px solid rgba(255, 255, 255, .4);
   box-shadow: 0 2px 10px 1px rgba(170, 140, 151, .4);
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fa69a9;
	font-size: 1.2rem;
	font-weight: bold;
	padding-left: 4px;
	white-space: nowrap;
	height: 44px;
	width: 100%;
   transition: all .3s;
}

.di-keep__btn.hover {
	background: #F6F6F7;
   border: 1px solid rgba(255, 255, 255, .4);
   box-shadow: 0 1px 6px 1px rgba(170, 140, 151, .25);
   box-sizing: border-box;
}

/* 送信後 2秒ダイアログ */
.di-bg-keep--sent {
	background: rgba(255, 255, 255, 0.9) url(../img/icon_heart_pink.svg) no-repeat center 20px;
	background-size: 40px;
	border-radius: 50%;
	box-shadow: 0 0 8px 2px rgba(157, 36, 79, 0.1);
	position: relative;
	height: 128px;
	width: 128px;
}

.di-keepSent__text {
	color: #F26D6D;
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: -0.8px;
	position: absolute;
	top: 66px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
	width: 100%;
}

.di-bg-look--sent {
	background: rgba(255, 255, 255, 0.9) url("../img/icon_look_green.svg") no-repeat center 19px;
	background-size: 48px;
	border-radius: 50%;
	box-shadow: 0 0 8px 2px rgba(157, 36, 79, 0.1);
	position: relative;
	height: 128px;
	width: 128px;
}

.di-bg-msglook--sent {
	background: rgba(255, 255, 255, 0.9) url("../img/icon_msg_look_green.svg") no-repeat center 19px;
	background-size: 48px;
	border-radius: 50%;
	box-shadow: 0 0 8px 2px rgba(157, 36, 79, 0.1);
	position: relative;
	height: 128px;
	width: 128px;
}

.di-lookSent__text {
	color: #1ad7c9;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: -0.8px;
	position: absolute;
	top: 66px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
	width: 100%;
}

/* ---------------------------------------------------
   メッセージ詳細 > 定型文関連
----------------------------------------------------*/
/* 年確誘導 */
.di-bg-message {
	padding: 16px;
}

.di-sp__subBox--balloon {
	background: rgba(193,122,102,0.1);
	border-radius: 5px;
	margin: 10px 0 20px;
	padding: 13px;
}

.di-sp__subBoxText {
	font-size: 1.3rem;
	color: #303030;
}

.di-sp__subBoxText--primary {
	color: #BB5345;
	font-size: 1.7rem;
	font-weight: bold;
}

.di-sp__subBoxText--primary::before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url(../img/register_icon_coin.svg) no-repeat;
	background-size: contain;
	position: relative;
	top: 5px;
	padding-right: 5px;
}

.di-btn__text--message {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   margin-top: 8px;
   height: 32px;
}

.di-btn__text--message a {
   color: #BB5345;
   font-size: 1.3rem;
   display: block;
   padding: 0 20px;
}

.di-btn__text--message a.hover {
   color: #9F4C41;
}

/* 定型文確認 */
.di-sp__frameBox__title {
	background: #e7e7e9;
	border-radius: 15px 15px 0 0;
	font-size: 1.1rem;
	font-weight: bold;
	margin: 0 4px;
	padding: 8px 12px 7px;
}

.di-sp__subBox--frame {
	border: 1px solid #e7e7e9;
	border-radius: 0 0 15px 15px;
	box-sizing: border-box;
	font-size: 1.1rem;
	padding-bottom: 10px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	margin: 0 4px 10px;
	max-height: 162px;
}

.di-sp__subBox--frame p {
	text-align: left;
	padding: 8px 10px 0;
}

/* ---------------------------------------------------
   メッセージ詳細 > 既読機能
----------------------------------------------------*/
.di-messageRead {
	width: 275px;
}

.di-messageRead__img {
	margin: 5px 0 8px;
}

.di-messageRead__img img {
	width: 100%;
}

.di-messageRead__img--used {
	margin: 5px 0 0;
}

.di-messageRead__description__outer {
	padding-bottom: 5px;
}

.di-messageRead__text--strong {
	color: #BB5345; 
}

.di-messageRead__text--point {
	color: rgba(48,48,48,0.75);
	font-size: 1.1rem;
	text-align: right;
	padding: 8px 3px 3px 0;
}

/* ---------------------------------------------------
   メッセージ詳細 > 定額必須ダイアログ
----------------------------------------------------*/
.di-msgMonthPack {
   padding: 30px 0 20px;
   width: 295px;
}

.di-img__msgMonthPack {
   margin-top: 5px;
}

.di-img__msgMonthPack img {
   display: block;
   width: 100%;
}

.di-btn__msgMonthPack {
   padding: 20px 20px 0;
}

.di-btn__msgMonthPack a {
   background: #B55C50;
   border-radius: 24px;
   color: #fff;
   font-size: 1.5rem;
   font-weight: bold;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 48px;
   width: 100%;
	 transition: background .2s;
}

.di-btn__msgMonthPack a.hover {
   background: #924A46;
}

/* ---------------------------------------------------
   マイページ > webのみ説明
----------------------------------------------------*/
.di-bg-onlyWeb {
	padding: 20px 16px 16px;
}

.di_onlyWeb_imgBox {
	padding: 10px 0 14px;
}

.di_onlyWeb_imgBox img {
	width: 188px;
}

.di-onlyWeb_textBox {
	font-size: 1.3rem;
	margin-bottom: 16px;
}

.di-onlyWeb_text--primary {
	color: #e30050;
	font-weight: bold;
}

.di-onlyWeb_subBox {
	background: #f0eefc;
	border-radius: 5px;
	color: #4c4166;
	font-size: 1.1rem;
	margin: 0 12px 16px;
	padding: 8px;
}

/* ---------------------------------------------------
   写真登録フロー
----------------------------------------------------*/
.di-bg__photo__upload {
	background: rgba(0, 0, 0, 0.85);
	box-sizing: border-box;
	padding: 20px 15px;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10000;
}

@media (min-width: 480px) {
	.di-bg__photo__upload {
		padding: 20px calc(100%*1/2 - 240px);
	}
}

.di-photo__upload__container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	max-width: 480px;
}

.di-photo__upload__text {
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
}

.di-photo__upload__imgBox {
	display: block;
	margin: 38px 0 48px;
	position: relative;
	height: auto;
	width: 100%;
}

.di-photo__upload__imgBox::after {
	content: "";
	display: block;
	padding-top: 100%;
}

.di-photo__upload__img {
	box-sizing: border-box;
	display: block;
	padding: 0 15px;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

@media (max-height: 414px) {
	.di-photo__upload__imgBox {
		margin: 15px 0 20px;
		position: static;
		height: 70%;
		width: auto;
	}

	.di-photo__upload__imgBox::after {
		display: none;
	}

	.di-photo__upload__img {
		position: static;
	}
}

.di-photo__upload__img img {
	object-fit: contain;
	height: 100%;
	width: 100%;
	font-family: 'object-fit: contain;'
}

.di-photo__upload__btn {
	max-width: 450px;
	width: 100%;
}

/* ---------------------------------------------------
   ログインボーナス
----------------------------------------------------*/
.di-login__box {
    position: relative;
    width: 300px;
    text-align: center;
}

.di-login__frame {
    width: 100%;
    margin-bottom: 40px;
}

.di-login__pointOuter {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    position: absolute;
    top:181px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.di-login__pointOuter--new {
    top:204px;
}

.di-login__pointImg {
    width: 155px;
    height: 37px;
}

.di-login__point {
    color: #7E4542;
    font-size: 3.7rem;
    font-weight: bold;
    line-height: 1;
}

.di-login__btn--close {
    top: 43px;
}

.di-login__text--caption {
    color: #ffffff;
    font-size: 1.1rem;
    margin-top: 4px;
}

.di-login__btn {
    width: 275px;
    display: block;
    margin: 0 auto;
    position: relative;
    display: inline-block;
}

.di-login__subtext {
    width: 180px;
    position: absolute;
    left: 50px;
    bottom: 38px;
}
@media (max-width: 320px) {

    .di-login__box {
        width: 280px;
    }

    .di-login__pointOuter {
        top:168px;
    }

    .di-login__pointOuter--new {
        top:189px;
    }

    .di-login__btn--close{
        top: 40px;
    }

}
/* ---------------------------------------------------
   ホーム画面に追加
----------------------------------------------------*/
.di-bg-addHome {
	background: url(../img/bg_add_home_dialog.png) no-repeat;
	background-size: 310px auto;
	padding: 320px 0 0;
	width: 310px;
}

.di-addHome__textbox {
	background: #fff;
	border-radius: 0 0 15px 15px;
	font-size: 1.4rem;
	padding: 24px 0;
}

/* ---------------------------------------------------
  ポイント不足
----------------------------------------------------*/
.di-bg-campaign {
	width: 310px;
	padding-top:30px;
}

.di-btn__box--agePoint {
	margin: 16px 16px 0;
	padding-bottom: 16px;
}

.di-bg-campaign__banner {
	width: 310px;
	height: 110px;
	margin-bottom: 15px;
}

.di-bg-campaign__banner img{
	width: 100%;
}

/* ポイント　ボタン吹き出し　*/
.di-btn__balloon {
	position: relative;
	display: inline-block;
	top: 10px;
	right: 70px;
	background: #f91767;
	border-radius: 9px;
	padding: 1px 10px;
	height: 18px;
 	color: #fff;
	font-size: 1.0rem;
	box-sizing: border-box;
	z-index: 1000;
}

.di-btn__balloon:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 100%;
 	margin-left: -50px;
	margin-top: -2px;
	border: 4px solid transparent;
	border-top: 6px solid #f91767;
}

.di-btn__balloon__box {
	margin-top: -18px;
}

/* ---------------------------------------------------
  説明ページ
----------------------------------------------------*/

/* 全画面ダイアログ 共通 */
.di-bgLock {
	overflow: hidden;
	height: 100vh;
}

.di-explain__title {
	margin-left: 5px;
}

.di-explain__btn__close { /* 閉じるボタン調整 */
	position: absolute;
	top: 0;
	right: 0;
}

.di-bg__explain__overall {
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	max-width: 600px;
	margin: auto;
	z-index: 10000;
}

.di-bg__explain__plain {
	background: #fff;
	overflow: hidden;
}

.di-bg__explain__scroll {
	overflow-y: scroll;
	position: relative;
	height: 100%;
	width: 100%;
	-webkit-overflow-scrolling: touch;
}

.di-explain__contentBlock {
	padding: 11px 0 24px;
}

.di-explain__textBox {
	padding: 9px 20px 16px;
}

.di-explain__textBox--top {
	padding-top: 20px;
}

.di-explain__textBox p {
	color: #303030;
	font-size: 1.3rem;
	margin-bottom: 16px;
}

.di-explain__textBox p:last-child {
	margin-bottom: 0;
}

.di-explain__sectionTitleBox {
	padding: 0 20px 10px;
}

.di-explain__sectionTitle {
	border-left: 4px solid #BB5345;
	color: #443f4f;
	font-size: 1.5rem;
	font-weight: bold;
	padding-left: 6px;
}

.di-explain__sectionTitleBox p {
	font-size: 1.3rem;
	margin-top: 10px;
}

.di-explain__textBox .di-explain__subTitle {
	color: #BB5345;
	font-size: 1.5rem;
	font-weight: bold;
	margin: 0 0 4px;
}

.di-explain__imgBox {
	background: #fafafa;
	border-radius: 15px;
	margin: 0 20px 20px;
	padding: 20px;
}

@media (max-width: 340px) {
	.di-explain__imgBox {
		padding: 20px 10px;
	}
}

@media (min-width: 600px) {
	.di-explain__imgBox {
		padding: 30px 60px;
	}
}

.di-explain__flexBox {
	display: flex;
	justify-content: center;
}

.di-explain__imgBox__item {
	text-align: center;
}

.di-explain__imgBox__item + .di-explain__imgBox__item {
	margin-left: 20px;
}

.di-explain__imgBox__item img {
	width: 100%;
}

.di-explain__cap {
	color: #443f4f;
	font-size: 1rem;
	font-weight: bold;
	margin-top: 10px;
}

.di-explain__textPrimary {
	color: #BB5345;
	font-size: 1.3rem;
	font-weight: bold;
	margin-bottom: 8px;
}

.di-explain--link a {
	color: #443f4f;
	font-size: 1.2rem;
	font-weight: bold;
	margin: 5px 0 10px;
	text-decoration: underline;
}

.di-explain--link a.hover {
	color: #d0cfd3;
}

.di-explain__imgBox__item--screen img {
	width: 225px;
}

.di-explain__itemNo {
	background: #BB5345;
	border-radius: 50%;
	color: #fff;
	font-size: 1.2rem;
	display: inline-block;
	margin-right: 4px;
	line-height: 18px;
	text-align: center;
	height: 18px;
	width: 18px;
}

.di-explain__section + .di-explain__section {
	margin-top: 16px;
}

.di-explain__grayBlock {
	background: rgba(48, 48, 48, .05);
	border-radius: 15px;
	margin-top: 16px;
	padding: 24px 20px;
}

.di-explain__grayBlock img {
	display: block;
	width: 249px;
}

.di-explain__grayItem + .di-explain__grayItem {
	margin-top: 20px;
}

.di-explain__subBox {
	margin-top: 12px;
}

.di-explain__subHeading {
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.5;
	color: #303030;
}

/* 見ちゃいや設定 */
.di-explain__limitItem {
	border-radius: 5px;
	box-sizing: border-box;
	display: inline-block;
	font-size: 0.9rem;
	letter-spacing: normal;
	line-height: 18px;
	margin: 0 4px;
	padding: 0 10px 0 24px;
	white-space: nowrap;
	height: 18px;
}

.di-explain__limitItem--aocca {
	background: #f6e5ff url(../img/icon_limit_purple.svg) no-repeat top 50% left 7px;
	background-size: 13px;
	color: #a080d0;
}

.di-explain__limitItem--tweet {
	background: #ffe9d4 url(../img/icon_limit_orange.svg) no-repeat top 50% left 7px;
	background-size: 13px;
	color: #d88f48;
}

.di-explain__img17Box--tweet {
	padding: 20px 0;
}

.di-explain__img17Box--tweet img {
	width: 112%;
	margin-left: -8%
}

.di-explain__img17--tweetB img {
	margin-left: -4%;
}

.di-explain__cap--tweetA {
	color: #443f4f;
	margin-left: 6%;
	padding: 0 10px;
}

.di-explain__cap--tweetB {
	color: #443f4f;
	margin-right: 8%;
	padding: 0 10px;
}

.di-explain__cap--tweetC {
	font-size: 1.2rem;
	font-weight: bold;
	color: #443f4f;
	text-align: center;
	margin-top: -5px;
	padding-bottom: 10px;
}

@media (min-width: 600px) {
	.di-explain__img17Box--tweet {
		padding: 30px 60px;
	}
}

/* つぶやくについて */
.di-explain__status__box {
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 0.9rem;
	line-height: 16px;
	margin: 0 4px;
	padding: 0 4px;
	height: 16px;
}

.di-explain__status--inReview {
	background: #f91767;
}

.di-explain__status--reject {
	background: #4c4166;
}

/*  オススメ撮影方法 */
.di-explain__flexBox--photo {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.di-explain__markInner--profGood {
	height: 14px;
	width: 14px;
	border-radius: 50%;
	border: 3px solid #fff;
}

.di-explain__mark--profGood {
	display:flex;
	justify-content:center;
	align-items: center;
	height: 30px;
	width: 30px;
	background: #BB5345;
	border-radius: 50%;
	border: 2px solid #fff;
	position: relative;
	top: -10px;
	right: 10px;
	margin-bottom: -35px;
	z-index: 999;
}

.di-explain__markInner--profNg {
	display: inline-block;
	position: relative;
	top: 4px;
	margin: 0;
	padding: 0;
 	width: 3px;
	height: 18px;
	background: #fff;
	transform: rotate(45deg);
}

.di-explain__markInner--profNg:before {
	display: block;
	content: "";
	position: absolute;
	margin: 0;
	padding: 0;
 	width: 3px;
	height: 18px;
	background: #fff;
	transform: rotate(90deg);
}

.di-explain__mark--profNg {
	display:flex;
	justify-content:center;
	height: 28px;
	width: 28px;
	background: #9cabbd;
	border-radius: 50%;
	border: 2px solid #fff;
	position: relative;
	top: -10px;
	right: 10px;
	margin-bottom: -32px;
	z-index: 999;
}

.di-explain__imgBox--good {
	background: #fef0f7;
	margin: 0 20px 20px;
	border-radius: 10px;	
	padding:15px 15px 0 0;
}

.di-explain__imgBox--good img{
	max-width: 120px;
}

.di-explain__imgBox__goodText {
	flex-grow: 1;
	margin:0 0 15px 15px;
}

.di-explain__imgBox__goodImg {
	flex-shrink: 3;
	min-width: 110px;
	margin: 0 0 12px 17px;
}

.di-explain__imgBox__goodImg img {
	border-radius: 5px;
}

.di-explain__goodTitle {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	background: #BB5345;
	text-align: center;
	color: #fff;
	font-size: 1.3rem;
	font-weight: bold;
	width: 100%;
	height: 18px;
	margin-bottom: 10px;
}

.di-explain__flexBox--left {
	display: flex;
	align-items: center;
}

.di-explain__goodPoint--top {
	margin-bottom: 8px;
}

.di-explain__goodNumber {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	background: #BB5345;
	color: #fff;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	font-size: 1.2rem;
	font-weight: bold;
	margin-right: 5px;
}

.di-explain__goodPoint {
	font-size: 1.3rem;
}

.di-explain__goodDetail {
	display: flex;
	align-items: center;
	background: #fef0f7;
	color: #443f4f;
	height: 25px;
	border-radius: 25px;
	font-size: 1.2rem;
	font-weight: bold;
}

.di-explain__goodDetail--number {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 25px;
	font-size: 1.2rem;
	background: #BB5345;
	color: #fff;
	height: 25px;
	width: 80px;
	margin-right: 10px;
}

.di-explain__goodDetailBox {
	margin: 0 20px 5px 20px;
}

.di-explain__goodDetail--text {
	font-size: 1.2rem;
	padding: 10px 0 25px 0;
}

.di-explain__imgBox--bad {
	background: #e7e7e9;
	padding: 25px;
}

.di-explain__img--bad img {
	border-radius: 5px;
	max-width: 100px;
}

.di-explain__imgBoxTitle--bad {
	color: #727683;
	text-align: center;
	font-weight: bold;
	font-size: 1.7rem;
	margin-bottom: 18px;
}

.di-explain__appeaTitle {
	text-align: center;
	color: #a080d0;
	font-size: 1.8rem;
	font-weight: bold;
	padding-top: 35px;
}

.di-explain__appealBox {
	padding: 9px 20px 16px;
}

.di-explain__imgBoxTitle--appeal{
	background: #a19fa7;
	color: #fff;
	text-align: center;
	margin: 10px 20px 0;
	border-radius: 10px 10px 0 0;
	padding: 8px 0;
}

.di-explain__imgBox--appeal {
	background: #ececed;
	border-radius: 0 0 10px 10px;
	padding: 15px 15px 15px;
}

.di-explain__imgBoxText--appeal {
	text-align: center;
	font-size: 1.2rem;
	padding-bottom: 15px;
}

@media (min-width: 600px) {
	.di-explain__imgBox--appeal {
		padding: 30px 60px;
	}
}

@media (min-width: 600px) {
	.di-explain__imgOuter--bad {
		padding: 0px 60px;
	}
}

@media (min-width: 600px) {
	.di-explain__appealBox {
		padding: 9px 60px 16px;
	}
}

/* 人柄設定・好み設定 */
.di-explain__typematch__btn  {
  	position: relative;
	display: flex;
	align-items: center;
	line-height: 13px;
	padding: 0 0 0 12px;
	color: #BB5345;
	font-size: 1.3rem;
	font-weight: bold;
	height: 26px;
	width: 130px;
	border: 1px solid #BB5345;
	border-radius: 13px;
	text-align: center;
	margin: -5px 0 0;
}

.di-explain__typematch__btn:after {
	content: '';
	width: 8px;
	height: 8px;
	border: 0;
	border-bottom: solid 1px #BB5345;
	border-right: solid 1px #BB5345;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -6px;
	transform: rotate(45deg);
}

.di-explain__typematch__btn.hover {
	opacity: 0.5;
}

.di-explain__textBox .di-explain__typematch__titile {
	font-size: 1.9rem;
	font-weight: bold;	
	margin: 10px 0 9px;
}

.di-explain__textBox .di-explain__typematch__titile--personality {
	color: #BB5345;
	font-weight: bold;
	font-size: 1.6rem;
	margin: 0 0 9px 0px;
	position:relative;
	padding: 0 0 0 25px;
}

.di-explain__textBox .di-explain__typematch__titile--personality:before {
	position:absolute;
	left:0;
	top: 4px;
	content:"";
	display:inline-block;
	width: 18px;
	height: 18px;
	background:url("../img/typeset_icon_personal.svg") no-repeat;
	background-size:contain;
}

.di-explain__textBox .di-explain__typematch__titile--type {
	color: #BB5345;
	font-weight: bold;
	font-size: 1.6rem;
	margin: 0 0 9px 0px;
	position:relative;
	padding: 0 0 0 25px;
}

.di-explain__textBox .di-explain__typematch__titile--type:before {
	position:absolute;
	left:0;
	top: 4px;
	content:"";
	display:inline-block;
	width: 18px;
	height: 18px;
	background:url("../img/typeset_icon_type.svg") no-repeat;
	background-size:contain;
}

.di-explain__typematch__outer {
	margin: -10px 0 25px;
	padding-bottom: 25px;
	line-height: 1;
	color: #443F4F;
}

.di-explain__typematch__text {
	font-size: 1.5rem;
	line-height:2.1rem;
	padding: 21px 0 10px;
}


/* aocca募集設定 */
.di-explain__aoccaSetting__title {
	color: #BB5345;
	font-size: 1.5rem;
	font-weight: bold;
	padding-bottom: 3px;
}

.di-explain__aoccaSetting__title--what:before  {
	content: '';
	display: inline-block;
	width: 20px;
	height: 15px;
	background-image: url("../img/aocca_setting_icon_what.svg");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 8px;
	margin-bottom: 4px;
}

.di-explain__aoccaSetting__title--when:before  {
	content: '';
	display: inline-block;
	width: 19px;
	height: 19px;
	background-image: url("../img/aocca_setting_icon_when.svg");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 8px;
	margin-bottom: 4px;
}

.di-explain__aoccaSetting__title--place:before  {
	content: '';
	display: inline-block;
	width: 18px;
	height: 20px;
	background-image: url("../../index.html");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 8px;
	margin-bottom: 5px;
}

.di-explain__aoccaSetting__title--terms:before  {
	content: '';
	display: inline-block;
	width: 16px;
	height: 19px;
	background-image: url("../img/aocca_setting_icon_terms.svg");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 8px;
	margin-bottom: 4px;
}

.di-explain__aoccaSetting__title--comment:before  {
	content: '';
	display: inline-block;
	width: 21px;
	height: 18px;
	background-image: url("../../index.html");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 8px;
	margin-bottom: 5px;
}

.di-explain__aoccaSetting__title--caption {
	font-size: 1.4rem;
	font-weight: bold;
	padding-bottom: 6px;
}

/* ---------------------------------------------------
  aocca機能チュートリアル
----------------------------------------------------*/
.di-bg-tito {
	padding-top: 20px;
}

.di-title--tuto {
	font-size: 1.7rem;
	font-weight: bold;
	padding-bottom: 10px;
	color: #727683;
	line-height: 1.2em;
}

.di-title--tuto2 {
	font-size: 1.6rem;
	font-weight: bold;
	color: #727683;
	line-height: 1.2em;
}

.di-box--tuto {
	display: flex;
	align-items: center;
	background: #fef0f7;
	border-radius: 10px;
	padding: 12px 0 12px 12px;
}

.di-step--tuto {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: linear-gradient(100deg, #fa69a9, #ff7288);
	height: 36px;
	width: 36px;
	border-radius: 18px;
	margin-right: 8px;
}

.di-step__text--tuto {
	display: block;
	transform: scale(0.8); 
	color: #fff;
	font-size: 1.0rem;
	line-height: 1.4em;
}

.di-step__number--tuto {
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
}

.di-text--tuto {
	text-align: left;
	font-size: 1.2rem;
	line-height: 1.4em;
}

.di-text--tuto strong {
	font-size: 1.7rem;
	color: #BB5345;
	line-height: 1.5em;
}

.di-text__big--tuto {
	font-size: 1.5rem;
	font-weight: bold;
	color: #BB5345;
	line-height: 1.2em;
}

.di-arrow--tuto img {
	width: 16px;
	height: 13px;
	padding: 6px 0 2px 0;
}

.di-btn__box--tuto {
	padding-top: 15px;
}

.di-subtitle--tuto {
 	position: relative;
	display: inline-block;
	padding: 3px 0;
	border-radius: 30px;
	width: 180px;
 	color: #fff;
	font-size: 16px;
	background: #BB5345;
	bottom: -13px;
}

.di-subtitle--tuto p {
	font-size: 1.3rem;
	font-weight: bold;
}

.di-subtitle--tuto:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 10px solid #BB5345;
}

.di-explain_box--tuto {
	background: linear-gradient(135deg, rgba(255, 152, 169, 0.4), rgba(191, 178, 232, 0.4), rgba(227, 227, 248, 0.8));
	border-radius: 5px;
	padding: 35px 6px 2px 10px;
}

.di-explain_box--tuto img {
	width: 100%;
}

.di-title--tuto--bl {
   font-size: 1.7rem;
   font-weight: bold;
   margin-top: -5px;
}

.di-box--tuto__aocca-mode {
   margin: 16px 0;
   font-size: 1.5rem;
   font-weight: bold;
}

.di-box--tuto__aocca-mode img {
   width: 100%;
   margin-bottom: 4px;
}

.di-text--tuto__aocca-mode {
   font-size: 1.6rem;
   color: #BB5345;
   line-height: 1.4;
   margin-top: 4px;
}

.di-box--tuto__aocca-point {
   background: #f0eefc;
   border-radius: 4px;
   padding: 10px;
   position: relative;
   margin-bottom: 15px;
}

.di-box--tuto__aocca-point img {
   width: 38px;
   position: absolute;
   top: -16px;
   left: 14px;
}

.di-box--tuto__aocca-point p {
   color: #a080d0;
   font-size: 1.3rem;
   font-weight: bold;
   line-height: 1.4;
}

/* ---------------------------------------------------
  ポイント購入
----------------------------------------------------*/
/* ビックサン　問い合わせ */

.di-point__number {
	display:inline-block;
	background: #4c4166;
	color: #fff;
	font-size: 1.2rem;
	height: 17px;
	width: 17px;
	line-height: 17px;
	border-radius: 50%;
	text-align: center;
	margin-right: 4px;
}

.di-point__phone__title {
	background: #BB5345;
	padding: 1px 0;
	color: #fff;
	border-radius: 3px;
	font-size: 1.1rem;
	margin-bottom: 3px;
}

.di-point__phone {
	color: #BB5345;
	font-size: 1.9rem;
	text-align:center;
	display: flex;
	justify-content: center;
	margin-bottom: 5px;
}

.di-point__phone::before {
 	width: 0.8em;
  	height: 0.8em;
	background-image: url(../img/icon_phone_pink.svg);
}

/* ---------------------------------------------------
  登録直後フロー
----------------------------------------------------*/
.di-afterRegistration--p1 {
	background: #fff url(../img/dialog_after_regist_p1.png) no-repeat;
	position: relative;
	background-size: contain;
	height: 330px;
	border-radius: 15px 15px 0 0;
}

.di-afterRegistration--p2 {
	background: #fff url(../img/dialog_after_regist_p2.png) no-repeat;
	position: relative;
	background-size: contain;
	height: 330px;
	border-radius: 15px 15px 0 0;
}

.di-afterRegistration--p3 {
	background: #fff url(../img/dialog_after_regist_p3.png) no-repeat;
	position: relative;
	background-size: contain;
	height: 330px;
	border-radius: 15px 15px 0 0;
}

.di-afterRegistration__btnOuter {
	position: absolute;
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
	bottom: 15px;
}

.di-afterRegistration__btn {
	height: 48px;
	width: 100%;
	border-radius: 24px;
	padding: 0 0.5em;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	background: #BB5345;
	color: #fff;
}

.di-afterRegistration__btn.hover {
	background: #924A46;
}

.di-afterRegistration__btn--white {
	background: #fff;
	color: #BB5345;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.di-afterRegistration__btn--white.hover {
	background: #EAEAEA;
}

.di-afterRegistration__footer {
	background: #C17A66;
	height: 30px;
	border-radius: 0 0 15px 15px;
}

.di-afterRegistration__footer__dot__flex {
	display: flex;
	height: 30px;
	justify-content: center;
	align-items: center;
}

.di-afterRegistration__footer__dot {
	display: block;
	height: 6px;
	width: 6px;
	border-radius: 12px;
	margin: 5px; 
}

.di-afterRegistration__footer__dot--active {
	background: #7E4542;
}

.di-afterRegistration__footer__dot--default {
	background: #FFFFFF;
	opacity: 0.8;
}

/* ---------------------------------------------------
  プロフ写真未登録者制限
----------------------------------------------------*/
.di-profLimit {
	width: 275px;
}

.di-profLimit__img {
	background: #FCF1EE;
	border-radius: 15px 15px 0 0;
	border-bottom: 1px solid #FCF1EE;
	padding: 10px 0 0 0;
}

.di-profLimit__img img {
	width: 100%;
	display: block;
}

.di-profLimit__bottom {
	padding: 16px;
}

/* ---------------------------------------------------
  aoccaモード利用制限
----------------------------------------------------*/
.di-aoccaLimit__box {
	background: #f4f4fa;
	padding: 10px 0;
	margin-bottom: 20px;
	text-align: left;
}

.di-aoccaLimit__box__innner {
	font-size: 1.3rem;
	font-weight: bold;
	color: #a080d0;
	margin: 0 auto;
	width: 140px;
}

/* ---------------------------------------------------
  あしあとリスト
----------------------------------------------------*/
.di-footprint__title {
	font-weight: bold;
	font-size: 1.4rem; 
	margin: 8px 0 17px 0;
	line-height: 1.3;
}

.di-footprint__balloon {
	position: relative;
	display: flex;
	align-items: center;
	background: #FEF0F0;
	border-radius: 10px;
	height: 55px;
	margin: 8px 0 17px 0;
}

.di-footprint__balloon--look {
	background: rgba(48, 48, 48, 0.05);
	margin-top: 2px;
	margin-bottom: 12px;
}

.di-footprint__balloon:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 10px solid #FEF0F0;
}

.di-footprint__balloon--look:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 10px solid rgba(48, 48, 48, 0.05);
}

.di-footprint__balloonImg {
	margin: 0 8px 8px 10px;
}

.di-footprint__balloonImg img {
	width:53px;
	height: 53px;
}

.di-footprint__balloonText {
	color: #ED5454;
	font-size: 1.2rem;
	text-align: left;
	line-height: 1.5;
	margin-right: 4px;
}

.di-footprint__balloonText span {
	display: inline-block;
	font-weight: bold;	
}

.di-footprint__balloonText--look {
	color: rgba(48, 48, 48, 0.75);
}

.di-footprint___btn {
	border-radius: 24px;
	background: #F26D6D;
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 20px;
	height: 48px;
	transition: all .3s;
}

.di-footprint___btn.hover {
   background: #E45E5E;
}

.di-footprint___btn--message::before {
	content: "";
	background: url("../img/icon_message_nice_white.svg") no-repeat;
	background-size: contain;
	display: inline-block;
	opacity: .8;
   margin-right: 2px;
	height: 22px;
	width: 26px;
}

.di-footprint___btn--nice::before {
	content: "";
	background: url("../img/icon_heart_white.svg") no-repeat;
	background-size: 90%;
	display: inline-block;
	opacity: .8;
	height: 20px;
	width: 22px;
	margin: 3px 3px 0 0;
}

.di-footprint___btn--box {
	position: relative;
}

.di-footprint___btnImage--nice {
	position: absolute;
	top: -14px;
	right: 2px;
	width: 54px;
	height: 38px;
}

.di-footprint___btn--caption {
	font-size: 1.1rem;
	margin: -12px 0 12px 0;
}

.di-btn__box--look {
   margin-bottom: 20px;
}

.di-btn__box--look a {
   font-weight: bold;
   margin-bottom: 15px;
}

.di-footprint__icon--look::before {
	content: "";
	background: url("../img/icon_look_white.svg") no-repeat;
	background-size: contain;
	display: inline-block;
	opacity: .8;
   margin-right: 4px;
	height: 26px;
	width: 26px;
}

.di-footprint__icon--msgLook::before {
	content: "";
	background: url("../img/icon_msg_look_white.svg") no-repeat;
	background-size: contain;
	display: inline-block;
	opacity: .8;
	margin-right: 4px;
	margin-top: 3px;
	width: 29px;
	height: 27px;
}

.di-footprint__icon--lookWhite {
	background: #F1BA59;
}

.di-footprint__icon--lookWhite.hover {
	background: #E3A24D;
}

.di-footprint__icon--lookWhite::before {
	content: "";
	background: url("../img/icon_look_white.svg") no-repeat;
	background-size: contain;
	display: inline-block;
	opacity: .8;
   margin-right: 4px;
	height: 26px;
	width: 26px;
}

.di-footprint__text--msgLook {
	color: #fff;
}

/* ---------------------------------------------------
  特別プロフ未設定時制限
----------------------------------------------------*/
.di-sprofLimit {
	width: 275px;
}

.di-sprofLimit__img {
	background: #FEF4D8;
	border-radius: 15px 15px 0 0;
	border-bottom: #FEF4D8 solid 1px;
   padding-top: 15px;
}

.di-sprofLimit__img img {
   display: block;
   margin: 0 auto;
	width: 100%;
}

.di-sProf__text {
   font-size: 1.3rem;
   padding: 20px 0 16px;
}

.di-sprofLimit__bottom {
	padding: 0 16px 16px;
}

.di-sprof__btn {
	height: 50px;
	width: 100%;
	border-radius: 25px;
   font-size: 1.6rem;
   font-weight: bold;
   line-height: 1;
	display: flex;
   flex-direction: column;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}

.di-sprof__btn--main {
   background: #FDD264;
	color: #936900;
}

.di-sprof__btn--main.hover {
   background: #FAC53D;
}

.di-sprof__btn--main div {
   font-size: 1.3rem;
   font-weight: normal;
   margin-bottom: 4px;
}

.di-sprof__btn--sub {
   background: rgba(188, 131, 0, 0);
   border: solid 1px rgba(188, 131, 0, .8);
	color: #BC8300;
   transition: all .1s;
}

.di-sprof__btn--sub.hover {
   background: rgba(188, 131, 0, .1);
}

/* ---------------------------------------------------
  今日のオススメ説明 
----------------------------------------------------*/
.di-pickup__explain__img img {
	width: 100%;
}

.di-pickup__explain__btn {
	font-weight: bold;
}

/* ---------------------------------------------------
  年齢確認
----------------------------------------------------*/
.di-age__bg {
	padding: 30px 15px 15px;
	width: 275px;
}

.di-age__bg--sample {
	padding: 30px 20px 20px;
	width: 275px;
}

.di-age__title {
	font-size: 1.4rem;
	line-height: 19px;
	font-weight: bold;
	margin-bottom: 18px;
}

.di-age__howto {
	display: flex;
	align-items: flex-start;
}

.di-age__howto  img {
	width: 20px;
	margin-right: 8px;
}

.di-age__howtoText {
	font-size: 1.4rem;
}

.di-age__howtoSubText {
	font-size: 1.0rem;
	text-align:left;
	margin: -2px 0 8px 28px;
}

.di-age__howtoImg {
	margin: 12px 0 0;
}

.di-age__howtoImg img {
	width: 100%;
}

.di-age__subText {
	font-size: 1.1rem;
	color: rgba(48, 48, 48, 0.75);
	margin-bottom:24px;
}

.di-age__btn__box {
	margin-top: 5px;
}

.di-age__btn__box a {
	font-size: 1.4rem;
}

/* プライバシーポリシー更新確認 */
.di-privacy__check--flex {
	display: flex;
	justify-content: center;
}

.di-privacy__checkOuter {
	height: 20px;
	width: 20px;
	margin: 0 0 15px;
}

.di-privacy__check {
	box-sizing: border-box;
	cursor: pointer;
	height: 20px;
	width: 20px;
	margin-right: 12px;
}

.di-privacy__check--img::before {
	content: "";
	background: #f0f1f6 url(../img/check.svg) no-repeat center;
	background-size: 0;
	border: 1px solid #ddd;
	border-radius: 3px;
	box-sizing: border-box;
	display: block;
	flex: 1 0 20px;
	margin-right: 12px;
	transition: border 100ms ease-out;
	height: 20px;
	width: 20px;
}

.di-privacy__check input[type="checkbox"]:checked + .di-privacy__check--img::before {
	background: #B55C50 url(../img/check.svg) no-repeat center;
	background-size: 11px 8px;
	background-position: 50% 50%;
	border-color: #B55C50;
	transition: border 100ms ease-out;
}

.di-privacy__checkText {
	font-size: 1.3rem;
	padding-left: 10px;
}

.di-privacy__link {
	margin: 0 0 20px;
}

.di-privacy__link a {
	font-size: 1.3rem;
	text-decoration: underline;
	color: #BB5345;
}

.di-privacy__link a.hover {
	text-decoration: none;
	color: #9F4C41;
}

.di-privacy__link--no {
	margin: 20px 0 5px;
}

.di-privacy__link--no a {
	font-size: 1.3rem;
	color: #303030;
}

.di-privacy__link--no a.hover {
	opacity: 0.5;
}

.di-privacy__btn--disable {
	opacity: 0.4;
	pointer-events: none
}

/* ---------------------------------------------------
   写真リクエスト
----------------------------------------------------*/
.di-photoRequest {
	width: 275px;
}

.di-photoRequest__caption {
	font-size: 1.1rem;
	text-align: left;
	color: rgba(48,48,48,0.75);
	margin-top: 10px;
}

.di-photoRequest__textBox {
	margin: 5px 0 10px;
}

/* ---------------------------------------------------
   メッセージ写真削除
----------------------------------------------------*/
.di-bg__photo__delete {
	background: rgba(0, 0, 0, 0.85);
	box-sizing: border-box;
	padding: 0px 0px;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10000;
}

@media (min-width: 480px) {
	.di-bg__photo__delete {
		padding: 20px calc(100%*1/2 - 240px);
	}
}

.di-photo__delete__container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: calc(100% - 30px);
	max-width: 480px;
}

.di-photo__delete__imgBox {
	display: block;
	margin: 0;
	position: relative;
	height: auto;
	width: 100%;
}

.di-photo__delete__imgBox::after {
	content: "";
	display: block;
	padding-top: 100%;
}

.di-photo__delete__img {
	box-sizing: border-box;
	display: block;
	padding: 0 0px;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

@media (max-height: 414px) {
	.di-photo__delete__imgBox {
		margin: 15px 0 20px;
		position: static;
		height: 70%;
		width: auto;
	}

	.di-photo__delete__imgBox::after {
		display: none;
	}

	.di-photo__delete__img {
		position: static;
	}
}

.di-photo__delete__img img {
	object-fit: contain;
	height: 100%;
	width: 100%;
	font-family: 'object-fit: contain;'
}

.di-photo__delete__btnOuter {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	margin: 15px 15px 0 0;
}

.di-photo__delete__btnOuter .hover {
	opacity: 0.5;
}

.di-photo__delete__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 1.3rem;
	text-align: center;
	border: 1px solid #fff;
	height: 38px;
	padding: 0 15px 0 12px;
	border-radius: 19px;
}

.di-photo__delete__btn::before  {
 content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../img/btn_icon_photo_delete.png);
  background-size: contain;
  vertical-align: middle;
	margin: 0 5px 0 0;
}

.di-photo__delete__closeOuter {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.di-photo__delete__close {
	position: relative;
	top: -1px;
	left: -1px;
	width: 1px;
	height: 15px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.di-photo__delete__close::before {
	content: "";
	position: absolute;
	left: -7px;
	top: 7px;
	width: 15px;
	height: 1px;
	background: #fff;
}

/* ---------------------------------------------------
  ポイント不足 バナーあり　
----------------------------------------------------*/
.di-pointShortage__bg {
	width: 275px;
	padding: 30px 0 0;
}

.di-pointShortage__bn {
	margin: 4px 0 20px;
	width: 100%;
	height: 120px;
}

.di-pointShortage__bn img {
	width: 100%;
}

.di-pointShortage__btn {
	padding: 0 15px 15px;
}

.di-pointShortage__btn a {
	font-weight: bold;
}

.di-pointShortage__btn a + a {
	margin-top: 10px;
}

/* お気に入り追加あり */
.di-btn__addFavo {
	flex-direction: column;
	line-height: 1;
}

.di-btn__addFavo span {
	font-size: 1.3rem;
	font-weight: normal;
	margin-bottom: 4px;
}

/* ---------------------------------------------------
  ログアウト
----------------------------------------------------*/
.di-logout__box {
	background: rgba(193,122,102,0.1);
	padding: 0 13px 15px 15px;
	margin-bottom: 16px;
	border-radius: 5px;
	text-align: left;
}

.di-logout__item {
	font-size: 1.3rem;
	padding-top: 15px;
}

.di-logout__text {
	font-size: 1.2rem;
	padding-top: 3px;
}

.di-logout__text--caption {
	color: rgba(48,48,48,0.75);
	font-size: 1.1rem;
}

/* ---------------------------------------------------
   初回いいね！後のダイアログ
----------------------------------------------------*/
.di-niceFirst {
	background: #fff;
	width: 295px;
	border-radius: 15px;
	box-sizing: border-box;
	color: #303030;
	line-height: 1.6;
	margin-top: -48px;
	text-align: center;
	position: relative;
	transition: all .3s ease;
}

.di-niceFirst_top img {
	width: 100%;
	border-radius: 15px 15px 0 0;
}

.di-niceFirst__title {
	color: #F26D6D;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	line-height: 17px;
	padding: 20px 0 2px;
}

.di-niceFirst__box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: rgba(242, 109, 109, 0.1);
	border-radius: 5px;
	margin: 13px 20px 0;
	height: 44px;
}

.di-niceFirst__boxImg {
	width: 54px;
	height: 22px;
	margin-left: 8px;
}

.di-niceFirst__boxImg img {
	width: 100%;
}

.di-niceFirst__text {
	color: rgba(48, 48, 48, 0.75);
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	width: 190px;
}

.di-niceFirst__linkOuter {
	padding:10px 0 16px;
}

.di-niceFirst__link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 55px;
	height: 32px;
	color: #303030;
	font-size: 13px;
	margin: 0 auto;
}

.di-niceFirst__link.hover {
	opacity: 0.5;
}

/* ---------------------------------------------------
  人気会員
----------------------------------------------------*/
.di-popularMember__box {
	border-radius: 10px;
	border: 1px solid #F26D6D;
	background: rgba(242, 109, 109, 0.1);
	text-align: center;
	padding: 12px 0;
	margin-bottom: 16px;
}

.di-popularMember__title {
	color: #E45E5E;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 6px;
}

.di-popularMember__text {
	font-size: 12px;
	line-height: 18px;
}

.di-popularMember__caption {
	color: rgba(48, 48, 48, 0.75);
	font-size: 11px;
	padding-top: 6px;
}

.di-popularMember__box--look {
	border: 1px solid #F1BA59;
	background: rgba(241, 186, 89, 0.1);
}

.di-popularMember__title--look {
	color: #E97E00;
}

.di-footprint__balloon--popular {
	background: rgba(48, 48, 48, 0.05);
}

.di-footprint__balloon--popular:before {
	border-top: 10px solid rgba(48, 48, 48, 0.05);
}

.di-footprint__balloonText--popular {
	color: rgba(48, 48, 48, 0.75);
}

/* ---------------------------------------------------
  プレミアム関連
----------------------------------------------------*/
/* 既読機能 */
.di-messageRead__pre {
	width: 275px;
	padding: 30px 0 0;
}

.di-messageRead__pre--innner {
	padding: 0 16px;
}

.di-messageRead__pre--bottom {
	height: 67px;
	border-radius: 0 0 15px 15px;
	background: url(../img/premium_message_dialog.png);
	background-size: 275px 67px;
	background-repeat: no-repeat;
	margin-top: 20px;
}

.di-messageRead__pre--btn {
	position: relative;
	top: 15px;
	left: 159px;
}

.di-messageRead__pre--btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 37px;
	width: 101px;
	border-radius:18px;
	color: #B19541;
	font-size: 1.3rem;
	font-weight: bold;
	background: #fff;
}

.di-messageRead__pre--btn a.hover {
	background:  #F8EEC7;;
}

/* 定額パック促進ダイアログ */
.di-monthPack__pre {
   padding: 30px 0 16px;
   width: 275px;
}

.di-btn__msgMonthPack--pre {
	padding: 20px 16px 15px;
}

.di-monthPack__pre__box {
	background: rgba(193, 122, 102, 0.1);
	margin: 0 16px 22px;
	padding: 15px;
	border-radius: 5px;
}

.di-monthPack__pre__box__text {
	color: #BB5345;
	font-size:1.3rem;
	line-height: 20px;
	font-weight: bold;
	padding-bottom: 12px;
}

.di-monthPack__pre__text--sub {
	color: rgba(48, 48, 48, 0.75);
	font-size: 1.1rem;
	padding-bottom: 5px;
}

.di-monthPack__pre--btn {
	padding: 0 16px;
}

.di-monthPack__pre--btn a {
	background: #fff;
	border-radius: 24px;
	border: solid 1px rgba(48, 48, 48, 0.2);
	color: #303030;
	font-size: 1.5rem;
	font-weight: normal;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 48px;
	width: 100%;
	transition: background .2s;
}

.di-monthPack__pre--btn a.hover {
	background: rgba(48, 48, 48, 0.1);
}
 
/* プレミアム制限ダイアログ */
.di-limitedPre__btn {
	padding: 20px 16px 0;
}

.di-limitedPre__btn a {
	background: #B19541;
	border-radius: 24px;
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 48px;
	width: 100%;
	transition: background .2s;
}

.di-limitedPre__btn a.hover {
	background: #957D34;
}

/* 表示順ダイアログ */
.di-orderPre {
	width: 275px;
	padding: 30px 20px 20px;
}

.di-orderPre__list {
	text-align: left;
	font-size: 1.3rem;
	color: #303030;
}

.di-orderPre__list li {
	display: flex;
	align-items: center;
	height: 57px;
	border-bottom: 1px solid rgba(48, 48, 48, 0.1);
}

.di-orderPre__list li:last-child{
	border-bottom: none;
}

/* ラジオボタン */
.di-orderPre__check {
	box-sizing: border-box;
	color: #303030;
	cursor: pointer;
	display: flex;
	align-items: center;
	font-size: 1.3rem;
	min-height: 56px;
	width: 100%;
}

.di-orderPre__text {
	display: flex;
	align-items: center;
	line-height: 1.5;
	width: 230px;
}

.di-orderPre__textInner {
	width: 230px;
}

.di-orderPre__text::after {
	content: "";
	background:url(../img/check_brown.svg) no-repeat center;
	background-size: 0;
	background-position: right;
	box-sizing: border-box;
	display: block;
	flex: 1 0 24px;
	height: 17px;
}

.di-orderPre__check input[type="radio"]:checked + .di-orderPre__text::after {
	background:url(../img/check_brown.svg) no-repeat center;
	background-size: 24px 17px;
}

.di-orderPre__check input[type="radio"]:checked + .di-orderPre__text {
	font-weight: bold;
}

.di-orderPre__label--pack {
	background: #F26D6D;
	font-size: 1.0rem;
	font-weight: bold;
	width: 60px;
	height: 17px;
	color: #fff;
	border-radius: 2px;
	text-align: center;
	box-sizing: border-box;
	padding-top: 1px;
}

.di-orderPre__label--packParallel {
	display: inline-block;	
	position: relative;
	top: -1px;
	margin-left: 5px;
} 

.di-orderPre__label--premium {
	position: relative;
	top: 3px;
	width: 52px;
	height: 17px;
	margin-left: 5px;
}

.di-orderPre__label--premium img {
	width: 52px;
	height: 17px;
}

.di-orderPre__label--subscription {
	position: relative;
	top: 3px;
	width: 60px;
	height: 17px;
	margin-left: 5px;
}

.di-orderPre__label--subscription img {
	width: 60px;
	height: 17px;
}

/* ---------------------------------------------------
  いいね数表示制限ダイアログ
----------------------------------------------------*/
.di-profNiceNum__img img {
	border-radius: 15px 15px 0 0;
	width: 100%;
}

.di-profNiceNum {
	font-size: 1.5rem;
}

.di-profNiceNum span {
	font-weight: bold;
	color: #F26D6D;
}

/* ---------------------------------------------------
  メッセージ 外部リンク確認ダイアログ
----------------------------------------------------*/
.di-messageLink__box {
	background: rgba(193,122,102,0.1);
	padding: 10px;
	margin-bottom: 20px;
	border-radius: 5px;
}

.di-messageLink__text {
	text-align: center;
	font-size: 1.2rem;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 10;
	-webkit-box-orient: vertical;
}

/* ---------------------------------------------------
  無料体験ダイアログ
----------------------------------------------------*/
.di-freeTrial {
	width: 300px;
}

.di-freeTrial__img {
	border-radius: 15px 15px 0 0;
	width: 300px;
	height: 200px;
	padding: 0;
}

.di-freeTrial__img img {
	border-radius: 15px 15px 0 0;
	width: 100%;
	display: block;
}

.di-freeTrial__bottom {
	margin: 20px 15px 0;
	padding-bottom: 15px;
}

.di-freeTrial__term {
	font-size: 1.4rem;
	font-weight: bold;
	margin: 20px 0 16px;
}

.di-freeTrial__term span {
	display: inline-block;
	padding: 0px 7px;
	font-size: 1.2rem;
	border-radius: 2px;
	margin-right: 9px;
}

.di-freeTrial__term--monthPack {
	color: #CF3F50;
	border: 1px solid #CF3F50;
}

.di-freeTrial__term--premium {
	color: #957D34;
	border: 1px solid #957D34;
}

.di-freeTrial__boxLeadText--monthPack {
	font-size: 1.6rem;
	font-weight: bold;
	color: #CF3F50;
	margin-bottom: 2px;
}

.di-freeTrial__boxText--monthPack {
	font-size: 1.4rem;
}

.di-freeTrial__boxLeadText--premium {
	font-weight: bold;
	font-size: 1.5rem;
	color: #957D34;
	padding-bottom: 2px;
}

.di-freeTrial__boxText--premium {
	font-size: 1.4rem;
	color: #957D34;
}

/* ---------------------------------------------------
ポイントキャンペーンダイアログ
----------------------------------------------------*/
.di-pointCampaign__bottom {
	padding: 20px 16px;
}