@charset "utf-8";

/* @group Reset */

*{ margin: 0;padding: 0}

/*a {
	text-decoration: underline;
	color: #0000ff}*/
ul, ol { list-style : none}
img { vertical-align : middle}

/* @end */


/* @group Fluid-img */

img { 
height: auto;
max-width : 100%;
width:auto; /* ie8 */
}

/* @end */


/* @group HTML */

html {
	font-family : verdana, sans-serif;
	/*font-size : 75%; /*レスポンシブタイプセッティングの指定*/*/
	line-height : 1.5}

/* @end */


/* @group Heading */

.head1 {
	font-size : 1em; /* 16px */
	line-height : 1.5; /* 24px */
	margin-bottom : 0.2em } 
h2 {
	font-size : 1.2em; /* 24px */
	line-height : 1; /* 24px */	
	margin-bottom : 1em/* 24px */ } 
h3 {
	font-size : 1.2em; /* 24px */
	line-height : 2; /* 48px */
	margin-bottom : 1em } 
h4 {
	font-size : 1.1em; /* 20px */
	line-height : 1.2; /* 24px */
	margin-bottom : 1.2em } 
h5,h6 {
	font-size : 1em; /* 16px */
	line-height : 1.5; /* 24px */
	margin-bottom : 1.5em } 

/* @end */

/* @group Header */
header {
	overflow: hidden;
	margin-bottom: 1.5em; /* 24px */
	padding-top: 1.5em; /* 24px */
	padding-left: 1.46484%;
	padding-right: 1.46484%;
	color: #FFF;
	background: #3a86c8;
	background-image: -moz-linear-gradient(top, #3987c8, #225288);
	background-image: -o-linear-gradient(top, #3987c8, #225288);
	background-image: -webkit-linear-gradient(top, #3987c8, #225288);
	background-image: linear-gradient(top, #3987c8, #225288);
}
header .head1 { font-size:1.6em;}
header h2 {
	margin-bottom: 0.5em; /* 16px */
	font-size: 2em;/* 32px */
	line-height : 1.5; /* 24px */ } 
hgroup { text-align: center} 
header #read {
	font-size:14px;
	text-align: left;
	padding-left: 1.46484%;
	padding-right: 1.46484%;
	margin-bottom: 1.5em;}

/* @end */

/* @group Contents */
#cheer {
	width : 90%;
	margin : 0 auto;
	text-align : center}

#contents {
	font-size:14px;
}
#contents p { 
	margin-bottom : 1.5em;
	text-align : left}
#contents img { 
	margin-bottom : 1.5em; 
/*
box-shadow : 0 0 5px #2f1f1f
*/
}
.line-h15 {
	line-height:1.5;
}
/* @end */

/* @group section */
section {margin-bottom: 1.5em}
/* @end */

/* @group Intro */
#intro .map img { width: 100%}
#intro h2 {
	color: #049ede;
	border-bottom: 1px solid #049ede;
	line-height: 2em
}
#intro p {
	margin-bottom: 0;
}
/* @end */

/* @group News */
#news ul li { overflow: hidden;
	text-align: left;
	margin-bottom: 1em;
	border-bottom: 1px dotted #CCC}
#news ul li span { 
	display: inline;
	float: left}
#news a.link_course {
	text-shadow:1px 0 1px #22548a}
#news ul li .ymd {
	display: inline;
	width: 7em;
	margin-bottom: 1em;
	padding-left: 1.04166%; /* 10px 960px */
	color: #3985c6}
#news ul li .name {
	display: inline;
	width: 70%;
	margin-bottom: 1em;
}
#news ul li .detail {
	width: 100%;
	margin-bottom: 2em}

/* @end */

/* @group Voice */
#voice section {
	padding-top: 0.75em ; /* 12px */
	padding-left: 1.5625%; /* 15px 960px */
	padding-right: 1.5625%; /* 15px 960px */
	padding-bottom: 0.75em ; /* 12px */
	border: 3px solid #3985c6;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px}
#voice .profile { overflow: hidden;
margin-bottom: 0;}
#voice .profile img {
	float: left;
	width: 25%;
	margin-bottom: 0.5em; /* 8px */}
#voice .profile .name {
	float: right;
	width: 72%;
	text-align: left}
#voice .profile .name h4 {
	margin-bottom: 0;
	padding: 0.75em 0 /* 45px 0 */}
#voice .comment {
	margin-bottom: 0.75em;/* 12px */
} 
/* @end */	

/* @group Golf */
#golf h4 {
	margin-bottom: 0;
}
#golf .golf_news h4 {
	font-size: 0.875em; /* 14px */}
#golf .c_data h5 {
	margin: 1.7143em 0; /* 24px 0 */
	text-align: right}
#golf .golf_news {
	border: 1px solid #ccc;
	margin-bottom: 3em; /* 48px */
	padding:0.75em /* 12px */
}
#golf .golf_news p {
	padding: 0;
	margin: 0;
}
#golf .golf_news h4 {
	margin-bottom: 1.5em; /* 24px */
	padding-left: 7.2916%; /* 70px 960px */
	text-align: right;
	line-height: 2em;
	background: url(../img/icn_news.png) no-repeat;
	background-size: contain;
}
/* @end */	
	
/* @group toggle */
.toggle_box{
	display:none;
}
.btn{
	background: #3a86c8 url(../img/icn_arrow_down.png) no-repeat 98% 50%;
	color: #FFF;
}
.btn.active{
	background:#205288 url(../img/icn_arrow_active.png) no-repeat 98% 50%;
	color:#FFF;
}
.btn:hover{
	cursor:pointer;
}
h3.slide_btn {
	padding-left: 3.125%;　/*30px 960px */
	padding-right: 10.4166%; /*100px 960px */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-align: left;
}
/* @end */

/* @group pc_show */
.pc_show { display: none;}
/* @end */
/* @group sp_show */
.sp_show { display: block;}
/* @end */


/*480px*/
@media screen and (min-width : 480px){

/*html{ font-size : 87.5%} *//*レスポンシブタイプセッティングの指定*/
#contents { text-align : left}
}

/*PC 1024px*/
@media screen and (min-width : 768px) {

html{ 
	font-size : 100%;/*レスポンシブタイプセッティングの指定*/
} 

a:hover {text-decoration: none}
a.link_course {
	font-weight: bold;
}
a.link_course:hover {
	text-decoration: none;
}

/* @group Contents */
#cheer {
	overflow : hidden;
	width :100%; /* 960px*/
	margin: 0 auto} 
/* @end */ 

 /* @group Header */
header {text-align: left;
padding: 0}
header #h_title {
	overflow: hidden;
	min-height: 130px;
	background: url(../img/bg_header.jpg) no-repeat;
	background-size: contain;
}
header #h_title hgroup .head1,
header #h_title hgroup h2 {
	visibility: hidden;
}
hgroup { 
	float: left;
	width: 52.083%; /* 500px 960px */
	text-align: left}
header #read { 
	float: right ;
	width: 28%; /*300px 960px */
	padding: 2.6em 1.5625% 0 0;} /* 48px 15px 0 0 */
/* @end */
/* @group Intro */
#intro { overflow: hidden}
#intro .map { 
	float: left;
	width: 33.33%;/* 320px 960x*/
	height: auto;} 
#intro .text {
	float: right;
	width: 64.583%;} /* 620px 960px*/
/* @end */

/* @group News */
#news .toggle_box {
	height: 15em; /* 240px */
	overflow-y: scroll;
	overflow-x: hidden;
}
#news ul li { overflow: hidden}
#news ul li span { 
	display: block;
	float: left}
#news a.link_course {
	font-weight: bold;
	text-shadow: none;}
#news ul li .ymd {
	width: 8.8541%; /* 85px 960px*/
	margin-right: 1.04166%; /* 10px 960px*/
}
#news ul li .name {
	width: 25%; /* 240px 960px*/
	margin-right: 4%; /* 10px 250px */
}
#news ul li .detail {
	width: 59.375%; /* 570px 960px*/
}
	
/* @end */

/* @group Disaster */
#disaster ul,#disaster02 ul {
	overflow: hidden;
	margin-left: 1.5625%; /* 15px 960px */
}
#disaster ul li,#disaster02 ul li {
	float: left;
	margin-right: 0.5208%; /* 5px 960px */
	width: 13.75%;/* 132px 960px */
	max-height: 110px;
	overflow: hidden;} 
#disaster p,#disaster02 p {
	margin-left: 1.5625%; /* 15px 960px */
}
/* @end */

/* @group Voice */
#voice { overflow: hidden}
#voice section {
	float: left;
	margin-left: 0.5208%; /* 5px 960px */
	margin-right: 0.5208%; /* 5px 960px */
	width: 44.7916%; /* 430px 960px */
}
/* @end */	

/* @group Golf */
#golf article {
	margin-left: 1.5625%; /* 15px 960px */
	margin-right: 1.5625% /* 15px 960px */
}
#golf .c_name { overflow: hidden}
#golf .c_name img.c_ph {
	float: left;
	width: 19.3548%; /* 180px 930px */
}
#golf .c_name .c_data {
	float: right;
	overflow: hidden;
	width: 78.4946%; /* 730px 930px */
}
#golf .c_name .c_data h4 {
	float: left;
	width: 60%;
	margin-bottom: 1.5em; /* 24px */
}
#golf .c_name .c_data h5 {
	float: right;
	width: 37%;
}
#golf .c_name .c_data p {
	clear: both;
}
#golf	.golf_news { 
	overflow: hidden;
	padding-left: 1.25%; /* 12px 960px */
	padding-right: 1.25%; /* 12px 960px */
	padding-bottom: 0;
}
#golf	.golf_news h4 {
	float: left;
	width: 8.602%; /*80px 930px*/
	text-align: left}
#golf .c_data h5 {
	margin:0 0 1.5em 0; /* 24px */}
#golf	.golf_news p {
	float: right;
	width: 80.6451%; /* 750px 930px */
}
/* @end */		
	
	
/* @group toggle */
.toggle_box { display: block !important}
.btn,
.btn.active{
	background: #3a86c8;
	background-image: -moz-linear-gradient(top, #3987c8, #225288);
	background-image: -o-linear-gradient(top, #3987c8, #225288);
	background-image: -webkit-linear-gradient(top, #3987c8, #225288);
	background-image: linear-gradient(top, #3987c8, #225288); 
	color: #FFF;
	font-size: 1.125em; /* 18px */
	pointer-events : none;
}
h3.slide_btn {
	padding-left: 1.04166%;　/*10px 960px */
}
.btn:hover{
	cursor:default;
}
/* @end */

/* @group pc_show */
.pc_show { display: block;}
/* @end */
/* @group sp_show */
.sp_show { display: none;}
/* @end */
}

/* スマホ追記　*/
@media screen and (max-width : 768px){

#news ul li .detail a.detail_link {
	display: block;
	width: 100%;
	margin-top: 1.5em; /* 24px */
	padding: 0.75em; /*上下12px */
	background: #41A546;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}
}