﻿/********** 聞く読みもの **********/

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

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

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

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

/********** タイトル **********/
section                       {border: solid 0px #4C4C4C/*#333333*/}

#sec-h1-1                     {border: solid 2px #4C4C4C/*#333333*/;
                               border-bottom: none;
                               background-color: #FFFFF0/*#D44C35/*#C23F29/*#D1351A*/;
                               padding: 0px;
                               padding-top: 20px;
                               padding-left: 35px;
                               height: 120px}

#sec-h1-1 h1                  {font-size: 100px;
                               margin: 0px;
                               margin-right: -500px;
                               padding: 0px;
                               line-height: 1;
                               letter-spacing: 0.5em;
                               color: #D44C35/*#FFFFF0*/}

#sec-h1-2                     {border: solid 2px #4C4C4C/*#333333*/;
                               background-color: #525252/*#404040/*#333333*/;
                               padding: 0px;
                               padding-top: 10px;
                               padding-left: 37px;
                               height: 65px;
                               margin-bottom: 70px}

#sec-h1-2 h1                  {font-size: 48px;
                               margin: 0px;
                               margin-right: -500px;
                               padding: 0px;
                               line-height: 1;
                               letter-spacing: 0.3em;
                               color: #FFFFF0}

.main article                 {border: solid 2px #4C4C4C/*#333333*/;
                               box-shadow: 0 105px #D44C35/*#C23F29*/ inset,
                                           0 106px #4C4C4C/*#333333*/ inset,
                                           0 159px #525252/*#404040*/ inset,
                                           0 160px #4C4C4C/*#333333*/ inset;
                               background-color: #EFEFEF/*#ECECEC*/;
                               padding-top: 170px;
                               padding-bottom: 10px}

/********** メインコンテンツ **********/
.main-content                 {clear: both;
                               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: solid 2px #4C4C4C/*#333333*/;
                               border-radius: 2px;
                               padding: 50px;
                               background-color: #EFEFEF/*#ECECEC*/}

.main-content h1              {height: 50px;
                               border: solid 2px #4C4C4C/*#333333*/;
                               border-radius: 2px;
                               background-color: #D44C35/*#C23F29*/;
                               padding-top: 10px;
                               color: #FFFFF0}

.main-content h2              {font-size: 17px;
                               margin-top: 30px}

.controler                    {width: 600px;
                               margin-left: 40px}

.content-block                {margin-bottom: 50px}
.content-block:last-child     {margin-bottom: 0}

.content-block h2             {height: 30px;
                               border: solid 2px *#4C4C4C/*#333333*/;
                               border-top: solid 2px #D44C35;
                               border-bottom: solid 2px #D44C35;
                               border-radius: 2px;
                               background-color: #525252/*#404040*/;
                               padding-top:3px;
                               padding-left: 10px;
                               color: #FFFFF0}

.content-block p              {margin-left: 10px}

