
#head
{
  position: relative;
}
#body
{
//  background: #F6F3D8;
}

header
{
  padding-top:90px;
  padding-bottom:90px;
  h1
  {
    font-size: 32px;
    font-weight: 400;
    line-height: 48px; /* 150% */
    letter-spacing: 1.6px;
    color:#444;
    margin-bottom:8px;
  }
  .breadcrumb
  {
  	margin-bottom:80px;
  	ul
  	{
  		display: flex;
  		flex-wrap:wrap;
  		font-size: 16px;
  		font-style: normal;
  		font-weight: 400;
  		line-height: 26px; /* 162.5% */
  		letter-spacing: 0.8px;
  		color:#000;
  		li
  		{
  			a
  			{
  				color:#000;
  				transition-duration:.5s;
  				&:hover
  				{
  					color:$main-color;
  				}
  			}
  			&::after
  			{
  				content:'/';
  				padding:0 8px;
  			}
  			&:last-child
  			{
  				a
  				{
  					color:$main-color;
  					&:hover
  					{
  						color:#fff;
  					}
  				}
  				&::after
  				{
  					display: none;
  				}
  			}
  		}
  	}

  }
}


main
{
  article
  {
    color:#444;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
    letter-spacing: 0.8px;
    #main-photo
    {
      display: block;
      img
      {
        display: block;
        max-width:100%;
        margin:0 auto 50px auto;
      }
    }
    #description
    {
      padding:20px;
      max-width:650px;
      margin:0 auto 50px auto;
      text-align: center;
    }
    #content
    {
      max-width:650px;
      margin:0 auto;
      padding-bottom:100px;
      strong
      {
        font-weight: 900;
      }
      h2,h3,h4,h5
      {
        padding:10px 0;
        font-size: 24px;
        font-weight: 500;
        line-height: 36px; /* 150% */
        strong
        {
          font-weight: 700;
        }
      }
      h2
      {
        font-weight: 700;
      }
      
      ul,ol
      {
        padding:10px 0;
        li
        {
          margin-bottom:5px;
          &:last-child
          {
            margin-bottom:0;
          }
        }
      }
      p
      {
        padding:10px 0;
      }
      img
      {
        max-width: 100%;
      }
    }
  }
}
