.clublist {
  font-size: 12px;
}
.clubmsg {
  font-size: 18px;
  line-height: 130%;
  font-weight: bold;
  color: #FF9900;
}
.clubmsg2 {
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  color: #339999;
}
.clubt {
  font-size: 14px;
  font-weight: bold;
  color: #CC3366
}
.clubf {
  font-size: 12px;
  line-height: 130%;
  font-weight: normal;
  color: #00637f;
  letter-spacing: 1px;
}
.clubfpk {
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
  color: #c36;
  letter-spacing: 1px;
}
.clubt2 {
  font-size: 14px;
  font-weight: bold;
  color: #f60;
}
.clubfpks {
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  color: #c36;
  letter-spacing: 1px;
}


#pgtitleclub {
  margin: 0 0 10px;
  padding: 0;
}
#clubNav {
  margin: 0 0 10px;
  padding: 0;
}
#clubNav ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}
#clubNav li {
  margin: 0;
  padding: 0;
}


#renraku ul {
  margin: 0;
}
#renraku ul li {
  margin: 0;
  padding-top: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #999;
  list-style-type: none;
  font-size: 12px;
  line-height: 130%;
  font-weight: normal;
  letter-spacing: 1px;
}
#renraku td {
  padding-top: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #999;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 1px;
}
#sodanex {
  background-image: url(../img/imgsodanex.gif);
  background-repeat: no-repeat;
  padding-top: 50px;
  padding-left: 20px;
}
#sodanex ul {
  margin: 0px;
}
#sodanex ul li {
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 5px;
  list-style-type: disc;
  font-size: 12px;
  line-height: 130%;
  font-weight: normal;
  letter-spacing: 1px;
  list-style-position: inside;
}
.tddm {
  background-image: url(../img/bgdm.gif);
  background-repeat: no-repeat;
  padding: 5px 5px 5px 15px;
}
#pict {
  background-image: url(../img/wkdm_t.gif);
  background-repeat: no-repeat;
}
#pict p {
  padding-top: 12px;
  padding-bottom: 5px;
  font-family: "ＭＳ Ｐゴシック", "Osaka";
  font-size: 16px;
  line-height: 130%;
  font-weight: bold;
  color: #399;
  letter-spacing: 1px;
  padding-right: 10px;
  padding-left: 15px;
  border-bottom: 1px solid #399;
  margin-bottom: 10px;
}
.pictm {
  background-image: url(../img/wkdm_m.gif);
  background-repeat: no-repeat;
  padding-top: 13px;
}
.picwk {
  background-image: url(../img/wkdm_bg.gif);
  background-repeat: repeat-y;
  padding-right: 20px;
  padding-left: 25px;
}
#newswk {
  background-image: url(../img/newswk_b.gif);
  background-repeat: repeat-y;
  padding-right: 10px;
  padding-left: 15px;
  font-family: "ＭＳ Ｐゴシック", "Osaka";
  font-size: 12px;
  line-height: 130%;
  color: #660;
  letter-spacing: 1px;
}
.clubmsg3 {
  font-size: 14px;
  line-height: 130%;
  font-weight: bold;
  color: #399;
}
.pickpr {
  background-image: url(../img/imgpic.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  padding-right: 120px;
}
.bxq {
  margin-bottom: 10px;
  margin-left: 10px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #999;
  font-family: "ＭＳ Ｐゴシック", "Osaka";
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 1px;
  font-weight: bold;
  color: #f90;
  margin-right: 10px;
}
.bxa {
  margin-top: 5px;
  margin-bottom: 10px;
  margin-left: 25px;
  font-family: "ＭＳ Ｐゴシック", "Osaka";
  font-size: 12px;
  line-height: 130%;
  font-weight: normal;
  letter-spacing: 1px;
  color: #333;
}
.tda {
  background-image: url(../img/bgq.jpg);
  background-repeat: no-repeat;
  padding: 10px 0px 5px 10px;
  margin: 0px;
  font-family: "ＭＳ Ｐゴシック", "Osaka";
  font-size: 16px;
  line-height: 130%;
  font-weight: bold;
  color: #c36;
  letter-spacing: 1px;
}
.tdb {
  background-image: url(../img/bga.jpg);
  background-repeat: no-repeat;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 0px;
  margin: 0px;
}
#clubrule {
  padding: 20px 10px 10px;
  margin-top: 10px;
  border: 1px dotted #999;
}
#clubrule ul {
  margin: 0px 0px 0px 35px;
}
#clubrule ul li {
  list-style-type: decimal;
  margin-bottom: 15px;
  font-family: "ＭＳ Ｐゴシック", "Osaka";
  font-size: 12px;
  line-height: 130%;
  font-weight: normal;
  letter-spacing: 1px;
  color: #666;
}
.tmwk {
  background-image: url(../img/tmwk_a.jpg);
  background-repeat: no-repeat;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 10px;
}



#wklist {
  background-image: url(../img/listwk_a.jpg);
  background-repeat: no-repeat;
  padding: 15px 15px 0px;
}
.clubfbk {
  font-size: 12px;
  line-height: 130%;
  font-weight: normal;
  color: #333;
  letter-spacing: 1px
}
#wklist a {
  font-size: 14px;
  font-weight: normal;
  color: #399;
  text-decoration: none;
  font-family: "ＭＳ Ｐゴシック", "Osaka";
  line-height: 130%;
}
#wklist a:hover {
  font-size: 14px;
  font-weight: normal;
  color: #f60;
  text-decoration: underline;
  font-family: "ＭＳ Ｐゴシック", "Osaka";
  line-height: 130%;
}
.mfBtn {
  text-align: center;
  margin: 0 auto;
  padding: 18px 0;
}
.mfBtn input {
  margin: 0 10px;
  padding: 10px 20px;
}


/* -----------------------------------------------
    共通
----------------------------------------------- */

/* 問合せリンク */
#ppcCtt {
  margin: 0;
  padding: 20px 0 0;
}
#ppcCtt dl {
  margin: 0;
  padding: 0;
  letter-spacing: 0.05em;
}
#ppcCtt dt {
  display: inline-block;
  background: url("../../img_common/bg_blue.png") no-repeat 0 0 #009cc8;
  background-size: 200px auto;
  margin: 0 auto;
  padding: 8px 15px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  position: relative;
  min-width: 120px;
  max-width: 100%;
}
#ppcCtt dt::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border: 6px solid transparent;
  border-top: 10px solid #009cc8;
}

.balloon p {
  margin: 0;
  padding: 0;
}

#ppcCtt dd {
  background: url("../../img_common/bg_blue.png") no-repeat 0 0 rgba(0,156,200,0.2);
  background-size: 300px auto;
  border: 1px dotted #009cc8;
  margin: -5px 15px 0;
  padding: 17px 15px 15px;
}
#ppcCtt dd .box {
  text-align: center;
}
#ppcCtt dd .box p {
  display: inline-block;
  text-align: left;
}
#ppcCtt dd ul.cttList {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 5px 0;
}
#ppcCtt dd ul.cttList li {
  width: 49%;
  margin: 0;
  padding: 5px 0;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.08em;
  line-height: 1.4em;
}
#ppcCtt dd ul.cttList li .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 6px;
  padding: 10px;
  color: #113a97;
  text-decoration: none;
}
#ppcCtt dd ul.cttList li a.btn:hover {
  background: #009cc8;
  color: #fff;
}
#ppcCtt dd ul.cttList li i {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #113a97;
  border-radius: 3px;
  color: #fff;
  font-size: 18px;
  letter-spacing: normal;
  line-height: 1em;
  margin: 0 10px 0 0;
  padding: 0;
  width: 36px;
  height: 36px;
}
#ppcCtt dd ul.cttList li .txt {
  display: block;
}

#ppcCtt dd .fCap {
  font-size: 12px;
}

#ppcCtt input,
#ppcCtt button,
#ppcCtt select,
#ppcCtt textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

#ppcCtt .mfBtn input {
  margin: 0 10px;
  padding: 10px 20px;
  background-color: #333;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media (hover: hover) {
  #ppcCtt dd a[href*="tel:"] {
    pointer-events: none;
  }
}




/* -----------------------------------------------
    入会特典
----------------------------------------------- */

.bgstokuten {
  background: url(../img/bgstokuten.jpg) no-repeat right center;
}
.bgstokuten p {
  line-height: 1.5em;
}

/* 入会申込リンク */
#admission {
  margin: 0;
  padding: 20px 0 0;
}
#admission dl {
  margin: 0;
  padding: 0;
  letter-spacing: 0.05em;
}
#admission dt {
  display: inline-block;
  background: url("../../img_common/bg_blue.png") no-repeat 0 0 #009cc8;
  background-size: 240px auto;
  margin: 0 auto;
  padding: 8px 15px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  position: relative;
  min-width: 120px;
  max-width: 100%;
}
#admission dt::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border: 6px solid transparent;
  border-top: 10px solid #009cc8;
}
#admission dd {
  background: rgba(244,241,217,0.6);
  border: 1px dotted #009cc8;
  margin: -5px 15px 0;
  padding: 17px 15px 15px;
}
#admission dd .box {
  text-align: center;
}
#admission dd .box p {
  display: inline-block;
  text-align: left;
}
#admission dd a.btn {
  display: flex;
  align-items: center;
  background-color: #c36;
  border-radius: 6px;
  color: #fff;
  margin: 5px 0 0;
  padding: 12px 20px;
  font-size: 15px;
  line-height: 1.3em;
  text-decoration: none;
  text-align: center;
}
#admission dd a.btn:hover {
  background-color: #99213d;
}
#admission dd a.btn i {
  margin: -5px 10px 0 0;
  font-size: 24px;
  line-height: 1em;
}


/* -----------------------------------------------
    入会お申込フォーム
----------------------------------------------- */
#ppcMf {
  margin: 0;
  padding: 20px 0;
}

#ppcMf h1 {
  font-size: 20px;
  color: #009cc8;
}

#ppcMf .bg {
  background: url("../../img_common/bg_geometry_grad_yel.png") no-repeat 0 top rgba(244,241,217,0.6);
  background-size: 100% auto;
  margin: 0 0 10px;
  padding: 30px 5%;
}

.ppcMfBox {
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
  text-align: center;
}
.ppcMfBox {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 auto;
  padding: 0;
}
.ppcMfBox th,
.ppcMfBox td {
  text-align: left;
  vertical-align: top;
  padding: 5px 0;
}
.ppcMfBox th {
  padding: 14px 10px 0 0;
  font-size: 14px;
  white-space: nowrap;
}

.ppcMfBox td .fCap {
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  color: #333;
  letter-spacing: 1px;
}

#ppcMf input,
#ppcMf textarea,
#ppcMf select {
  padding: 10px;
  border: 1px solid #999;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
}
::-webkit-input-placeholder {
   color: #999;
}
:-moz-placeholder {
   color: #999;
}
::-moz-placeholder {
   color: #999;
}
:-ms-input-placeholder {  
   color: #999;
}

#ppcMf .ppcMfBox input,
#ppcMf .ppcMfBox textarea,
#ppcMf .ppcMfBox select {
  border: 1px solid #91d6eb;
}

#ppcMf .ppcMfBox textarea {
  width: 100%;  
}

#ppcMf select,
#ppcMf .mfBtn input {
  cursor: pointer;
}

#ppcMf .mfBtn input[type="reset"] {
  background: #333;
  color: #fff;
  border: 0;
}
#ppcMf .mfBtn input[type="submit"] {
  background: #c36;
  color: #fff;
  border: 0;
  padding: 10px 20px;
  letter-spacing: 0.05em;
}

@media (hover: hover) {
  #ppcMf .mfBtn input:hover{
    opacity: 0.6;
  }
}


@media screen and (max-width: 599px) {
  .ppcMfBox th,
  .ppcMfBox td {
    display: block;
    width: 100%;
  }
  .ppcMfBox input,
  .ppcMfBox textarea,
  .ppcMfBox select {
    max-width: 98%;
  }
}

@media screen and (min-width: 600px), print {
  .ppcMfBox th {
    text-align: right;
  }
  .ppcMfBox input,
  .ppcMfBox textarea,
  .ppcMfBox select {
    font-size: 14px;
  }
}