/********** スナック風前のともしび **********/

/********** 背景 **********/
body                          {background-image: url(../images/background-tomoshibi.svg)}

/********** ヘッダー **********/
header                        {border-top: solid 0px #B3B3B3;
                               border-bottom: solid 5px #B3B3B3;
                               border-left: solid 1px #B3B3B3;
                               border-right: solid 1px #B3B3B3}
                               /*ポイントカラー #8A0044*/

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

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

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

/********** タイトル **********/
#eyecatch                     {margin-bottom: 65px}/* box-shadow分 */

#eyecatch img                 {opacity: 1}

#kanban                       {clear: both;
                               width: 400px;
                               height: 210px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               border-radius: 20px;
                               background-color: #8A0044;
                               padding: 0;
                               margin-left: 15px;
                               margin-bottom: 40px;
                               box-shadow: 0 5px #F9F9F9,
                                           0 15px #8A0044,
                                           0 -5px #F9F9F9,
                                           0 -15px #8A0044}

#kanban img                   {width: 400px;
                               height: 210px;
                               border-radius: 20px}

#fukayomi-button              {clear; both;
                               width: 400px;
                               height: 70px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               border: solid 2px #2C2C2C;
                               border-radius: 10px;
                               background-color: #F0F0F0;
                               padding: 0;
                               margin-left: 15px;
                               margin-bottom: 30px;
                               box-shadow: 0 3px #F9F9F9,
                                           0 8px #2C2C2C,
                                           0 -3px #F9F9F9,
                                           0 -8px #2C2C2C}

#fukayomi-button:hover        {background-color: #DCCBD3/*#D0D0D0*/;
                               -ms-transition: 0.4s;
                               -webkit-transition: 0.4s;
                               transition: 0.4s}

#fukayomi-button img          {width: 396px;
                               height: 66px;
                               border-radius: 10px}

#tsubuyaki-button             {clear; both;
                               width: 400px;
                               height: 70px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               border: solid 2px #2C2C2C;
                               border-radius: 10px;
                               background-color: #F0F0F0;
                               padding: 0;
                               margin-left: 15px;
                               margin-bottom: 30px;
                               box-shadow: 0 3px #F9F9F9,
                                           0 8px #2C2C2C,
                                           0 -3px #F9F9F9,
                                           0 -8px #2C2C2C}

#tsubuyaki-button:hover       {background-color: #DCCBD3/*#D0D0D0*/;
                               -ms-transition: 0.4s;
                               -webkit-transition: 0.4s;
                               transition: 0.4s}

#tsubuyaki-button img         {width: 396px;
                               height: 66px;
                               border-radius: 10px}

#yoidore-button               {clear; both;
                               width: 400px;
                               height: 70px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               border: solid 2px #2C2C2C;
                               border-radius: 10px;
                               background-color: #F0F0F0;
                               padding: 0;
                               margin-left: 15px;
                               margin-bottom: 100px;
                               box-shadow: 0 3px #F9F9F9,
                                           0 8px #2C2C2C,
                                           0 -3px #F9F9F9,
                                           0 -8px #2C2C2C}

#yoidore-button:hover         {background-color: #DCCBD3/*#D0D0D0*/;
                               -ms-transition: 0.4s;
                               -webkit-transition: 0.4s;
                               transition: 0.4s}

#yoidore-button img           {width: 396px;
                               height: 66px;
                               border-radius: 10px}

section                       {width: 455px;
                               height: 514px;
                               float: right;
                               margin-top: -620px;
                               margin-right: 15px;
                               margin-bottom: 80px;
                               border: solid 3px #8A0044;
                               border-left: solid 2px #8A0044;
                               border-right: solid 2px #8A0044;
                               border-radius: 20px;
                               padding: 22px;
                               padding-left: 35px;
                               padding-right: 35px;
                               background-color: #F0F0F0;
                               box-shadow: 0 5px #F9F9F9,
                                           0 15px #8A0044,
                                           0 -5px #F9F9F9,
                                           0 -15px #8A0044}

section p                     {line-height: 2.2}

.main article                 {width: 390px/*870px*/;
                               height: 1280px;
                               margin-left: 15px;
                               margin-bottom: 100px;
                               padding: 20px;
                               border-top: solid 3px #2C2C2C;
                               border-bottom: solid 3px #2C2C2C;
                               border-left: solid 2px #2C2C2C;
                               border-right: solid 2px #2C2C2C;
                               border-radius: 10px;
                               box-shadow: 0 5px #F9F9F9,
                                           0 15px #2C2C2C,
                                           0 -5px #F9F9F9,
                                           0 -15px #2C2C2C;
                               background-color: #F0F0F0}

.main article h2              {font-size: 18px;
                               line-height: 1.2;
                               color: #333333;
                               margin-top: 5px;
                               margin-bottom: 25px}

/********** つぶやき **********/
#topics                       {width: 465px/*870px*/;
                               height: 1280px;
                               margin-right: 15px;
                               margin-bottom: 100px;
                               padding: 0;
                               float: right/*clear: both*/;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               border: solid 3px #8A0044;
                               border-left: solid 2px #8A0044;
                               border-right: solid 2px #8A0044;
                               border-radius: 10px;
                               box-shadow: 0 5px #F9F9F9,
                                           0 15px #8A0044,
                                           0 -5px #F9F9F9,
                                           0 -15px #8A0044;
                               background-color: #F0F0F0}

#topics h2                    {font-size: 18px;
                               border-bottom: solid 1px #C3C3C3/*#2C2C2C*/;
                               border-radius: 10px;
                               line-height: 1.2;
                               background-color: #EDEDED;
                               color: #333333;
                               padding-left: 25px;
                               padding-top: 5px;
                               padding-bottom: 13px}

#topics h3                    {width: 450px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               font-weight: normal;
                               font-size: 16px;
                               padding-top: 5px;
                               padding-bottom: 2px;
                               padding-left: 7px;
                               padding-right: 15px;
                               margin-bottom: -5px;
                               border-bottom: solid 2px #8A0044/*#999999*/;
                               border-top: solid 2px #8A0044;
                               margin-left: 13px;
                               color: #222222}

#topics p                     {padding-left: 5px;
                               padding-right: 15px;
                               margin-left: 18px;
                               margin-right: 2px;
                               line-height: 1.8}

#topics-contents              {margin-top: 5px;
                               margin-bottom: 15px;
                               margin-right: 10px;
                               margin-left: 5px;
                               padding-top: 0px;
                               overflow-y: scroll;
                               overflow-x: hidden;
                               -webkit-overflow-scrolling: touch;
                               height: 1185px/*492px*/;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box}

.each-topics                  {margin-top: 35px}

.each-topics:first-child      {margin-top: 20px}

/********** 酔いどれ文藝部 **********/
#yoidore-bungei               {width: 870px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               clear: both;
                               margin-left: auto;
                               margin-right: auto;
                               margin-bottom: 85px;
                               border-top: solid 3px #8A0044;
                               border-bottom: solid 3px #8A0044;
                               border-left: solid 2px #8A0044;
                               border-right: solid 2px #8A0044;
                               border-radius: 10px;
                               box-shadow: 0 5px #F9F9F9,
                                           0 15px #8A0044,
                                           0 -5px #F9F9F9,
                                           0 -15px #8A0044;
                               background-color: #EDEDED}

#bungei-intro                 {width: 610px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               margin-left: auto;
                               margin-right: auto;
                               margin-top: 40px;
                               margin-bottom: 45px;
                               padding-top: 17px;
                               padding-bottom: 15px;
                               padding-left: 50px;
                               padding-right: 46px;
                               background-color: #F9F9F9;
                               border-top: solid 3px #2C2C2C;
                               border-bottom: solid 3px #2C2C2C;
                               border-left: solid 2px #8A0044;
                               border-right: solid 2px #8A0044;
                               border-radius: 8px;
                               box-shadow: 0 3px #F9F9F9,
                                           0 7px #2C2C2C,
                                           0 -3px #F9F9F9,
                                           0 -7px #2C2C2C}

#bungei-intro h1              {color: #333333;
                               text-align: center}

#bungei-intro p               {text-align: center}

#bungei-intro a               {color: #22225E/*#000080*/;
                               font-size: 14px}
#bungei-intro a:visited       {color: #22225E/*#000080*/}

#bungei-intro a:hover         {font-weight: bold}

.bungei-main                  {width: 750px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               margin-left: auto;
                               margin-right: auto;
                               margin-bottom: 70px;
                               padding-top: 20px;
                               padding-bottom: 20px;
                               background-color: #F9F9F9;
                               border-top: solid 3px #2C2C2C;
                               border-bottom: solid 3px #2C2C2C;
                               border-left: solid 2px #8A0044;
                               border-right: solid 2px #8A0044;
                               border-radius: 8px;
                               box-shadow: 0 -3px #F9F9F9,
                                           0 -7px #2C2C2C}

.bungei-main h1               {color: #333333;
                               font-size: 20px;
                               text-align: center}

.bungei-main p                {text-align: center;
                               line-height: 2.0}

#yoidore-mainphoto            {width: 750px;
                               height: 150px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               margin-left: auto;
                               margin-right: auto;
                               margin-bottom: 45px;
                               border: solid 1px #999999;
                               border-radius: 10px}

#yoidore-mainphoto img        {width: 748px;
                               height: 148px;
                               border-radius: 9px;
                               opacity: 1}

.yoidore-subphoto             {width: 400px;
                               height: 160px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               margin-left: auto;
                               margin-right: auto;
                               margin-top: 30px;
                               margin-bottom: 35px;
                               border: solid 1px #999999;
                               border-radius: 8px}

.yoidore-subphoto img         {width: 398px;
                               height: 158px;
                               border-radius: 7px;
                               opacity: 1}

.yoidore-report               {width: 580px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               margin-left: auto;
                               margin-right: auto;
                               border: solid 1px #333333;
                               border-top: solid 2px #333333;
                               border-bottom: solid 2px #333333;
                               border-radius: 8px;
                               padding-top: 10px;
                               padding-bottom: 0px;
                               padding-left:45px;
                               padding-right: 35px}

.yoidore-report p             {text-align: left}

.links                        {width: 750px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               margin-left: auto;
                               margin-right: auto;
                               margin-bottom: 25px;
                               border-top: solid 3px #8A0044;
                               border-bottom: solid 3px #8A0044;
                               border-left: solid 2px #8A0044;
                               border-right: solid 2px #8A0044;
                               border-radius: 8px;
                               box-shadow: 0 -3px #F9F9F9,
                                           0 -7px #8A0044;
                               background-color: #F9F9F9}

.links h2                     {border-top: none;
                               font-size: 20px;
                               border-bottom: solid 1px #C3C3C3/*#2C2C2C*/;
                               border-radius: 10px;
                               line-height: 1.2;
                               background-color: #F9F9F9;
                               color: #333333;
                               padding-left: 28px;
                               padding-top: 15px;
                               padding-bottom: 15px}

.links ul                     {margin-left: 14px}

.links li                     {line-height: 2.0}

.bungei-top                   {padding-top: 5px;
                               padding-bottom: 3px;
                               padding-right: 15px;
                               color: #333333;
                               background-color: #DCCBD3;
                               text-align: right;
                               font-size: 12px}

.bungei-top1                  {width: 750px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               border: solid 1px #B08A9D/*#DDDDDD/*#CCCCCC*/;
                               border-radius: 3px;
                               margin-left: auto;
                               margin-right: auto;
                               margin-bottom: 50px}

/********** 新書を深読み **********/
#fukayomi                     {width: 870px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               clear: both;
                               margin-left: auto;
                               margin-right: auto;
                               margin-bottom: 100px;
                               padding-top: 30px;
                               border-top: solid 3px #8A0044;
                               border-bottom: solid 3px #8A0044;
                               border-left: solid 2px #8A0044;
                               border-right: solid 2px #8A0044;
                               border-radius: 10px;
                               box-shadow: 0 5px #F9F9F9,
                                           0 15px #8A0044,
                                           0 -5px #F9F9F9,
                                           0 -15px #8A0044;
                               background-color: #EDEDED}

#fukayomi h3                  {text-align: center;
                               color: #333333}

#fukayomi-mainphoto           {width: 700px;
                               height: 210px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               margin-left: auto;
                               margin-right: auto;
                               margin-bottom: 65px;
                               border: solid 1px #999999;
                               border-radius: 10px}

#fukayomi-mainphoto img       {width: 698px;
                               height: 208px;
                               border-radius: 9px;
                               opacity: 0.9}

.fukayomi-overview,
.fukayomi-topic               {-webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               margin-left: auto;
                               margin-right: auto;
                               margin-top: 40px;
                               margin-bottom: 65px;
                               padding-top: 17px;
                               padding-bottom: 15px;
                               padding-left: 50px;
                               padding-right: 46px;
                               background-color: #F9F9F9;
                               border-top: solid 3px #2C2C2C;
                               border-bottom: solid 3px #2C2C2C;
                               border-left: solid 2px #8A0044;
                               border-right: solid 2px #8A0044;
                               border-radius: 8px;
                               box-shadow: 0 3px #F9F9F9,
                                           0 7px #2C2C2C,
                                           0 -3px #F9F9F9,
                                           0 -7px #2C2C2C}

.fukayomi-overview            {width: 570px}

.fukayomi-topic               {width: 700px;
                               padding: 30px;
                               padding-left: 65px;
                               padding-right: 55px}

.fukayomi-topic h3            {font-size: 16px}

.fukayomi-topic p             {line-height: 2.1}