@charset "UTF-8";
/*============================================================================
*
*	変数 関数
*
============================================================================*/
/*=======================================================================================
*
*	基本設定
*
*=======================================================================================*/
h1, h2, h3, h4, h5, h6, p, li, dt, dd, div, a {
  box-sizing: border-box;
}

.mt15 {
  display: inline-block;
  margin-left: -15px;
}

.mt10 {
  display: inline-block;
  margin-left: -10px;
}

.mt5 {
  display: inline-block;
  margin-left: -5px;
}

.mbClear {
  margin-bottom: 0 !important;
}

.center {
  width: 980px;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 768px) {
  .mpc.mt15 {
    margin-left: 0px;
  }

  .mpc.mt10 {
    margin-left: 0px;
  }

  .mpc.mt5 {
    margin-left: 0px;
  }
}
@media screen and (max-width: 768px) {
  .center {
    width: 100% !important;
  }

  .l-wrap {
    padding-top: 10px;
  }
}
/*============================================================================
*
*	common
*
============================================================================*/
.pc {
  display: block;
}

.pci {
  display: inline-block;
}

.sp {
  display: none;
}

.spi {
  display: none;
}

.autoLeft {
  float: left;
}

.autoRight {
  float: right;
}

@media screen and (max-width: 768px) {
  .sp {
    display: block;
  }

  .spi {
    display: inline-block;
    width: 100%;
    height: auto;
    max-height: auto;
  }

  .pc {
    display: none;
  }

  .pci {
    display: none;
  }

  .swi {
    width: 100%;
    height: auto;
    max-height: auto;
  }
}
/*============================================================================
*
*	color
*
============================================================================*/
/*======================================================================================================================================================================
*
*
*
*	本編
*
*
*
======================================================================================================================================================================*/
#GlobalFooter {
  margin-top: 0;
}

.l-page__main {
  padding-top: 40px;
  padding-bottom: 80px;
  background: #edf2ee;
}
@media screen and (max-width: 768px) {
  .l-page__main {
    padding: 0;
    padding-bottom: 50px;
  }
}

.cBtn {
  width: 100%;
}
.cBtn a, .cBtn .submit {
  display: block;
  color: #2fa16d;
  padding: 12px 15px;
  border: 2px solid #2fa16d;
  font-weight: bold;
  font-size: 14px;
  background: url(../../img/mypage/icon_arrow.png) no-repeat 96% 50%;
  background-size: 16px 9px;
  transition: all 250ms linear;
}
.cBtn .submitN {
  display: block;
  color: #2fa16d;
  padding: 12px 15px;
  border: 2px solid #2fa16d;
  font-weight: bold;
  font-size: 14px;
  transition: all 250ms linear;
  background: none;
}
.cBtn .submitN.dark {
  color: #838383;
  border: 2px solid #838383;
}
.cBtn.large a, .cBtn.large .submit {
  padding: 18px 15px;
  font-size: 16px;
  border-width: 3px;
  background: url(../../img/mypage/icon_arrow.png) no-repeat 96% 50%;
  background-size: 16px 9px;
}
.cBtn span {
  transition: all 250ms linear;
}
.cBtn.blue a, .cBtn.blue .submit {
  color: #00a5cb !important;
  border: 2px solid #00a5cb;
  background: url(../../img/mypage/icon_bluecoin.png) no-repeat 95% 50%;
  background-size: 25px 25px;
}
.cBtn.pink a, .cBtn.pink .submit {
  color: #ed3a83;
  border: 2px solid #ed3a83;
  background: url(../../img/mypage/icon_sien.png) no-repeat 96% 50%;
  background-size: 25px 25px;
}
.cBtn.pink.large a, .cBtn.pink.large .submit {
  color: #ed3a83;
  border: 3px solid #ed3a83;
  background: url(../../img/mypage/icon_sien.png) no-repeat 96% 50%;
  background-size: 30px 30px;
}
.cBtn.share a, .cBtn.share .submit {
  background: url(../../img/mypage/icon_kakusan.png) no-repeat 96% 50%;
  background-size: 23px 23px;
}
.cBtn.hover a, .cBtn.hover .submit {
  color: #FFFFFF;
  background: url(../../img/mypage/icon_arrow-hover.png) no-repeat 96% 50% #2fa16d;
  background-size: 16px 9px;
}
.cBtn.hover .submitN {
  color: #FFFFFF;
  background: #2fa16d;
}
.cBtn.hover .submitN.dark {
  background: #838383;
}
.cBtn.hover.pink a, .cBtn.hover.pink .submit {
  color: #FFFFFF;
  background: url(../../img/mypage/icon_sien-hover.png) no-repeat 96% 50% #ed3a83;
  background-size: 25px 25px;
}
.cBtn.hover.pink.large a, .cBtn.hover.pink.large .submit {
  color: #FFFFFF;
  background: url(../../img/mypage/icon_sien-hover.png) no-repeat 96% 50% #ed3a83;
  background-size: 30px 30px;
}
.cBtn.hover.blue a, .cBtn.hover.blue .submit {
  color: #FFFFFF !important;
  border: 2px solid #00a5cb;
  background: url(../../img/mypage/icon_bluecoin-hover.png) no-repeat 95% 50% #00a5cb;
  background-size: 25px 25px;
}
.cBtn.hover.share a, .cBtn.hover.share .submit {
  color: #FFFFFF;
  background: url(../../img/mypage/icon_kakusan-hover.png) no-repeat 96% 50% #2fa16d;
  background-size: 23px 23px;
}
.cBtn.hover.normal span {
  background: #62b891;
  color: #FFFFFF !important;
}
@media screen and (max-width: 768px) {
  .cBtn {
    width: 100% !important;
  }
}

/*============================================================================
*
*	profileSection
*
============================================================================*/
#ProfileSection {
  padding: 30px 0;
}
#ProfileSection .profileBox div {
  display: inline-block;
}
#ProfileSection .profileBox .name {
  font-size: 25px;
  font-weight: bold;
  margin-left: 20px;
  position: relative;
  top: -20px;
}
#ProfileSection .statusBox {
  position: absolute;
  left: 130px;
  top: 50px;
}
#ProfileSection .statusBox li {
  display: inline-block;
  color: #ed3a83;
}
#ProfileSection .statusBox li span {
  font-size: 15px;
  font-weight: bold;
}
#ProfileSection .statusBox li .number {
  font-family: "lato";
  font-weight: 800;
  font-size: 28px;
}
#ProfileSection .statusBox li .lastword {
  position: relative;
  left: -2px;
}
#ProfileSection .statusBox li:last-child {
  color: #62b891;
  margin-left: 15px;
}
#ProfileSection .statusBox li:last-child img {
  position: relative;
  top: -2px;
}
#ProfileSection.otherProfile .statusBox li {
  color: #ed3a83;
  margin: 0;
}
@media screen and (max-width: 768px) {
  #ProfileSection {
    padding: 25px 15px;
  }
  #ProfileSection .profileBox {
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
  }
  #ProfileSection .profileBox .name {
    font-size: 17px;
    margin-left: 7px;
    top: 0px;
  }
  #ProfileSection .profileBox img {
    width: 57px;
    height: auto;
    max-height: auto;
  }
  #ProfileSection .statusBox {
    position: relative;
    vertical-align: middle;
    left: 0px;
    top: -3px;
    display: inline-block;
  }
  #ProfileSection .statusBox li {
    display: block;
  }
  #ProfileSection .statusBox li img {
    width: 20px;
    height: auto;
    max-height: auto;
  }
  #ProfileSection .statusBox li span {
    font-size: 12px;
  }
  #ProfileSection .statusBox li .number {
    font-size: 20px;
  }
  #ProfileSection .statusBox li:last-child {
    margin-left: 0px;
  }
  #ProfileSection .statusBox li:last-child img {
    margin-right: 2px;
    width: 18px;
    height: auto;
    max-height: auto;
  }
}
@media screen and (max-width: 768px) and (max-width: 320px) {
  #ProfileSection .profileBox .name {
    font-size: 14px;
  }
  #ProfileSection .profileBox img {
    width: 54px;
  }
  #ProfileSection .statusBox li span {
    font-size: 11px;
  }
  #ProfileSection .statusBox li .number {
    font-size: 18px;
    margin-left: -2px;
  }
}

/*============================================================================
*
*	ContentSection
*
============================================================================*/
#ContentSection {
  /*=======accountRegistration=======*/
  /*=======sienArea=======*/
  /*=======Navi=======*/
  /*=======container=======*/
  /*=======shareArea=======*/
}
#ContentSection.accountRegistration {
  margin-top: 30px;
}
#ContentSection.accountRegistration .center {
  width: 500px;
}
#ContentSection.accountRegistration .center h3 {
  font-size: 25px;
  font-weight: bold;
}
#ContentSection.accountRegistration .center li {
  margin-top: 30px;
}
#ContentSection.accountRegistration .center li label {
  font-size: 14px;
  cursor: pointer;
}
#ContentSection.accountRegistration .center li h4 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 12px;
}
#ContentSection.accountRegistration .center li .box input[type="text"], #ContentSection.accountRegistration .center li .box textarea {
  border: 1px solid #e5e5e5;
  background: #FFFFFF;
  width: 100%;
  padding: 10px 12px;
  font-size: 14px;
}
#ContentSection.accountRegistration .center li .box textarea {
  height: 130px;
}
#ContentSection.accountRegistration .center button {
  border: 2px solid #62b891;
  width: 120px;
  height: 45px;
  line-height: 41px;
  margin: 0 auto;
  display: block;
  margin-top: 50px;
}
#ContentSection.accountRegistration .center button span {
  color: #62b891;
  font-weight: bold;
  display: block;
  width: 100%;
  height: 100%;
}
#ContentSection.accountRegistration .center .term {
  text-align: center;
}
#ContentSection.accountRegistration .center .term a {
  color: #62b891;
  font-size: 14px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #ContentSection.accountRegistration .center {
    padding: 15px;
  }
}
#ContentSection.accountRegistration.mail p {
  font-size: 15px;
  margin-top: 30px;
}
#ContentSection.accountRegistration.mail .btnBlock button {
  width: 180px;
  height: 50px;
  line-height: 48px;
  font-size: 15px;
  display: inline-block;
}
#ContentSection.accountRegistration.mail .btnBlock button:nth-child(1) {
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  #ContentSection.accountRegistration.mail .btnBlock button:nth-child(1) {
    margin-right: 0px;
    display: block;
  }
  #ContentSection.accountRegistration.mail .btnBlock button:nth-child(2) {
    margin-top: 10px;
  }
}
#ContentSection.accountRegistration.passward {
  text-align: center;
  padding: 40px 0;
}
#ContentSection.accountRegistration.passward .center {
  width: 600px;
}
#ContentSection.accountRegistration.passward .center h3 span {
  color: #62b891;
}
#ContentSection.accountRegistration.passward .center p {
  margin-top: 35px;
  margin-bottom: 35px;
  line-height: 1.8em;
  font-size: 15px;
}
#ContentSection.accountRegistration.passward .center form input {
  width: 78%;
  float: left;
  border: 1px solid #dbdbdb;
  background-color: #fff;
  height: 52px;
  padding-left: 15px;
  vertical-align: top;
}
#ContentSection.accountRegistration.passward .center form button {
  width: 20%;
  float: right;
  height: 52px;
  margin-top: 0;
  vertical-align: top;
  line-height: 47px;
}
@media screen and (max-width: 768px) {
  #ContentSection.accountRegistration.passward {
    text-align: left;
    padding: 0;
  }
  #ContentSection.accountRegistration.passward .center {
    width: 100%;
  }
  #ContentSection.accountRegistration.passward .center h3 {
    font-size: 24px;
  }
  #ContentSection.accountRegistration.passward .center h3 span {
    color: #62b891;
  }
  #ContentSection.accountRegistration.passward .center p {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  #ContentSection.accountRegistration.passward .center form input {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  #ContentSection.accountRegistration.passward .center form button {
    width: 100%;
    float: none;
  }
}
#ContentSection.accountRegistration.passward.setting h3 {
  margin-bottom: 30px;
}
#ContentSection.accountRegistration.passward.setting form .box {
  text-align: left;
  margin-bottom: 30px;
}
#ContentSection.accountRegistration.passward.setting form .box h4 {
  margin-bottom: 10px;
}
#ContentSection.accountRegistration.passward.setting form .box input {
  width: 100%;
  float: none;
}
#ContentSection.accountRegistration.passward.setting form button {
  width: 124px;
  display: table;
  margin: 0 auto;
  float: none;
}
#ContentSection.sienArea {
  padding: 30px 0;
}
#ContentSection.sienArea h2 {
  font-size: 27px;
  background: url(../../img/mypage/icon_sien.png) no-repeat 0% 50%;
  background-size: 32px 32px;
  font-weight: bold;
  padding-left: 40px;
  margin-bottom: 40px;
}
#ContentSection.sienArea .both .imageBlock {
  float: left;
  width: 340px;
}
#ContentSection.sienArea .both .imageBlock img {
  display: block;
  width: 100%;
  height: auto;
}
#ContentSection.sienArea .both .infoBlock {
  width: 610px;
  float: right;
  position: relative;
}
#ContentSection.sienArea .both .infoBlock h3 {
  font-size: 20px;
  font-weight: bold;
  padding-left: 20px;
  background: url(../../img/mypage/icon_line_pink.gif) no-repeat 0% 50%;
  background-size: 13px 2px;
  margin-bottom: 17px;
  margin-top: -6px;
}
#ContentSection.sienArea .both .infoBlock h3 small {
  font-weight: normal;
  font-size: 14px;
  display: inline-block;
}
#ContentSection.sienArea .both .infoBlock h4 {
  font-size: 14px;
  margin-bottom: 4px;
}
#ContentSection.sienArea .both .infoBlock .box {
  margin-bottom: 40px;
}
#ContentSection.sienArea .both .infoBlock .box .input {
  margin-bottom: 10px;
}
#ContentSection.sienArea .both .infoBlock .box:last-child {
  margin-bottom: 0;
}
#ContentSection.sienArea .both .infoBlock .box input[type="text"] {
  border: 1px solid #dbdbdb;
  background: #FFFFFF;
  width: 110px;
  height: 40px;
  line-height: 48px;
  padding-left: 10px;
  font-size: 15px;
}
#ContentSection.sienArea .both .infoBlock .box input[type="text"].long {
  width: 280px;
}
#ContentSection.sienArea .both .infoBlock .box .inline {
  display: inline-block;
  margin-right: 10px;
}
#ContentSection.sienArea .both .infoBlock .box select {
  border: 1px solid #dbdbdb;
  background: #FFFFFF;
  padding: 10px;
  font-size: 14px;
  cursor: pointer;
}
#ContentSection.sienArea .both .infoBlock .box textarea {
  border: 1px solid #dbdbdb;
  background: #FFFFFF;
  width: 100%;
  height: 100px;
}
#ContentSection.sienArea .both .infoBlock .box .checkBox {
  font-size: 14px;
}
#ContentSection.sienArea .both .infoBlock .box .checkBox label {
  display: block;
  cursor: pointer;
  margin-top: 20px;
  margin-bottom: 11px;
  font-weight: bold;
}
#ContentSection.sienArea .both .infoBlock .box .checkBox .point {
  color: #ed3a83;
  margin-bottom: 10px;
}
#ContentSection.sienArea .both .infoBlock .box .checkBox .atn {
  color: #7d7d7d;
}
#ContentSection.sienArea .both .infoBlock .box .checkBox.second {
  margin-bottom: 20px;
}
#ContentSection.sienArea .both .infoBlock .box .checkBox.second p {
  font-size: 13px;
  margin-top: -5px;
}
#ContentSection.sienArea .both .infoBlock .box .checkBox.second p span {
  color: #ed3a83;
}
#ContentSection.sienArea .both .infoBlock .cBtn {
  width: 250px;
  text-align: left;
}
#ContentSection.sienArea .both .infoBlock .ab {
  position: absolute;
  left: 0;
  bottom: 0;
}
#ContentSection.sienArea.complete h2 {
  padding: 0;
  background: none;
  text-align: center;
}
#ContentSection.sienArea.complete h2 span {
  color: #ed3a83;
}
#ContentSection.sienArea.complete .status {
  padding: 27px;
  padding-bottom: 24px;
  background: #FFFFFF;
}
#ContentSection.sienArea.complete .status .box {
  margin-right: 20px;
  margin-bottom: 0;
}
#ContentSection.sienArea.complete .status .box:last-child {
  margin-right: 0px;
}
#ContentSection.sienArea.complete .status .box h3 {
  font-size: 14px;
  padding: 0;
  background: none;
  margin-bottom: 5px;
}
#ContentSection.sienArea.complete .status .box:nth-child(2) h3 {
  color: #ed3a83;
}
#ContentSection.sienArea.complete .status .box div .number {
  font-size: 32px;
}
#ContentSection.sienArea.complete .status .box div .lastword {
  font-weight: bold;
  font-size: 13px;
  position: relative;
  left: -2px;
}
@media screen and (max-width: 768px) {
  #ContentSection.sienArea.complete .status {
    padding: 15px;
    padding-top: 20px;
  }
  #ContentSection.sienArea.complete .status .box {
    margin-right: 10px;
  }
  #ContentSection.sienArea.complete .status .box h3 {
    font-size: 13px;
  }
  #ContentSection.sienArea.complete .status .box:nth-child(2) h3 {
    color: #ed3a83;
  }
  #ContentSection.sienArea.complete .status .box div .number {
    font-size: 26px;
  }
  #ContentSection.sienArea.complete .status .box div .lastword {
    font-size: 12px;
  }
}
#ContentSection.sienArea.complete .btnBlock {
  margin-top: 35px;
  margin-bottom: 55px;
}
#ContentSection.sienArea.complete .btnBlock .cBtn {
  width: 230px;
  display: inline-block;
}
#ContentSection.sienArea.complete .btnBlock .cBtn:nth-child(1) {
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  #ContentSection.sienArea.complete .btnBlock {
    margin-bottom: 35px;
    margin-top: 20px;
  }
  #ContentSection.sienArea.complete .btnBlock .cBtn {
    display: block;
    margin-bottom: 10px !important;
  }
}
#ContentSection.sienArea.complete .shareBlock h4 {
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 23px;
}
#ContentSection.sienArea.complete .shareBlock .cBtn {
  width: 230px;
}
@media screen and (max-width: 768px) {
  #ContentSection.sienArea.complete .shareBlock {
    margin-top: 40px;
  }
}
#ContentSection.sienArea.complete .back {
  position: static;
  font-weight: bold;
  font-size: 16px;
  margin-top: 67px;
}
#ContentSection.sienArea.complete .back a {
  color: #62b891;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  #ContentSection.sienArea {
    padding-left: 15px;
    padding-right: 15px;
  }
  #ContentSection.sienArea h2 {
    font-size: 24px;
    margin-bottom: 30px;
  }
  #ContentSection.sienArea .both .imageBlock {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  #ContentSection.sienArea .both .imageBlock .item-detail {
    display: none;
  }
  #ContentSection.sienArea .both .infoBlock {
    width: 100%;
    height: auto;
    float: none;
  }
  #ContentSection.sienArea .both .infoBlock h3 {
    margin-bottom: 15px;
  }
  #ContentSection.sienArea .both .infoBlock .cBtn {
    text-align: center;
    position: static;
    margin-bottom: 30px;
  }
}
#ContentSection .navi li {
  width: 20%;
  height: 63px;
  line-height: 58px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
}
#ContentSection .navi li a, #ContentSection .navi li b {
  color: #62b891;
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid #62b891;
  border-right: none;
}
#ContentSection .navi li:last-child a, #ContentSection .navi li:last-child b {
  border-right: 2px solid #62b891;
}
#ContentSection .navi li.selected {
  background: #62b891;
}
#ContentSection .navi li.selected a, #ContentSection .navi li.selected b {
  color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  #ContentSection .navi li {
    height: 74px;
    line-height: 65px;
    background: #FFFFFF;
  }
  #ContentSection .navi li:nth-child(1) a, #ContentSection .navi li:nth-child(1) b {
    border-left: none;
  }
  #ContentSection .navi li:nth-child(5) a, #ContentSection .navi li:nth-child(5) b {
    border-right: none;
  }
}
#ContentSection.otherProfile .navi li {
  width: 50%;
}
#ContentSection.otherProfile .container ul li {
  border-top: 1px solid #e5e5e5;
  padding: 22px 0;
}
#ContentSection.otherProfile .container ul li:last-child {
  border-bottom: 1px solid #e5e5e5;
}
#ContentSection.otherProfile .container ul li dl {
  font-size: 15px;
}
#ContentSection.otherProfile .container ul li dl dt {
  color: #62b891;
  font-weight: bold;
  width: 100px;
  display: inline-block;
  vertical-align: top;
}
#ContentSection.otherProfile .container ul li dl dd {
  display: inline-block;
  vertical-align: top;
}
#ContentSection.otherProfile .container ul li dl dd a {
  display: inline-block;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  #ContentSection.otherProfile .container ul li {
    /*dl{
    	font-size: 15px;
    	dt{
    		width: 100%;
    		display: block;
    		margin-bottom: 10px;
    	}
    	dd{
    		display: block;
    	}
    }*/
  }
  #ContentSection.otherProfile .container ul li.text dl dt {
    margin-bottom: 10px;
  }
}
#ContentSection.otherProfile.support .container ul li {
  border: none;
  padding: 0;
}
#ContentSection.otherProfile.support .container ul li .box:nth-child(1) {
  margin-bottom: 10px;
}
#ContentSection .container {
  padding: 60px;
  padding-top: 45px;
  background: #FFFFFF;
}
#ContentSection .container h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
}
#ContentSection .container h2 span {
  font-family: "lato";
  font-weight: 900;
  font-size: 28px;
  color: #62b891;
  display: inline-block;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  #ContentSection .container {
    padding: 25px 15px;
    padding-bottom: 45px;
  }
  #ContentSection .container h2 {
    font-size: 20px;
  }
}
#ContentSection .container .tab {
  width: 100%;
}
#ContentSection .container .tab li {
  width: 16.66%;
  border: 1px solid #62b891;
  display: inline-block;
  border-right: none;
  height: 52px;
  text-align: center;
  line-height: 48px;
}
#ContentSection .container .tab li a, #ContentSection .container .tab li span {
  color: #62b891;
  font-weight: bold;
  font-size: 14px;
  display: block;
  width: 100%;
  height: 100%;
}
#ContentSection .container .tab li:last-child {
  border-right: 1px solid #62b891;
}
#ContentSection .container .tab li.selected {
  background: #62b891;
}
#ContentSection .container .tab li.selected a, #ContentSection .container .tab li.selected span {
  color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  #ContentSection .container .tab {
    margin-bottom: 20px;
  }
  #ContentSection .container .tab li {
    width: 50%;
    border: 1px solid #62b891;
    height: 42px;
    line-height: 42px;
  }
  #ContentSection .container .tab li a, #ContentSection .container .tab li span {
    font-size: 13px;
  }
  #ContentSection .container .tab li:nth-child(even) {
    border-left: none;
  }
  #ContentSection .container .tab li:nth-child(1), #ContentSection .container .tab li:nth-child(2), #ContentSection .container .tab li:nth-child(3) {
    border-bottom: none;
  }
}
#ContentSection .container form {
  border: 1px solid #e5e5e5;
  padding: 40px;
}
#ContentSection .container form h3 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #ContentSection .container form {
    padding: 0px;
    border: none;
  }
  #ContentSection .container form h3 {
    font-size: 20px;
  }
}
#ContentSection .container form ul li {
  margin-bottom: 40px;
}
#ContentSection .container form ul li h4 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 12px;
}
#ContentSection .container form ul li .box input[type="text"], #ContentSection .container form ul li .box input[type="password"], #ContentSection .container form ul li .box textarea {
  border: 1px solid #e5e5e5;
  background: #f5f5f5;
  width: 100%;
  padding: 10px 12px;
  font-size: 14px;
}
#ContentSection .container form ul li .box textarea {
  height: 130px;
}
#ContentSection .container form ul li .box .inline {
  display: inline-block;
  margin-right: 20px;
  font-size: 15px;
}
#ContentSection .container form ul li .box .inline span {
  display: inline-block;
  margin-left: 5px;
}
#ContentSection .container form ul li .box .inline select {
  border: 1px solid #e5e5e5;
  background: #f5f5f5;
  padding: 8px 12px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #ContentSection .container form ul li .box .inline {
    margin-right: 10px;
  }
  #ContentSection .container form ul li .box .inline span {
    display: inline-block;
    margin-left: 3px;
  }
}
#ContentSection .container form ul li.file .image {
  display: inline-block;
}
#ContentSection .container form ul li.file label {
  display: inline-block;
  border: 1px solid #bababa;
  padding: 6px 10px;
  font-size: 14px;
  cursor: pointer;
  margin-left: 10px;
}
#ContentSection .container form ul li.file label input {
  display: none;
}
#ContentSection .container form ul li.radio span {
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
}
#ContentSection .container form ul li.radio span:last-child {
  margin-right: 0px;
}
#ContentSection .container form ul li.text {
  font-size: 14px;
}
#ContentSection .container form button {
  border: 2px solid #62b891;
  width: 120px;
  height: 45px;
  line-height: 41px;
  margin: 0 auto;
  display: block;
}
#ContentSection .container form button span {
  color: #62b891;
  font-weight: bold;
  display: block;
  width: 100%;
  height: 100%;
}
#ContentSection .container .btnBlock.parallel {
  display: table;
  margin: 0 auto;
  margin-top: 50px;
}
#ContentSection .container .btnBlock.parallel .cBtn {
  width: 225px;
  display: inline-block;
}
#ContentSection .container .btnBlock.parallel .cBtn a {
  padding: 18px 15px;
  font-size: 16px;
}
#ContentSection .container .btnBlock.parallel .cBtn:nth-child(1) {
  margin-right: 30px;
}
@media screen and (max-width: 768px) {
  #ContentSection .container .btnBlock.parallel .cBtn:nth-child(1) {
    margin-top: -20px;
    margin-bottom: 10px;
  }
  #ContentSection .container .btnBlock.parallel .cBtn:nth-child(1) {
    margin-right: 0px;
  }
}
#ContentSection .container .table h3 {
  font-size: 18px;
  font-weight: bold;
  padding-left: 20px;
  background: url(../../img/mypage/icon_line.gif) no-repeat 0% 50%;
  background-size: 13px 2px;
  margin-bottom: 15px;
}
#ContentSection .container .table .left, #ContentSection .container .table .right {
  width: 415px;
}
#ContentSection .container .table .left {
  float: left;
}
#ContentSection .container .table .right {
  float: right;
}
#ContentSection .container .table table {
  width: 100%;
}
#ContentSection .container .table table th, #ContentSection .container .table table td {
  padding: 12px 10px;
  box-sizing: border-box;
  width: 33%;
}
#ContentSection .container .table table th {
  background: #62b891;
  color: #FFFFFF;
  font-size: 14px;
  border-right: 1px solid #47a67e;
}
#ContentSection .container .table table th:last-child {
  border-right: 1px solid #62b891;
}
#ContentSection .container .table table td {
  font-size: 13px;
  border: 1px solid #dbdbdb;
}
#ContentSection .container .table table tr:nth-child(2) td {
  border-top: none;
}
@media screen and (max-width: 768px) {
  #ContentSection .container .table .left, #ContentSection .container .table .right {
    width: 100%;
  }
  #ContentSection .container .table .left {
    float: none;
    margin-bottom: 25px;
  }
  #ContentSection .container .table .right {
    float: none;
  }
}
#ContentSection .container .listBlock li {
  width: 270px;
  float: left;
  margin-right: 25px;
  margin-bottom: 25px;
}
#ContentSection .container .listBlock li:nth-child(3), #ContentSection .container .listBlock li:nth-child(6) {
  margin-right: 0;
}
#ContentSection .container .listBlock li:nth-child(4), #ContentSection .container .listBlock li:nth-child(5), #ContentSection .container .listBlock li:nth-child(6) {
  margin-bottom: 0;
}
#ContentSection .container .listBlock li .image img {
  width: 100%;
  height: auto;
  max-height: auto;
}
#ContentSection .container .listBlock li .content {
  background: #edf2ee;
  padding: 15px;
}
#ContentSection .container .listBlock li .content .btnBlock .cBtn {
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  #ContentSection .container .listBlock li {
    float: none;
    margin-right: 0;
    margin-bottom: 20px !important;
    width: 100%;
  }
  #ContentSection .container .listBlock li .content .btnBlock {
    text-align: center;
  }
}
#ContentSection .container .listBlock.blockBox .status .box {
  margin-bottom: 12px;
}
#ContentSection .container .listBlock.blockBox .status .box:last-child {
  margin-bottom: 0;
}
#ContentSection.pay h2 {
  background: url(../../img/mypage/icon_bluecoin.png) no-repeat 0% 50%;
  background-size: 32px 32px;
  padding-left: 44px;
  font-size: 24px;
}
#ContentSection.pay .atn {
  font-size: 14px;
  color: #878787;
  margin-top: 20px;
}
#ContentSection.pay form {
  padding: 0;
  border: none;
  margin-top: 35px;
}
#ContentSection.pay form .block {
  background: #f5f5f5;
  padding: 35px;
}
#ContentSection.pay form .block h3 {
  background: url(../../img/mypage/icon_line.gif) no-repeat 0% 50%;
  background-size: 13px 2px;
  padding-left: 20px;
  font-size: 19px;
  margin-bottom: 15px;
}
#ContentSection.pay form .block .input {
  float: left;
  width: 250px;
}
#ContentSection.pay form .block .input .box input {
  border: 1px solid #dedede;
  background: #FFFFFF;
  height: 60px;
  padding: 10px;
  text-align: right;
  width: 190px;
}
#ContentSection.pay form .block .input .box span {
  display: inline-block;
  margin-left: 6px;
}
#ContentSection.pay form .block .input p {
  margin-top: 20px;
  font-size: 14px;
}
#ContentSection.pay form .block .input p .green {
  color: #62b891;
}
#ContentSection.pay form .block .info {
  float: right;
  width: 530px;
}
#ContentSection.pay form .block .info .head h3 {
  float: left;
}
#ContentSection.pay form .block .info .head .link {
  float: right;
  position: relative;
  top: 4px;
}
#ContentSection.pay form .block .info .head .link a {
  color: #62b891;
  font-size: 15px;
  text-decoration: underline;
}
#ContentSection.pay form .block .info .text {
  height: 60px;
  border: 1px solid #dedede;
  padding: 17px;
}
#ContentSection.pay form button {
  border: none;
  width: 210px;
  height: 65px;
  line-height: 37px;
  margin-top: 35px;
}
#ContentSection.pay form button .submit {
  font-size: 16px;
  text-align: left;
  border-width: 3px;
}
@media screen and (max-width: 768px) {
  #ContentSection.pay form .block {
    background: #f5f5f5;
    padding: 20px 15px;
  }
  #ContentSection.pay form .block .input {
    float: none;
    width: 100%;
    margin-bottom: 25px;
  }
  #ContentSection.pay form .block .input .box input {
    width: 90%;
  }
  #ContentSection.pay form .block .input p {
    margin-top: 20px;
  }
  #ContentSection.pay form .block .info {
    width: 100%;
  }
  #ContentSection.pay form .block .info .head .link a {
    font-size: 14px;
  }
  #ContentSection.pay form .block .info .text {
    height: auto;
  }
  #ContentSection.pay form .block .info .text span {
    display: block;
  }
  #ContentSection.pay form button .submit {
    text-align: center;
  }
}
#ContentSection.pay.complete .container {
  padding-top: 70px;
  padding-bottom: 70px;
}
#ContentSection.pay.complete .container h2 {
  font-size: 28px;
  display: table;
  margin: 0 auto;
}
#ContentSection.pay.complete .container h2 b {
  color: #00a5cb;
}
#ContentSection.pay.complete .container p {
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  margin-top: 20px;
}
#ContentSection.pay.complete .container .btnBlock {
  text-align: center;
  margin-top: 40px;
}
#ContentSection.pay.complete .container .btnBlock .cBtn {
  width: 190px;
  text-align: left;
  display: inline-block;
}
#ContentSection.pay.complete .container .btnBlock .cBtn:nth-child(1) {
  margin-right: 5px;
}
@media screen and (max-width: 768px) {
  #ContentSection.pay.complete .container {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #ContentSection.pay.complete .container h2 {
    font-size: 24px;
    display: block;
    text-align: center;
    background: none;
    padding: 0;
  }
  #ContentSection.pay.complete .container p {
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    margin-top: 20px;
  }
  #ContentSection.pay.complete .container .btnBlock .cBtn {
    text-align: center;
  }
  #ContentSection.pay.complete .container .btnBlock .cBtn:nth-child(1) {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
#ContentSection.shareArea h2 {
  font-size: 27px;
  background: url(../../img/mypage/icon_kakusan.png) no-repeat 0% 50%;
  background-size: 31px 31px;
}
#ContentSection.shareArea .both .block {
  width: 475px;
  padding: 27px;
  background: #ffffff;
}
#ContentSection.shareArea .both .block h3 {
  background: url(../../img/mypage/icon_line.gif) no-repeat 0% 50%;
  background-size: 13px 2px;
  padding-left: 20px;
  font-size: 19px;
  margin-bottom: 15px;
  font-weight: bold;
}
#ContentSection.shareArea .both .block .red {
  color: #ed3a83;
  font-size: 13px;
}
#ContentSection.shareArea .both .block p {
  margin-bottom: 15px;
}
#ContentSection.shareArea .both .block .code {
  padding: 15px 18px;
  line-height: 1.4em;
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  word-break: break-all;
  margin-bottom: 30px;
  color: #696569;
  font-size: 15px;
}
#ContentSection.shareArea .both .block ul li {
  margin-bottom: 10px;
}
#ContentSection.shareArea .both .block ul li .cBtn a {
  padding: 18px 15px;
  font-size: 15px;
  border-color: #4867aa;
  color: #4867aa;
  background: url(../../img/mypage/icon_kakusan_facebook.png) no-repeat 96% 50%;
  background-size: 23px 23px;
  border-width: 3px;
}
#ContentSection.shareArea .both .block ul li .cBtn.hover a {
  color: #FFFFFF;
  background: url(../../img/mypage/icon_kakusan-hover.png) no-repeat 96% 50% #4867aa;
  background-size: 23px 23px;
}
#ContentSection.shareArea .both .block ul li:nth-child(2) .cBtn a {
  border-color: #51abf1;
  color: #51abf1;
  background: url(../../img/mypage/icon_kakusan_twitter.png) no-repeat 96% 50%;
  background-size: 23px 23px;
}
#ContentSection.shareArea .both .block ul li:nth-child(2) .cBtn.hover a {
  color: #FFFFFF;
  background: url(../../img/mypage/icon_kakusan-hover.png) no-repeat 96% 50% #51abf1;
  background-size: 23px 23px;
}
#ContentSection.shareArea .both .left {
  float: left;
}
#ContentSection.shareArea .both .right {
  float: right;
}
@media screen and (max-width: 768px) {
  #ContentSection.shareArea .both .block {
    width: 100%;
    padding: 25px 15px;
  }
  #ContentSection.shareArea .both .left {
    float: none;
    margin-bottom: 20px;
  }
  #ContentSection.shareArea .both .right {
    float: none;
  }
}

.status {
  margin-bottom: 14px;
}
.status .box {
  display: inline-block;
  margin-right: 10px;
}
.status .box:last-child {
  margin-right: 0px;
}
.status .box h3 {
  font-weight: bold;
  font-size: 12px;
  color: #62b891;
  margin-bottom: 5px;
}
.status .box div .number {
  font-size: 24px;
  font-family: "lato";
  font-weight: 900;
}
.status .box div .lastword {
  font-weight: bold;
  font-size: 13px;
  position: relative;
  left: -2px;
}

/*============================================================================
*
*	Privacy
*
============================================================================*/
#Privacy {
  padding-bottom: 0;
}
#Privacy .naviSection {
  padding-bottom: 45px;
}
#Privacy .naviSection h2 {
  font-size: 27px;
  font-weight: bold;
  margin: 25px 0;
}
#Privacy .naviSection ul li {
  width: 237px;
  height: 52px;
  line-height: 50px;
  border: 2px solid #62b891;
  font-size: 15px;
  display: inline-block;
  margin-right: 8px;
  font-weight: bold;
  text-align: center;
}
#Privacy .naviSection ul li a, #Privacy .naviSection ul li b {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 250ms linear;
  color: #62b891;
}
#Privacy .naviSection ul li b {
  background: #62b891;
  color: #FFFFFF;
}
#Privacy .naviSection ul li a.hover {
  background: #62b891;
  color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  #Privacy .naviSection {
    padding-bottom: 30px;
  }
  #Privacy .naviSection h2 {
    font-size: 24px;
  }
  #Privacy .naviSection ul li {
    width: 50%;
    font-size: 13px;
    margin: 0;
  }
  #Privacy .naviSection ul li:nth-child(1) {
    border-right: 0;
  }
  #Privacy .naviSection ul li:nth-child(1), #Privacy .naviSection ul li:nth-child(2) {
    border-bottom: 0;
  }
  #Privacy .naviSection ul li:nth-child(3) {
    border-right: 0;
  }
}
#Privacy .contentSection {
  background: #FFFFFF;
  padding-top: 40px;
  padding-bottom: 80px;
  line-height: 1.7em;
  font-size: 14px;
}
#Privacy .contentSection .start {
  margin-bottom: 35px;
}
#Privacy .contentSection .innerblock li {
  margin-bottom: 35px;
}
#Privacy .contentSection .innerblock li h3 {
  font-size: 17px;
  font-weight: bold;
  padding-left: 20px;
  background: url(../../img/mypage/icon_line.gif) no-repeat 0% 50%;
  background-size: 13px 2px;
  margin-bottom: 13px;
}
#Privacy .contentSection .innerblock li:last-child {
  margin-bottom: 0;
}
#Privacy .contentSection .innerblock li .list li {
  background: url(../../img/mypage/listMark.png) no-repeat 0% 7px;
  background-size: 5px 5px;
  padding-left: 10px;
  margin-top: 6px;
  margin-bottom: 0;
}
#Privacy .contentSection .innerblock li .list2 li {
  margin-top: 6px;
  margin-bottom: 0;
}
#Privacy .contentSection .innerblock li .list2 .pl {
  padding-left: 30px;
}
#Privacy .contentSection .innerblock li .green {
  color: #62b891;
  text-decoration: underline;
}
#Privacy .contentSection .innerblock li .minusM {
  display: inline-block;
  margin-left: -7px;
}
#Privacy .contentSection .innerblock .last {
  margin-top: 50px;
  text-align: right;
}
#Privacy .contentSection .table .green {
  color: #62b891;
  text-decoration: underline;
}
#Privacy .contentSection .table dl {
  display: table;
  border: 1px solid #e5e5e5;
  border-bottom: none;
}
#Privacy .contentSection .table dl:last-child {
  border-bottom: 1px solid #e5e5e5;
}
#Privacy .contentSection .table dl dt, #Privacy .contentSection .table dl dd {
  padding: 18px;
}
#Privacy .contentSection .table dl dt {
  display: table-cell;
  width: 170px;
  background: #f5f5f5;
}
#Privacy .contentSection .table dl dd {
  display: table-cell;
  width: 810px;
}
@media screen and (max-width: 768px) {
  #Privacy .contentSection {
    padding-top: 30px;
  }
  #Privacy .contentSection .table dl {
    display: block;
  }
  #Privacy .contentSection .table dl dt, #Privacy .contentSection .table dl dd {
    padding: 15px;
  }
  #Privacy .contentSection .table dl dt {
    display: block;
    width: 100%;
  }
  #Privacy .contentSection .table dl dd {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #Privacy section {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/*============================================================================
*
*	formSection
*
============================================================================*/
.formSection p {
  font-size: 16px;
  margin-bottom: 33px;
}
.formSection .block dl {
  margin-bottom: 24px;
}
.formSection .block dl dt {
  width: 100%;
  font-size: 15px;
  vertical-align: top;
  margin-bottom: 13px;
  font-weight: bold;
  background: url(../../img/mypage/icon_line.gif) no-repeat 0% 50%;
  background-size: 9px 2px;
  padding-left: 15px;
}
.formSection .block dl dd {
  width: 100%;
}
.formSection .block dl dd p {
  font-size: 14px;
  margin-bottom: 20px;
}
.formSection .block dl dd input {
  border: 1px solid #d6d6d6;
  width: 100%;
  padding: 13px;
}
.formSection .block dl dd input:placeholder-shown {
  color: #bcbcbc;
}
.formSection .block dl dd input::-webkit-input-placeholder {
  color: #bcbcbc;
}
.formSection .block dl dd input:-moz-placeholder {
  color: #bcbcbc;
  opacity: 1;
}
.formSection .block dl dd input::-moz-placeholder {
  color: #bcbcbc;
  opacity: 1;
}
.formSection .block dl dd input:-ms-input-placeholder {
  color: #bcbcbc;
}
.formSection .block dl dd textarea {
  border: 1px solid #d6d6d6;
  width: 100%;
  padding: 13px;
  height: 200px;
}
.formSection .block dl dd textarea:placeholder-shown {
  color: #bcbcbc;
}
.formSection .block dl dd textarea::-webkit-input-placeholder {
  color: #bcbcbc;
}
.formSection .block dl dd textarea:-moz-placeholder {
  color: #bcbcbc;
  opacity: 1;
}
.formSection .block dl dd textarea::-moz-placeholder {
  color: #bcbcbc;
  opacity: 1;
}
.formSection .block dl dd textarea:-ms-input-placeholder {
  color: #bcbcbc;
}
.formSection .block dl dd textarea.large {
  height: 340px;
}
.formSection .cBtn {
  width: 150px;
  display: table;
  margin: 0 auto;
  margin-top: 40px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .formSection .cBtn {
    margin-top: 30px;
  }
}
.formSection .btnBlock {
  width: 290px;
  margin: 0 auto;
}
.formSection .btnBlock .cBtn {
  width: 140px !important;
  float: left;
}
.formSection .btnBlock .cBtn:nth-child(2) {
  float: right;
}
.formSection.step2 dd {
  background: #f5f5f5;
  padding: 13px;
}
.formSection.step3 .cBtn {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .formSection.step3 .cBtn {
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .formSection .block dl {
    display: block;
    margin-bottom: 20px;
  }
  .formSection .block dl dt {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    position: static;
  }
  .formSection .block dl dd {
    display: block;
    width: 100%;
  }
}