/********** 東巴(とんぱ)劇場 **********/ /********** 背景 **********/ 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} /*ポイントカラー #9FCDA5*/ #header2 h1 {border-bottom: solid 3px #B3B3B3} #breadcrumbs ul {border-top: solid 1px #B3B3B3} /********** ナビメニュー **********/ nav .child li {border: solid 1px #B3B3B3} /********** タイトル **********/ section {width: 870px; margin-bottom: 10px; border-top: solid 18px #385838; border-bottom: solid 1px #385338; border-left: solid 1px #385338; border-right: solid 1px #385338; background-color: #FFFFF0} section h1 {padding-top: 10px; padding-bottom: 10px; padding-left: 20px} #butai {clear: both; width: 870px; height: 194px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: solid 1px #385338; border-bottom: none; margin-left: auto; margin-right: auto; margin-bottom: 84px; box-shadow: 0 1px #444444, 0 8px #9FCDA5, 0 11px #FF9955, 0 24px #385338, 0 -1px #FF9955, 0 -6px #D3E7D3, 0 -10px #9FCDA5} #butai img {clear: both; width:868px; height: 193px} /********** サブタイトル＆幕 tompa.open.back.closeがナンバリング **********/ .maku, #tompa0, #tompa1, #tompa2, #tompa3, #tompa4, #tompa5, #tompa6, #tompa7, #tompa8, #tompa9 {width: 870px; height: 30px; margin-left: auto; margin-right: auto; border-bottom: solid 2px #FF9955; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #333333; background-color: #9FCDA5; margin-bottom: 70px; clear: both} #tompa0 {margin-bottom: 30px} #tompa1, #tompa2, #tompa3, #tompa4, #tompa5, #tompa6, #tompa7, #tompa8, #tompa9 {height: 33px} .maku {margin-bottom: 0px; border-radius: 2px 2px 0 0; height: 24px} .maku h1, #tompa0 h1 {font-size: 22px; line-height: 0.3; padding-left: 30px; background-color: #D3E7D3} #tompa1 h1, #tompa2 h1, #tompa3 h1, #tompa4 h1, #tompa5 h1, #tompa6 h1, #tompa7 h1, #tompa8 h1, #tompa9 h1 {font-size: 16px; line-height: 1.2; padding-top: 6px; padding-left: 30px; background-color: #D3E7D3} #tompa0 a, #tompa1 a, #tompa2 a, #tompa3 a, #tompa4 a, #tompa5 a, #tompa6 a, #tompa7 a, #tompa8 a, #tompa9 a {color: #333333} #tompa0 a:visited, #tompa1 a:visited, #tompa2 a:visited, #tompa3 a:visited, #tompa4 a:visited, #tompa5 a:visited, #tompa6 a:visited, #tompa7 a:visited, #tompa8 a:visited, #tompa9 a:visited {color: #333333} #tompa0 a:hover, #tompa1 a:hover, #tompa2 a:hover, #tompa3 a:hover, #tompa4 a:hover, #tompa5 a:hover, #tompa6 a:hover, #tompa7 a:hover, #tompa8 a:hover, #tompa9 a:hover {color: #000000} #open0 {color: #333333; width: 870px; margin-left: auto; margin-right: auto; margin-bottom: 45px; /**height: 0;**/ overflow: hidden; position: relative; top: -42px; opacity: 1; border-radius: 0 0 2px 2px; -webkit-transition: 0.5s; transition: 0.5s; background-color: #D3E7D3; border-bottom: solid 1px #FF9955; border-top: solid 1px #FF9955; padding-left: 20px; padding-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box} #open1, #open2, #open3, #open4, #open5, #open6, #open7, #open8, #open9 {color: #333333; width: 870px; margin-left: auto; margin-right: auto; height: 0; overflow: hidden; position: relative; top: -65px; opacity: 0; border-radius: 0 0 2px 2px; -webkit-transition: 0.5s; transition: 0.5s; background-color: #D3E7D3; border-bottom: solid 1px #FF9955; border-top: solid 1px #FF9955; padding-left: 20px; padding-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box} #close0, #close1, #close2, #close3, #close4, #close5, #close6, #close7, #close8, #close9 {clear: both} #open0:target, #open1:target, #open2:target, #open3:target, #open4:target, #open5:target, #open6:target, #open7:target, #open8:target, #open9:target {height: 100%; opacity: 1} #close0 a, #close1 a, #close2 a, #close3 a, #close4 a, #close5 a, #close6 a, #close7 a, #close8 a, #close9 a {color: #333333; font-size: 14px} #close0 a:visited, #close1 a:visited, #close2 a:visited, #close3 a:visited, #close4 a:visited, #close5 a:visited, #close6 a:visited, #close7 a:visited, #close8 a:visited, #close9 a:visited {color: #333333} #close0 a:hover, #close1 a:hover, #close2 a:hover, #close3 a:hover, #close4 a:hover, #close5 a:hover, #close6 a:hover, #close7 a:hover, #close8 a:hover, #close9 a:hover {color: #000000; text-decoration: none} /********** 幕 **********/ .sozai {width: 870px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; clear: both; border-top: solid 4px #D3E7D3; border-left: solid 2px #D3E7D3; border-right: solid 2px #D3E7D3; margin-left: auto; margin-right: auto; margin-bottom: -20px} .sozai img {width: 866px; border-radius: 2px} .nakami {width: 830px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; clear: both; margin-top: 20px; margin-left: auto; margin-right: auto} .nakami img {width: 830px; border-radius: 2px} .odai {height: 45px; border-radius: 2px; background-color: #FFFFF0} .odai p {color: #504416; font-size: 17px; font-weight: bold; text-align: center; line-height: 2.8} /********** サブタイトル内コラム **********/ #tompa-l, #tompa-r {width: 400px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 2px; background-color: #FFFFF0; margin-top: 20px; margin-bottom: 20px; padding-left: 17px; padding-right: 12px} #tompa-l p, #tompa-r p {font-size: 14px; line-height: 1.8} #tompa-l h2, #tompa-r h2 {font-size: 18px} #tompa-l {float: left} #tompa-r {float: right} .links {width: 830px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top: solid 5px #6DB576; border-bottom: solid 2px #6DB576; margin-bottom: 20px} .links h2 {font-size: 18px; border-top: solid 2px #9FCDA5} .links h3 {border-left: none; font-weight: bold; margin-top: 0px; width: 700px;/* style.css解除 */ border-bottom: none/* style.css解除 */} .links p {font-size: 14px; line-height: 1.8; margin-left: 13px; margin-top: 0px; margin-bottom: 7px} .links li {font-size: 14px; line-height: 1.8; margin-left: 18px; margin-top: 10px; margin-bottom: 10px} .links a {text-decoration: none} /********** 更新 **********/ .new {margin-top: -10px; margin-bottom: 18px} .new-end {margin-top: -73px} /********** soon **********/ #soon {width: 870px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; clear: both; border-top: solid 4px #9FCDA5; border-bottom: solid 4px #9FCDA5; border-left: solid 2px #9FCDA5; border-right: solid 2px #9FCDA5; background-color: #FFFFF0; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 40px}