@charset "UTF-8";

/* Reset
------------------------------------------------ */

body,section, nav, article, aside, hgroup, header, footer, figure, figcaption, summary {
	display: block;
	margin: 0;
	padding: 0;
}
caption, th {
	margin: auto;
	text-align: left;
}
img {
	border: 0;
	vertical-align: bottom;
}
address, caption, th {
	font-style: normal;
	font-weight: normal;
	font-weight: 300;
}
h1 {
	margin: 0;
	padding: 0;
}


/* body,Anchor
------------------------------------------------ */

html, body {
	font-size: 10px;
	line-height: 1.5;
	color: #000;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	font-size: 1.6rem;
	font-weight: normal;
	font-weight: 300;
}

a:link {
	color: #000;
	text-decoration: none;*
}
a:visited {
	color: #000;
}
a:hover {
	color: #014e98;
	text-decoration: underline;
	transition-property: all;
	transition: 0.2s linear;
}

.clearfix {
	*zoom: 1;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0;
}
.clearfix:after {
	clear: both;
}

/* Layout
------------------------------------------------ */

#container {
	margin: 0 auto;
	/*width: 1920px;*/
	padding: 0;
	background-color: #fff;
}

.inside {
	width: 1360px;
	margin: 0 auto;
}

.inside-inner {
	width: 1280px;
	margin: 0 auto;
}

/* content
------------------------------------------------ */
#content a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=8);
	-ms-filter: “alpha( opacity=8)”;
	transition-property: all;
	transition: 0.2s linear;
}

#lp-header {
	overflow: hidden;
	margin: 0 auto;
}

/* common
------------------------------------------------ */
#area div, #area p, #area ul, #area li{
	box-sizing: border-box;
}

#container img {
	width: 100%;
}

.text-center {
	text-align: center;
}

/* footer
------------------------------------------------ */
#lp-footer {
	clear: both;
	margin: 0 auto;
}


/* mediaqueries
------------------------------------------------ */
@media screen and (min-width: 769px) {
	.sp-only {
		display: none;
	}
	.sp-xs-only {
		display: none;
	}
}
@media screen and (max-width: 1920px) {
	#container {
		width: 100%;
	}
	img {
		max-width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 1360px) {
	.inside {
		width: 100%;
		padding: 0 4%;
	}
	.inside-inner {
		width: 100%;
		padding: 0 4%;
	}
	.inside .inside-inner {
		padding: 0 2%;
	}

}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 768px) {
	.pc-only {
		display: none;
	}
	.sp-xs-only {
		display: none;
	}
	
	body {font-size: calc( 22vw/10 );}
	
	#container {
		width: 100%;
	}

	.inside {
		padding: 0 0;
	}
	.inside-inner {
		padding: 0 4.5%;
	}
	.inside .inside-inner {
		padding: 0 2.5%;
	}
}
@media screen and (max-width: 480px) {
	.sp-xs-only {
		display: inline-block;
	}

	#container {
		width: 100%;
		min-width: 320px;
	}
	
}
@media screen and (max-width: 300px) {
	#container {
		width: 100%;
		min-width: 320px;
	}
}


/*追従バナー*/
/* navigation
------------------------------------------------ */
#floating-nav-pc {
	position: fixed;
	right: -133px;
	top: 334px;
	top: calc(232vw/10);
	transition-property: all;
	transition: 0.3s linear;
	z-index: 99999;
}
#floating-nav-pc:hover {
	right: 0;
	transition-property: all;
	transition: 0.3s linear;
}
#floating-nav-pc ul {
	color: #fff;
	list-style-type: none;
	display: inline-block;
	padding: 7px 0 9px;
}
#floating-nav-pc ul li a {
	padding: 0;
	display: inline-block;
	margin: 4px 0;
}
#floating-nav-pc ul li a img {
	vertical-align: middle;
}
#content img.fl-btn {width: 200px;}
#content img.fl-icon {width: 60px;}
#content img.fl-text {width: 150px;}

#floating-nav-sp { display: none; }
#floating-bnr-ft { display: none; }
#floating-bnr2-ft { display: none; }

@media screen and (max-width: 1920px) {
	#floating-nav-pc {
		right: calc(70vw/10*-1);
		top: calc(230vw/10);
	}
	#content img.fl-btn {width: calc(106vw/10);}
}
@media screen and (max-width: 1400px) {
	/* navigation
	------------------------------------------------ */
	#floating-nav-pc {
		right: calc(72vw/10*-1);
		top: calc(220vw/10);
	}

	#content img.fl-btn {width: calc(107vw/10);}
	#content img.fl-icon {width: calc(42vw/10);}
	#content img.fl-text {width: calc(107vw/10);}
}
@media screen and (max-width: 1280px) {
	#floating-nav-pc {
		top: calc(216vw/10);
	}
}
@media screen and (max-width: 1024px) {
	#floating-nav-pc {
		top: calc(202vw/10);
	}
}
@media screen and (max-width: 810px) {
	#floating-nav-pc { display: none; }

	/* navigation
	------------------------------------------------ */
	#floating-nav-sp { display: block; }
	#floating-nav-sp {
		position: fixed;
		bottom: -20px;
	}
	#floating-nav-sp ul {
		background-color: #000;
		color: #fff;
		list-style-type: none;
		display: block;
		padding: 1.5em 0 1.5em 2.5%;
		overflow: hidden;
	}
	#floating-nav-sp ul li {
		width: 49%;
		display: inline-block;
	}
	#floating-nav-sp ul li a {
		display: inline-block;
		box-sizing: border-box;
	}
	#floating-nav-sp ul li a img {
		margin: 0.4em 1%;
		vertical-align: middle;
	box-sizing: border-box;
	}
	#content img.fl-icon {width: 20%;}
	#content img.fl-text {width: 60%;}


	/* footer-bnr
	------------------------------------------------ */
	#floating-bnr-ft { display: block; }
	#floating-bnr-ft {
		width: 100%;
		background-color: #ffde97;
		padding: calc(60vw/10) calc(60vw/10);
		padding-bottom: calc(55vw/10);
	}
	#floating-bnr-ft .txt {
		width: 70%;
		margin: 0 auto 1.6em;
	} 
	
	#floating-bnr-ft.footer-fixed {
		position: fixed;
		bottom: 0;
		overflow: hidden;
		z-index: 999;
	}
	#floating-bnr-ft.footer-active {
		position: relative;
		bottom: calc(428vw/10);
		height: calc(428vw/10);
		overflow: hidden;
	}
	#floating-bnr-ft .btn {
		width: 82%;
		margin-bottom: calc(32vw/10);
		margin-right: auto;
		margin-left: auto;
	}
	
	/* footer-bnr2
	------------------------------------------------ */
	#floating-bnr2-ft { display: block; }
	#floating-bnr2-ft {
		width: 100%;
		background-color: #fff;
	}
	
	#floating-bnr2-ft.footer-fixed {
		position: fixed;
		bottom: calc(32vw/10 * -1);
		overflow: hidden;
		z-index: 999;
	}
	#floating-bnr2-ft.footer-active {
		display: none;
	}
	#floating-bnr2-ft .btn {
		display: block;
		width: 50%;
		float:left;
		margin-bottom: calc(32vw/10);
		margin-right: auto;
		margin-left: auto;
	}
}
@media screen and (max-width: 768px) {
	#floating-nav-sp {
		bottom: -20px;
	}
	#floating-nav-sp ul {
		padding: 1.8em 0 1.8em 2.5%;
	}
	#floating-nav-sp ul li a img {
		margin: 0.5em 1%;
	}
	#content img.fl-icon {width: 24%;}
	#content img.fl-text {width: 69%;}
	
	#floating-bnr2-ft.footer-active {
		display: block;
		position: relative;
		bottom: calc(142vw/10);
		height: calc(145vw/10);
		overflow: hidden;
		background-color: #f2f2f2;
	}
	
	#floating-bnr2-ft.footer-active {
		padding: 0 5%;
	}
	#floating-bnr2-ft.footer-active .btn {
		width: 48%;
		margin: 0 1%;
	}
}
@media screen and (max-width: 480px) {
	#floating-nav-sp {
		bottom: -10px;
	}
	#floating-bnr2-ft.footer-active {
		bottom: calc(144vw/10);
	}
}

/*ボタン*/
.box-btn-wrapper {
	max-width: 687px/*687px*/;
	margin: 60px auto;
}

.box-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.btn.b-1, .btn.b-2 {
	width: 47.5%;
}

.btn.b-full {
	width: 100%;
	text-align: center;
}
.btn.b-full a img {
	width: 75% !important;
}

@media screen and (max-width: 1280px) {
	.box-btn {
		padding: 0 4%;
	}
	
}
@media screen and (max-width: 768px) {
	.box-btn-wrapper {
		margin: calc(88vw/10) auto;
	}
	

	.box-btn-txt,
	.box-btn {
		display: block;
		padding: 0 15%;
	}
	.btn.b-1, .btn.b-2 {
		width: 100%;
	}
	.btn.b-1 {
		margin-bottom: calc(28vw/10);
	}
	
	.btn.b-full a img {
		width: 100% !important;
	}
}
/*独自バナー*/
/* .note*/
------------------------------------------------ */
.box-bnr .note {
	margin: 0 auto;
	padding: 0.7em 0 0;
	text-align: left;
	line-height: 1.8;
	font-size: 13px;
	font-size: 1.3rem
	font-weight: 300;
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing: -0.01em;
}
.box-bnr .note.note-border {
	margin: 1.5em auto ;
	padding: 2em 0;
	line-height: 1.7;
	border-top: solid 2px #333;
}

#note-set .note,
#note-set2 .note {
	font-size: 16px;
	font-size:1.6rem;
	line-height: 1.75;
	letter-spacing: -0.0125em;
	margin-top: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}
.note strong {
	display: inline-block;
	text-indent: -0.5em;
	letter-spacing: 0.01em;
	font-weight: bold;
	font-weight: 600;
}

#note-set .note-ttl, 
#note-set2 .note-ttl {
	display: inline-block;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 600;
	text-indent: -0.5em;
	letter-spacing: -0.025em;
}
#note-set .note-lead,
#note-set2 .note-lead {
	display: inline-block;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: -0.01em;
}
#note-set2 .note-lead {
	font-weight: 500;
}

@media screen and (max-width: 1280px) {
	.box-bnr .note {
		font-size: calc(10vw/10);
	}
	
	#note-set .note,
	#note-set2 .note {
		font-size: calc(12.5vw/10);
	}

	#note-set .note-ttl,
	#note-set2 .note-ttl {
		font-size: calc(22vw/10);
	}
	#note-set .note-lead,
	#note-set2 .note-lead {
		font-size: calc(20vw/10);
	}

}
@media screen and (max-width: 768px) {
	.box-bnr .note {
		font-size: calc(20vw/10);
		letter-spacing: -0.05em;
		text-align:justify
	}

	#note-set .note,
	#note-set2 .note {
		line-height: 1.4;
		font-size: calc(21.8vw/10);
	}
	#note-set .note-ttl,
	#note-set2 .note-ttl {
		font-size: calc(33vw/10);
		margin-bottom: 0.2em;
	}
	#note-set .note-lead,
	#note-set2 .note-lead {
		font-size: calc(31vw/10);
		line-height: 1.5;
		margin-bottom: 2em;
	}
	#note-set .note strong {
		margin-top: 0.4em;
	}
}
/* .box-bnr
------------------------------------------------ */
.box-bnr .inside img{
	width: 100%;
}

/* box-bnr01
------------------------------------------------ */
#box-bnr01 {
	padding: 0 0;
}

/* box-bnr02
------------------------------------------------ */
#box-bnr02 {
	padding: 0 0;
}

#page-link {
}
.page-link-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 4% 0;
}
a.link-btn {
	width: 31.6%;
	margin: 0 0;
}

#event {
	background-color: #c4ffff;
	margin: 3% auto;
	padding: 0 2% 1%;
}

#event .bnr {
	margin-bottom: 1%;
}
#event .bnr01 {
	margin-bottom: 2.4%;
}

#safety .txt01 {
	margin-bottom: 1%;
}

#btn02.box-btn-wrapper {
	margin-bottom: 80px;
}

/* box-shop
------------------------------------------------ */
#box-shop {
	padding: 0 0 130px; 
}

#note-short {
	border-top: solid 2px #000;
}
#note-short .note {
	font-size: 2.2rem;
	margin: 0.7em 0 2em;
	text-align: justify;
}
#note-short .note-last {
	margin-bottom: 4em;
}
.note-hl {
	font-weight: 600;
}

/*Mobile*/
@media screen and (max-width: 1360px) {
	#note-short .note{
		font-size: calc(14.8vw/10);
	}
}
@media screen and (max-width: 1280px) {
	#box-shop {
		padding-bottom: calc(94vw/10);
	}
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 810px) {
}
@media screen and (max-width: 768px) {
	
	#event .bnr {
		margin-bottom: 4%;
	}
	#event .bnr01 {
		margin-bottom: 4%;
	}
	
	#btn02.box-btn-wrapper {
		margin-bottom: calc(90vw/10);
	}
	
	#box-shop {
		padding-bottom: calc(145vw/10);
		background-color: #f2f2f2;
	}
	
	#box-shop #note-set {
		margin-top: calc(42vw/10);
	}
	
	#note-short {
		margin: 0 5%;
		width: auto;
	}
	#note-short .note{
		font-size: calc(28.5vw/10);
		letter-spacing: -0.02em;
		margin-bottom: 0;
	}
	#note-short .note-last {
		letter-spacing: -0.05em;
		margin-top: 0;
		margin-bottom: 2em;
	}
}
@media screen and (max-width: 480px) {
}
@media screen and (max-width: 320px) {
}


/*テキスト長体*/
.chotai {
	display: inline-block;
	transform: scale(0.9, 1);
	transform-origin: top left;
	width: 117%;
	letter-spacing: -0.05em
}
.chotai span {
	font-size: 92%;
}
@media screen and (max-width: 1280px) {
	.chotai {
		transform: scale(0.75, 1);
		width: 133%;
	}
}
@media screen and (max-width: 768px) {
	.chotai {
		transform: scale(0.8, 1);
		width: 125%;
	}
}


/*クッキーアイコン非表示*/
#ot-sdk-btn-floating.ot-floating-button {
	display:none;
}



/*店舗情報*/
#shop {
	margin: 2em 0 ;
	background-color: #f2f2f2;
}
.shop-list-wrapper {
	position: relative;
}
.shop-list-wrapper .comment {
/*
	position: absolute;
	right: 78px;
	top: 0;
	max-width: 593px;
	*/
}
.shop-list ul {
	margin: 0 0;
	padding: 4.4em 4.4em 2.2em;
	padding-top: 0;
	list-style-type: none;
	display: flex;
	align-items: center;
	flex-diretion: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch
}
.shop-list li {
	background-color: #fff;
	background-image: url("../images/shop_corner.webp");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 20px;
	width: 23.6%;
	margin: 0.7%;
}
.shop-list li.shop-dummy {
	background-color: transparent;
	background-image: none;
}
.shop-info {
	display: block;
	padding: 0.5em 1.2em 1em;
	font-size: 17.5px;
	font-size: 1.8rem;
	line-height: 1.6;
}
.shop-info strong {
	display: block;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1.8;
}
.shop-info a {
	display: block;
	margin:0.6em 0 0.2em;
}

@media screen and (max-width: 1280px) {
	.shop-list-wrapper .comment {
	/*
		max-width: calc(415vw/10);
		right: calc(35vw/10);
	*/
	}
	.shop-info {
		font-size: calc(13vw/10);
	}
	.shop-info strong {
		font-size: calc(19vw/10);
	}
	.shop-info a {
		font-size: calc(15vw/10);
	}
	
	.tel a {display: inline !important;}
}
@media screen and (max-width: 960px) {
	.tel a {
		font-size: calc(30vw/10) !important;
	}
}
@media screen and (max-width: 768px) {
	#shop {
		margin-top: 0.8em;
	}
	.shop-list-btn {
		display: inline-block;
		margin-top: 1em;
		margin-bottom: 1.5em;
	}
	.shop-list-wrapper {
		display: none;
	}
	.shop-list-wrapper .comment {
		position: static;
		max-width: 100%;
		text-align: center;
	}
	.shop-list {
		margin-top: -0.8em;
	}
	.shop-list li {
		width: 47%;
		margin: 1.5%;
	}
	.shop-info {
		padding: 0.7em 1.5em 1.4em;
		font-size: calc(25vw/10);
		line-height: 1.6;
	}
	.shop-info strong {
		font-size: calc(37vw/10);
	}
	.shop-info a {
		margin:1em 0 0;
	}
}

/*地図*/
#shop-map {
	padding: 10px;
	/*margin: 0 1.5em 3em 1.5em;*/
	margin: 0 4.8em 4.5em 4.8em;
	background-color: #fff;
}
#shop-map .map-wrapper {
	overflow: hidden;
	aspect-ratio: 8/5;
	border: 1px solid #ccc;
	width: 100%;
	position: relative;
}
#shop-map .map {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%) scale(1.2);
}
#shop-map .map-in {
	position: relative;
}
.point-mark {
	display: inline-block;
	width: 20%;
	height: 20%;
	max-width: 220px;
	max-height: 220px;
	background-color: #123598;
	background: linear-gradient(90deg, #123598 0 20%, #d021a1 70% 100%);
	border: 1px solid #ffffff;
	border-radius: 50%;
	cursor: pointer;
	position: absolute;
	z-index: 2;
	opacity: 0;
	transition: all 0.3s ease-in;
}
.point-mark {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	opacity: 1;
	transition: all 0.3s ease-in;
	transition-delay: 0.5s;
}
.point-mark::before,
.point-mark::after {
	content: "";
	display: block;
	margin: auto;
	width: 100%;
	height: 100%;
	border: 1px solid #123598;
	border-radius: 50%;
	box-sizing: border-box;
	pointer-events: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	animation: pulsate 5s linear infinite;
}
.point-mark::after {
	animation-delay: 2s;
}
@keyframes pulsate {
	0% {
		transform: scale(1);
		opacity: 0.4;
	}
	100% {
		transform: scale(2);
		opacity: 0;
	}
}

.point-mark.shop01 {top: 38%;left: 70.5%;}/*魚津*/
.point-mark.shop02 {top: 41.5%;left: 67%;}/*富山本店*/
.point-mark.shop03 {top: 44%;left: 66%;}/*富山インター店*/
.point-mark.shop04 {top: 40%;left: 59%;}/*高岡店*/
.point-mark.shop05 {top: 44%;left: 58.5%;}/*砺波店*/
.point-mark.shop06 {top: 36%;left: 54%;}/*羽咋店*/
.point-mark.shop07 {top: 50%;left: 49%;}/*金沢本店*/
.point-mark.shop08 {top: 47%;left: 49%;}/*SWING 金沢西（金沢西店）*/
.point-mark.shop09 {top: 52%;left: 45%;}/*白山店*/
.point-mark.shop10 {top: 54%;left: 42.5%;}/*小松店*/
.point-mark.shop11 {top: 60%;left: 38%;}/*福井本店*/
.point-mark.shop12 {top: 63.5%;left: 37%;}/*福井ハーモニーホール前店*/

.tooltip {
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	z-index: 10;
}
.tooltip-text {
	position: absolute;
	left: 50%;
	/*bottom: 0;*/
	bottom: 110%;
	transform: translateX(-50%);
	margin-bottom: 6px;
	padding: 6px 8px;
	border-radius: 3px;
	color: #333;
	background-color: #fff;
	font-size: 0.95em;
	font-weight: normal;
	line-height: 1.2;
	text-align: center;
	visibility: hidden; 
	opacity: 0;
	z-index: 11;
	transition: 0.5s all;
	white-space: nowrap;
}
.tooltip-text.btm {
	bottom: -140%;
}
.tooltip-text::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 5px solid #fff; /* 三角形の高さ */
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	position: absolute;
	left: 50%;
	bottom: -5px;
	transform: translateX(-50%);
	z-index: 12;
}
.tooltip:hover .tooltip-text {
	bottom: 110%;
	visibility: visible;
	opacity: 1; 
}
.tooltip:hover .tooltip-text.btm {
	bottom: -140%;
}
.tooltip-text.btm::after {
	border-top: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #fff; /* 三角形の高さ */
	bottom: 28px;
}

/*Mobile*/
@media screen and (max-width: 1360px) {
	#shop-map {
		margin: 0 2em 2em 2em;
	}
	.shop-list ul {
		padding: 1em 2em 2em;
	}
	.point-mark {
		width: calc(2.4vw);
		height: calc(2.4vw);
	}
	.tooltip {
		width: calc(2.5vw);
		width: calc(2.5vw);
	}
}
@media screen and (max-width: 810px) {
	.point-mark {
		width: calc(2.2vw);
		height: calc(2.2vw);
	}
	.tooltip {
		/*display: none;*/
		height: auto;
	}
	.tooltip-text {
		left: 0;
		bottom: 0%;
		transform: translateX(0%);
		margin-bottom: -2px;
		padding: 0 0 0 1.5em;
		border-radius: 0;
		color: #000;
		background-color: transparent;
		font-size: 1em;
		font-weight: bold;
		line-height: 1;
		visibility: visible;
		opacity: 1; 
		letter-spacing: -0.02em
	}
	.tooltip-text.btm {
		bottom: 0;
	}
	.tooltip-text::after {
		border: none;
	}
	.tooltip .tooltip-text {
		bottom: 0;
	}
	.tooltip .tooltip-text.btm {
		bottom: 0;
	}
	.tooltip-text.btm::after {
		border: none;
	}
	.tooltip.left {
		text-align: right;
	}
	.tooltip.left .tooltip-text {
		min-width: 4em;
		margin-bottom: 0.35em;
		padding: 0 0 0 0;
		text-align: right;
		left: -4.2em;
	}
	.tooltip.left.long .tooltip-text {
		min-width: 12em;
		left: -12.2em;
	}
}
@media screen and (max-width: 768px) {
	#shop-map .map-wrapper {
		aspect-ratio: 3/4;
	}
	#shop-map .map {
		transform: translateY(-59%) translateX(-48%) scale(2.1);
	}
	#shop-map .map.map_rotated {
		/*transform: translateY(-51%) translateX(-55%) scale(2.1) rotate(-6deg);*/
		transform: translateY(-49%) translateX(-68%) scale(1.9);
	}
	.point-mark {
		width: calc(2.1vw);
		height: calc(2.1vw);
	}
	.point-mark::before, .point-mark::after {
		border: none;
		animation: none;
	}
	.tooltip {
		/*display: none;*/
		height: auto;
	}
	.tooltip-text {
		left: 0;
		bottom: 0%;
		transform: translateX(0%);
		margin-bottom: 0.15em;
		padding: 0 0 0 1.3em;
		border-radius: 0;
		color: #000;
		background-color: transparent;
		font-size: 0.88em;
		font-weight: bold;
		line-height: 1.1;
		visibility: visible;
		opacity: 1; 
		letter-spacing: -0.02em
	}
	.tooltip-text.btm {
		bottom: 0;
	}
	.tooltip-text::after {
		border: none;
	}
	.tooltip .tooltip-text {
		bottom: 0;
	}
	.tooltip .tooltip-text.btm {
		bottom: 0;
	}
	.tooltip-text.btm::after {
		border: none;
	}
	.tooltip.left {
		text-align: right;
	}
	.tooltip.left .tooltip-text {
		min-width: 4em;
		margin-bottom: 0.35em;
		padding: 0 0 0 0;
		text-align: right;
		left: -4.2em;
	}
	.tooltip.left.long .tooltip-text {
		min-width: 7em;
		left: -7.2em;
	}
}

/*SP画像の余白対策*/
@media screen and (max-width: 768px) {
	#main-img .date,
	#campaign .piriod {
		margin-top: -0.5px;
	}
}