@charset "UTF-8";
/* ===================================================================
CSS information
 file name  :manga.css
 style info :FLO4コママンガ大賞のスタイル
=================================================================== */
/* ==========================================================
    CONTEST
  ========================================================== */
@media screen and (max-width: 750px) {
  .templateImg {
    width: 100%; } }

.blueTxt {
  color: #008aff; }

#wrap {
  height: auto;
  overflow: hidden; }
  #wrap #visualmanga {
    position: relative; }
    @media screen and (min-width: 751px) {
      #wrap #visualmanga {
        background: #1d3cb1 url(/flo/manga/img/bg_visual_pc.jpg) no-repeat center top;
        height: 814px; } }
    @media screen and (max-width: 750px) {
      #wrap #visualmanga {
        background: url(/flo/manga/img/bg_visual_sp.jpg) no-repeat 55% top;
        background-size: cover; } }
    #wrap #visualmanga .visual_inner {
      margin: 0 auto;
      position: relative; }
      @media screen and (min-width: 751px) {
        #wrap #visualmanga .visual_inner {
          width: 1070px; } }
      @media screen and (max-width: 750px) {
        #wrap #visualmanga .visual_inner {
          padding-bottom: 104vw; } }
      #wrap #visualmanga .visual_inner .logo {
        position: absolute; }
        @media screen and (min-width: 751px) {
          #wrap #visualmanga .visual_inner .logo {
            top: 10px;
            left: 0px; } }
        @media screen and (max-width: 750px) {
          #wrap #visualmanga .visual_inner .logo {
            display: none;
            top: 1%;
            left: 31%;
            width: 40%; }
            #wrap #visualmanga .visual_inner .logo img {
              width: 100%; } }
      @media screen and (min-width: 751px) {
        #wrap #visualmanga .visual_inner .btn {
          position: absolute;
          top: 10px;
          right: 0px; } }
      @media screen and (max-width: 750px) {
        #wrap #visualmanga .visual_inner .btn {
          display: none; } }
      @media screen and (min-width: 751px) {
        #wrap #visualmanga .visual_inner .btnTheater {
          position: absolute;
          top: 524px;
          right: 20px; } }
      @media screen and (max-width: 750px) {
        #wrap #visualmanga .visual_inner .btnTheater {
          display: none; } }
      @media screen and (min-width: 751px) {
        #wrap #visualmanga .visual_inner .imgExtension {
          position: absolute;
          top: 744px;
          left: 20px;
          z-index: 9999; } }
      @media screen and (max-width: 750px) {
        #wrap #visualmanga .visual_inner .imgExtension {
          display: none; } }
  #wrap #contentArea {
    font-family: "FOT-ハミング Std E", "ヒラギノ角ゴ Pro W3";
    width: 100%;
    border-bottom: solid 1px #405cc8;
    background: #1c3cb0 url(../images/stars-bg.jpg) repeat-y center 2px;
    color: #4f2b00;
    height: auto;
    overflow: hidden; }
    #wrap #contentArea a {
      color: #008aff;
      border-bottom: solid 1px #008aff; }
    #wrap #contentArea em {
      color: #ca0d01; }
    #wrap #contentArea #cloaseArea {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      position: relative;
      text-align: center;
      margin: 0 auto;
      background: url(/flo/manga/img/bg_close.jpg) repeat 0 0;
      text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
      line-height: 1.6; }
      @media screen and (min-width: 751px) {
        #wrap #contentArea #cloaseArea {
          font-size: 20px;
          width: 100%;
          padding: 30px 0px 40px; } }
      @media screen and (max-width: 750px) {
        #wrap #contentArea #cloaseArea {
          font-size: 3.8vw;
          width: 100%;
          padding: 4%; } }
      #wrap #contentArea #cloaseArea .closeTxt {
        background-color: #fffce4;
        background-image: url(/flo/avatar-gp/img/bg_boxIn01.png), url(/flo/avatar-gp/img/bg_boxIn02.png), url(/flo/avatar-gp/img/bg_boxIn03.png), url(/flo/avatar-gp/img/bg_boxIn04.png);
        background-repeat: no-repeat;
        background-position: top 5px left 5px,top 5px right 5px,bottom 5px right 5px,bottom 5px left 5px;
        border: solid 2px #d5cd96;
        -webkit-box-shadow: 0px 3px 0px #d5cd96;
        box-shadow: 0px 3px 0px #d5cd96;
        border-radius: 10px;
        text-align: center;
        line-height: 1.6;
        margin: 0 auto; }
        @media screen and (min-width: 751px) {
          #wrap #contentArea #cloaseArea .closeTxt {
            padding: 20px 0;
            width: 760px;
            font-size: 30px; } }
        @media screen and (max-width: 750px) {
          #wrap #contentArea #cloaseArea .closeTxt {
            padding: 4%;
            font-size: 30px; } }
        #wrap #contentArea #cloaseArea .closeTxt em {
          color: #cd0000; }
    #wrap #contentArea .area {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      position: relative;
      text-align: center;
      margin: 0 auto;
      background: url(/flo/avatar-gp/img/bg_area.png) repeat 0 0;
      text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px; }
      @media screen and (min-width: 751px) {
        #wrap #contentArea .area {
          font-size: 20px;
          width: 100%;
          padding: 40px 0 30px;
          margin-bottom: 60px; } }
      @media screen and (max-width: 750px) {
        #wrap #contentArea .area {
          font-size: 3.8vw;
          width: 100%;
          padding: 4vw 0 4%;
          margin-bottom: 6%; } }
      #wrap #contentArea .area h1 {
        text-align: center; }
        @media screen and (min-width: 751px) {
          #wrap #contentArea .area h1 {
            margin-bottom: 30px; } }
        @media screen and (max-width: 750px) {
          #wrap #contentArea .area h1 {
            margin-bottom: 3%; } }
      #wrap #contentArea .area p.close {
        line-height: 1.6;
        margin: 0 auto 1.6em;
        padding: 0.6em 0;
        background: #fff;
        border: solid 4px #cd0000;
        color: #cd0000;
        border-radius: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        @media screen and (min-width: 751px) {
          #wrap #contentArea .area p.close {
            font-size: 34px;
            width: 880px; } }
        @media screen and (max-width: 750px) {
          #wrap #contentArea .area p.close {
            font-size: 4.6vw;
            width: 92%; } }
      #wrap #contentArea .area .read {
        line-height: 1.8; }
        @media screen and (min-width: 751px) {
          #wrap #contentArea .area .read {
            font-size: 24px; }
            #wrap #contentArea .area .read .largeTxt {
              font-size: 35px;
              line-height: 1.6; }
            #wrap #contentArea .area .read .largeTxtB {
              font-size: 52px;
              line-height: 1.2; } }
        @media screen and (max-width: 750px) {
          #wrap #contentArea .area .read {
            margin-bottom: 4%;
            text-align: center;
            padding: 0% 4%; }
            #wrap #contentArea .area .read .largeTxt {
              font-size: 33px; }
            #wrap #contentArea .area .read .largeTxtB {
              font-size: 48px;
              line-height: 1.2; } }
        #wrap #contentArea .area .read em {
          color: #cd0000; }
      @media screen and (min-width: 751px) {
        #wrap #contentArea .area .bnrTheater {
          padding: 20px 0px; } }
      #wrap #contentArea .area .bnrTheater a {
        border: none; }
      @media screen and (min-width: 751px) {
        #wrap #contentArea .area .mainBox {
          width: 1000px;
          margin: 0 auto 30px;
          padding-top: 30px; } }
      #wrap #contentArea .area .mainBox .read {
        text-align: left; }
        @media screen and (min-width: 751px) {
          #wrap #contentArea .area .mainBox .read {
            width: 690px;
            float: left;
            padding-top: 10px; } }
        #wrap #contentArea .area .mainBox .read ul {
          background: #fffce4;
          display: inline-block;
          border-radius: 10px;
          border: solid 6px #fff;
          padding: 20px;
          margin: 20px 0px; }
          @media screen and (min-width: 751px) {
            #wrap #contentArea .area .mainBox .read ul {
              font-size: 22px; } }
          @media screen and (max-width: 750px) {
            #wrap #contentArea .area .mainBox .read ul {
              font-size: 28px;
              width: 92%; } }
          #wrap #contentArea .area .mainBox .read ul li {
            text-align: left;
            line-height: 1.6;
            padding-left: 1em;
            text-indent: -1.2em; }
            #wrap #contentArea .area .mainBox .read ul li:before {
              content: "●";
              color: #cecece;
              padding-right: 0.2em; }
      @media screen and (min-width: 751px) {
        #wrap #contentArea .area .mainBox figure {
          float: right; } }
      @media screen and (max-width: 750px) {
        #wrap #contentArea .area .mainBox figure {
          width: 70%;
          margin: 0 auto; } }
    #wrap #contentArea .boxWrap {
      background: #fff;
      border-radius: 30px;
      padding: 4px; }
      @media screen and (min-width: 751px) {
        #wrap #contentArea .boxWrap {
          width: 1060px;
          margin: 0 auto 40px; } }
      @media screen and (max-width: 750px) {
        #wrap #contentArea .boxWrap {
          width: 94%;
          margin: 0% auto 6%; } }
      #wrap #contentArea .boxWrap .box {
        border: solid 3px #d9bb54;
        background: #fff url(/flo/avatar-gp/img/bg_box.png) repeat 0 0;
        border-radius: 26px; }
        @media screen and (min-width: 751px) {
          #wrap #contentArea .boxWrap .box {
            padding: 40px 80px; } }
        @media screen and (max-width: 750px) {
          #wrap #contentArea .boxWrap .box {
            padding: 6% 2%; } }
        #wrap #contentArea .boxWrap .box h2 {
          color: #fff;
          text-align: center;
          background-color: #8C4F05;
          background-image: url(/flo/avatar-gp/img/bg_tit_l.png), url(/flo/avatar-gp/img/bg_tit_r.png);
          background-repeat: no-repeat;
          background-position: center left 10px,center right 10px;
          border-radius: 10px;
          border: solid 3px #4F2B00;
          line-height: 1.4; }
          @media screen and (min-width: 751px) {
            #wrap #contentArea .boxWrap .box h2 {
              margin-bottom: 30px; } }
          @media screen and (max-width: 750px) {
            #wrap #contentArea .boxWrap .box h2 {
              margin-bottom: 6%; } }
          #wrap #contentArea .boxWrap .box h2 span {
            border-radius: 10px;
            border: solid 2px #D29245;
            display: block;
            text-shadow: 2px 2px 0px #000; }
            @media screen and (min-width: 751px) {
              #wrap #contentArea .boxWrap .box h2 span {
                font-size: 28px;
                padding: 10px; } }
            @media screen and (max-width: 750px) {
              #wrap #contentArea .boxWrap .box h2 span {
                font-size: 5vw;
                padding: 2%; } }
        @media screen and (min-width: 751px) {
          #wrap #contentArea .boxWrap .box .template {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-line-pack: stretch;
            align-content: stretch;
            width: 840px;
            margin: 0px auto 20px; }
            #wrap #contentArea .boxWrap .box .template li h3 {
              text-align: center;
              font-size: 20px;
              margin-bottom: 10px; }
            #wrap #contentArea .boxWrap .box .template li figure {
              margin-bottom: 10px; } }
        @media screen and (max-width: 750px) {
          #wrap #contentArea .boxWrap .box .template {
            width: 94%;
            margin: 0 auto; }
            #wrap #contentArea .boxWrap .box .template li {
              width: 48%;
              margin-bottom: 8%; }
              #wrap #contentArea .boxWrap .box .template li:nth-child(odd) {
                float: left; }
              #wrap #contentArea .boxWrap .box .template li:nth-child(even) {
                float: right; }
              #wrap #contentArea .boxWrap .box .template li:last-child {
                float: none;
                clear: both;
                margin: 0 auto 6%; }
              #wrap #contentArea .boxWrap .box .template li h3 {
                text-align: center;
                font-size: 4.4vw;
                margin-bottom: 4%; }
              #wrap #contentArea .boxWrap .box .template li figure {
                margin-bottom: 4%; } }
        #wrap #contentArea .boxWrap .box .dl {
          background-color: #fffce4;
          border-radius: 10px; }
          @media screen and (min-width: 751px) {
            #wrap #contentArea .boxWrap .box .dl {
              padding: 20px;
              width: 800px;
              margin: 0px auto 20px;
              text-align: center; } }
          @media screen and (max-width: 750px) {
            #wrap #contentArea .boxWrap .box .dl {
              font-size: 3vw;
              line-height: 1.6;
              padding: 2%;
              margin: 0% auto 2%;
              clear: both;
              text-align: left; } }
        #wrap #contentArea .boxWrap .box .boxIn {
          background-color: #fffce4;
          background-image: url(/flo/avatar-gp/img/bg_boxIn01.png), url(/flo/avatar-gp/img/bg_boxIn02.png), url(/flo/avatar-gp/img/bg_boxIn03.png), url(/flo/avatar-gp/img/bg_boxIn04.png);
          background-repeat: no-repeat;
          background-position: top 5px left 5px,top 5px right 5px,bottom 5px right 5px,bottom 5px left 5px;
          border: solid 2px #d5cd96;
          -webkit-box-shadow: 0px 3px 0px #d5cd96;
          box-shadow: 0px 3px 0px #d5cd96;
          border-radius: 10px;
          text-align: center; }
          @media screen and (min-width: 751px) {
            #wrap #contentArea .boxWrap .box .boxIn {
              padding: 30px 40px;
              margin: 0px auto 20px;
              width: 800px; } }
          @media screen and (max-width: 750px) {
            #wrap #contentArea .boxWrap .box .boxIn {
              padding: 5% 4%;
              margin: 0% auto 3%; } }
          @media screen and (min-width: 751px) {
            #wrap #contentArea .boxWrap .box .boxIn .templateBtn {
              margin-bottom: 20px; } }
          @media screen and (max-width: 750px) {
            #wrap #contentArea .boxWrap .box .boxIn .templateBtn {
              width: 68%;
              margin: 0 auto 2%; } }
          #wrap #contentArea .boxWrap .box .boxIn .mainTxt {
            padding-left: 1em;
            text-indent: -1em;
            line-height: 1.6;
            text-align: left; }
            @media screen and (min-width: 751px) {
              #wrap #contentArea .boxWrap .box .boxIn .mainTxt {
                font-size: 28px;
                margin-bottom: 20px; } }
            @media screen and (max-width: 750px) {
              #wrap #contentArea .boxWrap .box .boxIn .mainTxt {
                font-size: 4vw;
                margin-bottom: 2%; } }
          #wrap #contentArea .boxWrap .box .boxIn .mTxt {
            text-align: left;
            font-size: 22px;
            line-height: 1.6; }
            @media screen and (min-width: 751px) {
              #wrap #contentArea .boxWrap .box .boxIn .mTxt {
                margin: 0px 0px 10px 1.12em; } }
            @media screen and (max-width: 750px) {
              #wrap #contentArea .boxWrap .box .boxIn .mTxt {
                margin: 0px 0px 10px 0px; } }
          #wrap #contentArea .boxWrap .box .boxIn .sub {
            font-family: "FOT-ハミング Std B", "ヒラギノ角ゴ Pro W3";
            line-height: 1.6;
            text-align: left;
            padding-left: 1em;
            text-indent: -1em; }
            @media screen and (min-width: 751px) {
              #wrap #contentArea .boxWrap .box .boxIn .sub {
                font-size: 16px;
                margin-left: 25px; } }
            @media screen and (max-width: 750px) {
              #wrap #contentArea .boxWrap .box .boxIn .sub {
                font-size: 3vw;
                margin-bottom: 2%; } }
          #wrap #contentArea .boxWrap .box .boxIn .sample {
            margin-top: 20px; }
          #wrap #contentArea .boxWrap .box .boxIn .terms {
            text-align: left; }
            @media screen and (min-width: 751px) {
              #wrap #contentArea .boxWrap .box .boxIn .terms {
                font-size: 20px; } }
            @media screen and (max-width: 750px) {
              #wrap #contentArea .boxWrap .box .boxIn .terms {
                font-size: 3.4vw; } }
            #wrap #contentArea .boxWrap .box .boxIn .terms li {
              text-align: left;
              line-height: 1.8;
              padding-left: 1em;
              text-indent: -1.2em; }
              #wrap #contentArea .boxWrap .box .boxIn .terms li:before {
                content: "●";
                color: #cecece;
                padding-right: 0.2em; }
          #wrap #contentArea .boxWrap .box .boxIn .prize {
            text-align: left;
            color: #cd0000; }
            @media screen and (min-width: 751px) {
              #wrap #contentArea .boxWrap .box .boxIn .prize {
                font-size: 28px; } }
            @media screen and (max-width: 750px) {
              #wrap #contentArea .boxWrap .box .boxIn .prize {
                font-size: 3.4vw; } }
            #wrap #contentArea .boxWrap .box .boxIn .prize li {
              text-align: left;
              line-height: 1.8;
              padding-left: 1em;
              text-indent: -1.2em; }
              #wrap #contentArea .boxWrap .box .boxIn .prize li:before {
                content: "●";
                color: #cecece;
                padding-right: 0.2em; }
          #wrap #contentArea .boxWrap .box .boxIn .btn {
            text-align: center; }
            @media screen and (min-width: 751px) {
              #wrap #contentArea .boxWrap .box .boxIn .btn {
                padding-top: 20px; } }
            @media screen and (max-width: 750px) {
              #wrap #contentArea .boxWrap .box .boxIn .btn {
                width: 68%;
                margin: 0 auto; } }
        #wrap #contentArea .boxWrap .box .anoTxt {
          font-family: "FOT-ハミング Std B", "ヒラギノ角ゴ Pro W3";
          color: #ca0d01;
          padding-left: 1em;
          text-indent: -1em;
          line-height: 1.7; }
          @media screen and (min-width: 751px) {
            #wrap #contentArea .boxWrap .box .anoTxt {
              width: 830px;
              font-size: 14px;
              margin: 0 auto 20px; } }
          @media screen and (max-width: 750px) {
            #wrap #contentArea .boxWrap .box .anoTxt {
              font-size: 2.4vw;
              margin: 0 auto 2%; } }
          #wrap #contentArea .boxWrap .box .anoTxt ul {
            margin-left: 1em; }
        #wrap #contentArea .boxWrap .box .sub02 {
          font-family: "FOT-ハミング Std B", "ヒラギノ角ゴ Pro W3";
          line-height: 1.6;
          text-align: left; }
          @media screen and (min-width: 751px) {
            #wrap #contentArea .boxWrap .box .sub02 {
              font-size: 16px;
              margin-left: 20px; } }
          @media screen and (max-width: 750px) {
            #wrap #contentArea .boxWrap .box .sub02 {
              font-size: 3vw;
              margin-bottom: 4%; } }
        #wrap #contentArea .boxWrap .box .arrow {
          text-align: center; }
          @media screen and (min-width: 751px) {
            #wrap #contentArea .boxWrap .box .arrow {
              margin-bottom: 20px; } }
          @media screen and (max-width: 750px) {
            #wrap #contentArea .boxWrap .box .arrow {
              margin: 0% auto 2%;
              width: 12%; } }
        #wrap #contentArea .boxWrap .box .mainBig {
          line-height: 1.6;
          text-align: center;
          color: #ca0d01;
          letter-spacing: -0.04em; }
          @media screen and (min-width: 751px) {
            #wrap #contentArea .boxWrap .box .mainBig {
              font-size: 34px;
              margin-bottom: 4px; } }
          @media screen and (max-width: 750px) {
            #wrap #contentArea .boxWrap .box .mainBig {
              font-size: 4vw; } }
          @media screen and (min-width: 751px) {
            #wrap #contentArea .boxWrap .box .mainBig em {
              font-size: 30px; } }
          @media screen and (max-width: 750px) {
            #wrap #contentArea .boxWrap .box .mainBig em {
              font-size: 4.2vw; } }
        #wrap #contentArea .boxWrap .box .smallTxt {
          text-align: center; }
          @media screen and (min-width: 751px) {
            #wrap #contentArea .boxWrap .box .smallTxt {
              font-size: 16px; } }
          @media screen and (max-width: 750px) {
            #wrap #contentArea .boxWrap .box .smallTxt {
              font-size: 3vw; } }
    #wrap #contentArea .kiyaku {
      font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, sans-serif;
      color: #000;
      border-radius: 30px;
      background-color: rgba(255, 255, 255, 0.8); }
      @media screen and (min-width: 751px) {
        #wrap #contentArea .kiyaku {
          width: 960px;
          margin: 0 auto 66px;
          padding: 40px 40px 40px 60px; } }
      @media screen and (max-width: 750px) {
        #wrap #contentArea .kiyaku {
          width: 74%;
          margin: 0 auto 10%;
          padding: 2% 1%; } }
      #wrap #contentArea .kiyaku .kiyakuIn {
        overflow-y: scroll;
        line-height: 1.6; }
        @media screen and (min-width: 751px) {
          #wrap #contentArea .kiyaku .kiyakuIn {
            height: 360px;
            padding-right: 20px; } }
        @media screen and (max-width: 750px) {
          #wrap #contentArea .kiyaku .kiyakuIn {
            height: 740px;
            padding: 4%; }
            #wrap #contentArea .kiyaku .kiyakuIn::-webkit-scrollbar {
              width: 15px;
              border-radius: 10px; }
            #wrap #contentArea .kiyaku .kiyakuIn::-webkit-scrollbar-thumb {
              background: #999;
              border-radius: 10px; }
            #wrap #contentArea .kiyaku .kiyakuIn::-webkit-scrollbar-track-piece:start {
              background: #efefef;
              border-radius: 10px; }
            #wrap #contentArea .kiyaku .kiyakuIn::-webkit-scrollbar-track-piece:end {
              background: #fff;
              border-radius: 10px; } }
        #wrap #contentArea .kiyaku .kiyakuIn h3 {
          text-align: center;
          font-weight: bold; }
          @media screen and (min-width: 751px) {
            #wrap #contentArea .kiyaku .kiyakuIn h3 {
              font-size: 20px;
              margin-bottom: 30px; } }
          @media screen and (max-width: 750px) {
            #wrap #contentArea .kiyaku .kiyakuIn h3 {
              font-size: 4vw;
              margin-bottom: 4%; } }
        @media screen and (min-width: 751px) {
          #wrap #contentArea .kiyaku .kiyakuIn p {
            font-size: 14px;
            margin-bottom: 30px; } }
        @media screen and (max-width: 750px) {
          #wrap #contentArea .kiyaku .kiyakuIn p {
            font-size: 3vw;
            margin-bottom: 3%; } }
        @media screen and (min-width: 751px) {
          #wrap #contentArea .kiyaku .kiyakuIn dl {
            font-size: 14px;
            margin-bottom: 30px; } }
        @media screen and (max-width: 750px) {
          #wrap #contentArea .kiyaku .kiyakuIn dl {
            font-size: 3vw;
            margin-bottom: 3%; } }
        #wrap #contentArea .kiyaku .kiyakuIn dl dt {
          font-weight: bold;
          background: #fff;
          text-align: center;
          border-radius: 5px; }
          @media screen and (min-width: 751px) {
            #wrap #contentArea .kiyaku .kiyakuIn dl dt {
              font-size: 16px;
              padding: 5px;
              margin-bottom: 10px; } }
          @media screen and (max-width: 750px) {
            #wrap #contentArea .kiyaku .kiyakuIn dl dt {
              font-size: 3.4vw;
              padding: 1%;
              margin-bottom: 2%; } }
        #wrap #contentArea .kiyaku .kiyakuIn dl dd ul li {
          padding-left: 1em;
          text-indent: -1em;
          word-break: break-all; }
        #wrap #contentArea .kiyaku .kiyakuIn dl dd ol {
          list-style: decimal;
          padding-left: 1.8em; }
        #wrap #contentArea .kiyaku .kiyakuIn .mb {
          display: block; }
          @media screen and (min-width: 751px) {
            #wrap #contentArea .kiyaku .kiyakuIn .mb {
              margin-bottom: 10px; } }
          @media screen and (max-width: 750px) {
            #wrap #contentArea .kiyaku .kiyakuIn .mb {
              margin-bottom: 2%; } }
        #wrap #contentArea .kiyaku .kiyakuIn .harf {
          padding-left: 0.5em;
          text-indent: -1em;
          margin-left: 0.5em; }
    #wrap #contentArea #theater {
      border: solid 10px #361d00;
      background: #ffee78;
      -webkit-box-shadow: 0px 9px #885c16;
      box-shadow: 0px 9px #885c16; }
      @media screen and (min-width: 751px) {
        #wrap #contentArea #theater {
          width: 1049px;
          margin: 0 auto 80px; } }
      @media screen and (max-width: 750px) {
        #wrap #contentArea #theater {
          width: 94%;
          margin: 0% auto 6%; } }
      #wrap #contentArea #theater .box {
        background: #ffee78 url(/flo/manga/img/bg_theater_pc.png) repeat-x 0 0; }
        @media screen and (min-width: 751px) {
          #wrap #contentArea #theater .box {
            padding: 30px 80px; } }
        @media screen and (max-width: 750px) {
          #wrap #contentArea #theater .box {
            padding: 6% 2%; } }
        #wrap #contentArea #theater .box h2 {
          color: #fff;
          text-align: center;
          background-color: #8C4F05;
          background-image: url(/flo/avatar-gp/img/bg_tit_l.png), url(/flo/avatar-gp/img/bg_tit_r.png);
          background-repeat: no-repeat;
          background-position: center left 10px,center right 10px;
          border-radius: 10px;
          border: solid 3px #4F2B00;
          line-height: 1.4; }
          @media screen and (min-width: 751px) {
            #wrap #contentArea #theater .box h2 {
              margin-bottom: 30px; } }
          @media screen and (max-width: 750px) {
            #wrap #contentArea #theater .box h2 {
              margin-bottom: 6%; } }
          #wrap #contentArea #theater .box h2 span {
            border-radius: 10px;
            border: solid 2px #D29245;
            display: block;
            text-shadow: 2px 2px 0px #000; }
            @media screen and (min-width: 751px) {
              #wrap #contentArea #theater .box h2 span {
                font-size: 28px;
                padding: 10px; } }
            @media screen and (max-width: 750px) {
              #wrap #contentArea #theater .box h2 span {
                font-size: 5vw;
                padding: 2%; } }
        #wrap #contentArea #theater .box ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          @media screen and (min-width: 751px) {
            #wrap #contentArea #theater .box ul {
              width: 440px;
              margin: 0 auto 30px; } }
          @media screen and (max-width: 750px) {
            #wrap #contentArea #theater .box ul {
              margin-bottom: 4%; } }
          @media screen and (max-width: 750px) {
            #wrap #contentArea #theater .box ul li {
              width: 48%; } }
          @media screen and (min-width: 751px) {
            #wrap #contentArea #theater .box ul li figure {
              margin-bottom: 5px; } }
          @media screen and (max-width: 750px) {
            #wrap #contentArea #theater .box ul li figure {
              margin-bottom: 4%; } }
        #wrap #contentArea #theater .box .txtLast {
          text-align: center;
          color: #e40000;
          line-height: 1.4;
          text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px; }
          @media screen and (min-width: 751px) {
            #wrap #contentArea #theater .box .txtLast {
              font-size: 34px; } }
          @media screen and (max-width: 750px) {
            #wrap #contentArea #theater .box .txtLast {
              font-size: 5vw; } }
    @media screen and (min-width: 751px) {
      #wrap #contentArea .spStore {
        display: none; } }

.mb0 {
  margin-bottom: 0 !important; }

@media screen and (max-width: 750px) {
  .mbsp {
    margin-bottom: 8% !important; } }

.footer-bnr {
  display: none !important; }

footer {
  margin-bottom: 0 !important; }

@media screen and (max-width: 750px) {
  #wallpaper img {
    width: 100%; } }

.extension {
  text-align: center;
  background: #CA0D01;
  color: #fff;
  border-radius: 100px;
  display: block;
  width: 6em;
  margin: 0 auto; }
  @media screen and (min-width: 751px) {
    .extension {
      font-size: 24px;
      padding: 8px 0px; } }
  @media screen and (max-width: 750px) {
    .extension {
      font-size: 3vw;
      padding: 1% 0%; } }