*{

}
img { vertical-align:bottom }
html {
margin:0;
padding:0;
width:100%;
height:100%;
font-size: 62.5%;
font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
} 

body {
margin:0;
padding:0;
font-size: 14px;
font-size: 1.4rem;
background-color:#fff;
border-top:5px solid #e50014;
}

ul,h1,h2,h3,h4,h5,li{
margin:0;
padding:0;
}

#wrapper{
width:100%;
}

#contents_wrapper{
width:950px;
margin:0px auto 0px auto;
}
/*///////ヘッダー部分//////*/

header{
padding:0;
width:100%;
}


h1{

width:950px;

padding:0px;
margin:0px;
}

#sns{
position: relative;
height: 25px;
width:260px;
margin:0px auto 0px auto;
}

#sns .fb-share-button{

	width:260px;
position: absolute;
right:60px;
overflow: hidden;
z-index;10;
}
#sns #twitter-widget-0{

	width:260px;
position: absolute;
left:53%;
overflow: hidden;
z-index;10;
}
/*///メインコピー/////*/

#copy{
width:950px;
text-align:center;
padding:40px 0px 40px 0px;
background-color:#e50014;
font-weight:bold;
}

#copy div{
color:#fff;
}

/*///アーティスト/////*/

#artist{
width:888px;
margin:0px auto 0px auto;
}

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

.aset{
margin:40px 32px 0px 32px;
float:left;
}

.artist_name{
font-weight:bold;
padding:10px;
text-align:center;
}

.button a{
color:#000000;
text-align:center;
width:70px;
margin:2px;
float:left;
display: block;
background-color:#e50014;
padding:2px 0px 2px 0px;
text-decoration:none;
}

.aset img{
width:224px;
height:157px;
}

/*////インフォメーション////*/

#infomation{
width:824px;
margin:0px auto 0px auto;
}

h2{
color:#e50014;
width:800px;
border-top:3px solid #e50014;
margin:50px 0 0px 0;
padding-top:10px;
text-align:center;
}


#map_canvas{
width:800px;
height:320px;
    border:1px solid #999999;
}

dl#info1,dl#info2{
float:left;
width:412px;

}



dl#info3{
clear: both;
}

dt{
color:#e50014;
margin:8px 0px 3px 0px;
font-weight:bold;
}

dd{
margin:0px;
}

/*////フッター////*/
footer{
border-bottom:5px solid #e50014;
margin:10px 0px 35px 0px;
padding:15px;
text-align:center;
}


.copybr{
display:none;
}
 .copybr2{
display:block;
}


/* タブレット用css */

@media only screen and (max-width: 780px) {
#contents_wrapper{
width:100%;
}
#map_canvas{
width:100%;
}

#infomation{
width:95%;
}

#copy{
width:100%;

padding:20px;
background-color:#e50014;
font-weight:bold;

box-sizing:border-box;
}
h1{

width:100%;
}
h2{

width:100%;
}
h1 img{
width:100%;
height:auto;
}

#artist{

width:100%;
}
.aset{
width:46%;
margin:40px 10px 0px 10px;
box-sizing:border-box;

float:left;
}
.aset img{
width:100%;
height:auto;
}
.button a{

width:31%;
margin:1%;
float:left;
display: block;
background-color:#e50014;
padding:2px 0px 2px 0px;
text-decoration:none;
}
dl#info1,dl#info2{
float:left;
width:50%;

}

}

/* スマホ用css */
@media only screen and (max-width: 640px) {
#artist{
width:100%;
margin:0px;
}
.aset{
width:95%;
box-sizing:border-box;
margin:40px 10px 0px 10px;
float:left;
}

#contents_wrapper{
width:100%;
}


dl#info1,dl#info2,dl#info3{
float:none;
width:100%;
margin:0px auto 0px auto;
}

#infomation{
width:95%;
}

h2{
width:100%;
margin:50px 0 00px 0;
}
.aset img{
width:100%;
height:auto;
}
.button a{

width:31%;
margin:1%;
float:left;
display: block;
background-color:#e50014;
padding:2px 0px 2px 0px;
text-decoration:none;
}

#map_canvas{
width:100%;

}

.copybr{
display:block;
}
.copybr2{
display:none;
}
#copy{
width:100%;
text-align:left;
padding:20px;
background-color:#e50014;
font-weight:bold;

box-sizing:border-box;
}

h1{

width:100%;
}

h1 img{
width:100%;
height:auto;
}


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


#sns{
text-align:center;
}

#copy div{
text-align:center;
}

}