@charset "utf-8";
/*-------------------------------------------------------------
　　全体背景
-------------------------------------------------------------*/
body{
background-image:url(http://wakocc.co.jp/image/base/grand_back.jpg);
background-repeat:repeat-x;
background-color:#EDE0CD;
color:#666666;
text-align:center;
margin:0px auto;
padding:0px;
}  
html,body {
background-image:url(http://wakocc.co.jp/image/base/grand_back.jpg);
background-repeat:repeat-x;
background-color:#EDE0CD;
color:#666666;
text-align:center;
margin:0px auto;
padding:0px;
}
/*-------------------------------------------------------------
　　BOX　980px
-------------------------------------------------------------*/
#box{
width:990px;
margin:0 auto;
padding:0;
background:#fff;

position:relative;
}
/*-------------------------------------------------------------
　　文字装飾
-------------------------------------------------------------*/
p{
margin-bottom:1em;
}
em{
font-style: normal;
font-weight: bold;
color: #F60;
}
.nodisplay{
display:none;
}
.fbold{
font-weight:bold;
color:#6698b6;
}
.center{
text-align:center;
}
.text_left{
text-align:left;
}
/*-------------------------------------------------------------
　　リンク装飾
-------------------------------------------------------------*/
header a:hover img{
opacity: .65; /* Standard: FF gt 1.5, Opera, Safari */
filter: alpha(opacity=65); /* IE lt 8 */
-ms-filter: "alpha(opacity=65)"; /* IE 8 */
-khtml-opacity: .65; /* Safari 1.x */
}
a{
color:#666;
text-decoration:underline;
}
a:hover{
color:#7cb62d;
font-weight:bold;
}
/*-------------------------------------------------------------
　　トップへ戻る
-------------------------------------------------------------*/
#back-top{
text-align:right;
font-size:12px;
padding-right:20px;
}
/*-------------------------------------------------------------
　　ニュースヘッドライン
-------------------------------------------------------------*/
#head_news{
padding:10px;
background:#00ac96;
text-align:right;
font-size:12px;
color:#fff;
-webkit-box-shadow: #666 0px 3px 3px;
-moz-box-shadow: #666 0px 3px 3px;
box-shadow: #666 0px 3px 3px;
behavior:url(../PIE-1.0.0/PIE.htc);
position:relative;
z-index:5;
display:none;
}
#head_news a{
color:#fff;
}
/*-------------------------------------------------------------
　　ヘッダー
-------------------------------------------------------------*/
header{
width:990px;
height:170px;
position:relative;
margin:0;
}
#logo20{
position:absolute;
top:50px;
right:350px;
}

/*-------------------------------------------------------------
　　看板
-------------------------------------------------------------*/
h1{
float:left;
width:405px;
margin:0;
padding:0;
position:relative;
top:initial;
left:initial;
}
/*-------------------------------------------------------------
　　ここから消す
-------------------------------------------------------------*/
#info{
float:right;
text-align:right;
width:200px;
margin:0;
padding:0;
position:relative;
top:30px;
right:40px;
}
#mail{
text-align:right;
margin-top:20px;
}
/*-------------------------------------------------------------
　　ここまで消す
-------------------------------------------------------------*/
#infomation{
	float:right;
	text-align:left;
	width:200px;
	margin:0;
	padding:0;
	position:relative;
	top:20px;
	right:20px;
}
#infomation img#information_tel{
	display:block;
	margin:0 0 15px -2px;
}
#infomation img{
	padding:2px 0 0 0;
	text-align:left;
}

#infomation_new{
	float:right;
	text-align:center;
	width:200px;
	margin:0;
	padding:0;
	position:relative;
	top:20px;
	right:20px;
}
#infomation_new img#information_tel{
	display:block;
	margin:0 0 10px -2px;
}
#infomation_new img{
	padding:2px 0 0 0;
	text-align:left;
}
/*-------------------------------------------------------------
　　Gナビ
-------------------------------------------------------------*/
#gnavi{
width:990px;
}
ul.g_nav{
width:990px;
height:50px;
margin:0;
padding:0;
}
ul.g_nav li{
float:left;
list-style:none;
margin:0px;
padding:0px;
}
ul.g_nav li a{
display:block;
width:165px;
height:50px;
background:url(../img/base/new_gnavi.png) no-repeat;
margin:0px;
padding:0px;
}
/*------------------------
　　練習打席
------------------------*/
ul.g_nav li a.g_nav01{
background-position:0px 0px;
}
ul.g_nav li a:hover.g_nav01{
background-position:0px -50px;
}
/*------------------------
　　ショートコース
------------------------*/
ul.g_nav li a.g_nav02{
background-position:-165px 0px;
}
ul.g_nav li a:hover.g_nav02{
background-position:-165px -50px;
}
/*------------------------
　　ゴルフレッスン
------------------------*/
ul.g_nav li a.g_nav03{
background-position:-330px 0px;
}
ul.g_nav li a:hover.g_nav03{
background-position:-330px -50px;
}
/*------------------------
　　クレアメンバー
------------------------*/
ul.g_nav li a.g_nav04{
background-position:-495px 0px;
}
ul.g_nav li a:hover.g_nav04{
background-position:-495px -50px;
}
/*------------------------
　　和幸亭
------------------------*/
ul.g_nav li a.g_nav05{
background-position:-660px 0px;
}
ul.g_nav li a:hover.g_nav05{
background-position:-660px -50px;
}
/*------------------------
　　アクセス
------------------------*/
ul.g_nav li a.g_nav06{
background-position:-825px 0px;
}
ul.g_nav li a:hover.g_nav06{
background-position:-825px -50px;
}

/*-------------------------------------------------------------
　　フッター
-------------------------------------------------------------*/
footer{
background:url(../img/base/footer.jpg) no-repeat;
width:990px;
height:50px;
color:#fff;
font-size:12px;
}
#footer{
float:left;
width:600px;
text-align:left;
position:relative;
top:20px;
left:20px;
}
#footer a{
color:#fff;
text-decoration:none;
}
#footer a:hover{
color:#669900;
}
#copy{
float:right;
width:250px;
text-align:right;
position:relative;
top:20px;
right:20px;
}
/*-------------------------------------------------------------
　　和幸グループ
-------------------------------------------------------------*/
#wako_group{
margin:40px;
}
ul.group{
width:850px;
height:150px;
margin:0px auto;
padding:0px;
}
ul.group li{
float:left;
list-style:none;
margin:0;
padding:0;
}
ul.group li a{
display:block;
width:170px;
height:150px;
background:url(../img/base/group_back2.png) no-repeat;
background-repeat:no-repeat;
margin:0px;
padding:0px;
}
/*------------------------
　　和幸
------------------------*/
ul.group li a.wako{
background-position:0px 0px;
}
ul.group li a.wako:hover{
background-position:0px -150px;
}
/*------------------------
　　ラーメン
------------------------*/
ul.group li a.ramen{
background-position:-170px 0px;
}
ul.group li a.ramen:hover{
background-position:-170px -150px;
}
/*------------------------
　　居酒屋
------------------------*/
ul.group li a.issaku{
background-position:-340px 0px;
}
ul.group li a.issaku:hover{
background-position:-340px -150px;
}
/*------------------------
　　焼肉
------------------------*/
ul.group li a.yakiniku{
background-position:-510px 0px;
}
ul.group li a.yakiniku:hover{
background-position:-510px -150px;
}

/*------------------------
　　焼肉2
------------------------*/
ul.group li a.yakiniku2{
background-position:-680px 0px;
}
ul.group li a.yakiniku2:hover{
background-position:-680px -150px;
}


div.box_201811{
	width:940px;
	margin: 0 auto 30px;
}
div.box_201811 img{

	width:100%;
}

div.box_201811 ul li{

	display: inline-block;
	width: 168px;
    margin-right: 40px;
    vertical-align: top;
}

div.box_201811 ul.hana li{
width: 160px;
margin-right: 10px;

}

div.box_201811 ul li:last-child{

	margin-right: 0;
}

div.box_201811 ul li p{

	color: #666;
	padding: 20px 0;
	text-align: center;
	line-height: 2em;
    font-size: 0.9em;
}



/* 20190921 */

html, body {
    background-image: none;
	background-color: #fff;
	width: 100vw;
	min-height:100vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

#box {
	max-width: 990px;
	width:100%;
    margin: 0 auto;
    padding: 0;
    background: #fff;
    -webkit-box-shadow:initial;
    -moz-box-shadow:initial;
    box-shadow:initial;
    position: relative;
}

nav ul.res_nav div,
nav ul.res_nav li,
nav ul.res_nav a,
nav ul.res_nav span
{

	font-family: "游ゴシック", "Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif !important;
}

/* header */

header{
	display: flex;
	height: auto;
	padding: 1em 0;
	max-width:990px;
	width: 100%;
}
header h1{
    margin-right: 70px;
    float: none;
    width: auto;
    top: initial;
    left: initial;
}


/* nav */

nav.glo_nav{
	position: relative;
}



nav.glo_nav ul.sns_nav{
    display: flex;
    align-items: center;
    position: absolute;
    z-index: +1;
    top: -60px;
    right: 0;
}
nav.glo_nav ul.sns_nav li:nth-child(1){
	margin-right: 20px;
}
nav.glo_nav ul.sns_nav li:nth-child(1) a img{
	max-width: 40px;

}

nav.glo_nav ul.sns_nav li:nth-child(2) a img{
	max-width: 42px;
}


nav.glo_nav ul.res_nav{
	display: flex;
	/* justify-content: space-between; */
}

nav.glo_nav ul.res_nav > *{
	box-sizing: border-box;
}



nav.glo_nav ul.res_nav li.res_unit{
	font-size: 0.9em;
    /* width: 100%; */
	white-space: nowrap;
	position: relative;
	height:2em;
	/* padding: 0 1em; */
	font-weight: bold;
	padding-right: 2em;
}

nav.glo_nav ul.res_nav a{
	text-decoration: none;

	display: block;
}

nav.glo_nav ul.res_nav a:hover{


}
.res_unit:hover{
	color: #7cb62d;
}
.nav-title{
	text-align: center;

}

.res_unit{cursor: pointer;}

.nav-hover{

    top: 2em;
	left: 0;
	text-align: left;
	background-color: rgba(130,130,130,0.9);
	padding:1em;
	font-weight: normal;
	position: absolute;
    z-index: +100;
}
.nav-sub-title{
	color: #fff;
    font-size: 1.2em;
    border-bottom: solid 1px #fff;
}
.nav-sub-title:hover{
	font-weight: normal;
	color:#fff;
}

.nav-hover ul{
	margin:0.5em 0 0;
}
.nav-hover ul li{
	line-height: 2em;
	text-align: left;

}
.nav-hover ul li a{
	color:#fff;
	text-align: left;
	font-weight: normal;
}

.nav-hover{
display: none;
}