@charset "utf-8";
/* 画面外にいる状態 */
.effect {
  display: block;
	opacity : 0;
	transition : all 700ms 300ms;
}
.fadein {
}
.zoomin {
	transform: scale(1.2);
}
/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
}
.effect.scrollin{
  opacity: 1.0;
	-webkit-transform: translate(0,0);
	transform: translate(0,0); 
}

#special-column {
	font-family: "Noto Sans Japanese" !important;
	margin-right: 0px;
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 0.1em;
	color: #000;
	width: 1200px;
  margin: 0 auto;
	background-color: #fff;
}
#special-column h2 {
	height: 550px;
	width: 1200px;
	background-image: url(pc_header.jpg);
	background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#special-column .read-text {
	text-align: center;
	padding-top: 0px;
	padding-bottom: 35px;
}

.slider-wrap {
  padding-bottom: 90px;
}

.slider li {
  width: 700px;
  padding: 20px 10px;
}
.slick-prev,
.slick-next {
	width: 28px;
	height: 54px;
  padding: 0;
	background-color: transparent !important;
	position: absolute;
	bottom: -62px;  
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: none;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
  z-index: 32;
}
.slick-prev {
	left: 330px;
	background-image: url(btn_prev.png);
}
.slick-next {
	right: 330px;
	background-image: url(btn_next.png);
}
.slick-dots {
	position: absolute;
	right: 0;
  left: 0;
	bottom: -42px;
  margin: 0 auto;
  text-align: center;
  z-index: 2;
}
.slick-dots li
{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0px 8px;
    padding: 0;
    cursor: pointer;
  	border-radius: 6px;
  background-color: #9B9B9B;
}
.slick-dots li button
{
	font-size: 0;
	line-height: 0;
	display: block;
	width: 10px;
	height: 10px;
	cursor: pointer;
	color: transparent;
	outline: none;
	background: transparent;
	visibility: hidden;	
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li.slick-active 
{
    background-color: #828282;
}

#special-column h3 {
  padding-bottom: 25px;
  text-align: center;
  font-size: 26px;
  line-height: 1;
  font-weight: 600;
}
#special-column h3 span {
  display: block;
  padding-bottom: 25px;
}
#special-column section .read {
  text-align: center;
}
#special-column section .name {
  text-align: center;
  line-height: 1;
  padding-top: 20px;
}
#special-column section .photo-block {
  position: relative;
}
#special-column section .photo-block:after {
  display: block;
  position: absolute;
  content:"";
}
#special-column section .photo-block div {
  position: absolute;
}
#special-column section footer {
  position: relative;
  height: 300px;
}
#special-column section footer p {
  line-height: 22px;
  position: absolute;
}
#special-column section footer p a {
  display: block;
  font-size: 9px;
  line-height: 1;
  color: #000;
  padding-bottom: 30px;
}
#special-column section footer img {
  display: block;
  position: absolute;
}


#special-column #town01 {
  padding-bottom: 280px;
}
#special-column #town01 .slider,
#special-column section#town01 footer {
  background-color: #FFFD42;
}
#special-column #town01 .photo-block {
  height: 1432px;
}
#special-column #town01 .photo-block:after {
  background-color: #FFFD42;
  width: 693px;
  height: 693px;
  top: 144px;
  left: 165px;
  z-index: 1;
}
#special-column #town01 .photo-A {
  top: 28px;
  left: 480px;
  z-index: 4;
  opacity: 0.3;
}
#special-column #town01 .photo-B {
  top: 236px;
  left: 21px;
  z-index: 3;
}
#special-column #town01 .photo-C {
  top: 636px;
  left: 341px;
  z-index: 2;
}
#special-column #town01 footer .photo {
  top: -148px;
  left: 41px;
  z-index: 1;
}
#special-column #town01 footer P {
  top: 187px;
  left: 900px;
  z-index: 1;
}

#special-column #town02 {
  padding-bottom: 220px;
}
#special-column #town02 .slider,
#special-column section#town02 footer {
  background-color: #FD667F;
}
#special-column #town02 .photo-block {
  height: 1428px;
}
#special-column #town02 .photo-block:after {
  border: 20px solid #E07280;
  width: 787px;
  height: 757px;
  top: 83px;
  left: 195px;
  z-index: 4;
  mix-blend-mode : multiply;
}
#special-column #town02 .photo-A {
  top: 50px;
  left: 543px;
  z-index: 3;
}
#special-column #town02 .photo-B {
  top: 437px;
  left: 0px;
  z-index: 2;
}
#special-column #town02 .photo-C {
  top: 629px;
  right: 0;
  z-index: 1;
}
#special-column #town02 footer .photo {
  top:-286px;
  left: 200px;
  z-index: 1;
}
#special-column #town02 footer P {
  top: 168px;
  left: 1015px;
}
  
#special-column #town03 {
  padding-bottom: 370px;
}
#special-column #town03 .slider,
#special-column section#town03 footer {
  background-color: #75C5BA;
}
#special-column #town03 .photo-block {
  height: 1282px;
}
#special-column #town03 .photo-block:after {
  width: 693px;
  height: 693px;
  top: 288px;
  left: 265px;
  background-color: #75C5BA;
  z-index: 1;
}
#special-column #town03 .photo-A {
  top: 73px;
  left: 0px;
  z-index: 2;
  opacity: 0.3;
}
#special-column #town03 .photo-B {
  top: 188px;
  left: 462px;
  z-index: 3;
}
#special-column #town03 .photo-C {
  top: 708px;
  left: 96px;
  z-index: 4;
}
#special-column #town03 .photo-D {
  top: 708px;
  left: 606px;
  z-index: 4;
}
#special-column #town03 footer .photo {
  top: -151px;
  left: 357px;
  z-index: 1;
}
#special-column #town03 footer P {
  top: 188px;
  left: 194px;
}

#special-column #town04 {
  padding-bottom: 207px;
}
#special-column #town04 .slider,
#special-column section#town04 footer {
  background-color: #FD1B53;
}
#special-column #town04 .photo-block {
  height: 1528px;
}
#special-column #town04 .photo-block:after {
  width: 602px;
  height: 602px;
  border: 5px solid #FD1B53;
  opacity: 0.6;
  top: 186px;
  left: 301px;
  z-index: 4;
}
#special-column #town04 .photo-A {
  top: 68px;
  left: 453px;
  z-index: 3;
}
#special-column #town04 .photo-B {
  top: 198px;
  left: 0px;
  z-index: 1;
  opacity: 0.2;
}
#special-column #town04 .photo-C {
  top: 649px;
  left: 209px;
  z-index: 1;
}
#special-column #town04 footer .photo {
  top: -246px;
  left: 61px;
  z-index: 1;
}
#special-column #town04 footer P {
  top: 186px;
  left: 903px;
}

#special-column #town05 {
  padding-bottom: 337px;
}
#special-column #town05 .slider,
#special-column section#town05 footer {
  background-color: #29FE9C;
}
#special-column #town05 .photo-block {
  height: 1282px;
}
#special-column #town05 .photo-block:after {
  width: 683px;
  height: 683px;
  border: 10px solid #29FE9C;
  top: 231px;
  left: 278px;
  z-index: 4;
}
#special-column #town05 .photo-A {
  top: 38px;
  left: 0px;
  z-index: 1;
}
#special-column #town05 .photo-B {
  top: 145px;
  left: 400px;
  z-index: 2;
}
#special-column #town05 .photo-C {
  top: 710px;
  left: 97px;
  z-index: 1;
}
#special-column #town05 .photo-D {
  top: 710px;
  left: 606px;
  z-index: 1;
}
#special-column #town05 footer .photo {
  top: -150px;
  left: 162px;
  z-index: 1;
}
#special-column #town05 footer P {
  top: 115px;
  left: 978px;
}