/********** ひとりで一箱古本市 **********/ /********** 背景 **********/ body {background-image: url(../images/background-mono.svg)} /********** ヘッダー **********/ header {border-top: solid 0px #B3B3B3; border-bottom: solid 5px #B3B3B3; border-left: solid 1px #B3B3B3; border-right: solid 1px #B3B3B3} /*ポイントカラー #53536C*/ #header2 h1 {border-bottom: solid 3px #B3B3B3} #breadcrumbs ul {border-top: solid 1px #B3B3B3} /********** ナビメニュー **********/ nav .child li {border: solid 1px #B3B3B3} /********** タイトル **********/ section {background-color: #DBDBE3; border-top: solid 15px #6F6F91; border-bottom: solid 15px #53536C; border-left: solid 15px #808080; border-right: solid 15px #B3B3B3; border-radius: 2px; color: #50162D; height: 115px} section h1 {margin-left: 37px; margin-top: 27px; margin-bottom: 5px; line-height: 1.2; padding-top: 8px; padding-bottom: 8px} /********** 二段組み **********/ .main article {border-top: solid 15px 1px #808080; border-bottom: solid 15px #53536C; border-left: solid 15px #B3B3B3; border-right: solid 15px #808080; padding-top: 0; padding-bottom: 0; float: right; margin-bottom: 70px} .sub1, .sub2 {width: 550px; margin-left: 12px; margin-right: 15px; margin-bottom: 3px; padding: 33px; padding-top: 0; padding-bottom: 0; background-color: #FFFFF0; border-top: solid 15px #6F6F91; border-bottom: solid 15px #6F6F91; border-left: solid 15px #B3B3B3; border-right: solid 15px #808080; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right;} .sub1 {border-bottom: solid 1px #808080} .sub2 {border-top: solid 1px #808080; border-bottom: solid 1px #808080} .sub2 a {font-size: 15px; color: #000080} .sub2 a:visited {color: #000080} .sub2 a:hover {text-decoration: underline; font-weight: bold} /********** 導入 **********/ #intro {clear: both; background-color: #FFFFF0; width: 870px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: auto; margin-right: auto; margin-bottom: 70px; border-top: solid 15px #6F6F91; border-bottom: solid 15px #53536C; border-left: solid 15px #B3B3B3; border-right: solid 15px #808080; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; padding-right: 15px; -webkit-column-count: 2; -moz-column-count: 2; -o-column-count: 2; -ms-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; -o-column-gap: 30px; -ms-column-gap: 30px; column-gap: 30px; -webkit-column-rule: solid 1px #808080; column-rule: solid 1px #808080; border-radius: 2px} #intro .h2 {font-size: 17px; font-weight: bold; -webkit-column-span: all; column-span: all; margin-left: -3px; margin-top: 25px; margin-bottom: 3px; text-indent: 1em} /********** soon **********/ #soon {width: 870px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; clear: both; border-top: solid 1px #808080; border-bottom: solid 1px #6F6F91; border-left: solid 15px #B3B3B3; border-right: solid 15px #808080; background-color: #FFFFF0; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 50px} /********** content **********/ /********** チラシ・レポート共通 **********/ .kokuchi, .report-title {width: 870px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 2px 2px 0 0; border-left: solid 15px #B3B3B3; border-right: solid 15px #808080; border-top: solid 15px #6F6F91; border-bottom: solid 1px #808080; margin-left: auto; margin-right: auto; margin-bottom: 3px; text-align: center; background-color: #FFFFD0} .kokuchi p, .report-title p {font-size: 17px; font-weight: bold; margin-top: 20px} .chirashi, .report {width: 870px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0 0 2px 2px; border-top: solid 1px #808080; border-bottom: solid 15px #53536C; border-left: solid 15px #808080; border-right: solid 15px #B3B3B3; overflow: auto; margin-left: auto; margin-right: auto; margin-bottom: 70px; padding-top: 0px; padding-bottom: 12px; background-color: #FFFFD0} /********** チラシ **********/ .chirashi img {width: 770px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 2px; border: solid 1px #AAAAAA; border-right: solid 3px #AAAAAA; border-bottom: solid 3px #CCCCCC; margin-left: 35px} .chirashi-comment {text-align: center} .chirashi-comment p {color: #111111} .chirashi-comment a {color: #000080} .chirashi-comment a:visited {color: #000080} .chirashi-comment a:hover {text-decoration: underline} /********** レポート **********/ .report .photo {width: 300px; height: 300px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 2px; border: solid 1px #456789} .report img {width: 298px; height: 298px} .report-chirashi img {width: 770px; height: 1087px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 2px; border: solid 1px #AAAAAA; border-right: solid 3px #AAAAAA; border-bottom: solid 3px #CCCCCC; margin-left: 35px; margin-bottom: -10px} .block-h {width: 770px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 2px; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 25px; overflow: hidden} .block-h .comment {width: 470px; height: 300px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; background-color: #DADDDD; border: solid 1px #B3B3B3; padding-top: 8px; padding-left: 30px; padding-right: 25px} .comment a {color: #000080} .comment a:visited {color: #000080} .comment a:hover {text-decoration: underline; font-weight: bold} #hitohako150125-1, #hitohako150125-3 {float: left} #hitohako150125-2 {float: right} .pdf p {text-align: center} .pdf a {color: #333333} .pdf a:visited {color: #333333} .pdf a:hover {font-weight: bold}