/********** 活字の日々 **********/

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

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

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

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

/********** タイトル **********/
section                       {border: none;
                               padding: 1px/* border: noneの分、下げる */}

.title-letter                 {width: 59px;
                               height: 60px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               font-size: 37px;
                               border-top: solid 1px #333333;
                               border-left: solid 2px #333333;
                               border-right: solid 4px #333333;
                               border-bottom: solid 7px #333333;
                               border-radius: 1px 2px 2px 2px;
                               line-height: 1;
                               padding-top:11px;
                               padding-bottom: 7px;
                               padding-left: 8px;
                               padding-right: 8px;
                               margin-right: 0px}

.title-letter:first-child     {margin-top: -29px;
                               margin-left: -9px}
.title-letter:nth-child(2)    {background-color: #666666;
                               color: #F9F9F9;
                               border-top: solid 1px #222222;
                               border-left: solid 2px #222222;
                               border-right: solid 4px #222222;
                               border-bottom: solid 7px #222222;
                               -webkit-transform: rotateY(180deg);
                               transform: rotateY(180deg);
                               margin-top: -60px;
                               margin-left: 54px}
.title-letter:nth-child(3)    {margin-top: -60px;
                               margin-left: 117px}
.title-letter:nth-child(4)    {margin-top: -60px;
                               margin-left: 180px}
.title-letter:nth-child(5)    {margin-top: -60px;
                               margin-left: 243px}

.main article                 {border-top: solid 1px #333333;
                               border-left: solid 2px #333333;
                               border-right: solid 4px #333333;
                               border-bottom: solid 7px #333333;
                               padding: 39px;
                               padding-top: 2px;
                               padding-bottom: 10px;
                               border-radius: 1px 2px 2px 2px}

.main article h1              {color: #333333}

/********** 活字のコラム **********/
.katsuji-column               {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-top: solid 1px #333333/*#F84141/*#F95C2F*/;
                               border-left: solid 2px #333333/*#F95C2F*/;
                               border-right: solid 4px #333333/*#F95C2F*/;
                               border-bottom: solid 1px #333333/*#F84141/*#F95C2F*/;
                               border-radius: 2px 2px 2px 1px;
                               clear: both;
                               background-color: #FFFFF0;
                               padding: 20px;
                               padding-left: 95px;
                               padding-right: 80px}

.katsuji-column a             {color: #000080}
.katsuji-column a:visited     {color: #000080}

.katsuji-column a:hover       {font-weight: bold;
                               text-decoration: underline}

.column-first                 {border-top: solid 12px #F84141}

.column-last                  {border-bottom: solid 6px #333333}

.katsuji-column h1            {color: #333333}

.katsuji-column h2            {color: #333333;
                               font-size: 18px}

.column-letter                {width: 35px;
                               height: 36px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               font-size: 22px;
                               border-top: solid 1px #333333;
                               border-left: solid 2px #333333;
                               border-right: solid 4px #333333;
                               border-bottom: solid 7px #333333;
                               border-radius: 1px 2px 2px 2px;
                               background-color: #F9F9F9;
                               line-height: 1;
                               padding-top:5px;
                               padding-bottom: 8px;
                               padding-left: 4px;
                               padding-right: 10px;
                               margin-right: 0px}
.column-letter:nth-child(2)   {margin-top: -36px;
                               margin-left: 38px}
.column-letter:nth-child(3)   {margin-top: -36px;
                               margin-left: 76px}
.column-letter:nth-child(4)   {background-color: #666666;
                               color: #F9F9F9;
                               border-top: solid 1px #222222;
                               border-left: solid 2px #222222;
                               border-right: solid 4px #222222;
                               border-bottom: solid 7px #222222;
                               -webkit-transform: rotateY(180deg);
                               transform: rotateY(180deg);
                               margin-top: -36px;
                               margin-left: 114px}
.column-letter:nth-child(5)   {margin-top: -36px;
                               margin-left: 152px}
.column-letter:nth-child(6)   {margin-top: -36px;
                               margin-left: 190px}
.column-letter:nth-child(7)   {margin-top: -36px;
                               margin-left: 228px}
.column-letter:nth-child(8)   {margin-top: -36px;
                               margin-left: 266px}
.column-letter:nth-child(9)   {margin-top: -36px;
                               margin-left: 304px;
                               margin-bottom: 40px}

/********** 活字のコラム 写真レイアウト *********/
.column-photo                 {width: 870px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               margin-left: auto;
                               margin-right: auto;
                               margin-top: -67px;
                               margin-bottom: 3px;
                               border-top: solid 1px #666666/*#F84141/*#F95C2F*/;
                               border-bottom: solid 1px #666666/*#F84141/*#F95C2F*/;
                               border-radius: 2px 2px 2px 1px;
                               clear: both;
                               background-color: #111111;
                               padding-top: 45px;
                               padding-bottom: 45px;
                               padding-left: 160px;
                               padding-right: 160px}

.katsuji-photo1               {-webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               border: solid 1px #4D4D4D/*222222*/;
                               border-radius: 2px;
                               margin-bottom: 0px}

.katsuji-photo2               {-webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               border: solid 1px #C3C3C3/*#222222*/;
                               border-radius: 2px;
                               margin-bottom: 0px}

#katsuji-column1-1            {width: 550px;
                               height: 379px}
#katsuji-column1-1 img        {width: 548px;
                               height: 377px}
#katsuji-column1-2            {width: 550px;
                               height: 302px}
#katsuji-column1-2 img        {width: 548px;
                               height: 300px}

#katsuji-column2-1            {width: 550px;
                               height: 348px}
#katsuji-column2-1 img        {width: 548px;
                               height: 346px}
#katsuji-column2-2            {width: 550px;
                               height: 266px}
#katsuji-column2-2 img        {width: 548px;
                               height: 264px}

#katsuji-column3-1            {width: 550px;
                               height: 275px}
#katsuji-column3-1 img        {width: 548px;
                               height: 273px}
#katsuji-column3-2            {width: 550px;
                               height: 261px}
#katsuji-column3-2 img        {width: 548px;
                               height: 259px}

/********** ユートピアノインタビュー **********/
#utopiano-intro               {width: 870px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               margin-left: auto;
                               margin-right: auto;
                               border-top: solid 12px #F84141/*#F95C2F*/;
                               border-left: solid 2px #333333/*#F95C2F*/;
                               border-right: solid 4px #333333/*#F95C2F*/;
                               border-bottom: solid 1px #333333/*#F95C2F*/;
                               border-radius: 2px 2px 2px 1px;
                               clear: both;
                               background-color: #FFFFF0;
                               padding: 20px;
                               padding-left: 95px;
                               padding-right: 80px}

#utopiano-intro h1            {color: #333333}

.utopiano-letter              {width: 45px;
                               height: 45px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               font-size: 28px;
                               border-top: solid 1px #333333;
                               border-left: solid 2px #333333;
                               border-right: solid 4px #333333;
                               border-bottom: solid 7px #333333;
                               border-radius: 1px 2px 2px 2px;
                               line-height: 1;
                               padding-top: 7px;
                               padding-bottom: 4px;
                               padding-left: 5px;
                               padding-right: 5px}

#utopiano-interview h1        {color: #333333}

.utopiano-letter:first-child  {margin-top: -2px;
                               margin-left: 75px}
.utopiano-letter:nth-child(2) {margin-top: -45px;
                               margin-left: 123px}
.utopiano-letter:nth-child(3) {margin-top: -45px;
                               margin-left: 171px}
.utopiano-letter:nth-child(4) {margin-top: -45px;
                               margin-left: 219px}
.utopiano-letter:nth-child(5) {margin-top: -45px;
                               margin-left: 267px}
.utopiano-letter:nth-child(6) {margin-top: -45px;
                               margin-left: 315px}
.utopiano-letter:nth-child(7) {margin-top: -45px;
                               margin-left: 363px}
.utopiano-letter:nth-child(8) {margin-top: 7px;
                               margin-left: 75px}
.utopiano-letter:nth-child(9) {margin-top: -45px;
                               margin-left: 123px}
.utopiano-letter:nth-child(10){background-color: #666666;
                               color: #F9F9F9;
                               border-top: solid 1px #222222;
                               border-left: solid 2px #222222;
                               border-right: solid 4px #222222;
                               border-bottom: solid 7px #222222;
                               -webkit-transform: rotateY(180deg);
                               transform: rotateY(180deg);
                               margin-top: -45px;
                               margin-left: 171px}
.utopiano-letter:nth-child(11){margin-top: -45px;
                               margin-left: 219px}
.utopiano-letter:nth-child(12){margin-top: -45px;
                               margin-left: 267px}
.utopiano-letter:nth-child(13){margin-top: -45px;
                               margin-left: 315px}
.utopiano-letter:nth-child(14){margin-top: -45px;
                               margin-left: 363px}
.utopiano-letter:nth-child(15){margin-top: -45px;
                               margin-left: 411px}
.utopiano-letter:nth-child(16){margin-top: -45px;
                               margin-left: 459px}
.utopiano-letter:nth-child(17){margin-top: -45px;
                               margin-left: 507px}

.utopiano-column              {width: 870px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               background-color: #FFFFF0;
                               margin-left: auto;
                               margin-right: auto;
                               margin-bottom: 15px;
                               clear: both;
                               border-top: solid 1px #333333;
                               border-left: solid 2px #333333;
                               border-right: solid 4px #333333;
                               border-bottom: solid 7px #333333;
                               border-radius: 1px 2px 2px 2px;
                               padding: 25px;
                               padding-left: 95px;
                               padding-right: 80px}

#utopiano-interview1          {margin-top: -3px}

#utopiano-interview4          {margin-bottom: 70px}

.utopiano-column h2           {font-size: 18px;
                               color: #333333}

.utopiano-q p                 {font-weight: bold}

.utopiano-a p                 {color: #111111}

/********** ユートピアノインタビュー 写真レイアウト **********/
#utopiano1                    {width: 350px;
                               height: 476px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               border: solid 1px #999999;
                               border-radius: 2px;
                               margin-bottom: 25px}
#utopiano1 img                {width: 348px;
                               height: 474px}

#utopiano2                    {width: 550px;
                               height: 394px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               border: solid 1px #999999;
                               border-radius: 2px;
                               margin-bottom: 25px}
#utopiano2 img                {width: 548px;
                               height: 392px}

#utopiano3                    {width: 550px;
                               height: 292px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               border: solid 1px #999999;
                               border-radius: 2px;
                               margin-bottom: 25px}
#utopiano3 img                {width: 548px;
                               height: 290px}

#utopiano4                    {width: 600px;
                               height: 352px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               border: solid 1px #999999;
                               border-radius: 2px;
                               margin-bottom: 25px}
#utopiano4 img                {width: 598px;
                               height: 350px}

#utopiano6                    {width: 350px;
                               height: 556px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               border: solid 1px #999999;
                               border-radius: 2px;
                               margin-bottom: 25px}
#utopiano6 img                {width: 348px;
                               height: 554px}

#utopiano7                    {width: 350px;
                               height: 464px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               border: solid 1px #999999;
                               border-radius: 2px;
                               margin-bottom: 25px}
#utopiano7 img                {width: 348px;
                               height: 462px}

#utopiano8                    {width: 450px;
                               height: 392px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               border: solid 1px #999999;
                               border-radius: 2px;
                               margin-bottom: 25px}
#utopiano8 img                {width: 448px;
                               height: 390px}

#utopiano9                    {width: 600px;
                               height: 267px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               border: solid 1px #999999;
                               border-radius: 2px;
                               margin-bottom: 25px}
#utopiano9 img                {width: 598px;
                               height: 265px}

#utopiano10                   {width: 350px;
                               height: 466px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               border: solid 1px #999999;
                               border-radius: 2px;
                               margin-bottom: 25px}
#utopiano10 img               {width: 348px;
                               height: 464px}

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

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

/********** 更新 **********/
.new                          {margin-bottom: -7px/*本来 -8px*/;
                               box-shadow: 0 3px #F84141}

.new-end                      {margin-top: -65px/*本来 -32px*/;
                               margin-bottom: 50px;
                               box-shadow: 0 -3px #F84141}

.new p                        {background-color: #F84141;
                               color: #FFFFF0}

.new-end p                    {background-color: #F84141;
                               color: #F84141}