/********** 夜明けの読書 **********/ /********** 背景 **********/ 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} /*ポイントカラー #F68F39*/ #header2 h1 {border-bottom: solid 3px #B3B3B3} #breadcrumbs ul {border-top: solid 1px #B3B3B3} /********** ナビメニュー **********/ nav .child li {border: solid 1px #B3B3B3} /********** タイトル **********/ section, #yokoku-left {width: 409px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0 20px 0 0; border: none; border-top: solid 2px #808080; margin: 0px; padding-left: 40px; padding-right: 45px; padding-top: 15px; padding-bottom: 20px; background-color: #FFFFF0} #yokoku-left {float: left; clear: both; padding-right: 0} #yokoku-left a {color: #333333; font-weight: bold; -ms-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s} #yokoku a:visited {color: #333333} #yokoku a:hover {color: #256676; letter-spacing: 0.07em; -ms-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s} section h1, #yokoku-left h1 {margin-left: 8px} #yokoku-left h1 {margin-bottom: 30px} #yoake-image, #yoake-image2 {width: 300px; height: 300px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: solid 1px #999999; border-radius: 2px 15px 2px 2px; margin-left: 20px; margin-top: 18px; margin-bottom: 24px} #yoake-image2 {border-radius: 15px 2px 2px 2px; margin-bottom: 15px} #yoake-image img, #yoake-image2 img {width: 298px; height: 298px; opacity: 0.9; border-radius: 1px 14px 1px 1px} #yoake-image2 img {border-radius: 14px 1px 1px 1px} .main article, #yokoku-right {width: 425px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 25px 0 0 0; margin: 0px; margin-bottom: 1px; padding-top: 77px; border: none; border-top: solid 2px #808080; border-left: solid 2px #808080} #yokoku-right {float: right; padding-top:74px; padding-left: 40px; padding-right: 50px;padding-bottom: 12px; box-shadow: 0 20px #FFFFF0 inset} #book-title, #yokoku {width: 870px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 1px; margin-left: auto; margin-right: auto; margin-bottom: 50px; overflow: hidden; box-shadow: 0 20px #F68F39 inset, 0 -1px #496887, 0 -1px #F5801F inset; border-top: solid 15px #F68F39/*#F5801F/*#496887*/; border-left: solid 6px #31869B; border-right: solid 30px #31869B/*#F84141*/; border-bottom: solid 2px #808080; background-color: #FFFFF0} #yokoku {margin-bottom: 70px} #eyecatch {margin-bottom: 51px}/* #book-titleのbox-shadow: -1px分 */ /********** 本文 **********/ .yoake-head {width: 870px; height: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: auto; margin-right: auto; margin-bottom: 5px; border-top: solid 2px #808080; border-left: solid 6px #31869B; border-right: solid 30px #31869B; border-bottom: solid 2px #999999/*#FA6C43*/; background-color: #F68F39/*#70AEBE*/} .yoake-title {width: 870px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: auto; margin-right: auto; margin-bottom: 5px; border-top: solid 2px #808080; border-left: solid 6px #31869B; border-right: solid 30px #31869B; border-bottom: solid 2px #999999/*#FA6C43*/; padding-top: 5px; background-color: #ECECEC/*#FFFFF0*/} .yoake-title p {font-size: 17px; font-weight: bold} .report {width: 870px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: auto; margin-right: auto; margin-bottom: 71px; padding-top: 15px; border-top: solid 2px #808080; border-left: solid 6px #31869B; border-right: solid 30px #31869B; border-bottom: solid 12px #F68F39; box-shadow: 0 1px #496887, 0 -1px #496887 inset; background-color: #ECECEC/*#FFFFF0*/} .report-chirashi img {width: 780px; height: 1103px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 2px; border: solid 2px #999999; margin-top: 25px; margin-left: 27px; margin-right: auto} .yoake-head p, .yoake-title p, .report p {text-align: center} .yoake-head p {color: #F68F39; font-size: 9px; margin: 0px} .pdf p {text-align: center} .pdf a {color: #333333} .pdf a:visited {color: #333333} .pdf a:hover {font-weight: bold} /********** 本文 **********/ .report-photo {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 2px; border: solid 1px #999999; margin-top: 15px; margin-bottom: 15px} #report-photo2-1 {width 400px; height: 280px; float: left; margin-left: 42px} #report-photo2-1 img {width: 398px; height: 278px} #report-photo2-2 {width 300px; height: 360px; float: right; margin-right: 42px} #report-photo2-2 img {width: 298px; height: 358px} #report-photo2-3 {width 300px; height: 380px; float: left; margin-left: 42px; margin-bottom: 45px} #report-photo2-3 img {width: 298px; height: 378px} #report-photo2-4 {width 400px; height: 290px; float: right; margin-right: 42px; margin-top: 25px} #report-photo2-4 img {width: 398px; height: 288px} #report-photo3-1 {width 400px; height: 270px; float: left; margin-left: 42px} #report-photo3-1 img {width: 398px; height: 268px} #report-photo3-2 {width 500px; height: 337px; float: left; margin-left: 42px} #report-photo3-2 img {width: 498px; height: 335px} #report-photo3-3 {width 400px; height: 294px; float: left; margin-left: 42px; margin-bottom: 45px} #report-photo3-3 img {width: 398px; height: 292px} #report-photo3-4 {width 321px; height: 442px; float: right; margin-top: 167px; margin-right: 42px; margin-bottom: 45px} #report-photo3-4 img {width: 319px; height: 440px} #report-photo4-1 {width 350px; height: 350px; float: left; margin-left: 42px; margin-bottom: 45px} #report-photo4-1 img {width: 348px; height: 348px} #report-photo4-2 {width 350px; height: 350px; float: right; margin-right: 42px; margin-bottom: 45px} #report-photo4-2 img {width: 348px; height: 348px} #report-photo6-1 {width 600px; height: 375px; float: left; margin-left: 120px; margin-bottom: 45px} #report-photo6-1 img {width: 598px; height: 373px} #report-photo7-1 {width 600px; height: 369px; float: left; margin-left: 120px; margin-bottom: 45px} #report-photo7-1 img {width: 598px; height: 367px} #report-photo12-1 {width 350px; height: 350px; float: left; margin-left: 240px; margin-bottom: 45px} #report-photo12-1 img {width: 348px; height: 348px} #report-photo-nosaka1-1 {width 600px; height: 350px; float: left; margin-left: 120px; margin-bottom: 45px} #report-photo-nosaka1-1 img {width: 598px; height: 348px} #report-photo-manga1-1 {width 400px; height: 400px; float: left; margin-left: 220px; margin-bottom: 45px} #report-photo-manga1-1 img {width: 398px; height: 398px} #report-photo-ensoku1-1 {width 350px; height: 263px; float: left; margin-left: 42px; margin-bottom: 25px} #report-photo-ensoku1-1 img {width: 348px; height: 261px} #report-photo-ensoku1-2 {width 350px; height: 263px; float: right; margin-right: 42px; margin-bottom: 25px} #report-photo-ensoku1-2 img {width: 348px; height: 261px} #report-photo-ensoku1-3 {width 750px; height: 500px; float: left; margin-left: 42px; margin-bottom: 45px} #report-photo-ensoku1-3 img {width: 748px; height: 498px} /********** 読書会祭り **********/ .matsuri-top {padding-top: 5px; padding-bottom: 3px; padding-right: 15px; color: #333333; background-color: #FCDCC1; text-align: right; font-size: 12px} .matsuri-top1 {width: 780px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: solid 1px #F9B379/*#DDDDDD/*#CCCCCC*/; border-radius: 3px; margin-left: auto; margin-right: auto; margin-bottom: 50px} .matsuri-days a {color: #333333} .matsuri-days a:visited {color: #333333} .matsuri-days a:hover {font-weight: bold}