@charset "UTF-8";
/* CSS Document */

.pc { display: block;}
.sp { display: none;}
.cf:after,
.cf::after {
	content: "";
	display: table;
	clear: both;
}
.cf > .left  { float: left;}
.cf > .right { float: right;}
.mw700      { width: 90%;  max-width:  700px; margin: 0 auto;}
.mw750      { width: 90%;  max-width:  750px; margin: 0 auto;}
.mw960      { width: 90%;  max-width:  960px; margin: 0 auto;}
.mw1000    { width: 90%;  max-width: 1000px; margin: 0 auto;}
.mw1100    { width: 90%;  max-width: 1100px; margin: 0 auto;}
.mw1200    { width: 90%;  max-width: 1200px; margin: 0 auto;}
.mw1300    { width: 90%;  max-width: 1300px; margin: 0 auto;}
.mw1380    { width: 90%;  max-width: 1380px; margin: 0 auto;}
.mw1500    { width: 90%;  max-width: 1500px; margin: 0 auto;}
.w100      { width: 100%;}
#anchor_top {height: 0;}
.icon-arw01 {
	display: block;
	width: 20px;
	height: 6px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: skewX(45deg);
	position: absolute;
	top: calc(50% - 3px);
	right: 1em;
}
.icon-close01 {
	color: #99855c;
	font-size: 150%;
	line-height: 1;
	transform: rotate(45deg);
	position: absolute;
	top: calc(50% - 0.6em);
	right: 0.5em;
}
.icon-prev01 {
	display: block;
	width: 10px;
	height: 14px;
	background: #fff;
	border: 1px solid #99855c;
	border-left: none;
	border-top-right-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	border-bottom-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	background: transparent;
	position: absolute;
	top: calc(50% - 8px);
	right: 1em;
}
.icon-prev01:after {
	display: block;
	content: '';
	width: 6px;
	height: 6px;
	border-left: 1px solid #99855c;
	border-bottom: 1px solid #99855c;
	transform: rotate(45deg);
	position: absolute;
	top: 11px;
	right: 3px;
}

.is-reflection {
}
.is-reflection a {
	position: relative;
	overflow: hidden;
}
.is-reflection a:after {
	content: '';
	height: 100%;
	left: 0;
	opacity: 0;
	display: block;
	position: absolute;
	top: -180px;
	transform: scale(0) rotate(45deg);
	width: 30px;
	background-color: #fff;
	animation: is-reflection 4s ease-in-out infinite;
	z-index: 9000;
}
.is-reflection + .is-reflection a:after {
	animation-delay: .3s;
}
.caption01 {
  display: inline-block;
	color: #fff;
	font-size: 62.5% !important;
	line-height: 1.15;
	text-align: center;
  padding: 0.2em 0.5em 0.2em 0.5em !important;
	background: rgba(0,0,0,0.5);
	position: absolute;
	bottom: 0;
	z-index: 100;
}
.caption01-Left {
	left: 0;
}
.caption01-Right {
	right: 0;
}
.caption01.fix01 {
	color: #333;
	background: rgba(255,255,255,0.75);
}
.caption01.fix02 {
  text-align: right;
	background: transparent;
  opacity: 0.9;
}
.caption01.fix03 {
	color: #333;
	background: transparent;
}
.caption01.fix10 {
  right: 50%;
}
.caption02 {
	font-size: 88% !important;
	line-height: 1.15;
  margin-top: 0.5em !important;
}
.caption02-Right {
  text-align: right;
}

#mainttl01 {
  color: #024098;
  font-size: 175%;
  text-align: center;
  font-weight: 600;
  padding: 1em 0 2em;
}



@media only screen and (max-width: 1100px) {
}
@media only screen and (max-width: 960px) {
}
@media (min-width: 768px) {
}
@media only screen and (max-width: 767px) {
  .pc   { display: none;}
  .sp   { display: block;}
  br.sp { line-height: 0;}
  #mainttl01 {
    font-size: 137.5% !important;
  }
  
  
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
}
@media print {
}