@charset "UTF-8";
/* =============================================
                    CONTENTS
============================================= */
/* contents */
section .inner > h2{ font-weight: 700; color: #000; line-height: 1.6; text-align: center;}
section .inner > h2 span{ display: block;}
.swiper-slide-duplicate{ box-shadow: none !important;}
.swiper-button-next,.swiper-button-prev{ background: #000; color: #fff; border: 1px solid #fff;}
.swiper-pagination{ bottom: 0 !important;}
.swiper-pagination-bullet{ background: #444; opacity: 1;}
.swiper-pagination-bullet-active{ background: #d04848;}
#main .swiper-button-next,#main .swiper-button-prev{ background: none; color: #fff; border: none;}
#main .swiper-slide{ background-color: #fff;}
#feature{ background: #eee url(/special/discover/taylormade/asset/img/bg-stripe.png) left top repeat;}
#feature .bnr-area{ background: #fff; position: absolute; z-index: 20;}
#product{ background: #ccc url(/special/discover/taylormade/asset/img/bg-stripe.png) left top repeat;}
#product .read{ font-weight: 700; text-align: center;}
#news{ background: #222;}
#news h2{ color: #fff;}
.feature-list .swiper-slide{ background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); border-radius: 6px; height: auto;}
.feature-list .swiper-slide a{ color: #fff; text-decoration: none; display: block;}
.feature-list .swiper-slide a .img{ border-radius: 6px 6px 0 0; overflow: hidden;}
.feature-list .swiper-slide a .detail h3{ color: #000; line-height: 1.8;}
.feature-list .swiper-slide a .detail .data span{ color: #fff; display: inline-block; padding: 4px 6px; margin-right: 8px;}
.feature-list .swiper-slide a .detail .data span.special{ background: #b28b33;}
.feature-list .swiper-slide a .detail .data span.column{ background: #5e9283;}
.feature-list .swiper-slide a .detail .data span.campaign{ background: #0071BE;}
.product-box li{ background: #fff;}
.product-box li h3{ background: #ccc url(/special/discover/taylormade/asset/img/bg-stripe.png) left top repeat; font-weight: 700; text-align: center;}
.product-box li .bg{ position: relative;}
.product-list .swiper-slide{ background: #222;box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); border-radius: 6px; height: auto;}
.product-list .swiper-slide a{ color: #fff; text-decoration: none; display: block;}
.product-list .swiper-slide a .img{ background: #fff; border-radius: 6px; overflow: hidden;}
.product-list .swiper-slide a .img img{ margin: 0 auto; display: block;}
.product-list .swiper-slide a .detail{ height: 100%; text-align: center;}
.product-list .swiper-slide a .detail h4{ line-height: 1.8;}
.product-list .swiper-slide a .detail .price{ text-align: right;}
.news-list .swiper-slide{ background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); border-radius: 6px; height: auto;}
.news-list .swiper-slide a{ color: #000; text-decoration: none; display: block;}
.news-list .swiper-slide a .img{ border-radius: 6px 6px 0 0; overflow: hidden;}
.news-list .swiper-slide a .detail h3{ color: #000; line-height: 1.8;}
.news-list .swiper-slide a .detail .data span{ color: #fff; display: inline-block; padding: 4px 6px; margin-right: 8px;}
.news-box{ background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); border-radius: 6px;}
.news-box ul li:last-of-type{ border: none;}
.news-box ul li a{ color: #000; text-decoration: none; display: block;}
.news-box ul li a h3{ color: #000; line-height: 1.8;}
.btn-arrow a{ background: #d04848; font-weight: 700; color: #fff; text-align: center; text-decoration: none; box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.4); display: block; position: relative;}
.btn-arrow.shop-gdo a{ background: #0071BE;}

.btn-arrow a::after{ content: ""; border-top: 2px solid #fff; border-right: 2px solid #fff; width: 8px; height: 8px; transform: rotate(45deg); position: absolute; right: 30px; top: 50%; margin-top: -6px;}
.btn-box{ text-align: center;}
.btn-box p{ font-weight: 700;}
.btn-list{ display: flex;}
.btn-list li:first-of-type a{ background: #4892d0; font-weight: 700; color: #fff; text-align: center; text-decoration: none; box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.4); display: block; position: relative;}
.btn-list li:last-of-type a{ background: #d0486e; font-weight: 700; color: #fff; text-align: center; text-decoration: none; box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.4); display: block; position: relative;}
.btn-list li a::after{ content: ""; border-top: 2px solid #fff; border-right: 2px solid #fff; width: 8px; height: 8px; transform: rotate(45deg); position: absolute; right: 30px; top: 50%; margin-top: -6px;}
.btn-open span{ background: #d0486e; font-weight: 700; color: #fff; text-align: center; text-decoration: none; box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.4); display: block; position: relative; cursor: pointer;}
.btn-open span::after{ content: ""; border-top: 2px solid #fff; border-right: 2px solid #fff; width: 8px; height: 8px; transform: rotate(135deg); position: absolute; right: 30px; top: 50%; margin-top: -6px;}
.btn-open.ac span::after{ transform: rotate(-45deg);}
.btn-blank a{ font-weight: 700; color: #fff; text-align: center; text-decoration: none; box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.4); display: block; position: relative;}
.btn-blank a::before,
.btn-blank a::after{ content: ""; background: #009944; border: 1px solid #fff; width: 9px; height: 9px; position: absolute;}
.btn-blank a::before{ top: 5px; right: 32px;}
.btn-blank a::after{ top: 3px; right: 30px;}

/* #sub-page */
#sub-page.feature .feature-list .swiper-wrapper{ display: flex; flex-wrap: wrap;}
/* #sub-page .feature-list .swiper-wrapper :nth-child(n+10){ display: none;} */

/* ==== PC ===== */
@media screen and (min-width: 768px){
/* contents */

section{ padding-top: 50px;}
section .bg{ padding: 55px 0 80px;}
section .inner{ width: 1080px; margin: 0 auto; position: relative;}
section .inner > h2{ font-size: 40px; margin-bottom: 35px;}
section .inner > h2 span{ font-size: 18px;}
.swiper.slider02{ padding: 0 26px 26px; margin: 0 -26px;}
.swiper-button-next,.swiper-button-prev{ width: 60px; height: 60px; top: calc(50% - 30px);}
.swiper-button-next:after,.swiper-button-prev:after{ font-size: 28px;}
.swiper-button-next{ right: 0;}
.swiper-button-prev{ left: 0;}
.swiper-pagination-bullet{ width: 30px; height: 5px; border-radius: 0;}
#feature > .bg{ background: #fff;}
#feature .bnr-area{ padding: 10px 10px 0; top: -145px; left: 120px;}
#product > .bg{ background: #eee;}
#product .read{ font-size: 24px; margin-bottom: 50px;}

#news{ padding: 55px 0 80px;}
.feature-list .swiper-slide:hover{ box-shadow: none; opacity: 0.8;}
.feature-list .swiper-slide a .img{ width: 340px; height: 210px;}
.feature-list .swiper-slide a .img img{ width: 100%; margin-top: -8px;}
.feature-list .swiper-slide a .detail{ padding: 10px 20px 20px;}
.feature-list .swiper-slide a .detail .data{ font-size: 14px; color: #666; margin-top: 10px;}
.product-box{ display: flex;}
.product-box li{ width: 490px;}
.product-box li:first-of-type{ margin-right: auto;}
.product-box li h3{ font-size: 24px; padding: 18px 0;}
.product-box li .bg{ padding: 30px 0 40px;}
.product-box .swiper-button-next{ right: -30px;}
.product-box .swiper-button-prev{ left: -30px;}
.product-list{ width: 360px; padding: 10px;}
.product-list .swiper-slide:hover{ box-shadow: none; opacity: 0.8;}
.product-list .swiper-slide a .img{ width: 340px; height: auto;}

.product-list .swiper-slide a .img img{ width: 100%;}

.product-list .swiper-slide a .detail{ padding: 15px 20px 20px; min-height: 60px;}
.product-list .swiper-slide a .detail .price{ font-size: 14px; margin-top: 10px;}
.product-list .swiper-slide a .detail .price span{ font-size: 12px;}
.news-list{ margin-bottom: 40px;}
.news-list .swiper-slide:hover{ box-shadow: none; opacity: 0.8;}
.news-list .swiper-slide a .img{ width: 340px; height: 210px;}
.news-list .swiper-slide a .img img{ width: 100%; margin-top: -8px;}
.news-list .swiper-slide a .detail{ padding: 10px 20px 20px;}
.news-list .swiper-slide a .detail .data{ font-size: 14px; color: #666; margin-top: 10px;}
.news-box{ padding: 10px 0;}
.news-box ul li{ border-bottom: 1px solid #eee;}
.news-box ul li a{ display: block; padding: 20px 30px;}
.news-box ul li a .data{ font-size: 14px; color: #666; margin-top: 10px;}
.btn-arrow{ width: 400px; margin: 40px auto 0;}
.btn-arrow a{ font-size: 22px; padding: 20px 0 24px; border-radius: 35px;}
.btn-arrow a:hover{ box-shadow: none;}
.btn-box{ margin-top: 15px;}
.btn-box p{ font-size: 24px;}
.btn-box .btn-arrow{ margin-top: 15px;}
.btn-list{ width: 400px; margin: 0 auto;}
.btn-list li{ width: 190px; margin: 15px auto 0;}
.btn-list li a{ font-size: 22px; padding: 20px 0 24px; border-radius: 35px;}
.btn-list li a:hover{ box-shadow: none;}
.btn-open{ width: 400px; margin: 40px auto 0;}
.btn-open span{ font-size: 22px; padding: 20px 0 24px; border-radius: 35px; transition: .4s;}
.btn-open span:hover{ opacity: 0.8; box-shadow: none;}
.btn-blank{ width: 520px; margin: 40px auto 0;}
.btn-blank a{ font-size: 22px; padding: 20px 0 24px; border-radius: 35px;}
.btn-blank a::before{ top: 25px;}
.btn-blank a::after{ top: 23px;}
.btn-blank a:hover{ box-shadow: none;}

/* #top-page */
#top-page #main .swiper img{ width: 100%;}
/* #sub-page */
#sub-page.feature .feature-list .swiper-wrapper .swiper-slide{ width: 340px; margin: 0 30px 30px 0;}
#sub-page.feature .feature-list .swiper-wrapper .swiper-slide:nth-of-type(3n){ margin-right: 0;}
#sub-page.feature #feature .btn{ margin-top: 10px;}

}

/* ==== SP ===== */
@media screen and (max-width: 767px){
/* contents */
section{ padding-top: 30px;}
section .bg{ padding: 30px 0 60px;}
section .inner{ position: relative;}
section .inner > h2{ font-size: 32px; margin-bottom: 25px;}
section .inner > h2 span{ font-size: 12px;}
.swiper.slider02,
.swiper.slider05{ padding-bottom: 26px;}
.swiper-button-next,.swiper-button-prev{ width: 40px; height: 40px; margin-top: -15px;}
.swiper-button-next:after,.swiper-button-prev:after{ font-size: 20px;}
.swiper-button-next{ right: 30px;}
.swiper-button-prev{ left: 30px;}
.swiper-pagination-bullet{ width: 20px; height: 5px; border-radius: 0;}
#main .swiper-button-next{ right: 0;}
#main .swiper-button-prev{ left: 0;}
#feature > .bg{ background: #fff;}
#feature .bnr-area{ padding: 10px 10px 0; top: -82px; margin: 0 10px;}
#feature .btn-open,
#feature .btn-open .btn-arrow{ padding: 0;}
#product > .bg{ background: #eee;}
#product .read{ font-size: 24px; line-height: 1.3; margin-bottom: 40px;}
#news{ padding: 30px 0 60px;}
.product-box{ padding: 0 10px;}
.product-box li:first-of-type{ margin-bottom: 30px;}
.product-box li h3{ font-size: 24px; padding: 15px 0 18px;}
.product-box li .bg{ padding: 15px 0 30px;}
.product-box .swiper-button-next{ right: -10px; top: calc(50% - 45px);}
.product-box .swiper-button-prev{ left: -10px; top: calc(50% - 45px);}
.product-list{ padding: 10px 0;}
.product-list .swiper-slide:hover{ box-shadow: none; opacity: 0.8;}
.product-list .swiper-slide a .img{ height: auto;}

.product-list .swiper-slide a .detail{ padding: 15px 10px 20px;}
.product-list .swiper-slide a .detail .price{ font-size: 10px;}
.feature-list .swiper-slide a .img img{ width: 100%;}
.feature-list .swiper-slide a .detail{ padding: 15px 10px 20px;}
.feature-list .swiper-slide a .detail .data{ font-size: 12px; color: #666; margin-top: 10px;}
.news-list{ margin-bottom: 30px;}
.news-list .swiper-slide a .img img{ width: 100%;}
.news-list .swiper-slide a .detail{ padding: 15px 20px 20px;}
.news-list .swiper-slide a .detail .data{ font-size: 12px; color: #666; margin-top: 10px;}
.news-box{ margin: 0 20px 20px;}
.news-box ul li{ border-bottom: 1px solid #eee;}
.news-box ul li a{ display: block; padding: 20px;}
.news-box ul li a .data{ font-size: 12px; color: #666; margin-top: 10px;}
.btn-arrow{ padding: 0 20px; margin-top: 30px;}
.btn-arrow a{ font-size: 18px; padding: 16px 0 22px; border-radius: 35px;}
.btn-box{ margin-top: 10px;}
.btn-box p{ font-size: 20px;}
.btn-box .btn-arrow{ margin-top: 10px;}
.btn-list{ padding: 0 20px;}
.btn-list li{ width: 48%; margin: 15px auto 0 !important;}
.btn-list li a{ font-size: 18px; padding: 16px 0 22px; border-radius: 35px;}
.btn-open{ padding: 0 20px; margin-top: 30px;}
.btn-open span{ font-size: 18px; padding: 16px 0 22px; border-radius: 35px;}
.btn-blank{ margin-top: 30px;}
.btn-blank a{ font-size: 18px; line-height: 1.4; padding: 12px 0 14px; border-radius: 60px;}
.btn-blank a::before{ top: 32px;}
.btn-blank a::after{ top: 30px;}

/* #top-page */
#top-page #main .swiper img{ width: 100%;}

/* #sub-page */
#sub-page.feature #feature .inner{ padding: 0 20px;}
#sub-page.feature .feature-list .swiper-wrapper .swiper-slide{ margin-bottom: 30px;}
#sub-page.feature .feature-list .swiper-wrapper .swiper-slide:last-of-type{ margin-bottom: 0;}
#sub-page.feature #feature .btn{ padding: 0;}
}

.breadcrumb {
	padding: 1em 1em;
	background-color: #fff;
	font-size: 13px;
}
.breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	line-height: 1.5;
}
.breadcrumb ol li + li::before {
	content: "＞";
	display: inline-block;
	padding: 0 0.5em;
}
.breadcrumb ol li a {
	text-decoration: none;
	color: #2c93cd;
}

@media screen and (max-width: 767px){
	.breadcrumb {
		font-size: 12px;
	}
}