@charset "utf-8";
/* ::::::::::::::::::::::::::::::::::::::::: */
/* index */
.contents_top {
	background-color: rgba(255, 255, 255, 0.0);
	color: #333333;
	line-height: 1.8rem;
	padding: 0;
	margin: 0;
}
.carousel-inner {
	max-height: 100vh;
}
.catch2 {
	width: 100px;
	height: calc(100vw * 0.64);
	position: absolute;
	right: 1%;
	margin: 0;
	z-index: 1;
}
@media screen and (min-width: 1024px) {
	.contents_top {
		margin: -170px 0 0;
	}
}
@media screen and (min-width: 1750px) {
	.catch2 {
		bottom: 0%;
	}
}
#season {
	z-index: -1;
}
#info {
	max-width: 1024px;
	padding: 90px 1% 30px;
	margin: -50px auto 50px;
}
#info h2 {
	border-bottom: 3px solid;
	border-image: linear-gradient(to right, #B9A67B 0%, #fff 100%);
	border-image-slice: 1;
	color: #333333;
	background: linear-gradient(to right, rgba(255, 255, 255, 0.70) 0%, rgba(255, 255, 255, 0.00) 100%);
	text-shadow: none;
	padding: .2em 0;
	position: relative;
}
.link_box {
  width:100%;
}
.link_card {
  position:relative;
	padding: 4% 0 2% 0;
	margin: 10px 0;
	-webkit-filter: drop-shadow(0 0 5px rgba(235, 228, 222, 0.50));
	-moz-filter: drop-shadow(0 0 5px rgba(235, 228, 222, 0.50));
	-ms-filter: drop-shadow(0 0 5px rgba(235, 228, 222, 0.50));
	filter: drop-shadow(0 0 5px rgba(235, 228, 222, 0.50));
	border: 1px solid #FFC500;
	transition: all 0.5s;
	background-color: #DEC58C;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(260,595,577)'%3E%3Cstop offset='0' stop-color='%23DEC58C'/%3E%3Cstop offset='1' stop-color='%23F5E6A7'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='300' height='250' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.02'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
	background-size: cover;
}
.link_card:hover {
	color: #30343f;
	background: rgba(247, 243, 233, 0.70);
	border: 1px solid #FDECB1;
	transition: all 0.5s;
  cursor:pointer;
}
.link_card a {
  position:absolute;
	color: #333;
	margin: 0;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.link_card h3 {
	font-size: 1.2rem;
	line-height: 1.3em;
	text-align: center;
	text-shadow: 2px 2px 3px rgba(86, 85, 80, 0.3);
	width: 100%;
}
.link_box.w .link_card {
	border: 1px solid rgba(196,53,53,0.70);
	background: rgba(255,255,255,0.70);
	background-image: url("../img/bg_wasi.png");
	padding: 2% 0 2% 0;
}
.link_box.w .link_card:hover {
	color: #2A2C31;
	background: rgba(255,255,255,0.50);
	background-image: url("../img/bg_wasi.png");
	border: 1px solid #FDB1B1;
	transition: all 0.5s;
  cursor:pointer;
}
.link_box.w .link_card h3 span {
	color: #3F3E3D;
	font-weight: 600;
	font-size: 1.1em;
	line-height: 2.5em;
	text-shadow: 2px 2px 3px rgba(189,179,148,0.30);
}
@media screen and (max-width: 380px) {
	.link_card h3 {
		font-size: 1.1rem;
	}
}
.link_card h3.w100c strong {
	font-size: 1.0em;
	color: #E34340;
}
@media screen and (max-width: 420px) {
	.link_card h3.w100c strong {
		font-size: .9em;
	}
}
.link_card h3.w100c small {
	font-size: .8em;
}
.link_card h4 {
	font-size: 1.1rem;
	line-height: 1.3em;
	text-align: center;
	width: 100%;
}
.link_card .fb {
	font-size: 1.2rem;
}
.link_card.bb {
	border-bottom: 1px solid #FFC500;
	margin-bottom: 0;
}
.link_card.bt {
	border-top: 1px solid #FDECB1;
	margin-top: 0;
}
@media screen and (min-width: 768px) {
	.sp2 {
		display: block !important;
	}
	.link_card {
		padding: 3% 0% 2% 0%;
	}
	.link_card h3 {
		font-size: 1.5rem;
		line-height: 1.5em;
		text-align: left;
		text-shadow: 2px 2px 3px rgba(86, 85, 80, 0.3);
		display: inline-block;
		width: 60%;
		vertical-align: middle;
	}
	.link_card h3.w100 {
		width: 100%;
	}
	.link_card h3.w100c {
		text-align: center;
		width: 100%;
	}
	.link_card h3.w100c strong {
		font-size: 1.7rem;
	}
	.link_card h3.w100c small {
		font-size: 1.3rem;
	}
	.link_card h4 {
		font-size: 1.1rem;
		line-height: 1.5rem;
		text-align: left;
		display: inline-block;
		width: 40%;
		vertical-align: middle;
	}
}
/* information */
#information {
	max-width: 1024px;
	padding: 0 1%;
	margin: 0 auto 50px;
}
#information h2 {
	padding: 5px 5px;
	margin: 50px 0 0;
	border-bottom: 3px solid;
	border-image: linear-gradient(to right, #B9A67B 0%, #fff 100%);
	border-image-slice: 1;
}
#information .link {
	margin: 20px 10px;
}
#information dl.topics {
	padding: 0;
	margin: 0 10px;
	display: flex;
	flex-wrap: wrap;
}
#information dl.topics a {
	color: #990000;
}
#information dl.topics dt, #information dl.topics dd {
	box-sizing: border-box;
	border-bottom: 1px solid #DBD6CB;
	line-height: 1.3rem;
	padding: 8px 10px 10px 10px;
	margin: 10px 0 0 0;
}
#information dl.topics dt {
	font-weight: normal;
	width: 120px;
}
#information dl.topics dd {
	width: calc(100% - 130px);
}
@media screen and (max-width: 910px) {
	#information dl.topics {
		display: block;
	}
	#information dl.topics dt, #information dl.topics dd {
		width: 100%;
		padding: 5px 10px 5px 10px;
	}
	#information dl.topics dt {
		border-bottom: none;
	}
	#information dl.topics dd {
		line-height: 1.5rem;
		margin: 0 0 5px 0;
	}
}
/* grad-wrap */
.grad-wrap {
	position: relative;
	width: 90%;
}
.grad-wrap + .grad-wrap {
	margin-top: 40px;
}
.grad-btn {
	z-index: 2;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: auto;
	padding: 5px 0 5px;
	border-radius: 5px;
	color: #EBEBEF;
	font-size: 15px;
	text-align: center;
	cursor: pointer;
	transition: all 0.5s ease-in;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .1);
	background: #202060;
	background: linear-gradient(0deg, rgba(32, 32, 96, 1.00) 0%, rgba(13, 13, 53, 1.00) 58%, rgba(38, 38, 88, 1.00) 99%);
}
.grad-btn::before {
	content: "もっと見る";
	padding: 50px 0 5px;
}
.grad-btn:hover {
	background: #202060;
	color: #EBEBEF;
}
.grad-btn .icon {
	margin-left: 1em;
}
.grad-item {
	position: relative;
	overflow: hidden;
	height: 190px;
	margin-bottom: 40px;
}
.grad-item::before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 40px;
}
.grad-trigger {
	display: none;
}
.grad-trigger:checked ~ .grad-btn {
	bottom: -2em;
}
.grad-trigger:checked ~ .grad-btn::before {
	content: "閉じる";
}
.grad-trigger:checked ~ .grad-btn .icon {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	transform-origin: center center;
	transition-duration: 0.5s;
}
.grad-trigger:checked ~ .grad-item {
	height: auto;
}
.grad-trigger:checked ~ .grad-item::before {
	display: none;
}
.icon-arrow-down {
	font-size: 16px;
	fill: #EBEBEF;
	margin: 0px 0 5px;
}
/* emergency */
.emergency-container2 {
	position: absolute;
	top: 170px;
	left: 0;
	content: "";
	width: 100%;
	height: 100px;
	text-align: center;
	background-color: #CA1D21;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23cf1f29' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23d32231' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23d72439' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23d92944' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23D9304F' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23e13956' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23e8425d' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23ef4d65' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23f4586e' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23F96477' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
	background-size: cover;
	margin: 0 auto;
	z-index: 2;
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
	transition: all 0.5s;
}
.emergency-container2 a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
}
.emergency-container2:hover {
	cursor: pointer;
	background: rgba(217,48,79,0.8);
}
.emergency-contents {
	position: relative;
	z-index: 2;
	text-align: center;
}
.emergency-contents h3 {
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.3em;
	padding: .5em 0;
	margin: 0 auto;
}
.emergency-contents p {
	padding: .5em 0;
	margin: 0 auto;
}
@media screen and (max-width: 920px) {
	.emergency-contents h3 {
		padding: .5em 0 .1em;
	}
	.emergency-contents p {
		line-height: 1.3em;
	}
}
@media screen and (max-width: 660px) {
	.emergency-container2 {
		top: 250px;
		height: 85px;
	}
	.emergency-container2 h3 {
		font-size: 1.3em;
		line-height: 1.2em;
		padding: .3em 0;
	}
	.emergency-container2 p {
		line-height: 1.3em;
		padding: 0;
		margin: 0 auto;
	}
	.emergency-container2 + #season {
		margin-top: 85px;
	}
	#info {
		margin-top: -70px;
	}
	#information {
		margin-top: -30px;
	}
}
@media screen and (max-width: 300px) {
	.emergency-container2 {
		font-size: 12px;
		top: 205px;
		height: 85px;
	}
}
/* /emergency */

/* video_hoyo */
.video_hoyo {
  text-align: center;
  background: #F8F8F5;
  padding: 20px;
}
.video_hoyo h2 {
  position: relative;
  font-size: 1.5rem;
  padding: 10px;
  margin: 30px 0 60px;
}
.video_hoyo h2::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -20px;
  display: inline-block;
  width: 4em;
  height: 2px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #6F5D5D;
  border-radius: 2px;
}
.video_hoyo h3 {
  font-size: 1.1rem;
  line-height: 1.5em;
  color: #300;
  background-color: #FFFFFF;
  border-bottom: 1px dotted #CFC3C1;
  margin: 10px auto 20px;
}
.video_hoyo p {
  font-size: 0.9rem;
}
.video_hoyo section {
  margin: auto auto 30px auto;
  border: 1px solid #D5D1C5;
  background: #fff;
  max-width: 878px;
  padding: 10px;
}
video {
  width: 100%;
  max-width: 850px;
  max-height: 480px;
}
@media screen and (max-width: 480px) {
	.video_hoyo {
	  padding: 10px;
	}
}
/* /video_hoyo */

/* video_hoyo_yoko */
.video_hoyo_yoko {
  text-align: center;
  background: #FF8F8;
  padding: 20px 10px;
  margin: auto auto 30px auto;
background: repeating-linear-gradient(-45deg, #ffeeeb, #ffeeeb 1px, #fdf6f5 1px, #fdf6f5 14px);
background-color: #fcf7f6;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23ead9d8' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}
.video_hoyo_yoko.bg {
background-color: #f5f3ef;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23f3f3ed' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}

.video_hoyo_yoko h2 {
  position: relative;
  font-size: 1.0rem;
  padding: 10px;
  margin: 30px 0 60px;
}
.video_hoyo_yoko h2::before {
  content: '';
  position: absolute;
  left: calc(50% - 50px);
  bottom: -32px;
  display: inline-block;
  width: 100px;
  height: 20px;
  background-image: url("../img/img_line.png");
}
.video_hoyo_yoko h3 {
  font-size: 1.1rem;
  line-height: 1.5em;
  color: #300;
  background-color: #FFFFFF;
  border-bottom: 1px dotted #CFC3C1;
  margin: 10px auto 20px;
}
.video_hoyo_yoko h4 {
  font-size: 1rem;
}
.video_hoyo_yoko p {
  font-size: 0.9rem;
}
.video_hoyo_yoko section {
  margin: auto auto 30px auto;
  border: 1px solid #D5D1C5;
  background: #fff;
  max-width: 878px;
  padding: 10px;
}
video {
  width: 100%;
  max-width: 850px;
  max-height: 480px;
}
@media screen and (min-width: 768px) {
	.video_hoyo_yoko h2 {
	  font-size: 1.3rem;
	}
	.video_hoyo_yoko h4 {
	  font-size: 1.2rem;
	}
	.video_hoyo_yoko .hoyo_contents {
	  display: flex;
	  max-width: 1800px;
	  margin: auto;
	}
	.video_hoyo_yoko section {
	  display: block;
	  width: 48%;
	  max-width: 878px;
	  padding: 10px;
	  border: 1px solid #D5D1C5;
	  background: #fff;
	}
	.video_hoyo_yoko section::after {
	  clear: both;
	}
}
/* /video_hoyo */