@charset "utf-8";
/**** Common Template Start ****/

/*** Header ***/

header{
color:#FFFFFF;
background-color:#25238C;
}

header h1{
font-size:80%;
line-height:120%;
font-weight:normal;
}


/*** Global Navi ***/

nav#global-nav{
font-size:120%;
line-height:100%;
}

nav#global-nav:after{
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}

#global-nav ul li{
float:left;
}

#global-nav ul li a{
display:block;
color:#00ada9;
text-decoration:none;
}

#global-nav ul li#nav-floor a{
background-image:url(../img/icon-floor.png);
background-repeat:no-repeat;
background-position:5% center;
background-size:auto 65%;
}

#global-nav ul li#nav-topics a{
background-image:url(../img/icon-topics.png);
background-repeat:no-repeat;
background-position:5% center;
background-size:auto 65%;
}

#global-nav ul li#nav-map a{
background-image:url(../img/icon-map.png);
background-repeat:no-repeat;
background-position:5% center;
background-size:auto 65%;
}

#global-nav ul li#nav-coupon a{
background-image:url(../img/icon-coupon.png);
background-repeat:no-repeat;
background-position:5% center;
background-size:auto 65%;
}


nav#build-guide{
}

nav#build-guide p{
}

nav#build-guide p a{
display:block;
text-decoration:none;
background-repeat:no-repeat;
}


/*** Article ***/

article,
main{
font-size:80%;
line-height:150%;
position:relative;
}

#logo-area{
text-align:center;
}

h2{
color:#FFFFFF;
font-size:150%;
line-height:120%;
background-color:#00ada9;
background-image:url(../img/icon-h2.png);
background-repeat:no-repeat;
}

#page-header{
}


#AED{
margin-top:20px;
}

#AED img.aed{
border:solid 2px #B2B2B2;
}


/*** Footer ***/

footer{
color:#FFFFFF;
font-size:65%;
text-align:center;
padding:4px 0;
background-color:#25238C;
}


/** Back to PageTop **/

#page-top{
width:20%;
position:fixed;
bottom:10px;
right:10px;
z-index:9997;
}

#page-top img{
width:100%;
max-width:72px;
min-width:48px;
height:auto;
opacity:0.75;
}

/**** Common Template End ****/


/**** PC Template Start ****/

@media print, screen and (min-width:769px){/*769px以上に適用*/

/*** Header ***/

header{
}

header h1{
width:960px;
margin:0 auto 20px auto;
padding:5px 0;
}


/*** Global Navi ***/

nav#global-nav{
margin:20px 0 0 0;
}

#global-nav ul li{
width:150px;
margin-right:5px;
}

#global-nav ul li a{
padding:10px 10px 10px 36px;
border:solid 1px #00ada9;
border-bottom:none;
border-radius:10px 10px 0 0;

-webkit-transition:1s;
-moz-transition:1s;
-o-transition:1s;
-ms-transition:1s;
transition:1s;
}

#global-nav ul li a:hover{
color:#FFFFFF;
background-color:#00ada9;
}

#global-nav ul li#nav-floor a:hover{
background-image:url(../img/icon-floor-o.png);
}

#global-nav ul li#nav-topics a:hover{
background-image:url(../img/icon-topics-o.png);
}

#global-nav ul li#nav-map a:hover{
background-image:url(../img/icon-map-o.png);
}

#global-nav ul li#nav-coupon a:hover{
background-image:url(../img/icon-coupon-o.png);
}


#sp-menu{/*スマホ用メニュー枠*/
float:left;
width:200px;
}

#sp-menu #sp-nav{
display:none;
}

nav.pc-nav{/*PC用クラス*/
}

nav#build-guide{/*ビル選択のナビ*/
font-size:120%;
line-height:150%;
border-right:solid 4px #25238C;
}

nav#build-guide p{
}

nav#build-guide p.building-title{
color:#25238C;
border-bottom:solid 2px #25238C;
}

nav#build-guide p a{
color:#25238C;
padding:5px 5px 5px 32px;
background-image:url(../img/icon-build-guide.png);
background-position:10px center;
background-size:auto 50%;

-webkit-transition:1s;
-moz-transition:1s;
-o-transition:1s;
-ms-transition:1s;
transition:1s;
}

nav#build-guide p a:hover{
color:#FFFFFF;
background-color:#25238C;
background-image:url(../img/icon-build-guide-o.png);
}


/*** Article ***/

article,
main{
width:960px;
margin:0 auto;
}

#logo-area{
margin-bottom:20px;
}

#logo-area img{
width:240px;
height:auto;
}

h2{
padding:5px 52px;
background-position:10px center;
background-size:auto 85%;
}

#page-header{
margin-bottom:40px;
border:solid 1px #00ada9;
}

#page-header:after{
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}

#page-header #page-main-img{
float:left;
width:615px;
margin-right:15px;
}

#page-header #page-main-img img{
width:615px;
height:auto;
}

#page-header #page-detail{
float:left;
width:308px;
padding:20px 20px 0 0;
}


#AED:after{
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}

#AED img.aed{
float:left;
width:160px;
height:auto;
margin-right:20px;
}


/*** Footer ***/

footer{
margin:40px auto 0 auto;
}

}

/**** PC Template End ****/


/**** Mobile Template Start ****/

@media screen and (max-width:768px){/*768px以下に適用*/

/*** Header ***/

header{
}

header h1{
margin:0 0 10px 0;
padding:4px;
}


/*** Global Navi ***/

nav#global-nav{
}

nav#global-nav{
margin:5px 0 0 0;
}

#global-nav ul li{
width:48%;
margin:4px 1%;
}

#global-nav ul li a{
padding:15px 0 15px 25%;
border:solid 1px #00ada9;
}


#sp-menu{/*スマホ用メニュー*/
}

#sp-menu #sp-nav{
width:15%;
position:absolute;
top:0;
left:0;
}

#sp-nav img{
width:100%;
max-width:48px;
min-width:24px;
height:auto;
}

nav.sp-nav{/*スマホ用クラス*/
}

nav#build-guide{/*ビル選択のナビ*/
color:#FFFFFF;
width:98%;
max-width:300px;
padding:5px;
background-color:rgba(37,35,140,0.75);
position:absolute;
top:64px;
left:0;
}

nav#build-guide p{
}

nav#build-guide p.building-title{
border-bottom:solid 2px #FFFFFF;
}

nav#build-guide p a{
color:#FFFFFF;
padding:10px 0 10px 12%;
border-bottom:dotted 1px #FFFFFF;
background-color:rgba(37,35,140,0.8);
background-image:url(../img/icon-build-guide-o.png);
background-position:5% center;
background-size:auto 50%;
}


/*** Article ***/

article
main{
width:98%;
margin:0 auto;
}

#logo-area{
/*text-align:right;*/
margin-bottom:10px;
}

#logo-area img{
width:65%;
height:auto;
}

h2{
padding:5px 12%;
background-position:2% center;
background-size:auto 95%;
}

#page-header{
margin-bottom:15px;
}

#page-header #page-main-img{
}

#page-header #page-main-img img{
width:100%;
height:auto;
}

#page-header #page-detail{
}


#AED{
font-size:80%;
padding:10px;
border:dotted 1px #CC0000;
}

#AED img.aed{
width:50%;
height:auto;
}


/*** Footer ***/

footer{
margin:20px auto 0 auto;
}

}

/**** Mobile Template End ****/