@charset "UTF-8";
/* ----------------------------------------------------
    mixin
---------------------------------------------------- */
/* Flexbox */
/* trantision */
/* tranceform */
/* ----------------------------------------------------
color set
---------------------------------------------------- */

/* ----------------------------------------------------
add 2018.3.10追加
---------------------------------------------------- */
#web_book article h3 {
   padding-left: 0 !important;
   border-left: 0 !important;
}

/* ----------------------------------------------------
link
---------------------------------------------------- */
a {
  color: #333;
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out; }
  a:visited {
    text-decoration: none;
    color: #333; }
  a:hover {
    text-decoration: none;
    color: #db001c; }
  a:hover img {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
    background: none !important;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  a:active {
    text-decoration: none;
    color: #db001c; }

/* ----------------------------------------------------
    web_book
---------------------------------------------------- */
#web_book {
  /* pagetitle.end */
  /* ----------------------------------------------------
      sidenavi
  ---------------------------------------------------- */
  /* conr standardWrap.end */
  /* ----------------------------------------------------
      standardContainer
  ---------------------------------------------------- */
  /* standardContainer.end */
  /* IE */
  /* IE.end */
  /* article */ }
  #web_book .pagetitle aside {
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -webkit-flex;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px; }
    #web_book .pagetitle aside div:first-child {
      padding: 8px 0;
      margin: 0;
      width: 15%;
      background: #db001c;
      color: #fff;
      font-weight: bold;
      text-align: center; }
      #web_book .pagetitle aside div:first-child:before {
        content: url(../images/web_book/icon_atten.png);
        position: relative;
        top: 4px;
        margin-right: 5px; }
    #web_book .pagetitle aside div:nth-child(2) {
      padding: 0;
      margin: 0;
      width: 81%;
      font-size: 9px;
      font-size: 0.9rem;
      line-height: 1.77778; }
	#web_book .conl .pagetitle .logo {
	text-align: center;
	border-bottom: 4px solid #EB6EA5;
	font-size: 1rem;
	color: #EB6EA5;
	font-family: "Yu Mincho", "YuMincho", serif;
}
	#web_book .pagetitle .logo span {
	display: block;
	padding-top: 15px;
}


  @media screen and (max-width: 736px) {
    #web_book .pagetitle aside {
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap; }
      #web_book .pagetitle aside div:first-child {
        padding: 6px 0;
        margin-bottom: 10px;
        width: 100px; }
      #web_book .pagetitle aside div:nth-child(2) {
        width: 100%; } }
  #web_book .conr .standardWrap {
    /* IE */
    /* IE.end */ }
    #web_book .conr .standardWrap .entrymore {
      padding: 30px 30px 27px 30px;
      margin: 0 0 20px 0;
      background: #ededed;
      box-sizing: border-box; }
      #web_book .conr .standardWrap .entrymore img {
        max-width: 100%;
        margin-bottom: 10px; }
      #web_book .conr .standardWrap .entrymore p {
        font-size: 8px;
        font-size: 0.8rem;
        line-height: 1.625; }
        #web_book .conr .standardWrap .entrymore p:first-child {
          text-align: center; }
    #web_book .conr .standardWrap ul {
      margin: 0 !important; }
      #web_book .conr .standardWrap ul li {
        padding: 0 0 0 14px;
        margin: 0 0 4px 0;
        font-size: 9px;
        font-size: 0.9rem;
        line-height: 1.44444; }
        #web_book .conr .standardWrap ul li:last-child {
          margin-bottom: 0; }
        #web_book .conr .standardWrap ul li a:before {
          content: url(../images/common/icon_arrow05.png);
          position: relative;
          top: 0;
          margin-right: 6px; }
    #web_book .conr .standardWrap select {
      margin-bottom: 20px; }
    #web_book .conr .standardWrap .attention {
      padding: 0;
      margin: 0 0 6px 0;
      font-size: 8px;
      font-size: 0.8rem;
      line-height: 2;
      color: #fff;
      font-weight: bold;
      width: 50px;
      text-align: center;
      display: block;
      background: #db001c; }
    #web_book .conr .standardWrap .mz_select {
      -js-display: flex;
      display: -webkit-box;
      display: -webkit-flexbox;
      display: -webkit-flex;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -o-flexbox;
      display: flexbox;
      display: flex;
      -webkit-justify-content: space-between;
      -ms-flex-pack: space-between;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 20px; }
      #web_book .conr .standardWrap .mz_select label {
        margin-right: 8px; }
        #web_book .conr .standardWrap .mz_select label:hover {
          cursor: pointer; }
        #web_book .conr .standardWrap .mz_select label:last-child {
          margin-right: 0; }
    #web_book .conr .standardWrap .searchbox {
      -js-display: flex;
      display: -webkit-box;
      display: -webkit-flexbox;
      display: -webkit-flex;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -o-flexbox;
      display: flexbox;
      display: flex;
      -webkit-justify-content: space-between;
      -ms-flex-pack: space-between;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap; }
      #web_book .conr .standardWrap .searchbox input {
        border: 0;
        border: 1px solid #e4e4e4; }
      #web_book .conr .standardWrap .searchbox .submitbtn {
        cursor: pointer;
        font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", sans-serif;
        color: #fff;
        background: #595757;
        border: 0; }
    @media screen and (max-width: 768px) {
      #web_book .conr .standardWrap ul {
        -js-display: flex;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -webkit-flex;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -o-flexbox;
        display: flexbox;
        display: flex;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap; }
        #web_book .conr .standardWrap ul li {
          padding: 0;
          margin: 0 20px 0 0; }
          #web_book .conr .standardWrap ul li:last-child {
            margin-right: 0; }
      #web_book .conr .standardWrap .mz_select {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start; }
        #web_book .conr .standardWrap .mz_select label {
          margin-right: 16px; }
      #web_book .conr .standardWrap .searchbox {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap; }
        #web_book .conr .standardWrap .searchbox input[type="text"] {
          padding: 10px;
          width: 100%;
          box-sizing: border-box; }
        #web_book .conr .standardWrap .searchbox .submitbtn {
          padding: 0 16px;
          margin-left: 10px; } }
    @media all and (-ms-high-contrast: none) {
      #web_book .conr .standardWrap .conr .standardWrap .attention {
        padding: 6px 0 3px 0;
        font-size: 8px;
        font-size: 0.8rem;
        line-height: 1.25; } }
  #web_book .standardContainer {
    /* IE */
    /* IE.end */
    /* 736.end */ }
    #web_book .standardContainer h3.regularly:before {
      width: 88px; }
    #web_book .standardContainer h3.pamphlet {
      font-feature-settings: "palt"; }
      #web_book .standardContainer h3.pamphlet:before {
        width: 160px; }
    #web_book .standardContainer .booklist_regularly,
    #web_book .standardContainer .booklist_pamphlet {
      -js-display: flex;
      display: -webkit-box;
      display: -webkit-flexbox;
      display: -webkit-flex;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -o-flexbox;
      display: flexbox;
      display: flex;
      -webkit-justify-content: space-between;
      -ms-flex-pack: space-between;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap; }
    #web_book .standardContainer .booklist_regularly h4 {
      padding: 0;
      margin: 0;
      font-family: "Yu Mincho", "YuMincho", serif;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.14286; }
    #web_book .standardContainer .booklist_regularly .zenei, #web_book .standardContainer .booklist_regularly .johiro, #web_book .standardContainer .booklist_regularly .gakushu, #web_book .standardContainer .booklist_regularly .gikai, #web_book .standardContainer .booklist_regularly .keizai {
      padding: 40px;
      margin: 0 0 50px 0;
      width: 46.4985%;
      /* 332px */
      box-sizing: border-box;
      background: #f6f6f6;
      position: relative; }
      #web_book .standardContainer .booklist_regularly .zenei p, #web_book .standardContainer .booklist_regularly .johiro p, #web_book .standardContainer .booklist_regularly .gakushu p, #web_book .standardContainer .booklist_regularly .gikai p, #web_book .standardContainer .booklist_regularly .keizai p {
        padding: 0;
        margin: 0; }
      #web_book .standardContainer .booklist_regularly .zenei .book, #web_book .standardContainer .booklist_regularly .johiro .book, #web_book .standardContainer .booklist_regularly .gakushu .book, #web_book .standardContainer .booklist_regularly .gikai .book, #web_book .standardContainer .booklist_regularly .keizai .book {
        text-align: center;
        margin-bottom: 10px; }
      #web_book .standardContainer .booklist_regularly .zenei .info, #web_book .standardContainer .booklist_regularly .johiro .info, #web_book .standardContainer .booklist_regularly .gakushu .info, #web_book .standardContainer .booklist_regularly .gikai .info, #web_book .standardContainer .booklist_regularly .keizai .info {
        font-size: 8.6px;
        font-size: 0.86rem;
        line-height: 1.86047;
        margin-bottom: 20px; }
      #web_book .standardContainer .booklist_regularly .zenei .detail, #web_book .standardContainer .booklist_regularly .johiro .detail, #web_book .standardContainer .booklist_regularly .gakushu .detail, #web_book .standardContainer .booklist_regularly .gikai .detail, #web_book .standardContainer .booklist_regularly .keizai .detail {
        font-size: 9.2px;
        font-size: 0.92rem;
        line-height: 1.73913;
        margin-bottom: 70px; }
      #web_book .standardContainer .booklist_regularly .zenei .app, #web_book .standardContainer .booklist_regularly .johiro .app, #web_book .standardContainer .booklist_regularly .gakushu .app, #web_book .standardContainer .booklist_regularly .gikai .app, #web_book .standardContainer .booklist_regularly .keizai .app {
        padding: 0 40px 30px 0;
        display: block;
        font-size: 8.6px;
        font-size: 0.86rem;
        line-height: 1.86047;
        position: absolute;
        bottom: 0;
        right: 0; }
        #web_book .standardContainer .booklist_regularly .zenei .app a, #web_book .standardContainer .booklist_regularly .johiro .app a, #web_book .standardContainer .booklist_regularly .gakushu .app a, #web_book .standardContainer .booklist_regularly .gikai .app a, #web_book .standardContainer .booklist_regularly .keizai .app a {
          padding-left: 10px;
          border-left: 1px solid #aaa; }
          #web_book .standardContainer .booklist_regularly .zenei .app a:after, #web_book .standardContainer .booklist_regularly .johiro .app a:after, #web_book .standardContainer .booklist_regularly .gakushu .app a:after, #web_book .standardContainer .booklist_regularly .gikai .app a:after, #web_book .standardContainer .booklist_regularly .keizai .app a:after {
            content: url(../images/common/icon_arrow01.png);
            position: relative;
            top: 1px;
            margin-left: 30px; }
    #web_book .standardContainer .booklist_pamphlet .pamph_detail {
      -js-display: flex;
      display: -webkit-box;
      display: -webkit-flexbox;
      display: -webkit-flex;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -o-flexbox;
      display: flexbox;
      display: flex;
      -webkit-justify-content: space-between;
      -ms-flex-pack: space-between;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 46.4985%;
      /* 332px */
      box-sizing: border-box;
      margin-bottom: 50px; }
      #web_book .standardContainer .booklist_pamphlet .pamph_detail .thumbnail {
        max-height: 155px; }
      #web_book .standardContainer .booklist_pamphlet .pamph_detail h4 {
        padding: 0;
        margin: 0;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.45455; }
        #web_book .standardContainer .booklist_pamphlet .pamph_detail h4 span {
          display: block; }
      #web_book .standardContainer .booklist_pamphlet .pamph_detail div {
        width: 63.554%;
        /* 211px */
        position: relative; }
      #web_book .standardContainer .booklist_pamphlet .pamph_detail .info {
        font-size: 8px;
        font-size: 0.8rem;
        line-height: 1.5;
        position: absolute;
        bottom: 0; }
      #web_book .standardContainer .booklist_pamphlet .pamph_detail .btn_more {
        width: 100%;
        font-size: 9px;
        font-size: 0.9rem;
        line-height: 1.77778;
        margin-top: 16px; }
      #web_book .standardContainer .booklist_pamphlet .pamph_detail .btn_more a {
        padding: 12px 20px 10px 20px;
        margin: 0;
        box-sizing: border-box;
        display: block;
        border: 1px solid #e4e4e4;
        background: url(../images/common/icon_arrow01.png) 300px center no-repeat; }
        #web_book .standardContainer .booklist_pamphlet .pamph_detail .btn_more a:hover {
          background: url(../images/common/icon_arrow04.png) 300px center no-repeat #db001c;
          color: #fff; }
    @media all and (-ms-high-contrast: none) {
      #web_book .standardContainer .booklist_regularly .zenei .app a, #web_book .standardContainer .booklist_regularly .johiro .app a, #web_book .standardContainer .booklist_regularly .gakushu .app a, #web_book .standardContainer .booklist_regularly .gikai .app a, #web_book .standardContainer .booklist_regularly .keizai .app a {
        padding-top: 4px; }
      #web_book .standardContainer .booklist_pamphlet .pamph_detail .btn_more a {
        padding: 14px 20px 9px 20px; } }
    @media screen and (max-width: 736px) {
      #web_book .standardContainer .booklist_regularly .zenei, #web_book .standardContainer .booklist_regularly .johiro, #web_book .standardContainer .booklist_regularly .gakushu, #web_book .standardContainer .booklist_regularly .gikai, #web_book .standardContainer .booklist_regularly .keizai {
        padding: 30px;
        width: 100%;
        position: static; }
        #web_book .standardContainer .booklist_regularly .zenei .detail, #web_book .standardContainer .booklist_regularly .johiro .detail, #web_book .standardContainer .booklist_regularly .gakushu .detail, #web_book .standardContainer .booklist_regularly .gikai .detail, #web_book .standardContainer .booklist_regularly .keizai .detail {
          font-size: 9px;
          font-size: 0.9rem;
          line-height: 1.77778;
          margin-bottom: 28px; }
        #web_book .standardContainer .booklist_regularly .zenei .app, #web_book .standardContainer .booklist_regularly .johiro .app, #web_book .standardContainer .booklist_regularly .gakushu .app, #web_book .standardContainer .booklist_regularly .gikai .app, #web_book .standardContainer .booklist_regularly .keizai .app {
          padding: 0;
          margin: 0;
          font-size: 10px;
          font-size: 1rem;
          line-height: 1.6;
          width: 100%;
          position: static; }
          #web_book .standardContainer .booklist_regularly .zenei .app a, #web_book .standardContainer .booklist_regularly .johiro .app a, #web_book .standardContainer .booklist_regularly .gakushu .app a, #web_book .standardContainer .booklist_regularly .gikai .app a, #web_book .standardContainer .booklist_regularly .keizai .app a {
            padding: 16px 20px;
            border: 1px solid #aaa;
            display: block;
            background: url(../images/common/icon_arrow01.png) 94% center no-repeat; }
            #web_book .standardContainer .booklist_regularly .zenei .app a:after, #web_book .standardContainer .booklist_regularly .johiro .app a:after, #web_book .standardContainer .booklist_regularly .gakushu .app a:after, #web_book .standardContainer .booklist_regularly .gikai .app a:after, #web_book .standardContainer .booklist_regularly .keizai .app a:after {
              content: none; }
      #web_book .standardContainer .booklist_pamphlet .pamph_detail {
        width: 100%;
        margin-bottom: 50px; }
        #web_book .standardContainer .booklist_pamphlet .pamph_detail h4 {
          padding: 0;
          margin: 0;
          font-size: 11px;
          font-size: 1.1rem;
          line-height: 1.45455; }
          #web_book .standardContainer .booklist_pamphlet .pamph_detail h4 span {
            display: block; }
        #web_book .standardContainer .booklist_pamphlet .pamph_detail .btn_more a {
          background: url(../images/common/icon_arrow01.png) 94% center no-repeat; }
          #web_book .standardContainer .booklist_pamphlet .pamph_detail .btn_more a:hover {
            background: url(../images/common/icon_arrow04.png) 94% center no-repeat #db001c; } }
  #web_book article h3 {
	padding-top: 6px;
	padding-right: 0;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	font-family: "Yu Mincho", "YuMincho", serif;
	margin-bottom: 0px;
}
    #web_book article h3 span {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 0.83333; }
    #web_book article h3 .category {
      margin-bottom: 10px;
      display: block; }
    #web_book article h3 .name {
      margin: 0 0 0 16px;
      display: inline-block; }
  #web_book article p {
    padding: 0;
    margin: 0; }
.frontpage p span {
	font-size: 0.8rem;
	vertical-align: middle;
}

  #web_book article .standardContents.ortnamentLast p.cornertitle {
	color: #E36DA6;
	font-weight: bold;
  position: relative;
  text-align: left;
}
#web_book article .standardContents.ortnamentLast p.cornertitle span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin-top: 0;
	margin-right: 2.5em;
	margin-bottom: 0;
	padding-top: 0;
	padding-right: 1em;
	padding-bottom: 0;
	background-color: #fff;
	text-align: left;
}
#web_book article .standardContents.ortnamentLast p.cornertitle::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #E36DA6;
}


#web_book article .frontpage p .category {
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", sans-serif;
	font-size: 1.1rem;
	background-color: #E36DA6;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
	color: #FFFFFF;
}

  #web_book article div {
    margin-top: 26px; }
    #web_book article div:first-child {
	margin-top: 0;
	border-bottom: 1px dotted #E36DA6;
	padding-bottom: 20px;
}
  #web_book article .frontpage .read {
    font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.23077;
    margin-bottom: 10px; }
  #web_book article .standardContents dl {
    padding: 0;
    margin: 0 0 20px 0; }
    #web_book article .standardContents dl:last-child {
      margin-bottom: 0; }

    #web_book article .standardContents dl dt {
	font-weight: bold;
}
      #web_book article .standardContents dl dt:not(:first-child) {
	margin-top: 6px;
	font-size: 1.2rem;
	font-weight: bold;
}

#web_book article .standardContents dl .corner {
	color: #E36DA6;
	font-size: 1.2rem;
}
#web_book article .standardContents dl .corner span {
	color: #000000;
	display: inline;
	font-size: 1rem;
	font-weight: normal;
}
#web_book article .standardContents dl .corner2 {
	font-size: 1.2rem;
}
#web_book article .standardContents dl .corner2 span {
	display: inline;
	font-size: 1rem;
	font-weight: normal;
}
#web_book article dl .corner2 .bgline {
	background-color: #EFEFEF;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
}


    #web_book article .standardContents dl dd {
      padding: 0;
      margin: 0; }
    #web_book article .standardContents dl span {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.3333;
	display: block;
}
#web_book article .standardContents dl .movie span {
	display: inline;
	font-weight: normal;
	font-size: 1rem;
}



 	#web_book article .standardContents dl dd .info {
	font-weight: bold;
	font-size: 1.6rem;
	margin-bottom: 40px;
}

  #web_book article .standardContents .category {
	padding: 2px 10px;
	margin: 0 0 10px 0;
	font-size: 10px;
	font-size: 1rem;
	line-height: 1.2;
	background-color: #E36DA6;
	display: inline-block;
	color: #FFFFFF;
}
  #web_book article .ortnamentLast {
	padding-bottom: 20px;
	border-bottom: 1px dotted #E36DA6;
}
  #web_book article .feature {
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 17px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
	font-family: "Yu Mincho", "YuMincho", serif;
}
    #web_book article .feature span {
      padding: 2px 6px 1px 6px;
      margin: 0 10px 0 0;
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 1.45455;
      font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", sans-serif;
      dipslay: inline-block;
      background: #db001c;
      color: #fff;
      position: relative;
      top: -3px; }
  @media all and (-ms-high-contrast: none) {
    #web_book article h3 {
      padding: 10px 0 0 20px; }
    #web_book article .standardContents .category {
      padding: 5px 10px 0 10px;
      font-size: 10px;
      font-size: 1rem;
      line-height: 1.2; }
    #web_book article .feature {
      padding: 28px 0 15px 0;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1; }
      #web_book article .feature span {
        padding: 6px 6px 0 6px; } }
  @media screen and (max-width: 736px) {
    #web_book article h3 {
      padding: 3px 0 2px 20px;
      margin: 0 0 20px 0;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.33333; }
      #web_book article h3 span {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.45455; }
      #web_book article h3 .category {
        margin-bottom: 4px; }
    #web_book article .frontpage .read {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.33333; }
    #web_book article .standardContents dl {
      margin: 0 0 30px 0; }
      #web_book article .standardContents dl dt:not(:first-child) {
        margin-top: 10px; }
    #web_book article .standardContents .category {
      padding: 4px 10px 2px 10px;
      font-size: 9px;
      font-size: 0.9rem;
      line-height: 1.22222; }
    #web_book article .feature {
      margin: 0 0 20px 0;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.06667; }
      #web_book article .feature span {
        padding: 2px 6px;
        margin: 0 7px 0 0;
        top: -2px; } }
  @media screen and (max-width: 320px) {
    #web_book article h3 {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.35714; }
      #web_book article h3 span {
        font-size: 10px;
        font-size: 1rem;
        line-height: 1.6; }
      #web_book article h3 .category {
        margin-bottom: 0; }
    #web_book article .frontpage .read {
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 1.45455; }
    #web_book article .standardContents dl dt {
      font-size: 9px;
      font-size: 0.9rem;
      line-height: 1.55556; }
    #web_book article .standardContents dl span {
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 1.45455; }
    #web_book article .feature {
      padding: 20px 0 16px 0;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.14286; }
      #web_book article .feature span {
        font-size: 10px;
        font-size: 1rem;
        line-height: 1.6; } }

/* web_book.end */