@charset "UTF-8";


/* sp_pages CSS */
.anchor {
  margin-top: -5px;
  /*background: #f6fbff;*/
  background: #eee;
  padding: 10px 0;
}
.anchor li {
  display: block;
  padding: 12px 4.68%;
  font-size: 13px;
}
.anchor li a {
  background: url("../images/common/icon_anchor.gif") 2px center no-repeat;
  padding: 1px 0 0 20px;
  margin-right: 10px;
  color: #106f9f;
  text-decoration: none;
  display: block;
}

.red, .sup_ {
  font-weight: bold;
  color: #db5652;
}

.black2 {
  font-weight: bold;
  color: #000;
}

.page_2 .common_headline1_,
.page_4 .common_headline1_,
.page_5 .common_headline1_,
.page_7 .common_headline1_,
.page_8 .common_headline1_,
.page_9 .common_headline1_,
.page_10 .common_headline1_,
.page_21 .common_headline1_,
.page_error .common_headline1_,
.page_sns_policy .common_headline1_ {
  margin-top: 20px;
  background: #FFFFFF;
}
.page_2 .common_headline1_ img,
.page_4 .common_headline1_ img,
.page_5 .common_headline1_ img,
.page_7 .common_headline1_ img,
.page_9 .common_headline1_ img,
.page_10 .common_headline1_ img,
.page_21 .common_headline1_ img,
.page_error .common_headline1_ img,
.page_sns_policy .common_headline1_ img {
  width: 100% !important;
  height: 30px;
  display: block;
}

.page_4 .common_headline1_ img,
.page_5 .common_headline1_ img,
.page_7 .common_headline1_ img,
.page_10 .common_headline1_ img,
.page_guideline .common_headline1_ img {
  width: auto !important;
  height: 30px;
  display: block;
}
.page_8 .common_headline1_ img{
width: auto !important;
  height: 60px;
  display: block;
}

.sp_btn_img img {
  width: 100%;
}

/* 2.html - コードをお持ちの方 - */
.doctortop {
  width: 100%;
}
.doctortop .sup_ {
  font-size: 12px;
  vertical-align: super;
}
.doctortop p {
  padding: 0 4.68% 15px;
  font-size: 13px;
  line-height: 1.6em;
}
.doctortop h3, .doctortop h4 {
  font-size: 14px;
  line-height: 1.6em;
}
.doctortop h2 {
  padding: 0 4.68% 10px;
  font-size: 16px !important;
  color: #0064B4;
  font-weight: bold;
  margin-top: 35px;
  margin-bottom: 10px;
  line-height: 1.4em;
}
.doctortop .red, .doctortop .sup_ {
  font-weight: bold;
  color: #e95654;
}
.doctortop div.att {
  border-top: 1px solid #ffe4db;
  /*background: #fff7f4;*/
  background: #ffebe3;
  padding: 20px 4.68%;
  margin: 0;
}
.doctortop div.att > p {
  padding: 10px;
  background: #ffebe3;
}
.doctortop div.att > p strong {
  font-weight: bold;
  color: #e95654;
  text-indent: 120%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  background: url(../images/doctor/doctor_attention.gif) center top no-repeat #ffebe3 !important;
  padding: 30px 0 0;
}
.doctortop div.att ul {
  padding: 0px 2% 0;
}
.doctortop div.att ul li {
  font-size: 13px;
  line-height: 1.6em;
  margin-bottom: 1em;
  margin-left: 1em;
  text-indent: -1em;
}
.doctortop div.att ul li a {
  color: #ef907b;
  text-decoration: none;
}
.doctortop div.att ul ul {
  margin-left: 0.5em;
}
.doctortop div.att div {
  color: #db5652;
  margin-top: 20px;
}
.doctortop .anchor {
  border-bottom: 1px solid #ffe4db;
  /*background: #faf8f9;*/
  background: #f7f2f5;
  text-align: center;
  padding: 20px 0 15px;
}
.doctortop .anchor img {
  width: 260px;
  height: auto;
}
.doctortop .cf a {
  color: #049fe0;
}
.doctortop .cf ul.attention {
  margin-top: 20px;
}
.doctortop .cf ul.attention li {
  line-height: 1.4;
  margin-top: 6px;
  margin-left: 1em;
  text-indent: -1em;
}
.doctortop .items img {
  width: 290px;
  height: auto;
}
.doctortop .items ul {
  padding: 0px 4%;
}
.doctortop .items ul li {
  font-size: 13px;
  line-height: 1.6em;
  margin-top: 10px;
}
.doctortop .items p {
  clear: both;
  margin-bottom: 0;
  padding-bottom: 0;
}
.doctortop ol {
  display: table;
  padding: 0 4.68%;
}
.doctortop ol li {
  display: table-row;
  padding-bottom: 10px;
}
.doctortop ol li img {
  margin-top: 15px;
}
.doctortop ol li p {
  display: table-cell;
  vertical-align: top;
  padding: 20px 0 10px 5px;
}
.doctortop ul.att {
  padding: 0 4.68%;
}
.doctortop ul.att li {
  font-size: 13px;
  line-height: 1.6em;
  text-indent: -1em;
  margin: 0 0 1em 1em;
}
.doctortop ul.att li a {
  color: #049fe0;
}
.doctortop #codebox {
  border: solid 5px #f1f5fa;
  padding: 30px 10px;
  width: 96%;
  margin: 20px auto 0;
}
.doctortop #codebox .inner h3 img {
  width: 90%;
}
.doctortop #codebox .inner h3, .doctortop #codebox .inner p {
  text-align: center;
  margin-bottom: 12px;
  font-size: 14px !important;
}
.doctortop #codebox .inner form {
  width: 100%;
  margin: auto;
  text-align: center;
  padding: 4px 3px;
  position: relative;
}
.doctortop #codebox .inner form input[type="text"] {
  width: 100%;
  padding: 0 10px;
  height: 50px;
  line-height: 40px;
  border: 2px solid #dde2e4;
}
.doctortop #codebox .inner form input[type="image"] {
  width: auto;
  height: 54px;
  margin: 15px auto 0;
}
.doctortop #codebox .inner form .placeholder {
  color: #999999;
  font-size: 13px;
  display: inline-block;
  overflow: hidden;
  position: absolute;
  z-index: 2;
  top: 4px;
  left: 14px;
  line-height: 40px;
}

/* 4.html - ご利用ガイド - */
.ffflgon_ table.norm td {
  width: 50%;
}

.guidetop {
  width: 100%;
  padding: 15px 3%;
}
.guidetop h2 {
  font-size: 16px !important;
  color: #0064B4;
  font-weight: bold;
  padding-top: 15px;
  margin-top: 30px;
  margin-bottom: 15px;
}
.guidetop h3 {
  font-size: 14px !important;
  font-weight: bold;
  /*background: url('../images/common/icon_circle.gif') 3px 15px no-repeat;*/
  background: #dff1fa;
  padding: 10px 0 10px 15px;
  margin-bottom: 12px;
}
.guidetop p {
  font-size: 13px !important;
  padding-left: 3px;
  line-height: 1.6em;
  margin-bottom: 2em;
  color: #666;
}
.guidetop p span {
  font-weight: bold;
}
.guidetop ul {
  margin-bottom: 1.2em;
}
.guidetop ul li {
  font-size: 14px !important;
  margin-bottom: 0.8em;
  line-height: 1.6em;
  margin-left: 1em;
  text-indent: -1em;
}
.guidetop img.cards {
  width: 91%;
  height: auto;
}
.guidetop table.norm.wauto th {
  line-height: 1.6em;
}
.guidetop table.norm.wauto td {
  width: 50%;
}
.guidetop .contactarea {
  background: #dff1fa;
  padding: 30px 3.68% 18px;
  margin-top: 28px;
}
.guidetop .contactarea h3 {
  line-height: 1.6em;
  padding: 0;
  text-align: center;
}
.guidetop .contactarea h3 span {
  display: block;
  font-size: 14px;
}
.guidetop .contactarea ul {
  overflow: hidden;
}
.guidetop .contactarea ul li {
  margin: 10px auto 0;
  text-align: right;
}
.guidetop .contactarea ul li img {
  width: 100%;
  height: auto;
  border: solid 1px #ddd;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
.guidetop .contactarea p {
  padding: 0 0 0 0px;
  background: none;
}
.guidetop .contactarea p a {
  color: #049fe0;
  font-size: 13px;
  padding-left: 18px;
  text-decoration: none;
  background: url("../images/common/icon_arrow_bl.png") 3px 2px no-repeat;
}
.guidetop #tel {
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.guidetop #tel p {
  font-size: 11px !important;
  ccolor: #888;
}
.guidetop #tel p img {
  width: 90%;
  height: auto;
}
.guidetop #tel p.comment {
  margin-top: 30px;
  line-height: 1.6em;
}
.guidetop #tel a {
  padding: 0;
  background: none;
}

.page5_btn {
  text-align: center;
}

/* 4.html - ご利用ガイド↑ - */
/* 5.html - q&a - */
#anc02,
#anc03,
#anc04,
#anc05,
#anc06,
#anc07,
#anc08 {
  margin-top: 50px;
}

.spfaqtop .common_headline2_ {
  font-size: 16px !important;
  color: #0064B4;
  font-weight: bold;
  border-bottom: 2px solid #E2E2E2;
  padding: 10px 4.68%;
  margin-top: 30px;
}
.spfaqtop h3, .spfaqtop p {
  font-size: 13px !important;
  background: transparent;
}
.spfaqtop h3 {
  background: url("../images/faq/icon_q.png") 15px 25px no-repeat;
  padding: 24px 20px 24px 60px;
  cursor: pointer;
  line-height: 1.6em;
  border-bottom: 1px solid #dbddeb;
}
.spfaqtop h3:hover {
  background-color: #ebf6fc;
}
.spfaqtop div {
  background: url("../images/faq/icon_a.png") 15px 12px no-repeat #fff5f1;
  padding: 10px 20px 18px 60px;
  line-height: 2;
  display: none;
}
.spfaqtop div a {
  color: #049fe0;
}

/* 5.html↑ - q&a - */
/* 7.html - 会社概要 - */
.corptop {
  padding-bottom: 20px;
}
.corptop .common_headline3_ {
  font-size: 14px !important;
  color: #0064B4;
  font-weight: bold;
  border-top: 1px solid #E2E2E2;
  background: #dff1fa;
  padding: 10px 4.68%;
}
.corptop p {
  padding: 18px 4.68% 18px;
  font-size: 14px;
  color: #888;
  line-height: 1.6em;
}

/* 8.html - 特定商取引法- */
.lawtop p {
  padding: 18px 4.68% 18px;
  font-size: 13px;
  color: #888;
  line-height: 1.6em;
}
.lawtop p a {
  color: #049fe0;
  text-decoration: none;
}
.lawtop p.pages_8 {
  padding-top: 0;
}
.lawtop .common_headline3_ {
  font-size: 14px !important;
  color: #0064B4;
  font-weight: bold;
  border-top: 1px solid #E2E2E2;
  background: #dff1fa;
  padding: 10px 4.68%;
}

/* 9.html - プライバシー - */
.privacytop h2 {
  font-size: 15px !important;
  color: #0064B4;
  font-weight: bold;
  padding: 10px 4.68% 0;
  margin-top: 30px;
  margin-bottom: 10px;
}
.privacytop h3 {
  font-size: 14px !important;
  line-height: 1.6em;
  padding: 10px 4.68% 0;
  font-weight: bold;
  margin-top: 10px;
}
.privacytop h4 {
  font-size: 14px !important;
  line-height: 1.6em;
  padding: 10px 4.68%;
  font-weight: bold;
  margin-top: 20px;
  color: #0064B4;
}
.privacytop p {
  padding: 5px 4.68%;
  font-size: 13px !important;
  line-height: 1.6em;
}
.privacytop p a {
  color: #049fe0;
  text-decoration: none;
}
.privacytop ol {
  padding: 0 4.68%;
  list-style: none;
}
.privacytop ol li {
  font-size: 13px;
  line-height: 1.6em;
  margin-bottom: 1em;
}
.privacytop ol li a {
  color: #049fe0;
  text-decoration: none;
}
.privacytop ul > li {
  font-size: 13px;
  font-weight: bold;
  padding: 20px 4.68%;
  line-height: 1.6em;
}
.privacytop ul ol.norm {
  padding: 0 0 0 15px;
}

/* 9.html - プライバシー↑ - */
/* 10.html - 利用規約 - */
.ruletop h2 {
  font-size: 16px !important;
  color: #0064B4;
  font-weight: bold;
  padding: 10px 4.68% 0px;
  margin-top: 15px;
  line-height: 1.3em;
}
.ruletop h2.common_headline2_ {
  margin-bottom: 15px;
}
.ruletop h3 {
  font-size: 15px !important;
  line-height: 1.6em;
  padding: 10px 4.68%;
}
.ruletop h4 {
  font-size: 13px !important;
  margin: 15px 4.68% 12px;
  line-height: 1.5;
}
.ruletop p {
  font-size: 13px !important;
  line-height: 1.6em;
  padding: 0 4.68% 10px;
}
.ruletop li {
  font-size: 13px !important;
  line-height: 1.6em;
  margin-left: 4.68%;
  margin-right: 4.68%;
  margin-bottom: 10px;
}
.ruletop ol {
  padding-left: 20px;
  margin-bottom: 10px;
}
.ruletop ol li ol {
  padding-left: 0px;
  margin-top: 10px;
  margin-bottom: 25px;
}
.ruletop ol li ol li {
  list-style: none;
  margin-top: 10px;
  margin-left: 1.5em;
  margin-right: 0;
  text-indent: -1.5em;
}
.ruletop ol li ol.pages_10 li {
  text-indent: -2.5em;
}
.ruletop ol li a {
  color: #049fe0;
}
.ruletop ol.single_ li {
  list-style: none;
  margin-left: 1.4em;
  text-indent: -1.4em;
}
.ruletop ul li a {
  word-break: break-all;
}

h2.common_headline1_ {
  text-indent: 120%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  background: url(../images/rule/rule_web.gif) 13px bottom no-repeat !important;
  padding: 10px 0 0;
  margin-top: 40px;
}

h2.common_headline2_.pages_10 {
  margin-top: -10px;
}

h3.common_headline2_ {
  font-weight: bold;
  color: #0064B4;
  margin-top: 15px;
}

/* 10.html - 利用規約↑ - */
/* 21.html - 使用上の注意 - */
.wrapper_ {
  width: 100％;
}

.common_headline1_.pages_21 {
  text-indent: 120%;
  overflow: hidden;
  white-space: nowrap;
  background: url(../images/sp/topic/t_00.gif) no-repeat 8px center;
  background-size: 100% auto;
  width: 100%;
  height: 60px;
  display: block;
}

.topiclist_body_ {
  width: 100%;
  margin: auto;
}
.topiclist_body_ .user_notice_ {
  padding: 0 2.85%;
}
.topiclist_body_ .user_notice_ li {
  font-size: 14px !important;
  line-height: 1.6em;
  margin-bottom: 1em;
  text-indent: -1em;
  margin-left: 1em;
}
.topiclist_body_ .user_notice_ li.num_ {
  color: #0064B4;
  font-weight: bold;
  background: #fdfdfd;
  padding-left: 1em;
}

/* 21.html - 使用上の注意↑ - */
/* sp_error CSS */
.doctorerror {
  width: 100%;
  padding: 0 3%;
  margin-bottom: 10px;
}
.doctorerror p {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.doctorerror p.error {
  padding: 0 2.68%;
}
.doctorerror .att {
  width: 90%;
  background: #feefea none repeat scroll 0 0;
  border: 1px solid #ffe4db;
  margin: 15px auto 30px;
  padding: 10px 3%;
}
.doctorerror .att ul li {
  font-size: 13px;
  line-height: 1.3;
  margin: 6px auto;
  color: #db5652;
  position: relative;
  margin-left: 1em;
}
.doctorerror .back {
  width: 100%;
  height: 45px;
  margin: 0 auto;
}
.doctorerror .back a {
  width: 100%;
  height: 45px;
  line-height: 45px;
  display: block;
  text-align: center;
  font-weight: bold;
  color: #fff;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  text-decoration: none;
  background: #4997c5;
}
.doctorerror .contact {
  background: #f6fbff none repeat scroll 0 0;
  margin-top: 25px;
  padding: 20px 3%;
  overflow: hidden;
}
.doctorerror .contact h2 {
  color: #0064B4;
  font-size: 14px;
  margin-bottom: 20px;
  font-weight: bold;
  line-height: 1.4;
}
.doctorerror .contact .mail {
  margin-bottom: 15px;
}
.doctorerror .contact .mail a {
  display: block;
}
.doctorerror .contact .mail a img {
  width: 100%;
}
.doctorerror .contact .tel h3 {
  font-weight: bold;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 10px;
}
.doctorerror .contact .tel p img {
  margin-bottom: 10px;
}
.doctorerror .contact .tel p {
  font-size: 13px;
  background: #f6fbff none repeat scroll 0 0;
}
.doctorerror .contact .tel p a {
  display: block;
}
.doctorerror .contact .tel p a img {
  width: 100%;
}

/* sp_sns_policy.html - ソーシャルメディアポリシー↓ - */
.sns_policy h2 {
  font-size: 15px !important;
  font-weight: bold;
  line-height: 1.6;
  color: #0064B4;
  padding: 10px 4.68% 0;
  margin-top: 30px;
  margin-bottom: 10px;
}
.sns_policy h3 {
  font-size: 14px !important;
  line-height: 1.6em;
  padding: 10px 4.68% 0;
  font-weight: bold;
  margin-top: 10px;
}
.sns_policy h4 {
  font-size: 14px !important;
  line-height: 1.6em;
  padding: 0px 4.68% 5px;
  font-weight: bold;
  margin-top: 20px;
  color: #0064B4;
}
.sns_policy p {
  padding: 5px 4.68%;
  font-size: 13px !important;
  line-height: 1.6em;
}
.sns_policy p a {
  color: #049fe0;
  text-decoration: none;
}
.sns_policy ol {
  padding: 10px 4.68% 0;
  list-style: none;
}
.sns_policy ol li {
  font-size: 13px;
  line-height: 1.6em;
  margin-bottom: 1em;
}
.sns_policy ol li a {
  color: #049fe0;
  text-decoration: none;
}
.sns_policy ul > li {
  font-size: 13px;
  padding: 10px 4.68% 0;
  line-height: 1.6em;
  margin-left: 1em;
  text-indent: -1em;
}

/* sp_sns_policy.html - ソーシャルメディアポリシー↑ - */
/* sp_guideline.html - コミュニティガイドライン↓ - */
.sp_guideline a {
  word-break: break-all;
}
.sp_guideline h2 {
  font-size: 15px !important;
  font-weight: bold;
  line-height: 1.6;
  color: #0064B4;
  padding: 10px 4.68% 0;
  margin-top: 30px;
  margin-bottom: 10px;
}
.sp_guideline h3 {
  font-size: 14px !important;
  line-height: 1.6em;
  padding: 10px 4.68% 0;
  font-weight: bold;
  margin-top: 10px;
}
.sp_guideline p {
  padding: 5px 4.68%;
  font-size: 13px !important;
  line-height: 1.6em;
}
.sp_guideline p a {
  color: #049fe0;
  text-decoration: none;
}
.sp_guideline ol {
  padding: 10px 4.68% 0;
  margin-left: 1.8em;
  list-style: none;
}
.sp_guideline ol li {
  font-size: 13px;
  line-height: 1.6em;
  margin-bottom: 1em;
  text-indent: -1.8em;
}
.sp_guideline ol li a {
  color: #049fe0;
  text-decoration: none;
}
.sp_guideline ul > li {
  font-size: 13px;
  padding: 10px 4.68% 0;
  line-height: 1.6em;
  margin-left: 1em;
  text-indent: -1em;
}
.sp_guideline .division {
  display: none;
}
.sp_guideline .date {
  margin-top: 4em;
}

/* sp_guideline.html - コミュニティガイドライン↑ - */
.left_pad {
  padding: 0 0 0 10px;
}

.order-product-guide-text-wrap { margin: 40px 4.68%; display: flex; justify-content: center; align-items: center;}
.order-product-guide-text-wrap .order-product-guide-text { text-align: left;}
.order-product-guide-text-wrap .order-product-guide-text li { text-align: left; font-size: 12px; line-height: 1.8;}
.order-product-guide-text-wrap .order-product-guide-text li a { font-size: 12px; color: #0064B4; text-decoration: underline;}

.regular-check-text-wrap { margin: 10px auto 0; display: flex; justify-content: center; align-items: center;}
.regular-check-text-wrap.box { margin: 10px 4.6875% 20px;}
.regular-check-text-wrap ul { text-align: left;}
.regular-check-text-wrap li { padding-left: 1em; margin: 0 !important; text-indent: -1em; text-align: left; font-size: 12px; line-height: 1.4;}
.regular-check-text-wrap li.regular-check-link { margin-top: 5px !important;}
.regular-check-text-wrap li a { font-size: 12px; color: #0064B4; text-decoration: underline;}

.pre_box_text_wrap { margin: 10px auto;}
.pre_box_text_wrap ul { text-align: left;}
.pre_box_text_wrap li { padding-left: 1em; margin: 0 !important; text-indent: -1em; text-align: left; font-size: 12px; line-height: 1.4;}
.pre_box_text_wrap li.regular-check-link { margin-top: 5px !important;}
.pre_box_text_wrap li a { font-size: 12px; color: #0064B4; text-decoration: underline;}