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


.descriptionWapper {
  position: relative;
	width: 100%;"
	margin: 0;
}

.descriptionBtn {
	display: block;
	width:300px;
	background: #fff;
	cursor: pointer;
}
.descriptionBtn:before {
/*	content: "加賀屋ゴルフについての紹介です。";*/
/*	width:300px;
	background: #f00;*/
	display: block;
	height: 36px;
	background-size: contain;
	vertical-align: middle;
	padding-left: 2rem;
  content: url(http://kagayagolf.co.jp/img/img/png/kagayaInfo.png);
}

.descriptionBtn:hover {
}
.descriptionBox {
  position: relative;
  overflow: hidden;
  height: 0px;
}
.descriptionBox::before {
  display: block;
}
.descriptionSwt {
  display: none;
}
.descriptionSwt:checked ~ .descriptionBtn::before {
/*  content: "紹介文を閉じる";*/
	display: block;
	height: 36px;
	background-size: contain;
	vertical-align: middle;
	padding-left: 2rem;
  content: url(http://kagayagolf.co.jp/img/img/png/infoClose.png);
}
.descriptionSwt:checked ~ .descriptionBox {
  height: auto;
}
.descriptionSwt:checked ~ .descriptionBox::before {
  display: none;
}

#maedaIntroduceWndOpenClose {
	z-index: 999;
	margin-left: 5em;
	padding-left: 10em;
	background: rgba(204,51,102,0.5);
}

#kagayaWrapper > .panel {
	position: relative;
	overflow: hidden;
	height: 0;
}

#kagayaWrapper > .panel {
	display: block;
}

.introduceOpenCloseBtn {
	display: none;
}

.introduceOpenCloseBtn:checked ~ .panel {
	display: block;
	height: auto;
}

.introduceOpenCloseBtn:checked ~ .panel:before {
	display: none;
}



#kagayaWrapper {
	position: relative;
	width: 100%;"
	margin: 0;
}

#kagayaWrapper > .panel dl.doc {
	padding: 0 1rem;
}
#kagayaWrapper > .introduceOpenCloseBtn:checked + .panel {
	border: 1px solid transparent;
	border-radius: 2em;
	height: auto;
	display: block; 
/*	border: 1px solid #666;*/
}


.descriptionBox {
	border: 1px solid transparent;
	border-radius: 2em;
	background: #f5f0cf;
}
.panelLeft {
	padding: 4rem;
	width: 46%;
	float: left;
}

.panelRight {
	width: 42%;
	margin: 1.5em 0.5em 1em 1em;
	float: right;
}

.panel p {
	padding-left: 2rem;
	padding-right: 2rem;
}

h3.panelSubhead {
	font-weight: 700;
	font-size: 110%;
	margin: 0 2rem;	
}

.introduce {
	display: inline-block;
	width: 100%;
}

/***** introduce oneself end ************/


#phoenix0 {
	width: 100%;
	margin: 0;
}

#phoenix0 img {
	max-width: 100%;
	height: auto;
}

#phoenix1 {
}

#phoenix1 img {
	max-width: 100%;
	height: auto;
}

/****************************************/

.impactCaption {
	display: block;
	width: 100%;
}

span.impactCaption {
	font-size: 2rem;
	font-weight: 700; 
}


.bkRed {
	background: #f00;
}
.colRed {
	color: #f00;
}
.colYellow {
	color: #ff0;
}

/***************************************/



/*ゴルフ場紹介　Ｈ3*/

h3.swiperGolfcourse {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	width: 100%;
	background: rgba(0,0,255,0.75);
	color: #ff0;
	padding: 0.25rem;
	line-height: 1.5rem;
}

p.swiperGolfcourseInfo {
	display: inline-block;
	position: absolute;
	top: 2rem;
	left: 0;
	color: #fff;
	padding: 1rem;
	margin: 0;
	background:rgba(0,102,0,0.5);
	height: auto;
	text-align: left;
}

p.swiperGolfcourse {

}