@charset "UTF-8";
/* ************************************************
Theme Name: wp_gss_test
Theme URI: http://www.golf-station.net//
Author: 
Author URI: 
Description: 2013年9月リニューアル　GSS用テンプレート
Version: 1
Text Domain: gss_wp
* ************************************************ */
/* ************************************************
        CSS Contents#top_teach .teach_area .teach_set
    1-1. Notes
    1-2. CSS Zero Include
 * ************************************************ */
/* ************************************************
 * 1-2.Notes
 * ************************************************
 *      Css Import HTML Css Not Default WordPress
 * ************************************************ */
/* ************************************************
 * 1-3.CSS Include
 * ************************************************ */
@import url("css/style.css");
.page_dimg_ty.firstChild.lastChild img {
    max-width: 100%;
}
/*
**  sidebar icon directmail
*/
#wrap-directmail{
    display:none;
}
/*Add responsive style sheet*/
#directmail{
    font-family: "メイリオ",Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Verdana,Arial,Helvetica,sans-serif;
}
#directmail .banner-president img {
    max-width: 100%;
}
#directmail .partsPhoto {
    padding-top: 50px;
}
#directmail .text  {
    display:inline-block;
    width:78%;
}
#directmail .image {
    display: inline-block;
    width: 20%;
    vertical-align: top;
    margin-left: 10px;
	text-align:right;
}
#directmail .title-form{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin-top: 38px;
    line-height: 31px;
    color: #000;
}
#directmail .form-img {
    text-align: center;
    margin-top: 25px;
}
#directmail .partsTextBox {
    text-align: right;
}
#directmail .partsTextBox a{
    color: #3b5a9a;
}
#directmail .form {
    text-align: center;
    width: 70%;
    margin: 0 auto;
    padding-top: 20px;
}
#directmail #area-w {
    width: 100%;
    height: 112px;
}
#directmail .text-left{
    text-align:left;
}
#directmail .text-der {
    width: 36%;
    border-radius: 0;
    margin: 4px 6px 9px 0px;
    height: 27px;
}
#directmail .wp_social_bookmarking_light {
    display: none;
}
#btn-sub {
    background-image: url(//wp-content/uploads/2016/11/sousin_button.jpg);
    width: 100%;
    /*height: 93px;*/
	height: 124px;
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
    border: none;
    background-color: transparent;
}

#rank .rank-imgicon{
    font-size: 24pt;
    font-weight: bold;
    color: #393939;
    background-image: url('../wp_gss/img/contents/crown.gif');
    background-repeat: no-repeat;
    padding-left: 80px;
    line-height: 60px;
    margin-bottom: 20px;
}
#rank .wra-rank{
    display: inline-block;
    width: 100%;
}
#rank .rank-nb{
    display: inline-block;
}
#rank .rank-title{
    display: inline-block;
    font-size: 21px;
    color: #9a0606;
    padding-left: 2%;
    font-weight: bold;
}
#rank .wra-rank01{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding-top: 21px;
    padding-bottom: 16px;
    border-bottom: 1px dotted;
    margin-bottom: 4px;
}
#rank .rank-img{
    width:49%;
    float: left;
}
#rank .rank-text{
    width:48%;
    float: right;
}
#rank .btn-rank{
    border: 1px solid;
    width: 81%;
    padding: 4px;
    border-radius: 8px;
    background: #dcd7d7;
    margin: 54px 0 0 0px;
    float: right;
    }
#rank .btn-rank a{
    color:#000;
}
.rt-bg-top>img,
.top-banner>img,
.gallery-banner>img,
.cont-banner-img>img{
    width: 100%;
}
.carousel-main #img-g{
    width: 100%;
}
.main-gallery .carousel-main{
    vertical-align: top;
	text-align: left;
	width: 23.20%;
}
#renewal p.mgb-30{
    text-align: center;
}
/*-------end rank-------*/
div#benner-ty {
    display: none;
}
#teach #bread_area{
    display:none;
}
ul.slide_menu.lastChild img {
    /* for slide 2 height: 92px; */
}
.banner-0403{
    font-size:17px;
    padding-top:4px;
    font-weight: bold;
    margin-top: 5px;
    float:left;
    color:#000;
    text-align: left;
    width:100%;
    margin-left: 24%;
}
.gsstext-ty {
    text-align: left;
    font-size: 12px;
    width: auto;
    position: relative;
    right: -37%;
}
.gsstext-ty2 {
    text-align: left;
    font-size: 12px;
    width: auto;
    padding-left:78px;
}
.gsstext-ty1 {
    text-align: left;
    font-size: 11px;
    width: auto;
}
#gsstext-ty1{
    display:none;
}
.clearfix{clear: both;}

.top-header-part-left{
    width: 75%;float: left;

}
.top-header-part-right{
    width: 25%;float: right;    font-size: 12px;text-align: right;
}
.f-left{display: inline;    
    position: relative;
    top: 1px;}
.f-right{float:right;}
.top-header-part-right a{color:#000 !important;}
.top-header-part-right a img,.top-header-part-right a span{vertical-align: baseline;}
.page_dimg_ty{padding:14px 0;}
/*Custom New */
/*edit height slide top
.slide_img img.firstChild.lastChild.empty {
    height: 212px;
}*/
/*page atomic*/
.partsSubHeader {
    background: #dfe3e5;
    margin: 0 0 15px;
    padding: 8px 10px;
}
.partsSubHeader h3{
    font-weight:bold;
    color:#000;
}
.partsListFeature .title{
    color: #3b5a9a;
}
/* product
------------------------------*/
.partsListProduct {
    margin: 0 0 0 -20px;
    padding: 0 0 20px;
    letter-spacing: -1.45em;
    font-size: 90%;
}
.partsListProduct li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    width: 140px;
    margin: 0 0 0 20px;
}
.partsListProduct.col4 li,
.partsListProduct.col4 li img {width: 172px;}
.partsListProduct.col3 li,
.partsListProduct.col3 li img {width: 246px;}

.partsListProduct a {
    display: block;
    padding: 8px 0;
}
    .partsListProduct img {
        width: 140px;
        height: auto;
        margin: 0 0 5px;
    }
    .partsListProduct .text {
        position: relative;
        zoom: 1;
        padding: 0 0 2.5em;
        color: #3b5a9a;
    }
    .partsListProduct .price {
        position: absolute;
        bottom: 0;
        left: 0;
        font-size: 120%;
        font-weight: bold;
        color: #e2403b;
    }
    .partsListProduct .rank_number {
        text-align:center;
    }
    .partsListFeature {
    margin: -5px 0 35px;
}
.partsListFeature li a {
    display: block;
    background: url(../wp_gss/img/share/right-c_black.png) no-repeat 99% 50%;
    border-bottom: 1px solid #dfe3e5;
    padding: 10px 15px 10px 0;
}
.partsListFeature li a:hover {text-decoration: none;}
.partsListFeature li a:hover .title {text-decoration: underline;}
.partsListFeature .tag {
    position: relative;
    top: -1px;
    border: 1px solid #1c9bd8;
    border-radius: 10px;
    margin: 0 10px 0 0;
    padding: 2px 10px;
    white-space: nowrap;
    font-size: 90%;
    font-weight: bold;
    color: #1c9bd8;
}
/*---campaign_1610*/
    #content-campa .ytbg{
        background: #edb3b7;
        text-align: center;
    }
    #content-campa .btn-bk{
        text-align: center;
    }
    #content-campa .btn-bg{
        background: url(//wp-content/uploads/2016/09/campaign_1610_05-1.jpg) no-repeat 0 0;
        text-align: center;
        background-size: cover;
        padding-bottom: 26%;
    }
    #content-campa .btn-bk img,
    #content-campa .btn-bg img {
        width: 63%;
    }
/*----ty 06-01-2016----*/
.ty-table-ti{text-align: left;padding-left: 79px;}
span.lest-map {
    padding: 13px 0;
    display: block;
    }
ul.list_normal {
    padding: 0px 0px 0px 5px;
    list-style: none;
    margin-bottom: 10px;
}
ul.list_normal li {
    background-image: url(../wp_gss/img/contents/bg_li_hibiya.gif);
    background-repeat: no-repeat;
    background-position: 0 0.5em;
    padding: 0px 0px 0px 10px;
    line-height: 1.4;
    margin-bottom: 4px;
}
a.btn_txt {
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -o-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -khtml-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    background-color: #333;
    padding: 6px 15px 6px 15px;
    color: #FFF;
    line-height: 1;
    display: inline-block;
    background-image: url(../wp_gss/img/contents/bg_btn_txt.gif);
    background-repeat: no-repeat;
    background-position: 0px center;
    text-align: center;
    margin: 0 10px 10px 0px;
}
.ty-map-title{
    width:94px;
    display:inline;
    font-weight:bold;
    letter-spacing: 6px;
}
#cp img.alignnone.wp-image-572.firstChild.lastChild.empty{
    width:100%;
}
.mds_hyphen {
    padding: 0px 0px 0px 15px;
    font-size: 1.4em;
    margin-bottom: 20px;
    clear: both;
    font-weight: normal;
    position: relative;
    background-repeat: no-repeat;
    background-position: 0px center;
    line-height: 1;
    letter-spacing: -0.1em;
    background-image: url(../wp_gss/img/contents/bg_hyphen.gif);
}
.column {
    width: 700px;
    clear: both;
    margin: 0 0 30px 0;
    padding: 0px;
    display:block;
}
span.mds_hyphen_sub {
    padding: 0px 0px 0px 15px;
    font-size: 9px;
    margin-bottom: 0px;
    clear: both;
    font-weight: normal;
    position: relative;
    line-height: 1;
    font-family: "メイリオ","ＭＳ Ｐゴシック",Arial, Helvetica, sans-serif;
    letter-spacing: 0.2em;
    color: #BBB;
    vertical-align: baseline;
    position: absolute;
    top: 5px;
}
.mds_line {
    padding: 0px 0px 6px 0px;
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: bold;
    position: relative;
    letter-spacing: 0.4em;
    line-height: 1.4;
    clear: both;
    border-bottom: #DDD solid 1px;
}
.ty-boximg{
    width:112%;
}
.ty-boximg li{
    display:inline-block;
    padding-right: 25px;
}
.tbl_normal{
    width:700px;
    border:#DDD solid 1px;
}
.tbl_normal tr{
    border:#DDD solid 1px;
    padding: 10px;
}
.tbl_normal td{
    border:#DDD solid 1px;
    padding: 10px;
}
/*----ty 29-12-2015----*/
#ty-booking01{
    width:97%;
}
/*#contact #main_area {
    float: none;
    padding-left: 138px;
}*/
#ty-booking01 .ty-booking02{
    margin: 10px 0px 15px;
    font-size: 12pt;
    line-height: 30px;
    font-weight: bold;
    color: #FFFFFF;
    border-radius: 9px;
    text-indent: 20px;
    height: 30px;
    background: url(../wp_gss/img/share/titlebooking03.png) no-repeat center center;
}
.ty-b01{
    text-align:left;
    font-weight: bold;
}
.ty-b04{
    text-align:left;
    font-weight: bold;
    padding-left:38px;
}
.ty-b05{
    text-align: left;
    font-weight: bold;
    padding-left: 38px;
    width: 32%;
}
.ty-b02{
    padding:6px;
}
.ty-b08{
    padding:6px;
}
.ty-txtarea textarea{
    width: 96%;
    line-height: 0.80em;
}
.ty-b08 input[type="email"].w250{
    width:97%;
    }
.ty-b08 input[type="text"].w150{
    width:97%;
    }
.ty-b08 input[type="tel"].w150{
    width:97%;
    }
.ty-b08 input[type="email"].w150{
    width:97%;
}
.ty-b08 input[type="date"].w150{
    width:97%;
}
.ty-b08 input[type="password"].w150{
    width:97%;
}
.ty-submit{
    text-align:center;
    }
#booking #form .wpcf7-submit,
#booking02 #form .wpcf7-submit,
#contact #form .wpcf7-submit,
#application #form .wpcf7-submit,
#application02 #form .wpcf7-submit,
#application03 #form .wpcf7-submit,
#application04 #form .wpcf7-submit,
#application05 #form .wpcf7-submit,
#application06 #form .wpcf7-submit,
#application007 #form .wpcf7-submit{
    margin-top: 5%;
    margin-bottom: 5%;
    padding: 4px 10px;
    color: #ffffff;
    cursor: pointer;
    background: #78afff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 1.1em;
}
.ty-b01-rep{
        display: none;
    }
.ty-b03-rep{
        display: none;
    }
.ty-must {
    border-radius: 5px;
    position: absolute;
    display: inline-block;
    background-color: #d1161b;
    padding: 3px 5px;
    margin-left: 5px;
    margin-top:1px;
    line-height: 10px;
    color: white;
    font-weight: normal;
    font-size: 10px;
    }
.ty-radio{
    padding-top:21px;
    }
.ty-clear{
    padding-bottom:3px;
}
#contact02 .ty-b05{
    text-align: left;
    font-weight: bold;
    padding-left: 38px;
    width: 36%;
}
#application001 .ty-b04 {
    width: 38%;
}
#application002 .ty-b04 ,
#application003 .ty-b04 ,
#application004 .ty-b04 ,
#application005 .ty-b04 {
    width: 38%;
}
#application006 .ty-b04 {
    width: 35%;
}
#contact02 #ty-booking01 {
    padding:13px 0px;
}
td.ty-txtarea{
    padding-left:6px;
}
#application03 #ty-booking01,
#application05 #ty-booking01,
#application06 #ty-booking01{
    width:77%;
}   
#application .ty-b02,
#application02 .ty-b02,
#application05 .ty-b02,
#application007 .ty-b02{
    width:85%;
}
/*---ty 31-12-2015---*/
#booking select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.firstChild.lastChild,
#booking02 select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.firstChild.lastChild{
    width:100%;
}
#application select.wpcf7-form-control.wpcf7-select.firstChild.lastChild,
#application02 select.wpcf7-form-control.wpcf7-select.firstChild.lastChild,
#application03 select.wpcf7-form-control.wpcf7-select.firstChild.lastChild,
#application04 select.wpcf7-form-control.wpcf7-select.firstChild.lastChild,
#application05 select.wpcf7-form-control.wpcf7-select.firstChild.lastChild,
#application06 select.wpcf7-form-control.wpcf7-select.firstChild.lastChild {
        width: 100%;
    }
#application001 select.wpcf7-form-control.wpcf7-select.firstChild.lastChild,
#application002 select.wpcf7-form-control.wpcf7-select.firstChild.lastChild,
#application003 select.wpcf7-form-control.wpcf7-select.firstChild.lastChild,
#application004 select.wpcf7-form-control.wpcf7-select.firstChild.lastChild,
#application005 select.wpcf7-form-control.wpcf7-select.firstChild.lastChild,
#application006 select.wpcf7-form-control.wpcf7-select.firstChild.lastChild,
#application007 select.wpcf7-form-control.wpcf7-select.firstChild.lastChild {
        width: 100%;
    }
/*----ty-add 28-11-2015----*/
.box-ty {
    border:1px solid #000;
    margin-bottom: 10px;
}
.box-ty p{
    line-height: 1.6;
}
.box-ty .thumb_sq1{
    display: inline-block;
    vertical-align: top;
    margin-left: 7px;
    margin-top: 4px;
    margin-bottom: 7px;
}
.box-ty .thumb_sq1 img {border: 1px solid #000;width: 172px;}
/*---ty-add 04-11-2015---*/
#posts_topic .lesson .right{display:none !important;}
#lesson #posts_topic .lesson .right{display:block !important;}
#lesson #ty-close{display:none;}
#lesson #ty-close1{display:block;}
#ty-close1{display:none;}
.ty-logo_title{position:absolute;left: 192px;top: 31px;}
#ty-logo_title01{display:none;}
.add-tytext{padding:0;
            width:700px;
            margin:auto;}
.box-download{position:absolute;
    top: 307px;
    right: 0px;
    display:none;}
.box-download .img_area span:hover {opacity:0.5;}
.box-download .img_area {
    border: solid 1px #cccccc;
    margin-bottom: 10px;
    background: url(../img/contents/lesson_noimg.png) 50% 50% no-repeat;
}
#gssmainbox .short_gssbox2_full p{padding:0;}
.box-download .img_area span{display: block;
    width: 170px;
    height: 247px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;}
.box-download1 {display:none;}
.ty-table1{ width: 676px;
    height: auto;
    padding-top: 11px;
    margin: auto;
    position: relative;
    right: -12px;
}
.ty-table{ width: 676px;
    height: auto;
    padding-top: 11px;
    margin: auto;
    float: right;
}
.ty-tabletitle{background:#3284D4;
    height:31px;}
.ty-tabletitle1{background:#FFF;
    height:31px;}
.txt-table {text-align: center !important;
    font-size: 22px;
    padding-top: 6px;
    color: #FFF;
    font-weight: bold;}
.txt-table1{color: #FFF;
    padding: 4px 8px;
    background:#3284D4;
    letter-spacing:2px;
    border:1px solid #000;}
.txt-table2{padding: 3px 8px;
    letter-spacing:2px;}
#table-ty{border-right:1px solid #000;text-align:center;height:78px;font-weight: bold;}
#table-ty2{border-right:1px solid #000;text-align:center;font-weight: bold;}
#table-ty3{padding-left: 6%;border-right: 1px solid #000;font-weight:bold;}
#table-ty4{padding-left: 6%;border-right: 1px solid #000;font-weight:bold;}
#table-ty1{border-right:1px solid #000;
    border-bottom: 1px solid #000;
    text-align:center;
    color:#FFF;}
.add-tytext1{width:676px;font-weight:bold;margin-top:14px;font-size:12px;}
/*---------- button switch layout ----------*/
#btn_view{
    text-align: center;
    margin: 0;
    padding: 0;
    background: url(../img/share/footer_bk.gif);
}
#btn_view .rwd,#btn_view .text_align{
    text-align: center; 
    display:inline-block;
    margin:10px 0px;
    margin-right:20px;
}
.rwd_pc,.rwd_sp{
    background-color:#DFE89B;
    color:#000 !important;
    font-weight:bold;
    font-size:14px !important;
    padding:10px;
    text-decoration:none !important;
    border-radius:5px;
}

#btn_view .rwd_pc{
    display:inline;
    margin-right: -58px;
}
.det-red{
        color: #d1161b;
    font-size: 16px;
    font-weight: bold;
    }
h3.topic_title.no-spa{
        padding: 0 33px;
        margin: 10px 0 0;
    }
.margin-bt{
    margin-bottom: 20px;
}
/*========booking page========*/
.ty-submit-cus input {
    margin-top: 5%;
    margin-bottom: 5%;
    padding: 4px 10px;
    color: #ffffff;
    cursor: pointer;
    background: #78afff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 1.1em;
}
/*========thanks page========*/
#thanks .thx-title h2 {
    font-size: 13pt;
    line-height: 30px;
    font-weight: bold;
    color: #FFFFFF;
    border-radius: 9px;
    text-indent: 20px;
    background: url("img/contents/titlebooking03.png") no-repeat;
    padding: 7px;
    margin-bottom: 20px;
    text-align: center;
    background-size: 100% 100%;
}
#thanks .main-thanks {
    text-align: left;
    width: 75%;
    margin: 0 auto;
}
#thanks .mgb-20 {
    margin-bottom: 20px;
}
#thanks .main-thanks p {
    line-height: 30px;
    font-size: 16px;
}
#thanks .txt-l {
    text-align: left;
    margin: 0 auto;
}
/*=================== renewal page style=========================*/
.sold-out {
    position: absolute;
    left: 51%;
}
.sold-out img {
    border-radius: 5px;
}
#renewal .f18 {
    font-size: 18px;
    color: #d0161b;
    font-weight: bold;
}
.cp-cus {
    margin: 0 !important;
}
#renewal .renewal-button {
    width: 38%;
    margin: 0 auto;
    background: #efefef;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #ccc;
}
#renewal .renewal-button a{
    color: #444444;
    font-size: 16px;
    display: block;
}
#renewal img{
    max-width: 100%;
}
#renewal .f26{
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 35px;
}
#renewal .f34red{
    color: #d0161b;
    font-size: 34px;
}
#renewal .renewal-h2{
    font-size: 34px;
    font-weight: bold;
    margin: 30px 0;
    line-height: 45px;
}
#renewal .title-new{
    font-size: 18px;
    font-weight: bold;
    margin: 30px 0;
}
/*
#renewal p{
    line-height: 25px;
}
*/
#renewal .mgb-30{
    margin-bottom: 30px;
}
#renewal .table1 {
    width: 100%;
}
#renewal .table1 tr td {
    border: 1px solid #ccc;
    padding: 5px;
    vertical-align: top;
}
#renewal .gray{
    background: #f4f4f4;
}
#renewal .renewal-map iframe{
    width: 100%;
    height: 400px;
}
#renewal .mgb0{
    margin-bottom: 0px !important;
}
.center{
    text-align: center;
}
#renewal .table2{
    width: 100%;
    display: block;
}
#renewal .table2 tr td{
    border: 1px solid #EDB4B6;
    padding: 9px;
    background: #fff;
}
#renewal .td-l{
    width: 20%;
}
#renewal .td-r{
    width: 10%;
}
#renewal .bg-pink {
    background: #edb4b6;
    padding: 10px;
    margin-bottom: 15px;
}
#renewal .table3 {
    width: 100%;
}
#renewal .table3 tr td {
    background: #fff;
    padding: 10px;
    border: 1px solid #EDB4B6;
    width: 35%;
}
#renewal .table4 {
    width: 100%;
}
#renewal .table4 tr td {
    background: #fff;
    padding: 10px;
    border: 1px solid #EDB4B6;
    width: 25%;
}
#renewal .table4-cus tr td {
    width: auto !important;
    height: 80px;
}
#renewal .bor-n {
    border: none !important;
}
#renewal .bor-b1 {
    border-bottom: 1px solid #edb4b6;
}
#renewal .pd-b0{
    padding-bottom: 0px !important;
}
#renewal .big-red {
    font-size: 24px;
    color: #d0161b;
    font-weight: bold;
}
#renewal .mgb-20 {
    margin-bottom: 20px;
}
#renewal .f30 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}
#renewal .box-30 {
    width: 30%;
    display: inline-block;
    vertical-align: middle;
}
#renewal .box-70 {
    width: 69%;
    display: inline-block;
    vertical-align: middle;
}
#renewal .f20{
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    padding: 10px;
}
#renewal .head-renewal {
    margin: 20px 0;
}
#renewal .box-50 {
    width: 49%;
    display: inline-block;
    vertical-align: middle;
}
#renewal .mainbox-50 {
    background: #404040;
    margin-bottom: 15px;
}
#renewal .mgb-40{
    margin-bottom: 40px;
}
#renewal .fff{
    color: #fff;
    text-align: right;
}
#renewal .mgtb-30 {
    margin: 30px 0;
}
#renewal .mgtb-20 {
    margin: 20px 0;
}
#renewal .mgt-30 {
    margin-top: 30px;
}
#renewal .f16{
   font-size: 16px;
    font-weight: bold;
}
#renewal .last-renewal {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
#renewal .last-renewal p {
    padding-left: 10px;
}
#renewal .mgb-15{
    margin-bottom: 15px;
}
#renewal .red{
    color: #d0161b;
    font-weight: bold;
}
#renewal .dis-nb{
    display: none;
}
#renewal-left {
    margin-bottom: 10px;
}
#renewal .dis-nt{
    display: none;
}
/*=================== price-guide page style=========================*/
#price-guide .title-price{
    font-weight: bold;
    margin: 45px 0;
}
#price-guide .red{
    color: #d0161b;
    font-weight: bold;
}
#price-guide .extra-red {
    font-size: 45px;
    color: #d0161b;
    font-weight: bold;
    margin-bottom: 30px;
}
/*
#price-guide p {
    line-height: 25px;
}
*/
#price-guide .title-new{
    font-size: 18px;
    font-weight: bold;
    margin: 30px 0;
}
#price-guide .table2{
    width: 100%;
    display: block;
}
#price-guide .table2 tr td{
    border: 1px solid #EDB4B6;
    padding: 9px;
    background: #fff;
}
#price-guide .td-l{
    width: 20%;
}
#price-guide .td-r{
    width: 10%;
}
#price-guide .bg-pink {
    background: #edb4b6;
    padding: 10px;
    margin-bottom: 15px;
}
#price-guide .bold {
    font-weight: bold;
    font-size: 18px;
}
#price-guide .main-pink {
    background: #fff;
    padding: 20px;
}
#price-guide .box30 {
    width: 29%;
    display: inline-block;
    vertical-align: top;
}
#price-guide .box70 {
    width: 70%;
    display: inline-block;
    vertical-align: top;
}
#price-guide .f18r {
    font-size: 18px;
    color: #d0161b;
    font-weight: bold;
}
#price-guide .mgb-15{
    margin-bottom: 15px;
}
#price-guide .mgb-10{
    margin-bottom: 10px;
}
#price-guide .pdl-55{
    padding-left: 55px;
}
#price-guide .mgb-40{
    margin-bottom: 40px;
}
#price-guide .mgb0{
    margin-bottom: 0px !important;
}
#price-guide .table3 {
    width: 100%;
}
#price-guide .table3 tr td {
    background: #fff;
    padding: 10px;
    border: 1px solid #EDB4B6;
    width: 35%;
}

#price-guide .big-red {
    font-size: 24px;
    color: #d0161b;
    font-weight: bold;
}
#price-guide .mgb-20 {
    margin-bottom: 20px;
}
#price-guide .f30 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}
#price-guide .dis-nb{
    display: none;
}
#price-guide .center-rl{
    text-align: center;
}
#price-guide .pdl-20{
    padding-left: 20px;
}
#price-guide .dis-nt{
    display: none;
}

#eastyle h2 {
    background: #d0c9b4;
    color: #5a5954;
    padding: 10px 20px;
    margin:10px 0px;
    text-align:center;
    font-weight: bold;
    font-size:18px;
} 
#eastyle table {
    margin: 10px auto;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    font-size: 10px;
}
#eastyle table th {
  border: 1px solid #000;
  background: #f1efe8;
  padding: 5px 0px;
  
}
#eastyle table tr td:first-child {
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    word-break:normal;
    width: 20%;
}
#eastyle table tr, #eastyle table td {
    background: #fff;
    border: 1px solid #000;
    width: 16%;
    text-align:center;
    padding-bottom: 5px;
    line-height: 1.4;
    -webkit-word-break: break-all;
    -ms-word-break: break-all;
    word-break: break-all;
}
#eastyle table tr td:first-child p {
    margin: 5px;
}
#eastyle table td.pinkback {
    background-color: #edb4b6;
}
#eastyle .bigti {
    font-weight: bold;
    font-size: 13px;
    margin: 5px 5px 0px 5px;
    text-align: center;
}
#eastyle .thsmall {
    font-size: 12px;
    font-weight: normal;
    margin-top: 0px;
    text-align: center;
}
#eastyle ul.trfirst li {
    text-align: left;
    margin: 0px auto;
    width: 40%;
    font-size: 10px;
    line-height: initial;
}
#eastyle ul.trfirst li:before {
    font-size: 8px;
    content: "•";
    margin-right: 5px;
}
#eastyle ul.trfirst {
}
#eastyle .circle-o {
    font-size: 40px;
    color: #000;
    margin: 0px 5px 0px 5px;    
}
#eastyle .circle-thin {
    font-size: 40px;
    color: #f70b0b;
    margin: 0px 5px 0px 5px;
}
#eastyle .sfa-times {
    font-size: 40px;
    color: #000;
    margin: 0px 5px 0px 5px;
}
#eastyle .faquet {
    font-size: 40px;
    color: #000;
    margin: 0px 5px 0px 5px;
}
#eastyle .aleft {
    text-align: left;
    width: 86%;
    margin: 0 auto;
}
@media screen and (max-width: 480px) {
#eastyle .faquet,
#eastyle .circle-o,
#eastyle .sfa-times,
#eastyle .circle-thin  {
    font-size: 20px;
}

#eastyle ul.trfirst li {
    font-size: 2vw;
}
#eastyle table{
    font-size:8px;
}
#eastyle .bigti,#eastyle table tr td:first-child {
    font-size: 2.5vw;
    margin: 2px;
}
#eastyle .thsmall {
    font-size: 2vw;
}
}

@media screen and (max-width: 550px) {
    #price-guide .pdl-20{
        padding-left: 0px;
    }
    #price-guide .extra-red{
        font-size: 25px;
        margin-bottom: 10px;
    }
    #price-guide .box30{
        width: 100%;
    }
    #price-guide .box70{
        width: 100%;
    }
    #price-guide .center-rl{
        text-align: left;
    }
    #renewal .dis-n{
        display: none;
    }
    #renewal .dis-nb{
        display: block;
        text-align: center;
        background: #fff;
        margin-bottom: 20px;
    }
    #renewal{
        font-size: 13px;
    }
    #renewal .box-50 {
        width: 100%;
    }
    #renewal .box-30{
        width: 100%;
    }
    #renewal .box-70{
        width: 100%;
    }
    #renewal .f30{
        font-size: 22px;
    }
    #renewal h2{
        font-size: 27px;
    }
    /*==price gruide==*/
    #price-guide .dis-n{
        display: none;
    }
    #price-guide .dis-nb{
        display: block;
        text-align: center;
        background: #fff;
        margin-bottom: 20px;
    }
    #price-guide{
        font-size: 13px;
    }
    #price-guide .box-50 {
        width: 100%;
    }
    #price-guide .box-30{
        width: 100%;
    }
    #price-guide .box-70{
        width: 100%;
    }
    #price-guide .f30{
        font-size: 22px;
    }
    #price-guide h2{
        font-size: 27px;
    }
}
@media screen and (max-width: 767px) {
    
    /*page atomic*/
/*#price .gssbox2, #price .gssbox3 {
    width: 100% !important;
}*/
#rank .rank-imgicon{
    margin:0;
    text-align: left;
    font-size:6vmin;
}
#rank .rank-title {
    font-size: 4vmin;
}
#rank .rank-text{
    width: 61%;
    float:none;
    text-align: center;
    padding-top: 17px;
    font-size: 13px;
    margin: 0 auto;
}
#rank .rank-img{
    width: 100%;
    float:none;
    text-align: center;
}
#rank .btn-rank{
    margin:0 auto;
    float: none;
    text-align: center;
    margin-top: 17px;
}
.div-ty{width:48%;
    display: inline-block;
    vertical-align: top;}
.gsstext{font-size:2.9vmin !important;}
.gssbox3{width:45%;}
.gssbox2{width:45%;}
div#benner-ty{
    display:block;
}
.partsListProduct {
    margin-left: 0;
    font-size: 100%;
}
.partsListProduct li,
.partsListProduct.col4 li,
.partsListProduct.col3 li {
    display: block;
    border-bottom: 1px dotted #555;
    width: auto;
    margin: 0;
}
.partsListProduct.jsSpSlider2 li {
    border: none;
}
.partsListProduct.jsSpSlider2 a {
    background: none;
}

.partsListProduct .photo,
.partsListProduct .text {
    display: table-cell;
    vertical-align: top;
    padding: 5px 10px;
    font-size:13px;
}
.partsListProduct .photo {
    width: 100px;
    padding-left: 0;
    padding-right: 0;
}
.partsListProduct.jsSpSlider2 .photo {
    padding-left: 20px;
}
    .partsListProduct .photo img,
    .partsListProduct.col4 .photo img,
    .partsListProduct.col3 .photo img {
        width: 100px;
        margin: 0;
    }
.partsListProduct .price {
    position: static;
    padding: 5px 0 0 0;
    color: #e2403b;
}
.partsListProduct .rank_number {
    margin-top: 5px;
    margin-bottom: -10px;
}
.partsListFeature .title{
    font-size:12px;
}   
    /*30-12-2015*/
.banner-0403 {
    font-size: 11px;
    margin-left:0;
}
    .gsstext-ty{
    text-align: center;
    font-size: 12px;
    width: auto;
    right:0%;
    }
    .gsstext-ty2{
    text-align: center;
    font-size: 12px;
    width: auto;
    padding-left: 0;
    }
    .gsstext-ty1{
    text-align: center;
    font-size: 12px;
    width: auto;
    }
    .column .ty-for{
    
    }
    .ty-boximg li {
        width: 100%;
        padding-left: 0px;
    }
    span.mds_hyphen_sub{
        left:35%
    }    
    .ty-map-title {
        left: -33%;
        position: relative;
    }
    .ty-boximg li img{
    width: 100%;
    }
    #booking td.ty-booking02.firstChild{
        width:100%;
    }
    #application03 #ty-booking01,
    #application05 #ty-booking01,
    #application06 #ty-booking01{
        width:100%;
    }
    #contact #main_area {
        float: none;
        padding-left: 0px;
    }
    #ty-booking01 tr {
        width:100%;
        display: inline-flex;
    }
    #ty-booking01 {
        width: 100%;
    }
    .ty-clear{
        display:none;
    }
    .ty-b01{
        display: none;
    }
    .ty-b04{
        display: none;
    }
    .ty-b05{
        display: none;
    }
    .ty-b01-rep{
        display: block;
        font-weight:bold;
		margin-left: 8px;
		padding: 5px 0px;
    }
    .ty-b03-rep{
        display: block;
    }
    .ty-b02{
        width: 23% !important;
        /*padding:0px 8px;*/
    }
    #application .ty-b02,
    #application02 .ty-b02,
    #application03 .ty-b02,
    #application04 .ty-b02,
    #application05 .ty-b02,
    #application06 .ty-b02,
    #application007 .ty-b02{
        width:100% !important;
    }
    .ty-b08{
        width: 100% !important;
        padding:0px 8px;
    }
    #ty-booking01 .ty-booking02{
        width:100%;
        text-indent: 16px;

    }
    .ty-radio{
        padding-top:0px;
    }
    td.ty-txtarea.lastChild{
        width:98% !important;
    }

    /*04-11-2015*/
    #booking02 #main_area{padding-left:0px;}
    .lightbox-background{z-index:0 !important;}
    .lightbox-loader{z-index:0 !important;}
    .box-ty .thumb_sq1 img{
        border:0px;
        width: 160px !important;
    }
    .lightbox-slide {
    width: 100% !important;
    }
    .lightbox-slide img {
    position:relative !important;
    left: -5% !important;
    border:1px !important;
    }
    .lightbox-exit, .lightbox-button-left, .lightbox-button-right{
    z-index:0 !important;
    position:fixed !important;
    }
    .lightbox-button-left { 
    left: 1% !important;
    background-position: 20px 0;
    }

    .lightbox-button-right {
    right: 1% !important;
    background-position: 40px 0;
    }
    .box-ty{border:0px;}
    .ty-df {
    width: 160px;
    margin: 0 auto;
    }
    .single.single-lessons.postid-3308 #top_slide{
        display:none;
    }
    .ty-table1{right:0;}
    .ty-logo_title{display:none;}
    .ty-logo_title2{display:none;}
    #ty-logo_title01{display:block;}
    .addty {padding:0;}
    .addty .wp_title{float:left;}
    .box-download .img_area {display:none;}
    .ty-tabletitle1{float:left;}
    .ty-table-ti{text-align: left;padding-left:0;display:inline-block;}
    #table-ty1, #table-ty, #table-ty2,#table-ty3,#table-ty4 {font-size:65%;font-weight:bold;}
    .add-tytext1{font-size:10px;}
    .txt-table{font-size:13px;position: relative;top: -10px;}
    .ty-tabletitle {height: 20px;
    padding-top: 5px;}
    .txt-table1 {padding: 0px 8px;
    font-size: 10px;}
    .txt-table2 {font-size: 11px;}
    .box-download1 .img_area span{display: block;
    width: 170px;
    height: 247px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;}
    .box-download1{position: relative;
    display: inline-block;
    top: 4px;
    padding-left: 67px;
    right: 25px;}
    .box-download1 .img_area span:hover {opacity:0.5;}
    .box-download1 .img_area {
    border: solid 1px #cccccc;
    margin-bottom: 10px;
    background: url(../img/contents/lesson_noimg.png) 50% 50% no-repeat;
}
    /*----end----*/
    .btn-w{top: -3px;}
    #btn_view .rwd{
        margin: 11px 0px 25px 0px;
        width: 100%;
        position: relative

    }  
    #page-top{bottom: 15px !important;}
    
    #btn_view .text_align{
        text-align: center;
        width: 100%;
        margin: 0;
        position: absolute;
        margin-top: 15px;
        left: -45px;
       
    }
    .add-logosc{padding-top:16px;    
                width: 237px;
                padding-left: 25px;}
    .ty-addnew{left: 10px;
        font-size: 13px;
        top:2px;}
    .ty-btn{position:absolute;    
            width: 100%;
            top: 1px;
    } 
    #eastyle ul.trfirst li {
        width:100%;
        text-align:center;
        
    }
}
/*---------- End button switch layout ----------*/

/*---------- Application ----------*/
p.mgl15 span {
    color: red;
}
#topic3 .mgl15 {
    margin-bottom: 15px;
}
#application #topic1 .inner {
  *zoom: 1;
  margin-left: 15px;
}
#application #topic1 .inner:after {
  content: " ";
  display: block;
  clear: both;
}
#application #topic1 .inner .tel_area {
  line-height: 0;
  text-height: 0;
  float: left;
  width: 345px;
  height: 70px;
  text-indent: -9999px;
  background: url(../img/share/footer_tel.png);
}
#application #topic1 .inner .booking_form {
  line-height: 0;
  text-height: 0;
  float: left;
  margin-left: 5px;
}
#application #form .wpcf7 {
  margin-top: 30px;
}
#application #form .wpcf7 .must,
#application02 #form .wpcf7 .must,
#application03 #form .wpcf7 .must,
#application04 #form .wpcf7 .must,
#application05 #form .wpcf7 .must,
#application06 #form .wpcf7 .must,
#application007 #form .wpcf7 .must  {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  behavior: url(/css/PIE.htc);
  display: inline-block;
  background-color: #d1161b;
  padding: 4px 5px;
  margin-left: 5px;
  line-height: 10px;
  color: white;
  font-weight: normal;
  font-size: 10px;
}
/*#application #form .wpcf7-submit,
#application02 #form .wpcf7-submit,
#application03 #form .wpcf7-submit,
#application04 #form .wpcf7-submit,
#application05 #form .wpcf7-submit,
#application06 #form .wpcf7-submit {
  padding: 10px 0;
  width: 200px;
  height:60px;
  font-size:1px;
  font-weight:bold;
  text-align: center;
  letter-spacing: 21px;
  padding-left: 200px;
  cursor:pointer;
  background-image: url(img/share/btnapplication.jpg);
  background-size: 200px 60px;
  border:none;
}*/
#application .page_title,
#application03 .page_title,
#application04 .page_title,
#application02 .page_title,
#application05 .page_title,
#application06 .page_title,
#application001 .page_title,
#application002 .page_title,
#application003 .page_title,
#application004 .page_title,
#application005 .page_title,
#application006 .page_title,
#application007_0318 .page_title,
#application007 .page_title {
  background-image: url(img/contents/bannerapplication.jpg);
}

.mgb20 textarea{
    width:58% !important;
}
/*---------- End Application ----------*/
/* beginner2 */
#beginner2 .page_title{
  background-image: url(img/contents/beginner_title.jpg)
}
#beginner3 .page_title,
#beginner3a .page_title{
  background-image: url(img/contents/beginner_title.jpg)
}
#beginner4 .page_title{
  background-image: url(img/contents/beginner_title.jpg)
}
#beginner5 .page_title{
  background-image: url(img/contents/beginner_title.jpg)
}
#beginner6 .page_title{
  background-image: url(img/contents/beginner_title.jpg)
}
#beginner7 .page_title{
  background-image: url(img/contents/beginner_title.jpg)
}
#beginner10 .page_title{
  background-image: url(img/contents/beginner_title.jpg)
}
#beginner_season_12-1 .page_title{
  background-image: url(img/contents/time-course.jpg)
}
/* oncourse_copy1*/
#oncourse2 .page_title {
  background-image: url(img/contents/oncourse_title.jpg);
}
/* oncourse_copy2*/
#oncourse3 .page_title {
  background-image: url(img/contents/oncourse_title.jpg);
}
/* triallesson*/
#triallesson .page_title {
  background-image: url(//wp-content/uploads/2016/07/newtrial_lesson_title2016-1.jpg);
}
#schooldate-html .page_title {
  background-image: url(img/contents/facility_title_new.jpg);
}
#gssmainbox{text-align:left;}
.gssbox {
    width: 100%;
    margin: 0px;
    overflow: hidden;
}
/*original*/.gssbox3{
    margin:5px;
    display: inline-block;
    vertical-align: top;    
    }
/*ty add new 20-10-2015
.gssbox3{
    margin:5px;
    display: inline-block;
    vertical-align: top;
    width:300px;    
    }*/
/*end*/
    .gssbox3 img{
    text-align:center;
        width: 225px;
    }
    .course-img1{width:auto;float:none;text-align:center;display: block;}
    .course-img1 img{width:auto;}
    .course-img2{width:auto;float: left;text-align:center;}
    .course-img2 img{width:290px;}
  .beginner2-img1{width: 30%;float: left;text-align: center;}
  .beginner2-img1 img{width: 230px;}
    .gsstext{text-align:center;
             font-size:12px;
             width:auto;
        }
    .g-purpose {
            text-align: center;
    }
    .g-purpose img{width:103px} 
.gss_p{color: red;}
.gss_pu{color: red;text-decoration: line-through;}
.gss_pua{font-weight: bold;color:#1790c9;}
.gss_pua a {
    font-weight: bold;
    color: #1790C9;
}
.gssline {display:none;}
.gssline678 {display:none;}
 .socials_icon {
    float: right;
}
/*--original--*/.gssbox2{
    margin:5px;
    display: inline-block;
    vertical-align: top;    
    }
.gssbox2a{
    margin:5px;
    display: inline-block;
    vertical-align: top;    
    }
.gssbox2a img{text-align:center; width: 355px;}
/*ty add new 20-10-2015 
.gssbox2{
    margin:5px;
    display: inline-block;
    vertical-align: top;
    width:359px;
    }*/
/*end*/
    .gssbox2 img{text-align:center; width: 355px;}

header .inner #header_contact #side_booking {
    display: none;
}
.newbtn_side_area {
    width: 100%;
    display: none;
    text-align:center;
}
 a.socials, a.socials-small { 
     display:inline-block; 
     margin-right:0px; 
     text-indent:-9999px !important; 
     text-align:left; 
     background-size: 100% auto;
 }
     a.socials { 
         width:34px;
         height:34px;
         background-position: left bottom !important; 
         text-indent: -9999px !important;
         display: inline-block;
     }
     a.socials-small {
         width:21px; height:21px; 
         background-position:left bottom !important; 
     }
     a.socials:hover,
     a.socials-small:hover { 
         background-position:left top !important 
     }


a.facebook {
  background: url('http://www.golf-station.net//wp-content/uploads/2015/07/facebook1.png') no-repeat;
}
a.facebook:hover{
    background: url('http://www.golf-station.net//wp-content/uploads/2015/07/facebook.png') no-repeat;
}
a.instagram {
  background: url('http://www.golf-station.net//wp-content/uploads/2015/07/instagram.png') no-repeat;
}
a.instagram:hover {
   background: url('http://www.golf-station.net//wp-content/uploads/2015/07/instagram1.png') no-repeat;
}
#teach .teach_set .socials_icon {
   padding-bottom: 5px; 
}
#teach .teach_set .img_area .pic{
margin-bottom:5px !important;
}
#top_fb {
    border: 1px solid #EEE;
    overflow: hidden;
    width: 750px;
    height: 320px;
    background: #FFF none repeat scroll 0% 0%;
}
#top_teach .more{
text-align:left;
}

.base_res{
    display: none;
}
.odd1{
      display: table-row;  
    }
    #likebox-wrapper * {
        display: none;
    }
h4.sub_title{
    clear: both;
}
#re_info{
        display: none;
      }
.mgt20 {
    width: auto;
    height: auto;
}

/*#wrapper div{
    max-width: 100% !important;
}*/
#top_fb img{
    max-width: 100% !important;
}
#top_fb a{
    max-width: 100% !important;
}
#top_fb div{
    max-width: 100% !important;
}
 .uiScaledImageContainer _4-ep{
        width: 100%;
    }
h2{margin-top: 5px;}
.img-respon{
    display: block;
    height: auto;
    max-width: 100%;   
}
/*.contents{
    max-width:95%;
}
.contents{
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;   
}*/
#top_teach .teach_area .teach_set .detail .btn_area .button span{
    width: 165px;
    font-size: 12px;
    
}
#top_teach .teach_area .teach_set .detail{
    width: 53%;
   
}

#side_area #sns_area{
    margin-bottom: 20px;   
}
#top{
    overflow: hidden;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
#topic2 h4.sub_title{
    float: left;
}
/*#side_area{
    width: 20%;   
}
#main_area{
    width: 73%;   
}*/
#page_detail h1.page_title,#page_detail h2.page_title{
    width: 100%; 
    text-indent: -9999px;
   
}
.box_white.box_half{
    width: 315px;   
}
#topic1 .mgl15 .right.firstChild.empty,
#topic2 .mgl15 .right.firstChild.empty{
        width:280;
        height:150;
    }
/*#teach .teach_set .img_area{
    width: 35%;   
}
#teach .teach_set .detail{
    width: 60%;
    margin-left: 0px;
}*/
/*-------Tep makara----------*/
.ty-b02 select {
    width: 100%;
}
.ty-must-green {
    border-radius: 5px;
    position: absolute;
    display: inline-block;
    background-color: #51a351;
    padding: 3px 5px;
    margin-left: 5px;
    margin-top: 1px;
    line-height: 10px;
    color: white;
    font-weight: normal;
    font-size: 10px;
}
.gss_btn {
    margin-left:5px;
}
.btn_p{
    margin-left: 28px;
    font-size: 16px;
    font-weight: bold;
}
.btn_txt{
    white-space: normal;
    text-overflow: initial;
    margin: 10px 0px 15px;
    padding: 0px 30px;
    height: auto;
    line-height: 25px;
    font-size: 15px;
    font-weight: bold;
    word-wrap: break-word;
    background: transparent url("//wp-content/themes/wp_gss/img/share/h3_topic_bk01.jpg") no-repeat scroll 0% 50%;
    text-align: left;
}
/*--------------Karona------------------*/
/*===============================
         Menu Responsive
=================================*/
#main_nav{
  width: 1024px;  
  *zoom: 1;
  line-height: 0;
  text-height: 0;
}
#main_nav ul {
    height: 44px;
}
#main_nav ul li{
  float: left;
}
#main_nav ul li a, #navi li strong {
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    width: auto;
}
#main_nav ul li a span {
    color: #EBF4E1;
    font-size: 10px;
    line-height: 10px;
}
#main_nav li strong span {
    color: #666666;
    font-size: 10px;
    line-height: 12px;
}
#main_nav ul li a {
  padding-left:0px;
}
#main_nav ul li strong {
    color: #405C27;
    font-weight: normal;
}
#main_nav ul li {
    display: inline;
}
#handle-menu {
  display: none;
  color: #FFF;
  text-align: left;
  height: 44px;
  padding: 0px;
  border-top: 2px solid #EC8383;
  border-bottom: 2px solid #ddd;
  background: #D1161B;
}
#handle-menu a{
  display: block;
  color: #fff;
  padding-left: 40px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  padding-left: 6px;
  cursor:pointer;
}
  #handle-menu a:visited{
  color: #fff;
  }
  .main_nav {
    height:44px;
  }
#ty-booking01 .ty-booking02 p{
    margin: 0;
}
@media (min-width: 1200px) {
  header .inner,#top_slide,#top_slide .inner{
    width: 1024px;
    margin: 0 auto;
  }
}
/*sm*/
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
    #top_slide .inner .slide_img{
       /*height:230px !important;*/       
    }
    #top_news #tab_main .news_list li .date {
    font-size: 12px;
    padding-left: 30px;
    text-align: left;
    vertical-align: middle;
    width: 30%;
}
}
/*xs*/
@media only screen 
  and (min-device-width:320px) 
  and (min-device-width:480px){
    #top_slide .inner .slide_img{
       height:200px;
    }
}

/*=====================
    Header Responsive
========================*/
.slide_img,.slide_menu{
  position: relative;
  min-height: 1px;
  padding-right:0px;
  padding-left: 0px;
}
 /*=====Edit Slider Images Show=======*/
.img-responsive,
#top_slide .inner >.slide_img > a > img {
  width:100%;
  height: auto;
}
#top_slide .inner .slide_img,#top_slide .inner .slide_menu{
  position: relative;
  min-height: 1px;
  padding-right:0px;
  padding-left: 0px;
}
 #top_slide .inner .slide_img {
   float: left;
   width: 764px;
}
 #top_slide .inner .slide_menu {
   float:left;
   width: 260px;
}
/*------5/09/2015 new style kakrona ------*/
#booking .wp_social_bookmarking_light,
#contact .wp_social_bookmarking_light,
#application .wp_social_bookmarking_light,
#teach .wp_social_bookmarking_light,
#application02 .wp_social_bookmarking_light,
#application03 .wp_social_bookmarking_light,
#application04 .wp_social_bookmarking_light,
#application05 .wp_social_bookmarking_light,
#application06 .wp_social_bookmarking_light,
#application001 .wp_social_bookmarking_light,
#application002 .wp_social_bookmarking_light,
#application003 .wp_social_bookmarking_light,
#application004 .wp_social_bookmarking_light,
#application005 .wp_social_bookmarking_light,
#application006 .wp_social_bookmarking_light,
#application007 .wp_social_bookmarking_light{
  display: none;
}
#posts_topic .lesson .alignnone{
  display: block;
}
.english-travel-top{
  margin-top: 30px;
  margin-bottom: 10px;
}
.gssbox2_full{
  margin:5px;
  display: inline-block;
  vertical-align: top;}
.gssbox2_full img{text-align:center; width:737px;}
.short_gssbox2_full{
    width: 100%;
    margin: 0px;
    overflow: hidden;
}
.short_gssbox2_full p{
    padding: 10px 0;
    line-height: 1.5;
    text-align: left;
}
.short_gssbox2_full .short_gssbox2_full_text01{
    margin: 0px 0 10px 0;
    padding: 5px 0px;
    font-size: 24px;
    font-weight: bold;
    word-wrap: break-word;
    line-height: 1.5;
}
.short_gssbox2_full .short_gssbox2_full_text02{
    font-size: 18px;
    margin: 0px 0 10px 10px;
    padding: 5px 0px;
    font-size: 18px;
    word-wrap: break-word;
    line-height: 1.5;
}
#english-travel1 .short_gssbox2_full1,
#english-travel2 .short_gssbox2_full1{
  margin:5px;
  display: inline-block;
  vertical-align: top;
}
#english-travel1 .short_gssbox2_full1 img,
#english-travel2 .short_gssbox2_full1 img{
  text-align:center; width:737px;
  
}
.short_gssbox2_full_imgtop{
    top: -15px;
    position: relative;
}
.short_gssbox2_full .short_gssbox2_full_text{
    margin: 20px 0 15px 0;
    padding:5px 0px;
    height: auto;
    line-height: 25px;
    font-size: 28px;
    font-weight: bold;
    word-wrap: break-word;
    border-bottom: 3px solid  #D0161B; 
}

.short_gssbox2_full .short_gssbox2_full_box{
    background: #d16349;
    padding: 10px;
    margin: 10px;
    border-radius:50px;
    border: 4px solid #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.short_gssbox2_full_box h1{
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    line-height: 1.5;
}
.short_gssbox2_full_box h2{
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 1.5;
}
.short_gssbox2_full_box p{
    color: #fff;
    font-size: 19px;
    line-height: 1.5;
    text-align: left;
    font-weight: 700;
    padding:10px 0; 
    padding-left:20px;
}
#english-travel1 .short_gssbox2_full2,
#english-travel2 .short_gssbox2_full2{
  margin: 10px 14px;
  display: inline-block;
  vertical-align: top;
  word-wrap: break-word;
}
#english-travel1 .short_gssbox2_full2 h4,
#english-travel2 .short_gssbox2_full2 h4{
  text-align: center;
  padding: 10px;
  font-weight: 600;
  word-wrap: break-word;
}
#english-travel1 .short_gssbox2_full2 p
#english-travel2 .short_gssbox2_full2 p{
  padding: 10px 0;
  line-height: 1.5;
  word-wrap: break-word;
}
#english-travel1 .short_gssbox2_full2 img,
#english-travel2 .short_gssbox2_full2 img{
  text-align:center; 
  background: #fff;
  padding: 2px;
  width: 340px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
#english-travel1 .short_gssbox2_full3,
#english-travel2 .short_gssbox2_full3{
  display: inline-block;
  vertical-align: top;
  width: 352px;
  margin: 10px;
}
#english-travel1 .short_gssbox2_full4,
#english-travel2 .short_gssbox2_full4{
  display: inline-block;
  vertical-align: top;
  width: 352px;
  margin: 10px;
  float: left;
}
#english-travel .short_gssbox2_full4{
  width: 355px;
  display: inline-block;
  vertical-align: top;
   margin: 10px;
  float: left;
}
#english-travel .short_gssbox2_full4 img{
  width: 360px;
}

.short_gssbox2_full4 .short_full4_img{
  display: inline-block;
  vertical-align: top;
  width: 160px;
  padding: 5px;
}
.short_full4_img img{
  width: 160px;
}
#english-travel1 .short_gssbox2_full5,
#english-travel2 .short_gssbox2_full5{
  display: inline-block;
  vertical-align: top;
  margin: 2px 0;
  padding: 5px;
}
#english-travel1 .short_gssbox2_full5 img,
#english-travel2 .short_gssbox2_full5 img{
  width: 235px;
}
.short_gssbox2_full .short_gssbox2_full_box1{
    background: #cbb300;
    padding: 10px;
    margin: 0px auto;
    border: 4px solid #FFE20A;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.short_gssbox2_full_box1 h3{
    color: #fff;
    font-size: 20px;
    text-align: left;
    line-height: 1.5;
    font-weight: bold;
}
.short_gssbox2_full .short_gssbox2_full_box2{
    background: #8cadae;
    padding: 10px;
    margin: 0px auto;
    border: 2px solid #278285;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.short_gssbox2_full_box2 h3{
    font-weight: 700;
    font-size: 20px;
    text-align:center;
    line-height: 1.5;
}
.short_gssbox2_full_box2 p{
    text-align:left;
    line-height: 1.5;
    font-size: 17px;
    padding: 15px 0;
}
.gssbox2text-center{
   text-align: center;
   line-height: 1.5;
  font-size: 17px;
    padding: 15px 0;
}
/*color*/
.short_gssbox2_full_box1 h3 span{
  color: #0F38AD;
}
.course_color001{
  background: #da9694;
}
.course_color002{
  background: #fcd5b4;
}
.course_color003{
  background: #b1a0c7;
}
.course_color004{
  background: #bee838;
}
.col-normal-table{
  height: 50px;
  font-size: 18px !important;
}
/*-- table --*/
#english-travel1 .short_gssbox2_full table,
#english-travel2 .short_gssbox2_full table{
  width: 100%;
  border-spacing: 0;
}
#english-travel1 .short_gssbox2_full table th,
#english-travel2 .short_gssbox2_full table th{
   font-size: 16px;
   color: #000;
   font-weight: bold;
}
.table_size{
  padding: 13px 0 !important;
  text-align: center;
}
#english-travel1 .short_gssbox2_full table th.width_course,
#english-travel1 .short_gssbox2_full table td.width_course,
#english-travel2 .short_gssbox2_full table th.width_course,
#english-travel2 .short_gssbox2_full table td.width_course{
  width: 6% !important;
  font-size: 18px;
  font-weight: bold;
}
#english-travel1 .short_gssbox2_full table th.width_course_small,
#english-travel1 .short_gssbox2_full table td.width_course_small,
#english-travel2 .short_gssbox2_full table th.width_course_small,
#english-travel2.short_gssbox2_full table td.width_course_small{
  width: 30% !important;
  font-size: 12px;
}
#english-travel1 .short_gssbox2_full table th.width_course_midle,
#english-travel1 .short_gssbox2_full table td.width_course_midle,
#english-travel2 .short_gssbox2_full table th.width_course_midle,
#english-travel2 .short_gssbox2_full table td.width_course_midle{
  width: 20% !important;
  font-size: 12px;
}
#english-travel1 .short_gssbox2_full table td.course-text_right,
#english-travel2 .short_gssbox2_full table td.course-text_right{
  text-align: right;
}
#english-travel1 .short_gssbox2_full table th,
#english-travel1 .short_gssbox2_full table td,
#english-travel2 .short_gssbox2_full table th,
#english-travel2 .short_gssbox2_full table td{
  width: 14.2%;
  padding: 5px 0;
  border: 1px solid #555;
}
#english-travel1 .short_gssbox2_full table th.short-courses_center,
#english-travel2 .short_gssbox2_full table th.short-courses_center{
  text-align: center;
  padding: 20px 0;
}
#english-travel1 .short_gssbox2_full table th.courses_center_small,
#english-travel2 .short_gssbox2_full table th.courses_center_small{
  text-align: center;
  padding:5px;
  font-size: 12px;
}
#english-travel1 .short_gssbox2_full table td.short-courses_center,
#english-travel2 .short_gssbox2_full table td.short-courses_center{
  text-align: center;
  padding: 10px 0;
  color: #222;
  font-size: 12px;
}
#english-travel1 .short_gssbox2_full table td p,
#english-travel2 .short_gssbox2_full table td p{
  font-size: 16px;
  font-weight: 600;
}
/* menu slider*/
.handle-nav{
    display: none;  
    color: #fff;
    cursor: pointer;
}
.side_set1 .set1-i{
    vertical-align:0%;
    font-size: 14px;
    margin: 10px 5px;
    color: #d1161b;
}

.handle-nav a{
    cursor: pointer;
    text-decoration: none;
    display: block;

}
.side_set1 #inner,#top .inner-img,#top .inner-img1,
#top .inner-img3,#top .inner-img4,#top .inner-img5,
#top .inner-img6,#top .inner-img7,#top .inner-img8,
#top .inner-img9,#top .inner-img10,#top .inner-img11,
#top .inner-img12{
  height: auto;
}
/* menu beginner*/
#top .bhandle-img{
    color: #444444;
}
#top .inner-img,#top .inner-img1,#top .inner-img2,
#top .inner-img3,#top .inner-img4,#top .inner-img5,
#top .inner-img6,#top .inner-img7,#top .inner-img8,
#top .inner-img9,#top .inner-img10,#top .inner-img11,
#top .inner-img12{
  max-width: 100%;
}
@media screen and (max-width: 768px) {
    .sold-out {
        position: absolute;
        left: 25%;
    }
    #thanks .main-thanks{
        width: 100%;
    }
    #renewal .renewal-button{
        width: 80%;
        text-align: center;
    }
    #price-guide .dis-nt{
        display: block;
    }
    #price-guide .dis-rnt{
        display: none;
    }
    #renewal .dis-nt{
        display: block;
    }
    #renewal .dis-rnt{
        display: none;
    }

       html, body{
      position: relative;
      zoom: 1;
      min-width: 100%;
     /*overflow-x: hidden;
        background: none;
     */
      font-size: 100%;
               
        }
/*
  * {
      max-width: 100%;
  }
*/
  .top-header-part-right{
    float: none;
    display: inline-block;width: 100%;
  }
  .pd{
    padding-left: 18px;
  }
    #price-guide .pdl-55{
        padding: 0px;
    }
  /*
  ** sidebar icon directmail 
  */
      #wrap-directmail{
        display:block !important;
        margin: 18px auto;
      }
      .box-socail-res{
        display:inline-block;
        width: 40%;
      }
      .wrap-socail-res{
        width: auto !important;
        padding: 0 !important;
      }
  /*
  ** page directmail 
  */
    #directmail .text {
        width: 100%;
    }
    #directmail .image {
        width: 100%;
        text-align: center;
    }
    #directmail .form{
        width:auto;
    }
    
  /* -- 05/09/2015 short-course --*/
  #english-travel1 .short_gssbox2_full .short_gssbox2_full_text,
  .short_gssbox2_full_box h2{
    font-size: 18px;
    text-align: left;
    margin: 0px;

  }
  /* 768px menu slider*/
  .show-nav {
    display: block;
    height: 615px !important;
  }
  .handle-nav{
    display: block;
  } 
  #top .bhandle-img{
    cursor: pointer;
  }
  #top .inner-img,#top .inner-img1,#top .inner-img2,
  #top .inner-img3,#top .inner-img4,#top .inner-img5,
  #top .inner-img6,#top .inner-img7,#top .inner-img8,
  #top .inner-img9,#top .inner-img10,#top .inner-img11,
  #top .inner-img12{
    overflow: hidden;
    text-align: center;
    transition: 0.4s;
    position: initial;
    height: 0px;
  }
  #top .show-navimg{
    max-height: 100%;
    display: table;
    /*position: absolute;
    background: #FFFFFF;
    width: 100%;
    left: 0;*/
      
  }
  /* -- end 05/09/2015 short-course-- */
    #teach.btn_g30_w span{
         font-size:12px;
     }
   .main_nav{
      margin:0px;
  }
    /*======Slider Responsive===========*/
    #top_slide{
        width:100%;
        margin:0 auto;
        height: auto;
    }
    #top_slide .inner{
        width:100%;
        height: auto;
        margin-bottom:5px;
    }
   #top_slide .inner .slide_img{
       width: 100%;
       height: 150px;
       margin-bottom: 1px;
       border: 2px solid rgba(221, 219, 219, 0.61);
}
    #top_slide .inner .slide_img a{
        width:100%;
        border-radius: 0px;
    }      
   #top_slide .inner .slide_img a img{
        width: 100%;
        height:auto;
}
    
    #top_slide .inner .slide_menu{
        width:100%;
        height:auto;
    }
    #top_slide .inner .slide_menu li{
        border: 0;
        width:25%;
        height: auto;
        float: left;
    }
    #top_slide .inner .slide_menu li a{
        width:100%;
        text-align: left;   
        padding-left:0px;
    }      
   #top_slide .inner .slide_menu li a img{
      width:100%;
      height: auto;
      margin:0 auto;
    }
   #top_slide .slide_menu .active .cover {
     border:2px solid #D1161B;
   }
   #top_slide .slide_menu .cover {
     display:none;
    }
    .slide_show .slide_img > div {
         height: 100%;
         width: 100%;
    }
    .contents {
    width: auto;
    }
    #information_area {
  text-align: center;
  width: 100% ! important;
   }
  /*----------card_icon-----------*/ 
   #price #first_text img {
    width: auto;
    display: inline-block;
    padding-left: 13%;
}

   #information_area .inner.lastChild {
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
  border-width: 0px;
  width: 100%;
  padding: 4px 0;
   }

   #information_area .inner.lastChild li {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
   }

   #information_area .side_title.firstChild {
  width: auto;
   }
   #access table th{
       width: 70px;
   }
   #access #main_area {
    float: none;
    }
    h1.page_title, h2.page_title {
        /*overflow: hidden;*/
        text-indent:-100%;
        display: inline-block;
        white-space:nowrap;
        
    }*
    /*#contact .page_title, #thanks .page_title{
        
    }*/
    
    
    /*--------facebook-----*/
    .mtm,._2a2q,scaledImageFitWidth img{
        width: 100%;
        display: inline-block;
    }
    .pluginLikeboxStream {
        overflow-x: hidden;
        overflow-y: auto;
        width: 100%;
    }
    uiScaledImageContainer _4-ep{
        
    }  

   
    
/*--------End facebook-----*/

/*--------Map Golf-station access_topic----*/

    .left{
        width:100%;
        height: auto;
    }
    .left{
      float: none;
    }    
    .right{
    /*width:100%; 22/8/2015*/
    width:auto;
    float: none;
    
    }
    .right img{
      width:100%;
      height:auto;
      margin-top:5px;
    }
   .base_res {
        display: table-row;
    }
    .odd1{
      display: none;  
    }

    #access .view_list li{
        display: inline-block;
  vertical-align: top;
  float: none;
    }
     #access .view_list li .mgl15 img{
        text-align: center;
        margin: 0px;
    }
  /*===========oncoure_lesson.html============*/
#oncourse #main_area {
    float: none;
}
/*  #oncourse_lesson .label {
   position: relative;
   top: 28px;
 }*/

 #oncourse_lesson #oncourse_short .label {
    top: 28px;
    position: relative;
    margin-left:10px;
 }
#oncourse_lesson #oncourse_base .label {
   position: relative;
   top: 28px;
   margin-left:10px;
 }
 #oncourse_lesson #oncourse_short h4.bord_title {
    position: relative;
    top: -30px;
 }
 
  #oncourse_lesson #oncourse_base h4.bord_title {
    position: relative;
    top: -30px;
 }
 #oncourse_lesson .main_img{
   margin:0px auto;
 }
 #oncourse_lesson .main_img img{
   width:100%;
   margin: 0 !important;
   height: auto;
 }
 #oncourse_lesson #oncourse_base .base_program .left{
    float: left;
    width: 160px !important;
    margin-right: 5px;
 }
 #oncourse_lesson #oncourse_base .base_program .left img{
    display: block;
    max-width: 100%;
    height: auto;
    padding-right:10px;
    margin-left:0px;
 }
 #oncourse_lesson #oncourse_base .base_program .right{
    float: left;
    width: 40% !important;
    font-size: 12px;
    height: 55px;
    padding-top: 0px;
    padding-left: 0px;
 }
  
     /*=========Golf News========*/
   #news {
     /*width:100%;*/
     /*margin-top: -40px;*/
   }
   #news #main_area {
    float: none;
    }
   #main_area #first_text{
       width:100%;
       
   }
   #news .more {
     margin-bottom:75px;
   }
   #news .more .left {
     margin-bottom: 25px;
     width:100%;
   }
   #news .more .left img {
     word-wrap: break-word;
     margin-left: 10px;
   }
   #news .more .left span {
     width:100%;
     word-wrap: break-word;
  }  
  .wp-pagenavi a, .wp-pagenavi span{
     text-decoration: none;
     border: 1px solid #BFBFBF;
     padding: 4px;
     margin:0 auto;
     font-size: 13px;
  }
   #posts_topic .wp_box .inner img {
    max-width: 100%;
    height: auto;
    display: block;
}
    #news .more .right a{
     margin-left:0px;
  }
  #posts_topic .wp_box{
      margin: 20px 0;
  }
   p a img.alignnone{
            width:auto;
        }
        
/*    #news #side_area .side_set{
        float: left;
        margin-top: 15px;
    } */
    /*site*/
    #site #side_area .side_set{
        /*float: left;*/
        margin-top: 15px;
    } 
    /*add-style*/
    #site #header_contact .side_set1{
        /*float: left;*/
        margin-top: 15px;
    } 
    /*--end---*/
    
    #site h3.topic_title {
        overflow: visible;
        white-space: normal;
        text-overflow: initial;
        margin: 10px 0px 15px;
        padding: 0px 15px;
        height: auto;
        line-height: 98px;
        font-size: 18px;
        font-weight: normal;
        word-wrap: break-word;
        position: absolute;
            
}
    /*new change style title*/
    h3.ch-font{
      overflow: visible;
      white-space: normal;
      text-overflow: initial;
      margin: 10px 0 15px 0;
      padding: 0 15px;
      height: auto;
      line-height: 25px;
      font-size: 14px;
      font-weight: bold;
      word-wrap: break-word;
      border-left: 5px solid #ff0000;
      background-image: none;
      text-align: left;
    }
    
    /*end change style */
#site #main_area #first_text{
    margin-bottom: 55px;
}
#teach #main_area{
float:none;
}
#company #main_area{
float:none;
}
    /*==========Block schedule==============*/
    #oncourse {
      width:100%;
      /*margin-top: -40px;*/
    }
    #main_area #page_detail{
      width:100% !important;
    }
    .monthly {
      width: 100% !important;
    
    }
    
    #oncourse_schedule {
      width: 100%;
   }
   table,tbody{
      width:100% !important;
   } 
    #oncourse_schedule #title_table, 
    #oncourse_schedule #contents_table{
      width:100%;
    }
   #oncourse_schedule #title_table th{
      padding:0px 0px 0px 0px;
    }
    #oncourse_schedule #title_table th.day{
      padding-left:0px;
      padding-right:0px;
      font-size: 14px;
    
      
   }
   #oncourse_schedule #title_table th.plan,
   #oncourse_schedule #title_table th.level,
   #oncourse_schedule #title_table th.course,
   #oncourse_schedule #title_table th.teach,
   #oncourse_schedule #title_table th.price,#oncourse_schedule #title_table th.booking{
      padding-left:0px;
      padding-right:0px;
     
   }
  
  #oncourse_schedule #contents_table td{
     padding:0px 0px 0px 0px;

   }
   #oncourse_schedule #contents_table td.day{
      padding-left: 0px;
      padding-right: 0px;
      line-height: 20px;
   }
   #oncourse_schedule #contents_table td.plan,
   #oncourse_schedule #contents_table td.level,
   #oncourse_schedule #contents_table td.course,
   #oncourse_schedule #contents_table td.teach,
   #oncourse_schedule #contents_table td.price,
   #oncourse_schedule #contents_table td.booking{
     font-size: 12px;
     word-wrap: break-word;
     padding-left:0px;
      padding-right:0px;
   }
   #oncourse_schedule #contents_table td.level img{
    padding:0px;
    width:100%;
   }
   .mgl15 img{
        word-wrap: break-word;
        /*margin-left: 10px;*/
    }
    /*lessionfee*/
    #price #main_area{
        float: none;
       
    }
   
    #price #topic1 .box_white.box_half{
        width: 100%;
        padding: 0px;
    }
   
   /*==========oncourse/schedule.html==============*/
/*#oncourse h1.wppage_title, h3.topic_title {
    padding-bottom: 0px;
    line-height: 28px;
}*/
    #oncourse {
      width:auto;
     /* margin-top: -40px;*/
    }
    #main_area #page_detail{
      width:100% !important;
    }
    .monthly {
      width: 100% !important;
    
    }
    
    #oncourse_schedule {
      width: 100%;
   }
    #oncourse_schedule #title_table, 
    #oncourse_schedule #contents_table{
      width:100%;
    }
   #oncourse_schedule #title_table th{
      padding:2px 0px;
      font-size: 12px;
    }
   #oncourse_schedule #title_table th.day{padding:2px 0px;width:14.8%;}
   #oncourse_schedule #title_table th.plan{padding:2px 0px;width:14.2%;}
   #oncourse_schedule #title_table th.level{padding:2px 0px;width:14.2%;}
   #oncourse_schedule #title_table th.course{padding:2px 0px;width:14.2%;}
   #oncourse_schedule #title_table th.teach{padding:2px 0px;width:14.2%;}
   #oncourse_schedule #title_table th.price{padding:2px 0px;width:14.2%;}      
   #oncourse_schedule #title_table th.booking{padding:2px 0px;width:14.2%;}
   #oncourse_schedule #contents_table td{
      font-size: 12px;
      padding:2px 0px;
   }
   #oncourse_schedule #contents_table td.day{padding:2px 0px; width: 14.8%;}
   #oncourse_schedule #contents_table td.plan{padding:2px 0px;width:14.2%;}
   #oncourse_schedule #contents_table td.level {padding:2px 0px;width: 14.2%;}
   #oncourse_schedule #contents_table td.course{padding:2px 0px;width:14.2%;}
   #oncourse_schedule #contents_table td.teach{padding:2px 0px;width:14.2%;}
   #oncourse_schedule #contents_table td.price{padding:2px 0px;width:14.2%;}
   #oncourse_schedule #contents_table td.booking{padding:2px 0px;width:14.2%;}
   #oncourse_schedule #contents_table td.level img{
    padding:0px;
    width:100%;
   }
   .button .btn_o30_w{
       width:100%
   }
/*--------- Menu----------- */
  #main_nav{  
        /*overflow: hidden;*/
         overflow:hidden;
        text-align: center;
        transition: 0.4s; 
        position: initial;
        padding: 0;
        width: 100%;      
        background-image: none;
        background-color: #eee;
        display:none;
    }
    .show-menu {
       display: block;
       height: 290px;
       border-bottom:2px solid #575151;
       overflow-y: visible;
        
    }
    #main_nav ul{
      border: 0;
      padding-left: 0px;
      text-align: center;
    }
    #main_nav ul li{
        border: 0;
        width: 32%;
        float: left;
    }
    #main_nav ul li a{
     width:100%;
    // padding: 4px 2px 2px 20px;
    padding: 0px;
    text-align: center;
    margin: 10px;
 
    }      
    #main_nav ul li a img{
      border: 1px solid #f9f9f9;
      //width: 95%;
      width: auto;
     // margin-left: -16px;
    }
    #handle-menu {
      display: block;
    }
    /*=========Edited block teachingpro=========*/
#teach .teach_set .img_area{
    width: 35%;   
}
#teach .teach_set .detail{
    width: 60%;
    margin-left: 0px;
}

   #teach .teach_set{
      margin-left:0px;
      overflow: hidden;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
   }
   #teach .teach_set .img_area .pic {
      bottom: 0px;
      left: 0px;
      right: 0px;
      margin: 0px auto;
      position: relative;
/*      width: 100%;*/
      top: 0px;
      border: none;
      background: transparent;
      margin-bottom: 5px;
       float: none;
   }
   #teach .teach_set .img_area .pic span{
   top: 0px;
   bottom: 0px;
   margin: 0px auto;
   position: absolute;
   right: 0px;
   left: 0px;
   border: 1px solid #CCC;
   background: #EBEBEB none no-repeat scroll 50% 50% / 100% auto;
   background-size: 100% auto;
   background-position: 50% 50%;
   background-repeat: no-repeat;
    
   }
      .btn_area{
     width:100%;
     display:none;
   }
   header .inner #header_contact #side_booking {
    display: block;
}
header .inner #header_contact #side_booking img {
    width: 150px;
    height: auto;
    margin:3px;
}
.newbtn_side_area{display:block;clear: both;}
#side_area #side_booking {
    display: none;
}
#side_contact1{display:none;}
#side_contact2{
  display:block;
    width: 288px;
    margin-bottom: 20px;
    padding: 8px 10px;
    margin:31px auto 9px;
    border:1px solid #CCCCCC;
    height:231px;
}
#side_contact3{
  max-width: 400px;
  margin:28px auto 7px;
  padding: 5px 0;
  display: block;
  border:1px solid #CCCCCC;
}
#side_contact3 .add-socail3{
  display: inline-block;
  width: 23.33%;
}
#header_contact .side_set1 .inner{
  width: 300px;
  overflow: hidden;
  overflow: hidden;
  text-align: center;
  transition: 0.4s;
  position: initial;
  height:0px;
  padding: 0px 4px;
  background-image: none;
}
.side_set1 .side_title{
  background-size: 100%;
  width: 310px;
}
.text-ty1 {
    padding-top: 5px;
}
.banner_area-df{
  display: none;
}
   /*--------------Rotha-------------*/
     h1.wp_title, h4.wp_title{
     padding:0px 10px 0px 30px;
    }
    #side_area{
        width: 100%;  
        text-align: center;
  margin-top: 10px;
    }
    #main_area{
        width: auto;   
    padding: 5px;
    margin-top: 10px;
    float:none;
    }
    #top_fb{
        width: 100%;
    text-align:center;   
    }
    #top_news #tab_main{
        margin-left: 150px;
    }
    #top_news #tab_main #tab_menu{
        top:-2px;  
  width: 100%;
    }
    #tab_main #tab_menu ul{
        left: -162px;
        position:absolute;
        width: 150px;
    }
    #tab_main #tab_menu li{
        width: 100%;   
    }
    #side_contact{
        display: inline-block;
  text-align: left;
    }
    #side_area .side_set{
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    /*add style*/
    #header_contact .side_set1{
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    /*---end---*/
    #side_booking{
        display: inline-block; 
  vertical-align: text-bottom;
    }
    #top #side_area{
      //  margin-left: 5%;   
    }
    .topic {
  padding: 0px;       
    }
    #top_news #tab_main #tab_menu li.active{
        border-right: 1px solid #ffffff;   
        border-bottom: 1px solid #cccccc;
    }
    #top_reason .reason_area .reason_set{
        /*display: inline-block;
        float: none;*/
        vertical-align: top;
        width: 49%;   
    }
    
    #top_news #tab_main .news_list li .date{
      width: 30%; 
            font-size:11px;
    text-align: left;
    padding-left: 27px;
    }
   /* #top_news #tab_main .news_list li a{
       width: 60%;  
       width: 50%; 
        font-size:11px;
    } */
        #top_news #tab_main .news_list li{
        max-height: 100%;   
    }
    #top_news #tab_main .news_list li a{
        width: 50%;  
        /*max-height: 100%;*/
        max-height: none;
        font-size:11px;
    }
    #top_teach .teach_area .teach_set{
        width: 50%;   
    }
    #top_news #tab_main .more .left{
        width: 100%;   
    }
    #top_news #tab_main .more .right{
        width: 100%;
        margin-top: 30px;
    }
    #top .top_teach{
        width: 100%;
    }
    #top_teach .teach_area .teach_set .detail .decoration{
        height: auto;
    }
    #top_teach .teach_area .teach_set .detail .kana{
        overflow: visible;
    }


    iframe, object, embed {
        max-width: 100% !important;
        display: inline-block;
       
       
    }
    iframe img{
      
        width: 100% !important;
        height: auto;
    }
    
   
    /* ======== begining Page ========= */
#beginner #main_area{
        float:none;
    }
    #beginner #topic2 .box_white{
        height: auto;
    }
    
    .box_white.box_half{
        width: 96%;
        padding: 10px;
        
    }
    .btn_w24_g{
        white-space:normal;
      
    }
  .mgt20 span img{
        //.mgt20 span img 
        width: 6%;
    }
   #beginner #topic2 .box_white .btn_area {
        position: static;
        margin-top: 25px;
    }
    #beginner #topic1 .reason_set dt {
        font-size: 18px;
    }
    #topic3 .mgl15 {
    margin-bottom: 15px;
}
    
    /* ======== End Begining Page ======== */
     /* ======== feature Page ========= 22/08/2015*/
    #feature #main_area {
      float: none;
    }
    #first_text.topic{
        min-height: 0px;   
    }
    #topic1,#topic3 .mgl15 .right.firstChild.empty, #topic2 .mgl15 .right.firstChild.empty{
      width: auto;
      display: block;
      text-align: center;
      margin: 0 auto;
    }
    #page_detail h1.page_title,#page_detail h2.page_title{
        width: 100%; 
        background-size: 100% auto;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        height: 135px;
        text-indent: -9999px !important;
     }
     #feature.contents .mgl15 img{
         padding-left: 0px;
         margin-left: 0px;
     }
    
    
    /* ======== End feature Page ======== */
    /*-------oncourse page-----*/
    p.text_center.mgt20 img{
        width: 100%;
        height: auto;
    }
    #oncourse img.left{
        width: 275px;
        height: auto;
    }
    #oncourse .mgl15 img {
        margin-left: 0px;
    }
    #oncourse #facility_topic .left{
        width: auto;
    }
    /*lessonfee*/
  h1.wppage_title, h3.topic_title{
    /*-------End oncourse page-----*/
    
      /*overflow: visible;*/
      white-space: normal;
      text-overflow: initial;
      margin: 10px 0 15px 0;
      padding: 0 30px;
      height: auto;
      line-height: 25px;
      font-size: 14px;
      font-weight: bold;
      word-wrap: break-word;
      background: url(//wp-content/themes/wp_gss/img/share/h3_topic_bk01.jpg) no-repeat 0% 50%;
      text-align: left;
    }

    .span_right_title{
      padding: 0 0 0 288px;
    }
    h4.sub_title {
        overflow: visible;
        white-space: normal;
        text-overflow: initial;
        margin: 10px 0px 15px;
        padding: 0px 15px;
        height: auto;
        line-height: 25px;
        font-size: 18px;
        font-weight: bold;
        word-wrap: break-word;
    }
  /*----develop more---*/
        
        /*---lina.html--------------*/
#lina_page{
    padding:5px;
    }
    
        #lina_page #page_detail .page_title{
            width: 100%;      
      background-repeat: no-repeat;
      background-size: contain;
      background-color: transparent;            
        }
        #lina_page #lina_prof .left{
            height: auto;
            margin-bottom: 10px;
            width: 100%;
        padding: 5px;
        }
       #lina_page #lina_message .left {
            width: 100%;
            float: none;
            text-align: center;
            margin-bottom: 10px;
        }
        #lina_page #lina_prof .right{
            width: 100%;
            margin-bottom: 10px;
            float: none;
            text-align: center;
            
        }
        #lina_page #lina_message .right{
            width: 100%;
            background-image: none;
            padding:0px;
            height: auto;
        }
        p.link_area a img{
            width: 100%;
            height: auto;
        }
        .inner {
            width: 95%;
        }
        #lina_page #lina_schedule .left{
            width: 100%;
        }
        
        /*------end lina--------*/
        /*------------blog page----------------*/
        #blog,#lesson #main_area {
            float: none;
        }

        #blog h1.wp_title, h4.wp_title{
            padding: 0px auto;
            display: inline-block;
        }
      
        /*---schooldate.html----*/
        #blog.more{
        float:right;
        }
        
        /*-----oncourse/lesson.html---------*/
    div#oncourse_base {
         padding: 10px;
        }
        #oncourse_lesson .main_img{
            margin: 0px;
        }
        .main_img img{
            width: 100%;
        }
         /*-----End-----*/
         
        /*--feature menu-->teachingpro schedule.html------*/
        #teach .monthly-calendar .externalLink, #teach .day-calendar .externalLink{
            white-space: normal;
            height: auto;
        }
        
        /*-- End feature menu-->teachingpro schedule.html------*/
        
        /*lesson_20150509_602.html*/
        #posts_topic .wp_box:last-child, #posts_topic .wp_box.lastChild{
            width: 100% !important;
            margin: 0px;
        }
        
        #posts_topic .lesson .left{
           width: 100% !important; 
        }
        #posts_topic .wp_box .inner{
            margin: 0px;
            width: 100% !important;
        }
        .alignnone{
            width: 100%;
        }
       
/*        #posts_topic .lesson .right .img_area span{
            display: none;

        }*/
        
        /*lesson_20150509_602.html*/
        
        /*-------booking-----*/
    #booking #main_area {
         float: none;
        }
        textarea.w500{
            width: 97%;
        }
        #time_table img{
            width: 100%;
        }
        /*End booking*/
        /*contact us*/
        #contact #topic1 .inner .booking_form{
            margin-left: 0px;
            margin-top: 10px;
        }
        /*End contact us*/
        #contact #topic1 .inner .tel_area{
            background-size: 100% auto;
            background-position: 50% 50%;
            background-repeat: no-repeat;
          -webkit-background-size: 100%;
          -moz-background-size: 100%;
          -o-background-size: 100%;
          
        }
        /*----------lesson/20150525_733.html---------------*/
        
        
        .pam {
            padding: 0px;
        }
        #teach .teach_set .img_area p .pic span{
            width: 238px;
            height: 100%;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            background-size: cover;
            text-align: center;
            float: none;
        }
        
        
 /*---------- header ----------*/
  header {
      margin: 0;
      padding-top: 8px;
      width: 100%;
      background: none;
}
header .inner{
    width: 100%;
    text-align: center;
}
.head_text{
    float: left;
    text-align: center;
}
h2.header,img .f-left {
      display:none;
  }
.f-left {
      display:none;
  }
  
 header .inner .text_title {
      float: left;
      width:100%;
      font-size: 24px;
      padding: 0px;
      height: auto;
  }
  /*----28-01-2016---*/
   header .inner .text_title1{
      float: left;
      width:100%;
      font-size: 24px;
      padding: 0px;
      height: auto;
      right: 0%;
      position: relative !important;
  }
   h2.text_title1 span{
     // padding-left: 14px;
      font-size:14px;
 }
 
   header .inner #header_contact .btn_area .button {
     width: auto;
     
}

h2.logo_title,header .inner #header_contact{
      float:none;
      width:100%;
      margin-top: 5px;
  }
 h2.text_title span{
     line-height: 25px;
     font-size:14px;
 }
header .inner #header_contact .tel_area {
    width: 99%;
    height: 45px;
    margin-bottom: 30px;
    text-align: center;
}

h1.logo_title a, h2.logo_title a{
    
}
  h1.logo_title a,h2.logo_title a{
    display: none;
  }
  .page_dimg.firstChild a img {
    text-align: center;
   /* width: 361px;
   / height: 154.7px; */
}
.gssbox3 img {
    text-align: center;
    width: 361px;
}

a button btn_g30_w .firstChild{
    text-align: center;
    width: 100%
}
 #re_info{
        text-align: left;
        display: inherit;
        width: 99%;
        height: auto;
      }
/*-------Tep makara----------*/
.div_btn {
    text-align: center;
}
.btn_p {
    font-size: 16px;
    font-weight: bold;
    margin-left: 0px;
}
.topic {
    margin-bottom: 15px;
}
.gss_btn{
    margin-left: 0px;
}
/*-----------start footer-------------*/     

footer {
  margin-top: 30px;
}
footer #page_top {
  width: 99%;
  margin-bottom: 10px;
}

footer #page_top a img{
  bottom: 10px;
  
}

footer #footer_contact {
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
  margin-bottom: 10px;
}
footer #footer_contact:after {
  content: " ";
  display: block;
  clear: both;
}
footer #footer_contact .banner_area {
  margin:0px;
  float: none;
  width: 100%;
}
.banner_area{
  max-width: 100%;
}
footer #footer_contact .tel_area {
  text-indent: -9999px;
  float: none;
  background: transparent none repeat scroll 0% 0%;
}

footer #footer_contact .booking_form, footer #footer_contact .contact_form {
  line-height: 0px;
  margin-left: 0px;
  float: none;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
  //text-align: center;
}
firstChild.contact_form img src{
width: 20%;
}

/*--ty close 16-11-2015--*/
footer #footer_contact .detail_area {
  display:none;
  clear: both;
  padding-top: 10px;
}

footer #footer_contact .detail_area .title {
  float: left;
  margin-right: 0px;
  margin-bottom: 0;
}
footer #footer_contact .detail_area p {
  font-size: 10px;
}

footer #footer_area {
  margin-top: 0px;
  background-image: none;
    margin-bottom: 10px
}

footer #footer_area .footer_line {
background-image: none;
  
 
}
footer #footer_area .inner {
  width: 100%;
  margin: 0 auto;
  padding-top: 0px;
  padding-bottom: 0px;
}
footer #footer_area .inner:after {
  content: " ";
  display: block;
  clear: both;
}
footer #footer_area .inner .link_area {
    background: #bac0c3 none repeat scroll 0 0;
    border-top: 2px solid;
    float: left;
    width: 100%;
}
footer #footer_area .inner .link_area li {
    border-bottom: 1px solid #6f7172;
    display: block;
    float: none;
    height: auto;
    margin: 0 5px;
    padding: 0;   
}
footer #footer_area .inner .link_area li a {   
    color: #333;
    display: block;
    padding: 11px 10px 11px 20px;      
}
footer #footer_area .inner .link_area li a:hover{
    text-decoration: underline;
}
footer #footer_area .inner .copyright {
  text-align: center;
  width:100%;
  line-height: 35px;
 
}
/*---------- スイング撮影機を完備 ----------*/
.mgl15 {
    margin-left: 0px;
    
}
/*---------- makara ---------- */
#site {
    width: auto;
    padding: 5px;
}
#site #main_area {
    float: none;
}
 
#access_topic .mgl15 {
    margin-left: 0px;
    text-align: center;
}
#access_topic h4.sub_title {
    text-align: left;
}
#access_topic .left{
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 378px;
}
#access_topic .left #map{    
    width: 100%;    
}
#access_topic .right{
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 378px;
}
#access_topic .right img{
    width: auto;
    margin: 5px 0;
}

#news li.left.odd.firstChild {
  float: left;
  width: auto;
}
#news li.right.even.lastChild {
  width: auto;
  float: right;
}
#oncourse table.base .w150 {
    width: 120px;
}
.blog.wp_box p {
    word-break: break-all;
}
/*---------- makara ---------- */
.mgt20 {
    width: auto;
    margin-top: 0px;
    height: auto;
}
#side_area #sns_area{
        margin-bottom: 10px;
        padding: 0px;
        margin-left: 30%;
    } 
    #twitter-widget-0 {
    width: auto !important;
    display: inline-block;
    height: 30px !important;
}

    #side_area #sns_area .twitter{
        width:120px;
    }
    #gssmainbox {
    text-align: center;
}
#gssmainbox h3{text-align: left;}
#gssmainbox p {
    text-align: left;
}
.gsstext p{
  text-align: center !important;
}
.gssline678 {
    float: left;
    margin: 5px 5px 5px 10px;
    width: 100%;
    display:block;
}
.gssline {display:none}

.dashed_gr {
    border-bottom: 1px dashed #008000;
    width: 100%;
    margin: 5px 0px;
}
tml,body{
    /*overflow-x: hidden;*/
    position: relative;
    zoom: 1;
    }
    #main_area{
        width: auto;   
    padding: 0px;
        
    }
    
    #main_nav ul li{
        width: 50%;
    }
    .show-menu{
        display: table;
        margin: 0 auto;
    }
    #main_nav ul li a img {
       border: 1px solid #F9F9F9;
       /*width: 127px;*/
       width: auto;
       margin-left: -20px;
   
    }
  /*--rothta--*/
    .contents {
  margin-left: auto;
  margin-right: auto;
  padding-left: 5px;
  padding-right: 5px;
  width: auto;
    }
    #side_area{
        width: 100%;   
    }
  
    #top_fb{
        width: 100%;   
        text-align:center;
    }
    #tab_main #tab_menu ul{
        left: 0px;
        width: 100%;
    }
    #top_news #tab_main #tab_menu{
        top:-177px;
        left: 0px;
        width: 100%;
    }
    #top_news #tab_main{
        margin-top: 190px;
        margin-left: 0px;
    }
     #top_teach .teach_area .teach_set .detail{
        width: 100%;   
    }
    #top_teach .teach_area .teach_set {
        /*margin-left: 20%;*/
        margin-bottom: 20px;
    }
    #top_reason .reason_area .reason_set{
        /*width: 100%;*/
    }
    #top #side_area{
        //margin-left: 15%;
        text-align: center;
    }
    #side_booking{
        width: 100%;  
        float:none;
    }
    #side_contact{
        width: 100%;
    }
    #side_area .side_set,#header_contact .side_set1{
        width: 100%;
        padding-top: 8px;
    }
    /*--original
    #side_area .side_set .inner,
    h5.side_title,
    #side_area #side_contact{
        margin:0 auto;
    }---*/
    /*---new---*/   
    #header_contact .side_set1,.inner,
    h5.side_title,
    #side_area #side_contact{
        margin:0 auto;
    }   
    #side_area .side_set{display:none !important;}
    
    body{
        overflow-x: hidden;
        min-width: 100%;      
    }
    
    /* ========Page beginner  22/-8/2015========= */

    #beginner img.left{
       width: auto;
       text-align: center;
       margin: 0 auto;
       float: left;
       padding: 0px 5px 0px 0px;
    }
    #beginner2 img.left, #beginner3 img.left,#beginner4 img.left, #beginner5 img.left,
    #oncourse2 img.left,#oncourse3 img.left,#triallesson img.left,#private img.left,
    #semi-private img.left, #junior img.left,#senior img.left, #competition img.left{
            width: 300px;
            height:auto;
            margin: 5px 0px !important;
    } 
    .mgl15{
        margin-left: 0px;
        text-align: left;   
    }
    .box_white.box_half{
        width: 90%;   
    }
    #beginner_plan th{
        width: 40%;   
    }
/*    #beginner #topic2 .box_white .btn_area {
        position: static;
        margin-top: 25px;
    }*/
    #beginner #topic1 .reason_set dt {
        font-size: 15px;
        display: table;
    }
    
    /* ======== End Begining Page ======== */
     
    /* ======== feature Page ========= 
        22/08/2015
    */
    #topic1 .mgl15 .right.firstChild.empty,
    #topic2 .mgl15 .right.firstChild.empty,
    #topic4 .mgt20.firstChild.lastChild.empty{
       max-width: 100% !important;
      display: block;
      text-align: center;
      margin: 0px auto;    
    }
    /* ======== End feature Page ======== */
    /* ======== teachingpro Page ========= */
    #teach .teach_set{
        margin-left: 0px;
    }
    #teach .teach_set .img_area{
        width: 100%;   
    }
    #teach .teach_set .detail{
        width: 100%;   
        //margin-left: -15px;
    }
  .pam {
        padding: 0px;
    }
header {
  margin: 0;
  /*padding-top: 43px;*/
  width: 100%;
}
header .inner{
    width: 100%;
    text-align: center;
   
}
.head_text{
    text-align: center;
}
h2.header ,
h2#font-ty{
      display:none;
  }
  
 header .inner .text_title {
      float: left;
      width:100%;
      font-size: 24px;
      padding: 0px;
      height: auto;
  }
   header .inner #header_contact .btn_area .button {
    /*width: 100%;*/
  }

h2.logo_title,header .inner #header_contact{
      float: left;
      width:100%;
      margin-top: 5px;
  }
 h2.text_title span{
     // padding-left: 14px;
      font-size:14px;
 }
header .inner #header_contact .tel_area {
    width: 100%;
    height: 45px;
    margin-bottom: 30px;
    text-align: center;
}
a button btn_g30_w .firstChild{
    text-align: center;
    width: 50%
}

  #re_info{
        text-align: center;
        display: inherit;
        width: 100%;
        height: auto;
      }
      
#lina_page #page_detail .page_title{
    width: 100%;
    height: 110px;
    padding:0px;
}
.box_white{
padding:2px;
}
    
/*----------map----------*/
     #access .view_list li{
        float:none;
    }

    #sns_area{
        margin-left: 20%;
    } 
    /*------facebook-----*/
/* #price .block_set.mgl15{
        margin-left: 0px;
    }
    */
       #price #first_text img {
            width: auto;
            display: inline-block;
            padding-left: 0px;
        }
    
     #side_area #sns_area{
        margin-bottom: 10px;
        padding: 0px;
        margin-left: 20%;
    }
    
    #side_area #sns_area .twitter{
        width:120px;
    }
#top_teach .more{
padding:5px;
}
/* oncourse_copy-responsive */
.course-img1{width:auto;float:none;}
    .course-img1 img{width:auto;}
    .course-img2{width:auto;float:none;}
    .course-img2 img{width:auto;}
  .beginner2-img1{width:auto;float:none;}
  .beginner2-img1 img{width:auto;}
    .g-purpose{display: none;}
    .box_white .fancybox {
        float: left;
        width: 300px;
        margin-right: 10px;
    }
  .box_white .metaslider {
       float: left;
       padding: 0px 10px 0px 0px;
  }
  #posts_topic .wp_box .inner img{
    text-align: center;
    margin: 0px auto;
  }
  #posts_topic .lesson .right{
    display: block;
    text-align: center;
    margin: 5px auto 0px;
  }
  /*25-08-2015*/
  .ch-font_text{
    width: 100%;
  }
  .span_right_title{
    padding: 0px !important;
    display: inline-block;
  }
  #top_teach .teach_area .teach_set .detail .btn_area {
    display: block;
  }
  /*------5/09/2015 responsive kakrona ------*/
  .short_gssbox2_full .short_gssbox2_full_text{
    font-size: 20px;
  }
  .short_gssbox2_full .short_gssbox2_full_text01{
    font-size: 20px;
  }
  .short_gssbox2_full .short_gssbox2_full_text02{
    font-size: 16px;
  }
  .short_gssbox2_full .short_gssbox2_full_box,
  .short_gssbox2_full .short_gssbox2_full_box1,
  .short_gssbox2_full .short_gssbox2_full_box2{
    margin: 1px;
  }
  .short_gssbox2_full .short_gssbox2_full_box
  #english-travel1 .short_gssbox2_full1,#english-travel1 .short_gssbox2_full2,
  #english-travel2 .short_gssbox2_full1,#english-travel2 .short_gssbox2_full2{
    margin: 5px 0;
  }
  #english-travel1 .short_gssbox2_full3,
  #english-travel2 .short_gssbox2_full3{
    width: 100%;
    margin: 5px 0px;
    float: none;
  }
  #english-travel1 .short_gssbox2_full4,
  #english-travel1 .short_gssbox2_full5,
  #english-travel2 .short_gssbox2_full4,
  #english-travel2 .short_gssbox2_full5{
    max-width: 100%;
    margin: 5px 0px;
    float: none;
  }
  #english-travel1 .short_gssbox2_full1 img,
  #english-travel1 .short_gssbox2_full2 img,
  #english-travel1 .short_gssbox2_full3 img,
  #english-travel1 .short_gssbox2_full4 img,
  #english-travel1 .short_gssbox2_full5 img
  #english-travel2 .short_gssbox2_full1 img,
  #english-travel2 .short_gssbox2_full2 img,
  #english-travel2 .short_gssbox2_full3 img,
  #english-travel2 .short_gssbox2_full4 img,
  #english-travel  .short_gssbox2_full4 img,
  #english-travel2 .short_gssbox2_full5 img{
    width: auto;
    padding:0px;
  }
  /*------5/09/2015 End kakrona ------*/
  #english-travel .short_gssbox2_full4 {
    width: 49%;
    margin: 5px 0;
    float: none;
  }
  
#eastyle table tr td:first-child br {
    display: none;
}

}
 #oncourse_copy_top .box_white {
    margin-bottom: 2px;
  }  
  #main_area .box_white {
    margin-bottom: 2px;
  }
  #page_nav .inner{
    width: 100%;
  }
/*24-08-2015 edited style*/
@media screen and (max-width: 480px){
    .sold-out {
        width: 44%;
    }
#top_teach .teach_area .teach_set .detail .decoration {
    width: 159px;}
#top_teach .teach_area .teach_set .detail .chat {
    width: 143px;}
#top_teach .teach_area .teach_set .detail .decoration{width:130px;}
  .box_white .fancybox {
       width: 100%;
       display: inline-block;
       float: none !important;
       text-align: center;
  }
  .box_white .metaslider {
       float: none;
       padding: 0px ;
       display: block;
       text-align: center;
       margin: 0 auto;
  }
  #page_nav ul li {
    margin: 0px 5px;
    float: none;
    text-align: center;
  }
   #english-travel .short_gssbox2_full4 {
    width: 100%;
    margin: 5px 0;
    float: none;
  }
  #rank .rank-text{
    width:100%;
  }

}
@media screen and (max-width: 555px){
    #price #first_text img {
            width: auto;
            display: inline-block;
            padding-left: 0px;
        }  

     #teach.btn_g30_w span{
         font-size:10px;
     }
    .gssline {
        float: left;
        margin: 5px 5px 5px 10px;
        width: 100%;
        display: block;
    }
    .gssline678 {display:none}
    #side_contact3 .add-socail3{
       width: 19%;
    }
}

@media screen and (max-width: 320px){
#top_reason .reason_area .reason_set{width:100%;}
#top_teach .teach_area .teach_set {
    width: 100%;
}
    #side_area #sns_area{
        margin-bottom: 10px;
        padding: 0px;
        margin-left: 14%;
    }   
    .new-reswidth{
        width:auto !important;
    }
}
@media screen and (max-width: 310px) {
    #top_news #tab_main .news_list li a{
     width: 70%;
     margin-right: 50px;
     font-size: 11px;
    }
#top_news #tab_main .news_list li .date{
 width:40%;
 font-size: 11px;
    }
}
@-ms-viewport {
  width: device-width;
  
}


/*photo gallery */

#photo-gallery .demo{
    width:100%;
}
#photo-gallery .demo ul {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom:0;
}
#photo-gallery .demo ul#lightSlider {
    display: flex;
     height: 491.5px !important;
}
#photo-gallery .demo li {
    align-items: center;
    cursor: pointer;
    justify-content: center;
    /*display: flex;*/
    overflow: hidden;
}
#photo-gallery p.img_text {
    text-align: center;
    padding-top: 15px;
}
#photo-gallery .demo ul.lSGallery li {
    display: flex;
    align-items: center;
}
#photo-gallery .demo ul#lightSlider li img {
    display: block;
    height: auto;
    margin:auto;
}
#photo-gallery .wp_social_bookmarking_light{
    display: none;
}
#photo-gallery .wp_social_bookmarking_light_clear {
    display: none;
}
#photo-gallery .lSSlideWrapper{
    width: 75%;
    margin: 0px auto;
    position: unset !important;
}
.lSAction > a{
    background-image:url(//wp-content/uploads/2017/08/next-prev.png) !important;
    opacity: 1 !important;
    z-index: 0 !important;
}

#photo-gallery .lSAction a.lSPrev {
    left: 66px;
}
#photo-gallery .lSAction a.lSNext {
    right: 70px;
}
#photo-gallery .lSAction > a {
    /*top: 245px !important;*/
    top: 217px !important;

}
#photo-gallery .lSSlideOuter  ul.lSGallery{
    width: 8339.85px !important;
    transform: translate3d(0px, 0px, 0px) !important;
    margin-top: 20px !important;
    background: #f0f0f0;
    padding: 20px 30px 45px 28px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#photo-gallery .lSSlideOuter  ul.lSGallery li{
    width: 240.6485px !important;
    max-height: 135px;
    padding-left: 5px;
    margin-bottom: 15px;
    margin-right: 0px !important;
    position: relative;
    vertical-align: middle;
}
#photo-gallery .lSSlideOuter  ul.lSGallery li img{
    position: relative;
    vertical-align: middle;
}
#photo-gallery .btn-show{
    width: 40%;
    margin: 0px auto;
    background-color: #d1161b;
    position: relative;
    bottom: 43px;
}
#photo-gallery .btn-show a.show-all{
    margin: 0px auto;
    text-align: center;
    color: #ffffff;
    display: block;
    cursor: pointer;
    font-weight: bold;
    padding: 3px 0px;
}
#photo-gallery .btn-show a:hover{
    color: #fff;
    text-decoration: none;
}
#photo-gallery .gallery-title, #photo-gallery .gallery-title1{
    width: 100%;
    height: auto;
    margin:30px auto 15px;
    background-color: #d1161b;
}
#photo-gallery .gallery-title p.gb, #photo-gallery .gallery-title1 p.gb{
    color: #fff;
    text-align: left;
    padding: 5px 15px;
    font-weight: bold;
}
#photo-gallery .custom-row{
    margin-bottom: 10px;
}
#photo-gallery .gallery-buttom{
    width:100%;
}
#photo-gallery .equalHMV img{
    height: auto;
}
#photo-gallery .row-update{
    width: 100%;
}
#photo-gallery .gallery-respon{
    display: none;
}
#photo-gallery .cus-pg5 {
    padding-left: 15px;
    padding-right: 15px;
}
#photo-gallery .pg5 {
    padding: 5px;
    font-weight: bold;
    margin: 0px !important;
}
#photo-gallery .eqWrap {
    display: flex;
}

#photo-gallery .equalHW {
    flex: 1;
}
#photo-gallery .equalHM {
    width: 32%;
}
#photo-gallery .equalHMRWrap {
    justify-content: space-between;
    flex-wrap: wrap;
}
#photo-gallery .equalHMVWrap {
    flex-wrap: wrap;
}
#photo-gallery .equalHMV {
    width: 23%;
    margin: 10px;
    border: 1px solid #d0161b;
}
#photo-gallery .equalHMV .bor-red {
    height: 100%;
}
#photo-gallery .lSSlideOuter{
    position: relative;
}

@media screen and (max-width: 1024px){
	#photo-gallery .demo ul#lightSlider li{
		margin-left: 5px;
	    margin-right: 5px !important;
	}
	#photo-gallery .lSSlideOuter ul.lSGallery li {
	    margin-right: 0.5px !important;
	}
}
@media screen and (max-width: 768px){
    #photo-gallery .lSAction > a{
        /*top: 190px !important;*/
        top: 150px !important;
    }
    #photo-gallery .lSAction a.lSPrev {
        left: 40px;
    }
    #photo-gallery .lSAction a.lSNext {
        right: 45px;
    }
    #photo-gallery .lSSlideOuter  ul.lSGallery li{
        width: 175px !important;
        max-height: 95px;
    }
    #photo-gallery .lSSlideOuter ul.lSGallery {
        padding: 20px 20px 45px 26px;
    }
    #photo-gallery .pd5 {
        display: block;
    }
    #photo-gallery .demo ul#lightSlider li{
		margin-left: 0px;
	    /*margin-right: 0.5px !important;*/
        margin-right: 0px !important;
	}
    #photo-gallery .demo ul#lightSlider {
        height: 380.5px !important;
    }
    #photo-gallery .equalHMV {
        margin: 5px;
        width: 23.5%;
    }
}

@media screen and (max-width: 736px){
    #photo-gallery .equalHMV {
        width: 23.3%;
    }
    #photo-gallery .gallery-respon{
        width:90%;
        margin: 0 auto;
        display: block;
    }
    #photo-gallery .demo, .all-button{
        display: none;
    }
    #photo-gallery .custom-row {
        display: flex;
        width: 100%;
        justify-content: space-between;
    	flex-wrap: wrap;
    }
    #photo-gallery .custom-img img{
        max-width: 100%;
    }
    #photo-gallery .custom-img {
	    width: 50%;
        padding: 10px;
        display: flex;
        /*max-height: 200px;*/
	    align-items: center;
	    cursor: pointer;
	    justify-content: center;
	}

}
@media screen and (max-width: 600px){
    #photo-gallery .equalHMV {
        width: 47.7%;
    }
}
@media screen and (max-width: 480px){
    #photo-gallery .equalHMV {
        width: 46.5%;
    }
}
@media screen and (max-width: 320px){
    #photo-gallery .equalHMV {
        width: 100%;
    }
    #photo-gallery .custom-img{
        width: 100%; 
    }
    #photo-gallery .gallery-respon{
        width: 100%;
    }
}