/* BASIC css start */
#header #headerCon {background: transparent !important;}
#header.headroom--not-top #headerCon {background:#fff !important;}

#container {padding-top:48px !important; }
#container.noTopBanner {padding-top:0px !important;}


.visualSwiper {}
.visualSwiper .swiper-slide {position:relative; }
.visualSwiper .swiper-slide  a {display:inline-block; width:100%}
.visualSwiper .swiper-slide  a img {width:100%; }
.visualSwiper .swiper-button-prev, .visualSwiper .swiper-button-next {position: absolute; margin: 0; top: 50%; transform: translateY(-50%); z-index: 10; width: 64px; height: 64px; display:none;   }
.visualSwiper .swiper-button-prev {left: 4%; background: url("/design/purdygolf/img/icon_prev.svg") no-repeat center/24px auto;}
.visualSwiper .swiper-button-next {right: 4%; background: url("/design/purdygolf/img/icon_next.svg") no-repeat center/24px auto;}
.visualSwiper .video {position:relative; padding-top:177.9%; }
.visualSwiper .video iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }
.visualSwiper .swiper-pagination_box { position:absolute; bottom:18px; left:0; width:100%; z-index: 1; padding:0 18px; box-sizing:border-box; }
.visualSwiper .swiper-pagination { position:static !important;width:100%;  margin:0 auto; text-align:left }
.visualSwiper .swiper-pagination-bullet { width:10px; height: 10px; display: inline-block; border-radius: 100%;  opacity: 1; background: #fff;  margin:0; margin-right:9px; }
.visualSwiper .swiper-pagination-bullet-active { background: #404049;}

#eventBanner {}
#eventBanner .event_list {display:flex;align-items: flex-start;justify-content: flex-start;}
#eventBanner .event_list li {display:inline-block; width:50%; box-sizing:border-box; position:relative; }
#eventBanner .event_list li .img img {width:100%}
#eventBanner .event_list li .txt {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items: center;justify-content: center;flex-direction: column; }
#eventBanner .event_list li .txt .tt { color:#fff;; font-weight:600; font-size:2.2rem; line-height:1; margin-bottom:4px}
#eventBanner .event_list li .txt .des { color:#fff;; font-weight:400; font-size:1.2rem; line-height:1 }
.section {margin:135px 0px;}
.sect_tt {margin-bottom:20px; text-align:center;  }
.sect_tt .tt {font-size:2.4rem; font-weight:700; line-height:1; }
.sect_tt .des {font-size:1.6rem; font-weight:400; line-height:1.5; margin-top:10px; }

.sect_sub_tt { margin-bottom:10px; text-align:center;  }
.sect_sub_tt .tt {font-size:1.9rem; font-weight:700; line-height:1; }


/*
.section .swiper-button-next, .section .swiper-button-prev  {position: absolute;margin: 0;top: 50%;transform: translateY(-50%);z-index: 10;width:50px;height: 50px;font-size:28px !important;box-sizing:border-box;border-radius:100%;align-items: center;justify-content: center; color:#2b2b32;}
.section .swiper-button-next:after, .section .swiper-button-prev:after {font-size:inherit}
.section .swiper-button-prev { left:0}
.section .swiper-button-next {right:0}
*/

.section .swiper-pagination { position:static }
.section .swiper-pagination-bullet { width:10px; height: 10px; display: inline-block; border-radius: 100%;  opacity: 1; background: #bfbfbf;  margin:0; margin-right:9px; }
.section .swiper-pagination-bullet-active { background: #404049;}


.tab_box {display:flex;align-items: center;justify-content: center; padding-bottom:40px}
.tab_box a {box-sizing:border-box;display:flex;justify-content: center;align-items: center;height:24px; border-radius:17px; width:calc(16.66% - 8px); border: 1px solid #2b2b32;margin-right:8px;color:#2b2b32;font-size:1.4rem;}
.tab_box a:last-child {margin-right:0}
.tab_box a.active {background: #2b2b32; color:#fff; }

.tab_con_box {}
.tab_con {display:none; }
.tab_con.active {display:block;; }

#BEST {}
.prod_best_box {margin-bottom:54px;height:320px }
.prod_best_box .prod_list .item .thumb_box {width:100%; }
.prod_best_box .prod_list .item .info_box {margin-top:18px;text-align:center;opacity:0; visibility:hidden;   }
.prod_best_box .prod_list .item .info_box .name {text-align:center; height:auto; margin-bottom:4px;   }
.prod_best_box .prod_list .item .info_box .preview_box {display:none;align-items: center;justify-content: center; opacity:0;   }
.prod_best_box .prod_list .item .info_box .preview_box a  {width:auto; }
.prod_best_box .prod_list .item .info_box .etc {width:100%; margin-bottom:10px; text-align:center; height:auto;   }
.prod_best_box .prod_list .item .info_box .price_box  {width:100%; text-align:center; font-weight:400 }
.prod_best_box .prod_list .item .info_box .price_box .price { font-weight:400}

.prod_best_box .prod_list .swiper-slide .item {transition: width .3s ease, transform .3s ease;width: calc(100% - 37px);margin:0 auto;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;}
.prod_best_box .prod_list .swiper-slide .item .thumb_box a { position:relative; }
.prod_best_box .prod_list .swiper-slide .item .thumb_box a:after {content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; top:0; left:0; opacity:0; }
.prod_best_box .prod_list .swiper-slide.swiper-slide-next .item {transform: translateX(calc(-13% + 22.5px));}
.prod_best_box .prod_list .swiper-slide.swiper-slide-prev .item {transform: translateX(calc(13% - 22.5px));}
.prod_best_box .prod_list .swiper-slide.swiper-slide-active .item  {transform: translateX(0); width:100%}
.prod_best_box .prod_list .swiper-slide.swiper-slide-active .item .info_box {position:absolute; bottom:0; left:0; width:100%; padding-bottom:20px; opacity:0 }
.prod_best_box .prod_list .swiper-slide.swiper-slide-active .item .info_box * {color:#fff; }
.prod_best_box .prod_list .swiper-slide .item.on .preview_box { margin-bottom:16px; display:flex; opacity:1;  transition: opacity .3s ease .3s;}
.prod_best_box .prod_list .swiper-slide .item.on .preview_box a {display:block; margin-right:10px; }
.prod_best_box .prod_list .swiper-slide .item.on .preview_box a:last-child {margin-right:0}
.prod_best_box .prod_list .swiper-slide .item.on .preview_box a img {width:22px}
.prod_best_box .prod_list .swiper-slide .item.on .thumb_box a:after, .prod_best_box .prod_list .swiper-slide.swiper-slide-active .item.on .info_box {opacity:1; transition: opacity .3s ease .3s;}
.prod_best_box .prod_list .swiper-slide .item.on .info_box {padding:0 10px 10px; box-sizing:border-box; opacity:1; visibility:visible; transition: opacity .3s ease .3s }

.prod_btn {display:flex; align-items: center;justify-content: center;}
.prod_btn .more {display:flex; align-items: center;justify-content: center;border-radius: 17px; height:30px;box-sizing:border-box;font-size:1.6rem; color:#fff;background:#2b2b32;width: 194px;}

#STYLE {box-sizing:border-box; padding:45px 32px; background:#f5f5f5}
#STYLE .style_con_box { }
#STYLE .style_con_box .style_img_box { box-sizing:border-box; margin-bottom:32px;  }
#STYLE .style_con_box .style_img_box a {display:block; position:relative; }
#STYLE .style_con_box .style_img_box .img img {width:100%}
#STYLE .style_con_box .style_img_box .txt {width:100%;box-sizing:border-box;}
#STYLE .style_con_box .style_img_box .txt span {color: #fff;font-size: 24px;line-height:1}
#STYLE .style_con_box .style_img_box .txt span.per {width: 60px;height: 60px;border-radius:100%;display:flex;background:#322f2f;align-items: center;justify-content: center;font-size: 2.4rem;font-weight: 600;margin-right:26px; position:absolute; top:20px; left:20px; }
#STYLE .style_con_box .style_img_box .txt .info {position:absolute; bottom:0px; left:0;  padding:25px 10px; text-align:center; width:100%; box-sizing:border-box;}
#STYLE .style_con_box .style_img_box .txt span.name {display:block; margin-bottom:10px; font-weight:600; font-size:2.4rem;word-wrap:break-word; word-break:keep-all; line-height:1.2 }
#STYLE .style_con_box .style_img_box .txt span.dcPrice {margin-right:6px;text-decoration: line-through;}
#STYLE .style_con_box .style_img_box .txt span.price { font-size:2.0rem; font-weight:600}



#STYLE .style_con_box .style_prod_box { box-sizing:border-box;   }
#STYLE .style_con_box .style_prod_box .prod_list .item_box {width:100%; margin:0 0 20px; }
#STYLE .style_con_box .style_prod_box .prod_list .item_box .item {display: flex; justify-content: flex-start; align-items: center;}
#STYLE .style_con_box .style_prod_box .prod_list .item_box .item .thumb_box {width:100px; }
#STYLE .style_con_box .style_prod_box .prod_list .item_box .item .info_box {width:calc(100% - 100px);box-sizing:border-box;padding-left:20px;text-align: right;}
#STYLE .style_con_box .style_prod_box .prod_list .item_box .item .info_box .topArea {justify-content: flex-end;margin: 0 0 10px;}
#STYLE .style_con_box .style_prod_box .prod_list .item_box .item .info_box .right_box {display:none; } 
#STYLE .style_con_box .style_prod_box .prod_list .item_box .item .info_box .name {text-align:right; line-height:1.2}
#STYLE .style_con_box .style_prod_box .prod_list .item_box .item .info_box .etc  {display:none; }

#midBanner { position:relative; }
#midBanner .txtArea { position:relative;}
#midBanner .txtArea a {display:block; }
#midBanner .txtArea .img { }
#midBanner .txtArea .txt {position:absolute;top:0;left:0;width:100%;height:100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;box-sizing: border-box;padding: 0 20px;}
#midBanner .txtArea a .txt .des {font-size: 1.3rem;color:#fff;font-weight:100;line-height: 1.2;margin-bottom: 14px;} 
#midBanner .txtArea a .txt .tt {font-size: 3rem;color:#fff;font-weight:600;margin-bottom: 20px;line-height: 1;} 
#midBanner .txtArea a .txt .btn {display:flex;width: 100px;height: 24px;box-sizing:border-box;border:1px solid #fff;align-items: center;justify-content: center;color:#fff;font-weight:400;font-size: 1.2rem;}

#midBanner .videoArea { position:relative; padding-top: 56.25%;}
#midBanner .videoArea iframe {position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }


#fixBanner { height:300px; position:relative; }
#fixBanner .txtArea {position: absolute; top: 0; left: 0; width: 100%; height: 100%; clip: rect(0, auto, auto, 0);}
#fixBanner .txtArea a {display:block; }
#fixBanner .txtArea .img {position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100%; background-size: cover; background-position: center center; transform: translateZ(0); will-change: transform;}
#fixBanner .txtArea .txt {position:absolute;top:0;left:0;width:100%;height:100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;box-sizing: border-box;padding: 0 20px;}
#fixBanner .txtArea a .txt .des {font-size: 2.0rem;color:#fff;font-weight:100;line-height: 1.2;margin-bottom: 14px;} 
#fixBanner .txtArea a .txt .tt {font-size: 4.5rem; color:#fff;font-weight:600;margin-bottom: 20px;line-height: 1;} 
#fixBanner .txtArea a .txt .btn {display:flex;width: 100px;height: 24px;box-sizing:border-box;border:1px solid #fff;align-items: center;justify-content: center;color:#fff;font-weight:400;font-size: 1.2rem;}


#btmBanner .img img {width:100%}
#btmBanner .txtArea a { display:block;  position:relative; }
#btmBanner .txtArea a .txt  { position:absolute; top:0; left:0; width:100%; height:100%; display:flex;flex-direction: column;align-items:center;justify-content: center; }
#btmBanner .txtArea a .txt .des {font-size: 2.0rem; color:#fff; font-weight:100; line-height:1.1; margin-bottom:5px; text-align:right } 
#btmBanner .txtArea a .txt .tt {font-size: 4.5rem; color:#fff; font-weight:600; margin-bottom:20px; text-align:center; line-height:1.1;  } 
#btmBanner .txtArea a .txt .btn {display:flex;width: 104px;height: 35px;box-sizing:border-box;border:1px solid #fff;align-items: center;justify-content: center; color:#fff; font-weight:400; font-size:16px; }



/* Æ˾÷ */
.main_popUp_box { position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding:12%; background: rgba(0,0,0,0.75); z-index: 9999; box-sizing:border-box;  display: none;}
.main_popUp_wrap { display:flex; flex-direction: column; justify-content: center; align-items: center;width: 100%; max-width:400px; height: 100%; overflow:hidden } 
.main_popUp_con { display:block; width:100%; position:relative; }
.main_popUp_con .swiper-slide a {display:inline-block; width:100%; height:100%; }
.main_popUp_con .swiper-slide img {width:100%}
.main_popUp_con .swiper-pagination {bottom:0px}
.main_popUp_con .swiper-pagination .swiper-pagination-bullet-active { background:#000}
.main_popUp_btn { display:block; width:100%}
.main_popUp_btn .btn_close {display: block; font-size: 1.2rem; letter-spacing: 5px; text-align: center; width:100%; height: 40px; line-height: 40px; color: #fff; margin: 10px 0 0 0; border: 1px solid #fff;}
.main_popUp_btn .btn_today_close {text-align: right; color: #949494; display: block; margin-top:20px; ; font-size: 1.3rem;}
.main_popUp_btn .btn_today_close input[type="checkbox"] {margin-right:4px}
.main_popUp_btn .btn_today_close label { color: #949494;}




.bounce_main_popup_box { position: fixed; bottom: -100%; left: 0;  width: 100%; transition: all 0.3s; z-index:9999999999999}
.bounce_main_popup_box.show { bottom: 20px; animation: bounce 0.8s ease-out forwards; }
.bounce_main_popup_box .main_popup_inner { margin: 0 auto; text-align: center; position: relative; box-sizing: border-box; width:100%; }
.bounce_main_popup_box #today_close {display: flex;align-items: center;justify-content: center;position: absolute;top: 6px;right:17px;background: #fff;border-radius: 100%;padding: 4px;width: 24px;height: 24px;border:none;z-index: 10;}
.bounce_main_popup_box #today_close span {visibility:visible}
.bounce_main_popup_box .main_popup_txt {}
.bounce_main_popup_box .main_popup_txt a {display:block; width:95%; margin:0 auto; }
.bounce_main_popup_box .main_popup_txt a img { width: 100%; border-radius:10px }


@keyframes bounce {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}
	50% {
		transform: translateY(-15%);
		opacity: 1;
	}
	70% {
		transform: translateY(5%);
	}
	90% {
		transform: translateY(-5%);
	}
	100% {
		transform: translateY(0);
	}
}






/* BASIC css end */