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

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #7bb428;
    text-decoration: none;
    color: #fff;
    width: 80px;
    padding: 20px 0;
    font-size:20px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #bdd993;
}

/* PC
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (min-width: 641px) {

/* Contents
----------------------------------------------- */
.golfBox {
  width:1000px;
  margin:0 auto;
  font-size:16px;
}

/* section#competition
----------------------------------------------- */
section#competition {
  width:100%;
  padding:0 0 500px;
  background:url(../images/bg_competition.jpg) no-repeat center top;
}
section#competition h1 {
  padding:50px 0 0;
}
section#competition h2 {
  text-align:center;
}
section#competition #target {
  width:600px;
  margin:30px auto 0;
  padding:10px 20px 20px;
  border-radius:10px;
  border:1px solid #948474;
  background:#FFFFFF;
}
section#competition #target p {
  margin:10px 0 0;
  color:#7c6854;
  font-size:20px;
  font-weight:bold;
  text-align:center;
}
section#competition #target p span {
  color:#008842;
}
section#competition #facility {
  margin:30px auto 0;
  padding:0 33px 90px;
  background:url(../images/img_special.gif) no-repeat center bottom;
}
section#competition #facility #facilityLeft {
  float:left;
}
section#competition #facility #facilityRight {
  float:right;
}
section#competition #facility .facilityBox {
  width:420px;
  padding:15px;
  border:1px solid #948474;
  background:#FFFFFF;
}
section#competition #facility .facilityBox .ttl {
  color:#7c6854;
  font-weight:bold;
}
section#competition #facility .facilityBox .txt {
  margin:10px 0 0;
}
section#competition #facility .facilityBox .img {
  margin:10px 0 0;
}

/* section#trouble
----------------------------------------------- */
section#trouble {
  width:100%;
}
section#trouble #troubleTitle {
  margin:50px 0 0;
}
section#trouble #troubleTitle p {
  margin:30px 0 0;
}
section#trouble #troubleList {
  margin:50px 0 0;
}
section#trouble #troubleList li {
  width:320px;
  margin:0 0 0 10px;
  text-align:center;
  float:left;
}
section#trouble #troubleList li.left {
  text-align:left;
}
section#trouble #troubleList li.right {
  width:290px;
  padding-right:30px;
  text-align:right;
}

/* section#knack
----------------------------------------------- */
section#knack {
  width:100%;
  margin:50px 0 0;
  padding:100px 0 100px;
  background:url(../images/bg_knack.jpg) repeat-y center top;
}
section#knack .golfBox {
  padding:10px 0 0;
  border-radius:10px;
  background:#FFFFFF;
}
section#knack #knackArea {
  padding:250px 0 0;
  background:url(../images/title_knack.gif) no-repeat center top;
}
section#knack #knackBox {
  margin:0 auto;
  padding:30px;
}
section#knack #knackBox .knackBoxMark {
  margin:30px;
  text-align:center;
}
section#knack #knackBox .knackBoxText {
  margin:80px 0 0 30px;
}

section#knack #knackBox .knackBoxCompe {
  margin:20px 0 0;
}
section#knack #knackBox .knackBoxCompe .ttl {
  padding:10px;
  color:#FFFFFF;
  text-align:center;
  font-weight:bold;
  background:#7bb428;
}
section#knack #knackBox .knackBoxCompe .txt {
  padding:10px;
  margin:10px 0 0;
}
section#knack #knackBox .knackBoxLeft {
  width:450px;
  float:left;
}
section#knack #knackBox .knackBoxRight {
  width:450px;
  float:right;
}

/* knackBoxOne */
section#knack #knackBoxOne {
  margin:0 auto;
  padding:10px;
  background:url(../images/title_knack_one.png) no-repeat left top;
}

/* knackBoxTwo */
section#knack #knackBoxTwo {
  margin:0 auto;
  padding:10px;
  background:url(../images/title_knack_two.png) no-repeat left top;
}
section#knack #knackBoxTwo .knackBoxTwoTitle {
  margin:20px 0 0;
  padding:10px;
  color:#7bb428;
  text-align:center;
  font-weight:bold;
  border:1px solid #7bb428;  
}
section#knack #knackBox #knackBoxTwo .knackBoxLeft {
  width:300px;
}
section#knack #knackBox #knackBoxTwo .knackBoxCenter {
  width:300px;
  margin-left:10px;
  float:left;
}
section#knack #knackBox #knackBoxTwo .knackBoxRight {
  width:300px;
}

/* knackBoxThree */
section#knack #knackBoxThree {
  margin:0 auto;
  padding:10px;
  background:url(../images/title_knack_three.png) no-repeat left top;
}

/* knackBoxFour */
section#knack #knackBoxFour {
  margin:0 auto;
  padding:10px;
  background:url(../images/title_knack_four.png) no-repeat left top;
}
section#knack #knackBoxFour table {
  border-top:1px solid #CCCCCC;
  border-left:1px solid #CCCCCC;
}
section#knack #knackBoxFour table th {
  width:100px;
  padding:10px;
  color:#FFFFFF;
  text-align:center;
  font-weight:bold;
  border-right:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
}
section#knack #knackBoxFour table th.th01 {
  background:#6eb92c;
}
section#knack #knackBoxFour table th.th02 {
  background:#8ec323;
}
section#knack #knackBoxFour table td {
  padding:10px;
  border-right:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
}
section#knack #knackBoxFour table td.td01 {
  background:#ebf4eb;
}
section#knack #knackBoxFour table td.td02 {
  background:#ffffff;
}
section#knack #knackBox #knackBoxFour .knackBoxRight .img {
  margin:0 0 10px;
}

/* supplemental */
section#knack #supplemental {
  width:970px;
  margin:20px auto 0;
  font-size:16px;
  padding:15px;
  border-radius:10px;
  background:#FFFFFF;
}

}





/* SmartPhone
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (max-width:640px)  {

/* Contents
----------------------------------------------- */
.golfBox {
  width:100%;
  margin:0 auto;
  font-size:16px;
}

/* section#competition
----------------------------------------------- */
section#competition {
  width:100%;
  padding:0 0 30px;
  background:url(../images/bg_competition.jpg) no-repeat center bottom;
  /*
  width: 100%;
  height: 0;
  padding-top: calc(1768 / 1280 * 100%); 
  background: url(../images/bg_competition.jpg) center center / cover no-repeat;
  */
}
section#competition h1 {
  padding:25px 0 0;
}
section#competition h1 img {
  width:100%;
  height:auto;
}
section#competition h2 img {
  width:100%;
  height:auto;
}
section#competition #target {
  width:90%;
  margin:15px auto 0;
  padding:5px 10px 10px 10px;
  border-radius:10px;
  border:1px solid #948474;
  background:#FFFFFF;
}
section#competition #target p {
  margin:10px 0 0;
  color:#7c6854;
  font-size:14px;
  font-weight:bold;
  line-height:1.4em;
  text-align:center;
}
section#competition #target p span {
  color:#008842;
}
section#competition #facility {
  margin:15px auto 0;
  padding:0 20px 90px;
  background:url(../images/img_special.gif) no-repeat center bottom;
  background-size:contain;
}
section#competition #facility #facilityLeft {
}
section#competition #facility #facilityRight {
  margin-top:10px;
}
section#competition #facility .facilityBox {
  width:90%;
  padding:15px;
  border:1px solid #948474;
  background:#FFFFFF;
}
section#competition #facility .facilityBox .ttl {
  color:#7c6854;
  font-weight:bold;
}
section#competition #facility .facilityBox .txt {
  margin:10px 0 0;
}
section#competition #facility .facilityBox .img {
  margin:10px 0 0;
}
section#competition #facility .facilityBox .img img {
  width:100%;
  height:auto;
}

/* section#trouble
----------------------------------------------- */
section#trouble {
  width:100%;
}
section#trouble #troubleTitle {
  width:90%;
  margin:25px auto 0;
}
section#trouble #troubleTitle img {
  width:100%;
  height:auto;
}
section#trouble #troubleTitle p {
  margin:15px 0 0;
}
section#trouble #troubleList {
  margin:15px 0 0;
}
section#trouble #troubleList li {  
  text-align:center;
}
section#trouble #troubleList li.left {
}
section#trouble #troubleList li.right {
}

/* section#knack
----------------------------------------------- */
section#knack {
  width:100%;
  margin:25px 0 0;
  padding:50px 0 50px;
  background:url(../images/bg_knack.jpg) repeat-y center top;
}
section#knack .golfBox {
  width:90%;
  padding:10px 0 0;
  border-radius:10px;
  background:#FFFFFF;
}
section#knack #knackArea {
  padding:100px 0 0;
  background:url(../images/title_knack.gif) no-repeat center top;
  background-size:contain;
}
section#knack #knackBox {
  margin:0 auto;
  padding:10px;
}
section#knack #knackBox .knackBoxMark {
  margin:15px;
  text-align:center;
}
section#knack #knackBox .knackBoxMark img {
  width:20%;
  height:auto;
}
section#knack #knackBox .knackBoxText {
  margin:40px 0 0 30px;
}

section#knack #knackBox .knackBoxCompe {
  margin:20px 0 0;
}
section#knack #knackBox .knackBoxCompe .ttl {
  padding:10px;
  color:#FFFFFF;
  text-align:center;
  font-weight:bold;
  background:#7bb428;
}
section#knack #knackBox .knackBoxCompe .txt {
  padding:10px;
  margin:10px 0 0;
}
section#knack #knackBox .knackBoxLeft {
}
section#knack #knackBox .knackBoxRight {
}

/* knackBoxOne */
section#knack #knackBoxOne {
  margin:0 auto;
  padding:10px;
  background:url(../images/title_knack_one.png) no-repeat left top;
  background-size:contain;
}

/* knackBoxTwo */
section#knack #knackBoxTwo {
  margin:0 auto;
  padding:10px;
  background:url(../images/title_knack_two.png) no-repeat left top;
  background-size:contain;
}
section#knack #knackBoxTwo .knackBoxTwoTitle {
  margin:20px 0 0;
  padding:10px;
  color:#7bb428;
  text-align:center;
  font-weight:bold;
  border:1px solid #7bb428;  
}
section#knack #knackBox #knackBoxTwo .knackBoxLeft {
}
section#knack #knackBox #knackBoxTwo .knackBoxCenter {
}
section#knack #knackBox #knackBoxTwo .knackBoxRight {
}

/* knackBoxThree */
section#knack #knackBoxThree {
  margin:0 auto;
  padding:10px;
  background:url(../images/title_knack_three.png) no-repeat left top;
  background-size:contain;
}
section#knack #knackBox #knackBoxThree .knackBoxRight img {
  width:100%;
  height:auto;
}

/* knackBoxFour */
section#knack #knackBoxFour {
  margin:0 auto;
  padding:10px;
  background:url(../images/title_knack_four.png) no-repeat left top;
  background-size:contain;
}
section#knack #knackBoxFour table {
  margin:0 0 20px;
  border-top:1px solid #CCCCCC;
  border-left:1px solid #CCCCCC;
}
section#knack #knackBoxFour table th {
  width:100px;
  padding:10px;
  color:#FFFFFF;
  text-align:center;
  font-weight:bold;
  border-right:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
}
section#knack #knackBoxFour table th.th01 {
  background:#6eb92c;
}
section#knack #knackBoxFour table th.th02 {
  background:#8ec323;
}
section#knack #knackBoxFour table td {
  padding:10px;
  border-right:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
}
section#knack #knackBoxFour table td.td01 {
  background:#ebf4eb;
}
section#knack #knackBoxFour table td.td02 {
  background:#ffffff;
}
section#knack #knackBox #knackBoxFour .knackBoxRight .img {
  margin:0 0 10px;
}
section#knack #knackBox #knackBoxFour .knackBoxRight .img img {
  width:100%;
  height:auto;
}

/* supplemental */
section#knack #supplemental {
  width:80%;
  margin:20px auto 50px;
  font-size:16px;
  padding:20px;
  border-radius:10px;
  background:#FFFFFF;
}
	
}