@charset "UTF-8"; /* CSS Document */ @media screen and (min-width: 980px) { #container { max-width: 1120px; padding: 0px auto; } html{font-size:100%;} } @media screen and (max-width: 968px) { #main { width:80%; margin:0 0; } } @media screen and (max-width:320px) { p{ font-size:0.8em; } #main { width: 50%; margin:0 0; } } #category{ border-bottom: 2px solid #ccc; width:100%; margin:00px 40px 0 80px: } h1{ margin-left:1%; padding-top:10px; font-weight:bold; font-size:18px;/*フォントサイズ*/ border-bottom:#666; font-family:Kaimin Sora Bold,"MS P明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; letter-spacing:2px;/*メニューの文字間の間隔を少し空ける*/ } .thank{ margin:20px 0; background:#F9F9FF; padding:15px; line-height:30px; font-size:16px;/*フォントサイズ*/ } .font_purple{ color:#333399; font-weight:600 ; } .exhibition{ width:100%; margin-bottom:30px; /*年が増えたら活性↓ */ margin-top:0px; border-bottom: 1px solid #ccc; padding-bottom: 135px; /*内容と線との間隔量*/ clear:both; } .title { text-align:left; margin:50px 0 0 0px; font-weight:800; line-height:60px; font-size: 25px;/*フォントサイズ*/ letter-spacing:2px;/*文字間の間隔を少し空ける*/ } p.exhibition_img { margin:20px 0px 60px 60px; float:left; } p.date{ font-size:15px; } .description{ width:55%; margin-top:-30px; padding:00px 0 0 0px; } .info { font-size:15px; line-height:25px; margin:30px 0px; } .gallery{ font-size:15px; } .up_date{ font-size:11px; color:#999999; margin:15px 0 35px 0 ; } #mapField{ margin-top:30px; width:80%; height:150px; } #map{ font-size:13px; } #page-top { position: fixed; bottom: 20px; right: 5%; }