@charset "utf-8";

#suntory_contents ul, #suntory_contents li {
    margin: 0;
    padding: 0;
    list-style: none;
}
#suntory_contents #sma_footer .btn_page_top {
display: none;
}

@import url(/sma/common2016/css/common.css);

/*---------------------------------------------------------------
for PC
---------------------------------------------------------------*/

body.bgExhibit #suntory_contents{
}
#wrapper2017_08{
background:
	url(../img/tl_bg.png) no-repeat center 0,
	url(../img/nezumi_bg.png) no-repeat center 580px,
	url(../img/invit_bg.png) no-repeat center 685px,
	url(../img/bg.png) repeat-x center 0 #83c5ca;
}

#container2017_08{
width:956px;
text-align:left;
margin:0 auto;
}


/* #contents
--------------------------------------------------*/
#contents{
padding:0 0 25px 0;
}

#title{
	width: 100%;
	height:360px;
	position:relative;
}

#title h1{
position:absolute;
top:0;
left:0;
z-index:1;
}

#title #sma{
	position:absolute;
	top:10px;
	left:33px;
	z-index:2;
}

/*read*/
#contents h2{
margin:0 0 300px 40px;
}

/*note,camp02*/
#contents h3{
text-align: center;
}

/*camp01*/
#contents h4{
margin:0 auto 0 40px;
}

/*floor4*/
#contents #floor4{
height:599px;
background:url(../img/4f.png) no-repeat;
position:relative;
margin-left:120px;
}

#floor4 #btn1{
position:absolute;
top:-30px;
left:400px;
}

#floor4 #btn2{
position:absolute;
top:-100px;
left:184px;
}

#floor4 #btn3{
position:absolute;
top:-15px;
left:-105px;
}

#floor4 #f4a{
position:absolute;
top:-75px;
left:600px;
}

/*floor3*/
#contents #floor3{
height:566px;
background:url(../img/3f.png) no-repeat;
position:relative;
margin-left:-30px;
margin-bottom:30px;
}

#floor3 #btn4{
position:absolute;
top:-26px;
left:668px;
}

#floor3 #btn5{
position:absolute;
top:120px;
left:404px;
}

#floor3 #btn6{
position:absolute;
top:-80px;
left:220px;
}

#floor3 #f3a{
position:absolute;
top:450px;
left:30px;
}

#floor3 #f3b{
position:absolute;
top:532px;
left:725px;
}


#contents p.access{
text-align:center;
margin-top:35px;
}

#contents p.shuttlerock{
margin:20px auto 60px;
text-align:center;
width:95%;
}


/*foot*/
#foot{
padding:20px 33px 0 28px;
}

#foot:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

*+html #foot{
min-height:1%;
}

*html #foot{
height:1%;
overflow:visible;
}

#foot ul{
float:left;
}

#foot ul.nav li{
float:left;
margin-right:5px;
}

#foot .cf{
float:right;
width:250px;
margin-top:11px;
}


#foot p.toPagetop{
float:right;
}


.pc { display: block !important; }
.sp { display: none !important; }

/*---------------------------------------------------------------
for SP
---------------------------------------------------------------*/

@media screen and (max-width:767px){
    .pc { display: none !important; }
    .sp { display: block !important; }

body.bgExhibit #suntory_contents{
}
#wrapper2017_08{
background:
	url(../img/SP_bg.png) repeat-x center 265px #83c5ca;
}

#container2017_08{
width:100%;
text-align:left;
margin:0 auto;
}


/* #contents
--------------------------------------------------*/
#contents{
padding:0 0 25px 0;
}

#title_sp{
	width: 100%;
	position:relative;
}

#title_sp img{
width: 100%;
}

#title_sp #sma{
	position:absolute;
	top:8px;
	left:12px;
	z-index:2;
	width: 73%;
}

/*read_sp*/
#contents h2{
margin:0;
}

#contents img{
width: 100%;
}

/*note_sp,camp02_sp*/
#contents h3{
text-align: center;
}

/*camp01_sp*/
#contents h4{
margin:0;
}

/*floor4_sp*/
#contents #floor4_sp{
width: 100%;
position:relative;
margin:0;
}

#floor4_sp #btn1{
position:relative;
z-index:5;
margin-top: -68%;
}

#floor4_sp #btn2{
position:relative;
z-index:4;
margin-top: 3%;
}

#floor4_sp #btn3{
position:relative;
z-index:3;
margin-top: 0;
}

#floor4_sp #illust{
width: 50%;
position:relative;
z-index:2;
margin-left: 50%;
margin-top: -70%;
}

#floor4_sp #map{
position:relative;
text-align: center;
z-index:1;
margin-top: -4%;
}


/*floor3_sp*/
#contents #floor3_sp{
width: 100%;
position:relative;
margin:0;
}

#floor3_sp #btn4{
position:relative;
z-index:5;
margin-top: 7%;
}

#floor3_sp #btn5{
position:relative;
z-index:4;
margin-top: 5%;
}

#floor3_sp #btn6{
position:relative;
z-index:3;
margin-top: 5%;
}

#floor3_sp #illust{
width: 50%;
position:relative;
z-index:2;
margin-left: 50%;
margin-top: -66%;
}

#floor3_sp #map{
position:relative;
text-align: center;
z-index:1;
margin-top: 0;
}


#contents p.access{
text-align:center;
margin:20px 10px 0 10px;
}

#contents p.shuttlerock{
font-size: 13px;
line-height: 1.5;
margin:20px auto 60px;
text-align:center;
width:95%;
}

/*foot_sp*/
#foot{
padding:0 15px;
}

#foot .nav{
text-align: center;
	margin-top: 20px;
}
#foot .nav img{
width: 47%;
}

#foot:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

*+html #foot{
min-height:1%;
}

*html #foot{
height:1%;
overflow:visible;
}


#foot .csf{
float:right;
width:100%;
margin-top:5px;
}

#foot p.toPagetop{
float:right;
}

}