@charset "UTF-8";

/*------------------------------------------ contents */

.price_list {
	list-style: none;
	margin: 0;
}
.price_list li {
	margin: 0;
	line-height: 1;
}
.price_list li a {
	display: block;
}
.styling a {
	color: #000;
	text-decoration: underline;
}
.swiper-pagination-bullet-active {
	background: #6c6958;
}
.swiper-pagination {
	position: relative;
}
.swiper-button-next::after,
.swiper-button-prev::after {
	display: none;
}
#panel_block_img {
	margin: 0;
	line-height: 1;
}

/* 736px以下用（SP用）の記述------------------------------------------- */
@media screen and (max-width: 736px) {

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin:0 1.5%;
}
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
}
.swiper-pagination {
	padding-top: 7.28%;
}
.swiper-button-next, .swiper-button-prev {
	width: 12px;
	height: 22px;
	background-size: 12px 22px;
}
#panel_block {
	background: url(../../../img/lp/hoop_ball/main_bg_sp_250416.jpg) no-repeat top center/100%;
	padding-bottom: 5.86%;
}
#top_area h1 {
	margin: 0;
	line-height: 0;
}
#top_area #top_text_sp {
	margin: 0;
	line-height: 0;
}
#top_area .styling {
	margin: 7.66% 0 0;
	text-align: center;
	font-size: 2.4vw;
}
#hoop_area #hoop_pierce {
	margin: 23.13% 0 0;
	line-height: 0;
}
#hoop_area h2 {
	line-height: 0;
}
#hoop_area #hoop_text_01_sp {
	margin: 0;
	line-height: 0;
}
#hoop_area #hoop_img {
	width: 85.33%;
	margin: 0 auto;
	line-height: 0;
}
#hoop_area .styling {
	margin: 2.25% 0 0 6.53%;
	font-size: 2.4vw;
}
#hoop_area .slide_area {
	width: 73.33%;
	margin: 8% auto 4.53%;
}
#hoop_area #hoop_text_02_sp {
	margin: 0;
	line-height: 0;
}
#hoop_area .price_list {
	width: 78.66%;
	margin: 0 auto;
}
#hoop_area .flex {
	margin-top: 74.67%;
}
#hoop_area #hoop_earring {
	margin: 16.13% 0 10.93%;
	line-height: 1;
}
#ball_area {
	background: url(../../../img/lp/hoop_ball/ball_area_bg_sp.jpg) no-repeat top center/100%;
	padding-bottom: 36%;
	margin-top: 5%;
}
#ball_area h1 {
	padding-top: 14.55%;
	margin: 0;
	line-height: 0;
}
#ball_area h2 {
	line-height: 0;
}
#ball_area #ball_text_01_sp {
	margin: 0;
	line-height: 0;
}
#ball_area #ball_img {
	width: 85.33%;
	margin: 0 auto 0;
	line-height: 0;
}
#ball_area .styling {
	margin: 2.66% 0 0 6.93%;
	font-size: 2.4vw;
	text-indent: -0.5em;
}
#ball_area .slide_area {
	width: 73.33%;
	margin: 6.5% auto 2.53%;
}
#ball_area .swiper-button-next,
#ball_area .swiper-button-prev {
	top: 46.5%;
}
#ball_area #ball_text_02_sp {
	margin: 0;
	line-height: 0;
}
#ball_area .flex {
	margin: 73% auto 0;
}
#ball_area .price_list {
	width: 78.66%;
	margin: 0 auto;
}
section.pane_topic_path {
	margin-top: -11.33%;
}

/* 736px以下用（SP用）の記述 end--------------------------------------- */
}


/* 737px以上用（PC用）の記述------------------------------------------- */
@media screen and (min-width: 737px) {

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin:0 1.0%;
}
.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
}
.swiper-pagination {
	padding-top: 2.28%;
}
.swiper-button-next, .swiper-button-prev {
	width: 12px;
	height: 22px;
	background-size: 12px 22px;
}
#hoop_ball {
	max-width: 1400px;
	margin: 0 auto;
}
#panel_block {
	position: relative;
}
#top_area h1 {
	position: absolute;
	width: 33.92%;
	margin: 6% 0 0;
	top: 0;
	right: 8.57%;
}
#top_area #top_text {
	position: absolute;
	width: 28.5%;
	margin: 17.5% 0 0;
	top: 0;
	right: 11.42%;
	font-size: 16px;
	text-align: center;
}
#top_area .styling {
	position: absolute;
	margin: 44.28% 0 0;
	top: 0;
	left: 7.14%;
	font-size: 13px;
}
#hoop_area #hoop_pierce {
	position: absolute;
	margin: 51.42% 0 0;
	width: 18.92%;
	top: 0;
	left: 7.15%;
}
#hoop_area h2 {
	position: absolute;
	margin: 60% 0 0;
	width: 33%;
	top: 0;
	left: 10%;
}
#hoop_area #hoop_text_01 {
	position: absolute;
	width: 33%;
	margin: 67.85% 0 0;
	top: 0;
	left: 10%;
	font-size: 14.5px;
}
#hoop_area #hoop_img {
	position: absolute;
	width: 37.85%;
	margin: 49.42% 0 0;
	top: 0;
	right: 7.14%;
}
#hoop_area .styling {
	position: absolute;
	margin: 96.71% 0 0;
	top: 0;
	right: 7.14%;
	font-size: 13px;
}
#hoop_area .slide_area {
	position: absolute;
	width: 35.42%;
	margin: 79.28% 0 0;
	top: 0;
	left: 7.14%;
}
#hoop_area .swiper-button-next,
#hoop_area .swiper-button-prev {
	margin-top: -4.43%;
}
#hoop_area #hoop_text_02 {
	position: absolute;
	width: 39.85%;
	margin: 105.28% 0 0;
	top: 0;
	right: 12.45%;
	font-size: 14.5px;
}
#hoop_area .flex {
	position: absolute;
	display: flex;
	justify-content: space-between;
	width: 72.90%;
	margin: 157.85% 0 0;
	top: 0;
	left: 15.57%;
}
#hoop_area .flex .price_list:nth-of-type(1) {
	width: 50%;
	margin-right: 2%;
}
#hoop_area .flex .price_list:nth-of-type(2) {
	width: 50%;
}
#hoop_area #hoop_earring {
	position: absolute;
	margin: 178.5% 0 0;
	width: 27.57%;
	top: 0;
	left: 25.85%;
}
#hoop_area > .price_list {
	position: absolute;
	width: 37.85%;
	margin: 185.71% 0 0;
	top: 0;
	right: 18.71%;
}
#ball_area {
	position: relative;
}
#ball_area_img {
	margin: 0;
	line-height: 1;
}
#ball_area h1 {
	position: absolute;
	width: 20%;
	margin: 11.78% 0 0;
	top: 0;
	left: 6.32%;
}
#ball_area h2 {
	position: absolute;
	width: 33.85%;
	margin: 20.14% 0 0;
	top: 0;
	left: 10%;
}
#ball_area #ball_text_01 {
	position: absolute;
	width: 33.28%;
	margin: 28.57% 0 0;
	top: 0;
	left: 10%;
	font-size: 14.5px;
}
#ball_area #ball_img {
	position: absolute;
	width: 37.85%;
	margin: 10.7% 0 0;
	top: 0;
	right: 7.04%;
}
#ball_area .styling {
	position: absolute;
	margin: 58.12% 0 0;
	top: 0;
	right: 7.04%;
	font-size: 13px;
}
#ball_area .slide_area {
	position: absolute;
	width: 35.42%;
	margin: 39.28% 0 0;
	top: 0;
	left: 7.14%;
}
#ball_area .swiper-button-next,
#ball_area .swiper-button-prev {
	margin-top: 2.01%;
}
#ball_area #ball_text_02 {
	position: absolute;
	width: 39.85%;
	margin: 65.71% 0 0;
	top: 0;
	right: 10.84%;
	font-size: 14.5px;
}
#ball_area #ball_text_02 span {
	letter-spacing: -0.15em;
}
#ball_area .flex {
	position: absolute;
	display: flex;
	width: 72.90%;
	margin: 114.71% 0 0;
	top: 0;
	left: 17.57%;
}
#ball_area .flex .price_list:nth-of-type(1) {
	width: 47.1%;
	margin-right: 2%;
}
#ball_area .flex .price_list:nth-of-type(2) {
	width: 41.15%;
}

/* 737px以上用（PC用）の記述 end--------------------------------------- */
}

/* 1399px以下用（PC用）のフォント可変値　記述------------------------------------------- */
@media screen and (min-width:1200px) and ( max-width:1399px) {
#top_area #top_text {
	font-size: 1.15vw;
}
#hoop_area #hoop_text_01,
#hoop_area #hoop_text_02,
#ball_area #ball_text_01,
#ball_area #ball_text_02 {
	font-size: 1vw;
}
#top_area .styling,
#hoop_area .styling,
#ball_area .styling {
	font-size: 0.92vw;
}

/* 1399px以下用（PC用）の記述 end--------------------------------------- */
}


/* 1199px以下用（PC用）のフォント最小値　記述------------------------------------------- */
@media screen and (min-width:738px) and ( max-width:1199px) {

#top_area #top_text,
#hoop_area #hoop_text_01,
#hoop_area #hoop_text_02,
#ball_area #ball_text_01,
#ball_area #ball_text_02 {
	font-size: 12px;
}
#top_area .styling,
#hoop_area .styling,
#ball_area .styling {
	font-size: 11px;
}


/* 1199px以下用（PC用）の記述 end--------------------------------------- */
}