@charset "UTF-8";

html {
	font-size: 62.5%;
}


body {
	width: 100%;
}


img,
video,
svg {
	width: 100%;
	height: auto;
}


#huntingworld a,
#huntingworld picture {
	display: block;
}

#huntingworld .price span {
	display: inline-block;
}

#huntingworld * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*----header-------*/
#header.header {
	position: fixed;
	top: 0;
}

.header .drawer-btn__border {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	margin: auto;
	background: #FFF;
}

.header .drawer-btn__border::before,
.header .drawer-btn__border::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background: #FFF;
}

.header .header-logo h1 #Text{
	fill: #fff;
}

.navigation__icon.navigation__icon--user.hidden-mobile {
	color: #fff;
}

.navigation__icon.navigation__icon--search #Text{
	fill: #fff;
}

.navigation__icon.navigation__icon--cart #txt{
	fill: #fff;
}

.navigation__icon.navigation__icon--cart #Text{
	fill: #fff;
}

.navigation__icon.navigation__icon--cart #cart{
	fill: #fff;
}

.cls-4 {
	stroke: #fff;
	stroke-miterlimit: 10;
	stroke-width: 2px;
}

/*----//header-------*/
/*==========================
共通
=========================*/

/*.back_pc{
background: url(../img/PC_HUNTING-WORLD_1.jpg); 
background-repeat: no-repeat;
background-position: center;
background-size: 130rem;
background-position-y: 14.1rem;
}*/


#huntingworld {
	margin: auto;
	margin-bottom: 30.6rem;
}

.ta_c {
	text-align: center;
}

.flex {
	display: flex;
}

.flex-SP_column {
	display: flex;
	justify-content: space-between;
}

.brand-name {
	font-family: trajan-sans-pro, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 2.4rem;
	line-height: 1;
	color: #000000;
	margin-bottom: 2.1rem;
}

@media screen and (min-width: 768px) {
	.h2-ttl-box {
		width: 86.5rem;
		margin: auto;
		position: relative;
		margin-bottom: 4.3rem;
	}

	h2.sect-ttl {
		font-family: trajan-sans-pro, sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size: 3.4rem;
		line-height: 1;
		letter-spacing: 0.005em;
		color: #000000;
		display: inline-block;
		background: #fff;
		padding-right: 1rem;
	}

}


h3.sub-ttl {
	font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 2rem;
	line-height: 1.6;
	color: #000000;
	margin-bottom: -1.44rem;
	letter-spacing: 0.075em;
}

.text-box {
	font-size: 1.4rem;
	letter-spacing: 0.075em;
	line-height: 1.95;
	font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 300;
	color: #1A1311;
	font-feature-settings: "palt";
	margin-top: 3.1rem;
	text-align: justify;
}

@media screen and (min-width: 768px) {
	
	.text-box {
		transform: translateY(0.8rem);
	}
}

.price {
	font-size: 1rem;
	font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1;
	color: #000000;
	margin-top: 1rem;
	text-align: right;
	letter-spacing: 0.035em;
}

.price_ml {
	margin-left: 0.8rem;
}

.SP_price_mb {}

/*==========================
top
=========================*/
.top {
	margin: auto;
	margin-bottom: 21.5rem;
}

.top .text-box {
	margin-top: 2.4rem;
}

.top_img {
	width: 100%;
	margin-bottom: 15rem;
}

.top_description-box {
	width: 86.4rem;
	margin: auto;
}

.top_description-box .flex-SP_column {
	align-items: flex-end;
}

.top_description-box_A .description-box {
	/*margin-top: 2rem;*/
}

.top_description-box_B .description-box {
	/*margin-top: 1.5rem;*/
}

.top_description-box .flex-SP_column {
	justify-content: space-between;
}

.top_description-box_A {
	margin-bottom: 9rem;
}

.top_description-box_A .text-box {
	width: 40.812rem;
}

.top-img01 {
	width: 42.2rem;
}

.top_description-box_B .text-box {
	width: 26.565rem;
	letter-spacing: 0.06em;
}

.top-img02 {
	width: 56.5rem;
}

/*=======//top==============================================*/

/*==========================
section01
=========================*/
.sect01 {
	width: 86.4rem;
	margin: auto;
	margin-bottom: 20.8rem;
}

.sect01 .img-box {
	width: 86.4rem;
	justify-content: space-between;
	margin: auto;
	margin-bottom: 6.4rem;
}

.sect01-img01 {
	width: 42.4rem;
}

.sect01-img02 {
	width: 42.4rem;
}

.sect01-img03 {
	width: 56.509rem;
}

@media screen and (min-width: 768px) {
	.sect01 .h2-ttl-box::before {
		content: "";
		position: absolute;
		right: 0;
		bottom: 0.66rem;
		display: block;
		width: 100%;
		height: 2px;
		background-color: #000000;
		z-index: -1;
	}
}



.sect01 .model-box {
	width: 56.509rem;
	margin: auto;
	margin-top: 14rem;
}

/*=======//section01==============================================*/


/*==========================
section02
=========================*/
.sect02 {
	width: 86.4rem;
	margin: auto;
	margin-bottom: 20.6rem;
}

.sect02 .img-box {
	width: 86.4rem;
	justify-content: space-between;
	margin: auto;
	margin-bottom: 6.4rem;
}

.sect02-img01 {
	width: 42.4rem;
}

.sect02-img02 {
	width: 42.4rem;
}

.sect02-img03 {
	width: 56.509rem;
}

@media screen and (min-width: 768px) {
	.sect02 .h2-ttl-box::before {
		content: "";
		position: absolute;
		right: 0;
		bottom: 0.66rem;
		display: block;
		width: 100%;
		height: 2px;
		background-color: #000000;
		z-index: -1;
	}

}

.sect02 .model-box {
	width: 56.509rem;
	margin: auto;
	margin-top: 14rem;
}

/*=======//section02==============================================*/


/*==========================
section03
=========================*/
.sect03 {
	width: 86.4rem;
	margin: auto;
	margin-bottom: 18.6rem;
}

.sect03 .img-box {
	width: 86.4rem;
	justify-content: space-between;
	margin: auto;
	margin-bottom: 4.3rem;
}

.sect03 .img-box .flex {
	width: 86.4rem;
	justify-content: space-between;
}

.sect03-img01 {
	width: 42.4rem;
}

.sect03-img02 {
	width: 42.4rem;
}

.sect03-img03 {
	width: 56.509rem;
}

@media screen and (min-width: 768px) {
	.sect03 .h2-ttl-box::before {
		content: "";
		position: absolute;
		right: 0;
		bottom: 0.66rem;
		display: block;
		width: 100%;
		height: 2px;
		background-color: #000000;
		z-index: -1;
	}


}

.sect03 .model-box {
	width: 56.509rem;
	margin: auto;
	margin-top: 14.4rem;
}

/*=======//section03==============================================*/


/*==========================
section04
=========================*/
.sect04 {
	width: 86.4rem;
	margin: auto;
	margin-bottom: 23rem;
}

.sect04 .h2-ttl-box::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0.66rem;
	display: block;
	width: 100%;
	height: 2px;
	background-color: #000000;
	z-index: -1;
}

.sect04-img01 {
	width: 86.4rem;
	margin-bottom: 10rem;
}

@media screen and (min-width: 768px) {
	.description-block_A {
		width: 86.4rem;
		margin-bottom: 10rem;
	}

	.unit-img {
		width: 42.2rem;
	}

	.unit-A {
		width: 86.4rem;
		justify-content: space-between;
		align-items: flex-end;
	}

	.description-block_A .unit-A .text-box {
		width: 40.914rem;
	}

	.description-block_B {
		width: 86.4rem;
		margin-bottom: 10rem;
	}

	.unit-B {
		width: 86.4rem;
		justify-content: space-between;
		align-items: flex-end;
	}

	.description-block_B .unit-B .text-box {
		width: 40.914rem;
	}

}

.description-block_C {
	width: 86.4rem;
	justify-content: space-between;
	align-items: flex-end;
}

.description-block_C .description-box {
	width: 40.914rem;
}

/*=======//section04==============================================*/


/*==========================
ボタン
=========================*/

/* button */
.all_button {
	margin-top: 15rem;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
}

.all_button a {
	position: relative;
}

.all_button a:before {
	content: "";
	position: absolute;
	width: 7.5rem;
	height: 0.1rem;
	background: #707070;
	left: 50%;
	transform: translateX(-50%);
	bottom: -1rem;
}

/*=======//ボタン==============================================*/

/*==========================
アニメーション
=========================*/

/*=====PCのみ==============================*/
@media screen and (min-width: 768px) {
	.sp_only {
		display: none;
	}

	.pc-order01 {
		order: 1;
	}

	.pc-order02 {
		order: 2;
	}

}

/*=====//PCのみ==============================*/

/*=====タブレットのみ==============================*/
@media screen and (min-width: 768px) and (max-width: 1300px) {
	html {
		font-size: calc(10*(100vw/1300)) !important;
	}
}

/*=====//タブレットのみ==============================*/

/*=====SPのみ==============================*/
@media screen and (max-width: 767px) {
	.pc_only {
		display: none;
	}

	/*==========================
共通
=========================*/

	/* .back_sp{
background: url(../img/SP_HUNTING-WORLD_1.jpg); 
background-repeat: no-repeat;
background-position: center;
background-position-y: 0.9px;
background-size: 100%;
} */



	#huntingworld {
		margin: auto;
		margin-bottom: calc(250*(100vw/487));
	}

	.ta_c {
		text-align: center;
	}

	.flex {
		display: flex;
	}

	.flex-SP_column {
		display: flex;
		flex-direction: column;
		justify-content: start;
	}

	.brand-name {
		font-family: trajan-sans-pro, sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size: calc(24*(100vw/487));
		line-height: 1;
		color: #000000;
		margin-bottom: calc(24*(100vw/487));
	}

	.h2-ttl-box {
		width: calc(487*(100vw/487));
		margin: auto;
		position: relative;
		margin-bottom: calc(47*(100vw/487));
	}

	h2.sect-ttl {
		font-family: trajan-sans-pro, sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size: calc(24*(100vw/487));
		line-height: 1;
		letter-spacing: 0.005em;
		color: #000000;
		padding-right: calc(40*(100vw/487));
		text-align: right;
	}

	h3.sub-ttl {
		font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size: calc(17*(100vw/487));
		line-height: 1.6;
		color: #000000;
		margin-bottom: calc(18.3*(100vw/487));
		letter-spacing: 0.075em;
	}

	.text-box {
		font-size: calc(15.5*(100vw/487));
		letter-spacing: 0.075em;
		line-height: 1.85;
		font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-weight: 300;
		color: #1A1311;
		font-feature-settings: "palt";
		margin-top: calc(17*(100vw/487));
		text-align: justify;
	}

	.price {
		font-size: calc(12*(100vw/487));
		font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-weight: 500;
		font-style: normal;
		line-height: 1;
		color: #000000;
		margin-top: calc(13*(100vw/487));
		text-align: right;
		letter-spacing: 0.015em;
		padding-right: calc(40*(100vw/487));
		text-align: right;
	}

	.price_ml {
		margin-left: calc(5*(100vw/487));
	}

	.SP_price_mb {
		margin-bottom: calc(5*(100vw/487));
	}

	.description-box {
		width: calc(407*(100vw/487));
		margin: auto;
	}

	/*==========================
top
=========================*/
	.top {
		margin: auto;
		margin-bottom: calc(136*(100vw/487));
	}

	.top .text-box {
		margin-top: calc(0*(100vw/487));
	}

	.top_img {
		width: 100%;
		margin-bottom: calc(70*(100vw/487));
	}

	.top_description-box {
		width: calc(407*(100vw/487));
		margin: auto;
	}

	.top_description-box_A .description-box {
		margin-top: calc(30*(100vw/487));
	}

	.top_description-box_B .description-box {
		margin-top: calc(30*(100vw/487));
	}

	.top_description-box .flex-SP_column {
		justify-content: space-between;
	}

	.top_description-box_A {
		margin-bottom: calc(61*(100vw/487));
	}

	.top_description-box_A .text-box {
		width: calc(407*(100vw/487));
	}

	.top-img01 {
		width: calc(407*(100vw/487));
	}

	.top_description-box_B .text-box {
		width: calc(407*(100vw/487));
	}

	.top-img02 {
		width: calc(407*(100vw/487));
	}

	/*=======//top==============================================*/

	/*==========================
section01
=========================*/
	.sect01 {
		width: calc(487*(100vw/487));
		margin: auto;
		margin-bottom: calc(77*(100vw/487));
	}

	.sect01 .img-box {
		width: calc(487*(100vw/487));
		justify-content: space-between;
		margin: auto;
		margin-bottom: calc(30*(100vw/487));
	}

	.sect01-img01 {
		width: calc(243*(100vw/487));
	}

	.sect01-img02 {
		width: calc(244*(100vw/487));
	}

	.sect01-img03 {
		width: calc(487*(100vw/487));
	}

	.sect01 .h2-ttl-box::before {
		content: "";
		position: absolute;
		right: 0;
		bottom: calc(-13*(100vw/487));
		display: block;
		width: 100%;
		height: 2px;
		background-color: #000000;
		/*z-index: -1;*/
	}

	.sect01 .model-box {
		width: calc(487*(100vw/487));
		margin: auto;
		margin-top: calc(60*(100vw/487));
	}

	/*=======//section01==============================================*/


	/*==========================
section02
=========================*/
	.sect02 {
		width: calc(487*(100vw/487));
		margin: auto;
		margin-bottom: calc(88*(100vw/487));
	}

	.sect02 .img-box {
		width: calc(487*(100vw/487));
		justify-content: space-between;
		margin: auto;
		margin-bottom: calc(24*(100vw/487));
	}

	.sect02-img01 {
		width: calc(243*(100vw/487));
	}

	.sect02-img02 {
		width: calc(244*(100vw/487));
	}

	.sect02-img03 {
		width: calc(487*(100vw/487));
	}

	.sect02 .h2-ttl-box::before {
		content: "";
		position: absolute;
		right: 0;
		bottom: calc(-13*(100vw/487));
		display: block;
		width: 100%;
		height: 2px;
		background-color: #000000;
		/*z-index: -1;*/
	}

	.sect02 .model-box {
		width: calc(487*(100vw/487));
		margin: auto;
		margin-top: calc(60*(100vw/487));
	}

	/*=======//section02==============================================*/


	/*==========================
section03
=========================*/
	.sect03 {
		width: calc(487*(100vw/487));
		margin: auto;
		margin-bottom: calc(96*(100vw/487));
	}

	.sect03 .img-box {
		width: calc(487*(100vw/487));
		justify-content: space-between;
		margin: auto;
		margin-bottom: calc(40*(100vw/487));
	}

	.sect03 .img-box .flex {
		width: calc(487*(100vw/487));
		justify-content: space-between;
	}

	.sect03-img01 {
		width: calc(243*(100vw/487));
	}

	.sect03-img02 {
		width: calc(244*(100vw/487));
	}

	.sect03-img03 {
		width: calc(487*(100vw/487));
	}

	.sect03 .h2-ttl-box::before {
		content: "";
		position: absolute;
		right: 0;
		bottom: calc(-13*(100vw/487));
		display: block;
		width: 100%;
		height: 2px;
		background-color: #000000;
		/*z-index: -1;*/
	}

	.sect03 .model-box {
		width: calc(487*(100vw/487));
		margin: auto;
		margin-top: calc(60*(100vw/487));
	}

	.sect03 .price {
		padding-right: calc(30*(100vw/487));
	}

	/*=======//section03==============================================*/


	/*==========================
section04
=========================*/
	.sect04 {
		width: calc(487*(100vw/487));
		margin: auto;
		margin-bottom: calc(167*(100vw/487));
	}

	.sect04 .sect-ttl {
		font-size: calc(22*(100vw/487));
		text-align: start;
		margin-left: calc(40*(100vw/487));
	}

	.sect04 .h2-ttl-box::before {
		content: "";
		position: absolute;
		right: 0;
		left: 0;
		margin: auto;
		bottom: calc(-9*(100vw/487));
		display: block;
		width: calc(407*(100vw/487));
		height: 2px;
		background-color: #000000;
		/*z-index: -1;*/
	}

	.sect04-img01 {
		width: calc(407*(100vw/487));
		margin: auto;
		margin-bottom: calc(23*(100vw/487));
	}

	.description-block {
		width: calc(407*(100vw/487));
		margin: auto;
		margin-bottom: calc(24*(100vw/487));
	}

	.description-block_A {
		width: calc(407*(100vw/487));
		justify-content: space-between;
		margin-top: calc(20*(100vw/487));
		margin-bottom: calc(25*(100vw/487));
	}

	.description-block_A .unit-img {
		width: calc(198*(100vw/487));
	}

	.description-block_C {
		width: calc(487*(100vw/487));
		justify-content: start;
	}

	.description-block_C .description-box {
		width: calc(409.09*(100vw/487));
		margin: auto;
		margin-top: calc(25*(100vw/487));
	}

	.description-block_C .unit-img {
		width: 100%;
	}

	/*=======//section04==============================================*/


	/*==========================
ボタン
=========================*/

	/* button */
	.all_button {
		margin-top: calc(90* (100vw / 487));
		font-size: calc(16* (100vw / 487));
	}

	.all_button a:before {
		width: calc(78* (100vw / 487));
		bottom: calc(-5* (100vw / 487));
	}
}

/*=======//ボタン==============================================*/
/*=====//SPのみ==============================*/