@charset "utf-8";

/*  Inpage Common
-----------------------------------------------------------------------------*/
.btitle {
  font-size: 20px;
  font-weight: normal;
  padding: 15px;
  border-top: solid 2px #ff4075;
  border-bottom: solid 1px #e5e5e5;
}

/*  Info
-----------------------------------------------------------------------------*/
/*  info --------------------------------*/
#info .box {
  padding: 30px 0 0;
  width: 730px;
  overflow: hidden;
}

#info .box ul { width: 780px; }

#info .box ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#info .box li { float: left; }

#info .col3 {
  padding-bottom: 30px;
  border-bottom: solid 1px #e5e5e5;
}

#info .col3 li { padding-right: 35px; }

#info .col3 li img {
  width: 220px;
  height: auto;
}

#info .col2 li { padding: 0 50px 30px 0; }

#info .col2 li img {
  width: 340px;
  height: auto;
}

#info .sp { display: none; }

#info .wrap {
  margin: 0 0 40px;
  padding: 15px;
  background: #FFF9FB;
}

#info .wrap ul {
  box-sizing: border-box;
  padding: 10px;
  border: solid 1px #fde4ec;
  width: 100%;
  background: #fff;
}

#info .wrap ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#info .wrap li { float: left; }

#info .wrap li a {
  text-decoration: none;
  padding: 5px 20px 5px 20px;
  display: block;
  position: relative;
}

#info .wrap li a:before {
  font: normal normal normal 10px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #BEBEBE;
  top: 8px;
  left: 10px;
  content: "\f0da";
  position: absolute;
}

#info .telbox { padding-bottom: 30px; }
#info .telbox span { color: #666; }

#info .contact_press {
  margin: 0 0 30px;
  padding: 15px;
  background: #f5f5f5;
}

#info .contact_press dt {
  font-size: 16px;
  font-weight: bold;
  padding: 0 5px 10px;
}

#info .contact_press dd {
  box-sizing: border-box;
  padding: 10px 20px 10px 340px;
  border: solid 1px #ccc;
  width: 100%;
  background: #fff;
  position: relative;
}

#info .contact_press .freetel {
  font-size: 30px;
  top: 8px;
  left: 20px;
  position: absolute;
}

#info .contact_press .freetel span {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  color: #fff;
  line-height: 24px;
  vertical-align: top;
  margin: 9px 5px 0 0;
  padding: 2px 5px;
  display: inline-block;
  background: #ff4075;
}

#info .contact_press .time { color: #ff4075; }

/*  Soundness --------------------------------*/
#info_soundness .c_wrapper {
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(89%, #f3f3f3), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #ffffff 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #ffffff 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 89%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

#info_soundness .intro_box {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  text-align: center;
  padding: 25px 0 40px;
}

#info_soundness .intro_box p {
  font-size: 18px;
  color: #00ccff;
  line-height: 26px;
  text-align: left;
  margin: 0 auto;
  padding: 35px 0 53px;
  width: 400px;
}

#info_soundness .dl_box {
  border-radius: 12px;
  margin: 0 142px;
  padding: 20px 20px 20px 25px ;
  background: #00ccff;
  position: relative;
}

#info_soundness .dl_box p {
  color: #fff;
  padding: 0 100px 0 0;
}

#info_soundness .dl_box a {
  border-radius: 20px;
  color: #000;
  text-align: center;
  text-decoration: none;
  margin: 10px 120px 0;
  padding: 5px 10px 5px 35px;
  display: block;
  background: #fff;
  position: relative;
}

#info_soundness .dl_box a:before {
  width: 17px;
  height: 17px;
  top: 8px;
  left: 30px;
  background: url(../../../info/soundness/img/icon_arrow.png) no-repeat;
  background-size: 100%;
  content: "";
  position: absolute;
}

#info_soundness .dl_box a:hover {
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

#info_soundness .dl_box img.pic {
  top: -10px;
  right: 20px;
  position: absolute;
}

#info_soundness .box_point {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  margin: 0 auto;
  width: 670px;
}

#info_soundness .box_point dt {
  font-size: 20px;
  color: #00ccff;
  line-height: 28px;
  padding: 75px 0 0;
}

#info_soundness .box_point ul { padding: 0 0 0 20px; }

#info_soundness .box_point li {
  font-size: 20px;
  line-height: 27px;
  text-indent: -10px;
  padding: 10px 0 10px 10px;
}

#info_soundness .sign_box {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 20px;
  line-height: 34px;
  text-align: center;
  padding: 70px 0 0;
}

#info_soundness .last_box {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  text-align: center;
  padding: 70px 0 100px;
}

#info_soundness .last_box p {
  font-size: 16px;
  color: #00ccff;
  line-height: 26px;
  text-align: left;
  margin: 0 auto;
  padding: 45px 0 0;
  width: 454px;
}

/*  Webpolicy
-----------------------------------------------------------------------------*/
#webpolicy .box01 { padding: 0 30px 50px; }

#webpolicy .box01 dt {
  font-weight: bold;
  margin: 0 0 40px;
}

#webpolicy .box01 dd { padding: 0 0 20px; }

#webpolicy .box01 dd h3 {
  font-size: 16px;
  padding: 10px 0 0;
}

#webpolicy .box01 dd h4 {
  font-weight: normal;
  padding: 10px 5px;
}

#webpolicy .box01 dd ul { padding: 0 30px; }

#webpolicy .box01 dd li {
  text-indent: -14px;
  padding: 0 0 10px 14px;
}

#webpolicy .box01 dd ul ul { padding: 10px 0; }

/*  Guide
-----------------------------------------------------------------------------*/
/* ７つの約束 */
.seven_box {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  margin: 30px 20px 40px;
  padding: 40px 50px 50px;
  border: solid 3px #FDEDF3;
  background: url(../../../guide/img/bg01.gif) no-repeat 26px 24px;
  position: relative;
}

.seven_box h4 {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 24px;
  font-weight: normal;
  color: #FF648F;
  line-height: 34px;
  text-align: center;
  margin: 0 0 30px;
}

.seven_box li {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 16px;
  color: #707070;
  padding: 10px 0;
}

.seven_box li span {
  font-family: "Trajan Pro", "Trajan", "Cardo", serif;
  font-size: 26px;
  font-style: italic;
  color: #FF648F;
  margin: 0 15px 0 0;
}

/*  Privacy --------------------------------*/
#guide_pm h3 {
  font-size: 24px;
  font-weight: normal;
  line-height: 32px;
  padding: 0 0 45px;
}

#guide_pm .box01:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#guide_pm .box01 .pic {
  padding: 0 25px 0 0;
  float: left;
}

#guide_pm .box01 .box { overflow: hidden; }
#guide_pm .box01 .box p { padding: 0 0 14px; }
#guide_pm .box01 .box ul { padding: 10px 0 0; }

#guide_pm .box01 .box li {
  padding: 5px 0 5px 12px;
  position: relative;
}

#guide_pm .box01 .box li:before {
  font: normal normal normal 10px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #BEBEBE;
  top: 6px;
  left: 0;
  content: "\f0da";
  position: absolute;
}

#guide_pm .box01_sub {
  margin: 30px 0 50px;
  padding: 25px;
  background: #FAFAFA;
}

#guide_pm .box01_sub dt {
  font-weight: bold;
  padding: 0 0 10px;
}

#guide_pm .box01_sub dd { font-size: 12px; }
#guide_pm .box02 { padding: 20px 10px 40px; }
#guide_pm .box02 p { padding: 0 0 14px; }

#guide_pm .box03 {
  padding: 50px 30px;
  border-top: solid 1px #e5e5e5;
}

#guide_pm .box03 .box03_sub01 { padding: 40px 0 0 430px; }
#guide_pm .box03 dl { padding: 40px 0 0 ; }
#guide_pm .box03 dt { padding: 0 0 40px; }
#guide_pm .box03 dd { padding: 0 0 20px; }
#guide_pm .box03 dd ul { padding: 0 30px; }

#guide_pm .box03 dd li {
  text-indent: -14px;
  padding: 0 0 10px 14px;
}

#guide_pm .box03 dd ul ul { padding: 10px 0; }

#guide_pm .box04 dt {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 5px;
  background: #f2f2f2;
}

#guide_pm .box04 dd { padding: 15px 10px; }
#guide_pm .box04 dd > p { padding-bottom: 10px; }

#guide_pm .box04 dd .links {
  margin-top: 10px;
  padding: 5px 0 5px 12px;
  position: relative;
}

#guide_pm .box04 dd .links:before {
  font: normal normal normal 10px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #BEBEBE;
  top: 7px;
  left: 0;
  content: "\f0da";
  position: absolute;
}

#guide_pm .box04 dd dl { padding: 0 10px; }

#guide_pm .box04 dd dt {
  padding: 0 0 5px 0;
  border: none;
  background: none;
}

#guide_pm .box04 dd dd { padding: 0 10px 20px; }
#guide_pm .box04 dd dd p { padding: 0 0 10px 20px; }

#guide_pm .box04 dd dd p span {
  margin-left: -15px;
  padding-bottom: 2px;
  display: block;
}

#guide_pm .box05 {
  padding: 50px 30px;
  border-top: solid 1px #e5e5e5;
}

#guide_pm .box05 > dl { padding-top: 40px; }

#guide_pm .box05 dl dt {
  text-indent: -14px;
  padding: 0 0 10px 14px;
}

#guide_pm .box05 dl dl dt {
  text-indent: 0;
  padding: 0 0 10px;
}

#guide_pm .box05 dl dd { padding: 0 0 15px 10px; }
#guide_pm .box05 dd .in_text { padding-left: 10px; }
#guide_pm .box05 dd .in_text dd { padding: 0 0 10px 10px; }
#guide_pm .box05 dd .in_text ul { padding: 0; }
#guide_pm .box05 dd div { padding-bottom: 10px; }

#guide_pm .box05 dd dd div {
  width: 550px;
  float: left;
}

#guide_pm .box05 dd dt span, #guide_pm .box05 dd dd span {
  font-size: 12px;
  text-align: center;
  margin-right: 20px;
  border-right: 1px solid #ccc;
  width: 80px;
  display: block;
  float: left;
}

#guide_pm .box05 dd dd {
  text-indent: 0px;
  padding: 0 0 10px 0;
}

#guide_pm .box05 dd ul { padding-top: 10px; }

#guide_pm .box05 dd li {
  text-indent: -24px;
  padding: 0 0 5px 24px;
}

#guide_pm .box05 .sub01 { padding: 20px 0 0 360px; }

/*  Member Policy --------------------------------*/
#guide_mp { padding-bottom: 50px; }
#guide_mp .box01 { padding: 0 30px 50px; }
#guide_mp .box01 ul { padding: 10px 30px 0; }
#guide_mp .box01 ul ul { padding-top: 10px; }
#guide_mp .box01 ul ul li { padding: 0 0 10px 0; }

#guide_mp .box01 ul li {
  text-indent: -14px;
  padding: 0 0 10px 14px;
}

#guide_mp .box01 ul .noindent { text-indent: 0; }
#guide_mp .box01 .stitle { margin-bottom: 40px; }

#guide_mp .box01 h4 {
  font-size: 16px;
  padding: 40px 0 0 10px;
}

#guide_mp .box01 h5 {
  font-size: 14px;
  padding: 10px 0 0 10px;
}

#guide_mp .box01 .align_r { padding: 30px 0 0; }
#guide_mp .privacy { padding-top: 40px; }
#guide_mp .privacy dd { padding: 10px 30px 0; }
#guide_mp .privacy .sub01 { padding: 20px 0 0 360px; }
#guide_mp .privacy dl { padding-left: 10px; }

#guide_mp .privacy dl dt {
  text-indent: -14px;
  padding: 0 0 10px 14px;
}

#guide_mp .privacy dl dl dt {
  text-indent: 0;
  padding: 0 0 10px;
}

#guide_mp .privacy dd { padding: 0 0 15px 10px; }
#guide_mp .privacy dd div { padding-bottom: 10px; }

#guide_mp .privacy dd dd div {
  width: 535px;
  float: left;
}

#guide_mp .privacy dd dt span, #guide_mp .privacy dd dd span {
  font-size: 12px;
  text-align: center;
  margin-right: 20px;
  border-right: 1px solid #ccc;
  width: 80px;
  display: block;
  float: left;
}

#guide_mp .privacy dd dd {
  text-indent: 0px;
  padding: 0 0 10px 0;
}

#guide_mp .privacy dd ul { padding-top: 10px; }

#guide_mp .privacy dd li {
  text-indent: -24px;
  padding: 0 0 5px 24px;
}

/*  Kiyaku --------------------------------*/
/* index */
#guide_kiyaku .contents_l .box01 { padding: 35px 10px; }
#guide_kiyaku .contents_l ul { padding: 0 30px; }

#guide_kiyaku .contents_l li {
  text-indent: -14px;
  padding: 0 0 14px 14px;
}

#guide_kiyaku .contents_l ul ul { padding: 10px 0 0; }

#guide_kiyaku .contents_l li li {
  text-indent: -14px;
  padding: 0 0 10px 14px;
}

/* index2 and index3 */
#guide_kiyaku2 .contents_l dl, #guide_kiyaku2 .contents_l .box02 { padding: 10px 10px 30px; }
#guide_kiyaku2 .contents_l dt { font-weight: bold; }
#guide_kiyaku2 .contents_l dd { padding: 10px 0; }
#guide_kiyaku2 .contents_l .box01 { padding: 25px 10px; }
#guide_kiyaku2 .contents_l ul { padding: 10px 16px 0; }

#guide_kiyaku2 .contents_l li {
  text-indent: -14px;
  padding: 0 0 14px 14px;
}

/*  Member --------------------------------*/
#guide_member {
  font-size: 17px;
  line-height: 28px;
}

#guide_member .topica { padding: 0 0 35px; }
#guide_member .topica dt { margin: 0 0 20px; }
#guide_member .topica dd { padding: 5px 15px; }

#guide_member .anchor {
  font-size: 16px;
  padding: 30px 15px 50px;
}

#guide_member .anchor li { padding: 0 0 5px; }
#guide_member .anchor .txt_b { font-weight: normal; }

#guide_member .anchor span.num {
  -webkit-border-radius: 30px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  margin: 0 13px 0 3px;
  padding: 3px 9px 1px;
  display: inline-block;
  background: #28cdf5;
}

#guide_member .box { padding: 0 15px 30px; }

#guide_member .box .title_pri {
  width: 100%;
  display: table;
  background: #F0F0F0;
}

#guide_member .box .title_pri p {
  font-size: 10px;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  width: 70px;
  display: table-cell;
  background: #28cdf5;
}

#guide_member .box .title_pri p span {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 24px;
  line-height: 30px;
  margin: 0 0 0 3px;
}

#guide_member .box .title_pri h4 {
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
  text-align: left;
  padding: 0 0 0 10px;
  display: table-cell;
}

#guide_member .box img {
  margin: 30px 50px 0 30px;
  width: 150px;
  float: left;
}

#guide_member .box dl {
  margin: 30px 30px 15px;
  overflow: hidden;
}

#guide_member .box dt {
  font-weight: bold;
  color: #1dbee5;
}

#guide_member .box dd { padding: 5px 0 15px; }
#guide_member .catch { padding: 30px 30px 0; }

/* Urana! */
#member_uranai { padding: 0 0 50px; }

#member_uranai .wrap01 {
  padding: 0 0 40px;
  overflow: hidden;
}

#member_uranai .wrap01 .box01 {
  font-size: 12px;
  line-height: 18px;
  border-right: solid 40px #fff;
  width: 260px;
  float: left;
}

#member_uranai .wrap01 .box01 { color: #999; }
#member_uranai .wrap01 .box01 dl { padding: 15px 0 0; }
#member_uranai .wrap01 .box01 dd { padding: 0 0 0 10px; }

#member_uranai .latest {
  padding: 0 0 50px;
  overflow: hidden;
}

#member_uranai .latest h3 {
  color: #fff;
  margin: 0 0 30px;
  padding: 5px 10px;
  background: #99CCFF;
}

#member_uranai .latest .pic {
  font-size: 12px;
  text-align: center;
  width: 300px;
  float: left;
}

#member_uranai .latest .data {
  padding: 0 50px 0 0;
  overflow: hidden;
}

#member_uranai .txt_blue {
  font-weight: bold;
  color: #3399FF;
}

#member_uranai .thanks_box h3 {
  color: #fff;
  margin: 0 0 30px;
  padding: 5px 10px;
  background: #D98CB3;
}

#member_uranai .f_catch {
  font-size: 20px;
  text-align: center;
  padding: 30px 0;
}

#member_uranai .box03 {
  padding: 0 30px;
  overflow: hidden;
}

#member_uranai .box03 img {
  margin: 0 40px 0 0;
  float: left;
}

/*  Feature --------------------------------*/
#guide_feature p.txtbox01 { padding: 0 0 30px; }

#guide_feature .title_pri {
  width: 100%;
  display: table;
  background: #F0F0F0;
}

#guide_feature .title_pri p {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 18px;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  width: 50px;
  display: table-cell;
  background: #1dbee5;
}

#guide_feature .title_pri h4 {
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
  text-align: left;
  padding: 0 0 0 10px;
  display: table-cell;
}

#guide_feature .feature_wrap, #guide_feature .seven_wrap { padding: 25px 10px 30px; }

#guide_feature .feature_wrap .box {
  padding: 25px 25px 50px;
  overflow: hidden;
}

#guide_feature .feature_wrap .box img {
  margin: 0 0 0 40px;
  float: right;
}

#guide_feature .feature_wrap .privacy {
  border-left: solid 40px #fff;
  width: 100px;
  float: right;
}

#guide_feature .feature_wrap .privacy img {
  margin: 0;
  float: none;
}

#guide_feature .seven_wrap dd { padding: 20px 25px 30px; }

/*  Trouble --------------------------------*/
#guide_trouble { padding: 0 0 50px; }

#guide_trouble .f_catch {
  font-size: 24px;
  font-weight: normal;
  text-align: center ;
}

#guide_trouble .first_box {
  padding: 50px 0 40px;
  overflow: hidden;
}

#guide_trouble .first_box p {
  margin: 0 10px 0 30px;
  float: right;
}

#guide_trouble .first_box p img {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  border: solid 4px #fff;
}

#guide_trouble .first_box .box {
  font-size: 12px;
  margin: 30px 0 0;
  padding: 25px;
  background: #FAFAFA;
}

#guide_trouble .title_pri {
  width: 100%;
  display: table;
  background: #F0F0F0;
}

#guide_trouble .title_pri p {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 18px;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  width: 50px;
  display: table-cell;
  background: #1dbee5;
}

#guide_trouble .title_pri h4 {
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
  text-align: left;
  padding: 0 0 0 10px;
  display: table-cell;
}

#guide_trouble .box01 { padding: 20px 15px 50px; }
#guide_trouble .point { color: #1dbee5; }

#guide_trouble .box01 .pic, #guide_trouble .box02 .pic {
  text-align: center;
  margin: 0 0 0 30px;
  float: right;
}

#guide_trouble .box02 .pic p {
  font-size: 10px;
  color: #959595;
  line-height: 14px;
  text-align: left;
  width: 150px;
}

#guide_trouble p.att {
  font-size: 12px;
  margin: 10px 0 20px;
  padding: 25px;
  background: #FAFAFA;
}

#guide_trouble .box02 { padding: 20px 15px 50px; }
#guide_trouble .box02 ul { padding: 25px 0 25px 15px; }
#guide_trouble .box03 { padding: 20px 15px 50px; }
#guide_trouble .box03 .sp { display: none; }

#guide_trouble .box03 .pc {
  text-align: center;
  padding: 0 0 35px;
}

/*  Flow more --------------------------------*/
#guide_flow #tab_btn {
  zoom: 1;
  margin-bottom: 80px;
  overflow: hidden;
  position: relative;
}

#guide_flow #tab_btn:after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: 36px;
  color: #999999;
  top: 190px;
  left: 460px;
  display: block;
  content: "or";
  position: absolute;
}

#guide_flow #tab_btn li { cursor: pointer; }

#guide_flow #tab_btn .text {
  font-size: 20px;
  color: #999999;
  text-align: center;
  padding-top: 20px;
}

#guide_flow #tab_btn li.active .text, #guide_flow #tab_btn li:hover .text { color: #28cdf5; }

#guide_flow #tab_btn .text p {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 42px;
  font-weight: normal;
  line-height: 56px;
  padding: 8px 0 10px;
}

#guide_flow #tab_btn .text span {
  font-size: 14px;
  display: block;
}

#guide_flow #tab_btn .active { color: #ff79ae; }
#guide_flow .hide { display: none; }

#guide_flow .stepflow {
  text-align: center;
  padding: 0 0 60px;
}

#guide_flow .stepflow li {
  vertical-align: top;
  display: inline-block;
  position: relative;
}

#guide_flow .stepflow li:first-child { padding: 0 60px 0 0; }
#guide_flow #telpage .stepflow li:first-child { padding: 0 100px 0 0; }
#guide_flow .stepflow li:nth-child(n+3) { padding: 0 50px 0 40px; }
#guide_flow #homepage .stepflow li:nth-child(2) { padding: 0 40px 0 0; }
#guide_flow #homepage .stepflow li:nth-child(3) { padding: 0 25px 0 0; }
#guide_flow #homepage .stepflow li:nth-child(4) { padding: 0 20px 0 30px; }

#guide_flow #homepage .stepflow li:nth-child(n):not(:nth-child(3)):after,
#guide_flow #telpage .stepflow li:nth-child(n):not(:nth-child(2)):after {
  font: normal normal normal 40px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #D3D3D3;
  top: 20%;
  right: 0;
  display: inline-block;
  content: "\f105";
  position: absolute;
}
#guide_flow .stepflow p.pic {
  -webkit-border-radius: 200px;
  border-radius: 200px;
  font-family: "Trajan Pro", "Trajan", "Cardo", serif;
  font-size: 48px;
  font-weight: bold;
  color: #fff;
  line-height: 50px;
  text-align: center;
  width: 110px;
  height: 110px;
  display: inline-block;
  background: #28cdf5;
}

#guide_flow .stepflow p.pic span { font-variant: small-caps; }

#guide_flow .stepflow p.pic span {
  font-size: 18px;
  line-height: 24px;
}

#guide_flow .stepflow p.txtbox {
  font-size: 16px;
  font-weight: bold;
  color: #1dbee5;
  padding: 10px 0 0;
  border-left: solid 10px #fff;
}

#guide_flow .title_step {
  margin: 0 0 30px;
  width: 100%;
  display: table;
  background: #F0F0F0;
}

#guide_flow .title_step p {
  font-family: "Trajan Pro", "Trajan", "Cardo", serif;
  font-size: 40px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  padding: 0 0 5px;
  width: 120px;
  display: table-cell;
  background: #28cdf5;
}

#guide_flow .title_step p span {
  font-size: 20px;
  line-height: 24px;
  margin: 0 0 0 3px;
}

#guide_flow .title_step h3 {
  font-size: 22px;
  font-weight: normal;
  line-height: 30px;
  text-align: left;
  vertical-align: middle ;
  padding: 0 0 0 20px;
  display: table-cell;
}

#guide_flow .title_step h3 span { color: #ff4075; }

#guide_flow .box {
  padding: 0 40px ;
  min-height: 250px;
  position: relative;
  margin: 0 0 50px;
}

#guide_flow .box p.pic {
  top: 0;
  right: 0;
  position: absolute;
}

#guide_flow .no02 .dummy_btn {
  box-sizing: border-box;
  font-size: 16px;
  color: #FFF;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
  margin: 15px 0;
  padding: 20px 0;
  width: 272px;
  background: url("../../../img/_02_proft/entry_btn.gif") no-repeat left top;
}

#guide_flow .no01 p.pic, #guide_flow .no03 p.pic { top: -70px; }
#guide_flow .no03 .box { padding: 0 40px 30px; }
#guide_flow .point { color: #1dbee5; }

#guide_flow .box dt {
  font-size: 19px;
  font-weight: bold;
  line-height: 30px;
  padding: 0 0 20px;
}

#guide_flow .box dd p {
  font-size: 17px;
  line-height: 28px;
  padding: 0 300px 14px 0;
}

#guide_flow .box dd .btn02, #guide_flow .box dd  .btn02:visited {
-webkit-border-radius: 50px;
border-radius: 50px;
font-weight: bold;
color: #333;
text-decoration: none;
padding: 8px 25px 6px 25px;
margin: 10px 0 ;
display: inline-block;
background: #FFF;
border: 2px solid #1DBEE5;
position: relative;
	text-align: center;
}

#guide_flow .faq {
  margin: 0 auto;
  padding: 0 0 100px;
  width: 890px;
}

#guide_flow .faq > dt {
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  margin: 10px 0 0;
  padding: 12px 0 12px 24px;
  border: solid 1px #ccc;
  cursor: pointer;
  position: relative;
}
#guide_flow .faq dd dt {
  font-size: 16px;
  font-weight: normal;
  color: #333;
  line-height: 24px;
  margin: 10px 0 0;
  padding: 4px 0 4px 48px;
  background: url(../../../guide/faq/img/question.png) no-repeat 5px top;
}

#guide_flow .faq > dt:after {
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #ccc;
  top: 18px;
  right: 18px;
  display: inline-block;
  content: "\f067";
  position: absolute;
}

#guide_flow .faq > dt.open:after {
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #ccc;
  top: 18px;
  right: 18px;
  display: inline-block;
  content: "\f068";
  position: absolute;
}

#guide_flow .faq > dd {
  padding: 15px 0 22px 0;
  border: 1px solid #CCCCCC;
  border-top: none;
  display: none;
}
#guide_flow .faq dd dd {
  font-size: 17px;
  padding: 4px 0 4px 48px;
  margin: 20px 0 10px;
  line-height: 28px;
  background: url(../../../guide/faq/img/answer.png) no-repeat 5px top;
}

#guide_flow .faq dd p { padding: 0 0 15px; }

#guide_flow .faq dd p.catch {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
}
#guide_flow .faq dd ol {
	list-style: none;
	margin-bottom: 10px;
}
#guide_flow .faq dd ol li {
  margin: 0;
}
#guide_flow .faq dd dl {
  padding: 0 20px;
}

#guide_flow .faq dd dl:nth-child(n):not(:first-child) { padding-top: 10px; border-top: 1px solid #eee; }


#guide_flow .pageft {
  padding: 0 0 50px;
  border-top: solid 1px #e7e7e7;
  width: 970px;
  clear: both;
  overflow: hidden;
}

#guide_flow .pageft h3 {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 20px;
  font-weight: normal;
  color: #8c8c8c;
  margin: 25px 0;
  padding: 0 0 0 10px;
  border-left: solid 2px #8c8c8c;
}

#guide_flow .pageft ul { width: 1000px; }

#guide_flow .pageft ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#guide_flow .pageft li {
  border-right: solid 30px #fff;
  float: left;
}

#guide_flow .pageft li img {
  width: 220px;
  height: auto;
}

/*  Flow index --------------------------------*/
#guide_flow .flowttl {
	margin-bottom: 80px;
}
#guide_flow .flowsttl {
  background: url(../../../guide/flow/img/flow_subttl.png) no-repeat;
  max-height: 88px;
  color: #fff;
  font-size: 26px;
  padding: 24px 0 40px;
  margin: 0 auto;
  text-align: center;
}
#guide_flow .flowstep {
	margin: 30px auto;
	position: relative;
}
#guide_flow .flowstep:after {
	display: block;
	width: 269px; height: 518px;
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(../../../guide/flow/img/flow_img.png) no-repeat;
}
#guide_flow .flowstep li dl {
	background: #f6f5f3;
	padding: 16px;
	border-radius: 8px;
	display: flex;
	align-items: center;
}
#guide_flow .flowstep li:not(:last-child):after {
	display: block;
	content: "";
	text-align: center;
	height: 30px;
	background: url(../../../guide/flow/img/flow_steparrow.png) top center no-repeat;
}
#guide_flow .flowstep li dl dd {
	margin-left: 20px;
	vertical-align: middle;
	display: flex;
	align-items: center;
}
#guide_flow .flowstep li h4{
	color: #fff;
	background: #10c5f5;
	font-size: 20px; font-weight: normal;
	width: 80px; height: 80px;
	display: table;
	border-radius: 50%;
}
#guide_flow .flowstep li h4 span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#guide_flow .flowstep li h4 small {
	display: block;
	text-align: center;
	font-size: 16px;
}
#guide_flow .flowstep li dd p {
	margin-left: 20px;
	font-size: 17px;
}
#guide_flow .flowstep li dd p strong {
	display: block;
	font-size: 26px;
	margin-bottom: 16px;
}

#guide_flow .flowbtn {
	margin: 50px auto 100px;
	text-align: center;
	width: 90%;
}
#guide_flow .flowbtn dt {
	color: #634f2c;
	font-size: 20px;
	margin: 0 auto;
	text-align: center;
position: relative;
display: inline-block;
padding: 0 40px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#guide_flow .flowbtn dl.amazonpay { margin-top: 47px; }

#guide_flow .flowbtn dl.amazonpay dt span:first-of-type {
  color: #1dbee5;
  margin-right: 10px;
  font-family: 'MS Pゴシック';
  font-size: 16px;
}

#guide_flow .flowbtn dl.amazonpay dd { font-size: 12px; }

#guide_flow .flowbtn dl.amazonpay dd img {
  display: block;
  margin: 20px auto 15px;
}

#guide_flow .flowbtn dt:before, #guide_flow .flowbtn dt:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 36px;
height: 1px;
background-color: #634f2c;
}
#guide_flow .flowbtn dt:before {
	left:0;
	-moz-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
#guide_flow .flowbtn dt:after {
	right: 0;
	-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}
#guide_flow .flowbtn .btn {
	display: block;
	margin: 20px auto;
	background: #79cbfd;
	padding: 20px 0;
	border: none;
	color: #fff;
	font-size: 26px; font-weight: bold;
	text-align: center;
	border: none;
	border-radius: 32px;
}
#guide_flow .flowbtn .btn:hover {
	opacity: 0.8;
}
#guide_flow .flowbtn .btn br {
	display: none;
}

#guide_flow .flowbtn .suggest {
	display: block;
	margin-bottom: 10px;
	color: #999;
}
#guide_flow .flowbtn .tel {
	color: #000;
	font-size: 32px;
}
#guide_flow .flowbtn .tel:before {
	display: inline-block;
	vertical-align: middle;
	content: "";
	margin-right: 5px;
	width: 44px; height: 41px;
	background: url(../../../guide/flow/img/freedial.png) no-repeat;
}
#guide_flow .flowbtn .pc-hide {
	display: none;
}
#guide_flow .flowbtn dl {
	position: relative;
}
#guide_flow .flowbtn.box02 dl:after {
	display: inline-block;
	content: "";
	width: 186px; height: 162px; 
	background: url(../../../guide/flow/img/flow_img02.png) no-repeat;
	position: absolute;
	right: 0; bottom: 0;
}
#guide_flow .flowbtn.box03 dl:after {
	display: inline-block;
	content: "";
	width: 139px; height: 164px; 
	background: url(../../../guide/flow/img/flow_img03.png) no-repeat;
	position: absolute;
	right: 20px; bottom: 0;
}
#guide_flow .flowbtn.box04 dl:after {
	display: inline-block;
	content: "";
	width: 156px; height: 169px; 
	background: url(../../../guide/flow/img/flow_img04.png) no-repeat;
	position: absolute;
	right: 20px; bottom: 0;
}

#guide_flow .flow_price {
	padding: 0 0 40px;
background: url(../../../guide/flow/img/flow_pricebg.jpg) bottom no-repeat;
padding-bottom: 40px;
}
#guide_flow .flow_price .price_wrap {
	display: flex;
	padding: 30px;
	justify-content: space-between;
	align-items: stretch;
}
#guide_flow .flow_price .price_wrap dl {
flex-basis: 47.5%;
background: #f6f5f3;
border-radius: 20px;
text-align: center;
padding: 30px 0 20px;
}
#guide_flow .flow_price .price_wrap dl dt {
	margin-bottom: 30px;
color: #1dbee5;
font-size: 27px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#guide_flow .flow_price .price_wrap dl h4 {
	font-size: 20px;
	margin: 30px auto 20px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#guide_flow .flow_price .price_wrap dl ul {
	display: flex;
	padding: 0 20px;
	flex-wrap: wrap;
	justify-content: space-between;
}
#guide_flow .flow_price .price_wrap dl.price ul {
	width: 50%;
	margin: 0 auto;
}

#guide_flow .flow_price .price_wrap dl ul li {
	margin-bottom: 10px;
}
#guide_flow .flow_price .price_wrap dl.price h4 {
	margin: 40px auto 0;
}
#guide_flow .flow_price .price_wrap dl.price p {
	margin: 40px auto;
}

#guide_flow .flow_way {
background: url(../../../guide/flow/img/flow_waybg.jpg) bottom no-repeat;
padding-bottom: 40px;
position: relative;
}
#guide_flow .flow_way:before {
	display: block;
	position: absolute;
	content: "";
background: url(../../../guide/flow/img/flow_wayimg.png) no-repeat;
	width: 421px; height: 462px;
	left: 20px; bottom: 45px;
}
#guide_flow .flow_way ul {
	margin: 20px 0 0 45%;
  padding: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
#guide_flow .flow_way ul li {
	margin-bottom: 20px;
}


#guide_flow .flow_promise {
background: url(../../../guide/flow/img/flow_promicebg.jpg) bottom no-repeat;
padding-bottom: 40px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  color: #666666;
}
#guide_flow .flow_promise .promise_wrap {
  padding: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
#guide_flow .flow_promise ol {
	flex-basis: 50%;
	font-size: 17px;
	line-height: 2;
}
#guide_flow .flow_promise ul {
	flex-basis: 50%;
	font-size: 13px;
}
#guide_flow .flow_promise ul li {
	margin-bottom: 40px;
}
#guide_flow .flow_promise ul dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#guide_flow .flow_promise ul dt {
	margin-right: 20px;
}

#guide_flow .relatedlink ul {
	margin: 50px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#guide_flow .relatedlink li {
	margin-bottom: 30px;
}

#guide_flow .pageft.relatedlink{
	padding-bottom: 20px;
}

#guide_flow .pageft.relatedlink ul{
	width: auto;
	margin: 0;
}

#guide_flow .pageft.relatedlink li{
	border: none;
	float: none;
}

#guide_flow .btn02:after{
	top: 17%;
}

/*  Faq --------------------------------*/
#guide_faq h3 { margin-bottom: 30px; }
#guide_faq .faq { margin: 0 20px 50px 20px; }

#guide_faq .faq dt {
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  margin: 10px 0 0;
  padding: 12px 40px 12px 57px;
  border: solid 1px #ccc;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}

#guide_faq .faq dt.bg_b { background: #f6f6f6; }

#guide_faq .faq dt:before {
  top: 8px;
  left: 10px;
  content: url(../../../guide/faq/img/question.png);
  position: absolute;
}

#guide_faq .faq dt:after {
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #D3D3D3;
  top: 18px;
  right: 18px;
  display: inline-block;
  content: "\f067";
  position: absolute;
}

#guide_faq .faq dt.open:after {
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #D3D3D3;
  top: 18px;
  right: 18px;
  display: inline-block;
  content: "\f068";
  position: absolute;
}

#guide_faq .faq dd {
  font-size: 16px;
  line-height: 1.8;
  padding: 15px 30px 22px 61px;
  border: 1px solid #CCCCCC;
  border-top: none;
  display: none;
  background: url(../../../guide/faq/img/answer.png) no-repeat 16px 16px;
}

#guide_faq .faq dd p { padding: 0 0 15px; }
#guide_faq .faq .point { color: #1DBEE5; }
#guide_faq .faq span { font-weight: bold; }

#guide_faq .faq .example {
  margin-top: 10px;
  padding-top: 20px;
  border-top: dotted 1px #ccc;
}

#guide_faq .faq ul { margin-bottom: 25px; }
#guide_faq .faq .example p { padding-bottom: 10px; }

#guide_faq .faq .example .sst {
  text-indent: -28px;
  margin-left: 28px;
}

#guide_faq .faq .note {
  color: #828282;
  padding-left: 15px;
  position: relative;
}

#guide_faq .faq .note:before {
  font: normal normal normal 20px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  top: -2px;
  left: 0px;
  display: inline-block;
  content: "\f105";
  position: absolute;
}

#guide_faq .faq .pay {
  text-align: center;
  margin: 0 auto 20px;
  width: 400px;
}

#guide_faq .pay li {
  padding: 5px;
  background: #FFF0F6;
}

#guide_faq .pay .arrow {
  padding: 0 5px 5px 5px;
  background: none;
}

#guide_faq .pay .arrow:before {
  font: normal normal normal 34px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #9e9e9e;
  line-height: 18px;
  top: 6px;
  left: -5px;
  display: inline-block;
  content: "\f107";
  position: relative;
}

#guide_faq ul li .card { margin: 10px 0 20px; }
#guide_faq dl .indent_style01 { padding-left: 20px; }

#guide_faq .s_text {
  font-weight: normal;
  padding: 5px 0 0 15px;
  display: block;
}

#guide_faq dd p.pic01 {
  text-align: center;
  padding: 25px 0;
}

#guide_faq dd p.pic01 img { width: 320px; }

#guide_faq .faq dd .dummy_btn {
  box-sizing: border-box;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
  margin: 15px 0;
  padding: 20px 0;
  width: 272px;
  background: url("../../../img/_02_proft/entry_btn.gif") no-repeat left top;
}

#guide_faq .faq dd .dummy_btn02 {
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 16px;
  color: #000;
  text-align: center;
  text-decoration: none;
  margin: 15px 0;
  padding: 8px;
  border: 1px solid #cd9a02;
  width: 220px;
  display: block;
  background: #ffd62a url("../../../img/reserv/order_bg.gif") repeat-x scroll left top;
}

/*  Pay
-----------------------------------------------------------------------------*/
#pay .btnbox01, #pay1 .btnbox01, #pay2 .btnbox01, #pay3 .btnbox01,
{ text-align: right; }
#pay .btnbox01 a, #pay1 .btnbox01 a, #pay2 .btnbox01 a, #pay3 .btnbox01 a { position: relative; }

.paymovie_box .pc {
  margin: 0 auto 50px;
  width: 560px;
}

.paymovie_box .sp { display: none; }

/*  Pay --------------------------------*/
/* Pay and Pay1*/
#pay {
  font-size: 17px;
  line-height: 28px;
  padding: 0 0 50px;
}

#pay .price_box {
  padding: 0 370px 70px 0;
  background: url(../../../pay/img/price_img03.jpg) no-repeat right 20px;
}

#pay .price_box:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#pay .price_box h3 { margin: 0 0 20px; }

#pay .price_box .wrap01 {
  padding: 10px 20px 10px;
  background: #F9F9F9;
  overflow: hidden;
  margin: 20px 0 20px;
}

#pay .price_box .wrap01 .fl, #pay .price_box .wrap01 .fr {
  box-sizing: border-box;
  width: 49%;
  padding: 0 0 20px;
}

#pay .price_box .wrap01 dt {
  font-size: 15px;
  font-weight: bold;
  color: #555555;
  margin: 15px 0 20px;
  padding: 0 0 0 5px;
  border-left: solid 1px #1dbee5;
}

#pay .price_box .price {
  font-size: 15px;
  letter-spacing: 0;
}

#pay .price_box .price span {
  font-size: 30px;
  font-weight: bold;
  color: #1dbee5;
}

#pay .price_box .price span span {
  font-size: 15px;
  font-weight: normal;
  color: #333;
}

#pay .price_box .wrap01 .att {
  font-size: 12px;
  color: #888;
  line-height: 1.8;
  text-indent: -10px;
  padding: 15px 0 10px 0;
}

#pay .price_box .case dl { width: auto; }

#pay .price_box .case dt {
  font-size: 12px;
  line-height: 18px;
  padding: 0;
}

#pay .price_box .box01 {
  padding: 20px 0 30px;
  overflow: hidden;
}

#pay .price_box .box01 dl.pic, #pay1 .price_box .box01 dl.pic {
  -webkit-border-radius: 55px;
  border-radius: 55px;
  margin: 0 7px;
  border: solid 2px #28cdf5;
  width: 100px;
  height: 100px;
  float: left;
  position: relative;
}

#pay .price_box .box01 dl.pic dt,
#pay1 .price_box .box01 dl.pic dt {
  font-size: 12px;
  font-weight: bold;
  color: #28cdf5;
  text-align: center;
  padding: 18px 0 0;
}

#pay.contents .price_box .box01 dl.dl_amazon dt { padding: 8px  0; }

#pay .price_box .box01 dl.pic dt span {
  display: block;
  font-weight: normal;
  line-height: 0;
  margin-bottom: 2px;
}

#pay.contents .price_box .box01 dl.dl_amazon dd {
  font-size: 20px;
  padding-top : 3px;
}

#pay .price_box .box01 dl.pic dd, #pay1 .price_box .box01 dl.pic dd {
  font-size: 24px;
  font-weight: bold;
  color: #28cdf5;
  text-align: center;
  padding: 8px 0 0;
}

#pay .about_amazon {
  border: 1px solid #d0d0d0;
  border-radius: 10px;
  padding: 17px 20px;
  font-size: 14px;
  margin-top: 35px;
}

#pay .about_amazon h5 {
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 15px;
}

#pay .about_amazon h5 span {
  color: #91c9ff;
  font-weight: bold;
  margin-right: 10px;
}

#pay .about_amazon img {
  float: right;
  margin-top: 20px;
}

#pay .about_amazon p {
  width: 330px;
  line-height: 1.7em;
  font-size: 15px;
}

#pay .price_box .box01 li:first-child dl.pic dd, #pay1 .price_box .box01 li:first-child dl.pic dd { font-size: 32px; }

#pay .price_box .box01 li:nth-child(2) dl.pic dd, #pay1 .price_box .box01 li:nth-child(2) dl.pic dd {
  font-size: 20px;
  padding: 3px 0 0;
}

#pay .price_box .box01 li:nth-child(4) dl.pic dd, #pay1 .price_box .box01 li:nth-child(4) dl.pic dd {
  font-size: 20px;
  padding: 3px 0 0;
}

#pay .price_box .btnbox01 { padding: 20px 0 0; }

#pay .method_box {
  padding: 0 370px 100px 0;
  background: url(../../../pay/img/price_img04.jpg) no-repeat right top;
}

#pay .method_box h3 { margin: 0 0 20px; }
#pay .method_box .box01 { padding: 0 0 50px; }

#pay .method_box .box01 .point {
  font-weight: bold;
  color: #ff4075;
}

#pay .method_box .box02 dl { padding: 20px 0 0; }

#pay .method_box .box02 dt {
  font-size: 16px;
  color: #ff4075;
  padding: 0 0 15px;
}

#pay .method_box .btnbox01 { padding: 20px 0 0; }
#pay .method_box .sp_pic { display: none; }


#pay .flowbtn,
#pay2 .flowbtn {
	margin: 0 auto;
	text-align: center;
	width: 90%;
}
#pay .flowbtn dt,
#pay2 .flowbtn dt {
	color: #634f2c;
	font-size: 20px;
	margin: 0 auto;
	text-align: center;
position: relative;
display: inline-block;
padding: 0 40px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#pay .flowbtn dt:before, #pay .flowbtn dt:after,
#pay2 .flowbtn dt:before, #pay2 .flowbtn dt:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 36px;
height: 1px;
background-color: #634f2c;
}
#pay .flowbtn dt:before,
#pay2 .flowbtn dt:before {
	left:0;
	-moz-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
#pay .flowbtn dt:after,
#pay2 .flowbtn dt:after {
	right: 0;
	-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}
#pay .flowbtn .btn,
#pay2 .flowbtn .btn {
	display: block;
	margin: 20px auto;
	background: #79cbfd;
	padding: 20px 0;
	border: none;
	color: #fff;
	font-size: 26px; font-weight: bold;
	text-align: center;
	border: none;
	border-radius: 32px;
}
#pay .flowbtn .btn:hover,
#pay2 .flowbtn .btn:hover {
	opacity: 0.8;
}
#pay .flowbtn .btn br,
#pay2 .flowbtn .btn br {
	display: none;
}

#pay .flowbtn .suggest,
#pay2 .flowbtn .suggest {
	display: block;
	margin-bottom: 10px;
	color: #999;
}
#pay .flowbtn .tel,
#pay2 .flowbtn .tel {
	color: #000;
	font-size: 32px;
}
#pay .flowbtn .tel:before,
#pay2 .flowbtn .tel:before {
	display: inline-block;
	vertical-align: bottom;
	content: "";
	margin-right: 5px;
	width: 44px; height: 33px;
	background: url(../../../guide/flow/img/freedial.png) no-repeat;
}
#pay .flowbtn .pc-hide,
#pay2 .flowbtn .pc-hide {
	display: none;
}
#pay .flowbtn dl,
#pay2 .flowbtn dl {
	position: relative;
}





/* Pay1 */
#pay1 {
  font-size: 17px;
  line-height: 28px;
  padding: 0 0 50px;
}

#pay1 .price_box {
  padding: 30px 10px 70px;
  overflow: hidden;
}

#pay1 .price_box .box01 { padding: 25px 0 0; }

#pay1 .price_box .wrap01 {
  padding: 10px 20px 20px;
  background: #F9F9F9;
  overflow: hidden;
}

#pay1 .price_box .wrap01 dl { width: 100%; }

#pay1 .price_box .wrap01 dl:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#pay1 .price_box .price span {
  font-size: 30px;
  font-weight: bold;
  color: #ff4075;
}

#pay1 .price_box .wrap01 dt {
  font-size: 15px;
  font-weight: bold;
  color: #555555;
  margin: 15px 0 10px;
  padding: 0 0 0 5px;
  border-left: solid 1px #FD4F75;
}

#pay1 .price_box .wrap01 > dl > dd {
  width: 49%;
  float: left;
}

#pay1 .price_box .wrap01 .price {
  font-size: 12px;
  padding: 10px 0 0;
}

#pay1 .price_box .wrap01 .price p {
  font-size: 10px;
  color: #919191;
  line-height: 14px;
  text-indent: -10px;
  padding: 5px 0 0 10px;
}

#pay1 .price_box .wrap01 .case dl { width: auto; }

#pay1 .price_box .wrap01 .case dt {
  font-size: 12px;
  margin: 0;
  border: none;
}

#pay1 .price_box .case dt span { color: #ff4075; }

#pay1 .price_box .case dd {
  font-size: 12px;
  line-height: 18px;
  padding: 5px 0 0 10px;
}

#pay1 .price_box .case dd .align_r {
  font-size: 10px;
  color: #919191;
  padding: 5px 0 0;
}

#pay1 .price_box .box01 li {
  padding: 0 0 25px;
  overflow: hidden;
}

#pay1 .price_box .box01 dl.data {
  padding: 0 0 0 20px;
  overflow: hidden;
}

#pay1 .price_box .box01 .data dt {
  font-size: 18px;
  color: #ff4075;
  padding: 15px 0 10px;
}

/* pay2 */
#pay2 {
  font-size: 17px;
  line-height: 28px;
}

#pay2 .hd_box { padding: 30px 10px 80px; }

#pay2 .hd_box img {
  margin: 0 0 0 45px;
  float: right;
}

#pay2 .anchor {
  font-size: 16px;
  padding: 30px 15px 40px;
}

#pay2 .anchor li { padding: 0 0 5px; }

#pay2 .anchor span {
  -webkit-border-radius: 30px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  margin: 0 13px 0 0;
  padding: 3px 11px 1px;
  display: inline-block;
  background: #28cdf5;
}

#pay2 .stitle02 { margin: 0 0 30px; 
  font-weight: bold;}
#pay2 .box_sub { padding: 0 10px 30px; }
#pay2 .box_sub dd { padding: 15px 15px 30px; }

#pay2 .box01 {
  padding: 0 10px 30px;
  overflow: hidden;
}

#pay2 .box01 img {
  margin: 0 0 30px 40px;
  float: right;
}

#pay2 #anchor05 .box01 img {
  margin: 40px 0 80px 20px;
}

#pay2 p.address {
  padding: 15px;
  border: solid 1px #D7D7D7;
}

#pay2 #anchor01 .box_sub ul { overflow: hidden; }

#pay2 #anchor01 .box_sub li {
  width: 50%;
  float: left;
}

#pay2 #anchor07 .wrap01 {
  padding: 30px 10px 60px;
  overflow: hidden;
}

#pay2 #anchor07 .wrap01 .box02 {
  border-right: solid 30px #fff;
  width: 470px;
  float: left;
}

#pay2 #anchor07 .wrap01 .box03 {
  font-size: 10px;
  color: #666;
  line-height: 16px;
  overflow: hidden;
}

#pay2 #anchor07 .box_sub dd { padding: 15px 15px 0; }

#pay2 .btnbox01 {
  text-align: right;
  padding: 0 10px 50px;
}

#pay2 .btnbox01 a { position: relative; }

#pay2 .att {
  font-size: 12px;
  color: #919191;
}

#pay2 .commission{
  margin-top: 10px;
}

/* pay3 */
#pay3 {
  font-size: 17px;
  line-height: 28px;
}

#pay3 .hd_box { padding: 30px 10px 80px; }
#pay3 .anchor {
  font-size: 16px;
  padding: 30px 15px 0;
}

#pay3 .anchor li { padding: 0 0 5px; text-align: center; display: inline-block; width: 30%; }
#pay3 .anchor li:nth-child(2) { margin: 0 4%; }
#pay3 .anchor li a { text-decoration: none; }
#pay3 .anchor li img { padding-bottom: 0.5em; }

#pay3 .stitle02 { margin: 0 0 30px; }
#pay3 .box_sub { padding: 0 10px 30px; }
#pay3 .box_sub dd { padding: 15px 15px 30px; }

#pay3 .box01 {
  padding: 0 10px 30px;
  overflow: hidden;
}

#pay3 .box01 img {
  margin: 0 40px 30px 0;
  float: left;
}

#pay3 p.address {
  padding: 15px;
  border: solid 1px #D7D7D7;
  margin-bottom: 30px;
}
#pay3 p.notes {
	color: #e282ad;
  margin-bottom: 30px;
}

#pay3 #anchor03 .box_sub ul { overflow: hidden; }
#pay3 #anchor03 .box_sub li {
  width: 50%;
  float: left;
  margin-bottom: 30px;
}





/*  Point --------------------------------*/
#pay_point {
  font-size: 17px;
  line-height: 28px;
  padding: 0 0 40px;
}

#pay_point .note {
  font-size: 12px;
  color: #919191;
  line-height: 18px;
  text-indent: -1em;
  padding: 10px 0 0 1em;
  display: block;
}

#pay_point .box01, #pay_point .box02, #pay_point .box03, #pay_point .box04 { padding: 30px 30px 50px; }

#pay_point .box01 .pic {
  margin: 0 0 0 40px;
  float: right;
}

#pay_point .box01 .btn01 { margin: 10px 0 0; }
#pay_point .box01 ul { padding: 0 0 20px; }

#pay_point .box01 li {
  text-indent: -1em;
  padding: 20px 0 0 1em;
}

#pay_point .box02 ul { padding: 10px 10px 25px; }
#pay_point .box02 dd { padding: 15px; }

#pay_point .box02 p {
  padding: 0 0 10px 130px;
  position: relative;
}

#pay_point .box02 p strong {
  width: 130px;
  top: 0;
  left: 0;
  display: block;
  position: absolute;
}

#pay_point .terms_area {
  margin: 0 0 60px;
  border: solid 1px #ccc;
}

#pay_point .terms_area div {
  font-size: 12px;
  line-height: 18px;
  padding: 20px;
}

#pay_point .terms_area > p { text-align: center; }
#pay_point .terms_area ul { padding: 10px 15px 0; }
#pay_point .terms_area ul ul { padding-top: 10px; }
#pay_point .terms_area ul ul li { padding: 0 0 10px 0; }

#pay_point .terms_area ul li {
  text-indent: -14px;
  padding: 0 0 10px 14px;
}

#pay_point .terms_area ul .noindent { text-indent: 0; }
#pay_point .terms_area .sstitle { margin: 0px 0 20px; }

#pay_point .terms_area h4 {
  font-size: 14px;
  padding: 20px 0 0 0;
}

#pay_point .terms_area h5 {
  font-size: 14px;
  padding: 10px 0 0 10px;
}

#pay_point .terms_area .align_r { padding: 20px 0; }

/*  PP --------------------------------*/
#pay_pp .catch_box { padding: 0 0 60px; }

#pay_pp .catch_box h3 {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 28px;
  font-weight: normal;
  line-height: 30px;
  margin: 0 0 30px;
}

#pay_pp .catch_box h3 span {
  font-size: 18px;
  color: #FF79AE;
  padding: 0 0 5px;
  display: inline-block;
}

#pay_pp #outline { width: 730px; }

#pay_pp #outline:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#pay_pp .about {
  width: 230px;
  float: right;
}

#pay_pp .regist {
  width: 460px;
  float: left;
}

#pay_pp #outline dt {
  font-size: 16px;
  font-weight: bold;
  color: #ff4075;
  padding: 5px 10px;
  border-bottom: solid 1px #ccc;
}

#pay_pp #outline .about dd { padding: 10px; }

#pay_pp #outline li {
  text-indent: -14px;
  padding: 10px 0 10px 24px;
  border-bottom: dotted 1px #ccc;
}

#pay_pp #outline li span {
  font-weight: bold;
  color: #ff4075;
}

#pay_pp #list {
  width: 730px;
  overflow: hidden;
}

#pay_pp #list .read {
  font-size: 12px;
  color: #999;
  padding: 30px 0 0;
}

#pay_pp #list ul { width: 755px; }

#pay_pp #list ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#pay_pp #list li {
  border-top: solid 40px #fff;
  border-right: solid 21px #fff;
  width: 229px;
  float: left;
}

#pay_pp #list dt {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-size: 12px;
  color: #ff4075;
  padding: 10px 20px;
  background: #fff0f6;
  position: relative;
}

#pay_pp #list dt span {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 20px;
  color: #fff;
  padding: 10px 15px;
  top: 0;
  right: 0;
  display: inline-block;
  background: #ff4075;
  position: absolute;
}

#pay_pp #list dd {
  text-align: center;
  padding: 10px 0 0;
}

#pay_pp #list dd img {
  margin: 0 auto;
  width: 220px;
}

#pay_pp #list strong {
  text-align: left;
  padding: 10px;
  border-bottom: dotted 1px #ccc;
  display: block;
}

#pay_pp #list p {
  text-align: left;
  padding: 10px;
}

/*  Cprof
-----------------------------------------------------------------------------*/
/*  company --------------------------------*/
#company h3 {
  text-align: center;
  padding: 0 0 20px;
}

#company .box01 dl { position: relative; }

#company .box01 dt {
  font-weight: bold;
  color: #999;
  text-align: right;
  padding: 15px 0 0;
  width: 230px;
  position: absolute;
}

#company .box01 dt:after {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #1dbee5;
  padding: 0 0 0 23px;
  display: inline-block;
  content: "\f0da";
}

#company .box01 dd {
  padding: 15px 0 15px 250px;
  border-top: dotted 1px #ccc;
}

#company .box01_sub {
  margin: 30px 0;
  padding: 25px;
  background: #FAFAFA;
}

#company .box01_sub dt {
  font-weight: bold;
  padding: 0 0 10px;
}

#company .box01_sub dd { font-size: 12px; }

/*  specific trade --------------------------------*/
#specific h3 {
  text-align: center;
  padding: 0 0 20px;
}

#specific .box01 dl { position: relative; }

#specific .box01 dt {
  font-weight: bold;
  color: #999;
  text-align: right;
  padding: 15px 0 0;
  width: 320px;
  position: absolute;
}

#specific .box01 dt:after {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #1dbee5;
  top: 18px;
  right: -17px;
  display: inline-block;
  content: "\f0da";
  position: absolute;
}

#specific .box01 dd {
  padding: 15px 0 15px 350px;
  border-top: dotted 1px #ccc;
}

#specific .box01 dd li {
  padding: 15px 0;
  border-top: dotted 1px #ccc;
}

#specific .box01 dd li:first-child {
  padding-top: 0;
  border-top: none;
}

#specific .box01 dd li:last-child { padding-bottom: 0; }

#specific .box01 dd li span {
  font-weight: bold;
  color: #000;
}

/*  shikin --------------------------------*/
#shikin h3 {
  text-align: center;
  padding: 0 0 20px;
}

#shikin .box01 dl { position: relative; }

#shikin .box01 dt {
  font-weight: bold;
  color: #999;
  text-align: right;
  padding: 15px 0 0;
  width: 260px;
  position: absolute;
}

#shikin .box01 dt:after {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #1dbee5;
  top: 18px;
  right: -17px;
  display: inline-block;
  content: "\f0da";
  position: absolute;
}

#shikin .box01 dd {
  padding: 15px 0 15px 290px;
  border-top: dotted 1px #ccc;
}

#shikin .box01 dd li {
  padding: 15px 0;
  border-top: dotted 1px #ccc;
}

#shikin .box01 dd li:first-child {
  padding-top: 0;
  border-top: none;
}

#shikin .box01 dd li:last-child { padding-bottom: 0; }

#shikin .box01 dd li span {
  font-weight: bold;
  color: #000;
}

/*  houhou
-----------------------------------------------------------------------------*/
/*  houhou --------------------------------*/
#houhou .box01 { padding: 0 10px 20px; }
#houhou .box01 p { padding: 20px 0 0; }

#houhou #lead_txt {
  padding: 0 280px 20px 10px;
  background: url(../../../houhou/img/houhou.jpg) no-repeat right 20px;
}

#houhou .box01 h4 { margin: 20px 0 0; }

#houhou .box01 dl {
  margin: 15px 0 0;
  padding: 5px 20px;
  border: solid 1px #ccc;
}

#houhou .box01 dt { position: relative; }

#houhou .box01 dt span {
  padding: 15px 0 0 70px;
  display: block;
}

#houhou .box01 dt img {
  width: 55px;
  height: auto;
  top: 15px;
  position: absolute;
}

#houhou .box01 dd {
  padding: 0 0 15px 70px;
  border-bottom: dotted 1px #ccc;
  min-height: 35px;
}

#houhou .box01 dd:last-child { border-bottom: none; }
#houhou .list { padding: 40px 0 0; }

#houhou .list ul {
  border-bottom: solid 40px #fff;
  width: 100%;
}

#houhou .list ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#houhou .list li {
  width: 25%;
  float: left;
}

#houhou .list li a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  letter-spacing: 0;
  text-align: center;
  text-decoration: none;
  margin: 2px;
  padding: 20px 0;
  border: solid 1px #999;
  display: block;
  background: url(../../../img/btn_bg.gif) repeat-x left top #f0efea;
}

#houhou .list li a:hover { background: url(../../../img/btn_bg_over.gif) repeat-x left top #e7e6e1; }
#houhou .list li a.line2 { padding: 9px 0; }

#houhou .list li a img {
  width: 80px;
  height: auto;
}

#houhou .list li a span {
  padding: 5px 0 0;
  display: block;
}

/*  houhou_zoom --------------------------------*/
#houhou_zoom .contents_l { width: 730px; }

#houhou_zoom .contents_l:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#houhou_zoom .houhou_title {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 24px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 36px;
  margin: 0 0 20px;
  padding: 5px 15px;
  background: #f2f2f2;
}

#houhou_zoom .houhou_title span {
  font-size: 12px;
  padding: 0 10px;
}

#houhou_zoom #houhou_cat {
  width: 240px;
  float: right;
}

#houhou_zoom #houhou_text {
  width: 480px;
  float: left;
}

#houhou_zoom #houhou_cat dt {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #666;
  margin: 20px 0 0;
  padding: 7px 14px;
  background: #f2f2f2;
}

#houhou_zoom #houhou_cat dd {
  font-size: 12px;
  padding: 10px 0 0;
}

#houhou_zoom #houhou_cat dd a {
  color: #ff4075;
  text-decoration: none;
}

#houhou_zoom #houhou_cat dd a:hover {
  color: #000;
  text-decoration: underline;
}

#houhou_zoom #houhou_cat ul {
  border-bottom: solid 5px #fff;
  width: 240px;
}

#houhou_zoom #houhou_cat ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#houhou_zoom #houhou_cat li {
  border-left: solid 6px #fff;
  float: left;
}

#houhou_zoom #houhou_cat li:first-child { border-left: none; }

#houhou_zoom #houhou_cat li img {
  width: 55px;
  height: auto;
}

#houhou_zoom #houhou_text div { padding: 0 0 20px; }

#houhou_zoom #houhou_text p {
  line-height: 25px;
  padding: 20px 10px 10px;
}

#houhou_zoom #houhou_text .note {
  font-size: 12px;
  color: #999;
}

#houhou_zoom .sp_only { display: none; }

/* carousel */
#houhou_zoom #related_area {
  padding: 20px 10px 30px;
  border-top: solid 1px #ccc;
}

#houhou_zoom #related_area h3 {
  font-size: 16px;
  font-weight: bold;
  color: #1dbee5;
  padding: 0 0 10px;
}

#houhou_zoom #fortune_carousel {
  margin: 0 auto;
  width: 800px;
  position: relative;
}

#houhou_zoom #fortune_carousel .prev, #houhou_zoom #fortune_carousel .next {
  display: block;
  position: absolute;
}

#houhou_zoom #fortune_carousel .prev {
  top: 60px;
  left: -40px;
}

#houhou_zoom #fortune_carousel .next {
  top: 60px;
  right: -40px;
}

/*  Guide
-----------------------------------------------------------------------------*/
#guide h3 { margin: 0 0 30px; }

#guide .box {
  width: 730px;
  overflow: hidden;
}

#guide .box ul { width: 750px; }

#guide .box ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#guide .box li {
  box-sizing: border-box;
  padding: 0 20px 20px 0;
  float: left;
}

#guide .box img {
  width: 100%;
  height: auto;
}

#guide .col2 {
  margin: 0 0 25px;
  padding: 0 0 5px;
  border-bottom: solid 1px #e7e7e7;
}

#guide .col2 li { width: 375px; }
#guide .col4 { padding: 0 0 30px; }
#guide .col4 li { width: 187px; }

/*  beginner --------------------------------*/
#guide_beginner { max-width: 100%; }

#guide_beginner .st {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 26px;
  font-weight: normal;
  color: #1dbee5;
  line-height: 30px;
  text-align: center;
}

#guide_beginner .sst {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 16px;
  color: #1dbee5;
  padding: 2px 0 2px 10px;
  border-left: solid 1px #1dbee5;
}

#guide_beginner .box {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  height: auto;
  max-width: 1100px;
  min-width: 970px;
}

#guide_beginner .box:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

/* catch */
#guide_beginner #beginner_catch .photo {
  text-align: center;
  margin: 20px 0 0;
  position: relative;
}

#guide_beginner #beginner_catch .photo > img {
  width: 100%;
  width: 970px;
  height: auto;
}

#guide_beginner #beginner_catch .photo h3 {
  width: 100%;
  top: 70px;
  position: absolute;
}

#guide_beginner #beginner_catch .photo > p {
  width: 100%;
  bottom: 60px;
  position: absolute;
}

#guide_beginner #beginner_catch .txt {
  text-align: center;
  padding: 40px 0 80px;
}

#guide_beginner #beginner_catch .txt:last-child { padding: 0; }

#guide_beginner #beginner_catch .txt p {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 16px;
  line-height: 28px;
  margin: 0 auto;
  padding: 40px 0 0;
  width: 640px;
}

#guide_beginner #beginner_catch .txt a {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  color: #999;
  text-decoration: none;
  margin: 80px 0 40px;
  padding: 8px 30px;
  border: solid 1px #e7e7e7;
  display: inline-block;
}

#guide_beginner #beginner_catch .txt a:hover {
  color: #bbb;
  border: solid 1px #efefef;
}

#guide_beginner #beginner_catch .txt a span {
  font-size: 12px;
  padding: 0 0 0 5px;
}

/* about */
#guide_beginner #beginner_about {
  padding: 40px 0;
  background: #fefbef;
}

#guide_beginner #beginner_about .box {
  box-sizing: border-box;
  padding: 40px 10px 0;
}

#guide_beginner #beginner_about .box div {
  box-sizing: border-box;
  text-align: center;
  width: 50%;
  float: left;
}

#guide_beginner #beginner_about .box div img {
  margin: 0 auto;
  height: auto;
  max-width: 444px;
}

#guide_beginner #beginner_about .box div dl {
  text-align: left;
  margin: 0 auto;
  padding: 20px 0 0;
  max-width: 444px;
}

#guide_beginner #beginner_about .box div dd { padding: 20px 0; }

/* event */
#guide_beginner #beginner_event { padding: 0 0 60px; }
#guide_beginner #beginner_event h3 { padding: 40px 0; }

#guide_beginner #beginner_event > p {
  box-sizing: border-box;
  font-size: 15px;
  margin: 0 auto;
  padding: 0 40px 40px;
  max-width: 1050px;
}

#guide_beginner #beginner_event .box {
  padding: 0 40px;
  max-width: 1050px;
}

#guide_beginner #beginner_event .box p {
  width: 66%;
  max-width: 645px;
  float: left;
}

#guide_beginner #beginner_event .box ul {
  box-sizing: border-box;
  padding: 0 0 0 6px;
  width: 33%;
  max-width: 314px;
  float: right;
}

#guide_beginner #beginner_event .box .column3 {
  padding: 10px 0 0;
  width: 100%;
  max-width: 970px;
}

#guide_beginner #beginner_event .box .column3 li {
  padding: 0 0 0 17px;
  width: 32%;
  float: left;
}

#guide_beginner #beginner_event .box .column3 li:first-child { padding: 0; }

#guide_beginner #beginner_event .box img {
  vertical-align: top;
  width: 100%;
  height: auto;
}

#guide_beginner #beginner_event .box span {
  font-size: 12px;
  padding: 5px 0 10px;
  display: block;
}

/* tel */
#guide_beginner #beginner_tel { background: #dfecf5; }
#guide_beginner #beginner_tel h3 { padding: 40px 0; }
#guide_beginner #beginner_tel .box { position: relative; }

#guide_beginner #beginner_tel .pic {
  width: 54%;
  right: 0;
  bottom: 0;
  position: absolute;
}

#guide_beginner #beginner_tel .pic img {
  vertical-align: top;
  width: 100%;
  height: auto;
}

#guide_beginner #beginner_tel .cts {
  box-sizing: border-box;
  padding: 0 0 0 40px;
  width: 440px;
}

#guide_beginner #beginner_tel .txt { padding: 0 0 60px; }
#guide_beginner #beginner_tel .txt p { padding: 20px 0 0; }

#guide_beginner #beginner_tel .price {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  margin: 30px 0 0;
  padding: 30px 0 20px;
  width: 100%;
  background: #f8f8f8;
}

#guide_beginner #beginner_tel .price:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#guide_beginner #beginner_tel .price dl {
  width: 240px;
  display: inline-block;
}

#guide_beginner #beginner_tel .price dt {
  font-size: 16px;
  padding: 2px 10px;
  border-left: solid 1px #1dbee5;
}

#guide_beginner #beginner_tel .price dd {
  font-size: 20px;
  padding: 10px;
}

#guide_beginner #beginner_tel .price dd span {
  font-size: 38px;
  color: #1dbee5;
}

#guide_beginner #beginner_tel .price p {
  color: #666;
  text-align: center;
  clear: both;
}

#guide_beginner #beginner_tel .price p span {
  font-size: 12px;
  line-height: 14px;
  padding: 5px 0 0;
  display: block;
}

#guide_beginner #beginner_tel .price p span br:first-child { display: none; }

#guide_beginner #beginner_tel .txt a {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  color: #999;
  text-decoration: none;
  margin: 30px 0 10px;
  padding: 8px 40px;
  border: solid 1px #999;
  display: inline-block;
}

#guide_beginner #beginner_tel .txt a:hover {
  color: #777;
  border: solid 1px #777;
}

#guide_beginner #beginner_tel .txt a span {
  font-size: 12px;
  padding: 0 0 0 15px;
}

/* compare */
#guide_beginner #beginner_compare { background: #000; }
#guide_beginner #beginner_compare .box { position: relative; }

#guide_beginner #beginner_compare .pic {
  width: 45%;
  left: 0;
  bottom: 0;
  position: absolute;
}

#guide_beginner #beginner_compare .pic img {
  vertical-align: top;
  width: 100%;
  height: auto;
}

#guide_beginner #beginner_compare .cts {
  box-sizing: border-box;
  color: #fff;
  padding: 0 40px 80px 0;
  width: 520px;
  float: right;
}

#guide_beginner #beginner_compare .cts h3 {
  font-size: 36px;
  color: #fff;
  line-height: 42px;
  padding: 70px 0 20px;
}

#guide_beginner #beginner_compare .cts p { padding: 20px 0 0; }

#guide_beginner #beginner_compare .cts ul {
  padding: 40px 0 20px;
  width: 100%;
}

#guide_beginner #beginner_compare .cts li {
  -webkit-border-radius: 300px;
  -moz-border-radius: 300px;
  border-radius: 300px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 32px;
  line-height: 36px;
  text-align: center;
  margin: 0 2px;
  padding: 35px 0;
  border: solid 1px #fff;
  width: 30%;
  display: inline-block;
}

#guide_beginner #beginner_compare .cts li span {
  font-size: 26px;
  display: block;
}

#guide_beginner #beginner_compare .cts a {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  margin: 20px 0 40px;
  padding: 8px 30px;
  border: solid 1px #fff;
  display: inline-block;
}

#guide_beginner #beginner_compare .cts a:hover {
  color: #ccc;
  border: solid 1px #ccc;
}

#guide_beginner #beginner_compare .cts a span {
  font-size: 12px;
  padding: 0 0 0 15px;
}

/* campaign */
#guide_beginner #beginner_campaign {
  padding: 20px 0 0;
  background: #fed4de;
}

#guide_beginner #beginner_campaign .box { position: relative; }

#guide_beginner #beginner_campaign .pic {
  box-sizing: border-box;
  padding: 0 0 0 20px;
  width: 45%;
  left: 0;
  bottom: 0;
  position: absolute;
}

#guide_beginner #beginner_campaign .pic img {
  vertical-align: top;
  width: 100%;
  height: auto;
}

#guide_beginner #beginner_campaign .cts {
  box-sizing: border-box;
  padding: 0 0 40px 60px;
  width: 60%;
  float: right;
}

#guide_beginner #beginner_campaign .cts h3 {
  font-size: 30px;
  color: #fff;
  line-height: 36px;
  text-align: left;
  padding: 40px 0 20px 20px;
}

#guide_beginner #beginner_campaign .cts dl { position: relative; }

#guide_beginner #beginner_campaign .cts dt {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  -webkit-border-radius: 300px;
  -moz-border-radius: 300px;
  border-radius: 300px;
  font-size: 22px;
  line-height: 28px;
  text-align: center;
  padding: 24px 0;
  border: solid 1px #000;
  width: 130px;
  position: absolute;
}

#guide_beginner #beginner_campaign .cts dt strong {
  font-size: 36px;
  font-weight: normal;
  display: block;
}

#guide_beginner #beginner_campaign .cts dd { padding: 0 20px 0 150px; }
#guide_beginner #beginner_campaign .cts dd p { padding: 0; }
#guide_beginner #beginner_campaign .cts dd div { padding: 50px 0 0; }

#guide_beginner #beginner_campaign .cts dd div p {
  font-size: 12px;
  line-height: 20px;
}

#guide_beginner #beginner_campaign .cts dd div ul {
  font-size: 12px;
  line-height: 20px;
}

#guide_beginner #beginner_campaign .cts dd div h4 {
  font-size: 16px;
  padding: 0 0 5px;
}

#guide_beginner #beginner_campaign .cts dd .code {
  font-size: 18px;
  padding: 20px 0;
}

#guide_beginner #beginner_campaign .cts dd .code br { display: none; }

#guide_beginner #beginner_campaign .cts span.pc {
  font-size: 18px;
  color: #000;
  display: inline;
}

#guide_beginner #beginner_campaign .cts span.sp {
  font-size: 18px;
  color: #000;
  display: none;
}

#guide_beginner #beginner_campaign .cts span {
  font-size: 12px;
  color: #999;
  line-height: 20px;
  padding: 10px 0;
  display: block;
}

/* movie */
#guide_beginner #beginner_movie .box { background: url(../../../guide/beginner/img/movie.jpg) no-repeat -15px bottom; }

#guide_beginner #beginner_movie h3 {
  font-size: 36px;
  color: #000;
  padding: 50px 0 60px;
}

#guide_beginner #beginner_movie .movie_area {
  width: 660px;
  float: right;
}

#guide_beginner #beginner_movie .movie_area:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#guide_beginner #beginner_movie .movie_area div {
  padding: 0 30px 30px 0;
  float: left;
}

#guide_beginner #beginner_movie .movie_area p {
  text-align: center;
  clear: both;
}

#guide_beginner #beginner_movie .movie_area a {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  color: #999;
  text-decoration: none;
  margin: 20px 0 70px;
  padding: 8px 30px;
  border: solid 1px #e7e7e7;
  display: inline-block;
  background: #fff;
}

#guide_beginner #beginner_movie .movie_area a:hover {
  color: #bbb;
  border: solid 1px #efefef;
}

#guide_beginner #beginner_movie .movie_area a span {
  font-size: 12px;
  padding: 0 0 0 5px;
}

/*  Campaign
-----------------------------------------------------------------------------*/
#camp .tokubetsu { padding: 55px 20px 70px; }
#camp .tokubetsu dl { padding: 40px 0 0; }

#camp .tokubetsu dt {
  font-size: 16px;
  font-weight: bold;
  color: #2bc4e9;
}

#camp .tokubetsu dd { padding: 15px 0 0; }
#camp .qum { padding: 35px 15px 70px; }

#camp .qum .box {
  padding: 35px 5px 0;
  overflow: hidden;
}

#camp .qum .box .pic {
  padding: 0 26px 0 0;
  float: left;
}

#camp .qum .box dl {
  padding: 10px;
  overflow: hidden;
}

#camp .qum .box dt { font-weight: bold; }
#camp .qum .box dd { padding: 5px 0 20px; }
#camp .qum .box dd li { padding: 0 0 7px; }
#camp .bd { padding: 35px 20px 70px; }

#camp .bd dl {
  margin: 0 65px;
  padding: 32px 43px;
  background: #fff4f8;
}

#camp .bd dt {
  font-size: 16px;
  font-weight: bold;
  color: #ff407b;
  line-height: 28px;
  padding: 0 0 15px;
}

#camp .bd dt span { font-size: 24px; }

#camp .bd .box {
  padding: 50px 0 0;
  overflow: hidden;
}

#camp .bd .box .pic {
  padding: 0 30px 0 0;
  float: left;
}

#camp .first { padding: 45px 20px 70px; }

#camp .first .pic {
  margin: 0 30px 0 0;
  float: left;
}

#camp .first .data { overflow: hidden; }
#camp .first .data h4 { margin: 0 0 15px; }
#camp .first .data .box01 { padding: 0 20px 40px; }

#camp .first .point1 {
  font-weight: bold;
  color: #cb0004;
}

#camp .first .point2 { text-decoration: underline; }

#camp .first .data dl {
  margin: 20px auto;
  border: solid 1px #d9d9d9;
  width: 326px;
  background: #fff7fa;
}

#camp .first .data dt {
  font-weight: bold;
  color: #ff407b;
  padding: 15px 0 0 22px;
  position: absolute;
}

#camp .first .data dd {
  font-size: 22px;
  text-align: center;
  margin: 0 0 0 170px;
  padding: 15px 0;
  background: #fff;
}

#camp .first .data dd.sp { display: none; }

/* 201507 added */
#camp .allprez .deadline_day {
  margin: 20px 20px 60px;
  border: solid 1px #FF4075;
}

#camp .allprez .deadline_day dt {
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  padding: 15px 0;
}

#camp .allprez .deadline_day dt span { color: #FF4075; }

#camp .allprez .deadline_day dd {
  color: #ff0000;
  text-align: center;
  padding: 20px 0;
  background: #FFF4F8;
}

#camp .allprez .deadline_day dd a {
  border-radius: 18px;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  line-height: 34px;
  text-decoration: none;
  margin: 0 40px;
  padding: 10px 0;
  display: block;
  background: #DD0000;
}

#camp .allprez .deadline_day dd a:hover { opacity: 0.8; }
#camp .allprez ul { margin: 40px 20px; }

#camp .allprez ul li {
  text-decoration: none;
  margin-bottom: 10px;
  padding: 0 10px 5px 30px;
  position: relative;
}

#camp .allprez ul li:before {
  font: normal normal normal 10px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #333;
  top: 3px;
  left: 0px;
  content: "\f046";
  position: absolute;
}

#camp .friend { padding: 0 0 50px; }
#camp .special { padding: 0 0 50px; }

#camp #special1509 dd ul.bg {
  padding: 20px 20px 40px;
  background: url(/info/camp/img/1509special/bg.jpg) left top no-repeat;
}

#camp #special1509 dd ul.bg li {
  text-indent: -1em;
  margin: 0 0 0.5em 1em;
}

#camp .first .point {
  font-weight: bold;
  color: #FF407B;
}

/*  Announce
-----------------------------------------------------------------------------*/
#announce .st {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 30px;
  font-weight: normal;
  color: #ff4075;
  line-height: 30px;
  text-align: center;
  margin: 0 auto;
  padding: 50px 0 0;
  border-top: solid 1px #e7e7e7;
  width: 970px;
}

#announce .sst {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 16px;
  color: #ff4075;
  padding: 2px 0 2px 10px;
  border-left: solid 1px #ff4075;
}

#announce .box {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  height: auto;
  max-width: 1100px;
  min-width: 970px;
}

#announce .box:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

/* new_price */
#announce #new_price { padding: 50px 0 0; }
#announce #new_price .box { position: relative; }

#announce #new_price .box .pic {
  width: 50%;
  right: 0;
  bottom: 0;
  position: absolute;
}

#announce #new_price .box .pic img {
  vertical-align: top;
  width: 100%;
  height: auto;
}

#announce #new_price .txt {
  padding: 20px 0 0 65px;
  width: 420px;
}

#announce #new_price .txt p { padding: 50px 0; }

#announce #new_price .txt h4 {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 20px;
  font-weight: normal;
  padding: 0 0 10px;
}

#announce #new_price .txt h4 span { font-size: 16px; }

#announce #new_price .txt h4 strong {
  font-weight: normal;
  color: #ff6c96;
}

#announce #new_price .txt div {
  -webkit-border-radius: 5px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  background: #f8f8f8;
}

#announce #new_price .txt i {
  font-size: 50px;
  color: #999;
  text-align: center;
  margin: 0 auto;
  padding: 5px 0;
  width: 40px;
  display: block;
}

#announce #new_price .txt div p {
  color: #999;
  padding: 20px 0 15px;
}

#announce #new_price .txt dl {
  text-align: left;
  padding: 30px 10px 0;
  display: inline-block;
}

#announce #new_price .txt dt {
  font-size: 18px;
  padding: 0 0 0 10px;
  border-left: solid 1px #000;
}

#announce #new_price .txt dd {
  font-size: 20px;
  padding: 10px 0 0 12px;
}

#announce #new_price .txt dd span { font-size: 28px; }
#announce #new_price .txt #new dt { border-left: solid 1px #ff6c96; }
#announce #new_price .txt #new dd { text-align: center; }

#announce #new_price .txt #new dd span {
  font-size: 38px;
  font-weight: normal;
  color: #ff6c96;
  line-height: 40px;
}

/* web_entry */
#announce #web_entry {
  background: url(../../../announce/img/web_entry.jpg) no-repeat center bottom;
  background-size: cover;
}

#announce #web_entry .st {
  padding: 50px 0;
  background: url(../../../announce/img/web_entry_title.png) repeat-x left top;
}

#announce #web_entry .txt {
  padding: 0 0 60px 65px;
  width: 420px;
}

#announce #web_entry .txt p { padding: 0 0 50px; }
#announce #web_entry .txt dl { position: relative; }

#announce #web_entry .txt dt {
  -webkit-border-radius: 300px;
  -moz-border-radius: 300px;
  border-radius: 300px;
  box-sizing: border-box;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  padding: 36px 10px 24px;
  border: solid 1px #000;
  width: 135px;
  position: absolute;
}

#announce #web_entry .txt dt span {
  font-size: 24px;
  padding: 0 0 5px;
  display: block;
}

#announce #web_entry .txt dd { padding: 40px 0 50px 150px; }

#announce #web_entry .txt .fulltime dt {
  font-size: 26px;
  line-height: 36px;
}

#announce #web_entry .txt .fulltime dt strong { color: #ff6c96; }
#announce #web_entry .txt .fulltime dd { padding: 50px 0 40px 150px; }

#announce #web_entry .txt .note {
  color: #ff6c96;
  text-indent: -1em;
  padding: 30px 0 40px 1em;
}

#announce #web_entry .txt a {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  color: #999;
  text-align: center;
  text-decoration: none;
  margin: 0 auto;
  padding: 8px 0;
  border: solid 1px #999;
  width: 300px;
  display: block;
}

#announce #web_entry .txt a:hover {
  color: #bbb;
  border: solid 1px #aaa;
}

#announce #web_entry .txt a span {
  font-size: 14px;
  padding: 0 0 0 20px;
}

/* rule */
#announce #rule div {
  box-sizing: border-box;
  font-size: 13px;
  margin: 0 auto;
  padding: 0 65px 50px;
  width: 100%;
  max-width: 1100px;
  min-width: 970px;
}

#announce #rule p { padding: 60px 0 30px; }
#announce #rule dl { position: relative; }
#announce #rule dt { position: absolute; }

#announce #rule dt span {
  width: 100px;
  display: inline-block;
}

#announce #rule dd { padding: 0 0 10px 300px; }

/*  Sitemap
-----------------------------------------------------------------------------*/
#sitemap {
  width: 970px;
  overflow: hidden;
}

#sitemap .box { width: 1010px; }

#sitemap .box:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#sitemap .box div {
  box-sizing: border-box;
  padding: 0 40px 0 0;
  width: 33.33%;
  float: left;
}

#sitemap .box dl { padding: 0 0 40px; }

#sitemap .box dt {
  font-size: 14px;
  font-weight: bold;
  border-top: solid 2px #1dbee5;
}

#sitemap .box dt.biz { border-top: solid 2px #369; }
#sitemap .box dt.free { border-top: solid 2px #f30; }
#sitemap .box dt.mail { border-top: solid 2px #fc0; }
#sitemap .box dt.program { border-top: solid 2px #66c; }

#sitemap .box dt a {
  font-size: 14px;
  padding: 12px 10px 11px;
}

#sitemap .box dd { border-bottom: dotted 1px #CDCCCC; }
#sitemap .box li { border-top: dotted 1px #CDCCCC; }

#sitemap .box a {
  text-decoration: none;
  padding: 10px 10px 9px;
  display: block;
}

#sitemap .box li a:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #d3d3d3;
  padding: 0 10px 0 0;
  display: inline-block;
  content: "\f0da";
}

#sitemap .box ul ul { padding: 0 0 5px 15px; }
#sitemap .box li li { border-top: none; }

#sitemap .box li li a {
  font-size: 12px;
  padding: 0 10px 5px;
}

#sitemap .box li li a:before { font: normal normal normal 10px/1 FontAwesome; }

#sitemap .spec {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  margin: 20px 0 40px;
  padding: 10px 0;
  width: 100%;
  background: #f2f2f2;
  clear: both;
}

#sitemap .spec strong { display: block; }

/*  Notice
-----------------------------------------------------------------------------*/
#notice { text-align: center; }

#notice h2 {
  font-size: 20px;
  color: #ff4075;
}

#notice .box {
  box-sizing: border-box;
  margin: 15px auto 40px;
  padding: 30px 50px;
  border: solid 1px #dbdbdb;
  width: 900px;
}

#notice .box p { padding: 30px 75px; }

/*  Line
-----------------------------------------------------------------------------*/
#line { padding: 0 0 100px; }

#line h3 {
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-radius: 10px 10px 10px 10px;
  font-size: 30px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  margin-bottom: 55px;
  padding: 50px 0;
  background: #00C300;
}

#line h3 span { }

#line .text {
  font-size: 20px;
  padding: 0 0 40px;
  text-align: center;
  margin: 0 auto;
}

#line .intro {
	margin: 50px 120px;
	font-size: 19px;
	line-height: 2;
}
#line .intro span {
	color: #6dbd24;
}
#line .intro p {
	margin-bottom: 30px;
}
#line .about {
	padding: 80px 0 80px;
}
#line .about:after {
	display: block;
	content: "";
	clear: both;
}
#line .about h4 {
	color: #6dbd24;
	text-align: center;
	font-size: 36px;
	font-weight: normal;
	margin-bottom: 60px;
}
#line .about dl dt {
	float: left;
	width: 287px;
}
#line .about dl dd {
	float: right;
	font-size: 19px;
	width: 610px;
	line-height: 2;
}
#line .about dl dd ol {
	margin-top: 50px;
}
#line .about dl dd ol li {
	margin-bottom: 30px;
}
#line .about dl dd ol li span {
	color: #19bfe7;
}
#line .about dl dd p.notes {
	color: #999999;
	font-size: 15px;
	line-height: 1.5;
}

#line .step {
	padding: 40px 0 80px;
}
#line .step:after {
	display: block;
	content: "";
	clear: both;
}
#line .step h4 {
	color: #6dbd24;
	text-align: center;
	font-size: 36px;
	font-weight: normal;
	margin-bottom: 60px;
}

#line .step ol > li {
	border: 1px solid #000;
	border-radius: 5px;
	padding: 40px 20px;
	margin-bottom: 30px;
}
#line .step ol > li a {
	color: #2cb7d4;
}
#line .step ol > li > dl {
	display: table;
}
#line .step ol > li > dl > dt,
#line .step ol > li > dl > dd {
	display: table-cell;
	vertical-align: middle;
}
#line .step ol > li > dl > dt {
	padding-right: 30px;
}
#line .step ol > li > dl > dd p {
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 2;
}
#line .step ol > li.step01 > dl > dd li {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 15px;
	color: #999;
}
#line .step ol > li.step01 > dl > dd li dt {
	height: 144px;
	vertical-align: middle;
	text-align: center;
}
#line .step ol > li.step01 > dl > dd .step01btn img {
	padding: 30px 0;
}
#line .step ol > li.step01 > dl > dd .step01btn {
	width: 45%;
}
#line .step ol > li.step01 > dl > dd .step01qr {
	width: 52.5%;
}

#line .faq {
	padding: 40px 0 80px;
}
#line .faq:after {
	display: block;
	content: "";
	clear: both;
}
#line .faq h4 {
	color: #6dbd24;
	text-align: center;
	font-size: 36px;
	font-weight: normal;
	margin-bottom: 60px;
}


#line .faq dt {
  font-size: 22px;
  font-weight: normal;
  line-height: 24px;
  margin: 10px 0 0;
  padding: 12px 40px 12px 57px;
  border: solid 1px #ccc;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  color: #3399ff;
  text-align: center;
}

#line .faq dt:after {
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #D3D3D3;
  top: 18px;
  right: 18px;
  display: inline-block;
  content: "\f067";
  position: absolute;
}

#line .faq dt.open:after {
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #D3D3D3;
  top: 18px;
  right: 18px;
  display: inline-block;
  content: "\f068";
  position: absolute;
}

#line .faq dd {
  font-size: 16px;
  line-height: 28px;
  padding: 30px 100px;
  border: 1px solid #CCCCCC;
  border-top: none;
  display: none;
}

#line .faq dd p { padding: 0 0 15px; }





#line .st {
  margin: 0 0 20px 115px;
  padding-left: 170px;
  background: url(../../../info/line/img/st01.gif) left top no-repeat;
}

#line .st dt {
  font-size: 24px;
  font-weight: bold;
  color: #00c300;
  padding: 25px 0;
}

#line .st dd {
  font-size: 18px;
  line-height: 28px;
  padding-bottom: 28px;
}

#line .stamp_list {
  zoom: 1;
  margin: 0 0 50px -25px;
  overflow: hidden;
}

#line .stamp_list li {
  margin: 0 0 20px 25px;
  float: left;
}

#line .link_btn { text-align: center; }

#line .link_btn a {
  border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  -webkit-radius: 30px 30px 30px 30px;
  font-size: 16px;
  color: #00c300;
  text-decoration: none;
  padding: 8px 40px;
  border: 4px solid #00c300;
}

#line .link_btn a:hover {
  color: #fff;
  background: #00c300;
}

/*  point_charge
-----------------------------------------------------------------------------*/
#point_charge {
  font-size: 17px;
  line-height: 28px;
  padding: 0 0 40px;
}

#point_charge .box01 { padding: 30px 30px 50px; }

#point_charge dt span {
  padding-left: 20px;
  display: block;
}

#point_charge dd { padding: 25px 25px 50px 25px; }

#point_charge .list01 {
  font-weight: bold;
  padding-top: 30px;
}

#point_charge .box01 p { padding-top: 30px; }

#point_charge .list02 {
  text-indent: -30px;
  margin-left: 30px;
}

/*  reason
-----------------------------------------------------------------------------*/
#reason {
  font-size: 16px;
  line-height: 28px;
  padding-top: 30px;
}

#reason .in_reason {
  margin: 0 auto;
  width: 970px;
}

#reason h2, #reason h3 {
  font-size: 30px;
  font-weight: normal;
  line-height: 30px;
  text-align: center;
  padding-bottom: 50px;
}

#reason .navi {
  margin: 0 0 20px -20px;
  overflow: hidden;
}

#reason .navi li {
  margin-left: 20px;
  float: left;
}

#reason .navi li .sp { display: none; }

#reason .main_image {
  text-align: center;
  margin-bottom: 30px;
  position: relative;
}

#reason .main_image h4 {
  top: 250px;
  right: 0px;
  position: absolute;
}

#reason .main_image .bg {
  width: 970px;
  height: auto;
}

#reason .text {
  margin: 0 auto;
  padding-bottom: 30px;
  width: 820px;
}

#reason .text p { margin-bottom: 30px; }

#reason .check {
  border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  -webkit-radius: 30px 30px 30px 30px;
  margin: 30px auto 95px;
  padding: 30px 0;
  border: 2px solid #fc9cb8;
  width: 870px;
  clear: both;
  position: relative;
}

#reason .check div { padding: 0 130px; }

#reason .check img {
  top: -30px;
  left: 25px;
  position: absolute;
}

#reason .media .clearfix {
  margin: 0 auto 35px;
  width: 750px;
}

#reason .media .clearfix ul {
  width: 375px;
  float: left;
}

#reason .media .image { margin-bottom: 100px; }

#reason .privacy {
  margin: 0 auto 100px;
  width: 830px;
  overflow: hidden;
}

#reason .privacy img {
  margin-right: 60px;
  float: left;
}

#reason .privacy div p { margin-bottom: 40px; }
#reason .privacy div span { font-size: 14px; }

#reason .experience {
  margin-bottom: 100px;
  overflow: hidden;
}

#reason .experience .pic {
  font-size: 14px;
  line-height: 24px;
}

#reason .experience .main { float: left; }

#reason .experience .pic .clearfix {
  margin-bottom: 20px;
  overflow: hidden;
}

#reason .experience .clearfix ul { float: right; }
#reason .experience ul li p { margin: 5px 0 10px; }

#reason .experience .pic .spic {
  margin-left: -19px;
  overflow: hidden;
}

#reason .experience .pic .spic + .spic { margin-top: 10px; }

#reason .experience .pic .spic li {
  margin-left: 19px;
  float: left;
}

#reason .office { margin-bottom: 80px; }

#reason .office ul {
  margin-left: -16px;
  overflow: hidden;
}

#reason .office li {
  font-size: 12px;
  margin-left: 16px;
  float: left;
}

#reason .office li p { padding: 8px 0 20px; }
#reason .system { margin-bottom: 70px; }

#reason .service {
  margin-bottom: 70px;
  overflow: hidden;
}

#reason .service .download {
  margin: 0 auto 30px;
  width: 770px;
  overflow: hidden;
}

#reason .service .download .pic { float: left; }

#reason .service .download .cont {
  width: 500px;
  float: right;
}

#reason .service .download .cont p { margin-bottom: 30px; }

#reason .service .download .cont {
  height: 342px;
  position: relative;
}

#reason .service .download .cont a {
  right: 0;
  bottom: -5px;
  position: absolute;
}

#reason .service .download .cont a:hover {
  -moz-opacity: 0.70;
  opacity: 0.70;
  filter: alpha(opacity=70);
}

#reason .service .image { margin-bottom: 70px; }

#reason .present_list {
  font-size: 14px;
  overflow: hidden;
}

#reason .present_list li p { padding: 5px 0 20px; }

#reason .present_list li {
  margin-left: 25px;
  float: left;
}

#reason .btn_link {
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-radius: 5px 5px 5px 5px;
  font-size: 14px;
  text-align: center;
  margin-right: 30px;
  width: 260px;
  background: #f3f3f3;
  float: right;
}

#reason .btn_link a {
  text-decoration: none;
  padding: 8px 0;
  display: block;
}

#reason .free .btn_link {
  margin-bottom: 40px;
  background: url("../../../reason/img/icon01.gif") 90% 50% no-repeat #f3f3f3;
}

#reason .free .check { margin-bottom: 110px; }
#reason .free .text { padding: 0; }

#reason .trust .bad {
  background: #e5e5e5;
  overflow: hidden;
}

#reason .trust .good {
  background: #fecedc;
  overflow: hidden;
}

#reason .trust .bad p, #reason .trust .good p { padding-bottom: 30px; }
#reason .trust .bad .in_cont div { padding: 40px 0 10px; }
#reason .trust .good .in_cont div { padding: 40px 0 30px; }
#reason .trust .bad img, #reason .trust .good img { float: right; }

#reason .trust .in_cont {
  margin: 0 auto;
  width: 970px;
}

#reason .trust .good { margin-bottom: 60px; }
#reason .trust .check { margin-bottom: 100px; }

#reason .relation {
  margin: 80px 0 50px;
  overflow: hidden;
}

#reason .relation .sp { display: none; }

#reason .relation dt {
  font-size: 28px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #cccccc;
}

#reason .relation dd ul { text-align: center; }

#reason .relation dd li p {
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  padding-top: 15px;
}

#reason .relation dd li span { display: none; }

#reason .relation dd li {
  margin-left: 20px;
  width: 292px;
  display: inline-block;
}

#reason .relation .sp { display: none; }
#reason.index02 .main_image { text-align: left; }

#reason.index02 .main_image h4 {
  top: 35px;
  left: 0px;
  position: absolute;
}

#reason.index02 .main_image { margin-bottom: 80px; }

#reason.index02 .fee {
  margin: 0 auto;
  width: 770px;
}

#reason.index02 .fee dl {
  margin-left: 90px;
  padding-bottom: 50px;
  width: 340px;
  float: left;
}

#reason.index02 .fee div {
  margin-left: -90px;
  overflow: hidden;
}

#reason.index02 .fee div dd p { padding-bottom: 30px; }
#reason.index02 .image { padding-bottom: 70px; }

#reason.index02 .d_payment {
  margin: 0 auto;
  padding-bottom: 40px;
  width: 770px;
}

#reason.index02 .d_payment ul { padding: 30px 0; }
#reason.index02 .comparison { padding-bottom: 40px; }

#reason.index02 .comparison table, #reason.index02 .discount table {
  margin: 0 auto;
  width: 720px;
}

#reason.index02 .comparison p {
  margin: 0 auto 20px;
  width: 770px;
}

#reason.index02 .comparison p span {
  font-size: 12px;
  text-align: right;
  margin: 0 auto;
  padding-top: 10px;
  width: 720px;
  display: block;
}

#reason.index02 .comparison table {
  line-height: 18px;
  border-top: 1px solid #cbcdcc;
  border-left: 1px solid #cbcdcc;
}

#reason.index02 .comparison td, #reason.index02 .comparison th, #reason.index02 .discount td, #reason.index02 .discount th {
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  padding: 10px 0px;
  border-bottom: 1px solid #cbcdcc;
  border-right: 1px solid #cbcdcc;
}

#reason.index02 .comparison table thead th, #reason.index02 .discount table thead th {
  padding: 5px;
  border-bottom: 2px solid #cbcdcc;
  background: #f9f9f9;
}

#reason.index02 .comparison table thead .tp, #reason.index02 .discount table thead .tp {
  border-bottom: 1px solid #cbcdcc;
  background: #fff;
}

#reason.index02 .comparison table thead .tp { font-weight: bold; }

#reason.index02 .comparison table th {
  font-weight: normal;
  padding: 20px;
  border-bottom: 1px solid #cbcdcc;
  background: #ffe3f1;
}

#reason.index02 .comparison table thead th.abg, #reason.index02 .discount table thead th.abg { background: #fff; }
#reason.index02 .comparison table th.abg, #reason.index02 .discount table th.abg, #reason.index02 .discount table th.price { background: #fff0f7; }
#reason.index02 .comparison table td, #reason.index02 .discount table td { background: #f9f9f9; }

#reason.index02 .comparison table td.price {
  text-align: left;
  padding: 10px 15px;
}

#reason.index02 .comparison table td.price_all {
  padding: 20px 0;
  background: #fff;
}

#reason.index02 .discount table td.price {
  text-align: left;
  padding: 10px 15px;
  background: #fff;
}

#reason.index02 .discount table td.price_all { padding: 20px 0; }
#reason.index02 .comparison table td.abg, #reason.index02 .discount table td.abg { background: #fff; }
#reason.index02 .change .text { padding-bottom: 40px; }
#reason.index02 .change strong { color: #454545; }
#reason.index02 .change .text span { text-decoration: underline; }

#reason.index02 .change table {
  color: #666;
  margin: 0 auto 20px;
  width: 900px;
}

#reason.index02 .change table th {
  font-size: 14px;
  color: #fff;
  padding: 5px 0;
  background: #b8b8b8;
}

#reason.index02 .discount table th {
  font-size: 14px;
  font-weight: normal;
  padding: 20px 0;
  border-bottom: 1px solid #cbcdcc;
  background: #ffe3f1;
}

#reason.index02 .change table .st { width: 180px; }
#reason.index02 .change table td, #reason.index02 .discount table td { font-size: 14px; }
#reason.index02 .change table, #reason.index02 .discount table { border-left: 1px solid #cccccc; }
#reason.index02 .change table { border-bottom: 1px solid #cccccc; }

#reason.index02 .change table th, #reason.index02 .change table td, #reason.index02 .discount table th, #reason.index02 .discount table td {
  line-height: 18px;
  text-align: center;
  border-right: 1px solid #cccccc;
}

#reason.index02 .change table td, #reason.index02 .discount table td { padding: 5px 0; }
#reason.index02 .change table .font_s, #reason.index02 .discount table .font_s { font-size: 10px; }

#reason.index02 .change table .abg01 td, #reason.index02 .change table .abg01 td {
  padding: 5px 0;
  background: #f7f7f7;
}

#reason.index02 .change table span, #reason.index02 .discount table span { font-size: 10px; }
#reason.index02 .change table .abg02 td, #reason.index02 .discount table .abg02 td { background: #f3f3f3; }

#reason.index02 .change .note {
  font-size: 10px;
  line-height: 14px;
  padding: 0 100px 50px 100px;
}

#reason.index02 .point {
  border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  -webkit-radius: 20px 20px 20px 20px;
  margin: 0 auto 80px;
  padding: 50px 0 55px;
  width: 880px;
  background: #efefef;
}

#reason.index02 .point p { padding: 0 50px 30px; }
#reason.index02 .point p span { text-decoration: underline; }

#reason.index02 .point .pic {
  text-align: center;
  padding-bottom: 25px;
}

#reason.index02 .discount .text { padding-bottom: 5px; }

#reason.index02 .discount table {
  line-height: 18px;
  margin-bottom: 50px;
  border-top: 1px solid #cbcdcc;
  border-left: 1px solid #cbcdcc;
}

#reason.index02 .discount table .none {
  text-align: left;
  padding: 0 60px;
}

#reason.index02 .discount .text .note {
  font-size: 12px;
  text-align: right;
  margin: 0 auto;
  padding-top: 30px;
  width: 720px;
  display: block;
}

#reason.index02 .discount .text p span { text-decoration: underline; }
#reason.index02 .popular { margin-bottom: 30px; }

#reason.index02 .popular .detail {
  padding: 0 60px 50px;
  overflow: hidden;
}

#reason.index02 .popular .detail .table { float: left; }
#reason.index02 .popular .text { padding-bottom: 50px; }

#reason.index02 .popular .detail .pic {
  font-size: 12px;
  color: #999999;
  line-height: 22px;
  float: right;
}

#reason.index02 .popular .questionnaire {
  padding: 0 60px 40px;
  overflow: hidden;
}

#reason.index02 .popular .questionnaire div {
  width: 250px;
  float: right;
}

#reason.index02 .popular .questionnaire div p, #reason.index02 .popular .questionnaire div ul { padding-bottom: 20px; }

#reason .teller_list {
  font-size: 12px;
  line-height: 18px;
  margin-left: -19px;
  padding-bottom: 80px;
  overflow: hidden;
}

#reason .teller_list li {
  margin-left: 19px;
  float: left;
}

#reason .teller_list li span.date_from { display: none; }
#reason .teller_list li p { padding: 10px 0 25px; }
#reason.index03 .main_image { margin-bottom: 60px; }

#reason.index03 .text .note {
  font-size: 14px;
  text-align: right;
  padding-top: 10px;
  display: block;
}

#reason.index03 .image {
  text-align: center;
  padding-bottom: 90px;
}

#reason.index03 .movie {
  padding-bottom: 80px;
  overflow: hidden;
}

#reason.index03 .movie .image { padding-bottom: 5px; }
#reason.index03 .phone .image { padding-bottom: 30px; }

#reason.index03 .qole_style {
  border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  -webkit-radius: 20px 20px 20px 20px;
  margin: 0 auto 80px;
  padding: 50px 0 55px;
  width: 880px;
  background: #efefef;
}

#reason.index03 .qole_style p { padding-bottom: 30px; }

#reason.index03 .qole_style p, #reason.index03 .qole_style .pic {
  margin: 0 auto;
  width: 770px;
}

#reason .movie .btn_link { width: 280px; }

#reason .movie .btn_link {
  margin-bottom: 40px;
  background: url("../../../reason/img/icon01.gif") 240px 50% no-repeat #f3f3f3;
}

#reason .movie .btn_link a { padding: 8px 25px 8px 0; }

#reason .relation li a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

/* scene
-----------------------------------------------------------------------------*/
#scene, #scene_top {
  font-size: 17px;
  line-height: 28px;
}

#scene .title {
  font-size: 28px;
  line-height: 40px;
}

#scene .pc { display: block; }
#scene .sp { display: none; }
#scene .cont { padding-bottom: 90px; }

#scene .note, #scene .text {
  margin: 0 auto 40px auto;
  width: 750px;
}

#scene h2 {
  font-size: 40px;
  font-weight: normal;
  line-height: 40px;
  text-align: center;
  padding-bottom: 20px;
}

#scene .mainimage { padding-bottom: 60px; }

#scene h3 {
  font-size: 28px;
  font-size: 28px;
  font-weight: normal;
  line-height: 30px;
  line-height: 30px;
  text-align: center;
  padding-bottom: 40px;
}

#scene .graph {
  padding-bottom: 90px;
  overflow: hidden;
}

#scene .graph .clearfix {
  margin: 0 auto;
  padding-bottom: 30px;
  width: 870px;
}

#scene .graph .w_image { text-align: center; }

#scene .graph .data {
  font-size: 10px;
  line-height: 16px;
  width: 300px;
  float: left;
}

#scene .graph .data p { padding-top: 5px; }

#scene .graph .text_data {
  margin-left: 20px;
  width: 540px;
  float: right;
}

#scene .graph .text_data p { padding-bottom: 30px; }

#scene .graph .text_data .comment {
  margin-bottom: 30px;
  padding: 30px 30px 30px 60px;
  border: 1px solid #cccccc;
  background: url(../../../scene/img/icon01.gif) 18px 18px no-repeat;
}

#scene .scene_topic .sst { display: none; }
#scene .scene_topic img { float: left; }

#scene .scene_topic div {
  padding-left: 10px;
  float: left;
}

#scene .scene_topic {
  zoom: 1;
  padding: 0 0 10px 0;
  background: url(../../../scene/img/love/bg01.jpg) right top no-repeat;
  overflow: hidden;
}

#scene .scene_topic img { margin-left: 50px; }

#scene .scene_topic div ul {
  font-size: 16px;
  padding-bottom: 35px;
}

#scene .scene_topic ul:nth-child(6), #scene .scene_topic ul:nth-child(8), #scene .scene_topic ul:nth-child(10) { padding-bottom: 48px; }

#scene .point {
  border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  -webkit-radius: 30px 30px 30px 30px;
  margin: 30px auto 0;
  padding: 30px 0;
  border: 2px solid #fc9cb8;
  width: 870px;
  clear: both;
  position: relative;
}

#scene .point div { padding: 0 130px; }

#scene .point img {
  top: -30px;
  left: 25px;
  position: absolute;
}

#scene .scene_link { margin-left: -28px; }

#scene .scene_link ul {
  padding-bottom: 20px;
  overflow: hidden;
}

#scene .scene_link li {
  vertical-align: top;
  margin-left: 28px;
  padding-bottom: 50px;
  width: 300px;
  display: inline-block;
}

#scene .scene_link li dt {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  padding: 10px 0;
}

#scene .howto {
  padding: 0 30px 30px 30px;
  overflow: hidden;
}

#scene .howto div {
  width: 500px;
  float: left;
}

#scene .howto img { float: right; }

#scene .howto ul {
  margin: 25px 0;
  padding: 25px 30px;
  border: 1px solid #cccccc;
}

#scene .howto ul li {
  text-indent: -15px;
  margin-left: 15px;
}

#scene .line {
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}

#scene .w_image { text-align: center; }
#scene .w_image .pc { display: block; }
#scene .w_image .sp { display: none; }
#scene .w_image img { display: inline-block; }

#scene #fortune_carousel {
  margin: 0 auto;
  width: 800px;
  position: relative;
}

#scene #fortune_carousel .prev {
  top: 60px;
  left: -40px;
}

#scene #fortune_carousel .prev, #scene #fortune_carousel .next {
  display: block;
  position: absolute;
}

#scene #fortune_carousel .next {
  top: 60px;
  right: -40px;
}

#scene .scene_links {
  margin-left: -10px;
  padding: 0 25px 0;
  overflow: hidden;
}

#scene .scene_links li a { text-decoration: none; }

#scene .scene_links ul li {
  line-height: 24px;
  margin-left: 10px;
  width: 222px;
  float: left;
}

#scene .scene_links ul li strong {
  font-size: 18px;
  padding: 8px 0;
  display: block;
}

#scene .text_area {
  margin: 0 auto 30px;
  width: 760px;
}

#scene .text_area p { padding-bottom: 25px; }

#scene .image {
  text-align: center;
  padding-bottom: 40px;
}

#scene .text_area .comment {
  margin-bottom: 30px;
  padding: 30px 30px 30px 60px;
  border: 1px solid #cccccc;
  background: url(../../../scene/img/icon01.gif) 18px 18px no-repeat;
}

#scene_top .top_menu {
  margin-left: -60px;
  padding-bottom: 20px;
}

#scene_top .top_menu li {
  vertical-align: top;
  margin-left: 60px;
  width: 450px;
  display: inline-block;
}

#scene_top .c_wrapper { padding: 20px 0 0; }

#scene_top .note {
  text-align: center;
  margin-bottom: 70px;
}

#scene_top .top_menu a { text-decoration: none; }

#scene_top .top_menu strong {
  font-weight: bold;
  padding: 8px 0;
  display: block;
}

#scene_top .top_menu dd { padding-bottom: 50px; }

#scene .relation dt {
  font-size: 28px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #cccccc;
}

#scene_top .relation dt {
  font-size: 28px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 30px;
  padding: 30px 0 0 0;
  padding-bottom: 15px;
  border: none;
  border-top: 1px solid #ccc;
}

#scene .relation, #scene_top .relation {
  margin: 0 0 60px;
  overflow: hidden;
}

#scene .relation .sp, #scene_top .relation .sp { display: none; }
#scene .relation dd ul, #scene_top .relation dd ul { text-align: center; }

#scene .relation dd li p, #scene_top .relation dd li p {
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  padding-top: 15px;
}

#scene .relation dd li span, #scene_top .relation dd li span { display: none; }

#scene .relation dd li, #scene_top .relation dd li {
  margin-left: 20px;
  width: 292px;
  display: inline-block;
}

#scene .relation .sp, #scene_top .relation .sp { display: none; }

#scene #fortune_carousel li {
  position: relative;
  padding: 15px 20px 0;
}
#scene #fortune_carousel p.status_online,
#scene #fortune_carousel p.status_working,
#scene #fortune_carousel p.status_offline,
#scene #fortune_carousel p.status_close,
#scene #fortune_carousel p.status_event {
  position: absolute;
  top: 0;
  left: 0;
}


/*  basic
-----------------------------------------------------------------------------*/
#basic {
  margin: 0 auto;
  width: 970px;
}

#basic .mainimage.pc { display: block; }
#basic .mainimage.sp { display: none; }

#basic .mainimage {
  text-align: center;
  padding: 30px 0 50px;
}

#basic #howto { padding-top: 30px; }

#basic .st {
  font-size: 30px;
  font-weight: normal;
  text-align: center;
  padding-bottom: 20px;
}

#basic .text {
  font-size: 17px;
  line-height: 28px;
  text-align: center;
  padding-bottom: 30px;
}

#basic .about a, #basic .howto li a { text-decoration: none; }
#basic .howto li:hover, #basic .about dt:hover { opacity: 0.8; }

#basic .about {
  font-size: 17px;
  line-height: 28px;
  padding-bottom: 40px;
}

#basic .about ul { margin-left: -12px; }

#basic .about dt strong {
  font-weight: bold;
  padding: 10px 0;
  display: block;
}

#basic .about li {
  vertical-align: top;
  margin-left: 27px;
  padding-bottom: 30px;
  width: 292px;
  display: inline-block;
}

#basic .relation {
  margin: 0 0 50px;
  overflow: hidden;
}

#basic .relation ul li:hover { opacity: 0.8; }
#basic .relation .sp { display: none; }

#basic .relation dt {
  font-size: 28px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 40px;
  padding-top: 20px;
  border-top: 1px solid #cccccc;
}

#basic .relation dd ul { text-align: center; }

#basic .relation dd li p {
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  padding-top: 15px;
}

#basic .relation dd li span { display: none; }

#basic .relation dd li {
  margin-left: 20px;
  width: 292px;
  display: inline-block;
}

#basic .relation .sp { display: none; }
#basic .howto { padding: 0 10px 50px 10px; }
#basic .howto ul { margin-left: -18px; }

#basic .howto li {
  vertical-align: top;
  margin-left: 35px;
  display: inline-block;
}

#basic .howto .category {
  font-size: 14px;
  color: #fff;
  padding: 4px 8px;
  background: #1dbee5;
  position: absolute;
}

#basic .howto li:hover .name span { color: #000; }

#basic .howto .name {
  font-size: 16px;
  font-weight: bold;
  padding-top: 5px;
}

#basic .howto .name span {
  font-size: 10px;
  font-weight: normal;
  display: block;
}

#basic .howto li { padding-bottom: 20px; }
#basic .howto li:hover { opacity: 0.8; }

/*  guide_top
-----------------------------------------------------------------------------*/
#guide_top .box {
  font-size: 17px;
  line-height: 28px;
}

#guide_top .box ul {
  margin-bottom: 25px;
  padding-top: 30px;
  overflow: hidden;
}

#guide_top .box li {
  letter-spacing: 0px;
  float: left;
}

#guide_top .box li a { text-decoration: none; }
#guide_top .box.col2 { margin-left: -26px; }

#guide_top .box.col2 li {
  margin-left: 26px;
  padding-bottom: 25px;
  width: 352px;
}

#guide_top .box.col3 {
  margin-left: -28px;
  padding-bottom: 25px;
}

#guide_top .box.col3 li {
  margin-left: 28px;
  width: 224px;
}

#guide_top .box.col3 li img { width: 224px; }

#guide_top .box li p {
  font-weight: bold;
  padding-top: 15px;
}

#guide_top .box li p.icon_beg {
  padding-left: 40px;
  background: url(../../../info/img/icon_beginner.gif) 5px 13px no-repeat;
}

#guide_top .box li span {
  padding-top: 8px;
  display: block;
}

#guide_top .wrap {
  margin: 0 0 40px;
  padding: 15px;
  background: #f3fdff;
}

#guide_top .wrap ul {
  box-sizing: border-box;
  padding: 10px;
  border: solid 1px #b3eaf8;
  width: 100%;
  background: #fff;
}

#guide_top .wrap ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#guide_top .wrap li { float: left; }

#guide_top .wrap li a {
  text-decoration: none;
  padding: 5px 20px 5px 20px;
  display: block;
  position: relative;
}

#guide_top .wrap li a:before {
  font: normal normal normal 10px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #BEBEBE;
  top: 8px;
  left: 10px;
  content: "\f0da";
  position: absolute;
}

#guide_top .telbox { padding-bottom: 30px; }
#guide_top .telbox span { color: #666; }

#guide_top .contact_press {
  margin: 0 0 30px;
  padding: 15px;
  background: #f5f5f5;
}

#guide_top .contact_press dt {
  font-size: 16px;
  font-weight: bold;
  padding: 0 5px 10px;
}

#guide_top .contact_press dd {
  box-sizing: border-box;
  padding: 10px 20px 10px 340px;
  border: solid 1px #ccc;
  width: 100%;
  background: #fff;
  position: relative;
}

#guide_top .contact_press .freetel {
  font-size: 30px;
  top: 8px;
  left: 20px;
  position: absolute;
}

#guide_top .contact_press .freetel span {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  color: #fff;
  line-height: 24px;
  vertical-align: top;
  margin: 9px 5px 0 0;
  padding: 2px 5px;
  display: inline-block;
  background: #1dbee5;
}

#guide_top .contact_press .time { color: #1dbee5; }

/*  basic
-----------------------------------------------------------------------------*/
#basic .nav_st {
  font-size: 28px;
  font-weight: normal;
  line-height: 30px;
  text-align: center;
  margin-bottom: 40px;
  padding-top: 30px;
  border-top: 1px solid #cccccc;
}

#basic .basic_st {
  font-size: 28px;
  font-weight: normal;
  line-height: 32px;
  margin: 0;
  padding: 30px 0 0;
}

#basic .cont {
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  padding: 10px 0 0;
}

#basic .cont .text {
  font-size: 16px;
  line-height: 28px;
  text-align: left;
  padding: 30px 70px 0;
}

#basic .basic_title {
  box-sizing: border-box;
  font-weight: normal;
  color: #fff;
  text-align: center;
  padding: 66px 0 0;
  height: 225px;
  background: url(../../../basic/img/inpage_title_bg.jpg) no-repeat center top;
  position: relative;
}

#basic .basic_title a {
  top: 0;
  right: 0;
  position: absolute;
}

#basic .basic_title .cat {
  font-size: 14px;
  padding: 7px 20px 4px;
  display: inline-block;
  background: #1dbee5;
}

#basic .basic_title strong {
  font-size: 52px;
  font-weight: normal;
  color: #000;
  line-height: 58px;
  padding: 12px 0 0;
  display: block;
}

#basic .basic_title .en {
  font-family: 'Times New Roman', 'Times', serif;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  display: block;
}

#basic .point {
  border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  -webkit-radius: 30px 30px 30px 30px;
  font-size: 16px;
  line-height: 28px;
  text-align: left;
  margin: 30px auto 0;
  padding: 30px 0;
  border: 2px solid #fc9cb8;
  width: 870px;
  clear: both;
  position: relative;
}

#basic .point div { padding: 0 30px 0 130px; }

#basic .point img {
  top: -30px;
  left: 25px;
  position: absolute;
}

/* about --------------------------------*/
#basic_about .fig {
  padding: 20px 0 0;
  position: relative;
}

#basic_about .fig span {
  font-size: 10px;
  color: #999;
  right: 80px;
  bottom: 30px;
  position: absolute;
}

#basic_about #box03 {
  width: 100%;
  overflow: hidden;
}

#basic_about #box03 .text {
  padding-right: 0;
  width: 420px;
  float: left;
}

#basic_about #box03 .fig {
  width: 460px;
  float: right;
}

#basic_about #box03 span {
  right: 0;
  bottom: 10px;
}

#basic_about #box04 { padding: 40px 0 0; }

#basic_about #history_data {
  text-align: left;
  padding: 40px 50px 0 175px;
  min-height: 640px;
  background: url(../../../basic/img/about_history_bg.png) no-repeat 50px 40px #fff;
  position: relative;
}

#basic_about #history_data dt {
  font-size: 13px;
  position: absolute;
}

#basic_about #history_data dt strong { display: none; }

#basic_about #history_data dd li {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-size: 14px;
  letter-spacing: 0;
  margin: 2px 0 0 140px;
  padding: 0 0 0 10px;
  border: 1px solid #ccc;
  position: relative;
}

#basic_about #history_data dd li:before {
  width: 20px;
  height: 13px;
  top: 7px;
  left: -15px;
  display: block;
  background: url(../../../basic/img/about_history_arr.png) no-repeat 0 0;
  content: " ";
  position: absolute;
}

#basic_about #history_data dt:nth-of-type(1) li:nth-of-type(1) { margin-top: 5px; }
#basic_about #history_data dt:nth-of-type(1) li:nth-of-type(2) { margin-top: 40px; }
#basic_about #history_data dt:nth-of-type(1) li:nth-of-type(3) { margin-top: 20px; }
#basic_about #history_data dd:nth-of-type(1) li:nth-of-type(2) { margin-top: 40px; }
#basic_about #history_data dd:nth-of-type(1) li:nth-of-type(3) { margin-top: 20px; }
#basic_about #history_data dd:nth-of-type(2) li { margin-top: 4px; }
#basic_about #history_data dt:nth-of-type(3) li { margin-top: 2px; }
#basic_about #history_data dd:nth-of-type(3) li { margin-top: 6px; }
#basic_about #history_data dd:nth-of-type(3) li:nth-of-type(1) { margin-top: 25px; }

/* houhou --------------------------------*/
#basic_houhou .type .text {
  text-align: center;
  padding: 20px 0 0;
}

#basic_houhou .type dl {
  vertical-align: top;
  padding: 30px 0 40px;
  width: 230px;
  display: inline-block;
}

#basic_houhou .type dl dt strong {
  box-sizing: border-box;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  font-size: 52px;
  font-weight: normal;
  color: #fff;
  line-height: 54px;
  margin: 0 auto;
  padding: 50px 0 0;
  width: 170px;
  height: 170px;
  display: block;
  background: #ff4075;
}

#basic_houhou .type dl:nth-of-type(2) { padding: 30px 80px 0; }
#basic_houhou .type dl:nth-of-type(2) dt strong { background: #ffc8d7; }

#basic_houhou .type dl:nth-of-type(3) dt strong {
  color: #ff4075;
  border: 1px solid #ffc8d7;
  background: #fff;
}

#basic_houhou .type dl dt span {
  font-size: 12px;
  line-height: 18px;
  display: block;
}

#basic_houhou .type dl dd {
  text-align: left;
  padding: 20px 0 0;
}

#basic_houhou .type ul { padding: 0 0 10px; }

#basic_houhou .type ul li span {
  color: #ff4075;
  width: 175px;
  display: inline-block;
}

#basic_houhou .type ul li strong {
  font-family: 'MS Pゴシック';
  font-size: 18px;
}

#basic_houhou .type dd p { padding: 20px 0 0; }
#basic_houhou #box03 .text { padding-bottom: 50px; }
#basic_houhou #box04 { padding-top: 40px; }

#basic_houhou #box04 .question {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho Pro W3", "HG明朝E", "MS P明朝", "MS PMincho", "MS 明朝", serif;
  font-weight: bold;
  text-align: center;
  padding: 0 70px;
  display: inline-block;
}

#basic_houhou #box04 .yes { color: #ff4075; }

#basic_houhou #box04 .question dt {
  font-size: 18px;
  line-height: 24px;
  padding: 30px 0 0;
}

#basic_houhou #box04 .question dd { padding: 40px 0 0; }

#basic_houhou #box04 .question dd .yes, #basic_houhou #box04 .question dd .no {
  font-size: 46px;
  line-height: 48px;
  padding: 0 30px;
}

#basic_houhou #box04 .result {
  margin: 0 auto;
  padding: 50px 0 0;
  width: 880px;
  overflow: hidden;
}

#basic_houhou #box04 .result dl {
  box-sizing: border-box;
  text-align: left;
  padding: 20px;
  border: 1px solid #ccc;
  border-left: none;
  width: 25%;
  float: left;
}

#basic_houhou #box04 .result dl:nth-child(even) { background: #ececec; }
#basic_houhou #box04 .result dl:first-child { border-left: 1px solid #ccc; }

#basic_houhou #box04 .result dt {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho Pro W3", "HG明朝E", "MS P明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 26px;
  font-weight: bold;
}

#basic_houhou #box04 .result dd {
  font-size: 14px;
  line-height: 22px;
  padding: 15px 0 0;
}

#basic_houhou #box04 .result dd p {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding: 5px;
}

#basic_houhou #box04 .result > p {
  font-size: 10px;
  color: #666;
  line-height: 20px;
  text-align: left;
  padding: 15px 0 0;
  clear: both;
}

#basic_houhou #box04 .point { margin: 80px auto; }

/* whats --------------------------------*/
#basic_whats #box01 .text { padding-bottom: 40px; }
#basic_whats #box02 .basic_st { padding-top: 80px; }

#basic_whats #box02 ul {
  text-align: center;
  padding: 50px 0 0;
}

#basic_whats #box02 li {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  box-sizing: border-box;
  font-size: 28px;
  color: #fff;
  vertical-align: middle;
  margin: 0 10px;
  padding: 68px 0;
  width: 160px;
  height: 160px;
  display: inline-block;
  background: #ff4075;
}

#basic_whats #box02 li span {
  text-align: left;
  display: inline-block;
}

#basic_whats #box02 li:nth-of-type(2) {
  padding: 54px 0;
  background: #FFA8C0;
}

#basic_whats #box03 .basic_st { padding-top: 100px; }

#basic_whats #box03 ul {
  text-align: center;
  padding: 30px 0 0;
}

#basic_whats #box03 li {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  box-sizing: border-box;
  font-size: 28px;
  color: #fff;
  margin: 0 20px;
  padding: 68px 0;
  width: 160px;
  height: 160px;
  display: inline-block;
  background: #ff4075;
}

#basic_whats #box03 li:nth-of-type(1) { background: #e3e3e3; }

#basic_whats #box03 li:nth-of-type(3) {
  color: #FFA8C0;
  border: 1px solid #FFA8C0;
  background: #fff;
}

#basic_whats #box04 .basic_st { padding-top: 100px; }

#basic_whats #box04 ul {
  text-align: center;
  padding: 30px 0 0;
}

#basic_whats #box04 li {
  -webkit-border-radius: 150px;
  -moz-border-radius: 150px;
  border-radius: 150px;
  box-sizing: border-box;
  vertical-align: top;
  margin: 0 15px;
  padding: 45px 0 0;
  width: 260px;
  height: 260px;
  display: inline-block;
  background: #ff4075;
}

#basic_whats #box04 dt { font-size: 28px; }

#basic_whats #box04 dd {
  letter-spacing: -0.05em;
  line-height: 25px;
  text-align: center;
}

#basic_whats #box04 dd p {
  letter-spacing: 0;
  text-align: left;
  padding: 15px 0 0;
  display: inline-block;
}

#basic_whats #box04 dd span {
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  padding: 15px 45px;
  display: inline-block;
}

#basic_whats #box04 li:nth-of-type(1) { color: #fff; }
#basic_whats #box04 li:nth-of-type(1) dd span { color: #000; }
#basic_whats #box04 li:nth-of-type(2) { background: #FFC8D7; }

#basic_whats #box04 li:nth-of-type(3) {
  border: 1px solid #FFA8C0;
  background: #fff;
}

#basic_whats #box04 li:nth-of-type(3) dt { color: #ff4075; }
#basic_whats #box04 li:nth-of-type(4) { background: #FFE8EE; }
#basic_whats #box04 li:nth-of-type(4) dt { color: #ff4075; }
#basic_whats #box04 li:nth-of-type(5) { background: #f4f4f4; }
#basic_whats #box04 li:nth-of-type(5) dd { color: #ff4075; }
#basic_whats #box04 li:nth-of-type(5) dd span { color: #000; }
#basic_whats #box05 .basic_st { padding-top: 80px; }

#basic_whats #box05 li {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  padding: 60px 0 0;
  width: 400px;
  display: inline-block;
}

#basic_whats #box06 .basic_st { padding-top: 80px; }

#basic_whats .point {
  margin-bottom: 70px;
  margin-top: 60px;
}

/* fortune_teller --------------------------------*/
#basic_fortune_teller #box01 .text { padding-bottom: 40px; }
#basic_fortune_teller #box02 .text:nth-of-type(2) { padding-bottom: 40px; }
#basic_fortune_teller #box03 .basic_st { padding-top: 80px; }
#basic_fortune_teller #box03 .text:nth-of-type(2) { padding-bottom: 40px; }
#basic_fortune_teller #box04 .basic_st { padding-top: 80px; }

#basic_fortune_teller #box04 div {
  text-align: center;
  padding: 30px 0 0;
}

#basic_fortune_teller #box04 div dl {
  font-size: 14px;
  text-align: left;
  padding: 0 15px;
  display: inline-block;
}

#basic_fortune_teller #box05 .basic_st { padding-top: 80px; }

#basic_fortune_teller #box05 h4 {
  font-size: 20px;
  font-weight: normal;
  padding-top: 40px;
}

#basic_fortune_teller #box05 ul {
  text-align: center;
  padding: 30px 0 50px;
}

#basic_fortune_teller #box05 li { display: inline-block; }

#basic_fortune_teller #box05 li p {
  font-size: 30px;
  vertical-align: top;
  padding: 70px 0 0;
  display: inline-block;
}

#basic_fortune_teller #box05 dl {
  vertical-align: top;
  display: inline-block;
}

#basic_fortune_teller #box05 dt {
  font-size: 15px;
  color: #999;
  padding: 0 0 5px;
}

#basic_fortune_teller #box05 dd {
  -webkit-border-radius: 150px;
  -moz-border-radius: 150px;
  border-radius: 150px;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 22px;
  padding: 30px 0 0;
  width: 100px;
  height: 100px;
}

#basic_fortune_teller #box05 li:nth-of-type(2) { padding: 0 65px; }

#basic_fortune_teller #box05 li:nth-of-type(1) dl:nth-of-type(1) dd {
  color: #fff;
  background: #ff4075;
}

#basic_fortune_teller #box05 li:nth-of-type(1) dl:nth-of-type(2) dd {
  color: #ff4075;
  border: 1px solid #ff4075;
}

#basic_fortune_teller #box05 li:nth-of-type(2) dl:nth-of-type(1) dd { background: #ffc8d7; }

#basic_fortune_teller #box05 li:nth-of-type(2) dl:nth-of-type(2) dd {
  padding: 40px 0 0;
  background: #f4f4f4;
}

#basic_fortune_teller #box05 li:nth-of-type(3) dl:nth-of-type(1) dd {
  color: #ffc8d7;
  padding: 40px 0 0;
  border: 1px solid #ffc8d7;
}

#basic_fortune_teller #box05 li:nth-of-type(3) dl:nth-of-type(2) dd { background: #ffe8ee; }
#basic_fortune_teller #box06 .basic_st { padding-top: 80px; }
#basic_fortune_teller #box06 .text:nth-of-type(3) { padding-bottom: 40px; }
#basic_fortune_teller #box07 { padding-bottom: 100px; }
#basic_fortune_teller #box07 .basic_st { padding-top: 80px; }
#basic_fortune_teller #box07 .text:nth-of-type(2) { padding-bottom: 40px; }

/* howto --------------------------------*/
#basic_howto #box01 .text {
  padding-bottom: 40px;
  padding-top: 60px;
}

#basic_howto #box02 .basic_st { padding-top: 80px; }
#basic_howto #box02 div { padding: 40px 0 0; }

#basic_howto #box02 dl {
  text-align: left;
  vertical-align: top;
  padding: 0 20px;
  width: 415px;
  display: inline-block;
}

#basic_howto #box02 strong {
  font-size: 20px;
  font-weight: bold;
  padding: 15px 0 0;
  display: block;
}

#basic_howto #box02 dd { padding: 10px 0 30px; }

#basic_howto #box02 .style .basic_sst {
  font-size: 22px;
  font-weight: normal;
  padding: 0 0 15px;
}

#basic_howto #box02 .style div { padding: 0; }

#basic_howto #box02 .style table {
  margin: 0 auto;
  border-collapse: collapse;
  width: 870px;
}

#basic_howto #box02 .style th, #basic_howto #box02 .style td { border: 1px solid #999; }

#basic_howto #box02 .style thead th {
  font-size: 18px;
  font-weight: bold;
  color: #ff4075;
  padding: 20px;
}

#basic_howto #box02 .style tbody tr:nth-child(odd) th, #basic_howto #box02 .style tbody tr:nth-child(odd) td { background: #f6f6f6; }

#basic_howto #box02 .style tbody th {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  padding: 4px;
  width: 170px;
}

#basic_howto #box02 .style tbody td {
  font-family: 'MS Pゴシック';
  font-size: 20px;
  font-weight: bold;
}

#basic_howto #box02 .style img { vertical-align: middle; }

#basic_howto #box02 .style span {
  line-height: 20px;
  vertical-align: middle;
  padding: 10px;
  display: inline-block;
}

#basic_howto #box02 .style tfoot th, #basic_howto #box02 .style tfoot td {
  line-height: 24px;
  text-align: left;
  border: none;
}

#basic_howto #box02 .style tfoot td {
  font-size: 14px;
  vertical-align: top;
  padding: 15px 10px;
}

#basic_howto #box02 .style .sp { display: none; }
#basic_howto #box03 .basic_st { padding-top: 100px; }
#basic_howto #box03 .text { padding-bottom: 40px; }
#basic_howto #box03 .point { margin-top: 60px; }
#basic_howto #box04 .basic_st { padding-top: 100px; }

#basic_howto #box04 .box04_type {
  text-align: center;
  padding: 20px 0 60px;
}

#basic_howto #box04 dl {
  text-align: left;
  vertical-align: top;
  padding: 0 8px;
  width: 160px;
  display: inline-block;
}

#basic_howto #box04 dt {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho Pro W3", "HG明朝E", "MS P明朝", "MS PMincho", "MS 明朝", serif;
  box-sizing: border-box;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  font-size: 18px;
  letter-spacing: -0.025em;
  text-align: center;
  padding: 40px 0;
  width: 160px;
  height: 160px;
}

#basic_howto #box04 dt span {
  text-align: left;
  display: inline-block;
}

#basic_howto #box04 dl:nth-of-type(1) dt { background: #FFE8EE; }
#basic_howto #box04 dl:nth-of-type(2) dt { background: #E2E2E2; }

#basic_howto #box04 dl:nth-of-type(3) dt {
  color: #fff;
  background: #ff4075;
}

#basic_howto #box04 dl:nth-of-type(4) dt { background: #FFC8D7; }

#basic_howto #box04 dl:nth-of-type(5) dt {
  padding-top: 52px;
  border: 1px solid #FFC8D7;
}

#basic_howto #box04 dd {
  font-size: 14px;
  line-height: 24px;
  padding: 15px 0 0;
}

#basic_howto .checkcheet {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  margin: 0 auto;
  width: 830px;
  background: #FFE8EE;
  position: relative;
}

#basic_howto .checkcheet div {
  text-align: center;
  padding: 20px 80px 20px 0;
}

#basic_howto .checkcheet .check_sst {
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
}

#basic_howto .checkcheet img {
  top: -20px;
  right: 30px;
  position: absolute;
}

#basic_howto .checkcheet p {
  text-align: left;
  padding: 10px 0 15px;
  width: 580px;
  display: inline-block;
}

#basic_howto .checkcheet a {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  text-decoration: none;
  padding: 5px;
  width: 560px;
  display: inline-block;
  background: #fff;
}

#basic_howto .checkcheet a:hover {
  color: #fff;
  background: #ff4075;
}

#basic_howto #box05 .basic_st { padding-top: 80px; }
#basic_howto #box05 .text { padding-bottom: 40px; }

#basic_howto #box05 .example {
  width: 100%;
  overflow: hidden;
}

#basic_howto #box05 .example div {
  padding: 0 37px;
  width: 410px;
  float: left;
}

#basic_howto #box05 .example div:nth-of-type(2) { float: right; }

#basic_howto #box05 .example h4 {
  font-size: 20px;
  font-weight: normal;
  padding: 30px 0 20px;
}

#basic_howto #box05 .example dl { position: relative; }
#basic_howto #box05 .example dt { position: absolute; }

#basic_howto #box05 .example dl:nth-of-type(odd) dt {
  right: 0;
  position: absolute;
}

#basic_howto #box05 .example dt span {
  font-size: 10px;
  color: #999;
  display: block;
}

#basic_howto #box05 .example dd {
  box-sizing: border-box;
  font-size: 14px;
  letter-spacing: -0.05em;
  line-height: 22px;
  text-align: left;
  padding: 9px 80px 0;
  height: 81px;
  background: url(../../../basic/img/howto_example02.gif) no-repeat 55px 0;
}

#basic_howto #box05 .example dl:nth-of-type(odd) dd { background: url(../../../basic/img/howto_example01.gif) no-repeat 65px 0; }

#basic_howto #box05 .example dd i, #basic_howto #box05 .example li i {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-family: 'Times New Roman', 'Times Roman', serif;
  font-style: normal;
  font-weight: bold;
  color: #fff;
  line-height: 20px;
  text-align: center;
  margin: 0 0 0 2px;
  width: 20px;
  height: 20px;
  display: inline-block;
  background: #ff4075;
}

#basic_howto #box05 .example ul { padding: 10px 0 0; }

#basic_howto #box05 .example li {
  letter-spacing: 0;
  text-align: left;
  padding: 20px 0 0 40px;
  position: relative;
}

#basic_howto #box05 .example li i {
  text-align: center;
  top: 22px;
  left: 10px;
  position: absolute;
}

#basic_howto #box05 .point { margin-top: 60px; }
#basic_howto #box06 .basic_st { padding-top: 80px; }

#basic_howto #box06 .text {
  text-align: center;
  padding-bottom: 50px;
}

#basic_howto #box06 dl {
  text-align: left;
  vertical-align: top;
  width: 270px;
  display: inline-block;
}

#basic_howto #box06 dl:nth-of-type(2) { padding: 0 40px; }

#basic_howto #box06 dt {
  font-size: 20px;
  line-height: 22px;
  min-height: 55px;
}

#basic_howto #box06 dd { padding: 0 0 40px; }

#basic_howto #box06 .point {
  margin-bottom: 70px;
  margin-top: 60px;
}

/* telephone --------------------------------*/
#basic_telephone #box02 .basic_st { padding-top: 40px; }
#basic_telephone #box02 .text:nth-of-type(2) { padding-bottom: 50px; }

#basic_telephone #box03 .process {
  margin: 20px auto 0;
  width: 830px;
  height: 480px;
  background: url(../../../basic/img/telephone_process.png) no-repeat 0 0;
}

#basic_telephone #box03 .process ul {
  height: 450px;
  position: relative;
}

#basic_telephone #box03 .process li {
  text-align: left;
  width: 200px;
  position: absolute;
}

#basic_telephone #box03 .process li p {
  font-size: 18px;
  text-indent: -1em;
  padding: 0 0 0 1em;
}

#basic_telephone #box03 .process li span {
  font-size: 14px;
  letter-spacing: -0.02em;
  line-height: 24px;
  padding: 10px 0 0;
  display: inline-block;
}

#basic_telephone #box03 .process li:nth-of-type(1) {
  text-align: center;
  width: 300px;
  top: 15px;
  left: 250px;
}

#basic_telephone #box03 .process li:nth-of-type(2) {
  width: 220px;
  top: 180px;
  right: 0;
}

#basic_telephone #box03 .process li:nth-of-type(3) {
  width: 250px;
  top: 180px;
  left: 0;
}

#basic_telephone #box03 .process li:nth-of-type(3) p { ; }
#basic_telephone #box03 .process .note { font-size: 12px; }
#basic_telephone #box03 .point { margin-top: 60px; }
#basic_telephone #box04 .basic_st { padding-top: 110px; }

#basic_telephone #box04 h4 {
  font-size: 18px;
  font-weight: bold;
  padding: 30px 0 20px;
}

#basic_telephone #box04 table {
  font-size: 12px;
  margin: 0 auto;
  border-collapse: collapse;
  width: 800px;
}

#basic_telephone #box04 table th, #basic_telephone #box04 table td {
  box-sizing: border-box;
  text-align: left;
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
}

#basic_telephone #box04 table th {
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  padding: 5px 0;
}

#basic_telephone #box04 thead tr:nth-child(2) td { padding: 0 15px; }

#basic_telephone #box04 thead td {
  font-size: 16px;
  font-weight: bold;
  width: 350px;
}

#basic_telephone #box04 thead td img { display: block; }

#basic_telephone #box04 tbody td {
  letter-spacing: -0.05em;
  line-height: 20px;
  padding: 5px 15px;
}

#basic_telephone #box04 .good { background: #ffe8ee; }

#basic_telephone #box04 .note {
  font-size: 12px;
  color: #999;
  padding: 10px 0 0;
}

#basic_telephone #box05 .basic_st { padding-top: 70px; }

#basic_telephone #box05 h4 {
  font-size: 18px;
  font-weight: bold;
  padding: 40px 0 10px;
}

#basic_telephone #box05 table {
  font-size: 12px;
  line-height: 18px;
  margin: 0 auto;
  border-collapse: collapse;
  width: 690px;
}

#basic_telephone #box05 table th, #basic_telephone #box05 table td {
  box-sizing: border-box;
  letter-spacing: 0;
  margin: 0;
  padding: 10px 0;
  border: 1px solid #000;
}

#basic_telephone #box05 table th {
  font-weight: normal;
  width: 15%;
}

#basic_telephone #box05 table td { width: 17%; }

#basic_telephone #box05 table thead td {
  font-size: 14px;
  font-weight: bold;
  padding: 15px 0;
}

#basic_telephone #box05 table tbody tr:nth-of-type(3) th, #basic_telephone #box05 table tbody tr:nth-of-type(3) td, #basic_telephone #box05 table tbody tr:nth-of-type(4) th, #basic_telephone #box05 table tbody tr:nth-of-type(4) td { background: #ffe8ee; }

#basic_telephone #box05 .note {
  font-size: 10px;
  text-align: right;
  margin: 0 auto 30px;
  width: 690px;
}

#basic_telephone #box05 .point { margin-top: 60px; }
#basic_telephone #box06 .basic_st { padding-top: 80px; }

#basic_telephone #box06 div {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin: 30px auto 80px;
  width: 880px;
  background: #ffe8ee;
}

#basic_telephone #box06 div dl {
  text-align: left;
  padding: 50px 30px;
  position: relative;
}

#basic_telephone #box06 div dt { font-size: 28px; }

#basic_telephone #box06 div img {
  top: 50px;
  right: 30px;
  position: absolute;
}

#basic_telephone #box06 div dl:nth-of-type(2) img { top: 100px; }

#basic_telephone #box06 div dd {
  padding: 20px 0 0;
  width: 530px;
}

/* amazon --------------------------------*/
#amazon .sp { display: none; }

#amazon .blc1 { margin-bottom: 90px; }

#amazon .title {
  font-family: 'Times New Roman';
  font-variant: normal;
}

#amazon h3 {
  border-radius: 10px;
  font-size: 30px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  margin-bottom: 55px;
  padding: 50px 0;
  background: #333e48;
}

#amazon h3.title_new {
  position: relative;
  padding: 26px 0;
}

#amazon h3 span.new {
  background: #fff;
  color: #303030;
  font-weight: bold;
  font-size: 20px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  line-height: 74px;
  margin-right: 20px;
}

#amazon h4 {
  color: #ff9900;
	text-align: center;
	font-size: 36px;
	font-weight: normal;
  line-height: normal;
}

#amazon .intro {
  font-size: 17px;
  margin: 0 0 64px 19px;
}

#amazon .blc2 .intro { margin-right: 19px; }
#amazon .intro .amazonpay { padding-top: 30px; }

#amazon .blc1 .intro p .amazonpay {
  margin: 0 auto 50px;
  display: block;
}

#amazon .intro p { width: 490px; }
#amazon .step { margin-bottom: 85px; }
#amazon .step h4 { margin-bottom: 20px; }

#amazon .step dl {
  font-size: 0;
  margin-bottom: 30px;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  padding: 25px;
  border-radius: 10px;
}

#amazon .step dl:last-of-type { margin-bottom: 0; }

#amazon .step dl dt,
#amazon .step dl dd,
#amazon .step dl dd img,
#amazon .step dl dd p {
  display: inline-block;
  vertical-align: middle;
}

#amazon .step dl dt { margin-right: 21px; }

#amazon .step dl dd {
  font-size: 18px;
  line-height: 26px;
}

#amazon .step dl dd img { margin-right: 25px; }
#amazon .step dl dd p { width: 510px; }
#amazon .step .step01 dd p { line-height: 34px; }

#amazon .step dl dd p .note {
  margin-top: 18px;
  font-size: 15px;
  color: #999999;
  display: block;
}

#amazon .faq { margin-bottom: 35px; }
#amazon .faq h4 { margin-bottom: 30px; }

#amazon .faq dt {
  font-size: 22px;
  font-weight: normal;
  line-height: 24px;
  margin-top: 30px;
  padding: 12px 40px 12px 57px;
  border: solid 1px #ccc;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  color: #00ccff;
  text-align: center;
}

#amazon .faq dt:after {
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #D3D3D3;
  top: 18px;
  right: 18px;
  display: inline-block;
  content: "\f067";
  position: absolute;
}

#amazon .faq dt.open:after {
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #D3D3D3;
  top: 18px;
  right: 18px;
  display: inline-block;
  content: "\f068";
  position: absolute;
}

#amazon .faq dd {
  font-size: 16px;
  line-height: 28px;
  padding: 25px 160px;
  border: 1px solid #CCCCCC;
  border-top: none;
  display: none;
}

#amazon .blc1 .faq dd {padding: 25px 130px; }
#amazon .faq dd p { padding-bottom: 10px; }

#amazon .note_list {
  color: #999999;
  font-size: 14px;
  margin-top: 40px;
}

#amazon .note_list h5 {
  text-align: center;
  font-weight: normal;
  font-size: 15px;
  margin-bottom: 20px;
}

#amazon .note_list ul {
  width: 600px;
  margin: 0 auto;
  line-height: 2em;
}

#amazon .note_list a { color: #999999; }

/*  review
-----------------------------------------------------------------------------*/
#review
.voice_list{
  display: flex;
  flex-wrap: wrap;
}
#review .voice_list li{
  box-sizing: border-box;
  width: 310px;
  margin: 0 20px 20px 0;
  border: 1px solid #ccc;
  border-radius: 10px;
}
#review .voice_list li:nth-child(3n){
  margin-right: 0;
}
#review .voice_list .voice_item_head a{
  padding: 18px 12px;
  text-decoration: none;
  display: flex;
  align-items: center;
  position: relative;
}
#review .voice_list .voice_item_head a:after{
  content: '';
  width: 94%;
  height: 3px;
  background-image: linear-gradient(to right, #f1f1f1, #f1f1f1 1px, #c4c4c4 2px, #e2e2e2 3px, transparent 4px, transparent 6px);
  background-size: 6px 3px;
  background-repeat: repeat-x;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
#review .voice_list .voice_item_head a img{
  width: 55px;
  margin-right: 12px;
}
#review .voice_list .voice_item_head a .teller_name{
  margin-right: 12px;
  font-weight: bold;
}
#review .voice_list .voice_item_head a .teller_name span{
  font-weight: normal;
  font-size: 13px;
}
#review .voice_list .voice_item_head a .teller_name span{
  color: #999;
  display: block;
}
#review .user_comment{
  padding: 18px;
}
#review .user_comment > div{
  padding-left: 40px;
  background: url(/img/_02_proft/icon_voice.gif) no-repeat 4px 0;
  background-size: 21px 28px;
  margin-bottom: 12px;
}
#review .user_comment > div dt{
  font-weight: bold;
}
#review .user_comment > div dd{
  font-size: 13px;
  color: #999;
}
/*  media
-----------------------------------------------------------------------------*/
#media #media_carousel li div:nth-child(2){
  padding:10px 15px;
}