/********** 市井人定数考 **********/

/********** 背景 **********/
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}
                               /*ポイントカラー #CEB728*/

#header2 h1                   {border-bottom: solid 3px #B3B3B3}

#breadcrumbs ul               {border-top: solid 1px #B3B3B3}

/********** ナビメニュー **********/
nav .child li                  {border: solid 1px #B3B3B3}

/********** タイトル **********/
section                       {width: 218px;
                               border-top: solid 2px #CAAC0A;
                               border-right: solid 4px #CAAC0A}

.main article                 {width: 640px;
                               padding: 30px;
                               padding-top: 0px;
                               padding-bottom: 0px;
                               border-left: solid 3px #808080;
                               border-right: solid 3px #CEB728;
                               border-bottom: solid 15px #CEB728;
                               border-radius: 0 0 2px 2px}

section h1                    {text-align: right;
                               margin-right: 18px;
                               margin-top: 3px}

/********** コラム共通 **********/
.multicolumn,
.maincolumn-l,
.maincolumn-r                 {width: 870px;
                               margin-left: auto;
                               margin-right: auto;
                               border: solid 1px #808080;
                               border-left: solid 3px #CEB728;
                               border-bottom: solid 15px #CEB728;
                               clear: both;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               background-color: #FFFFF0}

.maincolumn-l                 {border-radius: 0 12px 2px 2px}

.maincolumn-r                 {border-left: solid 1px #808080;
                               border-right: solid 3px #CEB728;
                               border-radius: 12px 0 2px 2px}

/********** 導入マルチコラム **********/
.multicolumn                  {display: block;
                               margin-left: 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;
                               padding-top: 23px;
                               padding-bottom: 8px;
                               padding-left: 25px;
                               padding-right: 20px;
                               border-top: solid 25px #C0C0C0;
                               border-bottom: solid 15px #D3D3D3;
                               border-left: solid 1px #808080;
                               border-radius: 2px 24px 1px 1px;
                               margin-bottom: 95px}

#no-2                         {margin-top: -25px}

.adjust                       {margin-top: -15px}
                               
.multicolumn p:first-letter   {font-size: 43px;
                               font-weight: bold;
                               float: left;
                               margin-top: 5px;
                               margin-right: 2px;
                               margin-left: 1px;
                               line-height: 1}

/********** 記事コラム **********/
.maincolumn-l,
.maincolumn-r                 {height: 290px;
                               margin-bottom: 95px}

.maincolumn-l p:first-letter,
.maincolumn-r p:first-letter  {font-size: 43px;
                               font-weight: bold;
                               float: left;
                               margin-top: 6px;
                               margin-right: 2px;
                               margin-left: 0px;
                               line-height: 1}

.mainarticle-l p,
.mainarticle-r p               {max-height: 999999px; /*chrome崩れ解除 */
                                max-width: 100%}

.maincolumn-l img,
.maincolumn-r img             {width: 215px;
                               height: 215px;
                               opacity: 0.9}

.column-img-l,
.column-img-r                 {width: 217px;
                               height: 217px;
                               border: solid 1px #808080;
                               border-radius: 2px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               margin-top: 30px}

.column-img-l                 {float: left;
                               margin-left: 20px;
                               margin-right: 25px}

.column-img-r                 {float: right;
                               margin-left: 20px;
                               margin-right: 20px}

.mainarticle-r,
.mainarticle-l                {margin-top: 24px;
                               overflow-y: scroll;
                               overflow-x: hidden;
                               -webkit-overflow-scrolling: touch;
                               height: 230px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box}

.mainarticle-r                {margin-right: 20px}

.mainarticle-l                {margin-left: 25px}

.kime                         {font-size: 17px;
                               font-weight: bold;
                               color: #000000;
                               max-height: 100%}

.kime small                   {color: #333333;
                               max-height: 100%}

.tab-l,
.tab-r                        {clear: both;
                               width: 130px;
                               height: 25px;
                               margin-bottom: 0px;
                               margin-top: -25px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               background-color: #CEB728;
                               text-align: center}

.tab-l p,
.tab-r p                      {padding-top: 3px}

.tab-l                        {margin-left: 15px;
                               border-radius: 2px 18px 0 0;
                               border-right: solid 3px #999999}

.tab-r                        {margin-left: 755px;
                               border-radius: 18px 2px 0 0;
                               border-left: solid 3px #999999}

/********** タイトルタブ **********/
#tab-1,
#tab-2,
#tab-3,
#tab-4,
#tab-5                        {margin-top: 0;
                               margin-bottom: -40px;
                               background-color: #E4D664}

#tab-1 p,
#tab-2 p,
#tab-3 p,
#tab-4 p                      {color: #666666}

#tab-1                        {margin-left: 245px}

#tab-2                        {margin-left: 373px}

#tab-3                        {margin-left: 501px}

#tab-4                        {margin-left: 628px}

#tab-5                        {margin-left: 755px;
                               margin-bottom: 0;
                               background-color: #CEB728;
                               color: #000000}

/********** リンク **********/
.links                        {border-top: solid 5px #CAAC0A;
                               border-bottom: solid 2px #CAAC0A;
                               margin-top: -25px}

.links h2                     {border-top: solid 2px #CAAC0A;
                               border-bottom: solid 1px #C3C3C3;
                               background-color: #F2F2F2}

/********** 更新 **********/
.new                          {margin-top: -25px;
                               margin-bottom: 33px}

/* tab-rの場合のみ */
/*.new p                        {margin-left: 670px;
                               border-radius: 14px 2px 0px 0px}*/

.new-end                      {margin-top: -88px;
                               margin-bottom: 76px}