.inner-sub{
    margin:0 auto;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    max-width: 1140px;
}
.inner-sub02{
    margin:0 auto;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    max-width: 740px;
}
.inner-sub03{
    margin:0 auto;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    max-width: 1220px;
}
.inner-sub03{
    margin:0 auto;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    max-width: 1220px;
}
.subpage header{
    background: #fff;
    width: 100%;
    color:#111111;
    padding: 25px 40px;
}
.subpage-area02{
    padding: 60px 0;
}
.subpage-area  h2{
    color:#00064A;
    font-size: 24px;
    border-left: solid #00064A 4px;
    padding:8px 10px;
    margin:10px 0 30px;
}
.subpage-area  h3{
    color:#00064A;
    font-size: 20px;
    border-bottom: solid #D4D6E0 1px;
    padding:10px 0;
    margin:10px 0 30px;
}
.subpage-area  h4{
    color:#00064A;
    font-size: 18px;
    padding:10px 0 10px 25px;
    margin:10px 0 20px;
    position: relative;
}
.subpage-area h4:after{
    width: 16px;
    height: 16px;
    position: absolute;
    background-color:#242533 ;
    left: 0;
    top: 15px;
    content:"";
}
.subpage-area h5{
    color:#00064A;
    font-size: 16px;
    padding:10px 0 10px 0;
    margin:10px 0 10px;
    position: relative;
}
.subpage-area #navigation{
    color:#111111;
}
.subpage .navigation__box-list li:before {
    background: #111111;
}

.subpage-area  ul{
    margin: 20px 20px;
}
.subpage-area  ul li{
    padding: 4px 0 4px 17px;
    position: relative;
}
.subpage-area ul li:after{
    position: absolute;
    content:"";
    width: 8px;
    height: 2px;
    background: #111111;
    top: 50%;
    transform: translate( 0 , -50%);
    left: 0;
}
.sub-visal{
    width: 100%;
    padding-top: 80px;
    position: relative;
}
.sub-visal img{
    width: 100%;
    object-fit: cover;
    height: 240px;
}
.sub-ttl-box{
    position: absolute;
    top: 155px;
    width: 100%;
}
.sub-ttl{
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 40px;
    font-family: "Outfit", sans-serif;
    font-weight: 500;
    margin-bottom: 20px;
}
.sub-ttl02{
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
.breadcrumbs{
    background: #242533;
    color:#fff;
}
.breadcrumbs-box{
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    padding: 7px 0;
    font-size: 12px;
    display: flex;
    align-items: center;
}
.breadcrumbs-box .arrow{
    position: relative;
    width: 10px;
    height: 10px;
    margin: 0 10px;
}
.breadcrumbs-box .arrow:before{
    position: absolute;
    width: 8px;
    height: 8px;
    top:2px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: rotate(45deg);
    content:"";        
}
.archive-content{
	margin: 40px auto;
	width: calc(100% - 20px);
	max-width:800px;
}
.archive-content a{
	border-bottom: solid 1px #707070;
	display: block;
}
.archive-content-box{
	display: flex;
	padding: 22px 15px;
}
.archive-content a:last-child{
	border-bottom: none;
}
.archive-content-date{
	font-size: 14px;
    font-family: "Outfit", sans-serif;
    position: relative;
    width: 100px;
	color:#45464E;
    padding-right: 40px;
}
.archive-content-date:after {
    width: 1px;
    height: 15px;
    top: 2px;
    position: absolute;
    right: 17px;
    transform: skew(-15deg);
    content: "";
    background: #D4D6E0;
}
.archive-content-txt{
	font-weight:500;
	font-size:15px;
}

.pagenate{
	display: flex;
	justify-content: center;
	gap:9px;
	margin: 60px  0 120px;
}
.pagenate a,
.pagenate span{
	width: 28px;
	height: 28px;
    font-family: "Outfit", sans-serif;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	position: relative;
}
.pagenate span:after,
.pagenate a:after{
    width: 1px;
    height: 15px;
    top: 10px;
    position: absolute;
    left: -6px;
    transform: skew(-15deg);
    content: "";
    background: #D4D6E0;
}
.pagenate a:first-child:after,
.pagenate span:first-child:after{
	content:none;
}
.pagenate .current,
.pagenate a:hover{
	background:#eee;
}
.pagenate a.prev:before{
	content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: solid 1px #45464E;
    border-left: solid 1px #45464E;
    top: 11px;
    left: 11px;
    transform: rotate(-45deg);
}
.pagenate a.next:before{
	content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: solid 1px #45464E;
    border-right: solid 1px #45464E;
    top: 11px;
    right: 11px;
    transform: rotate(45deg);
}
.single-area{
    display: flex;
    justify-content: space-between;
    margin: 65px auto;
}
.single-box{
    width: 64%;
}
#single .golfinfo-box{
    width: 100%;
    max-width: 800px;
    margin: 60px auto 120px;
}
#single .golfinfo-box .info-flex{
    width: 100%;
}
#single .golf_school-box{
    width: 100%;
}
.single-box img{
    max-width: 100%;
}
.single-datebox{
    display: flex;
    align-items: center;
}
.single-date{
    font-size: 14px;
    font-family: "Outfit", sans-serif;
    position: relative;
    padding-right: 20px;
    padding-right: 24px;
}
.single-date:before {
    width: 1px;
    height: 15px;
    top:2px;
    position: absolute;
    right: 13px;
    transform: skew(-15deg);
    content: "";
    background: #D4D6E0;
}
.single-cat{
    color:#45464E;
    font-size: 14px;
}
.single-tag{
    display: flex;
    gap: 3px;
    margin: 0 10px;
}
.single-tag span{
    background: #707070;
    font-size: 12px;
    color:#fff;
    padding: 1px 2px;
}
.single-ttl{
    color:#00064A;
    font-size: 28px;
    font-weight: 500;
    line-height: 42px;
    margin: 20px 0 30px;
}
#ez-toc-container{
    border:solid 1px #D4D6E0;
    margin: 40px 0;
    padding: 20px 30px 0;
    color:#00064A;
}
.ez-toc-title-container .ez-toc-title{
    font-size: 18px;
    font-weight: 500;
    color:#00064A;
    margin: 0;
}
#ez-toc-container ul{
  counter-reset: item;
  list-style: none;
  margin: 10px 0px;
}
#ez-toc-container ul ul{
  margin: 10px 0 10px 20px;
}
.ez-toc-heading-level-2{
    font-weight: 500;
}
.ez-toc-list-level-3{
    font-weight: 400;
}
#ez-toc-container ul li:after {
    content: none; 
}
#ez-toc-container li {
  counter-increment: item;
  position: relative;
  padding: 4px 0 4px 0px;
}
#ez-toc-container ul li::before {
  content: counters(item, ".") " ";
  left: -2em; /* お好みで調整 */
    color:#6D6F7E;
    background-color: #F0F0F0;
    margin-right: 5px;
    padding: 0 3px;
}
.single-box h2{
    color:#00064A;
    font-size: 24px;
    border-left: solid #00064A 4px;
    padding:8px 10px;
    font-size: 24px;
    margin:10px 0 30px;
}
.single-box h3{
    color:#00064A;
    font-size: 20px;
    border-bottom: solid #D4D6E0 1px;
    padding:10px 0;
    margin:10px 0 30px;
}
.single-box h4{
    color:#00064A;
    font-size: 18px;
    padding:10px 0 10px 25px;
    margin:10px 0 20px;
    position: relative;
}
.single-box h4:after{
    width: 16px;
    height: 16px;
    position: absolute;
    background-color:#242533 ;
    left: 0;
    top: 15px;
    content:"";
}
.single-box h5{
    color:#00064A;
    font-size: 16px;
    padding:10px 0 10px 0;
    margin:10px 0 10px;
    position: relative;
}
.single-box p{
    margin: 0 0 20px;
    line-height: 1.8;
    font-size: 15px;
    letter-spacing: 0.03rem;
}
.single-box ul{
    margin: 20px 20px;
}
.single-box ul li{
    padding: 4px 0 4px 17px;
    position: relative;
}
.single-box ul li:after{
    position: absolute;
    content:"";
    width: 8px;
    height: 2px;
    background: #111111;
    top: 50%;
    transform: translate( 0 , -50%);
    left: 0;
}
.single-box ol{
    margin: 20px 20px;
    padding-left: 17px;
    list-style: decimal;
}
.single-box ol  li::marker {
    color: #707070;
}
.single-box ol li{
    padding: 4px 0 4px 0;
    position: relative;
}
.single-box  table{
    width: 100%;
    margin: 20px 0;
}
.single-box  tbody{
    width: 100%;
}
.single-box  tbody th{
    border: solid 1px #D4D6E0;
    background: #F0F0F0;
    padding: 9px 10px;
    line-height: 1.8;
    text-align: left;
    font-weight: 400;
}
.single-box tbody td{
    border: solid 1px #D4D6E0;
    padding: 9px 10px;
    line-height: 1.8;
}
.single-box blockquote{
    margin: 30px auto;
    background: #F0F0F0;
    padding: 30px 40px;
    width: 680px;
    max-width: 100%;
    line-height: 1.8;
    position: relative;
}
.single-box blockquote p{
    margin-bottom: 0;
}
.single-box blockquote cite{
    margin: 10px 0 0 0;
}
.single-box blockquote::before{
    content:"";
    background: url("../img/sub/blockquote.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 17px;
    height: 13px;
    top:15px;
    left: 15px;
}
.single-box blockquote cite{
    font-size: 12px;
    margin-top: 5px;
    width: 100%;
    display: block;
}
.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.alignright {
    float: right;
    margin-bottom: 20px;
    margin-left: 20px;
}
.alignleft {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.single-flex02{
    display: flex;
    flex-wrap: wrap;
    gap: 4%;
    margin: 30px auto;
}
.single-flex02-box{
    width: 48%;
}
.single-flex03{
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    margin: 30px auto;

}
.single-flex03-box{
    width: 32%;
}
.single-box a.single-btn{
    border: solid 1px #00064A;
    color:#00064A;
    padding: 10px 30px;
    font-size: 14px;
    justify-content: space-between;
}
.next-prev-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 30px 0;
}
.golfinfo-box .next-prev-box {
    margin: 30px auto;
}
.next-prev-box .next{
    width: 48%;
    position: relative;
}
.next-prev-box .prev{
    width: 48%;
}
.next-prev-box .next a{
    padding-left: 20px ;
    position: relative;
    display: block;
    color:#111111;
    font-size: 14px;
    width: fit-content;
}
.next-prev-box .next:before {
    width: 1px;
    height: 40px;
    top: -10px;
    position: absolute;
    right: -2%;
    transform: skew(-15deg);
    content: "";
    background: #D4D6E0;
}
.next-prev-box .next a:before {
    position: absolute;
    width: 8px;
    height: 8px;
    top: 5px;
    left:0;
    border-top: solid 1px #111111;
    border-left: solid 1px #111111;
    transform: rotate(-45deg);
    content: "";
}
.next-prev-box .prev a{
    margin: 0 0 0 auto;
    padding-right: 20px ;
    position: relative;
    display: block;
    color:#111111;
    font-size: 14px;
    width: fit-content;
}
.next-prev-box .prev a:before {
    position: absolute;
    width: 8px;
    height: 8px;
    top: 5px;
    right: 0;
    border-top: solid 1px #111111;
    border-right: solid 1px #111111;
    transform: rotate(45deg);
    content: "";
}
.archive{
    margin: 60px  auto 0;
    text-align: center;
}
.archive a {
    border: solid 1px #00064A;
    background:  #00064A;
    color: #fff;
    padding: 10px 30px;
    font-size: 14px;
    justify-content: space-between;
}
.single-side{
    width: 28.5%;
}
.single-side-ttl{
    color: #00064A;
    font-size: 18px;
    padding: 3px 0 10px 0;
    margin: 0px 0 10px;
    position: relative;
    font-weight: 500;
    border-bottom: solid 1px #00064A;
}
.single-side ul{
    margin: 20px 0;
    border-bottom: solid 1px #D4D6E0;
}
.single-side ul li{
    padding: 4px 0 15px 17px;
    position: relative;
    font-size: 14px;
}
.single-side ul li:after{
    position: absolute;
    content:"";
    width: 8px;
    height: 1px;
    background: #111111;
    top: 14px;
    transform: translate( 0 , -50%);
    left: 0;
}
    
@media screen and (max-width: 900px) {
    .subpage header {
        padding: 15px 15px;
        z-index: 9;
    }

}
@media screen and (max-width: 750px) {
    .subpage-area  h2{
        font-size: 20px;
        border-left: solid #00064A 2px;
        padding: 4px 4px;
    }
    .subpage-area  h3{
        font-size: 18px;
        padding:8px 0;
    }
    .subpage-area  h4{
        padding:8px 0 8px 20px;
        margin:10px 0 20px;
        font-size: 17px;
    }
    .subpage-area h4:after{
        width: 14px;
        height: 14px;
        top: 16px;
    }
    .subpage-area  ul{
        margin: 10px 10px;
    }
    .subpage-area  ol{
        margin: 10px 10px;
    }
    .sub-visal{
        width: 100%;
        padding-top: 60px;
        position: relative;
    }
    .sub-ttl-box{
        position: absolute;
        top: 140px;
    }
    .sub-ttl{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .sub-ttl02{
        font-size: 16px;
    }
    .breadcrumbs{
        background: #242533;
        color:#fff;
    }
    .breadcrumbs-box{
        padding: 7px 10px;
    }
    .single-area{
        display: block;
        margin: 30px auto;
    }
    .single-box{
        width: 100%;
    }
    .single-datebox{
        display: flex;
        align-items: center;
    }
    .single-ttl{
        font-size: 24px;
        margin: 20px 0 20px;
    }    
    #ez-toc-container{
        margin: 30px 0;
        padding: 10px 15px 0;
        color:#00064A;
    }
    #ez-toc-container ul ul{
        margin: 10px 0 10px 15px;
    }
    .ez-toc-heading-level-2{
        font-weight: 500;
    }
    .ez-toc-list-level-3{
        font-weight: 400;
    }
    #ez-toc-container ul li:after {
        content: none; 
    }
    #ez-toc-container li {
        counter-increment: item;
        position: relative;
        padding: 4px 0 4px 0px;
    }
    .single-box h2{
        font-size: 20px;
        border-left: solid #00064A 2px;
        padding: 4px 4px;
    }
    .single-box h3{
        font-size: 18px;
        padding:8px 0;
    }
    .single-box h4{
        padding:8px 0 8px 20px;
        margin:10px 0 20px;
        font-size: 17px;
    }
    .single-box h4:after{
        width: 14px;
        height: 14px;
        top: 16px;
    }
    .single-box  ul{
        margin: 10px 10px;
    }
    .single-box ol{
        margin: 10px 10px;
    }    
    .single-box blockquote{
        padding:20px;
    }
    .single-box blockquote::before{
        width: 14px;
        height: 10px;
        top:12px;
        left: 12px;
    }
    .single-flex02{
        gap: 10px;
    }
    .single-flex02-box{
        width: 100%;
    }
    .single-flex03{
        gap: 10px;
    }
    .single-flex03-box{
        width: 100%;
    }
    .next-prev-box .next{
        width: calc( 50% - 20px);
        position: relative;
    }
    .next-prev-box .prev{
        width: calc( 50% - 20px);
    }
    .next-prev-box .next:before {
        right: -20px;
    }
    .archive{
        margin: 60px auto 30px;
        text-align: center;
    }
    .single-side{
        width: 100%;
        margin-bottom: 60px;
    }    
}
.clubs-box01{
    background: #F0F0F0;
    padding: 60px 0 10px;
}
.clubs-box01-txt{
    line-height: 1.8;
}
.clubs-flex{
    display: flex;
    flex-wrap: wrap;
    gap:20px;
    margin: 63px 0 10px;

}
.clubs-flex-box{
    width: calc(50% - 10px);
    text-align: left;
    margin-bottom: 30px;
}
.clubs-flex-box img{
    width: 100%;
}
.clubs-flex-box-ttl{    
    background-color: #242533;
    color:#fff;
    padding: 8px  15px;
    font-size: 18px;
    font-weight: 500;
}
.clubs-flex-box-txt{
    margin: 8px 0 8px;
    line-height: 1.9;
}
.clubs-box02{
    padding: 58px 0 136px;
}
#clubs h2{
    color:#00064A;
    font-size: 24px;
    border-left: solid #00064A 4px;
    padding:8px 10px;
    font-size: 24px;
    margin:10px 0 30px;
}
.clubs-box02-txt{
    line-height: 1.8;
}
@media screen and (max-width: 1120px) {
    .clubs-flex{
        max-width: 720px;
        flex-wrap: wrap;
        margin: 30px 0 10px;
    }
    .clubs-flex-box{
       width: 100%;
    }
}



.school-box01{
    background: #F0F0F0;
    padding: 60px 0 10px;
}
.school-box01-txt{
    margin: 28px 0 8px;
    font-size: 14px;
    line-height: 1.9;
    text-align: center;
}
.school-ttl{
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    color: #00064A;
    font-family: "Outfit", sans-serif;
}
.school-ttl02{
    text-align: center;
    margin-top: 2px;
}
.school-box01-txt{
    line-height: 1.8;
}
.school-flex{
    display: flex;
    flex-wrap: wrap;
    gap:20px;
    margin: 33px 0 33px;
    border-top: solid 1px #D4D6E0;
    padding: 40px 0;
}
.school-flex-txt{
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.school-flex-box{
    width: calc(25% - 15px);
    text-align: left;
    margin-bottom: 30px;
}
.school-flex-box img{
    width: 100%;
}
.school-flex-box-ttl{    
    background-color: #242533;
    color:#fff;
    padding: 8px  15px;
    font-size: 18px;
    font-weight: 500;
}
.school-box02{
    padding:60px 0;
}
.school-box02-txt{
    margin: 0 0 43px;
    line-height: 1.8;
    font-size: 15px;
    letter-spacing: 0.03rem;
}
.school-search{
    margin: 15px  auto;
}
.school-search form{
    width: 320px;
    height: 44px;
    background: #fff;
    border:solid 1px #D4D6E0;
    display: flex;
    align-items: center;
    margin: 0 auto;
}
.school-search input{
    width: 280px;
    padding:10px;
}
#s-btn-area{
    padding:10px;
    border-left:solid 1px #D4D6E0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 30px;
    position: relative;

}
#s-btn-area img{
    position: absolute;
    top:50%;
    right: 50%;
    transform: translate( 50% , -50%);
}

.schoolarea-flex{
    background: #fff;
    margin: 65px auto;
    width: calc(100% - 20px);
    box-sizing: border-box;
    padding: 30px 40px;
    max-width: 800px;
}
.schoolarea-box{
    display: flex;
    width: 100%;
    border-bottom: solid 1px #D4D6E0 ;
    padding: 9px 0  8px;
}
.schoolarea-box-ttl{
    font-size: 18px;
    font-weight: 500;
    color:#00064A;    
    padding: 0 14px 0;
    width: 170px;
}
.schoolarea-box-cat{
    display: flex;
    align-items: center;
    gap:35px;
    padding: 0 5px;
}
.schoolarea-box-cat a{
    color:  #111111;
    position: relative;
    display: block;
    font-size: 14px;
}
.schoolarea-box-cat a.nothing{
    pointer-events: none;
    color:#B2B3BA;
}
.schoolarea-box-cat a:before {
    width: 1px;
    height: 15px;
    position: absolute;
    right: -20px;
    transform: skew(-15deg);
    content: "";
    background: #B2B3BA;;
    top:2px;
}
.schoolarea-box-cat a:last-child:before {
    content: none;
}
.school-table-txt{
    font-size: 12px;
}
.school-table  table{
    width: 100%;
    margin: 13px 0;
}
.school-table  tbody{
    width: 100%;
}
.school-table  tbody th{
    border: solid 1px #D4D6E0;
    background: #F0F0F0;
    padding: 9px 10px;
    line-height: 1.8;
    text-align: left;
    font-weight: 400;
    vertical-align: middle;
    width: 33.5%;
}
.school-table tbody td{
    border: solid 1px #D4D6E0;
    padding: 9px 10px;
    line-height: 1.8;
    width: 66.5%;
}
.school-table .small{
    font-size: 12px;
}
.school-table .weight-bold{
    font-weight: 500;
}
@media screen and (max-width: 1120px) {
    .school-flex{
        max-width: 720px;
        flex-wrap: wrap;
        margin: 30px auto 10px;
    }
    .school-flex-box{
        width: calc(50% - 10px);
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 750px) {
    .school-box01{
        padding: 40px 0 10px;
    }
    .school-ttl{
        font-size: 22px;
    }
    .school-ttl02{
        text-align: center;
        margin-top: 2px;
    }
    .schoolarea-box-flex{
        padding: 15px 20px 20px;
        margin: 20px auto;
    }
    .school-flex-box-ttl{
        padding: 6px 10px;
        font-size: 16px;
    }
    .schoolarea-box{
        display: block;
    }
    .schoolarea-box-ttl{
        padding: 0;
        margin-bottom: 10px;
    }
    .schoolarea-box-cat{
        padding: 0;
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 550px) {
    .school-flex-box{
        width: 100%;
    }
    .school-box-flex-box{
        width: 100%;
    }
    .schoolarea-box-cat{
        gap: 10px 20px;
    }
    .school-table tbody th,
    .school-table tbody td{
        display: block;
        width: 100%;
        border-bottom: none;
    }
     .school-table tbody tr:last-child td{
        border-bottom: solid 1px #D4D6E0;
    }
}
 .golfinfo-box{
    margin: 60px 0;
}
.golfinfo-list{
    margin: 60px 0;
    gap: 40px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom:60px ;
    font-size: 18px;
}
.golfinfo-box .info-flex{
    display: flex;
    flex-wrap: wrap;
    width: calc(50% - 20px);
    margin-bottom:30px ;
    height: 100%;
}
.golfinfo-box .info-coursename{
    width: 100%;
    font-size:26px;
    font-weight:700;
    text-align:center;
    margin-bottom:10px ;
}
.golfinfo-box .info-ttl{
    width: 40%;
    font-weight:700;
    border-bottom:solid 1px #000;
    padding:5px;
    margin-bottom:10px;
}
.golfinfo-box .info-txt{
    width: 60%;
    border-bottom:solid 1px #888;
    padding:5px;
    margin-bottom:10px;
    word-break: break-all;
}
.golfinfo-box .info-map{
    width: 100%;
    text-align:center;
    margin: 20px 0;
}
.golfinfo-box .info-map iframe{
    width: 80%;
}
@media screen and (max-width: 750px) {
    .golfinfo-box .info-flex {
        width: calc(100%);
    }
}