@charset "utf-8";

#contents{
	width: 100%;
}
.mv{
	width: 100%;
    background: #debf7d;
    position: relative;
    z-index: 1;
}
.mv:before{
	content: "";
	background: url(../img/mvbg.jpg) repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	opacity: 0.4;
}
.mv:after{
	content: "";
    background: url(../img/a.png) repeat-x;
    width: 100%;
    height: 34px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.mv-inner{
	width: 984px;
    height: 346px;
    margin: 0 auto;
    background: url(../img/mv.png) no-repeat -11px center;
    background-size: 984px 346px;
    position: relative;
    z-index: 3;
}
.read{
	position: absolute;
    bottom: 48px;
    left: 52px;
    color: #1e1933;
    font-size: 16px;
    line-height: 1.5;
    width: 470px;
    height: 68px;
    background-size: 232px;
}
.sec{
	width: 960px;
	margin: 0 auto;
	position: relative;
}
.ttl{
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	line-height: 1.3;
    font-family: 'Merriweather', serif;
}

.txt{
	font-size: 14px;
	color: #1e1933;
	line-height: 1.4;
}
.txt-link{
	font-size: 14px;
	font-weight: bold;
	background: url('../img/arw.png') no-repeat 98% center;
	background-size: 21.5px;
	margin-bottom: 7px;
    line-height: 1.5;
	transition: .1s ease-in;
	-webkit-transition: .1s ease-in;
}
.txt-link:hover{
	background: url('../img/arw.png') no-repeat 100% center;
	background-size: 21.5px;
}
.txt-link > a{
	color: #1e1933;
	display: block;
	text-decoration: none;
}
.txtbox{
	width: 220px;
	position: absolute;
    letter-spacing: 0.01em;
}
.txtbox-2{
	width: 552px;
	position: absolute;
}
.txtbox-2-landscape{
	width: 243px;
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
}
.txtbox-3{
	width: 511px;
    position: absolute;
}
.txtbox-3-landscape{
	width: 200px;
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
}
.sns-ul{
    width: 210px;
    padding: 0;
    margin: 0 auto;
}
.sns-ul:after{
	content: "";
    display: block;
    clear: both;
}
.sns-ul li{
	float: left;
	list-style: none;
	margin-right: 10px;
}
.sns-ul li a{
	display: block;
	width: 43.5px;
	margin: 0 auto;
}
.sns-ul li a img{
	width: 100%;
}
.t:after{
	content: "Twitter";
	font-size: 12px;
	font-weight: bold;
	color: #1e1933;
	display: block;
	text-align: center;
    line-height: 1;
}
.f:after{
	content: "facebook";
	font-size: 12px;
	font-weight: bold;
	color: #1e1933;
	display: block;
	text-align: center;
    line-height: 1;
}
.i:after{
	content: "Instagram";
	font-size: 12px;
	font-weight: bold;
	color: #1e1933;
	display: block;
	text-align: center;
    line-height: 1;
}


/*



------------------------------------------------------------------------------------------*/
.bg-1{
	height: 562px;
	background: url('../img/bg_1.jpg') no-repeat center center;
}
.bg-2{
	height: 356px;
	background: url('../img/bg_2.jpg') no-repeat center center;
}
.bg-3{
	height: 379px;
	background: url('../img/bg_3.jpg') no-repeat center center;
}
.bg-4{
	height: 333px;
	background: url('../img/bg_4.jpg') no-repeat center center;
	margin-bottom: 60px;
}



/*



------------------------------------------------------------------------------------------*/

.dt-1{
    top: 45px;
    left: 150px;
    width: 279px;
    height: 26px;
    color: #564c00;
}
.dd-2{
    width: 228px;
    bottom: 68px;
    left: 49px;
}
.dt-3{
	color: #774c00;
    top: 39px;
    right: 183px;
    width: 240px;
    height: 26px;
    text-align: center;
}
.dd-4{
	width: 247px;
    right: 66px;
    bottom: 215px;
}
.dt-5{
	color: #0d5900;
    top: 41px;
    left: 119px;
    width: 279px;
    text-align: center;
}
.dd-6{
	left: 27px;
    bottom: 80px;
}
.dd-6.txtbox{
    width: 240px;
}
.dt-7{
    color: #751300;
    top: -35px;
    right: 64px;
    width: 262px;
}
.dd-8{
    right: 72px;
    bottom: 141px;
}
.dt-9{
    top: -122px;
    left: 349px;
    width: 232px;
    height: 50px;
    color: #770044;
    text-align: center;
}
.dd-10{
	top: 22px;
    right: 82px;
}
.dt-11{
    color: #594200;
    top: -84px;
    left: 84px;
    width: 316px;
    height: 29px;
}
.dd-12{
	top: 38px;
    left: 245px;
}