#golf_lp p {
    font-size: 1.455vw;
    /* 16px */
}

.width_base {
    width: 90.909vw;
    /* 1000px */
}

/* Header */
#golf_lp header {
    height: 6.182vw;
    /* 68px */
    padding: 0 1.818vw;
    /* 20px */
}

#golf_lp header a img:nth-child(1) {
    width: 5.455vw;
    /* 60px */
}

#golf_lp header a img:nth-child(2) {
    width: 7.182vw;
    /* 79px */
}

/* Main visual (mv) */

.mv {
    position: relative;
    margin-bottom: 7.63vw;
}

.mv h1 {
	position: absolute;
	top: 13.3vw;
	width: 38.972vw;
	left: 6vw;
}


.main_title {
    width: 7.1vw;
    margin: -2.4vw auto 6vw;

}

.main_title h2 {
    font-size: 4.54vw;
}


.main_txt {
    /* padding-left: 300px; */
    margin-bottom: 8.63vw;
}

#golf_lp .main_txt p {
	width: 72.7vw;
	font-size: 1.81vw;
	margin: 0 auto 1.81vw;
}

a.button_black {
    display: inline-flex;
    align-items: center;
    padding: 1.0909vw 2.0909vw 1.0909vw 2.1818vw;
    /* 12px 23px 12px 24px */
    font-size: 1.7273vw;
    /* 19px */
    /* font-weight: 600; */
    color: #fff;
    background-color: #1a237e;
    text-decoration: none;
    border-radius: 0.4545vw;
    /* 5px */
    letter-spacing: 0.02em;
    width: 22.0909vw;
    /* 243px */
    justify-content: space-between;
}

a.button_black .icon {
    display: inline-block;
    width: 1.3636vw;
    /* 15px */
    height: 1.3636vw;
    /* 15px */
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.8182vw;
    /* 9px */
    font-size: 1.2727vw;
    /* 14px */
}

a.button_black .icon::after {
    font-size: 1.091vw;
    /* 1.2em converted to approximate vw */
}

.present {
    margin: 0 auto 8.909vw;
    /* 98px */
}


.present {
    margin: 0 auto 8.545454545vw;
}

.present img {
    margin-bottom: 1.636363636vw;
}

h2.recommend_title {
    font-size: 1.8182vw;
    /* 20px to vw */
    font-weight: 600;
    text-align: center;
    position: relative;
    margin: 0 auto 3.5455vw;
    /* 39px to vw */
    line-height: 140%;
    letter-spacing: 0.05em;
}

h2.recommend_title::after {
    content: '';
    display: block;
    width: 3.0909vw;
    /* 34px to vw */
    height: 0.0909vw;
    /* 1px to vw */
    background-color: #171C61;
    margin: 1.4545vw auto 0;
    /* 16px to vw */
}

/*tab*/
.tabs {
    gap: 1.81vw;
}

.tab {
    padding: 1.81vw 0px 4.54vw;
    font-size: 1.6vw;
    width: 36.36vw;
}
.tab::before {
    width: 4.36vw;
    height: 2.72vw;
}


.tab-content {
    display: none;
    padding: 6.72vw 0px 0;
/*    font-size: 1.2em;*/
}

.tab-content .gender-title {
    position: relative;
    margin-bottom: 3.63vw;
}
.tab-content .gender-title .gender-title-item{
    width: 12.9vw;
    top: 110%;
    left: 9%;
}
#golf_lp .tab-content .gender-title p{
    font-size: 2.72vw;
}
#golf_lp .gender_title_items {
    width: 79.90vw;
    margin: 0 auto 5.81vw;
}
#golf_lp .gender_title_items p {
    width: 89.74vw; /* 350px */
    margin: 5.13vw 0 8.97vw -34.36vw; /* 20px 0 35px -134px */
}


.gender_title_item h3 {
    font-size: 2vw;
    margin-bottom: 9.09vw;
}

.gender_nav_items {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12.72vw;
}

.gender_nav_items .gender_nav_item {
    width: 44.54vw;
    text-align: center;
}

.gender_nav_item {
    position: relative; /* 擬似要素の絶対位置を親要素に対して相対的にする */
    text-align: left;
}
.gender_nav_item .gender_nav_item_num {
text-align: left;
font-size: 1.45vw;
}
#mens .gender_nav_item .gender_nav_item_num span{
color: #113B96;
font-size: 2.54vw;
}
#womens .gender_nav_item .gender_nav_item_num span{
color: #EABDD5;
font-size: 2.54vw;
}

.gender_nav_item a::after {
    width: 4.36vw;
    height: 4.63vw;
}


/*スタイリング*/



/*スタイリング 01*/


.styling_01 {
    margin: 2.36vw auto 9.09vw;
    height: 55.9vw;

}
.styling_01_detail {
    top: 2vw;
    right: 0;
    width: 47.45vw;
}
.styling_01_detail img {
    position: absolute;
    top: -24.87vw; /* -97px */
}
.styling_01_detail .styling_detail_num {
    font-size: 1.63vw;
    width: fit-content;
    margin: 0 auto;
}


.styling_01_detail .styling_detail_head span{
    color: #262626;
    text-align: center;
    font-size: 5.58vw;
}

.styling_01_main {
    position: absolute;
    width: 38.6vw;
}
#mens .styling_01_main .swiper-item{
    position: absolute;
    width: 17.72vw;
}
#womens .styling_01_main .swiper-item{
    position: absolute;
    width: 17.72vw;
}




.styling_01_detail h3 {
    font-size: 2.18vw;
    font-weight: 600;
    margin: 1.81vw 0;
    padding-top: 0;
    text-align: center;
}

.styling_01_cta {
    position: absolute;
    width: 47.45vw;
    right: 0;
    bottom: 3.64vw;
}


/* Styling 02 */


.styling_02 {
    margin: 2.36vw auto 9.09vw;
    height: 55.9vw;

}
.styling_02_detail {
	top: -2vw;
	right: 0;
	width: 47.45vw;
}
.styling_02_detail img {
    position: absolute;
    top: -24.87vw; /* -97px */
}
.styling_02_detail .styling_detail_num {
    font-size: 1.63vw;
    width: fit-content;
    margin: 0 auto;
}


.styling_02_detail .styling_detail_head span{
    color: #262626;
    text-align: center;
    font-size: 5.58vw;
}

.styling_02_main {
    position: absolute;
    width: 38.6vw;
}
#mens .styling_02_main .swiper-item{
    position: absolute;
    width: 17.72vw;
}
#womens .styling_02_main .swiper-item{
    position: absolute;
    width: 17.72vw;
}




.styling_02_detail h3 {
    font-size: 2.18vw;
    font-weight: 600;
    margin: 1.81vw 0;
    padding-top: 0;
    text-align: center;
}

.styling_02_cta {
	position: absolute;
	width: 47.45vw;
	right: 0;
	bottom: -1.36vw;
}


/*スタイリングCTA部分*/

.list {
    width: 100%;
    max-width: 600px;
    margin: 0px auto;
    border-radius: 8px;
    overflow: hidden;
    list-style: none;
    padding: 0;
}

.list-item {
    gap: 1.81vw;
}
.list-item span{
    font-size: 1.81vw;
}
.list-item span .tax{
    font-size: 1.27vw;
    display: inline;
}
.list-item a {

    background-color: #000;
    /* display: flex;
    justify-content: space-between;
    align-items: center; */
    padding: 0.90vw 1.81vw;
    /* border-bottom: 1px solid #e0e0e0; */
    color: #ffffff;
    font-size: 1.2em;
    font-size: 1.81vw;
}

.list-item:last-child {
    border-bottom: none;
}

.price {
    color: #1a237e;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
    margin-right: 40px;
}


.styling_colorway h3 {
	position: relative;
	padding-left: 3.18vw;
	font-weight: 600;
	font-size: 1.73vw;
	margin-bottom: 1.73vw;
	width: fit-content;
	margin: 0 auto 3.64vw;
	line-height: 140%;
	letter-spacing: 0.05em;
}


.styling_colorway h3:before {
    width: 2vw;
    height: 2vw;

}

 .styling_colorway_items.styling_colorway_items_01{
    display: flex;
    justify-content: space-between;
    margin-bottom: 13.63vw;
}
.styling_colorway_items.styling_colorway_items_02{
    display: flex;
    justify-content: center;
    margin-bottom: 13.63vw;
    gap: 3.63vw;
}

.styling_colorway_items .styling_colorway_item {
    width: 20vw;
}

.styling_colorway_items .styling_colorway_item a {
    text-decoration: none;
}

.styling_colorway img {
    margin-bottom: 1.09vw;
}

.styling_colorway h4 {
    font-weight: 600;
    font-size: 1.36vw;
    text-align: center;

    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.81vw;
    /* Adjust the height as needed */
    margin: 0;
    letter-spacing: 0.05em;
    line-height: 140%;
}

#mens .styling_code h3.styling_code_title,
#womens .styling_code h3.styling_code_title{
    height: 13.63vw;
    margin-left: 1.81vw;
    margin-bottom: 3.63vw;
}

#mens .styling_code_wrapper .styling_code_photo_outer,
#womens .styling_code_wrapper .styling_code_photo_outer{
    width: 68.18vw;
    margin: 0 auto 3.63vw;
}
   
#golf_lp .styling_code_wrapper .styling_code_photo_outer .styling_code_photo{
padding: 1.45vw 1.63vw;
}
#golf_lp .styling_code_wrapper .styling_code_item h3{
    text-align: center;
    font-size: 1.81vw;
    margin-bottom: 3.63vw;
    };
#golf_lp .styling_code_wrapper .styling_code_item .styling_code_item_wraper{
overflow: auto;
margin: 0 3.48vw;
}
#golf_lp .styling_code_wrapper .styling_code_item .styling_code_item_wraper ul{
gap: 1.81vw;
}
#golf_lp .styling_code_wrapper .styling_code_item .styling_code_item_wraper ul li {
	width: 16.72vw;
	text-align: center;
}

#golf_lp .styling_code_wrapper .styling_code_item .styling_code_item_wraper ul li a{
text-align: center;
text-decoration: none;
color: #000;
}

#golf_lp .styling_code_wrapper .styling_code_comment {
    width: 90.9vw;
    margin: 0 auto 5.45vw;
}
#golf_lp .styling_code_wrapper .styling_code_comment .styling_code_comment_title_flex{
display: flex;
justify-content: center;
align-items: flex-start;
gap: 1.81vw;
width: 45.45vw;
margin: 0 auto 3.63vw;
}
#golf_lp .styling_code_wrapper .styling_code_comment .styling_code_comment_title_flex .styling_code_comment_title_photo{
width: 7.27vw;
}
#golf_lp .styling_code_wrapper .styling_code_comment .styling_code_comment_title_flex .styling_code_comment_title {
position: relative;
height: 8.36vw;
width: 36.36vw;
}
#golf_lp .styling_code_wrapper .styling_code_comment .styling_code_comment_title_flex .styling_code_comment_title h3{
font-size: 1.9vw;
gap: 0.9vw;
}
#golf_lp .styling_code_wrapper .styling_code_comment .styling_code_comment_title_flex .styling_code_comment_title h3 span{
font-size: 1.36vw;
}

#golf_lp .styling_code_wrapper .styling_code_comment .styling_code_comment_txt p{
font-size: 1.45vw;
text-align: center;
margin-bottom: 5.81vw;
}


/*ジェンダー下のボタン*/

.gender_button {
    padding: 0.909vw 1.818vw;
    /* 10px 20px */
    width: 46.182vw;
    /* 508px */
    margin: 0 auto 8.182vw;
    /* 90px */
}

#golf_lp .gender_button img {
    width: 7.455vw;
    /* 82px */
    padding: 2.273vw;
    /* 25px */
}

.gender_button .gender_text {
    margin-left: 1.364vw;
    font-size: 1.364vw;
    font-weight: 600;
}




.gender_button .gender_arrow {
    width: 0.818vw;
    /* 9px */
    height: 0.909vw;
    /* 10px */
    margin-left: 3.091vw;
    /* 34px */
}

/*swiper*/
#golf_lp .swiper-btn-wrap{
    position: relative;
    height: 5vw;
    margin-top: 1.36vw;
}
#golf_lp .swiper-button-prev,
#golf_lp .swiper-button-next {
width: 5.36vw; /* ボタンの幅 */
height: 2.27vw; /* ボタンの高さ */
background-size: 2.27vw 5.36vw; /* 表示したいサイズ */
top: 1.18vw;
}

#golf_lp .swiper-pagination-bullet{
    width: 1.09vw;
    height: 1.09vw;
    background-color: #fff;
    border: 1px solid #000;
}
#golf_lp .swiper-pagination-bullet-active{
    background-color: #000;
}

.footer_logo {
    width: 25.455vw;
    /* 280px */
    margin: 0 auto 3.909vw;
    /* 43px */
}

#golf_lp .footer_logo p {
    font-size: 1.363636364vw;
}

.footer_logo img {
    width: 25.455vw;
    /* 280px */
    margin: 0 auto 1.455vw;
    /* 16px */
}

.footer_logo p {
    font-size: 1.364vw;
    /* 15px */
}







/*TOPに戻る*/

.scroll-to-top {
    bottom: 4.273vw;
    /* 47px */
    right: 4.273vw;
    /* 47px */
    width: 4.545vw;
    /* 50px */
    height: 4.545vw;
    /* 50px */
    border-radius: 50%;
    /* No conversion needed */
    transition: opacity 0.3s;
    /* No conversion needed */
    opacity: 0;
    /* No conversion needed */
}

.scroll-to-top img {
    width: 5.455vw;
    /* 60px */
    height: 5.455vw;
    /* 60px */
}

.scroll-to-top.show {
    opacity: 1;
    /* No conversion needed */
}

.footer_link_01 {
    width: 41.636vw;
    /* 458px */
    margin: 0 auto 3.818vw;
    /* 42px */
}

a.arrow_link {
    background-position: right 1.364vw center;
    /* 15px */
    opacity: 45;
    /* No conversion needed */
    padding: 2.727vw 0;
    /* 30px */
    font-size: 1.455vw;
    /* 16px */
}

.footer_link_02 {
    width: 90.909vw;
    /* 1000px */
    margin: 0 auto 3.818vw;
    /* 42px */
}

.footer_link_02_list {
    width: 100%;
    /* No conversion needed */
    margin: 0 auto;
    /* No conversion needed */
    border-radius: 8px;
    /* No conversion needed */
    padding: 0;
    /* No conversion needed */
}

.footer_link_02_list-item {
    background-position: right 1.364vw center;
    /* 15px */
    width: 16.364vw;
    /* 180px */
    height: 6.909vw;
    /* 76px */
}

.footer_link_02_list-item a {
    padding: 1.364vw 0 1.364vw 1.364vw;
    /* 15px */
    font-size: 1.455vw;
    /* 16px */
    width: 100%;
    /* No conversion needed */
}

.footer_link_03 {
    width: 41.636vw;
    /* 458px */
    margin: 0 auto 11.000vw;
    /* 121px */
}

a.arrow_link_03 {
    background-position: right 1.364vw center;
    /* 15px */
    opacity: 45;
    /* No conversion needed */
    padding: 2.727vw 0;
    /* 30px */
    font-size: 1.455vw;
    /* 16px */
}

.footer_instagram {
    width: 3.000vw;
    /* 33px */
    margin: 0 auto 5.182vw;
    /* 57px */
}

.footer_logo_2 {
    width: 21.000vw;
    /* 231px */
    margin: 0 auto 2.000vw;
    /* 22px */
}

.footer_copy {
    font-size: 1.182vw;
    /* 13px */
    color: #666666;
    /* No conversion needed */
    margin-bottom: 8.182vw;
    /* 90px */
}

/*最下部のリンク調整*/

.present_footer {
    display: flex;
    flex-direction: column; /* 一列にする */
    align-items: center; /* 水平方向に中央揃え */
    width: 68.18vw; /* 750px / 1100px * 100 = 68.18vw */
}

.link-container {
    display: flex;
    justify-content: center; /* 横並びにする */
    gap: 1.82vw; /* 20px / 1100px * 100 = 1.82vw */
    margin-bottom: 5.45vw; /* 60px / 1100px * 100 = 5.45vw */
}

.link-container a {
    width: auto; /* 画像のサイズに合わせて幅を自動調整 */
}

.present_footer a img {
    max-width: 100%; /* 画像が親要素の幅を超えないようにする */
    height: auto;
}