@charset "UTF-8";
/*MENU内*/
#utilityNavigation .container ul:nth-child(1) li.limited a {border-color: var(--color-yellow1);}
#utilityNavigation .container ul:nth-child(1) li.limited a,
#utilityNavigation .container ul:nth-child(1) li.limited a span {color: var(--color-yellow1);}
/*SP下部アイコン*/
#primaryNavigation ul:nth-of-type(2) li.sample a span::before {background: url("../img/common/icon_sample.svg") no-repeat center/contain;}
@media only screen and (max-width: 1200px) {}
@media only screen and (max-width: 1100px) {}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {
  /*MENU内*/
  #utilityNavigation .container ul:nth-child(1) li.limited {width: calc(100% - 1em);}
	/*SP下部アイコン*/
	#primaryNavigation ul.icon a {
		pointer-events: auto !important;
	}
}
@media only screen and (max-width: 550px) {}
@media only screen and (max-width: 450px) {}









.loader {display: none;}

sup {font-size: 11px;vertical-align: top;}
.flex { display: flex;flex-wrap: wrap; }

/* 表示・非表示 */
.pc_only{display: block;}
.pc_tab_only{display: block;}
.tab_only{display: none;}
.sp_tab_only{display: none;}
.sp_only{display: none;}
@media screen and (max-width: 850px){
	.pc_only{display: none;}
	.pc_tab_only{display: block;}
	.tab_only{display: block;}
	.sp_tab_only{display: block;}
	.sp_only{display: none;}
}
@media screen and (max-width: 550px){
	.pc_only{display: none;}
	.pc_tab_only{display: none;}
	.tab_only{display: none;}
	.sp_tab_only{display: block;}
	.sp_only{display: block;}
}

/* キャプション */
figure figcaption, figcaption { 
	  display: block;
    content: attr(data-cap);
    color: rgba(255,255,255,0.7);
    font-size: 10px;
    line-height: 1;
    padding: 0.3em 0.5em 0.28em;
    background: rgba(120, 120, 120, 0.7);
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 100;
}
.capImg {display: block;content: attr(data-cap);color: rgba(255, 255, 255, 0.7);font-size: 10px;line-height: 1;padding: 0.3em 0.5em 0.28em;background: rgba(120, 120, 120, 0.7);position: absolute;right: 0;bottom: 0;z-index: 100;}
.cap {font-size: 11px;padding-top: 5px;text-align: right;}

/* アニメーション */
@keyframes fadeIn {　0% {opacity: 0}　100% {opacity: 1}　}
.fadein {opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all 1s;transition: all 1s;}
.fadein.show{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}

/* 画像横スクロール */
.swipeIcon { display: none; }
@media screen and (max-width: 850px) { 
  .mfp-custom .mfp-content .slideBox { padding: 45px 0 15px; }
  .slideBox { position: relative; overflow-x: auto; padding-bottom: 15px; }
  .slideimg { max-width: 160vw !important; width: auto !important; }
  .swipeIcon { display: block; position: absolute; top: 50%; left: 150px; z-index: 10; width: 100px; animation: horizontal 1s ease-in-out infinite alternate; }
  .swipeIcon img { max-width: 150px; } 
}
@keyframes horizontal { 
	0% { transform: translate(-30%, -50%); }
  100% { transform: translate(-70%, -50%); } 
}

/* 画像ピンチイン */
.zoomBox { position: relative;}
.zoomIcon {display: none;}
@media screen and (max-width: 850px) { 
  .zoomIcon {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; width: 50px; animation: opacity 1s ease-in-out infinite alternate;}
}
@keyframes opacity { 
	0% { opacity: 0; }
  100% { opacity: 1; } 
}