@charset "UTF-8";
/* =========================================

title : 【ホームメイト・ゴルフ】歴代のプロゴルファー 賞金王・賞金女王
scope : /library/money_winner/

last modify : 2021/01/19 TCV_ヴィ/ Doan Thi Tuong Vi 新規作成

============================================ */

/* --------------------------------------
　　　　　　content
-----------------------------------------*/

@media only screen and (min-width: 768px), print {
	#content {
		margin: 9px auto 0;
		max-width: 1000px;
		width: 100%;
	}
	.terminology {
		width: 850px;
		padding: 0 0 30px;
		margin: 0 auto;
		border: 2px solid #3c9468;
		box-sizing: border-box;
	}
	.terminology h1 {
		position: relative;
		height: 48px;
		padding: 0 0 0 96px;
		margin: 0 0 1.2em;
		color: #fff;
		font-size: 20px;
		line-height: 2.4;
		background: #3c9468 url(../image/icon-pen.png) 98.5% 50% / 29px auto no-repeat;
	}
	.terminology h1::before {
		content: "";
		position: absolute;
		top: 7px;
		left: 22px;
		width: 47px;
		height: 34px;
		background: url(../image/icon-page.png) 0 0 / 100% auto no-repeat;
	}
	.terminology h1::after {
		content: "ゴルフ用語辞書";
		position: absolute;
		top: 0;
		right: 55px;
		bottom: 0;
		display: block;
		height: 1em;
		margin: auto 0;
		font-size: 15px;
		line-height: 1;
	}
	.terminology p {
		margin: 30px;
	}
	.terminology p:last-child {
		margin-bottom: 0;
	}
	.terminology .img_center {
		display: block;
		width: 578px;
		margin: 0 auto;
	}
	.terminology .img_right {
		float: right;
		display: block;
		width: 350px;
		margin: 0 30px 1em 1.5em;
	}
}
@media screen and (max-width: 767px) {
	#content {
		margin: 0.8em auto 0;
	}
	.title_block.title_h1 h1 {
		font-size: 1.53rem;
	}
	.title_block.title_h1 h1 span {
		font-size: 1.3rem;
	}
	.terminology p {
		margin: 0.8em;
		font-size: 4.62vw;
	}
	.terminology .img_center,
	.terminology .img_right {
		display: block;
		width: 94%;
		margin: 0.8em auto 0;
	}
}

.index dt {
	background: #56AC81;
	color: #fff;
	font-weight: 600;
}
.index dd {
	background: #ECF2E6;
}
.index dd ul {
	display: flex;
	flex-wrap: wrap;
}
.index dd ul li a {
	position: relative;
	display: block;
	font-weight: 600;
	color: #fff;
	background: #56AC81;
	border-radius: 0.3em;
}
.index dd ul li a b {
	position: relative;
	top: -0.1em;
}

@media only screen and (min-width: 768px), print {
	.index {
		width: 790px;
		margin: 3em auto 0;
	}
	.index dt {
		position: relative;
		height: 45px;
		padding: 0 0 0 1.2em;
		font-size: 20px;
		line-height: 45px;
	}
	.index dt .top {
		position: absolute;
		top: 6px;
		right: 3px;
		width: 174px;
		height: 35px;
		padding: 0 0 0 1.3em;
		background: #fff;
		border: 1px solid #707070;
		color: #438A5E;
		font-size: 16px;
		font-weight: 600;
		line-height: 35px;
		box-sizing: border-box;
	}
	.index dt .top:hover {
		opacity: 0.8;
	}
	.index dt .top::after {
		content: "▲";
		position: absolute;
		top: 0;
		right: 10px;
		bottom: 0;
		width: 1em;
		height: 1em;
		margin: auto 0;
		transform: rotate(90deg);
		font-size: 14px;
		line-height: 1;
		color: #D87505;
	}
	.index dd {
		padding: 5px 0 20px;
		border-radius: 5px;
	}
	.index dd em {
		display: block;
		margin: 0 0 13px;
		text-align: center;
		font-size: 18px;
		font-weight: 600;
		font-style: normal;
	}
	.index dd ul {
		justify-content: center;
	}
	.index dd ul li {
		margin: 0 5px;
	}
	.index dd ul li a {
		width: 60px;
		height: 40px;
		font-size: 17px;
		line-height: 40px;
		text-align: center;
		border: 1px solid #3C9468;
		box-sizing: border-box;
		letter-spacing: 0.05em;
	}
	.index dd ul li a:hover {
		opacity: 0.8;
	}
	.index dd ul li a b {
		font-size: 22px;
	}
}
@media screen and (max-width: 767px) {
	.index {
		width: 94%;
		margin: 2em auto 0;
	}
	.index dt {
		padding: 0.3em 0;
		font-size: 5.38vw;
		font-weight: 600;
		color: #fff;
		text-align: center;
	}
	.index dd {
		position: relative;
		padding: 3vw 3% 5vw;
	}
	.index dd em {
		display: block;
		margin: 0 0 6vw;
		text-align: center;
		font-size: 5.13vw;
		font-weight: 600;
		font-style: normal;
	}
	.index dd ul li {
		width: 16.4%;
		margin: 0 1.8% 3vw;
	}
	.index dd ul li.e {
		width: 21%;
		margin: 0 1.4% 3vw;
	}
	.index dd ul li:nth-last-child(-n+4) {
		margin-bottom: 0;
	}
	.index dd ul li a {
		width: 100%;
		height: 9vw;
		font-size: 4.1vw;
		line-height: 10vw;
		text-align: center;
		border: 0.257vw solid #C3D8AC;
		box-sizing: border-box;
		letter-spacing: 0.025em;
	}
	.index dd ul li a:hover {
		border: 0.513vw solid #3C9468;
	}
	.index dd ul li a:hover::after {
		color: #3C9468;
	}
	.index dd ul li a b {
		font-size: 5.64vw;
	}
	.index dd .top {
		position: absolute;
		bottom: 5.2vw;
		right: 11vw;
		width: 11.5em;
		height: 8.4vw;
		padding: 0 0 0 1.3em;
		background: #fff;
		border: 1px solid #707070;
		color: #438A5E;
		font-size: 4.1vw;
		font-weight: 600;
		line-height: 8.4vw;
		box-sizing: border-box;
	}
	.index dd .top::after {
		content: "▲";
		position: absolute;
		top: 0;
		right: 2vw;
		bottom: 0;
		width: 1em;
		height: 1em;
		margin: auto 0;
		transform: rotate(90deg);
		font-size: 14px;
		line-height: 1;
		color: #D87505;
	}
}



@media only screen and (min-width: 768px), print {


	.add_bnr_list {
		width: 680px;
		margin: 30px auto 0;
		padding: 0px 0 0;
	}
	.add_bnr_list ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 680px;
		margin: 0 auto;
	}
	.add_bnr_list ul li {
		width: 320px;
	}
	.add_bnr_list ul li figure figcaption {
		padding: 0.4em 0.8em;
		font-size: 15px;
		line-height: 1.3;
	}




	.bnr_list {
		width: 970px;
		margin: 75px auto 0;
		padding: 40px 0 0;
		border-top: 1px solid #86BF72;
	}
	.bnr_list ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 952px;
		margin: 0 auto;
	}
	.bnr_list ul li {
		width: 460px;
	}
	.bnr_list ul li:nth-child(-n+2) {
		margin-bottom: 1.5em;
	}
	.bnr_list ul li figure figcaption {
		padding: 0.4em 0.8em;
		font-size: 15px;
		line-height: 1.3;
	}

}
@media screen and (max-width: 767px) {

	.add_bnr_list {
		width: 96%;
		margin: 12vw auto 0;
		padding: 6vw 2vw 0;
		border-top: 1px solid #86BF72;
		box-sizing: border-box;
	}
	.add_bnr_list ul {
		display: flex;
		justify-content: space-between;
	}
	.add_bnr_list ul li{
		width: 48%;
	}
	.add_bnr_list ul li figure figcaption {
		padding: 0.4em 0.8em;
		font-size: 3.85vw;
		line-height: 1.3;
	}


	.bnr_list {
		width: 96%;
		margin: 12vw auto 0;
		padding: 6vw 2vw 0;
		border-top: 1px solid #86BF72;
		box-sizing: border-box;
	}
	.bnr_list ul {
	}
	.bnr_list ul li:nth-child(-n+3) {
		margin-bottom: 1.5em;
	}
	.bnr_list ul li figure figcaption {
		padding: 0.4em 0.8em;
		font-size: 3.85vw;
		line-height: 1.3;
	}
}
/* common.css 改修 */
aside#att_word {
	display: none!important;
}

.related_search02 {
	padding-bottom: 1%;
}
@media only screen and (min-width: 768px), print {
	#page_top {
		width: 50px;
		height: 50px;
		position: fixed;
		right: 3rem;
		bottom: 10rem;
		background: #2196F3;
		opacity: 0;
		border-radius: 50%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		pointer-events: none;
	}
	#page_top.appear {
		opacity: 0.6;
		pointer-events: auto;
	}
	#page_top a {
		position: relative;
		display: block;
		width: 50px;
		height: 50px;
		text-decoration: none;
	}
	#page_top a::before {
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		content: '\f062';
		font-size: 25px;
		color: #fff;
		position: absolute;
		width: 25px;
		height: 25px;
		top: 0;
		bottom: .8rem;
		right: 0;
		left: 0;
		margin: auto;
		text-align: center;
	}
}
@media screen and (max-width: 767px) {
  #page_top {
    display: none;
  }
}