@charset "UTF-8";

/*adjustment
---
original: /assets/scss/campaign-details.scss
---
*/
@media screen and (min-width: 1440px) {
  .hero-campaign-full {
    background-image: url("/camps_visual/snow2025-2026.jpg") !important;
  }
  .hero-campaign-full.s-snow-a {
    background-image: url("/camps_visual/snow2025-2026_a.jpg") !important;
  }
  .hero-campaign-full.s-snow-b {
    background-image: url("/camps_visual/snow2025-2026_b.jpg") !important;
  }
}
@media screen and (max-width: 1439px) {
  .hero-campaign-full {
    background-image: none;
  }
}

.mod-campaign-btn.list-cmn-entry.s-inline.f-s a {
    font-size: 1.8rem;
}

@media screen and (min-width: 960px){
.mod-campaign-btn.list-cmn-entry.s-inline.f-s .list-cmn-entry-item{
    width: 400px;
}
}

.list-cmn-guide-item-body-item .s-info {
    margin-top: 2em!important;
}

.kadomaru {
    border-radius: 30px;
}

.s-snow-blue {
	background-color: #0095FF;
}

.s-snow-pink {
	background-color: #FF009D;
}

.list-campaign-guide.s-star li, .list-campaign-guide.s-info li {
    margin-bottom: 12px;
}

.mod-campaign-read-text{
    margin-bottom: 1.5em;
}

.nav-cmn-tab-body.s-narrow{
    padding-top: 0;
}

@media screen and (max-width: 959px){
    .mod-campaign-btn.list-cmn-entry{
        display: block;
        margin-right: 0;
        margin-left: 0;
        margin-top: 10px;
    }

.mod-campaign-btn.s-inline >.list-cmn-entry-item {
    width: 100%;
    margin: 10px 0 0 0;
}
}
.mod-snow2025-2026-01 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(255, 255, 255)), to(rgb(255, 255, 255)));
  background-image: linear-gradient(to top, rgb(255, 255, 255)  0%, rgb(255, 255, 255)100%);
}
.mod-snow2025-2026-01-title {
  padding: 20px 40px;
  border-bottom: 2px dashed #0095FF;
  text-align: center;
  font-size: 2.9rem;
  font-weight: bold;
  color: #0095FF;
}
.area-cmn-body {
	border-top: 4px
	solid #0095FF;
	background-color: #fff;
}
.area-cmn-body-title span.Tag{
	display: block;
	text-align: center;
	font-weight: bold;
}
.area-cmn-body-title span.Tag2{
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 2.3rem;
}
.table-price th strong {
    font-size: 1.2rem;
}
.enquete .area-cmn-body-in {
	/* border-bottom: none; */
}
.enquete p.read{
	margin-bottom: 1.4em;
}
@media screen and (max-width: 959px){/*ハイシーズン期間調整*/
.table-price th, .table-price td {
    height: 52px;
	}
.table-price th strong {
       line-height: 1.1;
	}
.enquete .list-cmn-guide {
    margin-top: 10px;
	}
}
.only-pc.s-green{
	margin-left: 4px;
}
.table-price th strong {
    font-size: 1.2rem;
}

/*=================================================
ボタン上スキー場一覧背景
================================================*/
.ski-a-wrap {
	background: #eef4fb;
	border-radius: 5px;
	padding: 0;
	margin-bottom: 1em;
}
.ski-a-wrap p {
	text-align: center;
	padding: 10px 0;
	border-bottom: 1px dotted #666;
}
/*==========================================================================================

　//　提携スキー場

==========================================================================================*/


.skilistArea.Inner {
	padding:30px 10px 10px 10px;
	
}

.skilistArea .prefectureUnit:not(:last-child) {
	margin-bottom:2.2em;
}
.skilistArea h3{
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
	margin: 0 0 0.5em;
	letter-spacing: 3px;
}
@media screen and (min-width: 960px){
.skilistArea .prefectureUnit:not(:first-child) h3{
	border-top:1px solid #ccc;
	padding-top: 1em;
}

}
.skilistArea.Inner .skiA:after{
	content:"　対象スキー場 A　";
	display: inline-block;
	color: #fff;
	background: #0095FF;
	font-weight: bold;
	border-radius: 16px;
	font-size: 11px;
	padding: 2px 6px;
	margin-left: 1em;
}
.skilistArea.Inner .skiB:after{
	content:"　対象スキー場 B　";
	display: inline-block;
	color: #fff;
	background: #FF009D;
	font-weight: bold;
	border-radius: 16px;
	font-size: 11px;
	padding: 2px 6px;
	margin-left: 1em;
}
.skilistArea h4{
	font-weight: bold;
	margin-bottom: .6em;
	line-height: 1.5;
}
.skilistArea h4 span{
	font-weight: normal;
	font-size: .7em;
	color: #666;
}
.skilistArea .skiUnit {
	padding:10px 7px;
	border-bottom:1px dotted #666;
}
.skilistArea .skiUnit:nth-child(even){
	background:#F7FAFD;
}
.skilistArea .skiUnit{
	padding-top:0;
}
.skilistArea .skiUnit {
	border-bottom:none;
}
.skilistArea .skiUnit h5 {
	font-size:13px;
	font-weight:bold;
	line-height:1.2;
	padding-bottom:8px;
}
.skilistArea .skiUnit h5 .ruby {
	font-size:9px;
	font-weight:normal;
	color:#666;
}
.skilistArea .skiUnit h5 .note {
	font-size:9px;
	font-weight:normal;
	color:#444;
}
.skilistArea .skiUnit .itemize {
	width:100%;
	display:table;
	margin-bottom:3px;
}
.skilistArea .skiUnit .itemize:last-child {
	margin-bottom:0;
}
.skilistArea .skiUnit .itemize dt {
	width:12%;
	min-width: 60px;
	padding:0.2em 0;
	background:#999;
	border-radius:2px;
	position:relative;
	text-align:center;
	
	font-size:9px;
	line-height:1;
	color:#FFF;
	font-weight:bold;
	
	display:table-cell;
	vertical-align: middle;
}
.skilistArea .skiUnit .itemize dt.privg {
	background:#6ABBE2;
}
.skilistArea .skiUnit .itemize dt.child {
	background:#FF6666;
}
.skilistArea .skiUnit .itemize dt.notice {
	background:#0E3963;
}
.skilistArea .skiUnit .itemize dd {
	width:88%;
	padding:0.15em 0 0.15em 0.5em;
	text-align:left;
	color:#111;
	
	display:table-cell;
	vertical-align: middle;
}
.skilistArea .skiUnit .itemize dd:last-child {
	margin-bottom:0;
}
.skilistArea .skiUnit .itemize dd p {	
	font-size:11px;
	line-height:1.3;
	color:#666;
}
.skilistArea .skiUnit .itemize dd p.privg {	
	font-weight:bold;
	color:#3987C9;
}
.skilistArea .skiUnit .itemize dd p.child {	
	font-weight:bold;
	color:#FF5252;
}
.skilistArea .skiUnit .itemize dd p.notice {	
	font-weight:bold;
	color:#0E3963;
}
.skilistArea .skiUnit .itemize dd p a {
	color:inherit;
	text-decoration:underline;
	word-wrap: break-word;
  white-space: normal;
  display: block;
}
.skilistArea .skiUnit .itemize dd p a:hover {
	color:inherit;
	text-decoration:none;
}
.skilistArea .noteBody {
	padding-bottom:5px;
}
.skilistArea .noteBody dl {
	font-size: 10px;
	line-height: 1.4;
	color: #666;
}
.skilistArea .noteBody dt {
	float: left;
	clear: left;
	width:1.4em;
}
.skilistArea .noteBody dd {
	margin-left: 1.4em;
	margin-bottom: 0.3em;
}
@media screen and (max-width: 959px){
	.inner.accordionInner{
				box-shadow: 0px 5px 35px -7px #b3bbca;
	}
	.skilistArea .skiUnit {
		margin: 0px;
		border-top:1px dotted #a2a2a2;
		background: #fff;
	}
	.skilistArea .skiUnit:first-child{
		border: none;
	}
	.skilistArea .skiUnit:nth-child(even) {
		background:#eef6fd;
	}
	.skilistArea .skiUnit:nth-child(odd) {
		background:#fff;
	}
	.skilistArea h4 {
    padding-top: .6em;
	}
	
}


@media screen and (min-width: 960px){
.grad-btn,.grad-trigger {
  display: none;
}
	.accordionInner{
		display: flex;
		flex-wrap: wrap;
	}
	.skilistArea .skiUnit {
		width: 31%;
		margin: 1%;
		position: relative;
	}
.skilistArea .skiUnit {
    background: #F7FAFD;
	border-bottom: none;
	padding: 1em;
	border-radius: 4px;
	box-shadow:0px 5px 35px -7px #b3bbca;
}
.skilistArea.Inner .skiA:after{
	margin: 0;
	border-radius: 16px;
	font-size: 13px;
	position: absolute;
	padding: 3px 8px;
	top: -10px;
	right: -7px;
}
.skilistArea.Inner .skiB:after{
	margin: 0;
	font-size: 13px;
	position: absolute;
	padding: 3px 8px;
	top: -10px;
	right: -7px;
}
.skilistArea h4 span{
	display: block;
}
}

/* テーブル：対象スキー場リスト */

dl.ski-a .listCell {
	padding:10px 10px 10px 10px;
}
dl.ski-a {
	padding: 1em;
}
dl.ski-a dt {
	width:5.2em;
	float:left;
	clear:both;
	font-size:93%;
	font-weight:bold;
	padding-bottom:0.3em;
	
}
dl.ski-a dt.top {
	border-top:none;
}
dl.ski-a dd {
	padding-left:5.2em;
	padding-bottom:0.2em;
}
dl.ski-a dd.top {
	padding-top:0;
	border-top:none;
}
dl.ski-a ul {
	margin-bottom: .2em;
}
dl.ski-a li {
	font-size:93%;
	line-height:1.2;
	display: inline-block;
	margin:0 .5em 0 0;
	padding:0 1em 0 0;
	border-right:1px solid #ccc;
	white-space:normal;
}
dl.ski-a li span {
	font-size:93%;
	font-weight:normal;
}
dl.ski-a li:last-child {	
	margin-left:0;
	padding-left:0;
	border-right:none;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ▼ モーダル用調整 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.area-modal .grad-btn,.area-modal .grad-trigger {
  display: block;
}
.area-modal .accordionInner{
		display: flex;
		flex-wrap: wrap;
	}
.area-modal .skilistArea .skiUnit {
		width: 100%;
		margin: 0;
		position: relative;
	border-radius: 0;
	}
.area-modal .skilistArea.Inner .skiA:after,
.area-modal .skilistArea.Inner .skiB:after{
	display: inline-block;
	position: relative;
	top: 0;
}
.area-modal .inner.accordionInner{
	box-shadow: 0px 5px 35px -7px #b3bbca;
	}
.area-modal .skilistArea .skiUnit {
		margin: 0px;
		border-top:1px dotted #a2a2a2;
		background: #fff;
	}
.area-modal .skilistArea .skiUnit:first-child{
		border: none;
	}
.area-modal .skilistArea .skiUnit:nth-child(even) {
		background:#eef6fd;
	}
.area-modal .skilistArea .skiUnit:nth-child(odd) {
		background:#fff;
	}
.area-modal .skilistArea h4 {
    padding-top: .3em;
	}
.area-modal .table-price th, .area-modal .table-price td{
	height: 55px;
}
.area-modal .table-price th strong {
	line-height: 1.3;
}


.area-modal .grad-item {
  position: relative;
  overflow: hidden;
  height: 250px; /*隠した状態の高さ*/
	transition: .2s;

}

.area-modal .grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 120px; /*グラデーションで隠す高さ*/
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+56,1+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  content: "";
	z-index: 3;
	transition: .2s;
}
.area-modal .grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
.area-modal .grad-trigger:checked ~ .grad-btn::before {
  content: "▲ 閉じる" ;/*チェックされていたら、文言を変更する*/
}
.area-modal .grad-trigger:checked ~ .grad-item {
  height: auto; /*チェックされていたら、高さを戻す*/
}
.area-modal .grad-trigger:checked ~ .grad-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}


.area-modal .area-cmn-body {
    border-top: 4px solid #113961;
}
.area-modal .grad-Wrap {
    position: relative;
}


.area-modal .grad-btn {
  position: absolute;
  bottom: 20px;
  z-index: 999;
    width: 92%;
    margin: 4%;
}
.area-modal .grad-item {
  position: relative;
  overflow: hidden;
  height: 600px; /*隠した状態の高さ*/
}
.area-modal .grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 300px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
}
.area-modal .grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
.area-modal .grad-trigger:checked + .grad-btn {
  display: none; /*チェックされていたら、grad-btnを非表示にする*/
}
.area-modal .grad-trigger:checked ~ .grad-item {
  height: auto; /*チェックされていたら、高さを戻す*/
}
.area-modal .grad-trigger:checked ~ .grad-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ▲ モーダル用調整 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



.list-campaign-set-01 {
	clear: both;
}
.list-campaign-set-01-item .small{
	font-size: 0.6em;
}
@media screen and (max-width: 599px) {
  .mod-snow2025-2026-01-title {
    padding: 20px 10px;
    font-size: 1.8rem;
  }
}
.area-modal .mod-snow2025-2026-01-title {
  padding: 20px 10px;
  font-size: 1.8rem;
}
.mod-snow2025-2026-01-body {
  padding-top: 40px;
  padding-bottom: 30px;
}
.mod-snow2025-2026-02-body {
  padding-top: 0px;
  padding-bottom: 0px;
}
@media screen and (max-width: 599px) {
  .mod-snow2025-2026-01-body {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.area-modal .mod-snow2025-2026-01-body {
  padding-top: 20px;
  padding-bottom: 20px;
}
.mod-snow2025-2026-01-image-01 {
  text-align: center;
}
@media screen and (max-width: 599px) {
  .mod-snow2025-2026-01-image-01 {
    margin-bottom: 10px;
  }
}
.area-modal .mod-snow2025-2026-01-image-01 {
  margin-bottom: 10px;
}
.mod-snow2025-2026-01-image-02 {
  text-align: center;
}
@media screen and (max-width: 599px) {
  .mod-snow2025-2026-01-image-pc {
    display: none;
  }
}
.area-modal .mod-snow2025-2026-01-image-pc {
  display: none;
}
.mod-snow2025-2026-01-image-sp {
  display: none;
}
@media screen and (max-width: 599px) {
  .mod-snow2025-2026-01-image-sp {
    display: inline-block;
  }
}
.area-modal .mod-snow2025-2026-01-image-sp {
  display: inline-block;
}



/*adjustment
---
original: /assets/scss/campaign-details.scss
---
*/
.list-campaign-guide-icon.text-size-B {
  margin-top: -3px;
}

.list-campaign-guide-text-01.snow2025-2026-size {
  font-size: 1.8rem;
}

.list-campaign-guide-text-01.snow2025-2026-banner {
  padding-top: 20px;
}

@media screen and (max-width: 599px) {
  .list-campaign-guide-text-01.snow2025-2026-size {
    font-size: 1.6rem;
    word-break: break-all;
  }
}

.area-modal .list-campaign-guide-text-01.snow2025-2026-size {
  font-size: 1.6rem;
}



/*adjustment
---
original: /assets/scss/object/component/_list.scss
---
*/
@media screen and (max-width: 959px) {
  .area-cmn-skip.s-wide {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 599px) {
  .area-cmn-skip.s-wide {
    padding-bottom: 0;
  }
}



/*adjustment
---
original: /assets/scss/object/component/_area.scss
---
*/
.area-cmn-body-in.s-noborder-bottom {
  border-bottom: none;
}
.area-cmn-body-in.s-noborder.nopdgbtm {
  padding-bottom: 0;
}

.area-cmn-body-title-sub {
	font-size: 1.2rem;
	text-align: center;
	line-height: 2;
}
   
/*adjustment
---
original: /assets/scss/object/component/_list.scss
---
*/
.list-cmn-entry.v-top {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}


/*doc
---
name: txt-price-03
category: component
tag: Text
---
*/
.txt-price-03-2 {
  text-align: right;
  font-size: 1.1rem;
  color: #333;
  padding-top: 3px;
}

.txt-price-10 {
  font-size: 1.1rem;
}


/*doc
---
name: txt-cmn-attention
category: component
tag: Text
---
```ejs
```
*/
.txt-cmn-attention.s-xsmall {
  font-size: 1.8rem;
}
@media screen and (max-width: 959px) {
  .txt-cmn-attention.s-xsmall {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 599px) {
  .txt-cmn-attention.s-xsmall {
    font-size: 1.4rem;
  }
}
.txt-cmn-attention.s-xxsmall {
  font-size: 1.5rem;
}
@media screen and (max-width: 959px) {
  .txt-cmn-attention.s-xxsmall {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 599px) {
  .txt-cmn-attention.s-xxsmall {
    font-size: 1.3rem;
  }
}
.txt-cmn-attention.s-margin-bottom {
  padding-bottom: 13px;
}


/*doc
---
name: box-notes
category: component
tag: Box
---
```ejs
```
*/
.box-notes {
  padding: 20px 20px 20px;
  margin-top: -20px;
  margin-bottom: 40px;
  text-align: left;
  background-color: #fdeaed;
  color: #555;
}
@media screen and (max-width: 959px) {
  .box-notes {
    margin-top: -20px;
    margin-bottom: 20px;
    padding: 16px 20px 20px;
  }
}
@media screen and (max-width: 599px) {
  .box-notes {
    margin: 10px 0 20px;
    padding: 8px 10px 10px;
  }
}
.area-modal .box-notes {
  margin: -20px 0 20px;
  padding: 8px 10px 10px;
}
@media screen and (max-width: 599px) {
  .area-modal .box-notes {
    margin: 0 0 20px;
    padding: 8px 10px 10px;
  }
}

/*doc
---
name: list-campaign-set
category: component
tag: List
---
*/
.list-campaign-set-notes {
  display: block;
  line-height: 1.4;
  font-size: 1.5rem;
  color: #333;
  @media screen and ($_mq-sp) {
    font-size: 1.2rem;
  }
  .area-modal & {
    font-size: 1.2rem;
  }
  a {
    font-weight: 500;
  }
}

.list-campaign-set-notes span {
 color: #ea3353;
}