@charset "utf-8";

/* setting
-------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, a, section{
	box-sizing:border-box;
}
/*body{
	font-size: 96%;
	line-height: 1.8;
	color:#4e472b;
}*/
img{
	max-width: 100%;
	height:auto;
	vertical-align:bottom;
}
.clear:after{
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#contents a:link,
#contents a:visited,
#contents a:hover,
#contents a:active{
	color:#4e472b;
}
a:hover{
	text-decoration:none;
}
.hover a:hover{
	opacity: .8;
}
/* common
-------------------------------------*/
#wraps{
	overflow:hidden;
}
#pageTop{
	clear:both;
	position: fixed;
	bottom: 20px;
	right: 20px;
	text-align: center;
}
#pageTop a{
	display: block;
	border-radius: 30px;
	width: 60px;
	padding: 30% 0;
	font-size: 100%;
	color: #fff;
	background: #c0c0c0;
	opacity: 0.8;
	line-height: 150%;
}
.floatR{
	float:right;
}
.floatL{
	float:left;
}
.thumbs{
	text-align:center;
}
.desc .first-desc{
	margin: 1.2em 0 0;
}
.desc{
	margin: 2%;
}
.bold{
	font-weight: bold;
}
.small{
	font-size: 70%;
	font-weight: normal;
}


/*==========================================
sp
===========================================*/
header .pc_bg_01{
	background: #fff url(/event/compe/2025_vivid_golf_cup_vol.4_report/img/sp_mainvisual.webp) no-repeat 50% 0;
    background-size:contain;
    margin: 0 1em 1.5em;
}
.pc{
	display:none;
}

/*unit*/
.unit{
    font-size: 110%;
    line-height: 1.8;
    color: #4e472b;
}
.unit_inner{
	padding-top: 0;
	margin: 0 1% 4% 2%;
	text-align: left;
}
.unit_inner.end{
	padding-top: 0;
	margin: 0 2% 0;
	text-align: left;
}
.unit:first-child{
    background: #fff;
}
/*report*/
#report .unit01{
    background: #edf9ff;
	margin-top: -30px;
    padding: 10% 0 24% 0;
}
#report .unit01.end{
    background: #edf9ff;
	margin-top: -30px;
    padding: 10% 0 8% 0;
}
#report .unit02{
    background: #FFF;
	margin-top: -30px;
    padding: 10% 2% 4% 0;
}
#report .heading{
	text-align: center;
	margin: 0 0 4%;
	font-size: 140%;
	color: #4e472b;
	font-weight: bold;
	padding: 2em 0 0;
	line-height: 1.7;
}
#report .heading.bg.fast{
    background: transparent url(/event/compe/2025_vivid_golf_cup_vol.4_report/img/h_sp_bg_01.webp) no-repeat 50% top;
    background-size: 100%;
    min-height: 112px;
	line-height: 1.4;
    margin: 10vw 0 0;
    padding: 24vw 0 0;
}
#report .heading_01.bg{
    background: transparent url(/event/compe/2025_vivid_golf_cup_vol.4_report/img/h_sp_bg_01.webp) no-repeat 50% top;
    background-size: 100%;
    min-height: 112px;
    margin:  -6em 0 0;
    padding: 24vw 0 0;
}
#report .heading_02.bg{
    background: transparent url(/event/compe/2025_vivid_golf_cup_vol.4_report/img/h_sp_bg_02.webp) no-repeat 50% top;
    background-size: 100%;
    min-height: 112px;
    margin:  -6em 0 0;
	/*margin: -220px 0 -30px;*/
    padding: 24vw 0 0;
}

span{
	display: block;
	line-height: 1.5em;
}

/*gallary*/
.photo{
	text-align: center;
	margin: 0 0 2%;
}
.photo img{
	margin:0 0 2%;
	max-width: 100%;
}
.photo span{
	display:inline-block;
}
.gallary ul{
	width: 100%;
	margin: 0 auto;
	padding: 0 2vw 40vw 4vw;
}
.gallary2 ul{
	width: 100%;
	margin: 0 auto;
	padding: 0 4vw 20vw 4vw;
}
.gallary3 ul{
	padding: 1em 1em 1em .5em;
	width: 100%;
}
.gallary ul li{
	float:left;
	width: 100%;
	margin: 0 0 2px;
}
.gallary.gallary ul li:nth-child(4n){
	margin: 0;
}
.gallary{
	margin: 2em 0 0;
}

/*slide_outer*/
.slick-dots li button:before{
    content: "●";
}
.slick-next:before,.slick-prev:before{
	content: '';
}
.slide_outer{
    margin: 0 0 3%;
    background: transparent url(/event/compe/2025_vivid_golf_cup_vol.4_report/img/bg_sp_slide.png) no-repeat top center;
    padding: 2.5em 0 0;
    min-height: 310px;
    background-size: 100%;
}
.slick-slide img{
	width: 85%;
    margin: 0 auto;
    border: solid 1px #4e472b;
    padding: 4px;
    background-color: #fff;
}
.slick-slide.vertical img{
	width: 50%;
}

/*==========================================
タブレット用（画面サイズ768px以上～）
===========================================*/

@media only screen and (min-width: 768px) {
.pc{
	display:block;
}
.sp{
	display:none;
}
#contents{
	width: 100%;
}   
.unit{
    margin: 0 auto;
    width: 100%;
}
.unit_inner{
	padding: 0 0 2%;
}
.unit_inner.end{
	padding: 0 0 0 2%;
}
#report .unit01{
	padding: 6% 2% 34% 0;
}
#report .unit01.end{
	padding: 4% 2% 4% 0;
}
#report .unit02{
	padding: 4% 2% 4% 0;
}
#report .heading{
	font-size: 1.6em;
    line-height: 3;
}
#report .heading_01.bg{
    background: transparent url(/event/compe/2025_vivid_golf_cup_vol.4_report/img/h_sp_bg_01.webp) no-repeat 50% top;
    background-size: 100%;
    min-height: 112px;
    margin:  -6em 0 0;
    padding: 24vw 0 0;
}
#report .heading.bg.fast{
    background: transparent url(/event/compe/2025_vivid_golf_cup_vol.4_report/img/h_sp_bg_01.webp) no-repeat 50% top;
    background-size: cover;
    min-height: 140px;
    margin: 0;
    padding: 160px 0 0;
}
#report .heading.bg{
    background: transparent url(/event/compe/2025_vivid_golf_cup_vol.4_report/img/h_sp_bg_01.webp) no-repeat 50% top;
    background-size: cover;
    min-height: 140px;
    margin: 50px 0 0;
    padding: 160px 0 0;
}
#report .heading_02.bg{
    background: transparent url(/event/compe/2025_vivid_golf_cup_vol.4_report/img/h_sp_bg_02.webp) no-repeat 50% top;
    background-size: cover;
    min-height: 140px;
    margin: -180px 0 0;
}
/*rec*/
#rec .unit_inner{
    padding: 8% 3% 10%;        
}    
#rec .heading.bg{
    background: transparent url(/event/compe/2025_vivid_golf_cup_vol.4_report/img/h_pc_bg_rec.png) no-repeat 50% bottom;
    background-size: cover;
    min-height: 145px;
}
/*desc*/  
.desc {
    margin: 2% 0 0;
}	
/*gallary*/
.photo img{
	margin:0 auto 1%;
	width: 50%;
}
/*.gallary ul{
	margin-top: -1.5%;
    background:
    url(/event/compe/2022_ladies_golffestival_report/img/bg_pc_garally_a.png) center top no-repeat,
    url(/event/compe/2022_ladies_golffestival_report/img/bg_pc_garally_b.png) center bottom no-repeat;
    background-size: 100%;
    padding: 2.5em;
}*/
.gallary ul li{
	float:left;
	width: 100%;
	margin: 0 2px 3px 1px;
}
.gallary2 ul li{
	float:left;
	width: 100%;
	margin: 0 2px 3px 1px;
}
.gallary ul li:nth-child(3n){
	margin: 1px 0;
}
.gallary ul li:nth-child(4n){
	margin: 1px 0 0 4px!important;
}
.gallary ul li:nth-child(6n){
	margin: 2px 0 0 2px;
}
.gallary{
    padding: 0;
}
.gallary2{
    padding: 0;
}
.gallary ul{
	width: 100%;
	margin-left: 1%;
	padding: 0;
	text-align: center;
}	
.gallary2 ul{
	width: 100%;
	margin-left: 1%;
	padding: 0;
	text-align: center;
}
.gallary3 ul{
	padding: 3em 0 2em;
	width: 100%;
}	
/*slick slide調整*/
.slick-dots li button:before{
	line-height: 50px;
}
/*slide*/
.slide_outer{
	background: transparent url(/event/compe/2025_vivid_golf_cup_vol.4_report/img/bg_pc_slide.png) no-repeat top center;
    padding: 3em 0 0;
    min-height: 451px;
	margin: 3% 0 5%;
	background-size: 100%;
}
.slick-slide img{
	width: 75%;
}
.slick-slide.vertical img{
	width: 45%;
}
/*site-location*/   
.site-location{
    margin: 0 0 5% 3%;
}
}

/*==========================================
スマホ横向き用（画面サイズ426px以上～）
===========================================*/
@media only screen and (min-width: 426px) {
	.slide .item_wrapper li a > span {
		font-size: 90%;
	}
	
}


/*==========================================
PC用（画面サイズ992px以上～））
===========================================*/
@media only screen and (min-width: 992px) {
.unit_inner{
	padding: 4% 0 0;
	margin: 0 auto;
	width: 750px;
	text-align: left;
}
.unit_inner.end{
	padding: 2% 0 4%;
	margin: 0 auto;
	width: 750px;
	text-align: left;
}
#report .unit01{
	padding: 0 0 6%;
}
#report .unit01.end{
    background: #edf9ff;
	margin-top: -30px;
    padding: 0 0 8% 0;
}	
#report .unit02{
	padding: 0 0 4%;
}
#report .heading.bg.fast{
	background: transparent url(/event/compe/2025_vivid_golf_cup_vol.4_report/img/h_pc_bg_01.webp) no-repeat 50% top;
    min-height: 210px;
    margin: 0;
    padding: 7em 0 0;
}
#report .heading.bg{
	background: transparent url(/event/compe/2025_vivid_golf_cup_vol.4_report/img/h_pc_bg_01.webp) no-repeat 50% top;
    min-height: 210px;
    margin: -16% 0 0;
    padding: 6em 0 0;
}
#report .heading_02.bg{
	background: transparent url(/event/compe/2025_vivid_golf_cup_vol.4_report/img/h_pc_bg_02.webp) no-repeat 50% top;
    min-height: 210px;
    margin: -18% 0 0;
    padding: 6em 0 0;        
}

/*site-location*/   
.site-location{
    margin: 0 auto 3%;
    width: 960px;
}
/*desc*/  
.desc {
    margin: 2% 0 0;
}
/*garally*/
.photo{
	margin: 0;
}
.gallary ul{
    padding: 2em 0 3em 0;
}
.gallary2 ul{
    padding: 2em 0 3em 0;
}
.gallary{
    padding: 0;
}
.gallary2{
    padding: 0;
}
.gallary3 ul{
	padding: 0;
	width: 100%;
	margin: 4% auto;
	text-align: center;
}
.gallary ul li{
	float:left;
	width: 100%;
	margin: 0 2px 1px 0;
	text-align:center;
}
.gallary ul li{
	float:left;
	width: 100%;
	margin: 0 2px 1px 0;
	text-align:center;
}
.gallary ul li:nth-child(3n){
	margin: 1px 0;
}
.gallary ul li:nth-child(4n){
	margin: 1px 0 0 2px!important;
}
.gallary ul li:nth-child(6n){
	margin: 2px 0 0 2px;
}
}

/*==========================================
header
===========================================*/
header .banner{
    margin: 2em .5em 2em;
    padding: 0 0 6em;
}
/*タブレット用（画面サイズ768px以上～）*/
@media only screen and (min-width: 768px) {
header .banner{
    margin: 2em 0;
    padding: 0 0 7em;
}
header .banner img{
    margin: 0 auto;
}
header .pc_bg_01{
	background: #fff url(/event/compe/2025_vivid_golf_cup_vol.4_report/img/mainvisual.webp) no-repeat 50% 0;
    height: 374px;
    background-size: contain;
	margin-bottom: 2%;
}
}

/*PC用（画面サイズ992px以上～）*/
@media only screen and (min-width: 1199px) {
header .banner{
    margin: 2em 0.5em 2em;
    padding: 0 0 6em;
}
header .pc_bg_01{
	background: #fff url(/event/compe/2025_vivid_golf_cup_vol.4_report/img/mainvisual.webp) no-repeat 50% 0;
    height: 360px;
    background-size:contain;
    margin-bottom: 40px;
}
}

/*==========================================
aside
===========================================*/
aside{
	background:#f6e4fd;
}
aside .btns{
	margin: 15% 0 0;
}
aside .btns li{
	margin: 4% 0 0;
	text-align: center;
}
aside .btns li:first-child{
	margin-top: 0;
}
aside .banner li{
    background: #fff;
    margin: 4% 2% 0 0;
    width: 49%;
    float: left;
}
aside .banner li:nth-child(even){
    margin: 4% 0 0;
}
aside .banner li:nth-child(1),aside .banner li:nth-child(2){
	margin-top: 0;
}
aside .banner li dl{
    padding: .8em;
}
aside .banner li dl dt{
    text-align: center;
	font-size: 120%;
    margin: 0 0 .5em;
    line-height: 1;
}
aside .banner li dl dt .small{
    color: lightgray;
}
aside .banner li dl dd{
    line-height: 1.6;
}
aside .banner li dl dd.desc{
    height: 6.25em;
}
aside .banner li dl dd.link{
    color: #fff;
    margin: .5em 0 0;
    border-radius: 3px;
    display: inline-block;
    padding: .1em .8em .2em;
    float: right;
    background: purple;
}

/*タブレット用（画面サイズ768px以上～）*/
@media only screen and (min-width: 768px) {
aside .banner li{
    margin: 4% 1.2% 0 0;
    width: 24%;
}
aside .banner li:nth-child(even){
    margin: 4% 1.5% 0 0;
}
aside .banner li:nth-child(-n+4){
	margin-top: 0;
}
aside .banner li:nth-child(4n){
    margin: 4% 0 0 0;
}
aside .banner li:nth-child(4){
    margin: 0;
}
aside .btns {
    margin: 8% 0 0;
}
aside .btns li img{
    margin: 0 auto;
}
aside .btns li {
    margin: 3% 0 0;
}
}

/*PC用（画面サイズ992px以上～）*/
@media only screen and (min-width: 992px) {
aside .banner li dl{
    padding: .8em 1em;
}
.gallary ul{
	width: 100%;
	margin: 0 auto;
	padding: 0 0 18%;
	text-align: center;
}
.gallary2 ul{
	width: 100%;
	margin: 0 auto;
	padding: 3% 0 18%;
	text-align: center;
}
}



/*==========================================
links
===========================================*/
#contents .links{
	text-align:center;
	margin:5% 0 0;
}
#contents .links:first-child{
	margin-top:0;
}
#contents .links a{
	display:block;
	border-radius:8px;
	padding:4% 6%;
	background-color:#453828;
	color:#fff;
	box-shadow: 0 4px #ddd;
	width: 80%;
	margin: 0 auto;
}
#contents a.linked:link,
#contents a.linked:visited,
#contents a.linked:hover,
#contents a.linked:active{
	color:darkblue;
}
#contents .links.official a{
	border: 1px solid #967737;
	background-color: #fff;
	color: #967737;
	box-shadow: none;
}

/*タブレット・PC用（画面サイズ768px以上～）*/
@media only screen and (min-width: 768px) {
#contents .links:first-child{
	margin-top:0;
}
#contents .links a{
	padding:20px 60px;
	font-weight: bold;
	font-size: 110%;
}
#contents .links a:hover{
	opacity: .8;
}
}