@charset "shift_jis";

/*-----------------------------------------------
タグ初期化
-----------------------------------------------*/
html {
	font-size: 62.5%;/*font-size: 10px*/
	scrollbar-gutter: stable;
}

body {
	font-family: "Helvetica Neue", "Helvetica", "Arial", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
	font-weight: 500;
	font-size: 1.6rem;
	color: #252525;
	background: #fafafa;
}

p {
	line-height: 1.5;
}

img {
	width: 100%;
	max-width: 100%;
	height: auto;
	border-style: none;
	vertical-align: bottom;
}

@media (min-width : 980px) {
	a:hover {
		opacity: .85;
	}
}

/*フォーム入力関連系*/
input::placeholder,
textarea::placeholder {
	color: #b1b1b1;
}

/* IE */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #b1b1b1;
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
}

input[type="text"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="password"],
select,
textarea {
	display: inline-block;
	width: 100%;
	padding: .5em;
	font-size: 1.6rem;
	background: #fafafa;
	border: 1px solid #ddd;
	border-radius: 3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/*ie用セレクト右矢印非表示*/
select::-ms-expand {
	display: none;
}

select {
	cursor: pointer;
	padding: 8px;
	border-radius: 3px;
}

/*---------------------------------------------------
レイアウト
---------------------------------------------------*/
/* ヘッダー */
header {
	display: none;
}

/* フッター */
footer {
	min-height: 56px;
	background: #c72b87;
}

/*フッターメニュー*/
ul.foot_menu {
	width: 90%;
	max-width: 560px;
	margin: 0 auto;
	padding-top: 24px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

ul.foot_menu li {
	width: 50%;
}

ul.foot_menu li a {
	display: block;
	padding: 1em .5em;
	font-size: 1.5rem;
	color: #fff;
}

/*コピーライト*/
.copy {
	padding: 20px 0;
	color: #fff;
	text-align: center;
}

/*全体内包用*/
.outer {
	width: 100%;
	min-height: 100vh;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 16px;
	background: #fff4f4;
}

@media (min-width : 980px) {
	.outer {
		max-width: 480px;
	}
}

/*コンテンツ内包用*/
.box {
	margin: 0 auto;
	padding: 8px;
	width: 96%;
	max-width: 560px;
	margin: 0 auto;
	background: #fff;
	border-radius: 5px;
	flex: 1;
}

/*ボタン複数縦並び配置用*/
.btn_box {
	display: flex;
}

/*---------------------------------------------------
ボタン/リンク関連
---------------------------------------------------*/
.btn {
	display: block;
	width: 80%;
	max-width: 400px;
	margin: 24px auto;
	padding: 1em;
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
	color: #fff;
	background: #bb2faf;
	border-radius: 128px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
	overflow: hidden;
}

@media (min-width : 980px) {
	.btn {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
}

/*ボタン2個並び時*/
.btn_box .btn {
	width: 46%;
	font-size: 1.4rem;
}

/*ページング*/
ul.pagination {
	margin: 16px auto;
	width: 50%;
	display: flex;
	justify-content: center;
	gap: 8px;
}

ul.pagination li {
	margin-bottom: 16px;
	width: 40%;
}

ul.pagination li a {
	display: block;
	padding: .5em;
	text-align: center;
	color: #bb2faf;
	background: #fff;
	border: 1px solid #bb2faf;
	border-radius: 3px;
}

.textLinkWrapper {
	text-align: center;
}

.textLink {
	display: inline-block;
	margin: 8px auto;
	text-decoration: underline;
	font-size: 1.3rem;
	text-align: center;
}

/*---------------------------------------------------
テキスト系
---------------------------------------------------*/
/*h2見出し*/
.h2_ttl {
	display: grid;
	align-content: center;
	width: 100%;
	height: 56px;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background: #c72b87;
}


/*各種項目名（共通）*/
span.item_label {
	display: inline-block;
	margin-right: 8px;
	width: 80px;
	color: #9c9c9c;
	font-size: 1.5rem;
	text-align: center;
	background: #fefefe;
	border: 1px solid #9c9c9c;
	border-radius: 3px;
}

/*-----------------------------------------------
ドメイン指定受信用表記関連
-----------------------------------------------*/
.domain_msg {
	padding: 16px;
	border: 1px solid #e5e5e5;
}

/*サイトドメイン*/
.site_domain {
	margin: 16px auto;
	padding: .5em;
	font-size: 1.8rem;
	text-align: center;
	font-weight: bold;
	color: #ad2828;
	background: #fafafa;
	border: 1px solid #ddd;
	border-radius: 3px;
	cursor: pointer;
	user-select: all;
}

/*キャリア説明ページへのリンク*/
.domain_msg ul {
	display: flex;
	justify-content: space-evenly;
	gap: 8px;
	margin: 16px auto 0;
}

.domain_msg ul li {
	width: 100%;
}

.domain_msg a {
	display: block;
	padding: 10px 0;
	text-align: center;
	color: #ad7253;
	background: #ffc4a5;
	border: 1px solid #ad7253;
	box-shadow: 0 0 4px #c7c7c7;
	border-radius: 4px;
}

/*---------------------------------------------------
トップページ（ログイン前）
---------------------------------------------------*/
.headerSiteLogo {
	display: block;
	width: 160px;
	height: 56px;
	margin: 0 auto;
	background: url(../img/siteLogo.png);
	background-size: cover;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.mainVisual {
	margin-top: -16px;
}

.contents-topPage .box {
	padding: 16px;
}

.contents-topPage .title {
	margin-bottom: 16px;
	padding: .5em;
	text-align: center;
	font-weight: bold;
	font-size: 2rem;
	color: #c72b87;
	border-bottom: 1px solid #e5e5e5;
}

/*お悩み*/
.worries .text {
	text-align: center;
}

.worriesList {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	width: 90%;
	margin: 24px auto;
	padding: 16px;
	background: #fafafa;
	border-radius: 16px;
}

.worriesList_item {
	width: 100%;
	padding: .5em .75em;
	font-weight: bold;
	font-size: 1.4rem;
	color: #2380b3;
	border-bottom: 1px solid #e5e5e5;
}

.worriesList_item:last-child {
	border: none;
	text-align: right;
}

/*体験談*/
.voiceList_item {
	margin-bottom: 24px;
}

.voiceList_item .voiceList_item_title {
	padding: .5em;
	font-weight: bold;
	font-size: 2rem;
	color: #ff508b;
}

.voiceList_item_text {
	padding: 16px;
	background: #fff7fb;
	border: 1px solid #ffeded;
	border-radius: 8px;
	position: relative;
}

.voiceList_item_text::after {
	position: absolute;
	right: 44px;
	bottom: -13px;
	content: "";
	display: block;
	width: 20px;
	height: 12px;
	background: #ffeded;
	clip-path: polygon(0 0, 100% 0%, 50% 100%);
}

.voiceList_item_user {
	width: 33%;
	margin: 16px 0 0 67%;
	padding: .5em;
	text-align: center;
	font-weight: bold;
	font-size: 1.2rem;
	color: #ff508b;
	border: 1px solid #ff508b;
	border-radius: 128px;
}

/*-----------------------------------------------
おすすめ鑑定師（ログイン前-個別ページ）
-----------------------------------------------*/
.recommendList {
	padding: 8px;
}

.recommendList_item:not(:last-child) {
	margin-bottom: 16px;
	border-bottom: 1px solid #e5e5e5;
}

.recommendList_item .name {
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	color: #e93554;
}

.recommendList_item .name .rubi {
	font-size: 1.2rem;
}

.recommendList_item .rating {
	margin-top: 8px;
	text-align: center;
	font-size: 1.4rem;
}

.recommendList_item .stars {
	font-size: 1.8rem;
	color: #ec8004;
}

.recommendList_item .details {
	padding: 8px;
	font-size: 1.4rem;
	font-weight: bold;
}

.recommendList_item .details .headline {
	display: block;
	margin: 4px 0;
	font-size: 1.2rem;
	font-weight: normal;
}

.recommendList_item .message {
	padding: 16px;
	background: #fffdfa;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
}

.recommendList_item .message .title {
	margin-bottom: 16px;
	padding-bottom: 8px;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #e5e5e5;
}

/*-----------------------------------------------
ご利用方法（ログイン前-個別ページ）
退会方法（ログイン前-個別ページ）
-----------------------------------------------*/
.flowDescriptionList {
	padding: 8px;
}

.flowDescriptionList_item {
	margin-bottom: 16px;
}

.flowDescriptionList_item .title {
	margin-bottom: 8px;
	padding-bottom: 4px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #bb2faf;
	border-bottom: 1px solid #e5e5e5;
}

/*退会時の注意事項*/
.unsubscribeNote {
	padding: 16px;
	border: 1px solid #e5e5e5;
}

.unsubscribeNote .title {
	margin-bottom: 16px;
	padding-bottom: 8px;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #e5e5e5;
}

/*---------------------------------------------------
フォーム関連
---------------------------------------------------*/
.form_box {
	margin: 0 auto;
	width: 100%;
	padding: 16px;
}

.form_box p {
	text-align: center;
	line-height: 1.5;
}

/*---------------------------------------------------
フォーム用レイアウト
・新規登録（preregform）
・ログイン（login）
---------------------------------------------------*/
.form_box ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}

/*各種入力項目タイトル*/
.form_box .ttl {
	margin: 16px auto 4px;
}

/*エラー時の文言*/
.form_box .ttl span.error {
	display: inline-block;
	margin-left: 5px;
	color: #f00;
	font-size: .80rem;
}

/*生年月日セレクトボックス*/
.form_box .year,
.form_box .month,
.form_box .day {
	width: 30%;
}

/*ラジオボタン化のため非表示*/
.form_box input[type="radio"] {
	display: none;
}

/*ラジオをlabelで代用してボタン化*/
.form_box .btn_radio {
	display: block;
	width: 100%;
	padding: .5em;
	text-align: center;
	background: #f1f1f1;
	border: 1px solid #ccc;
	border-radius: 3px;
}

/*男性選択時*/
.form_box input[type="radio"].sex:checked+.on {
	background-color: #4b97b9;
	color: #fff;
}

/*女性選択時*/
.form_box input[type="radio"].sex:checked+.off {
	background-color: #ef5b8e;
	color: #fff;
}

/*血液型選択時*/
.form_box input[type="radio"].blood:checked+.on {
	background-color: #f24a4a;
	color: #fff;
}

/*婚姻暦選択時*/
.form_box input[type="radio"].marriage:checked+.on {
	background-color: #a66bcb;
	color: #fff;
}

/*メアド*/
.form_box input[type="email"] {
	display: block;
	margin-bottom: 5px;
	padding: 8px;
	width: 100%;
	font-size: 16px;
	border: 1px solid #ccc;
	background: #f1f1f1;
	border-radius: 3px;
}

/*メアドドメイン部分*/
.form_box select.domain {
	width: 94%;
}

.form_box .btn_reg_submit {
	display: block;
	width: 100%;
	margin: 24px auto;
	padding: 1em;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background: #bb2faf;
	border-radius: 128px;
}

@media (min-width : 980px) {
	.form_box .btn_reg_submit:hover {
		opacity: .85;
	}
}

/*-----------------------------------------------
・登録内容確認（preregform）
-----------------------------------------------*/
.form_box.reg_conf_box ul li {
	padding: .25em;
	font-weight: bold;
	margin-bottom: 16px;
}

.form_box.reg_conf_box li.conf_ttl {
	margin-bottom: 8px;
	font-weight: normal;
	font-size: 1.4rem;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

.form_box.reg_conf_box .correction {
	display: inline-block;
	font-size: 1.3rem;
	color: #838383;
	text-decoration: underline;
}

.form_box.reg_conf_box .btn_reg_mailsend {
	display: block;
	width: 100%;
	margin: 24px auto;
	padding: 1em;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background: #bb2faf;
	border-radius: 128px;
}

/*個人情報保護/ご利用規約*/
.reg_conf_body .links p {
	font-size: 1.3rem;
	text-align: left;
	line-height: 1.7;
}

.reg_conf_body .links p a {
	color: #838383;
	text-decoration: underline;
}

/*初回特典について*/
.reg_conf_body h2 {
	padding: .5em;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

.reg_conf_body .about_pt h2 {
	margin: 16px auto;
	color: #252525;
}

.reg_conf_body .about_pt ul {
	padding: 16px 0;
}

.reg_conf_body .about_pt ul li:nth-child(1) {
	margin-bottom: 16px;
}

.reg_conf_body .about_pt ul li span {
	font-size: 1.6rem;
}

.reg_conf_body .about_pt span {
	font-size: 1.6rem;
	font-weight: bold;
	color: #ff0000;
}

/*---------------------------------------------------
フォーム用レイアウト
・お問合せ（inquiry）
・PW変更（pass_change）
・Pt購入（point_select）
・プロフ変更（profile）
・各鑑定師一覧からの依頼（search_sendMail）
・鑑定メールからの依頼（sendMail）
---------------------------------------------------*/
.form_box dt {
	margin: 16px auto;
	padding-bottom: 4px;
	border-bottom: 1px solid #f0f0f0;
}

/*入力フォーム配置用*/
.form_box dd {
	padding-bottom: 16px;
}

/*添付画像サムネ*/
.form_box dd img {
	display: block;
	width: 50%;
	margin: 0 auto;
}

/*-----------------------------------------------
トップページ（ログイン後）
-----------------------------------------------*/
.userStatus{
	width: 100%;
	margin: 8px auto 8px;
	padding: .5em .5em .75em;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	color: #c72b87;
	background: #fff;
	border-top: 1px solid #e5d0ef;
	border-bottom: 1px solid #e5d0ef;
}

.userStatus span{
	display: block;
	margin: 0 auto 4px;
	font-size: 1.3rem;
	font-weight: normal;
	color: #825799;
}

/*各コンテンツ名部分*/
.contentsTitle {
	margin-bottom: 16px;
	padding: .5em;
	font-size: 1.6rem;
	font-weight: bold;
	color: #c72b87;
}

/*メールボックス*/
.mailBox {
	display: flex;
	justify-content: space-between;
	gap: 1%;
	margin-bottom: 16px;
}

.mailBox_item {
	width: 32%;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
}

.mailBox_item a {
	height: 100%;
	padding: 1em .5em;
	display: flex;
	text-align: center;
	flex-direction: column;
}

.mail-unread a::before,
.mail-read a::before,
.mail-info a::before {
	content: "";
	display: block;
	width: 48px;
	height: 48px;
	margin: 0 auto;
	background-size: contain;
	background-repeat: no-repeat;
	order: 2;
}

.mail-unread a::before {
	background-image: url(../img/icon-mail-unread.png);
}

.mail-read a::before {
	background-image: url(../img/icon-mail-read.png);
}

.mail-info a::before {
	background-image: url(../img/icon-mail-info.png);
}

.unreadCount {
	font-size: 1.2rem;
	order: 3;
}

.unreadCount span {
	font-size: 1.8rem;
	color: #ff1c7b;
	vertical-align: baseline;
}

/*会員情報*/
.userinfo_box {
	margin: 0 auto;
	width: 80%;
}

.userinfo_box p {
	margin-bottom: 10px;
}

.userinfo .btn.buy_pt {
	background: #d4b14f;
	border: 1px solid #b2933c !important;
}

/*鑑定師検索*/
.searchFormWrapper select {
	width: 68%;
	padding: 10px;
}

.searchFormWrapper .btn {
	display: inline-block;
	width: 30%;
	margin: 0;
	padding: .7em;
}

.searchBtnWrapper {
	display: flex;
	justify-content: space-evenly;
	gap: 2%;
	margin: 24px auto;
}

.btn-search-ranking,
.btn-search-favorite {
	width: 48%;
	padding: 1em .5em;
	font-size: 1.4rem;
	display: grid;
	align-content: center;
	justify-content: center;
	place-items: center;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
}

.btn-search-ranking::before,
.btn-search-favorite::before {
	content: "";
	display: block;
	width: 48px;
	height: 48px;
	margin-bottom: 8px;
	background-size: contain;
	background-repeat: no-repeat;
}

.btn-search-ranking::before {
	background-image: url(../img/icon-search-ranking.png);
}

.btn-search-favorite::before {
	background-image: url(../img/icon-search-favorite.png);
}

/*お問合せ*/
.contactTextWrapper p {
	text-align: center;
}

.contactTime {
	margin: 16px auto;
}

/*-----------------------------------------------
各種メール一覧
・お知らせ（infobox）
・新着/既読鑑定（mailbox）
・送受信履歴（mailhistory）※My鑑定師から遷移
-----------------------------------------------*/
ul.mail_list li {
	padding: 10px 0;
	min-height: 140px;
	border-bottom: 1px solid #dedede;
}

/*各種メール情報*/
ul.mail_list li p {
	margin-bottom: 10px;
}

ul.mail_list li p.mail_ttl {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*プロフィール写真あり表示*/
ul.mail_list li p span.pics {
	display: inline-block;
	margin: 0 10px;
	padding: 4px;
	width: 160px;
	color: #e21515;
	font-size: .8rem;
	text-align: center;
	background: none;
	border: none;
}

/*新着/既読鑑定一覧ボタン　配置位置変更*/
ul.mail_list li .btn_box {
	flex-flow: row-reverse;
}

/*-----------------------------------------------
メール詳細
・お知らせ詳細（infoMail）
・送受信履歴詳細（maildetail）
・鑑定メールからの依頼（sendMail）
-----------------------------------------------*/
.mail_detail p {
	margin-bottom: 16px;
}

.mail_detail p span.pics {
	display: inline-block;
	margin: 0 10px;
	padding: 4px;
	width: 160px;
	color: #e21515;
	font-size: .8rem;
	text-align: center;
	background: none;
	border: none;
}

/*受信日時*/
.mail_detail p.mail_date {
	text-align: right;
	font-size: 1.3rem;
}

.mail_detail p.mail_date .item_label {
	width: auto;
	font-size: 1.3rem;
	border: none;
}

/*メール件名/メール本文 項目部分*/
.mail_detail p.mail_ttl .item_label,
.mail_detail p.mail_txt .item_label {
	display: block;
	width: 100%;
	margin-bottom: 16px;
	text-align: left;
	font-size: 1.3rem;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #e5e5e5;
	border-left: none;
	border-radius: 0;
}

.mail_detail p.mail_txt a {
	color: #ff0000;
	font-weight: bold;
	font-size: 1.8rem;
}

/*送信フォーム内ボタン*/
.mail_detail .form_box .btn_box {
	flex-direction: column;
}

.mail_detail .form_box .btn_box .btn {
	width: 80%;
	max-width: 400px;
}


/*-----------------------------------------------
鑑定師詳細（opedetail）
※新着/既読鑑定一覧内のプロフィールボタンから遷移
-----------------------------------------------*/
/* タイトル　受信メール */
.augur_detail h3 {
	padding: 8px 0;
	color: #af8537;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #b2935a;
	border-bottom: 1px solid #b2935a;
}

.augur_detail h3 {
	margin-bottom: 16px;
}

/*-----------------------------------------------
鑑定依頼フォーム
・各鑑定師一覧からの依頼（search_sendMail）
・鑑定メールからの依頼（sendMail）
-----------------------------------------------*/
/* タイトル　鑑定依頼フォーム*/
.mail_send_box h3 {
	padding: 8px 0;
	color: #af8537;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #b2935a;
	border-bottom: 1px solid #b2935a;
}

.mail_send_box .form_box .btn {
	margin: 0 auto 16px;
}

.mail_send_box .btn_box.saveToDraft {
	padding-top: 16px;
	border-top: 1px solid #e5e5e5;
}

.mail_send_box .btn_box.saveToDraft .btn {
	background: #0045ad;
}

/*下書き保存・読み込みボタン*/
.btn.draft {
	display: inline-block;
	width: 40%;
}

/*各鑑定師一覧からの依頼（search_sendMail）の確認画面用*/
.form_box-searchSendMailConfirm .btn_box{
	flex-direction: column;
}

.form_box-searchSendMailConfirm .btn_box .btn{
	width: 80%;
}

/*-----------------------------------------------
鑑定師一覧（ランキング/My鑑定師）
-----------------------------------------------*/
/*ランキング検索*/
.search_box {
	width: 80%;
	margin: 16px auto;
	background: #fafafa;
}

.search_box form {
	display: flex;
	justify-content: space-between;
}

.search_box select {
	width: 68%;
	padding: 10px;
}

.search_box .btn {
	display: inline-block;
	width: 30%;
	margin: 0;
	padding: .7em;
}

ul.augur_list li {
	padding: 16px 0;
	border-bottom: 1px solid #dedede;
}

/*各種メール情報*/
ul.augur_list li p {
	margin-bottom: 8px;
}

/*ランキング*/
ul.augur_list li .rank {
	margin-bottom: -16px;
	margin-left: 10%;
}

/*1位〜3位*/
ul.augur_list .rank01 img {
	width: 15%;
}

/*鑑定師の情報*/
ul.augur_list li .augur_box p {
	text-align: center;
}

/*鑑定師名*/
ul.augur_list li .augur_box .augur_name {
	font-size: 2.2rem;
	font-weight: bold;
	color: #c72b87;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/*占術*/
ul.augur_list li .augur_box p.augur_divination {
	text-align: left;
	width: 80%;
	margin: 0 auto;
}

/*プロフィール写真あり表示*/
ul.augur_list li .augur_box p span {
	text-align: center;
	color: #e21559;
	font-weight: bold;
	font-size: 1.4rem;
}

/*鑑定師サムネイル*/
ul.augur_list li .augur_box .augur_img img {
	width: 50%;
	margin: 0 auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

/*一覧内ボタン*/
ul.augur_list li .btn_box .btn {
	margin: 16px auto 0;
}

.augur_list.favorite .btn_box {
	flex-direction: column;
}

ul.augur_list.favorite li .augur_box p span {
	display: block;
}

/*-----------------------------------------------
鑑定師詳細
-----------------------------------------------*/
.augur_detail .augur_state {
	margin: 16px auto;
	color: #e21559;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}

.augur_detail .augur_divination {
	margin-bottom: 20px;
}

.augur_detail .augur_comment {
	margin-bottom: 20px;
}

.augur_detail .btn {
	margin: 20px auto;
}

.augur_detail span.item_label {
	display: block;
	margin-bottom: 10px;
}

.augur_detail .augur_name {
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	color: #c72b87;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.augur_detail img {
	display: block;
	width: 90%;
	margin: 0 auto;
}

/*-----------------------------------------------
登録情報の変更
-----------------------------------------------*/
.editMenuList li {
	display: flex;
	padding: 16px 0;
	border-bottom: 1px solid #dcdcdc;
}

.editMenuList li:last-child {
	border: none;
}

.editMenuList li p {
	width: 70%;
	padding-left: 5px;

	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}

.editMenuList li p span {
	font-size: 1.4rem;
	font-weight: normal;
}

.editMenuList li .btn {
	width: 96px;
	margin: 0;
	padding: 0;
	height: 48px;
	line-height: 48px;
}

/*-----------------------------------------------
プロフィール変更
-----------------------------------------------*/
form[name="form_prof"] dt {
	margin: 16px auto 4px;
	font-weight: normal;
}

form[name="form_prof"] input[type="text"] {
	width: 70%;
}

/*-----------------------------------------------
メールアドレス変更
-----------------------------------------------*/
.changeFlow {
	padding: 16px;
	border: 1px solid #e5e5e5;
}

.changeFlow .title {
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #e5e5e5;
}

.changeFlow_item {
	margin-bottom: 8px;
}

/*変更完了メッセージ*/
.changeMailAdressMsg {
	padding: 16px 0;
	text-align: center;
	font-weight: bold;
}

/*-----------------------------------------------
お問合せ
-----------------------------------------------*/
.aboutContact {
	padding: 8px;
	font-size: 1.4rem;
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
}

.aboutContact p:nth-child(1) {
	padding: 8px;
	text-align: left;
	font-weight: bold;
}

/*-----------------------------------------------
ポイント購入
-----------------------------------------------*/
.paymentList {
	padding: 8px;
}

.paymentList_item {
	margin-bottom: 16px;
	padding: 8px;
	background: #fafafa;
	border: 1px solid #ffe08b;
	border-radius: 5px;
}

.paymentName {
	padding: 0 8px;
	font-size: 1.8rem;
	font-weight: bold;
	border-bottom: 1px solid #e5e5e5;
}

.paymentDescription {
	font-size: 1.2rem;
	padding: .5em 0 0;
	text-align: center;
	color: #777;
}

.paymentList_item .btn {
	width: 60%;
	margin: 16px auto 8px;
	padding: .75em;
	color: #000;
	background: #ffbc03;
	border: 1px solid #b2933c;
}

.aboutPtLink {
	padding: .5em;
	text-align: right;
	font-size: 1.4rem;
	text-decoration: underline;
}

/*-----------------------------------------------
銀行振り込み
-----------------------------------------------*/
table.pointTable {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	background: #fffef7;
}

table.pointTable th,
table.pointTable td {
	padding: .5em;
	border: 1px solid #e5e5e5;
}

table.pointTable td {
	font-weight: bold;
	background: #fff;
}

/*-----------------------------------------------
ポイントについて
-----------------------------------------------*/
.point_menu table {
	width: 100%;
	margin: 16px auto;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	background: #fffef7;
}

.point_menu table th,
.point_menu table td {
	padding: .5em;
	border: 1px solid #e5e5e5;
}

.point_menu table td {
	width: 30%;
	text-align: center;
	font-weight: bold;
	background: #fff;
}

/*-----------------------------------------------
簡単ログイン設定
-----------------------------------------------*/
.shortcut h3 {
	margin-bottom: -25px;
}

.shortcut .msg {
	padding: 5px;
	text-align: center;
	background: #fff;
	border: 1px solid #ce2323;
}

.shortcut .msg p:first-child {
	margin-bottom: 10px;
	padding-bottom: 5px;
	color: #ce2323;
	text-align: center;
	font-size: 1.25rem;
	border-bottom: 1px solid #ce2323;
}

.setting_flow li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: rgba(255, 255, 255, .5);
	border: 1px solid #ddd;
}

.setting_flow li p {
	padding: 5px;
	text-align: center;
}

.setting_flow li p span {
	color: #f00;
	font-size: .9rem;
}

span.step {
	display: block;
	padding: 10px 0;
	width: 100%;
	text-align: center;
	font-size: 1.5rem;
	color: #fff;
	background: #3493c6;
}

.setting_flow.android span.step {
	background: #209544;
}

.setting_flow li img {
	display: block;
	margin: 0 auto;
	width: 75%;
	border: 2px solid #fff;
	box-shadow: 0 0 8px #ddd;
}

/*-----------------------------------------------
特商法/利用規約/ポリシー
-----------------------------------------------*/
.textProtected {
	user-select: none;
}

.textProtected .headline {
	padding: 8px 0;
	border-bottom: 1px solid #e5e5e5;
}

.textProtected .text {
	padding: 8px 0 16px;
	line-height: 1.5;
}

.textProtected span {
	font-size: 1.3rem;
}

/*-----------------------------------------------
ドメイン指定受信設定（ログイン後-個別ページ）
-----------------------------------------------*/
.setupGuide{
	margin-bottom: 24px;
}

.setupGuide h2 {
	padding: .5em;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

.setupGuide h3 {
	padding: .25em 0;
	margin-bottom: 16px;
	font-size: 2rem;
	font-weight: bold;
	border-bottom: 1px solid #e5e5e5;
}

.setupGuide ol {
	list-style: decimal;
	padding-left: 24px;
}

.setupGuide ol li {
	margin-bottom: 16px;
	font-size: 1.5rem;
}

.setupGuide .domain{
	display: inline-block;
	padding: 0 .5em;
	font-weight: bold;
	color: #ad2828;
}

.docomo,
.au,
.softBank {
	padding: 16px 0;
}

.docomo h3 {
	color: #c03;
}

.au h3 {
	color: #eb5505;
}

.softBank h3 {
	color: #424242;
}

.setupGuide .note {
	font-size: 1.4rem;
	color: #666;
	margin-top: 8px;
}