@charset "UTF-8";
/* CSS Document */

@import url("https://fonts.googleapis.com/css2?family=Fugaz+One&family=Noto+Sans+JP:wght@400;700&display=swap");

:root {
	--primary-color: #047ac3;
	--secondary-color: #e8f3fa;
	--spring-color: #1e8917;
	--autumn-color: #b95c26;
	--opacity: 0.5;
}

/* 終了告知文 */
/* .Post {
  font-size: 22px;
  font-weight: 600;
  color: #c00;
  text-align: center;
  margin-top: 10px;
} */

/* H1 */
#PageName {
	width: 1024px;
	margin: 10px auto;
	font-weight: bold;
}

.contents {
	font-family: "Noto Sans JP", sans-serif;
}

li {
	list-style: none;
}

.break {
	display: none;
}

[class^="Sec__"] {
	padding: 80px 0;
}

.Heading--h2 {
	position: relative;
	font-size: 32px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight: 600;
	text-align: center;
}

.Heading--h2::before {
	content: "";
	display: block;
	position: absolute;
	top: -80px;
	left: 50%;
	transform: translateX(-50%);
	background-image: url(/attending/kokunai/alpine/images/il__mountain--blue.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 194px;
	height: 64px;
}

/* =================================
Keyvisual
================================= */
.Keyvisual_wrapper{
	width:1240px;
	margin:0 auto;
}
.Keyvisual {
	position: relative;
	width: 100%;
	height: 450px;
	/* background-image: url(/attending/kokunai/alpine/images/keyvisual-EBP17-07373D.jpg); */
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
}

.Keyvisual div {
	position: absolute;
	top: 50%;
	left: calc(50% - 150px);
	transform: translate(-50%, -50%);
	width: 350px;
	height: 450px;
}

/* =================================
アンカー
================================= */
.Block__anchor {
	background-color: var(--secondary-color);
}

.Anchor__items {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 880px;
	height: 128px;
	margin: 0 auto;
}

.Anchor__items::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	display: block;
	background-color: #c8d9e5;
	width: 1px;
	height: 60%;
}

.Anchor__item {
	position: relative;
	display: flex;
	justify-content: center;
	width: calc(100% / 4);
	height: 100%;
	font-size: 17px;
	font-weight: 700;
	text-align: center;
	transition: background-color 0.5s;
}

.Anchor__item:hover {
	background-color: #d7e9f5;
}

.Anchor__item::before,
.Anchor__item::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
}

.Anchor__item::before {
	transform: translateY(-50%);
	right: 0;
	display: block;
	background-color: #c8d9e5;
	width: 1px;
	height: 60%;
}

.Anchor__item::after {
	right: 15px;
	width: 10px;
	height: 10px;
	border-top: 3px solid #b3cfe3;
	border-right: 3px solid #b3cfe3;
	transform: translateY(-50%) rotate(135deg);
}

.Anchor__item.Anchor__wear::after {
	transform: translateY(-50%) rotate(45deg);
}

.Anchor__item.Anchor__access::after {
	transform: translateY(-50%) rotate(45deg);
}

.Anchor__link {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding-top: 10px;
}

.Anchor__link::before,
.Anchor__link::after {
	content: "";
	display: block;
	position: absolute;
	transform: translateX(-50%);
	background-repeat: no-repeat;
	background-size: contain;
}

.Anchor__link::before {
	top: 10px;
	left: 50%;
	width: 45px;
	height: 45px;
}

.Anchor__link::after {
	bottom: 30px;
	left: 50%;
	width: 100px;
	height: 7px;
}

.Anchor__tour .Anchor__link::before {
	background-image: url(/attending/kokunai/alpine/images/il__anchor--tour.png);
}

.Anchor__info .Anchor__link::before {
	background-image: url(/attending/kokunai/alpine/images/il__anchor--info.png);
}

.Anchor__wear .Anchor__link::before {
	background-image: url(/attending/kokunai/alpine/images/il__anchor--wear.png);
}

.Anchor__access .Anchor__link::before {
	background-image: url(/attending/kokunai/alpine/images/il__anchor--access.png);
}

.Anchor__tour .Anchor__link::after {
	background-image: url(/attending/kokunai/alpine/images/line__anchor--tour.png);
}

.Anchor__info .Anchor__link::after {
	background-image: url(/attending/kokunai/alpine/images/line__anchor--info.png);
}

.Anchor__wear .Anchor__link::after {
	background-image: url(/attending/kokunai/alpine/images/line__anchor--wear.png);
}

.Anchor__access .Anchor__link::after {
	background-image: url(/attending/kokunai/alpine/images/line__anchor--access.png);
}

.Block__anchor:last-of-type .Anchor__item::after {
	transform: translateY(-50%) rotate(-45deg);
}

.Block__anchor:last-of-type .Anchor__item.Anchor__wear::after {
	transform: translateY(-50%) rotate(45deg);
}

.Block__anchor:last-of-type .Anchor__item.Anchor__access::after {
	transform: translateY(-50%) rotate(45deg);
}

/* =================================
立山黒部アルペンルートとは？
================================= */
.Sec__about {
	background-color: #f2f2f2;
	text-align: center;
	margin-top: 60px;
}

.Sec__about .Heading--h2 {
	display: inline-block;
	color: var(--primary-color);
	background: linear-gradient(transparent 60%, #e8f3fa 0%);
	margin-bottom: 30px;
}

.Group__about {
	background-color: #fff;
	border-radius: 10px;
	width: 960px;
	height: auto;
	margin: 0 auto;
	padding: 100px 70px 40px;
}

.Text__about {
	font-size: 18px;
	font-weight: 700;
}

/* =================================
立山黒部アルペンルートのおすすめのツアーを探す
================================= */
.Sec__tour {
	padding: 120px 0 80px;
}
.Block__anchor--tour {
	background-color: var(--primary-color);
	margin-top: 30px;
	padding: 30px 0;
}

.Anchor__items--tour {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 20px;
}

.Anchor__item--tour {
	position: relative;
	background-color: #fff;
	border-radius: 100px;
	font-size: 18px;
	font-weight: 700;
	color: var(--primary-color);
	transition: opacity 0.5s;
}

.Anchor__item--tour:hover {
	opacity: var(--opacity);
}

.Anchor__item--tour::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(135deg);
	right: 20px;
	width: 10px;
	height: 10px;
	border-top: 3px solid #83b8d9;
	border-right: 3px solid #83b8d9;
}

.Anchor__tour--link {
	display: block;
	padding: 20px 40px 20px 20px;
}

.Block__tour {
	background-color: var(--secondary-color);
	padding: 60px 0;
}

.Heading__tour--h3 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 28px;
	font-weight: 600;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	text-align: center;
	white-space: nowrap;
	margin-top: 50px;
}

.Heading__tour--h3::before,
.Heading__tour--h3::after {
	background-color: #333;
	content: "";
	height: 1px;
	width: 100%;
}

.Heading__tour--h3::before {
	margin-right: 20px;
}

.Heading__tour--h3::after {
	margin-left: 20px;
}

.Group__pickup {
	background-color: var(--primary-color);
	border-radius: 15px;
	margin-top: 30px;
	padding: 30px;
}

.Group__pickup__inner {
	display: flex;
	background-color: #fff;
}

.Group__pickup__inner figure {
	width: 530px;
	height: auto;
}

.Text__pickup {
	width: calc(100% - 530px);
	padding: 30px;
}

.Text__pickup h4 {
	position: relative;
	font-size: 25px;
	font-weight: 600;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.Text__pickup h4::before,
.Text__pickup h4::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
}

.Text__pickup h4::before {
	bottom: -11px;
	background-color: var(--primary-color);
	width: 40px;
	height: 4px;
	z-index: 2;
}

.Text__pickup h4::after {
	bottom: -10px;
	background-color: #b2d0e5;
	width: 100%;
	height: 2px;
}

.Text__pickup h4 span {
	font-size: 18px;
}

.Text__pickup dl {
	margin-top: 25px;
}

.Text__pickup dl dt {
	font-weight: 700;
	color: var(--primary-color);
}

.Text__pickup dl dt:not(:first-child) {
	margin-top: 10px;
}

.Text__pickup dl dd {
	font-size: 14px;
	margin-top: 5px;
}

.Text__pickup dl .Date {
	font-size: 14px;
	font-weight: 700;
}

.Text__pickup dl .Date span {
	display: inline-block;
	width: 100px;
}

.Btn__all--more {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 60px;
}

.Btn__all--more button {
	transition: opacity 0.5s;
}

.Btn__all--more button:hover {
	opacity: var(--opacity);
}

.All__tour--link {
	position: relative;
	display: inline-block;
	background-color: var(--primary-color);
	border-radius: 100px;
	font-weight: 700;
	color: #fff;
	padding: 20px 60px 20px 40px;
}

.All__tour--link::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	right: 20px;
	width: 10px;
	height: 10px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
}

.Heading__departure--h4 {
	position: relative;
	font-size: 26px;
	font-weight: 600;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	text-align: center;
}

.Heading__departure--h4::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -10px;
	background-color: var(--primary-color);
	width: 50px;
	height: 3px;
}

.Departure__items {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px 17px;
	margin-top: 40px;
}

.Departure__item {
	width: 330px;
	transition: opacity 0.5s;
}

.Departure__item:hover {
	opacity: var(--opacity);
}

.Departure__link {
	position: relative;
	display: block;
	width: 100%;
	background-color: #fff;
	border-radius: 100px;
	font-size: 18px;
	font-weight: 700;
	color: var(--primary-color);
	text-align: center;
	padding: 20px 19px;
}

.Departure__link::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	right: 20px;
	width: 10px;
	height: 10px;
	border-top: 3px solid #83b8d9;
	border-right: 3px solid #83b8d9;
}

/* =================================
希望の条件で立山黒部アルペンルートのツアーを探す
================================= */
.Block__search {
	background-color: #f2f2f2;
	margin-top: 30px;
	padding: 50px 0;
}

/* =================================
立山黒部アルペンルートの観光情報
================================= */
.Heading--h2.yellow::before {
	background-image: url(/attending/kokunai/alpine/images/il__mountain--yellow.png);
}

.Anchor__items--imformation {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 750px;
	height: auto;
	margin: 30px auto 0;
}

.Anchor__item--imformation {
	background-size: auto auto;
	background-color: rgba(242, 229, 133, 1);
	background-image: repeating-linear-gradient(90deg, transparent, transparent 9px, rgba(255, 255, 255, 0.28) 9px, rgba(255, 255, 255, 0.28) 18px);
	border-radius: 50%;
	width: 130px;
	height: 130px;
	transform: rotate(25deg);
	transition: opacity 0.5s;
}

.Anchor__item--imformation:hover {
	opacity: var(--opacity);
}

.Anchor__imformation--link {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	width: 130px;
	height: 130px;
	font-size: 17px;
	font-weight: 700;
	text-align: center;
	transform: rotate(-25deg);
}

.Anchor__imformation--link::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%) rotate(135deg);
	width: 12px;
	height: 12px;
	border-top: 3px solid #baa500;
	border-right: 3px solid #baa500;
}

.Heading__information--h3, .Heading__information--h2 {
	font-size: 18px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	text-align: center;
	margin-top: 80px;
}

.Heading__information--h3 span, .Heading__information--h2 span {
	position: relative;
	display: inline-block;
	font-size: 30px;
	font-weight: 600;
}

.Heading__information--h3 span::before,
.Heading__information--h3 span::after,
.Heading__information--h2 span::before,
.Heading__information--h2 span::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	background-image: url(/attending/kokunai/alpine/images/deco__heading.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 57px;
	height: 60px;
}

.Heading__information--h3 span::before, .Heading__information--h2 span::before {
	left: -87px;
	transform: translateY(-50%);
}

.Heading__information--h3 span::after, .Heading__information--h2 span::after {
	right: -87px;
	transform: translateY(-50%) scale(-1, 1);
}

.Block__stuff--recommended {
	background-color: #e0ca21;
	border-radius: 15px;
	margin-top: 40px;
	padding: 70px 60px 40px;
}

.Group__stuff--recommended {
	display: flex;
	justify-content: space-between;
	column-gap: 70px;
}

.Stuff__item {
	position: relative;
	display: flex;
	background-color: #fff;
	border-radius: 10px;
	width: calc(100% / 3);
	padding: 15px;
}

.Stuff__item::before {
	content: "";
	display: block;
	position: absolute;
	top: -40px;
	right: -30px;
	background-repeat: no-repeat;
	background-size: contain;
	width: 113px;
	height: 123px;
	z-index: 2;
}

.Stuff01::before {
	background-image: url(/attending/kokunai/alpine/images/SP24-015505D.png);
}

.Stuff02::before {
	background-image: url(/attending/kokunai/alpine/images/img-SP25-001757D.png);
}

.Stuff03::before {
	background-image: url(/attending/kokunai/alpine/images/SP24-015504D.png);
}

.Stuff__item dl {
	display: flex;
	flex-direction: column;
}

.Stuff__item dl dt {
	border-bottom: solid 1px #e8e8e8;
	font-size: 12px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.Stuff__item dl dt span {
	display: block;
	font-size: 20px;
	font-weight: 700;
}

.Stuff__item dl dt span ruby, .Stuff__item dl dt span::after {
	content: "さん";
	font-size: 14px;
	font-weight: normal;
}

.Stuff__item dl dd {
	font-size: 14px;
}

.Block__highlight {
	background-color: #f8f7ed;
	margin-top: 40px;
	padding: 50px 0;
}

.Group__walking {
	text-align: center;
}

.Heading__waliking--h4, .Heading__waliking--h2 {
	display: inline;
	background: linear-gradient(transparent 50%, #f2e585 0%);
	font-size: 28px;
	font-weight: 600;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	margin-bottom: 30px;
	padding-bottom: 5px;
}
.Heading__waliking--h2__wrap{
	display:block;
	margin-top:40px;
	text-align:center;
}

.Group__walking p {
	background-color: #fff;
	border-radius: 15px;
	font-weight: 700;
	width: 880px;
	margin: 30px auto 0;
	padding: 30px;
}

.Heading__season--h4 {
	position: relative;
	font-size: 26px;
	font-weight: 600;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	text-align: center;
	margin-top: 60px;
}

.Heading__season--h4::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -10px;
	background-color: #f2e585;
	width: 50px;
	height: 3px;
}

.Group__season {
	background-color: #fff;
	border-radius: 15px;
	margin-top: 30px;
	padding: 30px;
}

.Calendar__notice {
	font-size: 12px;
	text-align: right;
	margin-top: 10px;
}

/*----------------------------------
見どころ共通
----------------------------------*/
.Group__tab {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 1024px;
	height: auto;
	margin: 30px auto 0;
}

.tab__common {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f2f2f2;
	border-radius: 15px 15px 0 0;
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	padding: 20px 0;
	cursor: pointer;
}

.current.tab__spring {
	background-color: #1e8917;
	color: #fff;
}

.current.tab__autumn {
	background-color: var(--autumn-color);
	color: #fff;
}

.Group__highlight--season {
	position: relative;
	margin-top: 50px;
}

.Text__highlight {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	z-index: 2;
}

.Hightlight__period {
	border-radius: 100px;
	font-size: 18px;
	font-weight: 800;
	color: #fff;
	text-align: center;
	padding: 5px 20px;
}

.Hightlight__caption {
	display: inline-block;
	background-color: #fff;
	font-size: 24px;
	font-weight: 700;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	margin-top: 20px;
	padding: 5px 20px;
}

.Hightlight__title {
	display: inline-block;
	background-color: #fff;
	font-size: 45px;
	font-weight: 700;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	margin-top: 20px;
	padding: 5px 20px;
}

.Group__highlight--season figure {
	position: relative;
	width: 881px;
	margin-left: calc(100% - 881px);
}

.Group__highlight--season figure figcaption {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.5);
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	padding: 3px 10px;
}

.Heading__highlight--h4 {
	position: relative;
	font-size: 25px;
	font-weight: 600;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.Heading__highlight--h4::before,
.Heading__highlight--h4::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
}

.Heading__highlight--h4::before {
	bottom: -11px;
	width: 40px;
	height: 4px;
	z-index: 2;
}

.Heading__highlight--h4::after {
	bottom: -10px;
	width: 100%;
	height: 2px;
}

.list__highlight--autumn {
	margin-top: 30px;
}

.Highlight__notice {
	font-size: 12px;
	text-align: right;
}

.Group__highlight--gallery {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 30px 39.5px;
	margin-top: 30px;
}

.Gallery__item {
	width: 315px;
}

.Gallery__item dl dt span {
	color: #6e6e6e;
	font-size: 12px;
	font-weight: 400;
	margin-left: 1em;
}

.Gallery__item .Gallery__itemTtl {
	font-size: 18px;
	font-weight: 600;
	padding: 10px 0;
}
.Gallery__item h4{
	font-weight: 700;
}

.Gallery__photo {
	position: relative;
}

.Gallery__photo--etc {
	position: absolute;
	bottom: -15px;
	right: -30px;
}

.Gallery__photo--etc figure {
	position: relative;
}

.Gallery__photo--etc figure img {
	border-radius: 50%;
	border: solid 5px #fff;
	width: 113px;
	height: 113px;
	object-fit: cover;
}

.Photo--etc__caption {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -10px;
	background-color: #e0ca21;
	border-radius: 100px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
	white-space: nowrap;
	padding: 4px 10px;
}

.Photo--etc__caption span {
	display: block;
	font-size: 10px;
}

.Gallery__caption {
	font-size: 14px;
}

.Gallery__caption p {
	font-size: 12px;
	color: #6e6e6e;
	margin-top: 5px;
}

.Gallery__caption a {
	font-size: 12px;
	color: #047ac3;
	text-decoration: underline;
	margin-top: 5px;
}

.Heading__charm--h4 {
	text-align: center;
	margin-top: 60px;
}

.Heading__charm--h4 span {
	position: relative;
	display: inline-block;
	font-size: 28px;
	font-weight: 600;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	line-height: 1;
}

.Heading__charm--h4 span::before,
.Heading__charm--h4 span::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	background-image: url(/attending/kokunai/alpine/images/deco__charm.png);
	background-repeat: no-repeat;
	width: 18px;
	height: 26px;
}

.Heading__charm--h4 span::before {
	left: -40px;
	transform: translateY(-50%);
}

.Heading__charm--h4 span::after {
	right: -40px;
	transform: translateY(-50%) scale(-1, 1);
}

.Block__charm {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}

.Block__charm.Rank02,
.Block__charm.Rank03 {
	margin-top: 80px;
}

.Group__charm--picture {
	width: calc(100% - 350px - 30px);
}

.Group__charm--picture figure {
	position: relative;
	top: 0;
	width: 780px;
	height: 350px;
}

.Rank01 .Group__charm--picture figure,
.Rank03 .Group__charm--picture figure {
	left: -136px;
}

.Rank2 .Group__charm--picture figure {
	right: 0;
}

.Group__charm--memo {
	position: relative;
	border: solid 2px #e8e8e8;
	border-radius: 15px;
	margin-top: 50px;
	padding: 40px;
}

.Group__charm--memo .ttl__memo {
	position: absolute;
	top: -14px;
	left: 40px;
	background-color: #fff;
}

.Group__charm--memo dl dt {
	font-size: 18px;
}

.Group__charm--memo dl dd {
	font-size: 14px;
	margin-top: 10px;
}

.Charm__caption {
	font-size: 14px;
	margin-top: 10px;
}

.Group__charm--text {
	position: relative;
	width: 350px;
}

.Group__charm--text::before {
	display: block;
	position: absolute;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 75px;
	font-family: "Fugaz One", sans-serif;
	z-index: -1;
}

.Rank01 .Group__charm--text::before {
	content: "NO.1";
	color: #eee59c;
}

.Rank02 .Group__charm--text::before {
	content: "NO.2";
	color: #eaeaea;
}

.Rank03 .Group__charm--text::before {
	content: "NO.3";
	color: #e6cca2;
}

.Group__charm--text h5, .Group__charm--text h3 {
	font-size: 28px;
	font-weight: 600;
	margin-top: 50px;
}

.Group__charm--text p {
	margin-top: 10px;
}

.Group__charm--text figure {
	margin-top: 20px;
}

.Group__charm--water {
	position: relative;
	border: solid 2px #e8e8e8;
	border-radius: 15px;
	width: 925px;
	margin: 60px auto 0;
}

.ttl__water {
	position: absolute;
	top: -25px;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
	background-color: #fff;
	font-size: 20px;
	font-weight: 600;
	padding: 5px 30px;
}

.ttl__water span {
	position: relative;
}

.ttl__water span::before,
.ttl__water span::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	background-color: #e8e8e8;
	width: 2px;
	height: 100%;
}

.ttl__water span::before {
	left: -15px;
	transform: translateY(-50%) rotate(-35deg);
}

.ttl__water span::after {
	right: -15px;
	transform: translateY(-50%) rotate(35deg);
}

.Group__charm--water__inner {
	display: flex;
	justify-content: space-between;
	padding: 40px;
}

.Water__text {
	width: calc(100% - 275px - 20px);
}

.Water__year {
	background-color: #f2e585;
	border-radius: 100px;
	font-size: 24px;
	font-weight: 600;
	text-align: center;
	color: var(--primary-color);
	padding: 5px 0;
}

.Water__date {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-top: 15px;
}

.Water__date__list li {
	font-weight: 600;
}

.Water__date__list li span {
	display: inline-block;
	width: 120px;
}

.Water__notice {
	font-size: 12px;
	margin-top: 10px;
}

.Group__charm--water__inner figure {
	width: 275px;
}

.Heading__enjoy--h4 {
	text-align: center;
	margin-top: 50px;
}

.Heading__enjoy--h4 span {
	position: relative;
	display: inline-block;
	font-size: 26px;
	font-weight: 600;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.Heading__enjoy--h4 span::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -10px;
	width: 50px;
	height: 3px;
}

.Block__other {
	background-color: #f8f7ed;
	margin-top: 30px;
	padding: 30px 0;
}

.Group__other {
	text-align: center;
}

.Heading__other--h4 {
	display: inline;
	background: linear-gradient(transparent 50%, #f2e585 0%);
	font-size: 28px;
	font-weight: 600;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	margin-bottom: 30px;
	padding-bottom: 5px;
}

.Group__other p {
	background-color: #fff;
	border-radius: 15px;
	width: 880px;
	margin: 30px auto 0;
	padding: 30px;
}

.Group__other p em {
	display: block;
	font-weight: 700;
	font-style: normal;
}

.Heading__vehicle--h4 {
	position: relative;
	font-size: 26px;
	font-weight: 600;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	text-align: center;
	margin-top: 60px;
}

.Heading__vehicle--h4::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -10px;
	background-color: #f2e585;
	width: 50px;
	height: 3px;
}

.Group__vehicle--large,
.Group__vehicle--small {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}

.Group__vehicle--large dl {
	background-color: #fff;
	width: 497px;
}
.Group__vehicle--large p{
    font-size: 12px;
    color: #6e6e6e;
    margin-top: 5px;
}
.Group__vehicle--large a{
    font-size: 12px;
    color: #047ac3;
    text-decoration: underline;
    margin-top: 5px;
}
.Group__vehicle--small dl {
	width: 240px;
}

[class^="Group__vehicle--"] dl {
	background-color: #fff;
}

[class^="Group__vehicle--"] dl dt {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.02em;
	padding: 5px 10px 0;
}

[class^="Group__vehicle--"] dl dd {
	font-size: 14px;
    position: relative;
}

[class^="Group__vehicle--"] dl dd.Text {
	padding: 5px 10px 10px;
}
[class^="Group__vehicle--"] dl dd figure {
    position: absolute;
    bottom: -40px;
    right: 0;
}
.Block__movie {
	width: 879px;
	margin: 30px auto 0;
}

.Group__movie--main {
	width: 879px;
	height: 494px;
	overflow: hidden;
}

.Movie__ttl {
	font-size: 17px;
	font-weight: 600;
	text-align: center;
	text-decoration: underline;
	margin: 30px 0 20px;
}

.Group__movie--thumb {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px 25px;
}

.Movie__thumb {
	width: 200px;
}

.Movie__thumb p {
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	margin-top: 5px;
}

.Group__highlight--lecture {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}

.Group__highlight--lecture figure {
	position: relative;
	width: 272px;
}

.Group__highlight--lecture figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.Group__highlight--lecture figure figcaption {
	position: absolute;
	right: -50px;
	display: table;
	background-color: #f0dd4b;
	border-radius: 50%;
	width: 135px;
	height: 135px;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	transform: rotate(10deg);
	z-index: 10;
}

.Group__highlight--lecture figure figcaption span {
	position: relative;
	display: table-cell;
	vertical-align: middle;
}

.Group__highlight--lecture figure figcaption span::after {
	content: "";
	position: absolute;
	bottom: 7px;
	left: 26px;
	transform: translateX(-50%) rotate(-9deg) skew(-20deg, -20deg);
	background-color: #f0dd4b;
	width: 15px;
	height: 15px;
	/* clip-path: polygon(0 0, 0% 100%, 100% 100%); */
}

.Group__highlight--lecture figure figcaption em {
	font-size: 19px;
	font-style: normal;
}

.Group__lecture--text {
	width: calc(100% - (272px * 2) - 30px - 40px);
}

.Group__lecture--text p {
	font-size: 14px;
	font-weight: 400;
	margin-top: 30px;
}

.Group__highlight--map {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 872px;
	margin: 30px auto 0;
}

.Group__map--text {
	width: calc(100% - 442px - 30px);
}

.Group__map--text p {
	font-size: 14px;
	font-weight: 400;
	margin-top: 30px;
}

.Group__highlight--map figure {
	width: 442px;
}

.Heading__experience--h4, .Heading__experience--h3 {
	margin-bottom:20px;
	text-align: center;
}

.Heading__experience--h4 span, .Heading__experience--h3 span {
	position: relative;
	display: inline-block;
	font-size: 24px;
	font-weight: 600;
}

.Heading__experience--h4 span::after, .Heading__experience--h3 span::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	background-color: #222;
	width: 100%;
	height: 1px;
}

.Block__experience {
	background-color: #f8f7ed;
	border-radius: 35px;
	padding: 30px 40px;
	margin-top: 30px;
}

.Experience__items {
	display: flex;
	justify-content: space-between;
	text-align: center;
}

.Experience__item {
	width: calc(100% / 5);
}

.Experience__items figure img {
	width: 170px;
	height: 170px;
	border-radius: 50%;
	object-fit: cover;
}

.Experience__items figure figcaption {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	color: var(--primary-color);
	margin-top: 10px;
}

.Experience__items figure figcaption span {
	display: inline-block;
	background-color: var(--primary-color);
	border-radius: 100px;
	font-size: 11px;
	font-weight: 600;
	color: #fff;
	padding: 5px 10px;
}

.Experience__notice {
	font-size: 12px;
	text-align: right;
	margin-top: 10px;
}

/*----------------------------------
春・夏の見どころ
----------------------------------*/
.block__spring {
	border-top: solid 5px var(--spring-color);
}

.block__spring .Hightlight__period {
	background-color: var(--spring-color);
}
.block__spring .Heading__highlight--h4::before {
	background-color: var(--spring-color);
}

.block__spring .Heading__highlight--h4::after {
	background-color: #b2d3b0;
}

.block__spring .Heading__enjoy--h4 span::after {
	background-color: var(--spring-color);
}

/*----------------------------------
 秋の見どころ
----------------------------------*/
.block__autumn {
	border-top: solid 5px var(--autumn-color);
}

.block__autumn .Hightlight__period {
	background-color: var(--autumn-color);
}

.block__autumn .Heading__highlight--h4 {
	margin-top: 40px;
}

.block__autumn .Heading__highlight--h4::before {
	background-color: var(--autumn-color);
}

.block__autumn .Heading__highlight--h4::after {
	background-color: #deb8a2;
}

.block__autumn .Heading__enjoy--h4 span::after {
	background-color: var(--autumn-color);
}

/* =================================
立山黒部アルペンルートでよくある質問
================================= */
.Sec__qa {
	border-top: solid 1px #e5e5e5;
	padding: 120px 0 80px;
}

.Group__qa {
	margin-top: 30px;
}

.Group__qa details:not(:first-child) {
	margin-top: 20px;
}

summary {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background-color: #f2f2f2;
	border-radius: 15px;
	list-style: none;
	padding: 20px;
	cursor: pointer;
}

summary::-webkit-details-marker {
	display: none;
}

summary::before {
	content: "Q.";
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-weight: 600;
	color: var(--primary-color);
	margin-right: 10px;
}

.Summary__inner {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	font-size: 18px;
	font-weight: 600;
	color: var(--primary-color);
}

.Summary__inner::before,
.Summary__inner::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	display: block;
	width: 3px;
	height: 16px;
	background-color: var(--primary-color);
	transform: translateY(-50%);
}

.Summary__inner::after {
	transform: translateY(-50%) rotate(90deg);
}

.is-opened .Summary__inner::before {
	transform: translateY(-50%) rotate(90deg);
}

.QA__text {
	font-size: 14px;
	padding: 20px;
}

/* =================================
阪急交通社で立山黒部アルペンルートに行くには！
================================= */
.Sec__hankyu .Common21__inner {
	overflow: hidden;
}
.Block__group {
	/* display: flex;
	justify-content: space-between;
	column-gap: 60px;
	margin-top: 60px; */
	padding: 0 10px;
}

.Group__hankyu {
	float: left;
	position: relative;
	border: solid 2px #e8e8e8;
	border-radius: 15px;
	width: calc((100% / 3) - 40px);
	padding: 20px 40px 30px;
}

.Group__hankyu:not(:last-child) {
	margin-right: 60px;
}

.Ttl__hankyu {
	position: absolute;
	top: -15px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	text-align: center;
	white-space: nowrap;
	padding: 0 30px;
}

.Group__hankyu02 .Ttl__hankyu {
	top: -30px;
}

.Ttl__hankyu span {
	position: relative;
	display: block;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--primary-color);
}

.Ttl__hankyu span::before,
.Ttl__hankyu span::after {
	content: "";
	display: block;
	position: absolute;
	top: calc(50% + 3px);
	background-color: #e8e8e8;
	width: 2px;
	height: 25px;
}

.Ttl__hankyu span::before {
	left: -15px;
	transform: translateY(-50%) rotate(-35deg);
}

.Ttl__hankyu span::after {
	right: -15px;
	transform: translateY(-50%) rotate(35deg);
}

.Group__hankyu::after {
	content: "";
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
}

.Group__hankyu.Group__hankyu01 {
	margin-top: 50px;
}

.Group__hankyu01::after {
	bottom: -20px;
	right: 10px;
	background-image: url(/attending/kokunai/alpine/images/il__hankyu--01.png);
	width: 124px;
	height: 44px;
}

.Group__hankyu.Group__hankyu02 {
	margin-top: 100px;
	padding: 30px 40px;
}

.Group__hankyu02::after {
	bottom: 0;
	right: -15px;
	background-image: url(/attending/kokunai/alpine/images/il__hankyu--02.png);
	width: 46px;
	height: 156px;
}

.Group__hankyu.Group__hankyu03 {
	margin-top: 160px;
}

.Group__hankyu03::after {
	top: -80px;
	left: 50px;
	transform: translateY(-50%);
	background-image: url(/attending/kokunai/alpine/images/il__hankyu--03.png);
	width: 191px;
	height: 139px;
}

.Group__hankyu ul li {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
	font-weight: 600;
}

.Group__hankyu ul li::before {
	position: relative;
	top: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
	font-weight: 600;
	font-family: "Fugaz One", sans-serif;
	color: #9bc3de;
	margin-right: 10px;
}

.Num01::before {
	content: "1.";
}

.Num02::before {
	content: "2.";
}

.Num03::before {
	content: "3.";
}

.Group__button--hankyu {
	display: flex;
	justify-content: space-between;
	width: 800px;
	margin: 0 auto;
	column-gap: 30px;
	margin-top: 30px;
}

.Group__button--hankyu > div {
	width: calc(100% / 2);
	transition: opacity 0.5s;
}

.Group__button--hankyu > div:hover {
	opacity: var(--opacity);
}

.Button__link {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	padding: 15px 0;
}

.Button__link::after {
	content: "";
	position: absolute;
	right: 20px;
	display: block;
}

.Button__link--tour {
	background-color: var(--primary-color);
}

.Button__link--tour::after {
	top: calc(50% + 2px);
	width: 10px;
	height: 10px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: translateY(-50%) rotate(-45deg);
}

.Button__link--access {
	background-color: #1e8917;
}

.Button__link--access::after {
	top: 50%;
	width: 10px;
	height: 10px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: translateY(-50%) rotate(45deg);
}

/* =================================
立山黒部アルペンルートに関するブログ
================================= */
.Blog__notice {
	font-size: 14px;
	text-align: center;
}

.Group__blog {
	background-color: #f2f2f2;
	margin-top: 30px;
	padding: 50px 0;
}

.Blog__items {
	display: flex;
	justify-content: space-between;
	gap: 2rem;
}

.Blog__item {
	background-color: #fff;
	border: solid 1px #dedede;
	border-radius: 10px;
	width: calc(100% / 2);
	padding: 2rem;
}

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

.Blog__photo {
	width: 20rem;
	height: auto;
}

.Blog__photo img {
	width: 20rem;
	height: 14rem;
	object-fit: cover;
}

.Blog__cassette-inner {
	display: flex;
	flex-direction: column;
	width: calc(100% - 20rem - 2rem);
}

.Blog__day {
	font-size: 14px;
	font-weight: 600;
	color: #999999;
}

.Blog__ttl {
	font-weight: 600;
	margin-top: 10px;
}

.Blog__pref {
	text-align: right;
	margin-top: auto;
}

.Blog__pref-label {
	display: inline-block;
	border: solid 1px var(--primary-color);
	border-radius: 4px;
	font-size: 13px;
	font-weight: 600;
	color: var(--primary-color);
	padding: 2px 10px;
}

.Blog__more {
	text-align: right;
}

.Blog__more--link {
	display: inline-block;
	position: relative;
	font-weight: 600;
	text-decoration: underline;
	margin-top: 20px;
}

.Blog__more--link::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -20px;
	width: 10px;
	height: 10px;
	border-top: 3px solid var(--primary-color);
	border-right: 3px solid var(--primary-color);
	transform: translateY(-50%) rotate(45deg);
}

/* =================================
おすすめ特集
================================= */
.swiper-slider__outer {
	position: relative;
	margin-top: 10px;
}

.bannerCassette_content .bannerImg {
	width: 230px;
	height: 173px;
}

/*=====================================
ツアーカセット
*=====================================*/
.Tour__cassette {
	display: flex;
	flex-direction: column;
	width: 27rem;
	height: auto;
	transition: opacity 0.5s;
}

.Tour__cassette:hover {
	opacity: var(--opacity);
}

.Tour__swiper-link {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background-color: #fff;
	border-radius: 8px;
	height: 100%;
	overflow: hidden;
}

.Tour__cassette figure {
	width: 100%;
}

.Tour__cassette figure img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	overflow: hidden;
}

.Tour__cassette-inner {
	display: flex;
	flex-direction: column;
	background-color: #fff;
	border-top: none;
	height: 100%;
	padding: 0 15px 20px;
}

.Tour__label-items {
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 10px;
	margin-top: 10px;
}

.Tour__label-item {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	padding: 5px;
}

.Tour__departure {
	border: solid 1px var(--primary-color);
	color: var(--primary-color);
}

.Tour__conductor {
	background-color: var(--primary-color);
	border: solid 1px var(--primary-color);
	color: #fff;
}

.Tour__title {
	font-weight: 600;
	line-height: 1.4;
	margin-top: 10px;
}

.Tour__caption {
	font-size: 14px;
	line-height: 1.4;
	margin-top: 10px;
	margin-bottom: 20px;
}

.Tour__price {
	font-size: 20px;
	font-weight: 600;
	color: #ff1d00;
	text-align: right;
	margin-top: auto;
}

.Group__hotel {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 20px;
	margin-top: 20px;
}

.Hotel__cassette {
	display: flex;
	flex-direction: column;
	width: 24rem;
	height: auto;
	transition: opacity 0.5s;
    border-radius: 8px;
    overflow: hidden;
	pointer-events: none;
}

/* .Hotel__cassette:not(:nth-child(-n+4)) {
	margin-top: 20px;
} */

.Hotel__cassette:hover {
	opacity: var(--opacity);
}

.Hotel__link {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background-color: #fff;
	border-radius: 8px;
	height: 100%;
	overflow: hidden;
}

.Hotel__cassette figure {
	width: 100%;
}

.Hotel__cassette figure img {
	width: 100%;
	height: 160px;
	object-fit: cover;
	overflow: hidden;
}

.Hotel__cassette-inner {
	display: flex;
	flex-direction: column;
	background-color: #fff;
	border-top: none;
	height: 100%;
	padding: 0 15px 20px;
}

.Hotel__location {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 13px;
	font-weight: 600;
	color: var(--primary-color);
	margin-top: 10px;
}

.Hotel__location::before {
	content: "";
	display: block;
	background-image: url(/attending/kokunai/alpine/images/icn__mark.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 13px;
	height: 17px;
	margin-right: 3px;
}

.Hotel__title {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-weight: 600;
	line-height: 1.4;
	margin-top: 5px;
}

.Hotel__caption {
	font-size: 14px;
	line-height: 1.4;
	margin-top: 10px;
	margin-bottom: 20px;
}

.Hotel__button {
	position: relative;
	background-color: var(--primary-color);
	border-radius: 100px;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	margin-top: auto;
	pointer-events: auto;
}

.Hotel__button form button{
	width:100%;
	padding:10px 0;
}

.Hotel__button::after {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	right: 20px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: translateY(-50%) rotate(45deg);
}

.Tour__swiper-outer {
	position: relative;
	margin-top: 20px;
}

.Tour__swiper {
	margin: 0 auto;
	padding-bottom: 0;
	position: static;
	overflow: hidden;
	list-style: none;
	z-index: 1;
}

.Tour__swiper:has(.swiper-scrollbar-lock) {
	padding-bottom: 0;
}

.Tour__swiper-button-next.swiper-button-disabled,
.Tour__swiper-button-prev.swiper-button-disabled {
	display: none;
}

.Tour__swiper-button-next,
.Tour__swiper-button-prev {
	position: absolute;
	top: calc(50% - 2rem);
	z-index: 10;
	width: 5rem;
	height: 5rem;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	transition: opacity 0.5s;
	cursor: pointer;
}

.Tour__swiper-button-next:hover,
.Tour__swiper-button-prev:hover {
	opacity: var(--opacity);
}

.Tour__swiper-button-next {
	right: -2.5rem;
	transform: translateY(-50%);
}

.Tour__swiper-button-prev {
	left: -2.5rem;
	transform: translateY(-50%) rotate(180deg);
}

.Tour__swiper-button-next:after,
.Tour__swiper-button-prev:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	border-top: 2px solid white;
	border-right: 2px solid white;
}

.Tour__swiper-button-next:after {
	transform: translate(-70%, -50%) rotate(45deg);
}

.Tour__swiper-button-prev:after {
	transform: translate(-60%, -50%) rotate(45deg);
}

/* swiper */
.swiper-scrollbar {
	background: #e5e5e5;
}

.swiper-scrollbar-drag {
	background: #bebebe;
}

.swiper-wrapper {
	margin-bottom: 30px;
}

.swiper-button-prev {
	top: calc(50% - 15px);
	left: -25px;
}

.swiper-button-next {
	top: calc(50% - 15px);
	right: -25px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	content: none;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	display: none;
}

.swiper-button-prev,
.swiper-button-next {
	background: rgba(0, 0, 0, 0.5);
	cursor: pointer;
	border-radius: 50%;

	width: 5rem;
	height: 5rem;
	z-index: 10;
	transition: opacity 0.3s;
	background-image: none;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
	opacity: var(--opacity);
}

.swiper-button-prev::before,
.swiper-button-next::before {
	content: "";
	position: absolute;
	top: 50%;
	display: block;
	width: 8px;
	height: 8px;
}

.swiper-button-prev::before {
	left: 55%;
	transform: translate(-50%, -50%) rotate(-135deg);
}

.swiper-button-next::before {
	left: 45%;
	transform: translate(-50%, -50%) rotate(45deg);
}

.swiper-container-horizontal > .swiper-scrollbar {
	left: 0;
	width: 100%;
	height: 10px;
	z-index: 18;
}

.swiper-slider__outer .swiper-button-prev::before,
.swiper-slider__outer .swiper-button-next::before {
	border-top: 2px solid white;
	border-right: 2px solid white;
}

/* swiper */
/* .swiper-wrapper {
	margin-bottom: 30px;
}

.swiper-button-prev {
	top: calc(50% - 15px);
	left: -25px;
}

.swiper-button-next {
	top: calc(50% - 15px);
	right: -25px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	content: none;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	display: none;
}

.swiper-button-prev,
.swiper-button-next {
	background-color: rgb(0,0,0,0.5);
	border-radius: 50%;

	width: 50px;
	height: 50px;
	cursor: pointer;
	z-index: 10;
	transition: all 0.3s;
	background-image: none;
}

.swiper-button-prev:active,
.swiper-button-next:active {
	transition: all 0.3s;
	opacity: 0.5;
}

.swiper-button-prev::before,
.swiper-button-next::before {
	content: "";
	position: absolute;
	top: 50%;
	display: block;
	width: 12px;
	height: 12px;
}

.swiper-button-prev::before {
	left: 55%;
	transform: translate(-50%, -50%) rotate(-135deg);
}

.swiper-button-next::before {
	left: 45%;
	transform: translate(-50%, -50%) rotate(45deg);
}

.swiper-container-horizontal > .swiper-scrollbar {
	left: 0;
	width: 100%;
	height: 10px;
}

.swiper-slider__outer .swiper-button-prev::before,
.swiper-slider__outer .swiper-button-next::before {
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
} */
/* その他おすすめ特集_end */