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

共通

******************************************************/

span.red{
  color: #D10000;
  font-weight: bold;
}
.cont p{
  font-size: 14px;
  line-height: 2;
}
.cont p.firstview{
  font-size: 18px;
}
.btnRed {
    margin: 20px auto 80px;
}
.btnRed a{
  color: #fff;
}
.redArea{
  background: #CE0000;
  padding: 30px;
}
.redArea h3{
  color: #ffffff;
  font-weight:normal !important;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  font-size: 14px !important;
  line-height: 1.5;
}
.redArea h3 span{
  font-weight: bold;
  font-size: 16px;
}
.redArea p{
  color: #ffffff;
}
.twoBtnArea{
  font-size: 0;
}
.twoBtnArea > div{
  display: inline-block;
  width: 47.5%;
  margin-right: 5%;
  font-size: 15px;
  height: 52px;
  line-height: 52px;
  border-radius: 10px;
}
.twoBtnArea > div:last-child{
  margin-right: 0;
}
.twoBtnArea > div a{
  color: #fff;
  display: block;
  text-align: center;
}
.mensBtnLink{
  background: #434A9F;
}
.ladiesBtnLink{
  background: #C43287;
}
/******************************************************

サイトリニューアルキャンペーン第一弾

******************************************************/
#renewal01 .pageTitleArea{
  background: #D71818;
  padding: 15px;
  color: #fff;
}
#renewal01 h1{
  font-size: 39px;
  font-weight: bold;
}
#renewal01 .pageTitleArea p.period{
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 5px;
}
#renewal01 .pageTitleArea p.period span{
  font-size: 24px;
  font-weight: bold;
  display: block;
}
#renewal01 .summary{
  width: 622px;
  margin: 50px auto;
}
#renewal01 .summary p{
  font-size: 24px;
  font-weight: bold;
}
#renewal01 .summary ol{
  margin-left: 1.5em;
}
#renewal01 .summary li{
  list-style-type: decimal;
}
#renewal01 .summary ol li a{
  color: #1E6BB9;
  text-decoration: underline;;
}
#renewal01 .cont{
  width: 622px;
  margin: 50px auto;
}
#renewal01 .cont h2{
  font-size: 24px;
  font-weight: bold;
  line-height: 1.58;
  margin-bottom: 14px;
}
#renewal01 .cont h3{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}
#renewal01 .cont p{
  font-size: 14px;
  line-height: 2;
}
#renewal01 .cont img{
  margin-bottom: 14px;
}
#renewal01 .cont p.code{
  color: #D10000;
}
#renewal01 .cont .howto{
  background: #EDEDED;
  width: 453px;
  padding: 12px;
  margin: 10px auto 0;
}
#renewal01 .cont .howto p{
  font-size: 13px;
  line-height: 1.76;
}
#renewal01 .cont .howto div{
  position: relative;
  text-align: center;
  margin-top: 20px;
}
#renewal01 #cont01 .howto img{
  width: 224px;
  margin: auto;
}
#renewal01 .cont .howto div p{
  position: absolute;
  color: #D10000;
  bottom:65px;
  width: 100%;
  font-weight: bold;
}
#renewal01 .cont .howto ol{
  margin-left: 1.5em;
}
#renewal01 .cont .howto li{
  list-style-type: decimal;
  text-align: left;
  font-size: 14px;
  margin-bottom: 30px;
}
#renewal01 #cont04 .howto {
    width: 100%;
    padding: 20px;
    margin-top: 20px;
}
#renewal01 #cont04 .howto img{
  width: 356px;
  margin: 10px auto 0;
}
#renewal01 .btnRed{
  margin: 20px auto 80px;
}
#renewal01 .btnRed a{
  color: #fff;
}


/******************************************************

サイトリニューアルキャンペーン第二弾

******************************************************/
#renewal02 .cont{
  width: 635px;
  margin: 20px auto 50px;
}
#renewal02 .cont h2{
  font-size: 24px;
  font-weight: bold;
  line-height: 1.58;
  margin-bottom: 14px;
}
#renewal02 .cont h3{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}
#renewal02 .cont .howto{
  background: #EDEDED;
  width: 100%;
  padding: 20px;
  margin: 20px auto 0;
}
#renewal02 .cont .howto p{
  font-size: 13px;
  line-height: 1.76;
}
#renewal02 .cont .howto div{
  position: relative;
  text-align: center;
  margin-top: 20px;
}
#renewal02 .cont .howto div p{
  position: absolute;
  color: #D10000;
  bottom:65px;
  width: 100%;
  font-weight: bold;
}
#renewal02 .cont .howto ol{
  margin-left: 1.5em;
}
#renewal02 .cont .howto li{
  list-style-type: decimal;
  text-align: left;
  font-size: 14px;
  margin-bottom: 30px;
}
#renewal02 .cont .howto img{
  width: 356px;
  margin: 10px auto 0;
}
#renewal02 .btnRed {
    margin: 20px auto 80px;
}
#renewal02 .btnRed a{
  color: #fff;
}

/******************************************************

サイトリニューアルキャンペーン第三弾

******************************************************/
#renewal03 a:hover{
  opacity: 0.7;
}
#renewal03 .cont{
  width: 635px;
  margin: 20px auto 50px;
}
#renewal03 .cont h2{
  font-size: 24px;
  font-weight: bold;
  line-height: 1.58;
  margin-bottom: 14px;
}
#renewal03 .cont h3{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}
#renewal03 .cont .howto{
  background: #EDEDED;
  width: 100%;
  padding: 20px;
  margin: 20px auto 0;
}
#renewal03 .cont .howto p{
  font-size: 13px;
  line-height: 1.76;
}
#renewal03 .cont .howto div{
  position: relative;
  text-align: center;
  margin-top: 20px;
}
#renewal03 .cont .howto div p{
  position: absolute;
  color: #D10000;
  bottom:65px;
  width: 100%;
  font-weight: bold;
}
#renewal03 .cont .howto ol{
  margin-left: 1.5em;
}
#renewal03 .cont .howto li{
  list-style-type: decimal;
  text-align: left;
  font-size: 14px;
  margin-bottom: 30px;
}
#renewal03 .cont .howto li a{
  color: #1E6BB9;
  text-decoration: underline;
}
#renewal03 .cont .howto img{
  width: 356px;
  margin: 10px auto 0;
}
#renewal03 .twoBtnArea{
  margin-top: 20px;
  margin-bottom: 78px;
}