@import url(../hhh/hhh03.css);

a.pc{background:#eee;color:#040;text-align:center;text-decoration:none;padding:0.5em;margin:0.5em;border:solid 1px #999;border-radius:4px;cursor:pointer;box-shadow:1px 2px 4px rgba(0,0,0,0.2)}

body.air{background: url(bg_sky2.jpg) center -88px}
h3	{background:#18ce00 url(block5.gif) repeat-x; color:#ffffff; padding-top:3px; margin:0 auto 8px; width:100%; max-width:750px}
h4{text-align:left;margin:0}
hr	{color:#18ce00; border:1px solid #18ce00; margin:8px auto; width:auto; max-width:750px; clear:both}

div.illusut_top{top:40px; left:10px; position:absolute; z-index:-1}
div.illust_info{color:#808080; text-align:right; margin-top:-20px}
div.info	{text-align:left; width:360px; padding:16px 30px 0 52px; float:left}
div.info_sub	{color:#666600; font-size:10pt; padding:6px}
div.map	{width:252px; padding:16px 24px 24px 0; float:left}
div.mount{padding-left:52px; margin:6px 0 24px 0}
div.point{text-align:left; width:740px; padding-left:40px; margin:12px auto}
.bvarea{width:100%; max-width:700px;margin:auto}
.pt{;text-align:left;margin:4px;float:left}

img	{border:0}
img.button{width:30px; height:20px; margin:0 0 -3px 0}
img.bv	{width:400px; height:225px; border-radius:8px}
img.en	{width:1280px; height:720px; border-radius:8px}
img.map_1{border:solid 1px #000000; width:250px; height:290px; border-radius:8px}
img.st	{width:640px; height:360px; border-radius:8px}

#list{margin-top:2px; left:-10px; position:relative}
.link{margin:1em auto}

/* スマホ向け */
@media screen and (max-width:640px){
 img{margin:8px auto;}
 img.st{width:100%;max-width:640px;height:auto}
 img.bv	{width:80%;max-width:400px;;height:auto}
 a:hover{background:#fff;color:#f0f}
}