@charset "UTF-8";
/* ================================
	共通
================================ */

/*	調整
---------------------- */
.w_over{
    position: relative;
    margin-left: -105px;
}
.w_full{
    /* position: relative; */
}
.w_full::before{
    display: block;
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    z-index: -1;
}
.img-03.w_full::before{
    background-color: #6ff2e1;
    height: 84px;
}
.img-06.w_full::before{
    background-color: #c6faf3;
    height: 113px;
}


/* ================================
	ヘッダ
	.globalHeader
================================ */
/*	h
---------------------- */
h1{
    position: absolute;
    top: 70px;
    left: 50%;
    margin-left: -486px;
    z-index: 100;
}

/*	.slide
---------------------- */
.slide{
    position: relative;
    max-height: 600px;
    overflow: hidden;
}
.slide ul{
    width: 100%;
    padding-top: 50%;
}
.slide li{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.slide li:not(:first-child){
    display: none;
}
.slide img{
    width: 100%;
    height: auto;
}

/* for IE7-8 */
.ie-legacy .slide li{
    top: 0;
    display: none;
}
.ie-legacy .slide li:first-child{
    display: inline-block;
}


/* ================================
	コンテンツ
	.contents
================================ */
.contents-taiken h2,
.contents-taiken .link{
    position: relative;
}
.contents-taiken a{
    display: block;
    position: absolute;
}
.btn-toDetail{
    bottom: 0;
    left: 50%;
    margin-left: -160px;
}
.contents-taiken a[class^="link-"],
.contents-taiken a[class^="link-"] img{
    width: 490px;
    height: 112px;
}
.contents-taiken .size-s a[class^="link-"],
.contents-taiken .size-s a[class^="link-"] img{
    width: 482px;
    height: 36px;
}

.contents-taiken .size-ss a[class^="link-"],
.contents-taiken .size-ss a[class^="link-"] img{
    width: 185px;
    height: 25px;
}


.contents-taiken a[class^="link-"]:hover{
    background: rgba(222, 224, 123, .4);
}

.link-01{bottom: 0;left: 0;}
.link-02{bottom: 0;right: 0; width: 490px !important;}
.link-03{top: 52px;left: 0;}
.link-04{top: 52px;left: 499px;}
.link-05{top: 685px;right: 115px;}


.contents-shukuhaku a{
    display: block;
    position: absolute;
}
.btn-furusato{
    bottom: 300px;
    left: 50%;
    margin-left: -275px;
}


.btn-toDetail:hover,
.btn-furusato:hover{
    background: yellow;    
}
.btn-toDetail:hover img,
.btn-furusato:hover img{
    filter: alpha(opacity=90);
    -moz-opacity: .90;
    opacity: .90;
}


/* ================================
	追加
	.contents
================================ */