@charset "UTF-8";
/*#friends*/
#friends {
  margin: 0 auto;
  padding: 30px;
  background: #f5eedc;
}
/*section*/
#friends section {}
#friends section>div{
  margin-bottom: 30px;
}
#friends section div.a01,
#friends section div div.b02 {
  background: #fff;
}
#friends section div div.b01 h3 {
  padding: 5px 0;
  background: #a9864e;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
#friends section div div.b02{
  padding: 30px;
}
/*.a01*/
#friends section div.a01 {
  padding: 20px;
}
/*.b01*/
#friends section div.a01 div.b01 {
  padding: 40px;
  min-height: 323px;
  background: url(/theme/Pc/img/friends/bg_101_06.png) no-repeat center;
  text-align: center;
}
#friends.s-220301 section div.a01 div.b01 {
  padding: 50px 40px 40px;
  min-height: 239px;
  background: url(/theme/Pc/img/friends/bg_101_06_220301.png) no-repeat center;
}
#friends section div.a01 div.b01 p.img01 {
  margin-bottom: 13px;
}
#friends section div.a01 div.b01 h2 {
  margin-bottom: 11px;
}
#friends section div.a01 div.b01 p.img02 {}
/*.a02*/
#friends section div.a02 {}
/*.b01*/
#friends section div.a02 vid.b01 {}
#friends section div.a02 vid.b01 h3 {}
/*.b02*/
#friends section div.a02 div.b02 {
  padding-bottom: 25px;
}
#friends section div.a02 div.b02 ul {
  overflow: hidden;
}
#friends section div.a02 div.b02 ul li {
  margin-right: 30px;
  width: 390px;
  float: left;
}
#friends section div.a02 div.b02 ul li:nth-child(2){
  margin-right: 0;
}
#friends section div.a02 div.b02 ul li h4 {
  margin-bottom: 8px;
}
#friends section div.a02 div.b02 ul li h4 img {}
#friends section div.a02 div.b02 ul li p.txt {
  font-size: 12px;
  padding-left: 1em;
  text-indent: -1em;
}
#friends section div.a02 div.b02 ul li p.txt span{
  letter-spacing: -5px;
}
/*.a03*/
#friends section div.a03 {}
/*.b01*/
#friends section div.a03 vid.b01 {}
#friends section div.a03 vid.b01 h3 {}
/*.b02*/
#friends section div.a03 div.b02 {}
#friends section div.a03 div.b02 ul {}
#friends section div.a03 div.b02>ul>li {
  margin-bottom: 41px;
}
#friends section div.a03 div.b02>ul>li:last-child {
  margin-bottom: 0px;
}
#friends section div.a03 div.b02 ul li dl {
  overflow: hidden;
}
#friends section div.a03 div.b02 ul li dl dt {
  float: left;
}
#friends section div.a03 div.b02 ul li dl dd {
  padding-top: 16px;
  width: 481px;
  float: right;
}
#friends section div.a03 div.b02 ul li dl dd ul {}
#friends section div.a03 div.b02 ul li dl dd ul li {
  margin-bottom: 8px;
}
#friends section div.a03 div.b02 ul li dl dd ul li:last-child {
  margin-bottom: 0;
}
#friends section div.a03 div.b02 ul li dl dd ul li p.txt {
  padding-left: 61px;
  height: 53px;
  text-align: center;
}
#friends section div.a03 div.b02 ul li dl dd ul li:after{
  content: "";
  display: block;
  margin-left: 43px;
  height: 22px;
}
#friends section div.a03 div.b02 ul li:nth-child(1) dl dd ul li:after{
  background: url(/theme/Pc/img/friends/ic0_307.png) no-repeat center bottom;
}
#friends section div.a03 div.b02 ul li:nth-child(2) dl dd ul li:after{
  background: url(/theme/Pc/img/friends/ico_308.png) no-repeat center bottom;
}
#friends section div.a03 div.b02 ul li dl dd ul li:last-child:after{
  display: none;
  margin-bottom: 0;
}
#friends section div.a03 div.b02 ul li:nth-child(1) dl dd ul li:nth-child(1) p.txt {
  background: #fff2f7 url(/theme/Pc/img/friends/ico_301.png) no-repeat left top;
}
#friends section div.a03 div.b02 ul li:nth-child(1) dl dd ul li:nth-child(2) p.txt {
  background: #fff2f7 url(/theme/Pc/img/friends/ico_302.png) no-repeat left top;
}
#friends section div.a03 div.b02 ul li:nth-child(1) dl dd ul li:nth-child(3) p.txt {
  background: #fff2f7 url(/theme/Pc/img/friends/ico_303.png) no-repeat left top;
}
#friends section div.a03 div.b02 ul li:nth-child(2) dl dd ul li:nth-child(1) p.txt {
  background: #f9f1ea url(/theme/Pc/img/friends/ico_304.png) no-repeat left top;
}
#friends section div.a03 div.b02 ul li:nth-child(2) dl dd ul li:nth-child(2) p.txt {
  background: #f9f1ea url(/theme/Pc/img/friends/ico_305.png) no-repeat left top;
}
#friends section div.a03 div.b02 ul li:nth-child(2) dl dd ul li:nth-child(3) p.txt {
  background: #f9f1ea url(/theme/Pc/img/friends/ico_306.png) no-repeat left top;
}
#friends section div.a03 div.b02 ul li:nth-child(2) dl dd ul li:nth-child(4) p.txt {
  background: #f9f1ea url(/theme/Pc/img/friends/ico_309.png) no-repeat left top;
}
#friends section div.a03 div.b02 ul li:nth-child(2) dl dd ul li:nth-child(5) p.txt {
  height: 73px;
  background: #fff2f7 url(/theme/Pc/img/friends/ico_310.png) no-repeat left top;
}
#friends.s-220301 section div.a03 div.b02 ul li:nth-child(2) dl dd ul li:nth-child(5) p.txt {
  height: 53px;
  background: #fff2f7 url(/theme/Pc/img/friends/ico_310_220301.png) no-repeat left top;
}
#friends section div.a03 div.b02 ul li:nth-child(2) dl dd ul li:nth-child(4):after{
  display: none;
}
#friends section div.a03 div.b02 ul li:nth-child(2) dl dd ul li:nth-child(5):before{
  content: "";
  display: block;
  margin: 20px 0 10px 46px;
  height: 44px;
  background: url(/theme/Pc/img/friends/ico_311.png) no-repeat center top;
}
#friends section div.a03 div.b02 ul li dl dd ul li p.txt img {
  width: 421px;
}
/*.b03*/
#friends section div.a03 div.b03 {
  padding: 30px 0;
  text-align: center;
}
#friends section div.a03 div.b03 a {
  width: 458px;
  display: inline-block;
}
#friends section div.a03 div.b03 a p.img {}
#friends section div.a03 div.b03 a p.img img {}
/*.a04*/
#friends section div.a04 {}
/*.b01*/
#friends section div.a04 div.b01 {}
#friends section div.a04 div.b01 h3 {}
/*.b02*/
#friends section div.a04 div.b02 {}
#friends section div.a04 div.b02 ol {}
#friends section div.a04 div.b02 ol li {}
/*.a05*/
#friends section div.a05 {
  margin-bottom: 0;
}
#friends section div.a05 div.b01 h3 {
  padding: 7px 0;
  font-size: 18px;
}
/*.b01*/
#friends section div.a05 div.b01 {}
#friends section div.a05 div.b01 h3 {}
/*.b02*/
#friends section div.a05 div.b02 {
  padding: 25px 30px;
}
#friends section div.a05 div.b02 ul {}
#friends section div.a05 div.b02 ul li {
  text-indent: -0.5em;
  line-height: 1.75;
}
#friends section div.a05 div.b02 ul li span {
  letter-spacing: -2px;
}
#friends section div.a05 div.b02 dl {}
#friends section div.a05 div.b02 dl dt {
  padding: 25px 0 0;
  font-weight: bold;
}
#friends section div.a05 div.b02 dl dd {}
#friends section div.a05 div.b02 dl dd ul {}
#friends section div.a05 div.b02 dl dd ul li {}

/*↓friends_complete↓*/
#complete {
  margin-bottom: 20px;
}
#complete .a01 {}
#complete .a01 .b01 .img {
  margin-bottom: 23px;
}
#complete .a01 .b02{
  text-align: center;
}
#complete .a01 .b02 h3 {
  margin-bottom: 13px;
  font-size: 30px;
  font-weight: bold;
  color: #6e6e6e;
}
#complete .a01 .b02 p.txt {
  line-height: 1.75;
}
#complete .a02{
  background-color: #f5eedc;
  padding: 30px 30px;
  margin-top: 15px;
  margin-bottom: 23px;
}

#complete .a02 .main-bigbox {
  background-color: #FFF;
  width: 870px;
}

#complete .a02 .main-bigbox .main-subbox {
  background: url(/theme/Pc/img/friends/complete/waku170210_pc_friends_complete_03.png) no-repeat 20px 20px;
  padding: 50px 74px;
}

#complete .a02 .main-bigbox .main-subbox h2 {
  text-align: center;
  margin-bottom: 15px;
}
#complete .a02 .main-bigbox .main-box {
  overflow: hidden;
  border: solid 2px #a9864e;
}

#complete .a02 .main-bigbox .main-box h3 {
  text-align: center;
  width: 721px;
  padding: 6px 0;
  background-color:#a9864e;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1.1px;

}
#complete .a02 .main-bigbox .main-box .leftbox {
  float:left;
  margin: 30px 0 0 34px ;
}

#complete .a02 .main-bigbox .main-box .leftbox img {
  margin-bottom: 12px;
}

#complete .a02 .main-bigbox .main-box .leftbox ul {
  border-top: dotted 1px #d7d7d7;
  padding-top:11px;
}

#complete .a02 .main-bigbox .main-box .leftbox ul li {
  font-size: 12px;
}

#complete .a02 .main-bigbox .main-box .leftbox ul li .text01 {
  padding-left: 1em;
  text-indent: -1em;
  color:#505050;
}


#complete .a02 .main-bigbox .main-box .rightbox {
  float:right;
  margin: 9px 31px 0 0 ;
}

#complete .a03 {
  text-align: center;
}

#complete .a03 .img02 {
  margin-bottom: 31px;
}

#complete .a03 .img03 {}
/*↑complete↑*/

/*↓registration↓*/
#registration{
  margin-bottom: 20px;
}
#registration .a01{}
#registration .a01 .img{
  margin-bottom: 30px;
}

#registration .a02{
  background-color: #f5eedc;
  padding: 30px 30px;
  margin: 21px 0 12px;
}

#registration .a02 .main-bigbox{
  background-color: #FFF;
  width: 870px;
}

#registration .a02 .main-bigbox .main-subbox{
  background: url(/theme/Pc/img/friends/complete/waku170210_pc_friends_complete_03.png) no-repeat 20px 20px;
  padding: 50px 74px;
}

#registration .a02 .main-bigbox .main-subbox h2{
  text-align: center;
  margin-bottom: 15px;
}
#registration .a02 .main-bigbox .main-box{
  overflow: hidden;
  border: solid 2px #a9864e;
}

#registration .a02 .main-bigbox .main-box h3{
  text-align: center;
  width: 721px;
  padding: 6px 0;
  background-color:#a9864e;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1.1px;

}
#registration .a02 .main-bigbox .main-box .leftbox{
  float:left;
  margin: 30px 0 0 35px;
}

#registration .a02 .main-bigbox .main-box .leftbox img{
  margin-bottom: 12px;
}

#registration .a02 .main-bigbox .main-box .leftbox ul{
  border-top: dotted 1px #d7d7d7;
  padding-top:11px;
}

#registration .a02 .main-bigbox .main-box .leftbox ul li{
  font-size: 12px;
}

#registration .a02 .main-bigbox .main-box .leftbox ul li .text01{
  padding-left: 1em;
  text-indent: -1em;
  color:#505050;
}


#registration .a02 .main-bigbox .main-box .rightbox{
  float:right;
  margin-top: 9px;
  margin-right: 30px;
}


#registration .a03{
  text-align: center;
}

#registration .a04{
  text-align: center;
  margin-top: 21px;
}

#registration .a04 .a04box{
  background-color: #f5f5f5;
  padding: 28px 30px;
}

#registration .a04 .a04box .text{
  margin-bottom: 19px;

}

#registration .a04 .a04box .text span{
  font-size: 18px;
  font-weight: bold;
}

#registration .a04 .a04box .input-text{
}
/*↑registration↑*/

/*↓invite↓*/
.is-friends .box-table {
  margin: 60px 0;
}
.is-friends .box-table table {
  width: 100%;
}
.is-friends .box-table th,
.is-friends .box-table td {
  padding-top: 2em;
  padding-bottom: 2em;
}
.is-friends .box-table tr {
  border-bottom:1px solid #ccc;
}
.is-friends .box-table tr:first-child {
  border-top:1px solid #ccc;
}
.is-friends .box-table th {
  padding-left: 1em;
  padding-right: 3em;
}
.is-friends .box-table input {
  width: 690px;
}
/*↑invite↑*/

.annotation_text {
  font-size: 14px;
  margin-top: 10px;
}

.notice-area {
  font-size: 16px;
  border: 2px solid #e30d0d;
}
.txt-main {
  text-align: center;
  padding: 27px;
  font-weight: bold;
  color: #e30d0d;
  background-color: #fcdfdf;
}
.txt-list {
  padding: 24px;
  background-color: #fff;
}
.txt-list .item {
  padding-left: 1em;
  text-indent: -1em;
}
.txt-list .item:nth-child(n+2) {
  margin-top: 15px;
}