/*****************************************************
*** 共通_基本　***
*****************************************************/
* {
  margin: 0;
  padding: 0;
}

html {
  -webkit-overflow-scrolling: touch;/*2019.03.19 rk 追加*/
}

body {
  background-color: #fff;
  background-size: 100%;
  background-repeat: no-repeat;
  display: block;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", sans-serif;
  line-height: 1.5;
  word-break: break-all;
  width: 100vw;
  -webkit-text-size-adjust: 100%;
}
/*　スクロール　*/
::-ms-scrollbar { display:none; width:0px; color: transparent; }
::-ms-scrollbar-track { color: transparent; }
::-ms-scrollbar-thumb { color: transparent; }
::-moz-scrollbar { display:none; width:0px; color: transparent; }
::-moz-scrollbar-track { color: transparent; }
::-moz-scrollbar-thumb { color: transparent; }
::-webkit-scrollbar { display:none; width:0px; color: transparent; }
::-webkit-scrollbar-track { color: transparent; }
::-webkit-scrollbar-thumb { color: transparent; }
h1,h2,h3,h4,h5,h6,p,span,div {
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
}
img {
  border: none;
  position: relative;
}

img.w100p { margin: 0 auto; width: 100%;}
img.w100p_a { display: block; margin: 0 auto; width: 100%;}
img.w95p { margin: 0 auto; width: 95%;}
img.w90p { margin: 0 auto; width: 90%;}
img.w85p { margin: 0 auto; width: 85%;}
img.w76p { margin: 0 auto; width: 76.2%;}
img.w72p { margin: 0 auto; width: 72.4%;}
img.w70p { margin: 0 auto; width: 70%;}
img.w67p { margin: 0 auto; width: 67%;}

ul {
  list-style: none;
}
a {
  color:#000;
  cursor: pointer;
  text-decoration: none;
}

a.nomal {
  color:#1111cc;
  cursor: pointer;
  text-decoration: underline;
}

a.white {
  color:#fff;
  cursor: pointer;
  text-decoration: underline;
}

a.on,a.off,a.on img, a.off img {
	outline:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

i { 
  font-style: normal;
}
input[type=submit] {
  -webkit-appearance:none;
}

#contents_b input[type="submit"] {
    background-color: #2e7360;
    border: none;
    color: #fff;
    font-size: 80%;
    font-weight: bold;
    position: relative;
    top: -2px;
    width: 89%;
}

.btn_deco_a {
  padding: 3%;
  width: 55%;
}

#title_a_b {
    display: table;
    margin: 13% auto 0;
    text-align: left;
    width: 100%;
}

#title_a_b_c {
    display: table;
    margin: 13% auto 9%;
    text-align: left;
    width: 100%;
}

#title_a_c {
  border-bottom: 1px solid #e3e3e3;
    display: table;
    margin: 13% auto 0;
    text-align: left;
    width: 100%;
}

#title_b_a {
  background: #fff;
  background-repeat: repeat;
  background-size: 100%;
  border-top: 1px solid #e3e3e3;
  display: block;
  padding: 4.45% 1.5%;
  text-align: center;
}

.top {
  background-size: 100%;
  display: block;
  padding: 6% 1.5%;
  text-align: center;
}

h2.title_a_b {
  font-size: 110%;
  text-align: center;
}

h2.title_a_c {
  font-size: 110%;
  letter-spacing: -1px;
  text-align: center;
}

h2.title_a_d {
	display: inline-block;
	font-size: 110%;
	text-align: center;
	width: 55%
}

h2.title_a_e {
	display: inline-block;
	font-size: 110%;
	text-align: center;
	width: 70%
}

.title_b_a {
  font-size: 110%;
  margin: 0 auto;
  position: relative;
}

.top div.btn-back {
	float: left;
    margin: 0 auto;
    position: absolute;
	z-index: 888;
}

.top .btn-back a {
    border: solid 1px #acacac;
    border-radius: 3px;
    border-radius: 1.333333vw;
    content: url(/m10/img/member/sm2019/img/arrow_back.png);
    padding: 8px 12px;
    padding: 2.133333vw 3.2vw;
    text-decoration: none;
    vertical-align: middle;
    width: 8px;
    width: 2.12vw;
}

/*****************************************************
*** 共通_やじるし　***
*****************************************************/
.fa-right {
  content: url(/m10/img/member/sm2019/img/arrow_right.png);
  padding-left: 0.4em;
   width:0.5em;
  z-index: 1;
}

.fa-left {
  content: url(/m10/img/member/sm2019/img/arrow_right.png);
   padding-right: 0.4em;
  width:0.5em;
   z-index: 1;
}

.arrow-img {
  width: 2%;
}

.fa-right-white {
  content: url(/m10/img/member/sm2019/img/arrow_right_wh.png);
   margin-right: 1.6vw;
  width:1.6vw;
   z-index: 1;
}

/*****************************************************
*** 共通_ボタン ***
*****************************************************/
.btn-moreview {
  display: block;
  padding: 1em 0;
  text-align: right;
}

.btn-moreview a {
  font-size: 0.8rem;
  font-weight: bold;
  padding: 1em 1.2em;
}

.btn {
  border:1px solid #acacac;
  border-radius:5px;
  font-size: 0.8rem;
  font-weight: bold;
  text-decoration:none;
  text-align: center;
}

/*****************************************************
*** banner　***
*****************************************************/
#banner {
    background-color: #fff;
	/*border-top: 1px solid #e3e3e3;*/
    font-size: 80%;
    margin: 0 auto;
    overflow: hidden;
	/*padding: 1em 0 0.5em;*/
    text-align: center;
	width: 100%;
}

#banner img {
    width: 95%;
}

/*****************************************************
*** 1_トップページ ***
*****************************************************/
#head_space {
	background-color: #ff0000;
    background-image: url(/m10/img/member/sm2019/img/header_space_a.png);
    background-size: 100%;
    background-repeat: no-repeat;
	height: 3.2em;
	margin: 0 auto;
	width: 100%
}

.head_space_a {
	margin: 0 auto;
	width: 100%
}

#main {
	background-color: #fff;
  /*background-color: #f9f9f9;*/
  /*background-color: #ff0000;*/
}

#main .contents-title { /*タイトル*/
  font-size: 1rem;
  font-weight: bold;
  line-height: 0;
  margin: 0;
  padding: 0.9em;
}

#main .contents-title-runking { /*タイトル*/
  font-size: 1rem;
  font-weight: bold;
  line-height: 0;
  margin: 0;
  padding: 0em 0.9em 0.9em;
}

#main .container { /*コンテンツボックス*/
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  background: #fff;
  padding: 1em 0 1.3em 0;
}

#main .container:first-child { /*コンテンツボックス*/
  background: #fff;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  padding: 1em 0 1.3em 0;
}

#main .btn-moreview .btn { /*ボタンボックス*/
	margin-right: 1.5em;
}

.main-mailbox { /*メールボックス*/
	background-color: #fff;
	/*display: flex;
	display: -webkit-inline-box;*/
	margin: 13% auto 0;
	padding: 4%;
	position: relative;
	text-align: center;
}

.main-mailbox_a { /*メールボックス*/
	background-color: #fff;
	/*display: flex;
	display: -webkit-inline-box;*/
	margin: 0 auto;
	padding: 4%;
	position: relative;
	text-align: center;
}

.main-mailbox_b { /*メールボックス*/
	background-color: #fff;
	/*display: flex;
	display: -webkit-inline-box;*/
	margin: 34.8% auto 0;
	padding: 4%;
	position: relative;
	text-align: center;
}

.main-mailbox_c { /*メールボックス*/
	background-color: #fff;
	/*display: flex;
	display: -webkit-inline-box;*/
	margin: 0 auto;
	padding: 0 4% 4%;
	position: relative;
	text-align: center;
}

.main-mailbox_d { /*メールボックス*/
	/*background-color: #fff;*/
	/*display: flex;
	display: -webkit-inline-box;*/
	margin: 0 auto;
	padding: 4% 4% 0;
	position: relative;
	text-align: center;
}

.main-mailbox .mailbox-btn,.main-mailbox_a .mailbox-btn,.main-mailbox_b .mailbox-btn {
	display: inline-block;
	padding: 3% 1%;
	width: 45%;
}

.main-mailbox_c_btn,.main-mailbox_d_btn {
	display: inline-block;
	font-weight: bold;
	width: 77%;
}

.mL1 {
    margin-left: 1em;
}

.main-ranking .main-ranking-area {
/*  align-content: flex-start;
  display:-webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
   overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overflow-style: none;
  padding: 0.7em 0 0 0;
  width: 100%;*/
	padding-left: 0.5em;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
	position: relative;
}
.main-ranking .main-ranking-area a {
	display: -webkit-inline-box;
	white-space: normal;
	vertical-align: top;
	/*padding-top: 2%;*/
	padding-top: 2%;
	margin-left: 0.3em;
  width: 9em;
}

.main-ranking .main-ranking-area .main-ranking-teller {
  /*margin-left: 0.65em;
  width: 85%;*/
}

.main-ranking .main-ranking-area .main-ranking-teller div.thumb {
  height: 9em;
  overflow: hidden;
  width: 9em;
}

/* 20181017 */
.main-ranking .main-ranking-area .main-ranking-teller .thumb img {
  min-width: 100%;
  max-height: 100%;
}

.thumb_b {
  border-radius: 50%;
  background: #c1a5c7;
  height: 6em;
  overflow: hidden;
  width: 6em;
}

.thumb_b img {
  min-width: 100%;
  max-height: 100%;
}

span.badge-rank {
	background: #52285c;
	border-radius: 50%;
	color: #fff;
	font-family: sans-serif;
	font-size: 0.75rem;
	/*height: 30px;*/
	height: 25px;/*2019.03.19 rk 追加*/
	/*padding: 0.4em 0.65em;*//*2019.03.19 rk 追加*/
	margin-left: -3px;/*2019.03.19 rk 追加*/
	position: absolute;
	text-align: center;
	/*top: -147px;*/
	top: 1px;/*2019.03.19 rk 追加*/
	/*width: 30px;*/
	width: 25px;/*2019.03.19 rk 追加*/
	z-index: 888;
}

span.badge-rank123 {
	/*background: #52285c;*/
	border-radius: 50%;
	color: #000;
	font-family: sans-serif;
	font-size: 0.75rem;
	font-weight: bold;
	/*height: 30px;*/
	height: 25px;/*2019.03.19 rk 追加*/
	/*padding: 0.4em 0.65em;*//*2019.03.19 rk 追加*/
	margin-left: -3px;/*2019.03.19 rk 追加*/
	position: absolute;
	text-align: center;
	/*top: -147px;*/
	top: 1px;/*2019.03.19 rk 追加*/
	/*width: 30px;*/
	width: 25px;/*2019.03.19 rk 追加*/
	z-index: 888;
}

@media screen and (min-width: 320px) {
.rank123 {
	margin: 0 auto;
	position: relative;
	top: -15px;
	width: 100%;
}
}
@media screen and (min-width: 350px) {
.rank123 {
	margin: 0 auto;
	position: relative;
	top: -17px;
	width: 100%;
}
}
@media screen and (min-width: 370px) {
.rank123 {
	margin: 0 auto;
	position: relative;
	top: -19px;
	width: 100%;
}
}
@media screen and (min-width: 400px) {
.rank123 {
	margin: 0 auto;
	position: relative;
	top: -19px;
	width: 100%;
}
}

.r1:before {
	content: "1";
	position: relative;/*2019.03.19 rk 追加*/
	top: 3px;/*2019.03.19 rk 追加*/
	z-index: 889;
}

.r2:before {
	content: "2";
	position: relative;/*2019.03.19 rk 追加*/
	top: 3px;/*2019.03.19 rk 追加*/
	z-index: 889;
}

.r3:before {
	content: "3";
	position: relative;/*2019.03.19 rk 追加*/
	top: 3px;/*2019.03.19 rk 追加*/
	z-index: 889;
}

.r4:before {
	content: "4";
	position: relative;/*2019.03.19 rk 追加*/
	top: 3px;/*2019.03.19 rk 追加*/
	z-index: 889;
}

.r5:before {
	content: "5";
	position: relative;/*2019.03.19 rk 追加*/
	top: 3px;/*2019.03.19 rk 追加*/
	z-index: 889;
}

.r6:before {
	content: "6";
	position: relative;/*2019.03.19 rk 追加*/
	top: 3px;/*2019.03.19 rk 追加*/
	z-index: 889;
}

.r7:before {
	content: "7";
	position: relative;/*2019.03.19 rk 追加*/
	top: 3px;/*2019.03.19 rk 追加*/
	z-index: 889;
}

.r8:before {
	content: "8";
	position: relative;/*2019.03.19 rk 追加*/
	top: 3px;/*2019.03.19 rk 追加*/
	z-index: 889;
}

.r9:before {
	content: "9";
	position: relative;/*2019.03.19 rk 追加*/
	top: 3px;/*2019.03.19 rk 追加*/
	z-index: 889;
}

.r10:before{
	content: "10";
	position: relative;/*2019.03.19 rk 追加*/
	top: 3px;/*2019.03.19 rk 追加*/
	z-index: 889;
}

.main-ranking .main-ranking-area .main-ranking-teller div.name {
	font-size: 0.8rem;
	font-weight: bold;
	/*margin-top: -9%;*/
	margin-top: 9%;/*2019.03.19 rk 追加*/
}

.name_a {
  margin: 0 auto;
}

.main-ranking .main-ranking-area .main-ranking-teller div.divination {
  color: #666;
  font-size: 0.8rem;
  font-weight: bold;
  margin-top: 10px;
}

/* 20181005 kimura*/
img.teller_pic_a {
  display: inline;
  position: relative;
  vertical-align: middle;
  z-index: 0;
}

/* 20181005 kimura*/
img.teller_pic_b {
  display: inline;
  height: 100%;
  position: relative;
  vertical-align: middle;
  z-index: 0;
}

/* 今日のあなたの運勢 */
.today-fortune .today-area {
  margin: 0 0.65em;
}

.today-fortune .today-area div.icon {
  display: block;
  position: absolute;
  right: 15%;
  top: auto;
}

.today-fortune .today-area .icon img {
  float: right;
  width: 30%;
}

.today-fortune .today-area .star-area {
  display: inline-block;
  padding-top: 0.5em;
}

.today-fortune .today-area .star-area li.shape {
  float: left;
  margin-right: 0.5em;
  width: 2em;
}

.today-fortune .today-area span.today-more {
  display: block;
  font-size: smaller;
  font-weight: bold;
  line-height: 1rem;
  margin: 0.6em 0 0 0;
}

#main .horoscope_a { /*コンテンツボックス*/
  background: #fff;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  padding: 4.5% 0;
}

#main .horoscope_a:first-child { /*コンテンツボックス*/
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  background: #fff;
  padding: 1em 0 1.3em 0;
}

#main .horoscope_a_title { /*今日のあなたの運勢*/
  font-size: 100%;
  font-weight: bold;
  line-height: 0;
  margin: 0;
  padding: 2.2% 0 0 3.7%;
}

.horoscope_a .today-area {
  /*margin:0 0.65em;*/
}

.horoscope_a .today-area div.icon {
  display: block;
  position: absolute;
  right: 15%;
  top: auto;
}

.horoscope_a .today-area .icon img {
  float: right;
  width: 30%;
}

.horoscope_a .today-area .star-area {
  display: inline-block;
  padding-top: 0.5%;
}

.horoscope_a .today-area .star-area li.shape {
  float: left;
  margin-right: 0.5em;
  width: 2em;
}

.horoscope_a .today-area span.today-more {
  display: block;
  font-size: smaller;
  font-weight: bold;
  line-height: 1rem;
  margin: -4% 0 0 4%;
}
/* 今日のあなたの運勢 END */

/* 今日のあなたの運勢　2階層目 */
#main-fortune {
    background-color: #8f6099;
    margin-top: 13%;
    padding-bottom: 7%;
}

.today-fortune {
    margin: 0%;
}

.today-fortune img {
    width: 100%;
}

.total_unsei {
    border-top: 1px solid #704c78;
}

#main-fortune .contents-title_2 {
    color: #dabfe0;
    font-size: 110%;
    line-height: 0;
    margin-top: 6%;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 2%;
    padding: 4%;
}

#main-fortune .section_u {
    margin: 0 4%;
}

.unsei {
    margin-bottom: 2%;
}

.unsei span {
    color: #fff;
    font-size: 150%;
    font-weight: bold;
    line-height: 130%;
}

#main-fortune .text_box {
    font-size: 80%;
    color: #dabfe0;
}

#main-fortune .text_110a {
    color: #dabfe0;
    font-size: 110%;
	text-align: left;
}

/* 今日のあなたの運勢　2階層目 END */

.main-relationship .teller-list {
    padding-left: 2%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    position: relative;
}
.main-relationship .teller-list a {
    display: -webkit-inline-box;
    white-space: normal;
    vertical-align: top;
    padding-top: 2%;
    margin-left: 0.3em;
    width: 6em;
}
/* 20181009 ダソム*/
.main-relationship .teller-list a div.teller-detail {
}
/* 20181009 ダソム*/
.main-relationship div.name {
  font-size: 0.8rem;
  font-weight: bold;
  letter-spacing: -0.05rem;
  margin-top: 1em;
  text-align:justify;
  width: 85%;
}

.main-col ul li {
	list-style: none;
	display: block;
	margin-bottom: 5%;/*2019.03.19 rk 追加*/
	margin-left: 4%;
	text-align: left;
	vertical-align: middle;
}

.main-col_b ul li {
	list-style: none;
	display: block;
	margin-left: 4%;
	text-align: left;
	vertical-align: middle;
}

.main-col ul {
  margin: 3% auto 2%;
}

.main-col_b ul {
  margin: 3% auto;
}

.main-col .teller-text-area,.main-col_b .teller-text-area {
  height: auto;
  display: inline-block;
  margin-left: 4%;
  vertical-align: middle;
  width: 70%;
}

.main-col .teller-text-area_b,.main-col_b .teller-text-area_b {
  display: inline-block;
  height: auto;
  vertical-align: middle;
  width: 70%;
}

.main-col div.img,.main-col_b div.img {
	float: left;
	position: relative;/*2019.03.19 rk 追加*/
	top: 5px;/*2019.03.19 rk 追加*/
	width: 15%;
}

.main-col img,.main-col_b img {
  border-radius: 50%;
  width: 100%;
}

.main-col .teller-text-area .name,.main-col .teller-text-area_b .name,.main-col_b .teller-text-area .name,.main-col_b .teller-text-area_b .name {
	/*font-size: 0.8rem;*/
	font-size: 88%;
	font-weight: bold;
	margin-bottom: 1.5%;/*2019.03.19 rk 追加*/
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
	white-space: nowrap;
}

.main-col .teller-text-area .teller_name,.main-col .teller-text-area_b .teller_name,.main-col_b .teller-text-area .teller_name,.main-col_b .teller-text-area_b .teller_name {
  font-size: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.main-col .teller-text-area .divination,.main-col .teller-text-area_b .divination,.main-col_b .teller-text-area .divination,.main-col_b .teller-text-area_b .divination {
  color: #666;
  font-size: 0.8rem;
  font-weight: 400;
  /*margin: 0.5em 0;*//*2019.03.19 rk*/
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.main-col .teller-text-area .subject,.main-col .teller-text-area_b .subject,.main-col_b .teller-text-area .subject,.main-col_b .teller-text-area_b .subject {
  font-size: 80%;
  margin: 2% 0;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.main-col .teller-text-area .date,.main-col .teller-text-area_b .date,.main-col_b .teller-text-area .date,.main-col_b .teller-text-area_b .date {
  color: #666;
  font-size: 80%;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.main-col .teller-text-area .date_b,.main-col .teller-text-area_b .date_b,.main-col_b .teller-text-area .date_b,.main-col_b .teller-text-area_b .date_b {
  color: #666;
  font-size: 80%;
  margin: 2% auto 0;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.main-col_2 ul {
    margin: 0;
}

#contents .mB05 a {
    text-decoration: none;
}

.main-col_2 ul li {
    display: block;
    list-style: none;
    text-align: left;
    vertical-align: middle;
}

.main-col_2 div.img {
    display: inline-block;
    height: 15%;
    width: 15%;
}

.main-col_2 img {
    border-radius: 50%;
  display: inline-block;
    vertical-align: middle;
    width: 3.5em;
}

.main-col_2 .teller-text-area {
    display: inline-block;
    height: auto;
    line-height: 1rem;
    margin-left: 0.75em;
    vertical-align: middle;
    width: 70%;
}

.main-col_2 .teller-text-area .name {
    color: #000;
    font-size: 0.8rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.main-col_2 .teller-text-area .divination {
    color: #666;
    font-size: 0.8rem;
    font-weight: 400;
    margin: 0.5em 0;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#faq {
  background-image: url(/m10/img/member/sm2019/img/faq_icon.png);
  background-color: #c1a5c7;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  padding: 1em 0 1em 0;
}

#faq .help-area {
  font-size: 0.8rem;
  padding: 3% 4%;
  width: 70%;
}

#faq .help-area .help-text-area {
  color: #fff;
  font-weight: 400;
  line-height: 1.4rem;
}

#faq .help-area p {
  color: #fff;
  font-weight: 400;
  margin: 2% 0 0 0;
  padding: 0;
}

#faq .help-area .help-icon {
  padding: 20%;
  width: 20%;
}

/*.badge-new,.badge-set,.badge-support {
overflow: hidden;
  padding: 0;
  top: 60px;
  left: 15px;
  position: absolute;
  font-size: 80%;
  background: #E80000;
  color: #FFFFFF;
  border-radius: 50%;
  z-index: 1;
  padding: 0.5% 1%;
}*/

/*.badge-new:after,.badge-set:after,.badge-support:after {
  background: #e80000;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  font-family: sans-serif;
  height: 15px;
  position: absolute;
  text-align: center;
  width: 15px;
  z-index: 1;
}*/

/*.badge-new:after {
  content:"N";
  left: 21px;
  top: 6px;
}*/
/*
.badge-set:after {
  content:"1";
  left: -27px;
  top: -17px;
}*/

/*.badge-support:after {
  content:"1";
  left: -14px;
  top: -17px;
}*/

/*****************************************************
*** 共通_title ***
*****************************************************/
p.title_text {
  font-size: 80%;
  padding-top: 12px;
  padding-top: 3.2vw;
  text-align: center;
  vertical-align: middle;
}

span.title_text {
  font-size: 80%;
  padding-top: 12px;
  padding-top: 3.2vw;
  text-align: center;
  vertical-align: middle;
}

div.point_btn_a {
    display: block;
    margin: 8% auto 6%;
    text-align: center;
}

div.point_btn_a_a {
    border: 1px solid #fff;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    font-size: 110%;
    font-weight: bold;
	margin: 0 auto;
	padding: 3%;
	width: 70%;
}

a.point_btn_a_a {
    border: 1px solid #fff;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    font-size: 110%;
    font-weight: bold;
	margin: 0 auto;
    padding: 3%;
	width: 70%;
}

.point_btn_a_text_a {
  margin: 0 auto;
  position: relative;
  top: 1px;
}
.badge-set,.badge-support {
	position:absolute;
	font-size: 80%;
	background: #e80000;
	color:#FFFFFF;
	border-radius: 50%;
	z-index: 1;
	padding: 0.4% 1.7%;
}

.badge-set {
	top: 18%;
	left: 3%;
}

.badge-support {
	top: 18%;
	left: 51%;
}

/*****************************************************
*** 共通_text ***
*****************************************************/
.text_box {
	text-align: left;
}

.text_box_a {
	text-align: center;
}

.text_box_a_b {
	padding: 6% 0 0;
	text-align: center;
}

.text_box_a_c {
	padding: 4% 0 0;
	text-align: center;
}

.text_box_a_d {
	padding: 7% 0 0;
	text-align: center;
}

.text_box_b  {
	font-size: 80%;
	text-align: left;
}

.text_box_b_b {
	padding: 6% 0 0;
	text-align: left;
}

.text_box_b_c {
	padding: 0 0 6% 0;
	text-align: left;
}

.text_box_b_d {
	padding: 0 0 4.5%;
	text-align: left;
}

.text_box_b_e {
	padding: 0 0 6% 0;
	text-align: center;
}

.text_box_b_f {
	font-size: 110%;
	padding: 0 0 6% 0;
	text-align: center;
}

.text_box_c_a {
	color: #555;
	font-size: 80%;
	text-align: left;
}

.text_box_c_b {
	color: #555;
	font-size: 80%;
	text-align: left;
	margin-bottom: 3.5%;
}

.text_box_d_a {
	padding: 3.7% 0;
	text-align: left;
}

.text_box_d_b {
	padding: 3.5% 0;
	text-align: center;
}

.text_box_d_e {
	padding: 3.5% 0 0;
	text-align: center;
}

.text_box_under {
	margin-top: 3.5%;
}

.text_box_bottom {
	margin-bottom: 3.5%;
}

.text_box_middle_a {
	margin: 2% 0;
	text-align: left;
}

.text_box_title_a {
	background-color: #52285c;
	border-top: 1px solid #acacac;
	border-left: 1px solid #acacac;
	border-right: 1px solid #acacac;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 7% auto 0;
	padding: 0% 3% 0% 3%;
	text-align: left;
}

.text_box_title_b {
	background-color: #52285c;
	border-top: 1px solid #acacac;
	border-left: 1px solid #acacac;
	border-right: 1px solid #acacac;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0% 3% 0% 3%;
	text-align: left;
}

.text_box_bold {
	font-weight: bold;
}

.text_center {
	text-align: center;
}

.text_center_a {
	text-align: center;
	margin: 0 auto 2%;
}

.text_center_b {
	text-align: center;
	margin: 0 auto 3%;
}

.text_red {
	margin-bottom: 3.5%;
	color: #db0336;
}

.text_red_a {
	color: #db0336;
}

.text_red_b {
	margin-bottom: 3.5%;
	color: #db0336;
}

.text_red_c {
	color: #db0336;
	font-weight: bold;
}

.text_red_d {
	color: #db0336;
	text-align: center;
}

.text_red_e {
	color: #db0336;
	font-size: 137%;
	font-weight: bold;
}

.text_red_f {
	color: #db0336;
	font-weight: bold;
	text-align: center;
}

.text_blue_a {
	color: #0030ff;
}

.text_purple {
	color: #9d74a6;
	font-size: 110%;
}

.text_purple_a {
	color: #52285c;
	font-weight: bold;
}

.text_purple_aa, #contents div.section_head_2 h2 {
	color: #52285c;
	font-size: 110%;
	font-weight: bold;
}

.text_purple_b {
  color: #923aa6;
  font-size: 110%;
  font-weight: bold;
}

.text_purple_c {
  color: #9d74a6;
}

.text_purple_d {
  color: #9d74a6;
  font-weight: bold;
}

.text_white_a {
  color: #fff;
  font-size: 110%;
}

.text_white_b {
  color: #fff;
  font-size: 80%;
  margin: 0 0 0 4%;
}

.text_white_c {
  color: #fff;
  font-size: 110%;
  font-weight: bold;
}

.text_e_a {
  color: #555;
}

.text_e_b {
  color: #555;
  font-weight: bold;
}

.text_f_a {
  color: #fff;
  font-size: 80%;
}

.text_80 {
  font-size: 80%;
}

.text_110 {
  font-size: 110%;
}

.text_110_a {
  border-bottom: 1px solid #e3e3e3;
  font-size: 110%;
  padding-bottom: 3%;
  text-align: left;
}

.text_110_bottom {
  font-size: 110%;
  padding-bottom: 6%;
}

.text_qa_q {
  color: #4f72c4;
}

.text_qa_a {
  color: #c4544f;
}

.textsml {
  margin-top: 3.5%;
  text-align: center;
}

.textsml_2 {
  margin-bottom: 6.5%;
  text-align: center;
}

.textsml_3 {
  margin-bottom: 3%;
  text-align: center;
}

.textsml_4 {
  margin-top: 3%;
  text-align: center;
}

.textsml_5 {
    border-top: 1px solid #e3e3e3;
	text-align: center;
}

.user_infomation_a {
  left: 4.7%;
  position: relative;
}

/*****************************************************
*** 共通_contents area ***
*****************************************************/
#contents p {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", sans-serif;
  font-size: 80%;
}

#contents p.text_box {
    padding-bottom: 6%;
}

#contents a {
  color: #1111cc;
  text-decoration: underline;
}

#contents_b p {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", sans-serif;
  font-size: 80%;
}
#contents_b a {
  color: #1111cc;
  text-decoration: underline;
}

#contents {
    background-size: 100%;
    background-repeat: no-repeat;
	padding: 0 4%;
}

#contents .section_unsei {
    margin-top: 6%;
}

#contents div.section_head {
    color: #111;
    font-size: 110%;
}

#contents div.section_head_b {
    color: #111;
    font-size: 110%;
	font-weight: bold;
}

#contents div.section_head, #contents div.section_head_b, #contents_2 div.section_head, div.section_head {
    padding-bottom: 2%;
}

#contents div.section_head_2 {
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 3.5%;
    padding-bottom: 2%;
}

#contents div.section_head_3 {
	font-size: 110%;
    padding-bottom: 2%;
	text-align: center;
}

#contents div.section_head_a {
  padding-bottom: 1%;
}

#contents div.section_head h2, div.section_head_a h2,  div.section_head h2 {
  font-size: 110%;
  font-weight: bold;
  color: #52285c;
}

#contents_d div.section1_head h2 {
  color: #fff;
  font-size: 110%;
  font-weight: bold;
  text-align: center;
}

#contents div.section_title_a {
  padding: 3.7% 0 4.5%;
  text-align: center;
}

#contents div.section_title_b {
  padding: 0% 0 4.5%;
  text-align: center;
}

#contents div.section_title_c {
  padding: 3.7% 0 0;
  text-align: center;
}

#contents div.section_title_d {
  padding: 6% 0 0;
  text-align: center;
}

#contents div.section_title_e {
  padding: 7% 0;
  text-align: center;
}

#contents div.section_title_ff {
  padding: 6% 0;
  text-align: center;
}

#contents div.section_title_g {
  padding: 5.5% 0 4.5%;
  text-align: center;
}

#contents div.section_title_h {
  padding: 16.5% 0 11.8% 0;
  text-align: center;
}

#contents div.section_title_i {
  padding: 12% 0;
  text-align: center;
}

#contents div.section_title_j {
  padding: 4.5% 0 0;
  text-align: center;
}

 div.section_title_f {
  padding: 0 0 6%;
  text-align: center;
}

p.section_title_b_a {
  font-size: 80%;
}

.section_title_b_b {
  color: #923aa6;
  font-size: 110%;
  font-weight: bold;
}

p.section_title_b_c {
  color: #9d74a6;
  font-size: 80%;
  font-weight: bold;
}

p.section_title_b_d {
  font-size: 80%;
  text-align: center;
}

#contents .section_1 {
  border-top: 1px solid #e3e3e3;
  padding: 6% 0 6% 0;
}

#contents .section_2 {
  border-top: 1px solid #e3e3e3;
  padding: 6% 0 12%;
}

#contents .section_3 {
  border-top: 1px solid #e3e3e3;
  padding-top: 6.5%;
}

#contents .section_4 {
  border-top: 1px solid #e3e3e3;
  margin: 3.5% 0;
  padding: 3.5% 0 0 0;
}

#contents .section_5 {
  border-top:1px solid #e3e3e3;
  padding: 6% 0 3.7%;
}

#contents .section_6 {
  border-top: 1px solid #e3e3e3;
  padding: 3.7% 0 6%;
}

#contents .section_7 {
  border-top: 1px solid #e3e3e3;
  padding: 3% 0;
}

#contents .section_8 {
  border-top: 1px solid #e3e3e3;
  padding: 6% 0 0;
}

#contents .section_9 {
  border-top: 1px solid #e3e3e3;
  padding: 6% 0 3%;
}

#contents .section_10 {
  padding: 6% 0;
}

#contents .section_11 {
    border-top: 1px solid #e3e3e3;
    padding: 6% 0 0;
    margin: 10% auto 0;
}

#contents .section_12 {
  border-top: 1px solid #e3e3e3;
  padding: 0% 0 12% 0;
}

#contents .section_13 {
  border-top: 1px solid #e3e3e3;
  margin-top: 6.5%;
  padding-top: 6.5%;
}

#contents .section_14 {
  border-top: 1px solid #e3e3e3;
  margin-top: 6.5%;
  padding: 6% 0 6% 0;
}

#contents .section_15 {
  border-bottom: 1px solid #e3e3e3;
  margin: 0 0 6%;
}

#contents .section_16 {
  padding: 0 0 6%;
}

#contents_b {
    background-size: 100%;
    background-repeat: no-repeat;
  border-top: 1px solid #e3e3e3;
  padding: 0 4%;
}

#contents_b .section_2 {
  padding: 6% 0 12%;
}

#contents_b .section_6 {
  padding: 3.7% 0 6%;
}

#contents_b .section_7 {
  padding: 6% 0 6% 0;
}

#contents_b div.section_title_a {
  padding: 3.7% 0 4.5%;
  text-align: center;
}

#contents_b div.section_title_e {
  padding: 7% 0;
  text-align: center;
}

#contents_c {
    background-size: 100%;
    background-repeat: no-repeat;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  padding: 0;
}

.point_btn_a:after{
	content: "";
  display: table;
  table-layout: fixed;
  clear: both;
}
.point_btn_a .point_btn_item {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	padding-bottom: 3.5%;
}
.point_btn_a .point_btn_item:nth-child(2n+1) {
	padding-right: 1.8%;
}
.point_btn_a .point_btn_item:nth-child(2n+2) {
	padding-left: 1.8%;
}
.point_btn_a .point_btn_item:last-child {
	padding-bottom: 4.4%;
}

#contents_d_guide {
    background-image: url(/m10/img/member/sm2019/img/fix.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
  padding: 0;
  width: 100%;
}

#contents_d {
  background-color: #3a1742;
  padding: 0 4%;
}

#contents_e {
  border-bottom:1px solid #e3e3e3;
  border-top:1px solid #e3e3e3;
  padding: 0 4%;
}

#contents_d .section_1, #contents_e .section_1, #contents_2 .section_1 {
  padding: 6% 0 6% 0;
}

#contents_f {
  border-bottom: 1px solid #e3e3e3;
  border-top:1px solid #e3e3e3;
    background-size: 100%;
    background-repeat: no-repeat;
  padding: 4% 0;
}

#contents_f .section_1, #contents_g .section_1 {
  padding: 0 4%;
}

#contents_f .section_2, #contents_g .section_2 {
  padding: 0 4%;
}

#contents_g {
  border-top: 1px solid #e3e3e3;
    background-size: 100%;
    background-repeat: no-repeat;
  padding: 4% 0;
}

#contents_h {
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
    background-size: 100%;
    background-repeat: no-repeat;
  padding: 0;
}

#contents_2 {
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 0 4%;
}

#contents_2 div.section_head h2 {
    color: #52285c;
    font-size: 110%;
    font-weight: bold;
}

/*****************************************************
*** 共通_table ***
*****************************************************/
div.table,div.table_2,div.table_5 {
  border-collapse: collapse;
  display: table;
  font-size: 80%;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}

div.table_3 {
  border-collapse: collapse;
  display: table;
  font-size: 80%;
  table-layout: fixed;
  text-align: center;
  width: 50%;
}

div.table_4,div.table_6 {
  border-collapse: collapse;
  display: table;
  font-size: 80%;
  margin: 3.5% 0;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}

div.table_2,div.table_3,div.table_5 {
  margin-top: 3.5%;
}
div.table .thead, div.table_2 .thead, div.table_3 .thead, div.table_4 .thead, div.table_5 .thead, div.table_6 .thead {
  display: table-header-group;
}
div.table .tbody, div.table_2 .tbody, div.table_3 .tbody, div.table_4 .tbody, div.table_5 .tbody, div.table_6 .tbody {
  display: table-row-group;
}
div.table .tr, div.table_2 .tr, div.table_3 .tr, div.table_4 .tr, div.table_5 .tr, div.table_6 .tr{
  display: table-row;
}
div.table .th, div.table_2 .th, div.table_4 .th {
  background: #9d74a6;
  border: 1px solid #acacac;
  color: #fff;
  display: table-cell;
  padding: 2.045% 0;
}

div.table_3 .th{
  background: #9d74a6;
  border: 1px solid #acacac;
  color: #fff;
  display: table-cell;
  padding: 4.045% 0;
}

div.table_5 .th {
  display: table-cell;
  padding: 2.045% 0;
}

div.table .td, div.table_2 .td, div.table_4 .td {
  color: #000;
  font-weight:bold;
  border: 1px solid #acacac;
  display: table-cell;
  padding: 2.045% 0;
}

div.table_3 .td {
  border: 1px solid #acacac;
  color: #000;
  font-weight: bold;
  display: table-cell;
  padding: 4.045% 0;
}

div.table_6 .td {
  display: table-cell;
  padding: 4.045% 0;
}

textarea.st1 {
  border-radius: 0px;
  border: 1px solid #acacac;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 110%;
  margin: 0 auto 4%;
  padding: 3% 2% 4% 3%;
  position: relative;
  text-align: left;
  width: 100%;
  -webkit-appearance : none
}

textarea.st2 {
  font-size: 150%;
  margin: 0 auto;
  position: relative;
  width: 95%;
}

textarea.st3 {
  background-color: #f6f6f6;
  border-radius: 0px;
  border: 1px solid #acacac;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 110%;
  margin: 0 auto;
  padding: 3% 0 4% 0;
  position: relative;
  text-align: center;
  width: 80%;
  -webkit-appearance : none
}

textarea.st4 {
  background-color: #f6f6f6;
  border-radius: 0px;
  border: 1px solid #acacac;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 110%;
  margin: 0 auto 4%;
  padding: 3% 3% 4% 3%;
  position: relative;
  text-align: left;
  width: 100%;
  -webkit-appearance : none
}

textarea.st5 {
    background-color: #f6f6f6;
    border-radius: 0px;
    border: 1px solid #acacac;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 80%;
    margin: 0 auto 5% auto;
    padding: 3% 0 4% 0;
    position: relative;
    text-align: center;
    width: 80%;
    -webkit-appearance: none;
}

/*****************************************************
*** img ***
*****************************************************/
.mail_illust {
  width: 10%;
}

/* 料金・ポイントのご案内 ################################## */
.pay_point,.rakuten_pay {
	margin: 0% auto;
	width: 100%;
}

.pay_point_b {
	margin-top: 3.5%;
	width: 50%;
}

.pay_point_c {
	margin: 0% auto;
	padding: 3.5% 0 0 0;
	width: 100%;
}

.pay_point_d {
	margin: 0% auto;
	padding: 3.5% 0;
	width: 100%;
}

.pay_point_e {
	margin: 0% auto;
	text-align: center;
	width: 100%;
}

.pay_point img {
  vertical-align: middle;
  margin-right: 2%;
}

.pay_point p.po {
  display: inline-block;
  margin: 2% auto;
  text-align: left;
}

.pay_point p.po_b {
  display: inline-block;
  line-height: 150%;
  margin: 2% auto 0;
  text-align: left;
}

p.po_c {
  display: inline-block;
  line-height: 150%;
  margin: 2% auto 0;
  text-align: center;
}

.pay_point p.po span {
  color: #a6292c; /* 変更 */
  font-size: 150%;
  font-weight: bold;
}

.pay_point p.po_b span {
  color: #a6292c; /* 変更 */
  font-size: 150%;
  font-weight: bold;
}

.pay_point table,.pay_point_b table,.pay_point_c table,.pay_point_d table {
    border-collapse: collapse;
    border-spacing: 0;
  width: 100%;
}

.pay_point table th,.pay_point_c table th,.pay_point_d table th,.rakuten_pay table th {
  background-color: #9d74a6; /* 変更(ポイント料金見出し背景) */
  border-color: #acacac; /* 変更(ポイント料金テーブル枠) */
  border-style: solid;
  border-width: 1px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 80%;
  font-weight: normal;
  padding: 1% 0;
  text-align: center;
  width: 50%;
}

.pay_point_b table th {
  background-color: #9d74a6; /* 変更(ポイント料金見出し背景) */
  border-color: #acacac; /* 変更(ポイント料金テーブル枠) */
  border-style: solid;
  border-width: 1px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 80%;
  font-weight: normal;
  padding: 2% 0;
  text-align: center;
  width: 50%;
}

.pay_point table tr td,.pay_point_b table tr td,.pay_point_c table tr td,.pay_point_d table tr td,.rakuten_pay table tr td {
  border-color: #acacac; /* 変更(ポイント料金テーブル枠) */
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  text-align: center;
  vertical-align: middle;
}

td.a {
  padding: 1%;
}

td.b {
  padding: 1% 0;
}

td.c {
  line-height: 113.5%;
  padding: 1% 0;
}

td.d {
  padding: 2% 0;
}

p.text01 {
  color: #000;
  font-size: 80%;
  font-weight: bold;
}

span.text01 {
  color: #9d74a6;
  font-weight: bold;
}

/* 銀行決済 ################################## */
.bank_a {
  margin: 0% auto;
  width: 100%;
}

.bank_a p.po {
  display: inline-block;
  margin: 2% auto;
  text-align: left;
}

.bank_a p.po_b {
  display: inline-block;
  line-height: 150%;
  margin: 2% auto 0;
  text-align: left;
}

.bank_a p.po span {
  color: #a6292c; /* 変更 */
  font-size: 150%;
  font-weight: bold;
}

.bank_a p.po_b span {
  color: #a6292c; /* 変更 */
  font-size: 150%;
  font-weight: bold;
}

.bank_a table {
    border-collapse: collapse;
    border-spacing: 0;
  width: 100%;
}

.bank_a table.bottom_space {
    margin: 0 auto 3.7%;
}

.bank_a table th {
  background-color: #9d74a6; /* 変更(ポイント料金見出し背景) */
  border-color: #acacac; /* 変更(ポイント料金テーブル枠) */
  border-style: solid;
  border-width: 1px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 80%;
  font-weight: normal;
  padding: 1% 0;
  width: 50%;
}

.bank_a table tr td {
  border-color: #acacac; /* 変更(ポイント料金テーブル枠) */
  border-style: solid;
  border-width: 1px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  text-align: center;
  vertical-align: middle;
  width: 50%;
}

div.text_btn {
  margin: 6% auto;
}

div.text_btn a {
  background-color: #2e7360; /* 変更(submitボタン背景) */
  border-radius: 5px;
  color: #fff;
  margin: 5% auto 0;
  padding: 2% 5%;
  text-align: center;
}

div.text_btn a:link {
  text-decoration: none !important;
}

div.text_btn a:visited {
  text-decoration: none !important;
}

div.text_btn a span {
  color: #fff;
}

/* 写真振込 ################################## */
.destination_a {
  border: 1px solid #acacac;
  margin: 6% auto 0;
  padding: 2.5% 2.5% 0 2.5%;
  position: relative;
  text-align: center;
}

.destination_b {
  background-color: #52285c;
  color: #fff;
  font-size: 110%;
  font-weight: bold;
  margin: 0 auto;
  padding: 0.5% 0;
  position: relative;
  text-align: center;
}

.destination_c {
  font-size: 80%;
  margin: 3.5% auto 0;
  position: relative;
  text-align: left;
}

.destination_d {
  margin: 3% auto 6%;
  position: relative;
  text-align: center;
  width: 100%;
}

.details_a {
  margin: 0 0 0 6%;
  padding-right: 3%;
  text-align: right;
  width: 55%;
}

.details_b {
  padding-top: 3%;
  text-align: left;
  vertical-align: top;
  width: 35%;
}

/* コンビニ決済 ################################## */
#contents ul.CVS_item {
  display: block;
  font-size: 80%;
}

#contents ul.CVS_item li {
  display: inline-block;
  vertical-align: top;
}

#contents ul.CVS_item li.CVS_thumb, #contents ul.CVS_item_2 li.CVS_thumb, #contents ul.CVS_item_4 li.CVS_thumb, #description ul.CVS_item li.CVS_thumb {
  width: 13%;
  margin-right: 3%;
}

#contents ul.CVS_item_8 li.CVS_thumb {
  width: 20%;
  margin-right: 3%;
}

#contents ul.CVS_item_8 li.CVS_thumb_b {
  width: 20%;
}

#contents ul.CVS_item_9 li.CVS_thumb {
  width: 15%;
  margin-right: 5%;
}

#contents ul.CVS_item li.CVS_thumb img, #contents ul.CVS_item_2 li.CVS_thumb img, #contents ul.CVS_item_4 li.CVS_thumb img, #contents ul.CVS_item_8 li.CVS_thumb img, #contents ul.CVS_item_8 li.CVS_thumb_b img, #contents ul.CVS_item_9 li.CVS_thumb img {
  display: block;
  width: 100%;
}

#contents ul.CVS_item_4 li.CVS_seicomart, #contents ul.CVS_item_9 li.CVS_seicomart {
    width: 27%;
}

#contents ul.CVS_item li.CVS_thumb:last-child, #contents ul.CVS_item3 li.CVS_thumb:last-child {
  margin-right: 0;
}

#contents ul.CVS_item li.CVS_text, #contents ul.CVS_item_2 li.CVS_text, #contents ul.CVS_item_4 li.CVS_text, #contents ul.CVS_item_8 li.CVS_text, #contents ul.CVS_item_9 li.CVS_text {
  width: 48%;
}

#contents ul.CVS_item_2 {
  width: 100%;
  display: block;
  font-size: 80%;
}

#contents ul.CVS_item_2 li {
  display: inline-block;
  vertical-align: middle;
}

#contents ul.CVS_item_4, #contents ul.CVS_item_8 {
    display: block;
	margin: 4% auto 0;
    font-size: 80%;
	text-align: center;
	width: 100%;
}

#contents ul.CVS_item_4 li, #description ul.CVS_item li {
  display: inline-block;
  margin: 0 3%;
  vertical-align: middle;
}

#contents ul.CVS_item_8 li, #contents ul.CVS_item_9 li {
  display: inline-block;
  margin: 0 auto;
  vertical-align: middle;
}

#contents ul.CVS_item_9 {
    display: block;
	margin: 0 auto;
    font-size: 80%;
    text-align: center;
	width: 100%;
}

#contents ul.CVS_pay_item li:first-child {
  display: block;
    padding-bottom: 2%;
}

#contents ul.CVS_pay_item_b li:first-child {
  display: block;
    padding-bottom: 3.9%;
}

#contents ul.CVS_item3 li.CVS_thumb:first-child, #description ul.CVS_item li.CVS_thumb:first-child {
    margin-left: 0;
}

#contents ul.CVS_pay_item li,#contents ul.CVS_pay_item_b li {
  display: block;
  padding-bottom: 3.9%;
}

#contents ul.CVS_pay_item li:last-child,#contents ul.CVS_pay_item_b li:last-child {
  display: block;
  padding-bottom: 0%;
}

#contents ul.CVS_pay_item li div.CVS_pay_thumb,#contents ul.CVS_pay_item_b li div.CVS_pay_thumb {
  display: inline-block;
  background-color: #c1a5c7;
  border: 1px #7d7d7d solid;
  border-radius: 5px;
  margin-right: 2%;
  width: 46px;
  height: 46px;
  vertical-align: middle;
}

#contents ul.CVS_pay_item li div.CVS_pay_textArea,#contents ul.CVS_pay_item_b li div.CVS_pay_textArea {
  width: 76%;
  display: inline-block;
  vertical-align: middle;
}

#contents ul.CVS_pay_item li div.CVS_pay_textArea .CVS_pay_name,#contents ul.CVS_pay_item_b li div.CVS_pay_textArea .CVS_pay_name {
  font-weight: bold;
  line-height: 1.5;
}

#contents ul.CVS_pay_item li div.CVS_pay_textArea .CVS_pay_text,#contents ul.CVS_pay_item_b li div.CVS_pay_textArea .CVS_pay_text {
font-size: 80%;
    line-height: 1.2;
}

#contents a.CVS_pay_link {
  background-image: url(/m10/img/member/sm2019/img/arrow_right.png);
  background-size: 2%;
  background-repeat: no-repeat;
  background-position: right;
  display: block;
  text-decoration: none;
  color: #000;
}
#contents ul li img, #description ul li img, #description div.pay_logo_img img {
  vertical-align: middle;
  width: 100%;
}

#contents div.logo_img, #contents div.credit_card_img {
  margin-bottom: 3%;
}

#contents div.logo_img ul, #contents div.credit_card_img ul {
  text-align: center;
  font-size: 0;
  width: 100%;
}

#contents div.credit_card_img ul li {
  display: inline-block;
  width: 30%;
  margin: 0 1%;
}

#contents div.imgSize_S ul li {
  width: 22%;
}

#contents div.logo_img ul:nth-child(2) {
  margin-top: 6.1%;
}

#contents div.logo_img ul li {
  display: inline-block;
  margin: 0 3%;
  width: 14%;
}

#contents div.logo_img ul li.cvs_seicomart {
  width: 27%;
}

#contents div.pay_logo_img, #contents div.pay_logo_img_b {
    font-size: 0;
	margin: 3% 20% 0 20%;
}

#contents div.pay_logo_img img, #contents div.pay_logo_img_b img {
  width: 100%;
}

/* under_link area CSS */
#link_under .link_list {
  padding: 3% 0;
}

#link_under .link_list a {
  font-size: 80%;
  background-image: url(/m10/img/member/sm2019/img/arrow_right.png);
   background-size: 2%;
  background-repeat: no-repeat;
  background-position: right;
  color: #000;
  display: block;
  text-decoration: none;
}

#contents ul.CVS_item_3 {
  display: block;
    font-size: 80%;
  width: 100%;
}

#contents ul.CVS_item_3 li.CVS_thumb_2 {
  width: 15%;
    margin-right: 6%;
}

#contents ul.CVS_item_3 li.CVS_thumb_2 img {
  display: block;
    width: 100%;
}

#contents ul.CVS_item_3 li, #contents_f ul.CVS_item_5 li, #contents_f ul.CVS_item_7 li, #contents_g ul.CVS_item_5 li, #contents_g ul.CVS_item_7 li {
  display: inline-block;
    vertical-align: middle;
}

#contents_f ul.CVS_item_5, #contents_g ul.CVS_item_5 {
  border-bottom: 1px solid #e3e3e3;
  display: block;
  padding-bottom: 2%;
  width: 100%;
}

#contents_f ul.CVS_item_5 li.CVS_thumb_2, #contents_f ul.CVS_item_7 li.CVS_thumb_2, #contents_g ul.CVS_item_5 li.CVS_thumb_2, #contents_g ul.CVS_item_7 li.CVS_thumb_2 {
  width: 15.5%;
    margin-right: 2%;
}

#contents_f ul.CVS_item_5 li.CVS_thumb_2 img, #contents_f ul.CVS_item_7 li.CVS_thumb_2 img, #contents_g ul.CVS_item_5 li.CVS_thumb_2 img, #contents_g ul.CVS_item_7 li.CVS_thumb_2 img, #description ul.CVS_item li.CVS_thumb img {
  display: block;
    width: 100%;
}

#contents_f ul.CVS_item_6, #contents_g ul.CVS_item_6 {
  display: block;
  padding: 2% 0 0;
  width: 100%;
}

#contents_f ul.CVS_item_7, #contents_g ul.CVS_item_7{
  display: block;
  width: 100%;
}

.CVS_text {
  width: 55%;
}

.cvs_text_a {
    vertical-align: middle;
    color: #373737;
    font-size: 80%;
    text-align: center;
    padding-bottom: 3.7%;
}

.cvs_text_w70a {
  line-height: 108%;
  width: 70%;
}

.cvs_text_w37a {
  line-height: 108%;
  width: 37%;
}

.cvs_text_w100a {
  line-height: 108%;
  width: 100%;
}

.cvs_section {
    line-height: 0;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
	width: 79%;
}

.grid-wrapper {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 15px;
    margin-top: 0%;
    margin-bottom: 0%;
    text-align: center;
}

.grid-wrapper img {
    width: 100%;
}

.cvs_section_2 {
	position: relative;
  padding: 0 10%;
	text-align: justify;
}
.cvs_section_2:after {
	content: "";
	display: table;
	table-layout: fixed;
	clear: both;
}
.cvs_section_2 .cvs_section_item {
	width: 29.5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 6%;
	display: inline-block;
}
.cvs_section_2 .cvs_section_item:nth-child(3n+2){
	margin: 0 1%;
	vertical-align: top;
}
.cvs_section_2 .cvs_section_item img{
	width: 100%;
}

/* スマートピット決済について ################################## */
#description .pit_topic {
  background-color: #52285c;
  color: #fff;
  font-size: 110%;
  font-weight: bold;
  margin: 7% 0% 3.1% 0%;
  padding: 0.5% 0;
  position: relative;
  text-align: center;
}

#description ul.CVS_item {
    display: block;
    height: 100%;
    margin-top: 0.9%;
    width: 100%;
}

#description .text_box_3 {
    display: inline-block;
    font-size: 80%;
    padding: 0%;
    vertical-align: top;
    width: 72%;
}

#description .smartpitpit_card_img {
    display: inline-block;
    height: auto;
    margin-left: 3.7%;
    text-align: right;
    width: 22%;
}

#description .smartpitpit_card_img img {
    display: inline-block;
    width: 100%;
}

#description .text_box_2 {
    font-size: 80%;
    padding: 0%;
    vertical-align: middle;
}

#description ul.CVS_item_pit {
    display: inline-block;
    height: 100%;
    margin-top: 6%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
}

#description ul.CVS_item_pit li.CVS_thumb_pit {
    display: inline-block;
    width: 23%;
    margin-right: 3%;
}

#description div.pay_logo_img {
    padding-top: 6%;
    padding-right: 20%;
    padding-left: 20%;
    padding-bottom: 0;
    font-size: 0;
}

/* 楽天ペイでご購入 ################################## */
.rakuten_pay_card img {
    width: 90%;
    text-align: center;
}

.rakuten_pay_text {
    font-size: 80%;
    padding-bottom: 6%;
}

.rakuten_pay table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 60%;
    margin: 0 auto;
}

/* クレジット　GMO決済でご購入 ################################## */
#contents ul.amex_card_img, #contents ul.credit_card_img {
    text-align: center;
    font-size: 0;
    width: 100%;
    margin-bottom: 3%;
}

#contents ul.credit_card_img li:first-child, #contents ul.amex_card_img li:first-child {
    margin-left: 0;
}

#contents ul.credit_card_img li {
    display: inline-block;
    width: 30%;
    margin: 0 2%;
}

#contents ul li img {
    width: 100%;
    vertical-align: middle;
}

#contents ul.amex_card_img li {
    display: inline-block;
    width: 22%;
    margin: 0 2%;
}

#contents ul.amex_card_img li:last-child {
    margin-right: 0;
}

/* よくある質問 ################################## */
img.pay_point_img {
  margin: 0 auto;
  width: 80%;
}

ul.addordion_text_a_a, ul.accordion_text_a_a {
  border-top: 1px solid #e3e3e3;
  margin: 6% auto 0;
  width: 100%;
}

ul.accordion_text_a_b {
  margin: 6% auto 0;
  width: 100%;
}

li.addordion_text_a_a, li.accordion_text_a_a {
  color: #52285c;
  font-size: 110%;
  font-weight: bold;
  margin: 6% auto 0;
  width: 100%;
}

li.addordion_text_a_b, li.accordion_text_a_b {
  font-size: 100%;
  margin: 3.7% auto 0;
  width: 100%;
}

li.accordion_text_a_c {
    font-size: 80%;
    margin: 2.7% auto 0;
    width: 100%;
}

li.accordion_text_a_c_100p {
    font-size: 100%;
    margin: 2.7% auto 0;
    width: 100%;
}

li.accordion_text_a_h {
    margin-top: 7%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 4.3%;
    text-align: center;
}

.accordion_text_a_c a {
    text-decoration: underline;
}

h1 {
    display: block;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.4;
}

/* #SITE_NAME#とは ################################## */
#description, #description_2 {
    border-top: solid 1px #e3e3e3;
    position: relative;
}

#description .section_1 {
    margin-top: 6%;
}

#description div.section_head {
    padding-bottom: 6%;
}

#description div.section_head h2 {
    color: #52285c;
    font-size: 110%;
    font-weight: bold;
    padding: 0 4%;
}

#description .section_1 .u_img {
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 6%;
}

#description .section_1 .u_img img {
    border-radius: 2% 2% 2% 2%;
    border: 1px solid #acacac;
    display: inline-block;
    width: 100%;
}

#description p, #description_2 p {
    font-size: 80%;
    padding: 0 4%;
}

#description .comment {
    background-color: #f5f5f5;
    margin-top: 6%;
}

#description .accordion, #description_2 .accordion {
    border-bottom: 1px solid #e3e3e3;
}

#description .accordion_title, #description .accordion_title_2 {
    background-image: url(/m10/img/member/sm2019/img/arrow_down.png);
    background-size: 3.2%;
    background-repeat: no-repeat;
    background-position: 96%;
    color: #000;
    display: block;
    padding: 6% 0;
}

#description .accordion_title p {
    display: inline-block;
    color: #838383;
    font-size: 100%;
}

#description .accordion_contents {
    padding: 0 4% 8% 4%;
}

#description .accordion_img_area {
    background-color: #dbcdde;
    border-radius: 50%;
    display: inline-block;
    height: 46px;
    margin-top: 3px;
    margin-right: 0%;
    margin-left: 0;
    margin-bottom: 0;
    vertical-align: middle;
    width: 46px;
}

#description .accordion_img_area img {
    display: block;
    width: 100%;
}

#description .user_text_area {
    display: inline-block;
    vertical-align: top;
    width: 83.5%;
}

#description .user_name {
    font-size: 80%;
    font-weight: bold;
}

#description .user_text_img {
    padding-top: 2%;
    padding-left: 2%;
    width: 100%;
}

#description .user_text_img img {
    display: inline-block;
    width: 100%;
}

/* 使い方 ################################## */
#description .smartpit, #description .how_to {
    background-color: #f2f2f2;
    margin-top: 0%;
}

#description .accordion_title_3 {
    background-image: url(/m10/img/member/sm2019/img/arrow_down.png);
    background-size: 3.2%;
    background-repeat: no-repeat;
    background-position: 96%;
    background-color: #fff;
    color: #000;
    display: block;
    padding-top: 4.8%;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 4.8%;
}

#description .accordion_title_3.on {
    background-image: url(/m10/img/member/sm2019/img/arrow_up.png);
    background-size: 3.2%;
    background-repeat: no-repeat;
    background-position: 96%;
    background-color: #fff;
    color: #000;
    display: block;
    padding-top: 4.8%;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 4.8%;
}

#description .accordion_title_3 p {
    color: #52285c;
    display: inline-block;
    font-size: 100%;
    font-weight: bold;
    line-height: 130%;
}

#description .accordion_contents_3, #description_2 .accordion_contents_3 {
    border-top: 1px solid #e3e3e3;
    display: none;
    padding: 0% 4% 9.34% 4%;
}

.accordion_text_howto {
    font-size: 80%;
    color: #000;
    padding-top: 3.5%;
    padding-right: 15%;
    padding-left: 15%;
    padding-bottom: 4.3%;
}

.accordion_text_howto_100p {
    font-size: 100%;
    color: #000;
    padding-top: 3.5%;
    padding-right: 10%;
    padding-left: 10%;
    padding-bottom: 4.3%;
}

.accordion_text_howto_2 {
    font-size: 80%;
    color: #000;
    padding-top: 3.5%;
    padding-right: 15%;
    padding-left: 15%;
    padding-bottom: 0%;
}

.accordion_text_howto_2_100p {
    font-size: 100%;
    color: #000;
    padding-top: 3.5%;
    padding-right: 10%;
    padding-left: 10%;
    padding-bottom: 0%;
}

#description .pit_topic_2 {
    background-color: #52285c;
    color: #fff;
    font-weight: bold;
    font-size: 100%;
    margin-top: 7%;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 4.4%;
    padding-top: 0.7%;
    padding-right: 0%;
    padding-left: 0%;
    padding-bottom: 0.7%;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

/* 使い方 > 鑑定について ################################## */
p.how_to_text {
    font-size: 80%;
    margin: 6% auto 0;
    padding: 0% 4%;
}

ul.how_to_container {
    padding: 0% 4%;
}

li.how_to_text_a_h {
    margin-top: 7%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 4.3%;
    text-align: center;
}

li.how_to_text_a_h h1 {
    display: block;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.4;
}

li.how_to_text_a_h h1:before {
    background-image: url(/m10/img/member/sm2019/img/point_img.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 15px;
    margin-right: 2%;
    vertical-align: middle;
    width: 15px;
}

li.how_to_text_a_h h1:after {
    background-image: url(/m10/img/member/sm2019/img/point_img.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 15px;
    margin-left: 2%;
    vertical-align: middle;
    width: 15px;
}

li.how_to_text_a_c {
    font-size: 80%;
    margin: 3.7% auto 0;
    width: 100%;
}

ul.how_to_container img {
    vertical-align: middle;
    width: 100%;
}

#how_to_top_a, #telling_a {
  line-height: 0;
}

#how_to_top_b {
  background-color: #f2f2f2;
  line-height: 0;
}

#how_to_a {
    background-color: #f2f2f2;
    padding: 7% 4% 0% 4%;
}

#how_to_b {
    background-color: #f2f2f2;
    padding: 7% 4% 9.34% 4%;
}

ul.how_to_text_1 {
    margin: 0% auto;
    width: 100%;
}

ul.how_to_text_2 {
    border-top: 1px solid #e3e3e3;
    margin: 0% auto;
    width: 100%;
}

ul.how_to_text_2 img {
    width: 100%;
    vertical-align: middle;
}

li.how_to_text_a {
    color: #52285c;
    font-size: 110%;
    font-weight: bold;
    margin: 6% auto 0;
    width: 100%;
}

li.how_to_text_b {
    font-size: 80%;
    margin: 2.7% auto 0;
    width: 100%;
}

li.how_to_text_c {
    font-size: 100%;
    margin-top: 3.7%;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 9.34%;
    text-align: center;
    width: 100%;
}

li.how_to_text_d {
    font-size: 80%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 6%;
}

.pit_topic_3 {
    background-color: #d23249;
    color: #fff;
    font-weight: bold;
    font-size: 100%;
    margin: 0% 0% 3.1% 0%;
    padding-top: 0.7%;
    padding-right: 0%;
    padding-left: 0%;
    padding-bottom: 0.7%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.pit_topic_4 {
    background-color: #4d32d1;
    color: #fff;
    font-weight: bold;
    font-size: 100%;
    margin: 0% 0% 3.1% 0%;
    padding-top: 0.7%;
    padding-right: 0%;
    padding-left: 0%;
    padding-bottom: 0.7%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

/* インフォメーション ################################## */
#information {
    border-top: solid 1px #e3e3e3;
    position: relative;
}

#information div.info-img_area {
    border-radius: 50%;
    display: inline-block;
    margin-top: 3px;
    margin-right: 3%;
    margin-left: 0;
    margin-bottom: 0;
    vertical-align: middle;
}

#information div.info-img_area img {
    height: 2.5em;
    width: 2.5em;
}

#information div.info-contents_area {
    display: inline-block;
    height: 43px;
    vertical-align: top;
    width: 70%;
}

#information ul a li {
    border-bottom: solid 1px #eaeaea;
    font-size: 100%;
    padding: 0.95em;
    position: relative;
}
#information ul a .info_name {
    color: #000;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.4rem;
}

#information ul a .info_name_2 {
    color: #000;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.4rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 100%;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#information ul a li div.time {
    color: #1d6ee6;
    display: inline-block;
    float: right;
    font-weight: 600;
    font-size: smaller;
    vertical-align: top;
}

#information .info_text {
    color: #838383;
    font-size: 70%;
    font-weight: bold;
    padding-left: 16%;
    text-overflow: ellipsis;
}

div.more_link_btn {
    display: block;
    margin-bottom: 6% auto;
    text-align: center;
}

div.more_link_btn_a {
    display: block;
    margin: 6% auto;
    text-align: center;
}

#career_info {
    background-size: 100%;
    background-repeat: no-repeat;
    border-top: 1px solid #e3e3e3;
    padding: 0 4%;
}

#career_info .section_1 {
    padding: 6% 0;
}

#career_info .career_link {
    padding-top: 3.4%;
    text-align: center;
}

p.domain_text {
  font-size: 80%;
  letter-spacing: -1px;
  padding: 5% 0 2.5% 0;
  text-align: center;
  vertical-align: middle;
}

ul.carrer_area {
  margin: 0 auto;
  padding-bottom: 5%;
  position: relative;
  text-align: center;
  width: 100%;
}

li.career_logo {
    display: inline-block;
    padding: 2%;
  width: 25%;
}

li.domain_career_logo {
    display: inline-block;
    padding: 2%;
  width: 25%;
}

.career_logo {
    display: inline-block;
    padding: 2%;
  width: 28%;
}

img.career_logo_a {
    border: 1px solid #acacac;
    border-radius: 5px;
}

.career_logo img {
    border: 1px solid #acacac;
    border-radius: 5px;
  width: 100%;
}

.career_logo_2 {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.career_logo_2 img {
    width: 100%;
    display: block;
}

img.career_logo_b {
    border: 1px solid #acacac;
    border-radius: 50px;
  width: 100%;
}

img.career_logo_domain {
  width: 100%;
}

.logo_area {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 6%;
}

.career_text {
    font-size: 80%;
    text-align: center;
}

/* 占い師プロフィール ################################## */
.top_prof {
    background-size: 100%;
    display: block;
    text-align: center;
    position: relative;
    padding: 6% 1.5%;
}

.top_prof div.btn-back {
    float: left;
    margin: 0 auto;
    position: absolute;
}

.top_prof .btn-back a {
    border: solid 1px #acacac;
    border-radius: 3px;
    border-radius: 1.333333vw;
    content: url(/m10/img/member/sm2019/img/arrow_back.png);
    padding: 8px 12px;
    padding: 2.133333vw 3.2vw;
    text-decoration: none;
    vertical-align: middle;
    width: 8px;
    width: 2.12vw;
}

.teller_prof {
    text-align: center;
    padding-top: 3%;
}

.teller_prof img {
    width: 45%;
}

.prof_icon {
    position: absolute;
    top: 6%;
    right: 0%;
    width: 30%;
}

.prof_icon img {
    width: 40%;
}

.icon_text {
    font-size: 65%;
    font-weight: bold;
    letter-spacing: -0.5px;
}

div.title_link_btn {
    display: block;
    margin-top: 0%;
    padding: 0% 4%;
    text-align: center;
}

div.title_link_btn_2 {
		padding: 0% 4%;
    position: relative;
    text-align: center;
}

/* 機種変更について ################################## */
#description .kisyuhen, #description_2 .kisyuhen {
    background-color: #f2f2f2;
    margin: 0%;
}

#description .accordion_title_4, #description_2 .accordion_title_4 {
    background-image: url(/m10/img/member/sm2019/img/arrow_down.png);
    background-size: 3.2%;
    background-repeat: no-repeat;
    background-position: 96%;
    background-color: #fff;
    color: #52285c;
    display: block;
    padding-top: 3%;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 3%;
}
/*#description .accordion_title_3 {
    background-image: url(/m10/img/member/sm2019/img/arrow_down.png);
    background-size: 3.2%;
    background-repeat: no-repeat;
    background-position: 96%;
    background-color: #fff;
    padding-top: 4.8%;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 4.8%;
    color: #000;
    display: block;
}*/

#description .accordion_title_4.on, #description_2 .accordion_title_4.on {
    background-image: url(/m10/img/member/sm2019/img/arrow_up.png);
    background-size: 3.2%;
    background-repeat: no-repeat;
    background-position: 96%;
    background-color: #fff;
    color: #52285c;
    display: block;
    padding-top: 3%;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 3%;
}
/*#description .accordion_title_3.on {
    background-image: url(/m10/img/member/sm2019/img/arrow_up.png);
    background-size: 3.2%;
    background-repeat: no-repeat;
    background-position: 96%;
    background-color: #fff;
    padding-top: 4.8%;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 4.8%;
    color: #000;
    display: block;
}*/

#description .accordion_title_4 p, #description_2 .accordion_title_4 p, .section_head_title_a {
    color: #52285c;
    display: inline-block;
    font-size: 80%;
	font-weight: bold;
    line-height: 130%;
}

.section_head_title_b {
    color: #52285c;
    display: inline-block;
    /*font-size: 80%;*/
	font-weight: bold;
    line-height: 130%;
}

/*#description .accordion_title_3 p {
    display: inline-block;
    color: #52285c;
    font-weight: bold;
    line-height: 130%;
    font-size: 100%;
}*/

/*#contents div.section_head_2 h2 {
    font-size: 110%;
    font-weight: bold;
    color: #52285c;
}*/

#contents_2 p.text_box {
    padding-bottom: 6%;
}

/* ドメイン指定受信 ################################## */
#description_3 ul.domain_item {
    border-top: 1px solid #e3e3e3;
    display: block;
    margin-top: 0%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 9.34%;
    width: 100%;
}

#description_3 ul.domain_item li {
    display: inline-block;
    vertical-align: middle;
}

#description_3 ul.domain_item li.domain_thumb {
    margin-right: 4.5%;
    margin-top: 2.7%;
    width: 25%;
}

#description_3 ul.domain_item li.domain_thumb img {
    display: block;
    width: 100%;
}

#description_3 ul.domain_item li.domain_item_text {
    width: 68%;
    font-size: 80%;
}

#description_3 {
    background-color: #f2f2f2f2;
    border-bottom: 1px solid #e3e3e3;
}

.section_domain {
    padding-top: 6%;
    padding-right: 4%;
    padding-left: 4%;
    padding-bottom: 9.34%;
}

.top_text {
    padding: 0% 0% 6% 0%;
    text-align: center;
    font-size: 80%;
    font-weight: bold;
    color: #52285c;
}

ul.domain_text {
    border-top: 1px solid #e3e3e3;
    margin: 0% auto;
    width: 100%;
}

li.domain_text_a {
    color: #52285c;
    font-size: 110%;
    font-weight: bold;
    margin: 6% auto 0;
    width: 100%;
}

li.domain_text_b {
    font-size: 80%;
    margin: 2.7% auto 0;
    width: 100%;
}

li.domain_text_c {
    font-size: 100%;
    margin-top: 3.7%;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 9.34%;
    width: 100%;
    text-align: center;
}

li.domain_text_c img {
    width: 75%;
}

li.domain_text_d {
    font-size: 100%;
    margin-top: 3.7%;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0%;
    width: 100%;
    text-align: center;
}

li.domain_text_d img {
    width: 75%;
}

li.domain_text_e {
    font-size: 80%;
    margin: 2.7% auto 9.34%;
    width: 100%;
}

/* 人気占い師ランキング ################################## */
#contents .uranaishi-list {
    margin-bottom: 3.9%;
}

#contents a.ranking_link {
    background-image: url(/m10/img/member/sm2019/img/arrow_right.png);
    background-size: 2%;
    background-repeat: no-repeat;
    background-position: right;
    display: block;
    text-decoration: none;
    color: #000;
}

#contents .uranaishi-list a {
    text-decoration: none;
}

#contents .uranaishi_img {
    display: inline-block;
    height: 15%;
    vertical-align: middle;
    width: 15%;
}

#contents .uranaishi-ranking img {
    border-radius: 50%;
    background-position: top center;
    background-size: cover;
}

#contents .ranking_text-area {
    display: inline-block;
    height: auto;
    line-height: 1.3;
    margin-left: 4%;
    vertical-align: middle;
    width: 70%;
}

#contents .ranking_no {
    color: #666;
    font-size: 80%;
    font-weight: 400;
  line-height: 1.5;
    margin: 0 0 0.5em 0;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

#contents .ranking_text-area .uranaishi-name {
  color: #000;
    font-size: 80%;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

/*****************************************************
*** under_menu ***
*****************************************************/
#profile {
  background-color: #fff;
  overflow: hidden;
}

.profile_set {
  margin: 0 auto;
  width: 100%;
}

#profile .list_link_a .list_item_a .list_a {
	background-image: url(/m10/img/member/sm2019/img/arrow_right.png);
	background-size: 2%;
	background-repeat: no-repeat;
	background-position: right;
	color: #000;
	display: block;
	font-size: 80%;
    text-align: left;
}

#profile .list_link_b .list_item_b .list_b {
	color: #000;
	display: block;
	font-size: 80%;
	text-align: left;
}

.list {
  background-color: #fff;
  border-top: 1px solid #e3e3e3;
}

.list_aa {
  background-color: #fff;
}

.list_ab {
  background-color: #fff;
  border-top: 1px solid #e3e3e3;
}

.list_link_a .list_item_a {
  padding: 4% 3.7%;
}

.list_link_b .list_item_b {
  padding: 4% 3.7%;
}

.list_text_a_a {
  font-weight: bold;
  width: 30%;
}

.list_text_b_a {
	border: none;
	float: right;
	font-weight: bold;
	margin: 0 5.5% 0 0;
	text-align: right;
	width: 50%;
}
.list_text_b_a::placeholder {
    text-align:right;
}

.list_text_b_b {
	background-image: none;
	border: none;
	float: right;
	font-weight: bold;
	margin: -2% 5.5% 0 0;
	text-align: right;
	width: 50%;
}

.atmark_a {
	left: 55%;
	position: relative;
}

.point_box_a {
  background-color: #fff;
  font-size: 80%;
  margin: 2.5% auto 0;
  padding: 1% 2%;
  text-align: center;
  width: 73.5%;
}

/*****************************************************
*** 共通_下側メニュー ***
*****************************************************/
#menu {
  background-color: #fff;
}

#menu .title {
  border-bottom: 1px solid #e3e3e3;
  font-size: 110%;
  text-align: center;
  padding: 1em 0;
}

#menu .menu_link .menu_item {
  border-top: 1px solid #e3e3e3;
  padding: 4.8% 4.27%;
}

#menu .menu_link .menu_item .menu_a {    
  background-image: url(/m10/img/member/sm2019/img/arrow_right.png);
  background-size: 2%;
  background-repeat: no-repeat;
  background-position: right;
  /*color: #52285c;*/
  display: block;
  font-size: 100%;
  font-weight: bold;
}

#menu .menu_link .menu_item_b {
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  padding: 4.8% 4.27%;
}

#menu .menu_link .menu_item_b .menu_a {    
  background-image: url(/m10/img/member/sm2019/img/arrow_right.png);
  background-size: 2%;
  background-repeat: no-repeat;
  background-position: right;
  /*color: #52285c;*/
  display: block;
  font-size: 100%;
  font-weight: bold;
}

#f_menu {
  background-color: #fff;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}

#f_menu .title {
  border-bottom: 1px solid #e3e3e3;
  font-size: 110%;
  text-align: center;
  padding: 1em 0;
}

#f_menu .f_menu_link .f_menu_item {
  padding: 3.2% 4.27%;
}

#f_menu .f_menu_link .f_menu_item .f_menu_a {    
  background-image: url(/m10/img/member/sm2019/img/arrow_right.png);
   background-size: 2%;
  background-repeat: no-repeat;
  background-position: right;
  color: #000;
  display: block;
  font-size: 80%;
}

#f_menu .f_menu_link .f_menu_item_b {
  border-bottom: 1px solid #e3e3e3;
  padding: 3.2% 4.27%;
}

#f_menu .f_menu_link .f_menu_item_b .f_menu_a {    
  background-image: url(/m10/img/member/sm2019/img/arrow_right.png);
   background-size: 2%;
  background-repeat: no-repeat;
  background-position: right;
  color: #000;
  display: block;
  font-size: 80%;
}

/*****************************************************
*** 共通_下側メニュー ***
*****************************************************
#f_menu {
  background-color: #fff;
  font-weight: 300;
  border-top: 1px solid #e3e3e3;
}
#f_menu .title {
  border-bottom: 1px solid #e3e3e3;
  font-size: 4.26666vw;
  text-align: center;
  padding: 1em 0;
}

#f_menu .f_menu_link .f_menu_item .f_menu_a {    
  background-image: url(/m10/img/member/sm2019/img/arrow_right.png);
  background-size: 2%;
  background-repeat: no-repeat;
  background-position: 97% 50%;
  border-bottom: 1px solid #e3e3e3;
  color: #000;
  display: block;
  font-size: 80%;
  padding: 2.5% 0 2.5% 4%;
}

.f_menu_item {
  background-size: 100%;
  background-repeat: no-repeat;
}*/

/*****************************************************
*** space ***
*****************************************************/
.space_a {
  background-color: #f9f9f9;
  height: 9px;
  margin: 0 auto;
  width: 100%;
}

.space_b {
  margin: 0 auto;
  width: 100%;
}

.space_a_top {
  background-color: #f9f9f9;
  border-top: 1px solid #e3e3e3;
  height: 9px;
  margin: 0 auto;
  width: 100%;
}

.space_a_bottom {
  background-color: #f9f9f9;
  border-bottom: 1px solid #e3e3e3;
  height: 9px;
  margin: 0 auto;
  width: 100%;
}

.space_a_top_bottom {
  background-color: #f9f9f9;
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  height: 9px;
  margin: 0 auto;
  width: 100%;
}

/*****************************************************
*** footer　***
*****************************************************/
/*footer {
  border-top: solid 1px #e3e3e3;
  background-color: #fff;
}*/

.footer-banner {
  margin: 0;
  padding: 20px;
  text-align: center;
}

/*footer img {
  width: 70%;
}*/

footer img.img_a {
  margin: 0% 0% 3% 0%;
  width: 70%;
}

footer img.img_b {
  width: 70%;
}

footer .footer-banner {
  margin: 0;
  padding: 20px;
  text-align: center;
}

.footer-site-name {
  padding: 19px 0;
  background-color :#52285c;
  text-align: center;
  color:#fff;
  font-size: 80%;
  font-weight: bold;
}

#footer {
  margin: 0;
}

.footer-site-name_bottom {
  padding: 19px 0;
  background-color :#52285c;
  text-align: center;
  color:#fff;
  font-size: 80%;
  font-weight: bold;
}
/*****************************************************
*** 2019.09.19 料金改定による追加　***
*****************************************************/
p.title_text_a {
    font-size: 100%;
    padding-top: 12px;
    padding-top: 3.2vw;
    margin: 6% 4%;
    text-align: left;
    vertical-align: middle;
}
.text_blue_b {
    color: #0030ff;
    font-weight: bold;
}
#contents_i {
    border-top: 1px solid #e3e3e3;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 0;
}
li.accordion_text_a_d {
    font-size: 100%;
    margin: 6% auto;
    width: 100%;
}
li.accordion_text_a_i {
    font-size: 100%;
    margin: 2.7% auto 0;
    width: 100%;
}

.main_topic_a{
	font-size: 120%;
	font-weight: 900;
	margin: 0 auto 5%;
	text-align: center;
	width: 100%;
}

a.red {
    color: #db0336;
    cursor: pointer;
    text-decoration: underline;
}

a.red_bold {
    color: #db0336;
    cursor: pointer;
	font-weight: bold;
    text-decoration: underline;
}

.main_topic_a a:link { color:#db0336; }
.main_topic_a a:visited { color:#db0336; }
.main_topic_a a:hover { color:#db0336; }
.main_topic_a a:active { color:#db0336; }