@charset "utf-8";
@import "/assets/css/zzz_cookiebanner_hidden.css";
/* htd_osaka10 afterrepo *//* Format :Desktop First Index */
/*-------------------------------
 variable
---------------------------------*/
/*:root {

}*/

/*-------------------------------
  DP-unique-design
---------------------------------*/
main {
  overflow: hidden;
  --color-link-cmn: #004CBF;
  --color-link-cmn-hover: #EB6DA5;
}

.bg-wrapper {
  width: 100%;  
  position: relative;
  overflow: hidden;
  background: url(/event/htd_osaka10/image/bg_cnt-body.png) 50% 0 / 100% auto repeat-y,url(/event/htd_osaka10/image/bg_cnt-hdr.png) 50% -50px / 100% auto no-repeat;
}
/*本サイト版*//*固定背景*/
.bg-wrapper::before {
  content:"";
  display:block;
  position:fixed;
  top: 0;
  left:0;
  z-index:-2;
  width:100%;
  height:100vh;
  background: #EBF2F8 url(/event/htd_osaka10/image/bg_cnt-hdr.png) 50% -50px / 100% auto no-repeat;
}
.bg-wrap-inner {
	position: relative;
  z-index: 2;
	margin: 0 auto 0;
	width: min(100%,108rem);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 .3rem 1.5rem -.1rem rgba(70, 50, 50, 0.5);
	box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.8);
}

.ar-hero-bottom {
  background: #03386A;
  height: 2.5rem;
  margin-bottom: -2.5rem;
  width: 100%;
}


@media (min-width: 960px) {
  .bg-wrapper,
  .bg-wrapper::before {
    background-size: 100% auto !important;
    background-position-y: 0%;
  }
}

/*アニメーションや固定背景要素に巻き込まれ防止*/
.pagetop, .footer-navi, footer, header {
	z-index: 1;
	position: relative;
}


#ar-page-beginning {
  z-index: 1;
  background: url(/event/afterrepo/dolpa/assets/htd_osaka10/ar_mainImg.jpg) 50% 0 / 192rem auto repeat-x;
}

#ar-logo-link {
	display: block;
	height: 55%;
	width: min(100%/5*1.5,30rem);
	border-radius: 100%;
	position: absolute;
	z-index: 5;
	top: 8%;
	left: 50%;
	transform: translate(-50%,0);
	/* background: rgba(0, 0, 0, 0.8); */
}
.ar-chapter-head {
	height: 0;
}
.ar-subtitle {
	display: block;
	position: relative;
	padding: .9em 1rem .9em 2rem;
  padding-left: min(16.5%,9.5rem);/*オーナメント差分*/
	color: #ffffff;
	line-height: 1.25em;
	font-weight: bold;
	text-align: left;
	background: #D30B16;
	border-top: .4rem solid #01386E;
	margin-top: calc(var(--rs) * 1.0);
	margin-bottom: calc(var(--rs) * 1.0);
}
.ar-subtitle::after {
	content: "";
	width: min(15%,8rem);
	aspect-ratio: 4 / 5;
	background: url(/event/htd_osaka10/image/onmnt-komame-landmark.png) 50% -35% /cover no-repeat;
	position: absolute;
	bottom: 0;
	left: .3rem;
  transform-origin: bottom center;
	animation: mochimochi 1.8s infinite;
}
.ar-subtitle:hover::after{
}

@keyframes mochimochi {
  10% {
    transform: scale(1, 0.9);
  }
  20% {
    transform: scale(0.9, 1.1);
  }
  80% {
    transform: scale(1, 1);
  }
  90% {
    transform: scale(1, 0.9);
  }
}
.tc-tm01	{ color: #D30B16;}
.tc-tm02	{ color: #135BBC;}
.tc-tm03	{ color: #01386E;}
.tc-charity	{ color: #0459B9;}
*:hover .tc-charity,
.tc-charity:hover	{ color: #0459B9;}

/* Font deco */
.marker_red	{
	background: linear-gradient(transparent 60%, #ffc6c8 60%);
	}
.marker_pnk	{
	background: linear-gradient(transparent 60%, #ffcbdc 60%);
	}
.marker_blue	{
	background: linear-gradient(transparent 60%, #cbeaff 60%);
	}
.marker_ylw {
	background: linear-gradient(transparent 60%, #ffe33f 60%);
}
.marker_grn	{
	background: linear-gradient(transparent 60%, #C9E8EA 60%);
	}

/* Font adjust */
.text__strong  {
  font-size: 115%;
  font-weight: bold;
}
.text__bold	{
	font-weight: bold;
}
.text__noidt	{
	text-indent: 0 !important;
}
.text__dec_del	{
	text-decoration: line-through;
	filter: grayscale(100%);
	opacity: .8;
}

/* common レイアウト上書き */

.hero-img	{
	min-height: 52rem;
	margin: auto;
	display: block;
}
.ar-outline	{
	display: none;
}
.ar-container {
	position: relative;
	z-index: 1;
	background: rgba(255, 255, 255, 0.9);
	padding: calc(var(--rs) * 1.5) calc(var(--rs) * 2.5);
	box-shadow: 0 .2rem 1rem rgba(0, 0, 0, 0.2), 0 0 5rem rgba(0, 0, 0, 0.05);
  margin-bottom: calc(var(--rs) * 4);
}
.ar-container.ar-intro {
	padding: 0 0 calc(var(--rs) * 1.0);
	overflow: hidden;
	background: #fff;
}
.ar-container.ar-intro .text-lead-page {
  font-size: calc(var(--fs-ll) + .2vw);
  font-weight: bold;
  line-height: 1.8;
  padding: .2em 1rem;
  position: relative;
  z-index: 1;
  width: min(92%,82rem);
}
.ar-intro-icon {
  vertical-align: middle;
  height: 3em;
}
.ar-container small {
  font-weight: inherit;
}
.ar-container a:hover {
}
.ar-container.ar-chapter-box	{
  /*padding-top: min(1.5%,1.5rem);*/
}

.ar-container > hr {
  border-top: 1px solid rgba(50,50,50,.1);
  border-bottom: 2px solid #fff;
  margin-top: calc(var(--fs) * 2.0);
  margin-bottom: calc(var(--fs) * 2.0);
}

.text-lead-page	{
	margin: 1vmax auto;
	font-size: var(--fs-ll);
}
.card__tit--bold {
  color: inherit;
}
.ar-text, .ar-text-last	{
  padding-left: 1rem;
  padding-right: 1rem;
}
.ar-text.ar-text-caption {
	margin-bottom: 0;
	padding-bottom: 0;
  margin-top: 2rem;
  position: relative;
}
/*フォントアイコン*/
/*.ar-text.ar-text-caption::before {
	content: "\f004";
	font-weight: 400;
	color: #FF8CB1;
	font-size: 1.5em;
	line-height: .05em;
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	transform: rotate(185deg);
	margin: 0 .3em 0 -.2em;
}*/
/*画像アイコン*/
.ar-text.ar-text-caption::before {
	content: "";
	display: inline-block;
	position: relative;
	z-index: 1;
	background: url(/event/htd_osaka10/image/tit-dec-tmIcon.png) 50% 50% / contain no-repeat;
	left: -0.25em;
	width: 3em;
	aspect-ratio: 1 / 1;
	vertical-align: text-bottom;
}
.ar-text.ar-text-caption > strong {
  color: #d30b16;
}
.ar-text.ar-text-caption + .ar-text {
  margin-top: 0;
}
.ar-text.copyright	{
  font-size: var(--fs-s);
  color: #777;
  text-align: center;
}
.copyTxt__piapro {
	height: .9em;
	vertical-align: middle;
	margin: 0 .5rem;
  object-fit: contain;
  opacity: .75;
}

.gallery {
  margin-bottom: 1rem;
}
.gallery-contest.gallery {
	gap: calc(var(--rs) * 1.5);
}
.gallery-contest .gallery__list {
	margin: 0 0 1.5rem;
	border: 0;
	width: calc(var(--col4) - var(--rs) * 1.5);
	box-shadow: var(--bs-cmn);
}
.gallery-contest .gallery__list > a::before {
  content: none;
}
.contest-text {
	padding: .4em .5em;
	background: rgba(255,255,255,.80);
	backdrop-filter: blur(3px);
	position: absolute;
	bottom: -1.2rem;
	left: .5rem;
	border-radius: 2rem 2rem 2rem 0;
	font-size: calc(var(--fs) * 1.3);
	height: auto;
	white-space: wrap;
	line-height: 1.2;
	font-weight: bold;
	max-width: calc(100% - 1rem);
	display: inline-block;
	box-shadow: .3rem .4rem .2rem -.1rem rgba(0,0,0,.2);
	text-align: left;
	letter-spacing: 0;
	color: #c700ff;
}

.ar-banner	{
	font-size: calc(var(--fs-m) + 0.2vw);
}
.ar-line	{
	border-top: 1px solid rgba(120,120,120,.3);
	border-bottom: .2rem solid #fff;
	margin: 4vmax auto;
}

.gallery__list > a {
  display: block;
  position: relative;
}
.gallery__list > a::before{
  content: url("/assets/image/icons/ic_magnify_blue_l.gif");
  position: absolute;
  right: -0.8rem;
  bottom: -0.6rem;
  z-index: 2;
}
.gallery__list img { 	display: block; } /*test*/

.navi-offl {
  font-size: var(--fs-ml);
}
/*SNSアイコン挿入*/
.follow-me-sns	{
	padding: 1rem;
}
.follow-me-sns dt	{
	font-weight: bold;
}
.follow-me-sns dd	{
	padding: .5em 0 0;
}
.ic_link-sns	{
	margin: 0 .8rem;
	font-size: 2.4rem;
}
.ic_link-sns > i	{
}

/*-------------------------------
 Unique parts
---------------------------------*/



/*-------------------------------
 動画：Youtube 埋め込み
---------------------------------*/
.video-contianer {
width: min(90%,90rem);
margin: auto;
}
.video {
  width: 100%;
  height: 0;
  padding-top: 56.25%; /*アスペクト比16:9 = 9/16 * 100%*/
  position: relative;
}
.video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
 aspect-ratio: 16 / 9;
}
.video img {
  display: block;
}

/* Youtube Short *//*どんな時も縦長*/
.video.vertically-long-sp--tile {
  padding-top: 177.778%;
  overflow: hidden;
}
/* Youtube Short *//*スマホのみ縦長*/
@media screen and (max-width: 835px) {
  .video.vertically-long-sp {
    padding-top: 177.778%;
    overflow: hidden;
  }
}

.video-tile-contianer {
  display: flex;
  flex-flow: row wrap;
  gap: calc(var(--rs) * 0.5);
}
.video-tile-contianer > * {
	flex: 1;
	border-radius: 8px;
	overflow: hidden;
}
/*Instagram 埋め込み2列*/
/* video- Instagram */
.video-Insta {
  padding: 0 .5rem;
  margin: 0 auto 2rem;
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
}
.video-Insta__list {
  /*width: 100%;*/
  width: calc(100% / 2 - 1rem);
  margin: .5rem;
  border-radius: 0.3rem;
  line-height: 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 .1rem .2rem 0 rgba(70, 50, 50, 0.3);
}
.video-Insta__list > iframe {
  width: 100% !important;
  min-width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}
/*ショート動画スライド*/
.video-slider-container {
  position: relative;
  width: min(100%,94rem);
  margin: auto;
}
.video-slider {
  position: relative;
}

.video-card__thumb {
  margin: 5px;
}

.slider-arrow {
  color: #fff;
  font-size: 50px;
}
.slider-arrow.video-slider-prev {
  left: 0;
}
.slider-arrow.video-slider-next {
  right: 0;
}
.video-slider .slick-dots{
  justify-content: center;
  gap: .2em;
  font-size: 20px;
  padding: 2px;
}
.video-slider .slick-dots > li,
.video-slider .slick-dots > li > button {
  width: 1em;
  height: 1em;
  margin: 0;
}
.video-slider .slick-dots > li > button::before {
  line-height: 1;
  font-size: 20px;
}


/* REPORT表紙
-----------------------------*/
/* REPORTもくじ
-----------------------------*/
.ar-list-link {
  width: min(100%,60rem);
  margin: 0 auto;
  padding: 3rem 0;
  border: none;
  text-align: center;
	/*TB*/
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.ar-list-link li {
  padding: 0;
  margin-bottom: .8em;
  border: none;
  text-align: center;
  vertical-align: top;
  position: relative;
  width: 49%;
  align-self: stretch;
  font-size: var(--fs-ml);
  /*! font-weight: bold; */
}
.ar-list-link li.full {
  width: min(95% , 73rem);
  margin: 1rem auto;
}

.ar-list-link a {
  padding: .2rem;
  text-decoration: none;
  margin: auto;
  /*! color: #FD7EA8; */
  /*line-height: 1.2;*/
  display: block;
  text-align: left;
  height: 100%;
  position: relative;
}
.ar-list-link a::after {
	/*! content: ""; */
	width: 0.7em;
	height: 0.7em;
	margin: -.5em 0 0 0;
	border-top: .3rem solid;
	border-right: .3rem solid;
	display: inline-block;
	transform: rotate(135deg);
	position: absolute;
	top: 50%;
	right: 1em;
}
.ar-list-link li:nth-child(1) a,
.ar-list-link li:nth-child(4) a,
.ar-list-link li:nth-child(5) a,
.ar-list-link li:nth-child(8) a,
.ar-list-link li:nth-child(9) a,
.ar-list-link li:nth-child(12) a,
.ar-list-link li:nth-child(13) a {
  /*! color: #18AFE6; */
}

.ar-list-link a:hover {
  text-decoration: none;
  filter: brightness(1.2) opacity(.8);
}
.ar-list-link a.sitetop {color: #AD966D;}
.ar-list-link a.sitetop::after { transform: rotate(45deg);}

.ar-list-link li a.pre {
background: #fff;
color: #bbb;
pointer-events: none;
cursor: default;
box-shadow: none;	
}
.ar-list-link li a.pre::after 	{
content: "Coming Soon";
font-size: 1rem;
position: absolute;
right: -.2rem;
background: #bbb;
color: #fff;
padding: .2rem .5rem;
}
.ar-list-link li a.restart {
background: #D2A60E;
color: #fff;
border: none;
}
.ar-list-link li a.restart:hover 	{ color: #fff; filter: brightness(1.2);}


/*-----------------------------
 REPORTもくじB
-----------------------------*/	
.mokuji-box {
  position: relative;
  width: 96%;
  margin: 0 auto;
  padding: 0;
  font-size: var(--fs-m);
}
.mokuji-box > dt {
	display: flex;
	align-items: center;
	margin: 0 0 .5rem;
	padding: .5rem 0;
  font-size:1.25em;
  font-weight: bold;
}
.mokuji-box > dd {
	margin: 0;
	padding: 3px 0;
	overflow: hidden;
	border-top: 3px dotted #00000029;
}
.mokuji-box dd > a {
	display: inline-block;
	padding: .3rem;
}
.mokuji-box dd > a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054 ";
	filter: grayscale(.5) opacity(.4);
	margin-right: 1em;
	font-size: .8em;
	display: inline-block;
}
.mokuji-box a {
  color: #222;
}

/* REPORTページ送り
-----------------------------*/
.ar-pager {
display: flex;
/*justify-content: space-between;*/
justify-content: space-around;
align-items: center;
width: min(94%,58rem);
margin: auto;
position: relative;
z-index: 5;
}
.ar-page-nav { 
display: inline-block;
padding: 0 1rem .5rem;
text-align: center;
}
.ar-page-cap { 
flex: 8;
font-weight: bold;
color:#333;
font-size: calc(var(--fs-ms) + .3vw);
}
.ar-page-cap::after {
content: "/13 Page";
letter-spacing: .05em;
margin-left: .1em;
display: inline-block;
vertical-align: middle;
font-size: 65%;
font-family: initial;
}
.ar-page-btn	{
flex: 1;
font-size: calc(var(--fs-xs) + .1vw);
}
.ar-page-btn > i {
margin: 0 .25em;
}
.btn--prev	{}
.btn--next	{}

/* link-Instagram*/
.link-btn.instagram-link__btn  {
  color: #fff;
  background: linear-gradient(270deg, #BC32A4 0%, #E03768 50%, #F67C33 100%);
  font-size: var(--fs-m);
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1em;
  padding-right: 1.5em;
}


/* link banner*/
.ar-banner-bs	{
	box-shadow: var(--ar-bs);
}
img.ar-banner-bs {
	vertical-align: baseline;
}
.ar-banner	{
	width: min(96%, 86rem);
	max-width: 86rem;/*common上書き*/
  margin: 1rem auto 3rem;
}
.rerated-link {
  width: min(calc(100% - 2rem),88rem);
  padding: 0;
  margin: 2rem auto;
  background: var(--color-white);
  box-shadow: var(--ar-bs);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rerated-link:hover {
  text-decoration: none;
}
.rerated-link__banner {
  width: 50%;
  flex-shrink: 0;
}
.rerated-link__text {
  padding: 0 1em;
  margin: 0 auto;
  text-align: center;
  line-height: 1.5;
  /*color: #240000;*/
}
/* link banner:チャリティ*/
.rerated-link.tc-charity {
  border-left: .6em solid;
  margin-top: 2rem;
}
.rerated-link.tc-charity .rerated-link__thumbnail{
   width: 25%;border: 1rem solid #fff;
}
.rerated-link.tc-charity .rerated-link__text{
  margin-left: 0;
}

/* link banner:dolpaportal*/
.rerated-link.dolpaportal	{
	width: min(96%, 72rem);
}
.dolpaportal .rerated-link__thumbnail	{
	width: 25%;
	background: #F3EACB;
}
.dolpaportal .rerated-link__banner	{
	width: 50%;
	background: #F3EACB;
}
.dolpaportal .rerated-link__text i {
	margin-left: .5rem;
}
.link-text__deco--blank::after {
	content: url("/assets/image/icons/ic_blank_color666.png");
	margin-left: .5rem;
}

.ar-container .link-btn--detail{
  background: #fff;
  border: .2rem solid;
  font-weight: bold;
  box-shadow: 0 .8rem .4rem -.6rem rgba(0,0,0,.25);
  margin: 0 auto;
}
.link-btn.link-btn--sns { 
  width: 100%;
  border-radius: 10rem;
  margin: 0 auto;
}
.link-btn.sns-tw {background-color: rgb(0, 0, 0);}
.link-btn.sns-ig {background: linear-gradient(270deg, #BC32A4 0%, #E03768 50%, #F67C33 100%);}


/* link banner:SNSキャンペーン*/
.card .rerated-link {
	margin: 0;
	width: 100%;
	border: .2rem solid;
	border-radius: .4rem;
	padding: .4rem 0 .4rem 1rem;
	font-weight: bold;
	box-shadow: 0 0 0 .2rem #CDE9FF;
}
.card a.rerated-link:hover {
  text-decoration: none;
  color: var(--color-link-cmn-hover);
}
.rerated-link__icon {
	font-size: 30px;
	width: 1.4em;
	line-height: 1.4em;
	height: 1.4em;
	padding: 0;
	text-align: center;
	flex-shrink: 0;
	display: grid;
	place-items: center;
}
.rerated-link__icon + .rerated-link__text {
  margin-left: 0;
  text-align: left;
  font-size: calc(var(--fs) * 1.4);
  color: inherit;
}

/*-------------------------------
 それいゆショップリンク
---------------------------------*//* SP-ALL */
.shop-ad__wrap	{
  width: calc(100% - 2rem);
  margin: auto;
	background:#BC1E26;
	color:#fff;
	padding: 1.5rem;
	display: flex;
	align-items: center;
}
.shop-ad__wrap:hover{
  color: #f5f5f5;
  text-decoration: none;
}
.shop-ad__pic	{
	/*flex: 2 0 auto;*/
  width: min(100%, 28rem);
}
.shop-ad__txt {
	padding: 1rem 1rem 1rem 1.5rem;
	flex: 1 1 auto;
	width: min(100%, 57rem);
	font-size: var(--fs-m);
}
.shop-ad__txt > p	{ text-align: left;}
.shop-ad__txt > p + p	{margin-top: 1rem; font-weight: bold;}


/*-------------------------------
 イベントTOPへ戻るボタン：区切り（フッターとは別枠）
---------------------------------*//* SP-ALL */
.ar-lnkPtop {
	/*position: absolute;
	bottom: 0;*/
	text-align: center;
	display: flex;
	justify-content: center;
	width: 100%;
  padding-top: 1vmax;
}
.ar-lnkPtop a {
	display: block;
	text-align: center;
	font-size: calc(var(--fs-xs) + .1vw);
	padding: .5em .5em 2.5rem .25em;
	line-height: 1.2;
	overflow: hidden;
}
a.ar-page-btn:hover,
.ar-lnkPtop a:hover	{
	text-decoration: none;
}
.ar-lnkPtop a > i {
	vertical-align: middle;
	font-size: 120%;
	/*display: block;*/
	margin: auto;
}
.ar-lnkPtop a i.fa-circle {
	opacity: 0.6;
}
.ar-clearance  {
  height: .25em;
}
/*-------------------------------
 常駐ボタン：次のドルパへ
---------------------------------*//* SP-ALL */
#page-next {
  position: fixed;
  right: 1rem;
  bottom: 8rem;
  z-index: 50;
  display: none;/*JS初期非表示→スクロールで表示*/
}
#page-next a {
	background: #F7526C;
	color: #fff;
	position: relative;
	text-decoration: none;
  font-size: var(--fs-ml);
	text-align: center;
	display: flex;
  align-items: center;
  padding: .5em 1em;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 rgba(0,0,0,.08),0 1px 2px 0 rgba(0,0,0,.1);
}
#page-next a > i {
  margin-left: .5em;
  margin-right: 0;
}
#page-next a:hover {
  text-decoration: none;
  filter: brightness(110%);
}
/*-------------------------------
 常駐ボタン：もくじへ戻るとTOPへ戻る
---------------------------------*//* SP-ALL */
.fixed-btn-circle {
	width: 6rem;
	height: 6rem;
	line-height: 6rem;
	border-radius: 100%;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
#page-ar-mokuji,#page-top {
  position: fixed;
  right: 1rem;
  z-index: 50;
  display: none;/*初期非表示→スクロールで表示*/
}
#page-ar-mokuji {
  bottom: 8rem;
  opacity: .95;
}
#page-top {
  bottom: 1rem;
  opacity: .85;
}

/*目次へ戻る*/
#page-ar-mokuji a {
  background: #0C9BD5;
  color: #fff;
  padding: .5em;
  font-size: 1.8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#page-ar-mokuji a > i {
  margin: auto;
}
#page-ar-mokuji a > span {
	font-size: max(9px,var(--fs-xxs));
	margin: 0 auto;
	height: 1.1em;
	line-height: 1.1em;
}
#page-ar-mokuji a:hover {
  text-decoration: none;
  filter: brightness(110%);
}

/*TOPへ戻る*/
#page-top a {
	background: #F7526C;
	color: #fff;
	position: relative;
	text-decoration: none;
  font-size: var(--fs-ms);
	text-align: center;
	display: flex;
}
#page-top span {
	border-right: 3px solid #fff;
	border-top: 3px solid #fff;
	display: block;
	height: 25%;
	margin: auto;
	transform: rotate(-45deg);
	width: 25%;
}
#page-top a:hover {
  text-decoration: none;
  filter: brightness(110%);
}
#page-top a::after {
	content: "Page Top";
	font-size: max(8px,var(--fs-xxs));
	height: 1.1em;
	line-height: 1.1em;
	display: block;
	width: 100%;
	position: absolute;
	bottom: 20%;
	left: 0;
	text-align: center;
}

/*-------------------------------
 オンラインストア広告タイル
---------------------------------*//* SP-ALL */
.onlinestore_pr-link,
.onlinestore_pr-tile {
	width: min(94%, 75rem);  
}
.onlinestore_pr-link {
	display: flex;
	flex-wrap: wrap;
	margin: .2rem auto 2rem;
}
.onlinestore_pr-link a.link-btn {
  --color-link-cmn: #78162C;
  margin: auto;
  width: calc(100% - 0.4rem);
}
.onlinestore_pr-tile {
  display: flex;
  flex-wrap: wrap;
  margin: 2rem auto 0;
}
.onlinestore_pr-tile > li {
	width: calc(var(--col6) - .2rem);
	margin: .1rem;
}
.onlinestore_pr-tile img {
  vertical-align: middle;
  border: 1px solid #dfe1e5;
}

/*-------------------------------
 フローティングバナー：次回予告
---------------------------------*//* SP-ALL */
.floating-banner_wrap {
	position: fixed;
	right: 10px;
	bottom: 70px;
	z-index: 99;
	width: min(70%, 38rem); 
}
/*.floating-banner_wrap::before {
	content: "PR";
	position: absolute;
	top: 0;
	left: 0;
	border: .1rem solid;
	line-height: 1.5;
	width: 2.6em;
	text-align: center;
	font-size: var(--fs-m);
	color: #0061E0;
	background: #fff;
}*/
.floating-inner {
	padding: 2rem 3rem 3rem 1rem;
	border-radius: 0;
	background-color: #FFFFFFB2;
	backdrop-filter: blur(5px);
	border-top: .5rem solid #FED926;
}
.floating-inner .card__banner{
  margin: .3rem auto;
}
.floating-inner > p:nth-child(1) {
  padding-right: 1.5rem;/*閉じるボタン差分*/
}
.floating-banner_wrap .target.is-hidden {
  display: none;
}
/* ボタンの設定 */
.floating-banner_button {
	display: block;
	width: 3rem;
	height: 3rem;
	background-color: rgb(87,87,87);
	position: absolute;
	cursor: pointer;
	border: none;
	top: auto;
  bottom: 0;
	right: 0;
	z-index: 2;
}
/* アイコンの設定(開) */
.floating-banner_button::before, .floating-banner_button::after {
  display: block;
  content: '';
  width: .3rem;
  height: 2.2rem;
  background-color: #FFF;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.floating-banner_button::before {
  transform: rotateZ(45deg);
}
.floating-banner_button::after {
  transform: rotateZ(-45deg);
}
/* アイコンの設定(閉) */
.floating-banner_buttonClose {
	display: block;
	width: 3rem;
	height: 3rem;
	margin-left: auto;
	background-color: rgb(87,87,87);
	position: absolute;
	top: auto;
	left: auto;
  right: 0;
  bottom: 0;
	cursor: pointer;
}
.floating-banner_buttonClose::before, .floating-banner_buttonClose::after {
  display: block;
  content: '';
  width: .3rem;
  height: 2rem;
  background-color: #FFF;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.floating-banner_buttonClose::before {
  transform: rotateZ(0deg);
}
.floating-banner_buttonClose::after {
  transform: rotateZ(90deg);
}




@media screen and (max-width: 1280px) {
  /*footer {
    padding-bottom: 20em;
    transition: 0.4s;
  }*/
}/*floating-banner高さ分確保*/

@media screen and (max-width: 1080px) {
	/* common レイアウト上書き */
	.hero-img {
		max-width: 186%;
		margin-left: -43%;/*calc(86/2)*/
		min-height: 100%;
	}
}

@media screen and (max-width: 960px) {
}

@media screen and (max-width: 835px) {
/*-------------------------------
  DP-unique-design
---------------------------------*//* PC */

  .ar-container {
  }
  .ar-container.ar-chapter-box {
  }
	.gallery__list {
	  width: calc(var(--col3) - 1rem);
	  margin: .5rem;
	}
	.gallery__list--col2 {
	  width: calc(var(--col2) - 1rem);
	}
	.gallery__list--col1 {
	  width: calc(var(--col1) - 1rem);
	}
  /*-------------------------------
   Unique parts
  ---------------------------------*//*TB*/

  
}

@media screen and (max-width: 768px) {
	
/* REPORTもくじ
	-----------------------------*//*TB*/
	.ar-list-link li {
	width: calc(100% - 1rem);
	margin: 0 auto .5rem;
	display: inline-block;
	text-align: left;
	}
  .ar-list-link li:nth-child(odd) a { /*! color: #18AFE6; */}
  .ar-list-link li:nth-child(even) a { color: #FD7EA8;}
  
	/* REPORTページ送り
	-----------------------------*//*TB*/
	.ar-page-cap { 
	flex: 3;
	}
  .onlinestore_pr-tile > li {
  }
  .gallery-contest .gallery__list {
    width: calc(100% / 3 - var(--rs) * 1.5);
  }
	
}

@media screen and (max-width: 560px) {
  br.br-on {
    display: none;
  }
	/* REPORTページ送り
	-----------------------------*//*SP*/
	.ar-page-cap { 
	flex: 2;
	}
  .ar-page-btn,
  .ar-lnkPtop a  {
    font-size: .9rem;
  }
}