@charset "utf-8";
/* SP
-------------------------------------------------- */
@media screen and (max-width:640px){
.map-img img{
width: 100%;
}
.popup {
font-size:11px;
color:#DFCB8C;
border-bottom:solid 1px #DFCB8C;
margin:0 10px 10px;
padding-bottom:10px;
}
.contents {
display: block;
padding-bottom:50px;
}
#map-menu {
text-align: center;
width: 100%;
overflow: hidden;
display: none;
}
#map-menu li {
display: inline;
list-style-type: none;
margin: 0 5px;
}
#map-menu li a{
color:#DFCB8C;
text-decoration: none;
font-size:12px;
}
.intro {
color:#DFCB8C;
font-size:12px;
padding:50px 10px 10px;
}
.btn-area {
padding:0 0px 10px;
margin-bottom:30px;
border-bottom:dotted 1px #DFCB8C;
margin-left: 30px;
margin-right: 30px;
}
.btn-area a{
color:#DFCB8C;
text-decoration: none;
display: block;
font-size:12px;
}
.poptit {
text-align: center;
}
.map-name {
color:#DFCB8C;
font-family: 'Century Schoolbook';
font-style: italic;
font-size:12px;
padding-left: 10px;
}
.intro a{
color:#DFCB8C;
}
#sns-promo {
color:#DFCB8C;
margin: 0 10px 10px;
padding-bottom:10px;
border-bottom:solid 1px #DFCB8C;
}
.sns-detail {
color:#DFCB8C;
font-size:12px;
}
#popCls2 {
display: none;
}
.sns-tit {
font-weight: bold;
font-size:12px;
margin-bottom: 5px;
}
}
/* PC
-------------------------------------------------- */
@media screen and (min-width:641px){
body {
overflow-y: hidden;
overflow-x: scroll;
}
#gnavi li a, #gnavi li span {
width: 100%;
}
.contents {
width:100%;
}
.map-box {
height: 400px;
position: relative;
width: 960px;
margin:0 auto;
float: left;
}
.map-box-box {
width: 960px;
margin:0 auto;
position: relative;
height: 400px;
}
.map-img {
position: absolute;
left:0;
top:0;
width: 100%;
height: 100%;
}
.btn-area {
position: absolute;
left:0;
top:0;
width: 100%;
height: 100%;
}
.btn-area a{
position: absolute;
display: block;
background:url(../images/map/point.png) no-repeat center top;
width: 50px;
height: 50px;
overflow: hidden;
text-indent: -9999px;
}
.btn-area a.point2 {
background:url(../images/map/point2.png) no-repeat center top;
}
.btn-area a:hover,
.btn-area a.current{
background-position: center bottom;
}
#map-menu {
width:100%;
overflow: hidden;
text-align: center;
margin-bottom:20px;
}
#map-menu li {
display: inline;
list-style-type: none;
margin: 0 15px;
}
#map-menu li a{
color:#DFCB8C;
text-decoration: none;
font-size:13px;
}
#map-menu li a:hover,
#map-menu li a.current{
color:#F00;
}
#aoyama-section .content{
padding-top:150px;
}
.intro {
color:#DFCB8C;
font-size:12px;
width: 960px;
margin:0 auto 10px;
}
#index-section {
position: fixed;
}
#map-boxs {
height: 400px;
position: relative;
left:0;
top:0;
}
.content-inner {
width: 960px;
position: relative;
}
#map-boxs-wrap {
position: relative;
width: 100%;
overflow:hidden;
}
.popup {
display: none;
position: fixed;
}
#popContent .poptit {
text-align: center;
height: 50px;
line-height: 50px;
padding-top:0px;
}
#popContent {
padding:50px;
}
#popTrg {
display: none;
position: fixed;
color: #FFF;
z-index:99999;
font-size:11px;
line-height: 1.6;
width: 500px;
height: 500px;
left:1%;
top:150px;
width: 400px;
height: 400px;
background:url(../images/map/popup.png) no-repeat center;
cursor: move;
}
#popTrg.mini {
width: 300px !important;
height: 300px !important;
background:url(../images/map/popup_300.png) no-repeat center;
}
#sns-promo {
background:url(../images/map/popup2.png);
display: none;
position: fixed;
color: #FFF;
z-index:99999;
font-size:11px;
line-height: 1.6;
width: 500px;
height: 500px;
left:35%;
top:150px;
width: 440px;
height: 440px;
cursor: move;
}
#sns-promo .sns-tit{
text-align: center;
color:#e0cb8d;
font-family: 'Century Schoolbook';
font-size: 13px;
font-style: italic;
font-weight: bold;
padding:40px 0 20px;
}
#sns-promo .sns-detail{
font-size:12px;
line-height:1.8;
padding:0 20px 20px;
}
#popCls {
position: absolute;
right: 0;
top:0;
display: block;
cursor: pointer;
width: 40px;
height: 40px;
color: #FFF;
font-size: 40px;
text-align: center;
line-height: 40px;
overflow: hidden;
background:url(../images/map/close.png) no-repeat center;
text-indent: -9999px;
}
#popTrg.mini #popCls {
font-size: 30px !important;
line-height: 30px !important;
width: 30px !important;
height: 30px !important;
}
#sns-promo:hover ,
#popTrg:hover {
cursor:url('/myspace_myworld/images/openhand.cur'), auto;
}
#popCls2 {
position: absolute;
right: 0;
top:0;
display: block;
cursor: pointer;
width: 40px;
height: 40px;
color: #FFF;
font-size: 40px;
text-align: center;
line-height: 40px;
background:url(../images/map/close.png) no-repeat center;
text-indent: -9999px;
}
.aoyama1F1 {
right:242px;
bottom:113px;
}
.aoyama2F1 {
left: 437px;
top: 57px;
}
.aoyama2F2 {
left: 497px;
top: 57px;
}
.aoyama2F3 {
left: 557px;
top: 57px;
}
.aoyama2F4 {
left: 622px;
top: 57px;
}
.aoyama2F5 {
left: 730px;
top: 78px;
}
.aoyama3F1 {
left: 225px;
top: 70px;
}
.aoyama3F2 {
left: 525px;
top: 100px;
}
#index-section .content {
display: none;
}
.map-name {
display: none;
}
.intro a{
color:#DFCB8C;
display: block;
width:30em;
padding:6px;
text-align: center;
border: solid 1px #DFCB8C;
line-height: 1.1;
text-decoration: none;
margin: 0 auto 30px;
background:#3b372b;
}
.intro a span{
display: block;
text-align: center;
color:#DFCB8C;
}
.promo span,
.intro span em{
font-style: normal;
font-size:11px;
margin-right: 4px;
}
.intro a:hover span{
color: #FFF !important;
}
.promo {
color: #2f48ff !important;
}
/*
.movei {
background:url(../images/map/move.png) no-repeat center ;
width: 100%;
height: 26px;
position: absolute;
bottom:10px;
*/
}
.sns-box {
text-align:center;
margin:5px 0 ;
border:solid 1px #DFCB8C;
padding:10px 5px;
line-height: 1.6;
}
#camp-ban {
position: fixed;
left:1%;
top:46%;
z-index: 77777;
}
}