/*  #
================================================ */
#single { margin-top: 10px; padding: 0 20px; }

#single h2 { font-size: 2rem; font-weight: bold; line-height: 1.7; letter-spacing: .08em; }

#single span { font-size: 1.2rem; font-family: "Hind"; color: #103675; }

#single img { margin: 10px 0; }

#single h3 { font-size: 1.8rem; font-weight: bold; letter-spacing: .08em; line-height: 2.2; }

#single h4 { color: #103675; font-size: 1.5rem; font-weight: bold; line-height: 2.6; }

#single ul li { position: relative; padding-left: 22px; }

#single ul li:before { position: absolute; content: ""; top: 8px; left: 0; width: 11px; height: 11px; background-color: #000; }

.pager { width: 335px; overflow: hidden; color: #103675; margin: 24px auto 50px; }

.pager a { display: block; width: 86px; min-height: 35px; font-size: 1.4rem; font-weight: bold; text-decoration: none; text-align: center; padding: 10px 0 0 3px; }

.pager .item { float: left; background-color: #e6e6e6; margin-right: 5px; }

.pager .item:first-of-type { position: relative; margin-right: 12px; }

.pager .item:last-child { position: relative; margin-right: 0; margin-left: 5px; }

.pager .item:first-of-type:before { position: absolute; content: ""; top: 17px; left: 10px; width: 8px; height: 8px; border-bottom: 2px solid #103675; border-left: 2px solid #103675; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.pager .item:last-child:before { position: absolute; content: ""; top: 17px; right: 9px; width: 8px; height: 8px; border-top: 2px solid #103675; border-right: 2px solid #103675; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.pager .current { color: #fff; background-color: #103675; }

.pager .current a { width: 134px; padding-left: 1px; }

@media all and (max-width: 340px) { .pager .current a { width: 119px; } }

@media screen and (min-width: 600px) { #single { margin: 24px auto 0; padding: 0 20px; width: 1280px; }
  #single h2 { font-size: 3.8rem; padding-bottom: 21px; }
  #single span { font-size: 2.4rem; vertical-align: text-top; padding-right: 26px; }
  #single img { width: 100%; margin: 0 0 53px; }
  #single h3 { font-size: 3rem; line-height: 1.8; padding-bottom: 8px; }
  #single h4 { font-size: 1.8rem; line-height: 2; }
  #single p { padding-bottom: 20px; }
  #single ul { padding-top: 10px; }
  #single ul li:before { top: 7px; left: 2px; }
  .pager { width: 640px; margin: 74px auto 100px; }
  .pager a { width: 195px; min-height: 55px; font-size: 1.8rem; padding: 24px 0 0 3px; }
  .pager .item { margin-right: 5px; }
  .pager .item:first-of-type { margin-right: 12px; }
  .pager .item:last-child { margin-right: 0; margin-left: 5px; }
  .pager .item:hover { opacity: 0.7; }
  .pager .item:first-of-type:before { top: 33px; left: 28px; width: 10px; height: 10px; }
  .pager .item:last-child:before { top: 33px; right: 25px; width: 10px; height: 10px; }
  .pager .current a { width: 217px; padding-left: 0px; } }