@charset "utf-8";
/* CSS Document */

/*maincolor:#e74adc; subcolor:#b1dceb;*/

/*!----------------
共有スタイル
-----------------*/

/*!Style
-------------------------------------*/

*{box-sizing:border-box;}
body{font-size:16px;color:#000;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-weight: 500;border-top:5px solid #e74adc;}
body,figure,figucaption{margin:0;padding:0;line-height: 1.4em}
ul,li{list-style:none}
a{text-decoration:none;color:#e74adc;}
a:hover{text-decoration:none;color:#b1dceb;}
a:hover img{opacity:.7}
h1,h2{margin:0 !important;padding:0;}
h2.none{display: none}
img{vertical-align: middle;}

.imp{color:#e74adc;font-weight: bold;}
.big {font-size: 1.4em;}
.red {color:#ff0000;}
.border_box{font-size: 0.8em;border: 1px solid #e5a3ec;padding: 0.5em;}
.box500{font-size: 0.8em;padding: 0;width:100%;max-width: 500px;text-align: left;margin: 0 auto;}
.box500_color{border: 1px solid #e5a3ec;padding: 0.5em;width:100%;max-width: 500px;color: #e74adb;font-weight: bold;margin:2em auto;}
.box500-2{margin:2em auto;text-align: left;width:100%;max-width: 500px;}
.btn_back a{background: #e74adb;color: #fff;display: inline-block;padding: 0.5em;border-radius: 5px;max-width: 300px;width: 100%;}
.b05{margin-bottom: 0.5em;display: block;}
.center{text-align: center !important;}

/*表示・非表示*/
.pc{display: block}
.sp{display: none}

@media screen and (min-width:641px) and (max-width:959px) {}
@media screen and (max-width: 640px) {
.pc{display: none}
.sp{display: block}}


/*外枠*/
#container{margin:0 auto;padding:0;text-align:center;width:100%;display: flex;flex-direction: column;min-height: 100vh;position: relative;}
#header{margin:0 auto;padding:0;background: url("/img/main_bg.jpg?20210909") bottom center no-repeat;height:710px;max-height: 100%;width:100%;overflow: hidden;}
#header2{margin:0 auto;padding:0;width:100%;overflow: hidden;border-bottom:1px solid #f0f0f0}

/*header*/
header{margin:0 auto;padding:1em ;text-align: left;position: relative;max-width:1000px;width:100%;}
#header2 header{margin:0 auto;padding:1em ;text-align: left;position: relative;max-width:1000px;width:100%;}

@media screen and (max-width: 640px) {
#header{height:auto;max-height: 100%;background-size: cover;background: url("/img/main_bg-sp.jpg?202109091343") bottom center no-repeat;}
	
header,#header2 header{margin:0;padding:1em;}
header img{max-width:291px;width:80%;}
}

/*nav*/
/*----------------------------
* メニュー開閉ボタン
*----------------------------*/
.menu-btn{position:absolute;top: 20px;right: 20px;z-index: 2;width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;line-height: 0em;font-size: 1.2em;background: #333;color:#fff;border:1px solid #666}
.menu-btn span{font-size: 0.5em;letter-spacing: -0.1em;margin: -0.8em 0 0;}

/*----------------------------
* メニュー本体
*----------------------------*/
.menu{position: fixed;top: 0;right: 0;z-index: 1;width: 100vw;height: 100vh;display: flex;flex-direction: column;align-items: center;justify-content: center;background: rgba(0,0,0,0.9);}
.menu__item{width: 100%;height: auto;padding: .5em 1em;text-align: center;box-sizing: border-box;color:#fff;font-size: 1.2em}
.menu__item a{color:#ccc;}
.menu__item a:hover{color:#fff;}
/*----------------------------
* アニメーション部分
*----------------------------*/
/* アニメーション前のメニューの状態 */
.menu{pointer-events: none;opacity: 0;transition: opacity .3s linear;}
.menu ul{margin:0;padding:0;}
/* アニメーション後のメニューの状態 */
.menu.is-active{pointer-events: auto;opacity: 1;}

@media screen and (max-width: 999px) {
.menu-btn{top: 0.8em;right: 0.5em;position: fixed;}
}

/*mv*/
#mv{margin:0 auto;padding:0;overflow: hidden;height: 627px;display: flex;justify-content: center;align-items: center;flex-flow: row wrap;}
#mv ul{margin:0 auto 2em;padding:0;width:100%;}
#mv ul li{margin:0 auto;padding:0;}
#mv ul li a{margin:1em auto;border-radius: 2em;padding:1em 0.5em;display: block;font-weight: bold;width: 70%;}
#mv ul li:first-child a{background:#e74adc;color:#fff;box-shadow: 0 0 10px #999;font-size: 1.2em;padding:1em 0 0.7em;}
#mv ul li:first-child a span{display: block;font-size: 0.7em;font-weight: 500;}
#mv ul li a{background:#fff;box-shadow: 0 0 10px #999;}
/*#mv ul li:last-child a::before {content: '';display: inline-block;width: 14px;height: 16px;background-image: url(/img/main_img-sm.png);background-size: contain;vertical-align: middle;margin-right:0.3em;}*/

@media screen and (max-width: 999px) {
#mv{margin:0 auto;padding:1em;overflow: hidden;height: auto;display: block;}
#mv ul li a{width: 50%;}
/*#mv img{max-width:295px;width:100%;}*/
}


#mv_bottom{background: #fae1f7;display: block;width: 100%;margin: 0 auto;padding: 1em 0;color: #6a4c67;font-size: 1.2em;font-weight: bold;}
#mv_bottom i{margin-right: 0.5em}
#mv_bottom img {vertical-align: bottom;margin-right: 0.5em}

/*コンテンツ始まり
-------------------*/
main{margin:0 auto;padding: 0;text-align: center;width: 100%;}

/*バナーエリア*/
.top_bn{margin: 2em;}
.top_bn div{margin: 2em auto;padding: 0;}
.top_bn div img{margin:0 auto;padding: 0;max-width:640px;width:100%;}

@media screen and (max-width: 641px) {
.top_bn{margin: 1em;}
.top_bn div{margin: 1em auto;}
}

/*鑑定中の占い師*/
#appraisallist{margin:0 auto;padding: 0;text-align: center;overflow: hidden;border-top: 10px solid #f0f0f0;}
#appraisallist section{margin:0 auto 3em;padding: 0;max-width:1000px;width:90%;}
#appraisallist h3{margin: 3em 0;letter-spacing: 0.2em;}
#appraisallist h3:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}
#appraisallist h3 span{display: block;font-size: 0.6em;font-weight: 500;color: #e5a3ec;}
#appraisallist ul{margin:0 auto;padding: 0;display: flex;justify-content: center;flex-flow: row wrap;}
#appraisallist ul li{margin:0 0.5em 2em;width:18%;}
#appraisallist ul li img{max-width: 260px;width:100%;}
#appraisallist ul li p.fortunetelling{font-size: 0.6em;color: #000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#appraisallist a.btn{background: #e74adc;color: #fff;width: 100%;display: block;border-radius: 100px;padding: 0.5em 0;font-weight: bold;}

@media screen and (max-width: 641px) {
#appraisallist h3{margin: 2em 0;}
#appraisallist ul{justify-content:space-between;}
#appraisallist ul li{margin:0 0 2em;width:48%;}
}

/*只今待機中の鑑定士*/
#onlinelist{margin:0 auto;padding: 0;text-align: center;overflow: hidden;border-top: 10px solid #f0f0f0;}
#onlinelist section{margin:0 auto 3em;padding: 0;max-width:1000px;width:90%;}
#onlinelist h3{margin: 3em 0;letter-spacing: 0.2em;}
#onlinelist h3:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}
#onlinelist h3 span{display: block;font-size: 0.6em;font-weight: 500;color: #e5a3ec;}
#onlinelist ul{margin:0 auto;padding: 0;display: flex;justify-content: center;flex-flow: row wrap;}
#onlinelist ul li{margin:0 0.5em 2em;width:18%;}
#onlinelist ul li img{max-width: 260px;width:100%;}
#onlinelist ul li p.fortunetelling,#appraisallist ul li p.fortunetelling{font-size: 0.6em;color: #000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#onlinelist a.btn{background: #e74adc;color: #fff;width: 100%;display: block;border-radius: 100px;padding: 0.5em 0;font-weight: bold;}

@media screen and (max-width: 641px) {
#onlinelist h3{margin: 2em 0;}
#onlinelist ul{justify-content:space-between;}
#onlinelist ul li{margin:0 0 2em;width:48%;}
}

/*占い師のご紹介*/
#introduction{margin:0 auto;padding: 0;text-align: center;width:100%;overflow: hidden;background: #f9f9f9;}
#introduction section{margin:0 auto 2em;padding: 0;max-width:1000px;width:100%;}
#introduction h3{margin: 3em 0;letter-spacing: 0.2em;}
#introduction h3:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}
#introduction h3 span{display: block;font-size: 0.6em;font-weight: 500;color: #e5a3ec;}
#introduction ul{margin:0 auto;padding: 0;display: flex;justify-content: space-between;width: 100%;flex-flow: row wrap;}
#introduction ul li{margin:0 0 2em;width:15%;}
#introduction ul li img{max-width: 260px;width:100%;border-radius: 100%;}
#introduction ul li p.name{margin: 0.5em auto 0.2em;max-width: 260px;font-size: 0.9em;color: #333;font-weight: bold;}
/*
#introduction ul{margin:0 auto;padding: 0;display: flex;justify-content: space-between;scroll-snap-type: x mandatory;width: 100%;overflow-x: hidden;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;flex-flow: row wrap;}
#introduction ul > li{scroll-snap-align: center;height: 100%;width: 100%;flex: none;}*/

p.status_01{margin: 0 auto;padding:0.2em 0.5em;background: #f6447f;color:#fff;border-radius: 5px;display: inherit;font-size: 0.8em;}
p.status_02{margin: 0 auto;padding:0.2em 0.5em;background: #999;color:#fff;border-radius: 5px;display: inherit;font-size: 0.8em;}
p.status_03{margin: 0 auto;padding:0.2em 0.5em;background: #709fe2;color:#fff;border-radius: 5px;display: inherit;font-size: 0.8em;}
.status_01{color: #f6447f;}
.status_02{color: #666;}
.status_03{color: #709fe2;}



@media screen and (max-width: 641px) {
#introduction h3{margin: 2em 0;}
#introduction ul li{width:30%;margin:0 0 2em 0;}
#introduction section{width:90%;}
}

/*お知らせ*/
#news{margin:0 auto;padding: 0;text-align: center;width:100%;overflow: hidden;border-bottom: 2px solid #f0f0f0;}
#news section{margin:0 auto 4em;padding: 0;max-width:1000px;width:90%;}
#news h3{margin: 2em 0;letter-spacing: 0.2em;}
#news h3 span{display: block;font-size: 0.6em;font-weight: 500;color: #e5a3ec;}
#news ul{margin: 0 auto;padding: 0;text-align: left;width: 100%;max-width: 800px;line-height: 2em;}
#news ul li:nth-child(odd){margin: 0 auto;padding: 0;font-size: 0.9em;line-height: 1em;}
#news ul li:nth-child(even){margin: 0 auto 1em;padding: 0;}
#news ul li:nth-child(odd) span{margin-left: 1em;border: 1px solid #999;border-radius: 4px;color: #999;font-size: 0.8em;padding: 0.2em 0.2em 0;}
#news a.btn{width: 200px;display: block;margin: 0 auto;padding: 0.5em;border-radius: 100px;border: 2px solid #e74adb;}
#news h3.ribon:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}


/*フッターテキスト*/
#ftext{margin: 0 auto 3em;padding: 0;text-align: center;width:100%;overflow: hidden;}
#ftext section{margin:0 auto;padding: 0;max-width:800px;width:100%;}
#ftext section h3{margin: 3em 0;letter-spacing: 0.2em;}
#ftext section h3:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}
#ftext section p{line-height: 2em;text-align: left;}

@media screen and (max-width: 999px) {
#ftext section{margin:0 2em;width:auto;line-height: 2em;text-align: left;font-size: 15px;}
#ftext section h3{margin: 3em auto 2em;text-align: center;}
}


/*バナーエリア*/
.bn_area{margin:2em auto;padding: 0;}
.bn_area img{margin:0 auto;padding: 0;max-width:640px;width:100%;}

@media screen and (max-width: 999px) {
.bn_area{margin:1em 0;}
}


/*footer*/
footer{margin:0 auto;padding: 2em 0 1em;width:100%;background:#e74adc;color:#ffc8fb;font-size: 0.8em;margin-top: auto;}
footer img{max-width: 129px;width: 25%;}

footer ul{margin:1em auto;padding:0;display: flex;justify-content: left;max-width:1000px;width:95%;}
footer ul li{margin:0 auto;padding:0;text-align: center;width: 50%;}
footer ul li a{padding:0.5em;color:#fff;width: 100%;display: block;}
footer ul li a::before{font-family:'Font Awesome 5 Free';content :'\f054';font-weight : 900;margin-right:8px;}

@media screen and (max-width: 999px) {
footer{padding: 1em 0 0;overflow:hidden }
footer ul{margin:0 auto 1em;flex-wrap: wrap;}
footer ul li{text-align:left;}
}


/*下層ページ
-------------------*/

/*占い師詳細ページ*/
#appraiser{margin:3em auto;padding: 0;text-align: center;max-width:1000px;width:100%;}
#appraiser h3{margin: 3em 0;letter-spacing: 0.2em;}
#appraiser h3:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}
#appraiser h3 span{display: block;font-size: 0.6em;font-weight: 500;color: #e5a3ec;}
#appraiser ul#appraiser_box{margin:0 auto 3em;padding: 0;display: flex;justify-content: space-between;width:65%}
#appraiser ul#appraiser_box li{margin:0 auto;padding: 0;width:300px}
#appraiser ul#appraiser_box li i{margin-left:0.5em;color: #e74adc;}
#appraiser ul#appraiser_box li p{text-align: left;margin: 0;font-weight:bold;}
#appraiser ul#appraiser_box li select{width: 100%;font-size: 1.1em;padding: 0.5em;margin:0 0 1em;}
#appraiser ul#appraiser_box li div.box{margin: 0.5em auto 0;background: url("/img/appraiser_name.png") center top no-repeat;line-height: 55px;color:#fff;max-width: 300px;font-size: 1.4em;}
#appraiser ul#appraiser_box li div#online_text{margin: -1em 0 1em;font-size: 0.9em;text-align: left;}

.appraiser_more{margin:0 auto 2em;padding:0;text-align: left;width: 650px;}
.appraiser_more h4{margin:0;padding: 0 0 1em;text-align: left;font-size: 1.8em;font-weight: 500;color: #e74adc;font-family: kan48typos-std, sans-serif;background: url("/img/appraiser_line.jpg") bottom left repeat-x;}

.appraiser_more2{margin:0 auto 2em;padding:0;text-align: left;width: 650px;}
.appraiser_more2 h4{margin:0;padding: 0 0 1em;text-align: left;font-size: 1.6em;font-weight: 500;font-family: kan48typos-std, sans-serif;background: url("/img/appraiser_line2.jpg") bottom left repeat-x;}
.appraiser_more2 h5{margin: 1em auto 0;font-size: 1.2em;font-weight: 500;}
.appraiser_more2 p.form_text{font-size: 0.8em;margin: 0 0 0.5em;}
.appraiser_more2 textarea{padding:0.5em;width:100%;font-size: 1em;height: 100px;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.appraiser_more2 input[type="button"]{text-align: center;margin: 0.5em auto;display: block;background: #e74adb;color: #fff;border-radius: 100px;border: none;padding: 0.2em 5em;font-size: 1.2em;}
.appraiser_more2 ul.pager{display: flex;margin: 1em auto;padding: 0;justify-content: center;align-items: center;font-size: 0.9em;font-weight: bold;}
.appraiser_more2 ul.pager li a{display: flex;justify-content: center;align-items: center;height: 30px;width: 30px;border: 1px solid;margin: 0 0.5em;border-radius: 5px;color: #666}
.appraiser_more2 p.teacher{border: 1px solid #e74adc;padding: 1em;border-radius: 10px;color: #e74adc;}
.appraiser_more2 p.me{border: 1px solid #000;padding: 1em;border-radius: 10px;}

#bg_img{margin:5em auto 0;padding: 3em;text-align: left;max-width:1000px;width:100%;background:url("/img/introduction_bg.jpg");overflow: hidden;}
#bg_img h4{margin: 0 0 1em;padding: 0;text-align: left;font-size: 1.6em;font-family: kan48typos-std, sans-serif;}
#appraiser #bg_img ul{margin:2em auto 0;padding: 0;text-align: left;}
#appraiser #bg_img ul li:first-child{font-weight: bold;}
.setumei {position: relative;}
.fukidashi {display: none;width: 200px;position: absolute;bottom: 2em;left: -0.2em;padding: 16px;border-radius: 5px;background: #e74adc;color: #fff;font-weight: 0;font-size: 0.8em;}
.fukidashi:after {position: absolute;width: 0;height: 0;left: 0;bottom: -19px;margin-left: 10px;border: solid transparent;border-color: rgba(51, 204, 153, 0);border-top-color: #e74adc;border-width: 10px;pointer-events: none;content: " ";}
.icon:hover + .fukidashi {display: block;}

div#overlay {display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 9;background-color: rgba(0, 0, 0, .65);background-image: none;margin: 0;}
div#modal {display: none;position: fixed;left: 50%;top: 50%;z-index: 99;transform: translate(-50%, -50%);max-width: 70vw;max-height: 70vh;box-sizing: border-box;padding: 32px;border-radius: 8px;background-color: #fff;background-image: none;margin: 0;}
.active {display: block !important;}
button#open{border: none;background: none;display: block;margin: -1em 0 1em;background: #e74adb;color: #fff;border-radius: 5px;}

@media screen and (max-width: 641px) {
#appraiser ul#appraiser_box{flex-flow: row wrap;width: auto;margin: 0 1em;}
#appraiser ul#appraiser_box li{margin:0 auto 2em;padding: 0;max-width:300px;width:100%;}
#appraiser ul#appraiser_box li img{width:100%;}
#appraiser ul#appraiser_box li p{margin:0 0 0.3em;}
.appraiser_more{width: auto;margin: 0 1em;}	
.appraiser_more h4{font-size: 1.6em;}
.appraiser_more2{width: auto;margin: 0 1em;}	
.appraiser_more2 h4{font-size: 1.4em;}

div#modal {display: none;position: fixed;left: 0%;top: 50%;z-index: 99;transform: translate(23%, -50%);padding: 20px;font-size: 0.9em;}
}

/*日時選択ページ*/
#calendar{margin:3em auto 5em;padding: 0;text-align: center;max-width:1000px;width:100%;}
#calendar h3{margin: 3em 0 2em;letter-spacing: 0.2em;}
#calendar h3:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}
#calendar h3 span{display: block;font-size: 0.6em;font-weight: 500;color: #e5a3ec;}

#month{margin:0;padding:0;display: flex;justify-content: space-between;}
#month table{margin:0;padding:0;width:48%;border:1px solid #f3f3f3;border-collapse: collapse;}
#month table th{border-right:1px solid #fff;border-bottom:1px solid #fff;background: #e9e9e9;padding: 1em 0;}
#month table th:last-child{border-right:none;}
#month table td{border-right:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;padding: 1em 0;}

#month .blue{background: #d8e4e9;}
#month .pink{background: #e9d8e0;}
#month .gray{background: #f7f7f7;color: #999;border-right:1px solid #fff;border-bottom:1px solid #fff;}
#month table td:hover{background: #e74adb;color: #fff;}

#month_next ul{margin:0.2em 0;padding:0;display: flex;justify-content: space-between;font-size: 0.9em;}

#time{margin:0 0 3em;padding:0;display: flex;justify-content: space-between;}
#time ul{margin:0;padding:0;width:48%;border-top:1px solid #f3f3f3;border-left:1px solid #f3f3f3;border-right:1px solid #f3f3f3;display: flex;flex-flow: row wrap;}
#time ul li{margin:0;padding:1em;width:50%;display: flex;align-items: center;justify-content: center;}
#time ul li:nth-child(odd){border-right:1px solid #fff;border-bottom:1px solid #fff;background: #e9e9e9;}
#time ul li:nth-child(even){border-bottom:1px solid #f3f3f3;}
#time ul li:nth-child(even) a{background: #e74adb;color: #fff;border-radius: 100px;width: 100%;display: block;padding: 0.2em;}
#time ul li:nth-child(even) a:hover{background: #709fe2;color: #fff;}
#time ul li:nth-child(even) .none{background: #ccc;color: #fff;border-radius: 100px;width: 100%;display: block;padding: 0.2em;}

@media screen and (max-width: 999px) {
#calendar{margin:3em 1em 5em;width: auto;}
#calendar h3{margin: 2em auto 1em;}
	
#month,#time{flex-flow: row wrap;}
#month table{width:100%;margin-top:1em}
#time{margin-bottom:1em}
#time ul{width:100%;}
}

/*ログイン・会員登録ページ*/
#login{margin:3em auto 5em;padding:0;text-align: center;max-width:1000px;width:100%;}
#login h3{margin: 3em 0;letter-spacing: 0.2em;}
#login h3:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}
#login h3 span{display: block;font-size: 0.6em;font-weight: 500;color: #e5a3ec;}
#login ul{margin:0 0 2em;padding:0;display: flex;justify-content: space-between;}
#login ul li{margin:0;padding:0 0 2em;width:48%;background: #f7f7f7;position: relative;}
#login ul li:first-child::before{content:url(/img/regist_icon.png);width: 100%;position: absolute;top: -1em;left: 0;}
#login ul li:last-child::before{content:url(/img/login_icon.png);width: 100%;position: absolute;top: -1em;left: 0;}
#login h4{margin: 3em 0 0;font-size: 1.4em;font-weight: 500;width: 100%;}
#login ul li a.btn{background: #e74adb;width: 70%;display: block;margin: 0 auto;padding: 0.5em;font-size: 1.4em;color: #fff;border-radius: 100px;}
#login ul li input[type="password"],#login ul li input[type="text"]{margin:1em 0 0;padding:1em;width: 70%;}
#login ul li input[type="submit"]{background: #e74adb;width: 70%;display: block;margin: 1em auto 0;padding: 0.5em;font-size: 1.4em;color: #fff;border-radius: 100px;border:none;}

@media screen and (max-width: 999px) {
#login{margin:3em 1em 5em;width: auto;}
#login ul{flex-flow: row wrap;}
#login ul li{width:100%;}
#login ul li:first-child{border-bottom: 2px dotted #ccc;}
}

/*入力内容の確認ページ*/
#confirm{margin:3em auto 5em;padding:0;text-align: center;max-width:1000px;width:100%;}
#confirm h3{margin: 3em 0;letter-spacing: 0.2em;}
#confirm h3:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}
#confirm h3 span{display: block;font-size: 0.6em;font-weight: 500;color: #e5a3ec;}
#confirm ul{margin:0 0 2em;padding:0;width:100%;border-top:1px solid #f3f3f3;border-left:1px solid #f3f3f3;border-right:1px solid #f3f3f3;display: flex;flex-flow: row wrap;}
#confirm ul li{margin:0;padding:1em;display: flex;align-items: center;justify-content: center;}
#confirm ul li:nth-child(odd){border-right:1px solid #fff;border-bottom:1px solid #fff;background: #e9e9e9;width:40%;}
#confirm ul li:nth-child(even){border-bottom:1px solid #f3f3f3;width:60%;}
#confirm ul li:nth-child(even) a{background: #e74adb;color: #fff;border-radius: 100px;width: 100%;display: block;padding: 0.2em;}
#confirm ul li:nth-child(even) a:hover{background: #709fe2;color: #fff;}
#confirm ul li:nth-child(even) .none{background: #ccc;color: #fff;border-radius: 100px;width: 100%;display: block;padding: 0.2em;}

#confirm h4{display: inline-block;position: relative;height: 50px;line-height: 50px;text-align: center;padding: 0 5em;font-size: 18px;background: #e74adc;color: #FFF;box-sizing: border-box;}
#confirm h4:before, h4:after {position: absolute;content: '';width: 0px;height: 0px;z-index: 1;}
#confirm h4:before {top: 0;left: 0;border-width: 25px 0px 25px 15px;border-color: transparent transparent transparent #fff;border-style: solid;}
#confirm h4:after {top: 0;right: 0;border-width: 25px 15px 25px 0px;border-color: transparent #fff transparent transparent;border-style: solid;}

dl.btn_img{margin:0 auto 5em;padding:0;display: flex;align-items: center;justify-content: center;}
dl.btn_img dt{margin:0 0.5em;padding:0;}
dl.btn_img dd{margin:0 0.5em;padding:0;}

@media screen and (max-width: 999px) {
#confirm{margin:3em 1em;width: auto;}
#confirm ul li{width:100% !important;}
.btn_img img{width:100%;max-width: 390px;}

dl.btn_img{flex-flow: row wrap;}
dl.btn_img dt,dl.btn_img dd{margin:0 0 1em;width:100%;}
}

/*送信完了ページ*/
#complete{margin:3em auto 5em;padding:0;text-align: center;max-width:1000px;width:100%;}
#complete h3{margin: 3em 0;letter-spacing: 0.2em;}
#complete h3:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}
#complete h3 span{display: block;font-size: 0.6em;font-weight: 500;color: #e5a3ec;}
#complete section{margin:3em 0 4em;}

@media screen and (max-width: 999px) {
#complete{margin:3em 1em;width: auto;}
#complete section{margin:3em 0;}
}

/*マイページ*/
#mypage{margin:3em auto 5em;padding:0;text-align: center;max-width:1000px;width:100%;}
h3.my_title{margin: 3em 0;letter-spacing: 0.2em;color: #e74adb;}
h3.my_title:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}
h3.my_title span{color:#000;}

dl.my_point{margin:3em auto;padding:0;display: flex;align-items: center;justify-content: center;border:3px solid #ccc;max-width:500px;width:100%;}
dl.my_point dt{margin:0;padding:1em;background: #e74adb;color:#fff;width:50%;border: 2px solid #fff;}
dl.my_point dd{margin:0;padding:0;width:50%;font-size: 2em;}

#mypage ul#menu1{margin:2em auto;padding:0;display: flex;align-items: center;justify-content:space-between;width:100%;max-width: 500px;}
#mypage ul#menu1 li{margin:0 auto;padding:0;width:48%;border: 2px solid #709fe2;background: rgb(231,74,220);background: linear-gradient(180deg, rgba(231,74,220,1) 0%, rgba(112,159,226,1) 100%);}
#mypage ul#menu1 li a{margin:0 auto;padding:0;width:100%;height:150px;display: flex;color: #fff;align-items: center;justify-content: center;font-size: 1.6em;border: 2px solid #fff;background:url("/img/mypage_btnbg.png?202108311321") right bottom no-repeat;line-height: 1.2em;}

#mypage ul#menu2{margin:2em auto;padding:0;display: flex;align-items: center;justify-content:space-between;width:100%;}
#mypage ul#menu2 li{margin:0 auto;padding:0;width:24%;border:3px solid #ccc;}
#mypage ul#menu2 li figcaption{background: #e74adc;color: #fff;border: 2px solid #fff;padding: 0.5em 0;}

#mypage ul#menu3{margin:2em auto;padding:0;display: flex;align-items: center;justify-content:space-between;width:100%;max-width: 500px;}
#mypage ul#menu3 li{margin:0 auto;padding:0;width:48%;background: #ccc}
#mypage ul#menu3 li a{margin: 0 auto;padding: 1em;display: block; width: 100%;color: #fff;position: relative;background: #e74adb;}
#mypage ul#menu3 li a span{position: absolute;color: #fff;background: #ff0000;top: -1em;right: -0.5em;font-size: 0.6em;padding: 1em;border-radius: 100%;border: 2px solid #fff;}

.rb_icon{position: fixed;bottom: 1em;right: 1em;}
.rb_icon img{width: 160px;filter: drop-shadow(0 6px 8px rgba(0,0,0,0.3));}


@media screen and (max-width: 999px) {
#mypage{margin:3em 1em;width: auto;}
	
dl.my_point{margin:2em auto;}
	
#mypage ul#menu2{flex-flow: row wrap;margin:2em auto;}
#mypage ul#menu2 li{width:49%;margin: 0 auto 0.3em;}
#mypage ul#menu2 li figure{padding: 0.5em;}
#mypage ul#menu2 li figure img{max-width:200px;width:100%;}
	
.rb_icon img{width:100px;}
}

/*マイページ-予約確認*/
#mypage-kakunin{margin:3em auto 5em;padding:0;text-align: center;max-width:1000px;width:100%;}

table.mypage_table01{margin:0 auto;padding:0;width:100%;border:1px solid #f3f3f3;border-collapse: collapse;}
table.mypage_table01 th{border-right:1px solid #fff;border-bottom:1px solid #fff;background: #e9e9e9;padding: 0.5em;}
table.mypage_table01 th:last-child{border-right:none;}
table.mypage_table01 td{border-right:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;padding: 1em 0.5em;}

@media screen and (max-width: 999px) {
#mypage-kakunin{margin:3em 1em;width: auto;}
table.mypage_table01 td{font-size: 0.9em;}
}

/*マイページ-ポイント追加*/
#mypage-point{margin:3em auto 5em;padding:0;text-align: center;max-width:1000px;width:100%;}
#mypage-point a.credit,#mypage-point a.bank{background: #709fe2;display: block;padding: 1em;color: #fff;max-width: 500px;width: 100%;margin: 0 auto;border-radius: 100px;box-shadow: 0 0 10px #999;border: 3px solid;font-weight: bold;}

#mypage-point .btn_img{margin-top:5em;}

select#money{width: 80%;font-size: 1.1em;padding: 0.5em;margin: 0 0 2em;max-width: 400px;}
#mypage-point h3.point_add{margin: 2em auto 0;}

@media screen and (max-width: 999px) {
#mypage-point{margin:3em 1em;width: auto;}
}

/*マイページ-プロフィール確認*/
#mypage-profile{margin:3em auto 5em;padding:0;text-align: center;max-width:1000px;width:100%;}
#mypage-profile ul{margin:2em auto 1em;padding:0;width:100%;border-top:1px solid #f3f3f3;border-left:1px solid #f3f3f3;border-right:1px solid #f3f3f3;display: flex;flex-flow: row wrap;max-width: 500px;}
#mypage-profile ul li{margin:0;padding:1em;display: flex;align-items: center;justify-content: center;}
#mypage-profile ul li:nth-child(odd){border-right:1px solid #fff;border-bottom:1px solid #fff;background: #e9e9e9;width:35%;}
#mypage-profile ul li:nth-child(even){border-bottom:1px solid #f3f3f3;width:65%;display: flex;justify-content: flex-start;}
#mypage-profile p.btn{width: 100%;max-width: 500px;margin: 0 auto 3em;}
#mypage-profile p.btn a{display: block;background: #e74adc;color: #fff;padding: 0.5em;width: 100px;margin-left: auto;}


@media screen and (max-width: 999px) {
#mypage-profile{margin:3em 1em;width: auto;}
#mypage-profile ul{margin:2em 0 1em}
#mypage-profile ul li{width:100% !important;}
#mypage-profile ul li:nth-child(even){justify-content: center;}
}

/*会員登録*/
#registration{margin:3em auto 5em;padding:0;text-align: center;max-width:1000px;width:100%;}
#registration h3{margin: 3em 0;letter-spacing: 0.2em;}
#registration h3:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}
#registration h3 span{display: block;font-size: 0.6em;font-weight: 500;color: #e5a3ec;}
#registration ul{margin:2em 0 3em;padding:0;width:100%;border-top:1px solid #f3f3f3;border-left:1px solid #f3f3f3;border-right:1px solid #f3f3f3;display: flex;flex-flow: row wrap;}
#registration ul li{margin:0;padding:1em;display: flex;align-items: center;justify-content: center;}
#registration ul li:nth-child(odd){border-right:1px solid #fff;border-bottom:1px solid #fff;background: #e9e9e9;width:40%;}
#registration ul li:nth-child(even){border-bottom:1px solid #f3f3f3;width:60%;display: flex;justify-content: flex-start;}
#registration ul li:nth-child(even) a{background: #e74adb;color: #fff;border-radius: 100px;width: 100%;display: block;padding: 0.2em;}
#registration ul li:nth-child(even) a:hover{background: #709fe2;color: #fff;}
#registration ul li:nth-child(even) .none{background: #ccc;color: #fff;border-radius: 100px;width: 100%;display: block;padding: 0.2em;}
#registration input{font-size: 1.2em;padding: 0.5em;width: 100%;border: 1px solid #ccc;}
#registration select{margin: 0 0.5em 0 0;font-size: 1.2em;padding: 0.5em;border: 1px solid #ccc;}

#registration dl{margin:0 auto;padding:0;display: flex;align-items: center;justify-content: center;}
#registration dt{margin:0 0.5em;padding:0;}
#registration dd{margin:0 0.5em;padding:0;}

@media screen and (max-width: 999px) {
#registration{margin:3em 1em;width: auto;}
	#registration ul{margin:2em 0}
#registration ul li{width:100% !important;}
#registration ul li:nth-child(even){justify-content: center;}

#registration dl{flex-flow: row wrap;}
#registration dt,#registration dd{margin:0 0 1em;width:100%;}
}

/*スケジュール*/
#schedule{margin:3em auto 5em;padding: 0;text-align: center;max-width:1000px;width:100%;}
#schedule h3{margin: 3em 0;letter-spacing: 0.2em;}
#schedule h3:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}
#schedule h3 span{display: block;font-size: 0.6em;font-weight: 500;color: #e5a3ec;}
#fteller_list{margin:2em 0;padding:0;}
#fteller_list ul{margin:0;padding:0;text-align: left;width:100%;max-width: 1000px;display: flex;justify-content: space-between;flex-flow: row wrap;}
#fteller_list ul li{margin:0 0 1em;padding:0;width:15%;}
#fteller_list ul li img{width:100%;}
#fteller_list ul li.choice{position: relative}
#fteller_list ul li.choice span{position: absolute;left: 0;bottom: 0;right: 0;color: #fff;width: 100%;text-align: center;background: #e74adb;border-radius: 100px;}

#s_month{margin:0;padding:0;}
#s_month table{margin:0 auto;padding:0;width:48%;border:1px solid #f3f3f3;border-collapse: collapse;}
#s_month table th{border-right:1px solid #fff;border-bottom:1px solid #fff;background: #e9e9e9;padding: 1em 0;}
#s_month table th:last-child{border-right:none;}
#s_month table td{border-right:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;padding: 0.5em 0;font-size: 2em}

#s_month .blue{background: #d8e4e9;}
#s_month .pink{background: #e9d8e0;}
#s_month .gray{background: #f7f7f7;color: #999;border-right:1px solid #fff;border-bottom:1px solid #fff;}
#s_month table td:hover{background: #e74adb;color: #fff;}

#s_month_next ul{margin:0;padding:0;display: flex;justify-content: space-between;}

#s_time{margin:2em 0;padding:0;display: flex;}

#s_time table{margin:0;padding:0;width:50%;border:1px solid #f3f3f3;border-collapse: collapse;}
#s_time table th{border-right:1px solid #fff;border-bottom:1px solid #fff;background: #e9e9e9;padding: 1em 0;}
#s_time table th:last-child{border-right:none;}
#s_time table td{border-right:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;padding: 0.5em 0;font-size: 2em}

@media screen and (max-width: 999px) {
#schedule{margin:3em 1em 5em;width: auto;}

#fteller_list ul li{width:30%;margin-bottom: 0.5em;}	

#s_month{flex-flow: row wrap;}
#s_month table{width:100%;margin-top:1em}

#s_time{flex-flow: row wrap;}
#s_time table{width:100%;margin-top:1em}
}

/*占い師一覧*/
#fortune_teller{margin:3em auto 5em;padding: 0;text-align: center;max-width:1000px;width:100%;}
#fortune_teller h3{margin: 3em 0;letter-spacing: 0.2em;}
#fortune_teller h3:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}
#fortune_teller h3 span{display: block;font-size: 0.6em;font-weight: 500;color: #e5a3ec;}
#fortune_teller ul{margin:0;padding:0;}
#fortune_teller ul li{margin:0 0 1em;padding:2em;display: flex;text-align: left;border-bottom: 5px dotted #e9d8e0;}
#fortune_teller ul li figure{margin:0 2em 0 0;padding:0;text-align: center !important;width: 300px;}
#fortune_teller ul li figcaption{width:100%;}
#fortune_teller div.btn{margin:0;padding:0;display: flex;justify-content: space-between;}
#fortune_teller div.btn a{margin: 1em 0 0;padding: 0.5em;width: 32%;background: #e74abc;text-align: center;color: #fff;font-size: 1.2em;border-radius: 10px;}
#fortune_teller div.btn a:hover{background: #709fe2;}

#fortune_teller div.name{margin: 0.5em auto 0;background: url("/img/appraiser_name.png") center top no-repeat;line-height: 45px;color:#fff;width: 300px;font-size: 1.4em;text-align: center;}

@media screen and (max-width: 999px) {
#fortune_teller{margin:3em 1em 5em;width: auto;}
#fortune_teller h3{margin: 2em auto 1em;line-height: 1.4em;}

#fortune_teller ul li{flex-flow: row wrap;border: 2px solid #e9d8e0;padding: 2em 1em;}
#fortune_teller ul li figure{margin:0 auto 1em;}
#fortune_teller div.btn a{font-size: 0.8em;}
}

/*ご利用方法*/
#howtouse{margin:4em auto;padding: 0;text-align: center;}
#howtouse h3{margin: 3em 0;letter-spacing: 0.2em;}
#howtouse h3:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}
#howtouse h3 span{display: block;font-size: 0.6em;font-weight: 500;color: #e5a3ec;}
#howtouse ul.procedure{margin:3em auto 1em;padding: 0;max-width:1000px;width:100%;text-align: center;}
#howtouse ul.procedure li{margin-bottom:5em;}
#howtouse h4{margin:0;padding:0;color: #e74adc;font-size: 1.2em;}
#howtouse h4 img{margin-right:0.5em;}

#howtouse ul.procedure a.circle{border: 1px solid #e74adc;padding: 0.5em 1em;border-radius: 100px;width: 500px;display: block;text-align: center;margin: 0 auto;}

#howtouse ul.procedure li ul.choice{margin:1em auto;padding: 0;max-width:640px;width:100%;display: flex;justify-content: space-between;flex-flow: row wrap;text-align: left;}
#howtouse ul.procedure li ul.choice li:nth-child(odd){margin:0 0 1em;padding: 0;width:30%;text-align: center;}
#howtouse ul.procedure li ul.choice li img.sen{width:100%;border: 3px solid #ccc;}
#howtouse ul.procedure li ul.choice li:nth-child(even){margin:0 0 1em;padding: 0;width:65%;}
#howtouse ul.procedure li ul.choice li img.arrow{margin: 0 auto;}

@media screen and (max-width: 640px) {
#howtouse{margin: 1em 1em 4em;}
#howtouse ul.procedure{text-align: left;}
#howtouse ul.procedure li h4 img{width:50px;}
#howtouse p.box{text-align: center;font-size: 0.9em;border: 1px solid #ccc;padding: 0.5em;}
	
#howtouse ul.procedure li ul.choice li:nth-child(odd){max-width:240px;width:100%;margin: 0 auto;}
#howtouse ul.procedure li ul.choice li:nth-child(even){width:100%;text-align: left;margin: 0.5em auto 2em;}	
	
#howtouse ul.procedure a.circle{width: 100%;}
}

/*料金*/
#price{margin:0 auto;padding: 0;text-align: center;width:100%;overflow: hidden;}
#price section{margin:0 auto 2em;padding: 0;max-width:1000px;width:100%;}
#price h3{margin: 3em 0 1em;letter-spacing: 0.2em;}
#price h3:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}
#price h3 span{display: block;font-size: 0.6em;font-weight: 500;color: #e5a3ec;}

div#point01{margin: 0 auto 1em;padding: 1em;border: 3px solid #ccc;max-width: 500px;width: 100%;font-size: 2em;}
ul#point02{margin:0 auto 2em;padding: 0;text-align: center;display: flex;justify-content: space-between;flex-flow: row wrap;max-width: 500px;width: 100%;border-right: 3px solid #ccc;border-left: 3px solid #ccc;border-top: 3px solid #ccc;}
ul#point02 li{margin:0 auto;padding: 0.5em;width:50%;display: flex;justify-content: center;align-items: center;flex-flow: row wrap;}
ul#point02 li:nth-child(odd){border-right: 3px solid #ccc;border-bottom: 3px solid #ccc;background: #e74adb;color: #fff;}
ul#point02 li:nth-child(even){border-bottom: 3px solid #ccc;}
ul#point02 li span{display: block;font-size: 0.8em;color:#e74adc;width:100%;}

#price ul.point04{margin:0 auto 2em;padding: 0;text-align: center;display: flex;justify-content: left;flex-flow: row wrap;max-width: 996px;width: 100%;border-left: 1px solid #000;}
#price ul.point04 li{margin:0;padding: 0.5em;width:16.666666666%;display: flex;justify-content: center;align-items: center;flex-flow: row wrap;border-bottom: 1px solid #000;border-right: 1px solid #000;}
#price ul.point04 li i{display: block;width: 100%;}
#price ul.point04 li.th{background: #f9f9f9;}
#price ul.point04 li:nth-child(-n+6){border-top: 1px solid #000;}

#price ul#list{margin:0 auto;padding: 0;display: flex;justify-content: space-between;scroll-snap-type: x mandatory;width: 100%;overflow-x: hidden;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;flex-flow: row wrap;}
#price ul#list > li{scroll-snap-align: center;height: 100%;width: 100%;flex: none;}
#price ul#list li{margin:0 0 2em;width:15%;}
#price ul#list li img{max-width: 260px;width:100%;border-radius: 100%;}
#price ul#list li p.name{margin: 0.5em auto 0.2em;max-width: 260px;font-size: 0.9em;color: #333;font-weight: bold;}
#price ul#list li p.status_01{margin: 0 auto;padding:0.2em 1em;background: #f6447f;color:#fff;border-radius: 5px;display: inherit;font-size: 0.8em;}
#price ul#list li p.status_02{margin: 0 auto;padding:0.2em 1em;background: #999;color:#fff;border-radius: 5px;display: inherit;font-size: 0.8em;}
#price ul#list li p.status_03{margin: 0 auto;padding:0.2em ;background: #709fe2;color:#fff;border-radius: 5px;display: inherit;font-size: 0.8em;}

#text_box{margin:0 auto;padding: 0.5em 1.5em;background: #f9f9f9;text-align: left;border:1px dashed #ccc;}

#price a.btn{background: #709fe2;display: block;padding: 1em;color: #fff;max-width: 500px;width: 100%;margin: 0 auto 2em;border-radius: 100px;box-shadow: 0 0 10px #999;border: 3px solid;font-weight: bold;}


@media screen and (max-width: 641px) {
#price h3{margin: 2em 0;}
#price ul#list{overflow-x: scroll;}
#price ul#list li{width:25%;margin:0 1em 2em 0;}
#price section{width:90%;}

#price ul.point03{margin:0 auto;padding: 0;text-align: center;}
#price ul.point03 li{margin:0 auto;padding: 0.5em;}
#price ul.point03 li:nth-child(odd){text-align: center; background: #f9f9f9;font-weight: bold;}
}

/*Zoom*/
#zoom{margin:0 auto;padding: 0;text-align: center;width:100%;overflow: hidden;}
#zoom section{margin:0 auto 2em;padding: 0;max-width:1000px;width:100%;}
#zoom h3{margin: 3em 0;letter-spacing: 0.2em;}
#zoom h3:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}
#zoom h3 span{display: block;font-size: 0.6em;font-weight: 500;color: #e5a3ec;}

#zoom ul{margin:0 auto;padding: 0;text-align: center;width:100%;overflow: hidden;display: flex;justify-content: space-between;}
#zoom ul li{margin:0 auto;padding: 0;text-align: center;width:32%;display: flex;}
#zoom ul li a{padding: 1em;width:100%;display: flex;align-items: center;flex-flow: row wrap;background: #e74adc;color:#fff;border-radius: 10px;justify-content: center;}
#zoom ul li a:hover{background: #709fe2;color: #fff;}
#zoom ul li a span{display: block;width:100%;}

@media screen and (max-width: 641px) {
#zoom{margin:0 1em;width:auto;}
#zoom section{margin:0 auto;}
#zoom h3{margin: 2em 0;}

#zoom ul{flex-flow: row wrap;}
#zoom ul li{width:100%;margin-bottom:1em;}
}

/*特定商取引法に基づく表示*/
#tokutei{margin:3em auto 5em;padding:0;text-align: center;max-width:1000px;width:100%;}
#tokutei h3{margin: 3em 0;letter-spacing: 0.2em;}
#tokutei h3:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}
#tokutei ul{margin:2em auto 5em;padding:0;width:100%;border-top:1px solid #f3f3f3;border-left:1px solid #f3f3f3;border-right:1px solid #f3f3f3;display: flex;flex-flow: row wrap;}
#tokutei ul li{margin:0;padding:1em;display: flex;align-items: center;justify-content: center;}
#tokutei ul li:nth-child(odd){border-right:1px solid #fff;border-bottom:1px solid #fff;background: #e9e9e9;width:35%;}
#tokutei ul li:nth-child(even){border-bottom:1px solid #f3f3f3;width:65%;display: flex;justify-content: left;text-align: left;}

#kiyaku p,#kiyaku h4{text-align: left;}

@media screen and (max-width: 999px) {
#tokutei{margin:3em 1em;width: auto;}
#tokutei ul{margin:2em 0 1em}
#tokutei ul li{width:100% !important;}
#tokutei ul li:nth-child(even){justify-content: center;}
	
#kiyaku{font-size: 0.8em;}
}

/*プライバシーポリシー*/
#privacy{margin:3em auto 5em;padding:0;text-align: center;max-width:1000px;width:100%;}
#privacy h3{margin: 3em 0;letter-spacing: 0.2em;}
#privacy h3:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}

#privacy p,#privacy h4{text-align: left;}

@media screen and (max-width: 999px) {
#privacy{margin:3em 1em;width: auto;}
	
#privacy{font-size: 0.8em;}
}

/*クレジット決済完了*/
#credit_end{margin:3em auto 5em;padding:0;text-align: center;max-width:1000px;width:100%;}
#credit_end h3{margin: 3em 0;letter-spacing: 0.2em;}
#credit_end h3:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}
#credit_end .btn_img{margin-top:5em;}

@media screen and (max-width: 999px) {
#credit_end{margin:3em 1em;width: auto;}

}

/*よくある質問*/
#qa{margin:3em auto 5em;padding:0;text-align: center;max-width:1000px;width:100%;}
#qa h3{margin: 3em 0;letter-spacing: 0.2em;}
#qa h3:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}
#qa h3 span{display: block;font-size: 0.6em;font-weight: 500;color: #e5a3ec;}
#qa ul{margin:0;padding:0;text-align: left;}
#qa ul li:nth-child(odd){font-weight: bold;padding: 1em 0;}
#qa ul li:nth-child(even){padding: 0 0 1em;border-bottom: 1px solid #ccc;}
#qa ul li:nth-child(odd) span{background: #999;color: #fff;padding: 3px 6px;display: inline-block;text-align: center;vertical-align: middle;font-weight: bold;margin-right: 5px;border-radius: 100px;}
#qa ul li:nth-child(even) span{background: #e74adc;color: #fff;padding: 3px 6px;display: inline-block;text-align: center;vertical-align: middle;font-weight: bold;margin-right: 5px;border-radius: 100px;}

@media screen and (max-width: 999px) {
#qa{margin:3em 1em;width: auto;}

}

/*お問い合わせ*/
#contact{margin:3em auto 5em;padding:0;text-align: center;max-width:1000px;width:100%;}
#contact h3{margin: 3em 0 2em;letter-spacing: 0.2em;}
#contact h3:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}
#contact ul{margin:2em auto;padding:0;width:100%;max-width: 500px;}
#contact ul li,#contact ul li input,#contact ul li textarea{width:100%;text-align: left;}
#contact ul li{margin:0 0 1em;}
#contact ul li input,#contact ul li textarea{background: #f0f0f0;border: 0;font-size: 1.2em;padding: 0.5em;border-radius: 10px;}
#contact ul li input[type="submit"]{text-align: center;background: #e74adc;color: #fff;}

/*パスワードリセット*/
#forgot-password{margin:3em auto 5em;padding:0;text-align: center;max-width:1000px;width:100%;}
#forgot-password h3{margin: 3em 0;letter-spacing: 0.2em;}
#forgot-password h3:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}
#forgot-password h3 span{display: block;font-size: 0.6em;font-weight: 500;color: #e5a3ec;}

#forgot-password ul{margin:0 0 2em;padding:0;display: flex;}
#forgot-password ul li{margin:0 auto;padding:0 0 2em;width:50%;background: #f7f7f7;position: relative;}
#forgot-password ul li::before{content:url(/img/key_icon.png);width: 100%;position: absolute;top: -1em;left: 0;}
#forgot-password h4{margin: 3em 0 0;font-size: 1.2em;font-weight: 500;width: 100%;}
#forgot-password ul li a.btn{background: #e74adb;width: 70%;display: block;margin: 0 auto;padding: 0.5em;font-size: 1.4em;color: #fff;border-radius: 100px;}
#forgot-password ul li input[type="email"]{margin:1em 0 0;padding:1em;width: 70%;}
#forgot-password ul li input[type="submit"]{background: #e74adb;width: 70%;display: block;margin: 1em auto 0;padding: 0.5em;font-size: 1.4em;color: #fff;border-radius: 100px;border:none;}
	
#forgot-password .btn_img img {width: 300px;}

@media screen and (max-width: 999px) {
#forgot-password{margin:3em 1em 5em;width: auto;}
#forgot-password ul{flex-flow: row wrap;}
#forgot-password ul li{width:100%;}
	
#forgot-password .btn_img img {width: 100%;max-width: 300px;}	
}

/*マイページ-メール占い鑑定結果一覧*/
#mypage-mailresult{margin:3em auto 5em;padding:0;text-align: center;max-width:1000px;width:100%;}

@media screen and (max-width: 999px) {
#mypage-mailresult{margin:3em 1em;width: auto;}
}

/*マイページ-質問内容一覧*/
#mypage-question{margin:3em auto 5em;padding:0;text-align: center;max-width:1000px;width:100%;}
#mypage-question h4{color: #e74adc;}
#mypage-question ul{margin: 3em auto;padding: 0;}
#mypage-question ul li:nth-child(odd){padding:1em;text-align: left;background: #e9e9e9;}
#mypage-question ul li:nth-child(even){padding:1em;text-align: left;}

p.btn_img{margin: 0 auto 5em;}

@media screen and (max-width: 999px) {
#mypage-question{margin:3em 1em;width: auto;}
}

/*マイページ-メール占い鑑定結果*/
#mypage-result{margin:3em auto 5em;padding:0;text-align: center;max-width:1000px;width:100%;}
#mypage-result h4{color: #e74adc;}
#mypage-result ul{margin: 3em auto;padding: 0;}
#mypage-result ul li:nth-child(odd){padding:1em;text-align: left;background: #fae1f7;}
#mypage-result ul li:nth-child(even){padding:1em;text-align: left;}

p.btn_img{margin: 0 auto 5em;}

@media screen and (max-width: 999px) {
#mypage-result{margin:3em 1em;width: auto;}
}


/*マイページ-メール鑑定対応占い師*/
#mypage-mailft{margin:3em auto 5em;padding: 0;text-align: center;max-width:1000px;width:100%;}
#mypage-mailft h3{margin: 3em 0 2em;letter-spacing: 0.2em;}
#mypage-mailft h3:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}

#mypage-mailft ul{margin:0;padding:0;text-align: center;width:100%;max-width: 1000px;display: flex;justify-content: space-between;flex-flow: row wrap;}
#mypage-mailft ul li{margin:0 0 1em;padding:0;width:15%;font-size: 0.9em;font-weight: bold;}
#mypage-mailft ul li img{width:100%;}
#mypage-mailft ul li a{color: #000;}

#mypage-mailft p{line-height: 2.4em;}
#bg_img2{margin: 3em auto 0;padding: 3em;text-align: left;max-width: 1000px;width: 100%;background: url(/img/introduction_bg.jpg);overflow: hidden;}

@media screen and (max-width: 999px) {
#mypage-mailft{margin:3em 1em 5em;width: auto;}
#mypage-mailft ul li{width:30%;margin-bottom: 0.5em;font-size: 0.8em;}
}

@media screen and (max-width: 641px) {
#mypage-mailft p{text-align: left;font-size: 1em;}
#bg_img2{padding: 1em;}
}

/*リストの左揃え*/
.cell.is-empty {height: 0;padding-top: 0;padding-bottom: 0;margin-top: 0;margin-bottom: 0;}

/*テキストボタン*/
dl.btn_text{margin:0 auto 5em;padding:0;display: flex;align-items: center;justify-content: center;overflow: hidden;}
dl.btn_text dt,dl.btn_text dd{margin:0 1em;padding: 0;width:100%;max-width: 200px;}
dl.btn_text dt a{margin:0;padding: 1em 2em;background: #e74adc;color: #fff;display: block;width:100%;}
dl.btn_text dd a{margin:0;padding: 1em 2em;background: #e9e9e9;color: #000;display: block;width:100%;}

@media screen and (max-width: 641px) {
dl.btn_text dt,dl.btn_text dd{margin:0 0.5em;padding: 0;}
}

/*掲示板のご利用方法*/
#howtobbs{margin:4em auto;padding: 0;text-align: center;}
#howtobbs h3{margin: 3em 0;letter-spacing: 0.2em;}
#howtobbs h3:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}
#howtobbs h3 span{display: block;font-size: 0.6em;font-weight: 500;color: #e5a3ec;}

#howtobbs ul{margin: 0 auto;padding: 0;max-width: 650px;width: 100%;}
#howtobbs ul li{background: #fae1f7;margin: 0;padding: 1em;text-align: left;border-radius: 8px;}
#howtobbs ul li span{color:#e74adc;margin-right: 0.2em;}
#howtobbs i{font-size: 2em;margin: 0.4em 0 0.8em;color: #ccc;line-height: 0;}
#howtobbs ul li div.box{margin: 1em 0 0;padding: 0.5em 0.8em;font-size: 0.8em;background: #fff;border-radius: 5px;}
#howtobbs ul li img{width: 100%;margin: 1em 0 0;}


@media screen and (max-width: 640px) {
#howtobbs{margin: 1em 1em 4em;}
}

/*銀行振込*/
#mypage-transfer{margin:4em auto;padding: 0;text-align: center;}
#mypage-transfer h3{margin: 3em 0 2em;letter-spacing: 0.2em;}
#mypage-transfer h3:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}
#mypage-transfer h4{display: inline-block;position: relative;height: 50px;line-height: 50px;text-align: center;padding: 0 5em;font-size: 18px;background: #e74adc;color: #FFF;box-sizing: border-box;}
#mypage-transfer h4:before, h4:after {position: absolute;content: '';width: 0px;height: 0px;z-index: 1;}
#mypage-transfer h4:before {top: 0;left: 0;border-width: 25px 0px 25px 15px;border-color: transparent transparent transparent #fff;border-style: solid;}
#mypage-transfer h4:after {top: 0;right: 0;border-width: 25px 15px 25px 0px;border-color: transparent #fff transparent transparent;border-style: solid;}

@media screen and (max-width: 999px) {
#mypage-transfer{margin:3em 1em;width: auto;}
#mypage-transfer h3{margin: 2em auto 1em;text-align: center;}
}

/*【2022年 運勢】星座×血液型×干支 運勢ランキング 576通り最強運*/
#fortune2022{margin:0 auto;padding: 2em 0;text-align: center;background: url("img/2022_bg.jpg")top center no-repeat;}
#fortune2022 section{margin:0 auto;padding: 0;width:90%;max-width: 800px;line-height: 1.8em;}
#fortune2022 h2{margin:0 auto 2em !important;}
#fortune2022 .video{position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;margin-bottom: 10px;}
#fortune2022 .video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#fortune2022 h3{color: #bf4343;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";margin: 1em 0 0.5em;}
#fortune2022 h3.ribon{margin: 3em 0;letter-spacing: 0.2em;font-size: 1.4em;color: inherit;text-align: center;}
#fortune2022 h3.ribon:before{background-image: url(/img/appraiser_ribon.png);content:'';display: block;width: 130px;height: 25px;margin: 0 auto 0.5em;}
#fortune2022 h3.ribon span{display: block;font-size: 0.6em;font-weight: 500;color: #e5a3ec;}
#fortune2022 .center{margin: 3em auto;}
#fortune2022 .gold_box{background:#f2eed8;margin: 0 auto 3em;padding: 1em 1.4em;text-align: left;border-radius: 10px;}
#fortune2022 h3.sign_ranking{margin: 3em auto 1em;}
#fortune2022 h3.sign_ranking img{width:100%;max-width: 413px;}
#fortune2022 ul.sign_ranking{margin:0 auto;padding: 0;border-bottom:1px solid #87804f;width:100%;max-width: 640px;}
#fortune2022 ul.sign_ranking li{border:1px solid #87804f;border-bottom:none !important;margin:0;padding:6px;text-align: left;}
#fortune2022 ul.sign_ranking li img{margin-right: 1em;}
#fortune2022 h3.big{font-size: 3em;line-height: 1em;}
#fortune2022 table{margin:0 auto;padding: 0;width:100%;max-width: 640px;border-collapse: collapse;}
#fortune2022 table th,#fortune2022 table td {border: 1px solid #87804f;}
#fortune2022 table td{margin:0;padding:6px;}
#fortune2022 table td:first-child{width:70px}

@media screen and (max-width: 641px) {
#fortune2022 img.full{width:100%;}
#fortune2022 .center{text-align: center;}
#fortune2022 .top_text{text-align: left;}
#fortune2022 ul.sign_ranking li img{margin-right: 0.4em}
#fortune2022 h3.big{font-size: 1.8em;}
}

.f_code{background: #ff0000;color: #fff;border-radius: 100px;padding: 1em;display: flex;justify-content: center;align-items: center;}
.f_code span{font-size: 2em;font-weight: bold;}