/********** ほとばしる代読 **********/

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

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

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

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

/********** タイトル **********/
section                       {width: 280px;
                               height: 280px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               margin-right: 15px;
                               padding-top: 162px;
                               border: none;
                               border-radius: 2px;
                               background-color: #B17B56;
                               text-align: center}

section h1                    {font-size: 17px;
                               color: #FFFFD0}

/********** 二段組み **********/
.main article                 {width: 280px;
                               height: 280px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               margin-left: 0;
                               padding-top: 47px;
                               padding-left: 56px;
                               border: none;
                               border-radius: 2px;
                               background-color: #F7E082}

.main article p               {line-height: 2.7;
                               color: #555555}

#space                        {width: 280px;
                               height: 280px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               float: left;
                               margin-right: 15px;
                               padding-top: 45px;
                               padding-left: 56px;
                               border: none;
                               border-radius: 2px;
                               background-color: #B3B3CA/*#E2E0FF/*#FFF0B2*/}

#space p                      {color: #B3B3CA/*#E2E0FF/*#FFF0B2*/}

/********* レビュー **********/
.book_review                  {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: 70px;
                               padding-top: 45px;
                               padding-left: 55px;
                               padding-right: 50px;
                               border: solid 1px #B3B3CA/*#CCCCCC*/;
                               border-radius: 2px;
                               background-color: #FFF8DC/*#EFEFF4*/}

.book_review h3               {color: #444444;
                               margin-left: 37px;
                               margin-bottom: 45px;
                               font-size: 19px}

.book_review a                {color: #333333;
                               text-decoration: underline}
.book_review a:visited        {color: #333333}

.book_review a:hover          {font-weight: bold}

.photo                        {width: 300px;
                               height: 300px;
                               float: left;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               margin-right: 70px;
                               margin-bottom: 70px;
                               border: solid 1px #CCCCCC;
                               border-radius: 2px}

.photo img                    {width: 298px;
                               height: 298px;
                               border-radius: 1px;
                               opacity: 1}

.information                  {float: left}

.information p                {line-height: 1.3}

.review_content               {clear: both;
                               margin-left: 70px;
                               margin-right: 75px;
                               margin-bottom: 50px}

.review_content p             {line-height: 2.3}

.to_buy                       {width: 240px;
                               height: 37px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               margin-left: 450px;
                               margin-bottom: 40px;
                               padding-left: 16px;
                               border: solid 1px #AAAAAA/*#CCCCCC/*#FFFFF0*/;
                               border-radius: 5px;
                               background-color: #F9F9F9/*#E1E1EA/*#F7E082*/;
                               position: relative}

.to_buy p                     {font-size: 13px;
                               margin-top: 7px}

.button,
.result                       {display: inline-block}

.button                       {position: absolute;
                               -webkit-transition: 0.1s;
                               transition: 0.1s}

.result                       {opacity: 0}

.to_buy:hover                 {border: solid 1px #AAAAAA/*#F7E082/*#CCCCCC*/;
                               background-color: #EEEEEE/*#F7E082/*#E1E1EA*/}
.to_buy:hover .result         {opacity: 1;
                               -webkit-transition: 0.1s;
                               transition: 0.1s}
.to_buy:hover .button         {opacity: 0}

/********** 挿入ブロック **********/
.insert                       {width: 870px;
                               margin-left: auto;
                               margin-right: auto;
                               margin-bottom: 7px}