article{
border-color: #fff;
border-radius: 0;
box-shadow: 0 0 6px rgba(0,0,0,.1) !important;
overflow: hidden;
}
.section01{
margin: 0px 0px 2em;
padding: 0;
background-image: url(../images/bg_01.jpg);
background-repeat: no-repeat;
background-position: center top;
min-height: 545px;
height: auto !important;
height: 545px;
position: relative;
}
.section01 h1{
position: absolute;
left: 226px;
top: 100px;
	-webkit-animation-name:fuwafuwa;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:fuwafuwa;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
}
@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}

.section02{
margin-bottom: 300px;
background-image: url(../images/bg_02.jpg);
background-repeat: no-repeat;
background-position: center top;
min-height: 544px;
height: auto !important;
height: 544px;
position: relative;
}
.section02 p{
position: absolute;
left: 90px;
top: 20px;
}
.shikoku-karst_yt{
position: absolute;
left: 40px;
top: 480px;
}
.section03{
padding-top: 80px;
background-image: url(../images/bg_03.jpg);
background-repeat: no-repeat;
background-position: center top;
min-height: 409px;
height: auto !important;
height: 409px;
position: relative;
}
.section03 h2{
position: absolute;
right: 40px;
top: -210px;
background-image: none !important;
width: inherit !important;
z-index: 99;
}
.section03 p{
position: absolute;
left: 20px;
top: -60px;
color: #e64a19;
width: 360px;
line-height: 2;
}

.section03 h3.badge-sopt{
position: absolute;
left: -44px;
top: 380px;
z-index: 99;
}


.section04{
margin-bottom: 8em;
background-image: url(../images/bg_04.jpg);
background-repeat: no-repeat;
background-position: center top;
min-height: 656px;
height: auto !important;
height: 656px;
position: relative;
}
.section04 h2{
position: absolute;
left: 0px;
top: 110px;
background-image: none !important;
width: inherit !important;
z-index: 99;
}
.section04 p{
position: absolute;
left: 20px;
top: 270px;
line-height: 2;
color: #3b6680;
}
.section04 h3.badge-sopt{
position: absolute;
left: -44px;
top: 640px;
z-index: 99;
}

.section05{
margin-bottom: 8em;
background-image: url(../images/bg_05.jpg);
background-repeat: no-repeat;
background-position: center top;
min-height: 662px;
height: auto !important;
height: 662px;
position: relative;
}
.section05 h2{
position: absolute;
left: 40px;
top: 60px;
background-image: none !important;
width: inherit !important;
z-index: 99;
}
.section05 p{
position: absolute;
left: 60px;
top: 490px;
line-height: 2;
color: #fff;
}
.section05 h3.badge-sopt{
position: absolute;
left: -44px;
top: 660px;
z-index: 99;
}


.section06{
margin-bottom: 8em;
background-image: url(../images/bg_06.jpg);
background-repeat: no-repeat;
background-position: center top;
min-height: 662px;
height: auto !important;
height: 662px;
position: relative;
}
.section06 h2{
position: absolute;
left: 335px;
top: 60px;
background-image: none !important;
width: inherit !important;
z-index: 99;
}
.section06 p{
position: absolute;
left: 0px;
top: 490px;
width: 630px;
line-height: 2;
color: #fff;
}
.section06 h3.badge-sopt{
position: absolute;
left: -44px;
top: 660px;
z-index: 99;

}


.shikoku-karst-lineup{
position: relative;
}
.shikoku-karst-lineup div{
float: left;
width: 33.3%;
min-height: 740px;
height: auto;
height: 740px;
position: relative;
}
.shikoku-karst-lineup div span{
display: block;
text-align: center;
}
.shikoku-karst-lineup h3{
padding: 0.5em;
width: 259px;
text-align: center;
box-shadow: 0 6px 12px -12px rgba(0,0,0,.7);
border-radius: 2px;
border-top: 1px solid #fff;
border-bottom: 3px solid #fff;
}
.shikoku-karst-lineup table{
margin: 0 0 2em 20px;
border-collapse: collapse;
border-spacing: 0;
}
.shikoku-karst-lineup th{
padding: 0.2em 0.6em 0.2em 0;
font-size: 12px;
text-align: left;
border-bottom: 1px solid #eaeaea;
}
.shikoku-karst-lineup td{
padding: 0.2em;
font-size: 12px;
border-bottom: 1px solid #eaeaea;
}

.section07{
margin-bottom: 6em;
padding: 2em 0;
background-color: #eef7fb;
}
.section08{
margin-bottom: 8em;
}

.shopinfos{
padding-bottom: 400px;
background-image: url(../images/bg_07.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-color: #aeafe7;
}
.shopinfos h3{
margin-left: 0px;
padding: 4em 0 1em;
width: 960px;
}
.shopinfos p{
margin-bottom: 4em;
color: #fff;
text-align: center;
}
.shopinfos table{
margin: 0 40px;
width: 880px;
color: #fff;
border-collapse: collapse;
border-spacing: 0;
}
.shopinfos table th{
padding: 0.5em;
border-bottom: 5px solid #bebfec;
}
.shopinfos table td{
padding: 1em 0.5em;
border-bottom: 1px solid #bebfec;
vertical-align: middle;
}

.shikoku-karst .spot{
margin-left: 30px;
position: relative;
}
.shikoku-karst .spot dl{
float: left;
margin: 0;
padding: 0;
width: 50%;
}
.shikoku-karst .spot dl dt{
margin-bottom: 0.5em;
}
.shikoku-karst .spot dl dt img{
padding: 10px;
background-image: url(../images/bg_dt_img.png);

}
.shikoku-karst .spot dl dd{
margin:0 10px 2em;
width: 420px;
}

.section03 .spot{
padding-top: 340px;
}
.section04 .spot{
margin-bottom: 8em;
padding-top: 680px;
}
.section05 .spot{
margin-bottom: 8em;
padding-top: 690px;
}
.section06 .spot{
margin-bottom: 8em;
padding-top: 680px;
}

.badge-shikoku{
position: absolute;
right: -20px;
top: -20px;
}

.shikoku-karst .btn{
padding: 0.5em 1em;
color: #fff;
background-color: #dc0000;
border-radius: 3px;
border: 2px solid #dc0000;
transition: .3s;
position: absolute;
left: 20px;
bottom: 0;
}
.shikoku-karst .btn:hover{
color: #dc0000;
background-color: #fff;
}
.landmark{
padding-left: 116px;
background-image: url(../images/bg_cape.png);
background-position: left top;
background-repeat: no-repeat;
min-height: 96px;
height: auto !important;
height: 96px;
}