@charset "UTF-8";


/* pc */
.device-pc[data-url ^="/experience/hcs-news"] .layout-body,
.device-pc[data-url ^="/experience/hcs-news"] .layout-page .layout-body .layout-main .layout-contents {
  margin-right: 0;
  margin-left: 0;
}
.device-pc[data-url ^="/experience/hcs-news"] .layout-body {
  margin-top: 0;
  margin-bottom: 0;
}

/* sp */
.device-sphone[data-url ^="/experience/hcs-news"] .layout-page .layout-body .layout-main .layout-contents {
  padding: 0;
}


/* ccc-w
=================================================== */

/* pc */
.device-pc .ccc-w {
  margin-right: 12.9%;
  margin-left: 12.9%;
}

/* sp */
.device-sphone .ccc-w {
  margin-right: 3%;
  margin-left: 3%;
}


/* pc / sp
=================================================== */

/* pc */
.device-pc[data-url ^="/experience/hcs-news"] .sp {
  display: none !important;
}

/* sp */
.device-sphone[data-url ^="/experience/hcs-news"] .sp {
  display: block !important;
}
.device-sphone[data-url ^="/experience/hcs-news"] .pc {
  display: none !important;
}


/* center
=================================================== */

/* pc */
.device-pc .ccc-flow {
  text-align: center;
}



/*  gray
------------------------------------------------------------------*/
/*.device-sphone[data-url ^="/experience/hcs-news"] .gray {
  margin-top: 25px;
  padding-right: 3%;
  padding-left: 3%;
  border-radius: 5px;
  background-color: #e9eae4;
} */


/*  背景
================================================================== */
/* yellow */
/*.ccc-bg_yellow {
  background-color: #fff3c2;
} */

/* pc */
/*.device-pc .ccc-bg_yellow {
  padding: 0px 12.9% 0px;
} */

/* sp */
/*.device-sphone .ccc-bg_yellow {
  padding: 0px 3% 0px;
} */


/* gray */
/*.ccc-bg_gray {
  background-color: #f3f2ed;
} */

/* pc */
/*.device-pc .ccc-bg_gray {
  padding: 100px 12.9% 100px;
} */

/* sp */
/*.device-sphone .ccc-bg_gray {
  padding: 50px 3% 50px;
} */

/* 背景色yellow */
[data-url^="/experience/hcs-news"] .layout-body .block.ccc-bg_yellow {
  margin-top: 0 !important;
}

[data-url^="/experience/hcs-news"] .ccc-bg_yellow {
  background-color: #fff100;
} 


/* =================================================================
	EVENT SCHEDULE
================================================================= */

/*  two-column
------------------------------------------------------------------*/
/* --- PC共通スタイル --- */
.device-pc[data-url ^="/experience/hcs-news"] .two-column > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1100px;
  margin: 0 auto;
  gap: 2%;
}

.device-pc[data-url ^="/experience/hcs-news"] .two-column > div > p {
  flex: 1 1 48%;
  margin-bottom: 5px;
}

/* SP用の縦積み対応 */
.device-sphone[data-url ^="/experience/hcs-news"] .two-column > div {
  flex-direction: column; /* 縦積みに変更 */
  align-items: center; /* 縦積み時に中央寄せにする（必要であれば） */
}

.device-sphone[data-url ^="/experience/hcs-news"] .two-column > div > p {
  width: 100%; /* SP時は幅を100%に */
  margin-bottom: 5px; /* SP時の下余白 */
}

/*  three-column
------------------------------------------------------------------*/
/* --- PC共通スタイル --- */
.device-pc[data-url ^="/experience/hcs-news"] .three-column > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1100px;
  margin: 0 auto;
  gap: 2%;
}

.device-pc[data-url ^="/experience/hcs-news"] .three-column > div > p {
  flex: 1 1 30%;
  margin-bottom: 5px;
}

/* SP用の縦積み対応 */
.device-sphone[data-url ^="/experience/hcs-news"] .three-column > div {
  flex-direction: column; /* 縦積みに変更 */
  align-items: center; /* 縦積み時に中央寄せにする（必要であれば） */
}

.device-sphone[data-url ^="/experience/hcs-news"] .three-column > div > p {
  width: 100%; /* SP時は幅を100%に */
  margin-bottom: 5px; /* SP時の下余白 */
}


/*  ccc-bg1 ccc-bg スタイル
------------------------------------------------------------------*/
/* 特定ページだけで margin-top を解除 */
[data-url^="/experience/hcs-news"] .layout-body .block.ccc-bg2 {
  margin-top: 0 !important;
}

/* 共通スタイル */
[data-url^="/experience/hcs-news"] .ccc-bg1, 
[data-url^="/experience/hcs-news"] .ccc-bg2{
  margin: 0;
  width: 100%;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  padding: 0; /* 余白必要なら調整 */
}



/* =================================================================
  2025 08 1-2年.
================================================================= */

/*  ccc-bg1
------------------------------------------------------------------*/
/* PC用背景画像 */
.device-pc[data-url^="/experience/hcs-news/event2508_1-2"] .ccc-bg1 {
  background-image: url('/var/data/u/9a/5810ec90465/img/a6/a6175da192dec7adc00ab9c54d4ca351.png');
}

/* SP用背景画像 */
.device-sphone[data-url^="/experience/hcs-news/event2508_1-2"] .ccc-bg1 {
  background-image: url('/var/data/u/9a/5810ec90465/img/ef/efc7a1d3a1fd7f95b4cd1bdd9930aa12.png');
}

/* =================================================================
  2025 08 3年.
================================================================= */

/*  ccc-bg1
------------------------------------------------------------------*/
/* PC用背景画像 */
.device-pc[data-url^="/experience/hcs-news/event2508_3"] .ccc-bg1 {
  background-image: url('/var/data/u/9a/5810ec90465/img/b6/b6e0278788eed46b8175ca87bcea3e56.png');
}

/* SP用背景画像 */
.device-sphone[data-url^="/experience/hcs-news/event2508_3"] .ccc-bg1 {
  background-image: url('/var/data/u/9a/5810ec90465/img/30/30b0dac2f16152bddc6d262dde18039b.png');
}


/* =================================================================
  2025 07 Summer夏号.
================================================================= */

/*  ccc-bg1
------------------------------------------------------------------*/
/* PC用背景画像 */
.device-pc[data-url^="/experience/hcs-news/event2507_summer"] .ccc-bg1 {
  background-image: url('/var/data/u/9a/5810ec90465/img/d0/d09ad6782fdcf01a51da1832de278757.jpeg');
}

/* SP用背景画像 */
.device-sphone[data-url^="/experience/hcs-news/event2507_summer"] .ccc-bg1 {
  background-image: url('/var/data/u/9a/5810ec90465/img/97/97b4cd5aa6ea06435ca25f7e7546356c.png');
}


/*  ccc-bg2
------------------------------------------------------------------*/
/* PC用背景画像 */
.device-pc[data-url^="/experience/hcs-news/event2507_summer"] .ccc-bg2 {
  background-image: url('/var/data/u/9a/5810ec90465/img/4b/4b0765889565495ef12e32cfb6f6ce4d.jpeg');
}

/* SP用背景画像 */
.device-sphone[data-url^="/experience/hcs-news/event2507_summer"] .ccc-bg2 {
  background-image: url('/var/data/u/9a/5810ec90465/img/c7/c765a26997a791fa8b072608f2258848.jpeg');
}



/* =================================================================
  2025 07 1-2年.
================================================================= */

/*  ccc-bg1
------------------------------------------------------------------*/
/* PC用背景画像 */
.device-pc[data-url^="/experience/hcs-news/event2507_1-2"] .ccc-bg1 {
  background-image: url('/var/data/u/9a/5810ec90465/img/88/8832fe81efe4140bd90a657a67f4700c.png');
}

/* SP用背景画像 */
.device-sphone[data-url^="/experience/hcs-news/event2507_1-2"] .ccc-bg1 {
  background-image: url('/var/data/u/9a/5810ec90465/img/92/924d6d1496f4e33213169ddd98bf8c7a.png');
}


/*  ccc-bg2
------------------------------------------------------------------*/
/* PC用背景画像 */
.device-pc[data-url^="/experience/hcs-news/event2507_1-2"] .ccc-bg2 {
  background-image: url('/var/data/u/9a/5810ec90465/img/d9/d9645d6ea73e1c05e0a5dc0dbe444a59.png');
}

/* SP用背景画像 */
.device-sphone[data-url^="/experience/hcs-news/event2507_1-2"] .ccc-bg2 {
  background-image: url('/var/data/u/9a/5810ec90465/img/3b/3b911e131f85c6309fac70058ed3c04d.png');
}


/* =================================================================
  2025 07 3年.
================================================================= */

/*  ccc-bg1
------------------------------------------------------------------*/
/* PC用背景画像 */
.device-pc[data-url^="/experience/hcs-news/event2507_3"] .ccc-bg1 {
  background-image: url('/var/data/u/9a/5810ec90465/img/03/0336c9e215a17acc251807b3a52e1384.png');
}

/* SP用背景画像 */
.device-sphone[data-url^="/experience/hcs-news/event2507_3"] .ccc-bg1 {
  background-image: url('/var/data/u/9a/5810ec90465/img/20/2023bb600769851f2cbad2e6d3ccbc9f.png');
}


/*  ccc-bg2
------------------------------------------------------------------*/
/* PC用背景画像 */
.device-pc[data-url^="/experience/hcs-news/event2507_3"] .ccc-bg2 {
  background-image: url('/var/data/u/9a/5810ec90465/img/d9/d96a9d1ec4c5a30319222af58d9112ab.png');
}

/* SP用背景画像 */
.device-sphone[data-url^="/experience/hcs-news/event2507_3"] .ccc-bg2 {
  background-image: url('/var/data/u/9a/5810ec90465/img/21/214d7a888f36273b20bdcc045fb0318b.png');
}