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

/*HTML基本CSS*/
body{
font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","游ゴシック", YuGothic,  "メイリオ", Meiryo, sans-serif;

padding:0px;
margin:0px;
-webkit-text-size-adjust:none
line-height:1.4;
}
.txt-small{font-size:70%;}


header,nav,section,aside,footer{display: block;clear:both;}
li{list-style:none;}
h1, h2, h3, h4, h5, h6, form,p,li, ul,p{margin:0px;padding:0px;}
img {border: none;}

h1{font-size:12px;color:#666666;
background-image:url(https://oita-golf.com/images/sp-parts.png);
background-repeat:no-repeat;
background-position:0px -180px;
height:30px;
text-indent:-9999px;
margin:8px 0;
}
h2{background-color:#3b5998;color:#FFFFFF;font-size:20px;padding:8px 10px;line-height:1.6;}
h3{font-size:18px;padding:10px;line-height:1.6;}

/* clearfix */
.clearfix:after {
  content: ".";  
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/*スマホ非表示エリア*/
.no-sp{display:none;}

/*リンク初期設定*/
a:link {color:#333366;text-decoration: none;}
a:visited {color:#333366;text-decoration: none;}

/*コンテンツリストディフォルト*/
.content-list li{}
.content-list li:first-child{
border-top:1px solid #bbbbbb;
}
.content-list a{
padding:15px;
display:block;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));
background-color: #b0bccd;
border-bottom:1px solid #bbbbbb;
margin:1px;
}

/*角丸*/
.rad5{border-radius: 5px;-webkit-border-radius: 5px;}
.rad8{border-radius: 8px;-webkit-border-radius: 8px;}
.rad12{border-radius: 12px;-webkit-border-radius: 12px;}

.pad5{padding:5px;}
.pad8{padding:8px;}
.pad10{padding:10px;}


/*ドロップボックス*/
/* 順にx-offset、y-offset、ぼかし半径、影の色。 */
.b-shd-o5{
-moz-box-shadow: 5px 5px 5px #cccccc;
-webkit-box-shadow: 5px 5px 5px #cccccc;
}
/*内側シャドウ*/
.b-shd-i5{
-moz-box-shadow: inset 0 0 1em #999999;
-webkit-box-shadow: inset 0 0 1em #999999;
}

/* ボタン処理 */
.botton01{
-moz-box-shadow:2px 2px 2px #888888;
-webkit-box-shadow:2px 2px 2px #888888;
}

.botton-preview{
-moz-box-shadow: inset 0 0 15px #aaaaaa,2px 2px 4px #888888;
-webkit-box-shadow: inset 0 0 15px #aaaaaa,2px 2px 4px #888888;
background: -moz-linear-gradient(left top, #c6d9ff,#FFF 50%,#7ba9f5);
background-image: -webkit-gradient(linear, left top, left bottom, from(#c6d9ff),color-stop(0.5,#FFF), to(#7ba9f5));
}

.botton-post{
-moz-box-shadow: inset 0 0 15px #aaaaaa,2px 2px 4px #888888;
-webkit-box-shadow: inset 0 0 15px #aaaaaa,2px 2px 4px #888888;
}

.botton-map,#sp-cal{
font-size:18px;
width:260px;
margin:5px 0 5px 10px;
border:1px solid #aaaaaa;
-moz-box-shadow: inset 0 0 5px #FFFFFF,1px 1px 2px #cccccc;
-webkit-box-shadow: inset 0 0 5px #FFFFFF,1px 1px 2px #cccccc;
background: -moz-linear-gradient(left top, #f7fbff,#e8eff9 40%,#e8eff9);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7fbff),color-stop(0.4,#e8eff9),to(#e8eff9));
border-radius: 4px;
-webkit-border-radius: 4px;
}

.botton-map a,#sp-cal a{
padding:10px;
display:block;
color:#233474;
text-shadow: rgba(255, 255, 255, 1) 2px 2px 1px;
}
.bottn-l{float:left;border-left:1px solid #c3d2f2;}
.bottn-l:first-child{border: none;}
.bottn-r{float:left;}

/*テキスト処理*/
.t-shd{text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px;}

.t-c-w{color:#FFFFFF;}
.t-c-bk{color:#000000;}
.t-c-r{color:#CC0000;}
.t-c-b{color:#0000CC;}

/*地図*/
#map{width:90%;height:250px;}


/*サイド移動ナビ*/
#index{position:relative;}
#side-tab{
position:absolute;
top:100px;
right:0px;
width:30px;
}
#side-tab a{
display:block;
text-indent:-9999px;
background-image:url(https://oita-golf.com/images/sp-b-img.png);
background-repeat: no-repeat;
background-color:#CCCCCC;
}
#st-top{height:20px;background-position:0px 0px;}
#st-home{height:60px;background-position:0px -15px;}
#st-menu{height:60px;background-position:0px -75px;}      
#st-map{height:60px;background-position:0px -135px;}
#st-blog{height:30px;background-position:0px -195px;}
#st-tw{height:30px;background-position:0px -225px;}                 
#st-fb{height:30px;background-position:0px -255px;}
     

/*コンテンツ*/
#main{clear:both;}
#main img{margin:5px 3px 5px 0;}

/*フッター*/
#footer-navi h3{padding:5px 10px;background-color:#999999;color:#FFFFFF;}

/*コピーライト・モードチェンジ*/
#c-right{text-align:center;font-size:12px;height:30px;padding:8px 0 8px 0;}
#chenge-mode{height:50px;background-color:#EFEFEF;text-align:center;padding-top:10px;}
#chenge-mode a{text-decoration:underline;color:#0000CC;}

/*フォーム*/
.input350{padding:5px;display:block;float:left;width:160px;margin-left:10px;border:1px solid #CCCCCC;}
#mail-form-text textarea{height:100px;}
select{width:300px;height:40px;font-size:12pt;}
label{display:block;float:left;text-align:right;width:120px;margin:5xp 10px 5px 0;padding-top:5px;}
.comments-open-content p{clear:both;padding-bottom:10px;height:30px;}

#contact-tel p{
margin:0px;
padding:0px;
}
#contact-tel{
margin:8px auto;
width:250px;
clear:both;
background-color:#CCFFCC;
padding:8px;
text-align:center;
border:5px solid #7ec57e;
}

#contact-form{
background-color:#fef3df;
padding:12px;
border:1px solid #d4bf96;
}


#contact-tel #shop-tel{
font-size:30px;
margin:0px auto;
padding:3px 0px 3px 30px;
width:200px;
background-repeat:no-repeat;
background-position:8px 8px;
background-image:url("../images/tel.png");
}
#shop-tel a{text-decoration:underline;}

.contact-form #side-tab{display:none;}
.contact-form #chenge-mode{display:none;}
#mail-form-footer{padding-bottom:10px;}
#mail_preview{padding:4px;width:80px;margin-right:30px;background-color:#ffc569;}
#mail_post{color:#FFFFFF;padding:10px;width:160px;background-color:#ffbb77;border:4px solid #ff9933;}


.text12{font-size:12px;}
.hissu{font-size:10px;color:#CC0000;}
.form-check{line-height:1.6em;background-color:#FFFFFF;padding:10px;margin:8px;border:1px solid #CCCCCC;}
.form-errer{line-height:1.6em;background-color:#990000;padding:10px;margin:8px;color:#FFFFFF;}
.form-check span{font-size:20px;color:#0000CC;}

/*TOPメニュー*/

#top-main-menu,.top-bottom,.top-bottom a{
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}

#top-main-menu{padding:0 10px;width:100%;font-size:4vw;font-weight:bold;}
.top-bottom{border-radius: 5px;-webkit-border-radius: 5px;float:left;margin:0 2.5% 5px 0;text-align:center;display:table;}
.top-bottom-nr{margin-right:0px !important;}
.top-bottom a{display:block;display:table-cell;width:100%;height:100%;vertical-align:middle;color:#FFFFFF;}

.bg-o{background-color:#ff8a00;}
.bg-g{background-color:#2ac41f;}

#sq-fb{background-color:#3b5998;font-size:14px;text-align:right;padding-right:5px;
background-image:url(https://oita-golf.com/images/sp-parts.png);
background-repeat:no-repeat;
background-position:-20px -40px;
}

.b1x1{width:19%;height:55px;}
.b2x1{width:38%;height:55px;}
.b2x2{width:38%;height:115px;}

#top-menu{margin-left:10px;width:90%;}
#top-menu span{display:block;font-size:small;}
#top-menu li{border-radius: 5px;-webkit-border-radius: 5px;background-color:#EEEEEE;margin-bottom:8px;padding:8px;}






#head-menu{}
.head-bottom{border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;background-color:#ff8a00;float:left;text-align:center;display:table;}
.head-bottom a{display:table-cell;width:100%;height:100%;vertical-align:middle;color:#FFFFFF;}
.h1x1{width:60px;height:35px;margin-right:2px;}
.h2x1{width:120px;height:35px;background-color:#f9b566;margin-right:2px;}






.top-block p,#main p{padding:8px 20px 8px 10px;line-height:1.6;letter-spacing: 0.08em;}
.top-block{margin-bottom:15px;}

#main td{border:1px solid #CCCCCC;}
.course-box td a{display:block;padding:15px 5px;text-decoration:underline;}
.course-box td:nth-child(1){width:100px;text-align:center;}
.course-box td:nth-child(2){width:30px;text-align:center;padding:15px 5px;}
.course-box td:nth-child(3){width:150px;padding:15px 5px;}

.m-course{font-size:24px;}
.img-set{margin-left:10px;}
.img-block{clear:both;padding-right:20px;line-height: 1.4;}
.img-block img{float:left;}
#staff-photo{clear:both;margin-left:10px;}
#staff-photo img{}

#basic-payment{margin-left:10px;}
#basic-payment td{border:1px solid #CCCCCC;}
#basic-payment td:nth-child(1){width:120px;text-align:center;padding:8px 5px}
#basic-payment td:nth-child(2){width:60px;text-align:center;padding:8px 5px;}
#basic-payment td:nth-child(3){width:60px;padding:8px 5px;}

#plan-payment{margin-left:10px;}
.img-set2{clear:both;position:relative;min-height:70px;margin-bottom: 30px;}
.plan-txt{padding-left:110px;line-height:1.4;}
.plan-img{position:absolute;width:100px;top:0px;left:0px;}
.plan-txt span{font-size:20px;color:#000099;}
.link-box{clear:both;padding:15px;}
#m-map{clear:both;}

#top-head-img{text-align:center;margin-bottom:15px}
#toph1{margin:50px auto 10px auto;width:312px;text-indent:-9999px;}
.l-clear{clear:both;}


.top-bottan-set{
clear:both;
font-size:18px;
width:280px;
margin:5px 0 5px 10px;
border:1px solid #aaaaaa;
-moz-box-shadow: inset 0 0 5px #FFFFFF,1px 1px 2px #cccccc;
-webkit-box-shadow: inset 0 0 5px #FFFFFF,1px 1px 2px #cccccc;
background: -moz-linear-gradient(left top, #f7fbff,#e8eff9 40%,#e8eff9);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7fbff),color-stop(0.4,#e8eff9),to(#e8eff9));
border-radius: 4px;
-webkit-border-radius: 4px;
}

.top-bottan-set li{
float:left;border-left:1px solid #c3d2f2;
}
.top-bottan-set li:first-child{border: none;}

.top-bottan-set a{
padding:10px;
display:block;
color:#233474;
text-align:center;
text-shadow: rgba(255, 255, 255, 1) 2px 2px 1px;
}

#hole-spec{width:300px;text-align:center;}
#spec-head td:nth-child(1){width:75px;}
#spec-head td:nth-child(2){width:75px;}
#spec-head td:nth-child(3){width:75px;}
#spec-head td:nth-child(4){width:75px;}


#course-set{
clear:both;
font-size:14px;
margin:5px 20px;
border:1px solid #aaaaaa;
-moz-box-shadow: inset 0 0 5px #FFFFFF,1px 1px 2px #cccccc;
-webkit-box-shadow: inset 0 0 5px #FFFFFF,1px 1px 2px #cccccc;
background: -moz-linear-gradient(left top, #f7fbff,#e8eff9 40%,#e8eff9);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7fbff),color-stop(0.4,#e8eff9),to(#e8eff9));
border-radius: 4px;
-webkit-border-radius: 4px;
}

#course-set a{
padding:10px;
display:block;
color:#233474;
text-shadow: rgba(255, 255, 255, 1) 2px 2px 1px;
text-align:center;
}
#course-set li{float:left;border-left:1px solid #c3d2f2;width:33%;

}
#course-set li:first-child{border: none;}
.bottn-r{float:left;}

#course-set:after {
  content: ".";  
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#omajinai{background-color:#CCCCCC;clear:both;margin-top:15px;}
.tab{}
.tab li{float:left;width:50%;height:30px;text-align:center;}
.tab li:nth-child(1){background-color:#eeeef6;}
.tab li:nth-child(2){background-color:#ede4cc;}
.tab li a{padding:8px;display:block;}
.selected{}
#tab1{
clear:both;
padding:10px;
background-color:#eeeef6;
}
#tab2{
clear:both;
padding:10px;
background-color:#ede4cc;
}
.local-rules li{border-bottom:1px solid #CCCCCC;margin-bottom:10px;padding:5px 0;}
.local-rules-all li{border-bottom:1px solid #CCCCCC;margin:10px;
padding:10px;
background-color:#ede4cc;
border-radius: 8px;
-webkit-border-radius: 8px;
}

#hole{}
#hole-advice{margin:0 10px;font-size:20px;line-height:1.5em;}
#hole-img{text-align:center;}

#sns-large{width:300px;overflow:hidden;}
#green-title{font-size:14px;color:#999999;text-align:center;}
#green-img{text-align:center;}

/*201702追加分大野川GP*/
#og-gp{background-color:#EEE;border-radius:10px;padding:10px;margin:20px 10px;}
.og-info-l{font-size:14px;}
.og-info-r img{max-width:100%;}
.og-title{font-size:160%;font-weight:bold;text-align:center;}
.og-title span{font-size:60%;font-weight:normal;display:block;margin-right:10px;margin-bottom:;5px}
.og-access{margin:10px 0;}
.og-adress{}
.og-tel{}
.og-couse{font-size:18px;font-weight:bold;}
.og-price{font-size:100%;line-height:1.4;background-color:#FFF;padding:15px;margin:10px;}
.og-price-list{}
.og-price-list li{}
.side-midashi2{
color:#FFFFFF;
font-size:14px;
padding:7px;
background-color:#ff8a00;
text-align:center;
}
.side-rec{
padding:10px;
background:#ffe2c0;
font-size:12px;
}