/* CSS Document */

.shop-name,
#footer .for_top,
.beta .theme_labels{
    background-color: #026A25;
    }

.topic_list_link,
#slidemenu,
.theme_labels
{
  background-color: #026A25;
}

            h2.f-theme, h2.f-theme a,
            .h2.f-theme, .h2.f-theme a,
            h5.f-theme, h5.f-theme a,
            .h5.f-theme, .h5.f-theme a
           { color: #026A25;}
           
           h3.f-theme, h3.f-theme a,
            .h3.f-theme, .h3.f-theme a,
            h4.f-theme, h4.f-theme a,
            .h4.f-theme, .h4.f-theme a
           { color: #666666;}


            h6.f-theme, h6.f-theme a,
            .h6.f-theme, .h6.f-theme a
            { color: #333333;}
            
            
            h2 .heading,
            .h2.heading{
                border-left: 4px solid #026A25 !important;
                }
            
            h4 .heading,
            .h4.heading{
                border-left: 4px solid #026A25 !important;
                }
            
            .topic_head.f-theme{
                color: #724648 !important;
                }

.heading {
  border-left: 4px solid #724648;
}

.f-theme,
.f-theme-a,
.f-theme.icon-list,

#access_tab .select
{
color: #724648;
}

.staff-dl .dt,
.instructor-dl .dt,
.f-theme.icon-list-a a:before,
.text-block ul li:before,
.topic_list li .topic_date:before,
.rssFeed.topic_list li .topic_date::before,
.topic_list li a::before,
.topics-table .pbSmartWhatsnewTime:before,
.topics-table tr .topic_date_wrap::before, .topics-table tr .topic-date-wrap::before{
    color: #026A25;
    }


.tss-button{
    background-color: #724648;
}
input[type="button"].tss-button{
background-color: #724648;
}

.tss-table-over thead td,
.tss-table thead td,
.tss-table tbody th
{
    background-color: #34160F;
    color: #FFF;
}


#footer #footer-wrap{
border-top: 2px solid #026A25;    
}
.f-theme{ color: #004FB0; }

.side_bloc .s_nav_base,
.side_bloc .image_snav{
    border-top: 1px solid #CCC;
    border-bottom: 2px solid #026A25;
}


.side_bloc  .s_nav_base.s_nav_top-bdr{
    border-top: 2px solid #C7987D !important;
    }


.title_bdr_btm{
    border-bottom: 2px solid #59BE16;
    }
#access_tab{
   border: 1px solid #724648;
    background-color: #724648;
   }

.side_bloc{
    margin-bottom: 0px;}

 .side_bloc .s_nav_title{
    padding-left: 40px;
    margin-bottom: 0;
    }   
    
#s_base_info .s_nav_title{
    background-image: url(../images/fit_h2_baseinfo.png);
    }

#s_for_beginner .s_nav_title{
    background-image: url(../images/golf_snav_bigginer.png);
    }

#s_price_info .s_nav_title{
    background-image: url(../images/golf_snav_price.png);
    }

#s_layout_info .s_nav_title{
    background-image: url(../images/golf_snav_layout.png);
    }

#s_inst_info .s_nav_title{
    background-image: url(../images/snav_icon_inst.png);
    }
#s_schedule_info .s_nav_title{
            background-image: url(../../../statics/images/snav_schedule.png);
            }


/*
div.main_nav li{
    padding: 0px;
    }
*/


/* 待ち時間 */
.order-wrap{
    display: table;
    background-color: #E0D8D4;
    width: 100%;
    }

.left-order{
    display: table-cell;
    width: 70%;
    padding: 10px;
    }

.order-date{}
.order-wrap .icon_labels{
    float: right;
    margin-left: 10px;
    }

.order-wrap .icon_labels a:hover{
    color: #FFF;
    text-decoration: none;
    }

.floor{
    margin-right: 20px;
    color: #953439;
}
.floor_info{}

.floor_info_list{
    width: 100%;
    margin: 10px 0px;
}

.floor_info_list  li{
    background-color: #FFF;
    padding: 5px 10px;
    margin-bottom: 2px;
    width: 100%;
    display: block;
    }

.right-order{
    width: 30%;
    background-color: #BFA9A6;
    display: table-cell;
    vertical-align: top;
    }
.right-order .info_list-pc{
    text-align: center;
    padding: 10px;
    }
.right-order .info_list-sp{
    display: none;
    }
.right-order .info_list-pc li{
    margin-bottom: 20px;
    }
.right-order .info_list-pc li img:hover,
.order-wrap .icon_labels:hover{
      filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
    }



.cource-wrap{
    padding: 20px 20px 5px 20px;
    color: #724648;
    margin-bottom: 30px;
    }

.cource_info{
    width: 70%;
    float: left;
    }
.cource_map{
    width: 30%;
    float: right;
    padding: 0px 40px 0px 60px;
    }
.cource_num-wrap{
    width: 20%;
    float: left;
    color: #FFF;
    display: table;
  table-layout: fixed;
  padding: 20px 20px 0px 20px;
    }
    
    .num_title,
    .num_counter{
        display: table-cell;
  height: 60px;
  line-height: 60px;
        }
    .num_title{
         }
    .num_counter{
         font-size: 400%;
          font-weight: bold;
          }
    
.cource_info-wrap{
    width: 80%;
    float: left;
    padding: 10px;
    font-size: 120%;
    }
 
 .per_score{
     width: 100%;
     background-color: #CDF2B2;
     padding: 3px;
     text-align: center;
     font-size: 120%;
     }
  .yards_score{
      margin-top: 7px;
      width: 100%;
      text-align: center;
      color: #FFF;
      }
   .cource_text{
       margin-top: 10px;
       font-size: 110%;
       color: #333333;
       margin-bottom: 20px;
       }

/*
.merit_body{
    position: relative;
    margin-top: -70px;
    width: 65%;
    float: right;
    text-align: left;
    }
*/
.merit_body{
    position: relative;
    margin-top: -70px;
    text-align: left;
    margin-left: 150px;
    margin-right: 10px;
    float: left;
    width: auto;
    }

li div.himon_wait,
li div.himon_join{
    text-indent: -9999px;
    margin: 10px;
    }
    
li div.himon_wait a,
li div.himon_join a{
    display: block;
    height: 100%;
    width : 100%;
    }

li div.himon_wait{
     background-image: url(../images/wait01.png);
     height: 81px;
     width: 230px;
}

li div.himon_join{
     background-image: url(../images/join_btn.png);
     height: 62px;
     width: 230px;
     }


  .staff-inline .dt{
         float: left; }
    .staff-inline .dd{
         float: left;
         clear: none;
         }


@media  (max-width: 991px) {
/* sp styles */

    .cource-wrap{
    padding: 5px;
    }

    .cource_map{
        width: 30%;
        float: right;
        padding: 0px 10px 0px 10px;
    }
    
    .cource_info-wrap{
        font-size: 100%;
    }
    
        .num_counter{
         font-size: 300%;
          font-weight: bold;
          }
    .cource_num-wrap{
        padding: 10px 5px 10px 10px;
        }

}



/* Slick Color */
@media screen and (max-width: 911px) {
    .slick-dots li button:before,
    .slick-dots li.slick-active button:before
    {
        color: #026A25;
    }
}
@media screen and (min-width: 911px) {
    .slick-dots .slick-active button{
        background-color: #026A25;
    }
    .slick-dots .slick-active button::before{
        border-bottom: 3px solid #026A25;
    }
}




.order-wrap{
    font-size: 12px;
    }



.order-wrap{
    display: block;
    background-color: #E0D8D4;
    width: 100%;
    }

.left-order{
    display:block;
    width: 100%;
    padding: 10px;
    }

.order-date{}
.order-wrap .icon_labels{
    float: right;
    margin-left: 10px;
    }

.order-wrap .icon_labels a:hover{
    color: #FFF;
    text-decoration: none;
    }

.floor{
    margin-right: 20px;
    color: #953439;
}
.floor_info{}

.floor_info_list{
    width: 100%;
    margin: 10px 0px;
}

.floor_info_list  li{
    background-color: #FFF;
    padding: 5px 10px;
    margin-bottom: 2px;
    width: 100%;
    display: block;
    }

.right-order{
    width: 100%;
    background-color: #BFA9A6;
    display: block;
    float: left;
    padding: 20px 10px;
}

li div.himon_wait,
li div.himon_join{
    margin: 0;
    }

li div.himon_wait,
li div.himon_join{
    text-align: center;
    height: auto;
    }

li div.himon_wait a,
li div.himon_wait a:hover{
    color: #FFFFFF;
    text-decoration: none !important;
    }

li div.himon_join a,
li div.himon_join a:hover{
    color: #000000;
     text-decoration: none !important;
    }

li div.himon_wait{
     background-image: url(../images/sp_swing_himon_wait01.jpg);
     width: 48%;
     float: left;
     background-size: 100% 100%;
     text-indent: 0px;
     line-height: 30px;
     padding: 5px 10px;
}

li div.himon_join{
     background-image: url(../images/sp_swing_himon_wait02.jpg);
     width: 48%;
     float: right;
     background-size: 100% 100%;
     text-indent: 0px;
     line-height: 30px;
     padding: 5px 10px;
     
     }