@charset "UTF-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/

a {
	color: #333;
}

a:hover {
	color: #333;
}

.mainImg .box {
	position: relative;
	overflow: hidden;
}

.mainImg {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.mainImg a {
	width: 100%;
	height: auto;
}

.mainImg img {
	width: 100%;
	height: auto;
}

.mainImg .slick-slide img {
	display: inline-block;
}

.mainImg .slides button {
	margin-top: -35px;
	width: 70px;
	height: 70px;
	position: absolute;
	top: 50%;
	z-index: 3;
	content: "";
	color: transparent;
}

.mainImg .slides button.slick-prev {
	background: url(/common/img/index/prev.png) no-repeat center center;
	left: 1.5%;
}

.mainImg .slides button.slick-next {
	background: url(/common/img/index/next.png) no-repeat center center;
	right: 1.5%;
}

.mainImg .slides button:hover {
	cursor: pointer;
	opacity: 0.7;
}

#main h2 {
	text-align: center;
	margin-bottom: 30px;
}

#product {
	padding: 90px 0;
	background-color: #000;
}

#product h2 {
	margin-bottom: 28px;
	text-align: center;
}

#product .series {
	display: table;
	width: 760px;
	margin: 0 auto;
	padding-top: 20px;
	overflow: hidden;
}

#product .series li {
	display: table-cell;
	text-align: center;
}

#product .series li img {
	height: 60px;
	width: auto;
	opacity: 0.5
}

#product .series li img:hover {
	opacity: 1
}

#product .slider {
	height: 300px;
	border-top: 1px solid #4C4C4C;
	border-bottom: 1px solid #4C4C4C;
	position: relative;
	overflow: hidden;
}

#product .slider .slides {
	margin-left: -1050px;
	width: 2100px;
	height: 300px;
	position: absolute;
	top: 0;
	left: 50%;
}

#product .slider .slides:before {
	margin-left: -1050px;
	width: 700px;
	height: 300px;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 2;
	background: #000;
	content: "";
	opacity: 0.7;
}

#product .slider .slides:after {
	margin-right: -1050px;
	width: 700px;
	height: 300px;
	position: absolute;
	top: 0;
	right: 50%;
	z-index: 2;
	background: #000;
	content: "";
	opacity: 0.7;
}

#product .slider .slides li {
	padding-top: 25px;
	height: 300px;
	background: #FFF;
	font-size: 1.071em;
	text-align: center;
	line-height: 2.0;
	-weblit-box-sizing: border-box;
	box-sizing: border-box;
}

#product .slides li img {
	display: inline-block;
}

#product .slides li p {}

#product .slides .sub01 p {
	margin-top: 5px;
	color: #ce0724!important;
}

#product .slides .sub03 {
	background: #000!important;
}

#product .slides .sub03 p {
	margin-top: 5px;
	color: #FFF;
}

#product .slider .slides button {
	margin-top: -9px;
	width: 11px;
	height: 18px;
	position: absolute;
	top: 50%;
	z-index: 3;
	content: "";
	color: transparent;
}

#product .slider .slides button:hover {
	cursor: pointer;
	opacity: 0.7;
}

#product .slider .slides button.slick-prev {
	margin-left: -381px;
	background: url(/common/img/prev02.png) no-repeat center center;
	left: 50%;
}

#product .slider .slides button.slick-next {
	margin-right: -381px;
	background: url(/common/img/next02.png) no-repeat center center;
	right: 50%;
}

#topicsSection {
	width: 1000px;
	margin: 0 auto;
	padding: 90px 0 87px;
}

#topicsSection .topicsUl {
	width: 1032px;
	margin-right: -32px;
	overflow: hidden;
	zoom: 1;
}

#topicsSection .topicsUl li {
	margin: 0 32px 40px 0;
	width: 480px;
	float: left;
}

#topicsSection .topicsUl li a {
	display: block;
	overflow: hidden;
	zoom: 1;
}

#topicsSection .topicsUl li a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#topicsSection .topicsUl li .photo {
	float: left;
}

#topicsSection .topicsUl li .textBox {
	float: right;
	width: 300px;
}

#topicsSection .topicsUl li .textBox p {
	color: #444;
	line-height: 1.6;
	font-size: 16px;
}

#topicsSection .topicsUl li a:hover .textBox p {
	text-decoration: underline;
}

#topicsSection .topicsUl li .textBox .date {
	margin-bottom: 6px;
	font-size: 1em;
	color: #777;
}

#topicsSection .link {
	text-align: right;
}

#topicsSection .link a {
	display: inline-block;
	padding-left: 15px;
	color: #444;
	background: url(/common/img/icon03.png) no-repeat left center;
}

#mailSection {
	padding: 90px 0 70px;
	background-color: #222;
}

#mailSection .mailBox {
	width: 1000px;
	margin: 0 auto;
}

#mailSection .mailBoxInner {
	background: #fff;
	margin-top: 50px;
	padding: 20px;
	border: solid 3px #ccc;
	text-align: center;
}

#serviceSection {
	padding: 90px 0 70px;
	background-color: #222;
}

#serviceSection .serviceBox {
	width: 1000px;
	margin: 0 auto;
}

#serviceSection .comLinkUl {
	width: 1050px;
	margin-right: -50px;
	overflow: hidden;
	zoom: 1;
}

#serviceSection .comLinkUl li {
	margin: 0 50px 20px 0;
	float: left;
}

#serviceSection .comLinkUl li a {
	display: block;
	background-color: #FFF;
}

#serviceSection .comLinkUl li a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#information {
	padding: 87px 0 81px;
	background-color: #000;
}

#information .subBox {
	margin: 0 auto;
	width: 900px;
}

#information .subBox h2 {
	margin-bottom: 30px;
	text-align: center;
}

#information .subBox .informationDl {
	color: red;
	text-align: center;
	margin-bottom: 15px;
}

#information .subBox .informationDl dt, #information .subBox .informationDl dd {
	display: inline-block;
	margin-right: 10px;
}

#information .subBox .informationDl a {
	color: #FFF;
}

#information .subBox .newsDl {
	margin-bottom: 12px;
	height: 228px;
	overflow-y: scroll;
	background-color: #fff;
	border: 1px solid #E2E2E2;
}

#information .subBox .newsDl dl {
	margin: 38px 15px 0 43px;
	font-size: 1.07em;
}

#information .subBox .newsDl dt {
	float: left;
	clear: left;
}

#information .subBox .newsDl dd {
	padding: 0 0 22px 7.7em;
}

#information .subBox .newsDl dd a {
	text-decoration: underline;
}

#information .subBox .newsDl dd a:hover {
	text-decoration: none;
}

#information .detailLink {
	text-align: right;
}

#information .detailLink a {
	padding-left: 15px;
	color: #FFF;
	display: inline-block;
	background: url(../img/icon05.png) no-repeat left 5px;
}

#team {
	padding: 94px 0 165px;
	background: #0F0D06 url(../img/index/bg01.jpg) no-repeat center bottom;
	background-size: cover;
}

#team .subBox {
	margin: 0 auto;
	width: 1000px;
}

#team .subBox h2 {
	margin-bottom: 34px;
	text-align: center;
}

#team .photoList {
	margin: 0 -1px 15px 0;
}

#team .photoList li {
	position: relative;
	margin: 26px 27px 0 0;
	width: 230px;
	float: left;
	background-color: #FFF;
}

#team .photoList li:nth-child(4n) {
	margin-right: 0;
}

#team .photoList li:nth-child(-n+4) {
	margin-top: 0;
}

#team .photoList li a {
	display: block;
}

#team .photoList li a:hover {
	opacity: 0.7;
	background-color: #FFF;
}

#team .photoList li a.photoList_fb {
	position: absolute;
	top: 107px;
	left: 17px;
}

#team .photoList li a.photoList_ig {
	position: absolute;
	top: 162px;
	left: 17px;
}

#team .detailLink {
	margin-bottom: 150px;
	text-align: right;
}

#team .ttlTxt {
	margin-bottom: 16px;
	color: #000;
	font-size: 1.86em;
	font-weight: bold;
}

#team .linkUl li a:hover {
	opacity: 0.7;
}

#topicsSection .topicsUl li a {
	display: block;
	overflow: hidden;
	zoom: 1;
}

#topicsSection .topicsUl li a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#topicsSection .topicsUl li .photo {
	float: left;
}

#topicsSection .topicsUl li .textBox p {
	color: #444;
}

#topicsSection .topicsUl li a:hover .textBox p {
	text-decoration: underline;
}

#topicsSection .link {
	text-align: right;
}

#topicsSection .link a {
	display: inline-block;
	padding-left: 15px;
	color: #444;
	background: url(../img/icon03.png) no-repeat left center;
}

#serviceSection {
	padding: 90px 0 70px;
	background-color: #222;
}

#serviceSection .serviceBox {
	width: 1000px;
	margin: 0 auto;
}

#serviceSection .comLinkUl {
	width: 1050px;
	margin-right: -50px;
	overflow: hidden;
	zoom: 1;
}

#serviceSection .comLinkUl li {
	margin: 0 50px 20px 0;
	float: left;
}

#serviceSection .comLinkUl li a {
	display: block;
	background-color: #FFF;
}

#serviceSection .comLinkUl li a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#information {
	padding: 87px 0 81px;
	background-color: #000;
}

#information .subBox {
	margin: 0 auto;
	width: 900px;
}

#information .subBox h2 {
	margin-bottom: 30px;
	text-align: center;
}

#information .subBox .newsDl {
	margin-bottom: 12px;
	height: 228px;
	overflow-y: scroll;
	background-color: #fff;
	border: 1px solid #E2E2E2;
}

#information .subBox .newsDl dl {
	margin: 38px 15px 0 43px;
	font-size: 1.07em;
}

#information .subBox .newsDl dt {
	float: left;
	clear: left;
}

#information .subBox .newsDl dd {
	padding: 0 0 22px 7.7em;
}

#information .subBox .newsDl dd a {
	text-decoration: underline;
}

#information .subBox .newsDl dd a:hover {
	text-decoration: none;
}

#information .detailLink {
	text-align: right;
}

#information .detailLink a {
	padding-left: 15px;
	color: #FFF;
	display: inline-block;
	background: url(../img/icon05.png) no-repeat left 5px;
}

#team {
	padding: 94px 0 165px;
	background: #0F0D06 url(../img/index/bg01.jpg) no-repeat center bottom;
	background-size: cover;
}

#team .subBox {
	margin: 0 auto;
	width: 1000px;
}

#team .subBox h2 {
	margin-bottom: 34px;
	text-align: center;
}

#team .photoList {
	margin: 0 -1px 15px 0;
}

#team .photoList li {
	margin: 26px 27px 0 0;
	width: 230px;
	float: left;
	background-color: #FFF;
}

#team .photoList li:nth-child(4n) {
	margin-right: 0;
}

#team .photoList li:nth-child(-n+4) {
	margin-top: 0;
}

#team .photoList li a {
	display: block;
}

#team .photoList li a:hover {
	opacity: 0.7;
	background-color: #FFF;
}

#team .detailLink {
	margin-bottom: 150px;
	text-align: right;
}

#team .detailLink a {
	padding-left: 17px;
	color: #FFF;
	font-size: 16px;
	display: inline-block;
	background: url(../img/icon05.png) no-repeat left center;
}

#team .ttlTxt {
	margin-bottom: 16px;
	color: #000;
	font-size: 1.86em;
	font-weight: bold;
}

#team .linkUl {
	width: 750px;
}

#team .linkUl li {
	margin: 10px 10px 0 0;
	width: 290px;
	float: left;
}

#team .linkUl li a:hover {
	opacity: 0.7;
}

/* iPad対応 */

#topicsSection .topicsUl {
	width: 1000px;
	margin-right: 0;
}

#topicsSection .topicsUl li:nth-child(2n) {
	margin-right: 0;
}

#serviceSection .comLinkUl {
	width: 1000px;
	margin-right: 0;
}

#serviceSection .comLinkUl li:nth-child(3n) {
	margin-right: 0;
}

.informTop {
	text-align: center;
	padding: 10px;
	border: solid 3px #333;
	outline: solid 2px #FFF;
	width: 780px;
	margin: 0 auto;
	background: #FFF;
	position: relative;
	top: -25px;
}

.informTop:before {
	content: "";
	position: absolute;
	background: #9e9e9e;
	margin: 3px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 23px;
	width: 758px;
	display: block;
	z-index: -10;
}

.informTop2 {
	text-align: center;
	padding: 10px;
	background: blue;
	color: #FFF;
	width: 780px;
	margin: 0 auto;
	position: relative;
	top: -25px;
}

.informTop2 a {
	color: #FFF;
}

#topicsSection {
	padding-top: 50px;
}

#newsModal {
	text-align: left;
	font-size: 16px;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	position: fixed;
	background: rgba(0, 0, 0, .9);
	top: 0px;
	left: 0px;
	z-index: 99999;
}

#newsInner {
	color: #FFF;
	width: 800px;
	padding-top: 20px;
	margin: auto;
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 20px;
	line-height: 1.75
}

#newsInner .title {
	font-size: 24px;
	margin: 20px 0 15px;
	text-align: center;
	padding-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #DCDCDC;
}

#newsInner .model {
	margin-top: 15px;
	font-weight: bold;
}

.modal_date {
	text-align: right;
	font-size: 13px;
}

#newsInner .modal_close {
	position: absolute;
	right: 0px;
	top: -5px;
	cursor: pointer;
	font-size: 15px;
}

.rsftel {
	display: block;
	border: 1px solid #FFF;
	padding: 3px;
	margin: 5px 0;
	text-align: center;
}

.rsfnote {
	font-size: 11px;
	text-align: right;
	display: block;
}

#newsInner #modal_close_b {
	font-size: 14px;
	text-align: center;
	padding: 10px;
	background: rgba(255, 255, 255, 0.7);
	width: 120px;
	color: #333;
	margin: 20px auto 30px;
	position: static
}

#player a {
	color: #fff;
	font-size: 16px;
	display: block;
	text-align: center;
}

/* トップスライドにオンマウス表現追加 */

.slick-slide {
	position: relative;
}

.topSlidePc {
	display: inline-block;
	position: relative;
}

.topSlidePc::after {
	content: "";
	transition-duration: 0.5s;
	transition-timing-function: ease;
	transition-delay: initial;
	transition-property: all;
	opacity: 0;
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	background: url("https://www.prgr-golf.com/common/img/index/detail.png") 50% 50% no-repeat no-repeat rgba(0, 0, 0, 0.4);
}

.topSlidePc:hover::after {
	opacity: 1;
}

.mainImg .twoColumn .topSlidePc {
	width: 50%;
	height: auto;
}