@charset "UTF-8";
/* yanagawa.css */


/*-------------------- contents --------------------*/

* {
    position: relative;
}
/*-------------------- slider --------------------*/
#container {
    width: 100%;
    overflow-x: hidden;
}


#slider_base {
    position: relative;
    margin: 0 auto;
}
#slider_box {
    width: 300%;
    position: absolute;
    left: 50%;
    margin-left: -150%;
}



.portrait #slider_box {
    width: 100%;
    position: absolute;
    left: 0;
    margin-left: 0;
}

.slider .slider-text_a01 {
    font-size: 14px;
    line-height: 1.6;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 25%;
    left: 50%;
}
.slider .slider-text_a02 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 10%;
    right: 30px;
}
.slider .slider-text_a03 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 30%;
    right: 30px;
}
.slider .slider-text_a04 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    bottom: 10%;
    left: 40%;
}
.slider .slider-text_a05 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 10%;
    right: 100px;
}
.slider .slider-text_a06 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 30%;
    right: 100px;
}
.slider .slider-text_a07 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 5%;
    right: 10%;
}
.slider .slider-text_a08 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    bottom: 10%;
    right: 50px;
}
.slider .slider-text_a09 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 20%;
    left: 50%;
}
.slider .slider-text_a10 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 10%;
    right: 50px;
}

.slider .slider-text_a11 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 30%;
    right: 50px;
}


.slider .slider-text_b01 {
    font-size: 14px;
    line-height: 1.6;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 25%;
    left: 50%;
}
.slider .slider-text_b02 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    bottom: 15%;
    right: 30px;
}
.slider .slider-text_b03 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    bottom: 10%;
    right: 30px;
}
.slider .slider-text_b04 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 45%;
    right: 80px;
}
.slider .slider-text_b05 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 10%;
    right: 100px;
}
.slider .slider-text_b06 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 30%;
    right: 100px;
}
.slider .slider-text_b07 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 40%;
    right: 90px;
}
.slider .slider-text_b08 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 15%;
    right: 40px;
}
.slider .slider-text_b09 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 15%;
    right: 40px;
}
.slider .slider-text_b10 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 10%;
    right: 30px;
}

.slider .slider-text_c01 {
    font-size: 14px;
    line-height: 1.6;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 25%;
    left: 50%;
}
.slider .slider-text_c02 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 20%;
    left: 60%;
}
.slider .slider-text_c03 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    bottom: 10%;
    left: 50%;
}
.slider .slider-text_c04 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 10%;
    left: 42%;
}
.slider .slider-text_c05 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    bottom: 40px;
    right: 50px;
}
.slider .slider-text_c06 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 30%;
    left: 64%;
}
.slider .slider-text_c07 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 55%;
    left: 20%;
}
.slider .slider-text_c08 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 30%;
    left: 60%;
}
.slider .slider-text_c09 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 30%;
    right: 50px;
}
.slider .slider-text_c10 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 30%;
    right: 50px;
}

.slider .slider-text_c11 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 30%;
    right: 50px;
}

.slider .slider-text_c12 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 30%;
    right: 50px;
}

.slider .slider-text_d01 {
    font-size: 14px;
    line-height: 1.6;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 25%;
    left: 50%;
}
.slider .slider-text_d02 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    bottom: 20%;
    left: 70%;
}
.slider .slider-text_d03 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 50%;
    left: 60%;
}
.slider .slider-text_d04 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 30%;
    left: 60%;
}
.slider .slider-text_d05 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 30%;
    right: 50px;
}
.slider .slider-text_d06 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    bottom: 20%;
    left: 64%;
}
.slider .slider-text_d07 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 40%;
    left: 65%;
}
.slider .slider-text_d08 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    bottom: 20%;
    left: 65%;
}
.slider .slider-text_d09 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 30%;
    left: 65%;
}
.slider .slider-text_d10 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 30%;
    left: 65%;
}

.slider .slider-text_d11 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 35%;
    left: 65%;
}
.slider .slider-text_d12 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    position: absolute;
    top: 30%;
    left: 65%;
}

/*
.slider-text {
    visibility:hidden;
}
.slider-text.active-slide {
    visibility: visible;
}
*/

.slider.portrait .slider-text_a01 {
    font-size: 14px;
    line-height: 1.5;
    text-shadow: 1px 1px 2px #f6f4f1;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 22%;
}
.slider.portrait .slider-text_a02 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 55%;
}
.slider.portrait .slider-text_a03 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 65%;
}
.slider.portrait .slider-text_a04 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 55%;
}
.slider.portrait .slider-text_a05 {
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 65%;
}
.slider.portrait .slider-text_a06 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 55%;
}
.slider.portrait .slider-text_a07 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 50%;
}
.slider.portrait .slider-text_a08 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 50%;
}
.slider.portrait .slider-text_a09 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 55%;
}
.slider.portrait .slider-text_a10 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 50%;
}
.slider.portrait .slider-text_a11 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 55%;
}

.slider.portrait .slider-text_b01 {
    font-size: 14px;
    line-height: 1.5;
    text-shadow: 1px 1px 2px #f6f4f1;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 22%;
}
.slider.portrait .slider-text_b02 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 65%;
}
.slider.portrait .slider-text_b03 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 65%;
}
.slider.portrait .slider-text_b04 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 65%;
}
.slider.portrait .slider-text_b05 {
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 65%;
}
.slider.portrait .slider-text_b06 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 70%;
}
.slider.portrait .slider-text_b07 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 65%;
}
.slider.portrait .slider-text_b08 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 65%;
}
.slider.portrait .slider-text_b09 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 65%;
}
.slider.portrait .slider-text_b10 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 65%;
}

.slider.portrait .slider-text_c01 {
    font-size: 14px;
    line-height: 1.5;
    text-shadow: 1px 1px 2px #f6f4f1;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 22%;
}
.slider.portrait .slider-text_c02 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 55%;
}
.slider.portrait .slider-text_c03 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 50%;
}
.slider.portrait .slider-text_c04 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 50%;
    right: 1em;
    position: absolute;
    top: 20%;
}
@media only screen and (max-width: 480px) {
.slider.portrait .slider-text_c04 {
    font-size: 13px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 45%;
    right: 1em;
    position: absolute;
    top: 5%;
}
}


.slider.portrait .slider-text_c05 {
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 50%;
}
.slider.portrait .slider-text_c06 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 55%;
}
.slider.portrait .slider-text_c07 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 60%;
}
.slider.portrait .slider-text_c08 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 50%;
}
.slider.portrait .slider-text_c09 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 50%;
}
.slider.portrait .slider-text_c10 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 45%;
}
.slider.portrait .slider-text_c11 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 50%;
}
.slider.portrait .slider-text_c12 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 50%;
}

.slider.portrait .slider-text_d01 {
    font-size: 14px;
    line-height: 1.5;
    text-shadow: 1px 1px 2px #f6f4f1;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 22%;
}
.slider.portrait .slider-text_d02 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 55%;
}
.slider.portrait .slider-text_d03 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 68%;
}
.slider.portrait .slider-text_d04 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 50%;
    right: 1em;
    position: absolute;
    top: 10%;
}
@media only screen and (max-width: 480px) {
.slider.portrait .slider-text_d04 {
    font-size: 12px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 50%;
    right: 1em;
    position: absolute;
    top: 5%;
}
}


.slider.portrait .slider-text_d05 {
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 55%;
}

@media only screen and (max-width: 480px) {
.slider.portrait .slider-text_d05 {
    font-size: 12px;
}
}
.slider.portrait .slider-text_d06 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 60%;
}
.slider.portrait .slider-text_d07 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 52%;
}
@media only screen and (max-width: 480px) {
.slider.portrait .slider-text_d07 {
    font-size: 12px;
    line-height: 1.5;
}
}
.slider.portrait .slider-text_d08 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 55%;
}
.slider.portrait .slider-text_d09 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 55%;
}
@media only screen and (max-width: 480px) {
.slider.portrait .slider-text_d09 {
    font-size: 13px;
    line-height: 1.5;
}
}
.slider.portrait .slider-text_d10 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 55%;
}
.slider.portrait .slider-text_d11 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 55%;
}
.slider.portrait .slider-text_d12 {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    z-index: 9999;
    left: 20%;
    right: 1em;
    position: absolute;
    top: 45%;
}


.yanagawa_nav {
	margin-top: 4em;
	position: relative;
	width:100%;
	display: block;
	z-index: 1;
	text-align:center;
}


#copyright {
	color: #333;
	font-size: 11px;
	text-align:center;
	margin-top: 3em;
}

.portrait #info {
	position: absolute;
	bottom: 50px;
	width: 100%;
	display: block;
	z-index: 1;
	text-align:center;
}
.slick-dots li {
    width: 16px;
}

@media only screen and (max-width: 320px) {
.slider.portrait .slider-text_b01 {
    font-size: 14px;
    line-height: 1.4;
    top: 20%;
    left: 20%;
    right: 0.5em;
}
}