@charset "UTF-8";
/* bokenya l4 CSS common.css */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline; }

html {
  margin: 0;
  padding: 0; }

html,
body {
  line-height: 1.6rem;
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

li {
  list-style: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

input,
select {
  vertical-align: middle; }

img {
  -ms-interpolation-mode: bicubic; }

a img {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

a:hover img {
  opacity: .5; }

#univNav {
  overflow: hidden;
  min-width: 1200px; }
  #univNav .header {
    background: #FFF;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0; }
    #univNav .header .logo {
      margin: 0;
      padding: 0;
      display: block; }
      #univNav .header .logo #head_main {
        float: left; }
    #univNav .header p {
      padding-top: 8px;
      font-weight: bold; }
      #univNav .header p span {
        color: #FF0000;
        font-family: 'Oswald', sans-serif;
        letter-spacing: 0.05rem;
        font-size: 1.2rem;
        margin: 0 5px; }
    #univNav .header ul {
      margin-right: 20px;
      float: right;
      margin-top: -25px; }
      #univNav .header ul li {
        font-size: 0.9rem;
        float: left;
        margin-right: 15px; }
        #univNav .header ul li i {
          margin-right: 5px; }
        #univNav .header ul li a {
          color: #000; }
        #univNav .header ul li a:hover {
          text-decoration: none; }
  #univNav dl#channelList {
    border-top: 1px solid #CCC;
    height: 85px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: #000; }
    #univNav dl#channelList a {
      color: #000;
      text-decoration: none;
      width: 100%;
      display: block; }
    #univNav dl#channelList dt {
      color: #FFF;
      text-align: center;
      width: 3%;
      font-size: 0.9rem;
      line-height: 1.2rem;
      float: left;
      height: 84px;
      padding-top: 3px; }
    #univNav dl#channelList #ppvTtl {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ee6943+0,cc2d00+100 */
      background: #ee6943;
      /* Old browsers */
      background: -moz-linear-gradient(top, #ee6943 0%, #cc2d00 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #ee6943 0%, #cc2d00 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #ee6943 0%, #cc2d00 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
    #univNav dl#channelList #monthTtl {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4485d1+0,184f90+100 */
      background: #4485d1;
      /* Old browsers */
      background: -moz-linear-gradient(top, #4485d1 0%, #184f90 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #4485d1 0%, #184f90 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #4485d1 0%, #184f90 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
    #univNav dl#channelList dd#ppv {
      float: left;
      width: 8%;
      padding-top: 30px;
      text-align: center;
      font-size: 0.9rem;
      display: block;
      height: 84px;
      border-bottom: #ee6943 solid 3px;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    #univNav dl#channelList dd#ppv:hover {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9a56+1,ee6943+100 */
      background: #ff9a56;
      /* Old browsers */
      background: -moz-linear-gradient(top, #ff9a56 1%, #ee6943 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #ff9a56 1%, #ee6943 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #ff9a56 1%, #ee6943 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
      #univNav dl#channelList dd#ppv:hover a {
        color: #FFF; }
    #univNav dl#channelList dd#month {
      float: left;
      width: 86%;
      display: block; }
      #univNav dl#channelList dd#month ul {
                    /*
                    li:last-child {
                        border-bottom: #ff00a2 solid 3px;
                    }
                    li:last-child:hover {

                        background: #ff70cb;

                        background: -moz-linear-gradient(top, #ff70cb 0%, #e80093 100%);

                        background: -webkit-linear-gradient(top, #ff70cb 0%, #e80093 100%);

                        background: linear-gradient(to bottom, #ff70cb 0%, #e80093 100%);

                        a {
                            color: #FFF;
                        }
                    }
                    */ }
        #univNav dl#channelList dd#month ul li {
          text-align: center;
          font-size: 0.7rem;
          width: 12.5%;
          float: left;
          border-right: 1px solid #CCC;
          border-bottom: #4485D1 solid 3px;
          /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
          background: #ffffff;
          /* Old browsers */
          background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          transition: all 0.3s ease; }
        #univNav dl#channelList dd#month ul li:hover {
          /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2892ef+0,4485d1+100 */
          background: #2892ef;
          /* Old browsers */
          background: -moz-linear-gradient(top, #2892ef 0%, #4485d1 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(top, #2892ef 0%, #4485d1 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom, #2892ef 0%, #4485d1 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
          #univNav dl#channelList dd#month ul li:hover a {
            color: #FFF !important; }

.up {
  float: right; }

#ctswrapper {
  width: 96%;
  margin: auto;
  min-width: 1200px; }
  #ctswrapper header {
    clear: both;
    overflow: hidden;
    height: 100px; }
    #ctswrapper header h1 {
      float: left; }
    #ctswrapper header div {
      float: right;
      overflow: hidden; }
      #ctswrapper header div ul#subCtrl {
        float: left; }
        #ctswrapper header div ul#subCtrl li {
          float: left;
          width: auto;
          padding-top: 70px;
          margin: 0px 13px auto auto; }
          #ctswrapper header div ul#subCtrl li a {
            font-weight: normal;
            font-size: 0.6rem; }
      #ctswrapper header div ul#buyCtrl {
        float: right; }
        #ctswrapper header div ul#buyCtrl li {
          float: left;
          width: 110px;
          margin-left: 1px; }
          #ctswrapper header div ul#buyCtrl li a {
            margin: 0;
            height: 100px;
            text-align: center;
            display: block;
            padding-top: 40px;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
          #ctswrapper header div ul#buyCtrl li a:hover {
            text-decoration: none; }
  #ctswrapper #search {
    overflow: hidden;
    clear: both;
    background: #EFEFEF;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    text-align: center; }
    #ctswrapper #search div {
      width: 90%;
      margin: auto; }
      #ctswrapper #search div input {
        margin: 10px auto;
        float: left;
        width: 70%;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 20px;
        background: #FFF;
        border: 1px solid #bfbfbf;
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px;
        border-radius: 150px;
        font-family: FontAwesome; }
  #ctswrapper #breadclumnbs {
    overflow: hidden;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #D4D4D4;
    background: #FFF; }
    #ctswrapper #breadclumnbs ul li {
      font-size: 0.8rem;
      float: left;
      margin-right: 10px; }

/*カラム定義*/
#wrapper {
  min-width: 1066px; }

#center {
  width: 100%;
  float: left; }

#content {
  overflow: hidden;
  margin-right: 216px;
  margin-left: 250px; }
  #content section {
    width: 96%;
    margin: auto;
    padding-bottom: 10px;
    margin-bottom: 20px; }
  #content h2 {
    font-weight: normal;
    font-size: 1.6rem;
    margin-bottom: 20px;
    padding-top: 18px;
    padding-left: 20px;
    padding-bottom: 18px; }
  #content #startGuide {
    width: 96%;
    margin: auto;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 10px 10px 16px 10px; }
    #content #startGuide li {
      display: block;
      width: 33.3%;
      float: left;
      padding: 15px 20px;
      font-size: 1.1rem;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      #content #startGuide li a {
        display: block;
        text-decoration: none; }
        #content #startGuide li a span {
          font-family: 'Oswald', sans-serif;
          letter-spacing: 0.05rem;
          font-size: 0.8rem;
          display: block;
          width: 100%;
          clear: both;
          margin-left: 26px; }
    #content #startGuide li:hover {
      filter: alpha(opacity=80);
      -moz-opacity: 0.8;
      opacity: 0.8; }
  #content .btn {
    font-size: 1.2rem;
    font-weight: bold;
    clear: both;
    display: block;
    width: 80%;
    margin: auto;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 50px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  #content .btn:hover {
    text-decoration: none; }
  #content #banners a img {
    width: 100%;
    margin-bottom: 15px; }
  #content section.sub {
    border: 1px solid #e6e6e6;
    margin-bottom: 40px; }
    #content section.sub h2 {
      width: 100%;
      color: #FFF;
      background: #999;
      padding-top: 8px;
      padding-bottom: 8px;
      padding-left: 16px;
      font-size: 1.0rem;
      font-weight: normal;
      border-bottom: none; }
    #content section.sub p {
      width: 96%;
      margin: 15px auto; }
    #content section.sub .btn {
      width: 96%;
      text-align: center;
      margin-bottom: 20px; }

#left {
  float: left;
  margin-left: -100%;
  width: 250px; }
  #left p {
    width: 80%;
    margin: 15px auto;
    font-size: 0.7rem;
    line-height: 1.0rem; }
  #left ul li {
    padding: 8px 16px;
    font-size: 0.9rem; }
  #left ul li:before {
    margin-right: 8px;
    content: "\f105";
    font-family: FontAwesome; }
  #left #actress {
    overflow: hidden;
    padding-bottom: 15px; }
    #left #actress figure {
      width: 100px;
      float: left;
      margin: 10px 0px 0px 17px;
      text-align: center; }
      #left #actress figure a img {
        width: 100%; }
      #left #actress figure figcaption {
        font-size: 0.9rem; }
  #left #ranking {
    text-align: center; }
    #left #ranking figure {
      margin: 30px auto 0px auto;
      width: 170px;
      position: relative; }
      #left #ranking figure img {
        margin-bottom: 5px; }
      #left #ranking figure span {
        z-index: 99;
        width: 40px;
        height: 40px;
        padding-top: 7px;
        display: block;
        position: absolute;
        top: -10px;
        left: -10px;
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px;
        border-radius: 150px;
        font-family: 'Oswald', sans-serif;
        background: #c2ddeb;
        color: #000; }
    #left #ranking figcaption {
      font-size: 0.9rem;
      line-height: 1.4rem; }
    #left #ranking figure:first-child span {
      background: #e2bd3a; }
    #left #ranking figure:nth-child(2) span {
      background: #CCC; }
    #left #ranking figure:nth-child(3) span {
      background: #cb8e6d; }

#right {
  float: left;
  margin-left: -216px;
  width: 216px;
  text-align: center; }
  #right .banners {
    margin-bottom: 20px; }
    #right .banners img {
      margin-top: 10px; }
    #right .banners span {
      display: block;
      width: 90%;
      margin: auto;
      font-size: 0.8rem;
      line-height: 1.2rem;
      padding-top: 10px; }
  #right iframe {
    margin: 5px; }
  #right ul#info {
    width: 86%;
    margin: 12px auto; }
    #right ul#info li {
      text-align: left;
      font-size: 0.8rem;
      line-height: 1.2rem;
      border-bottom: #E6E6E6 1px dotted;
      padding-bottom: 5px;
      padding-top: 5px; }
    #right ul#info li :before {
      font-size: 0.9rem;
      margin-right: 8px;
      content: "\f105";
      font-family: FontAwesome; }
    #right ul#info li:last-child {
      border: none; }
    #right ul#info .date {
      display: block;
      width: 100%;
      font-weight: 300;
      letter-spacing: 0.1rem;
      font-size: 0.8rem;
      text-align: left;
      font-family: 'Oswald', sans-serif; }
  #right #pastranking {
    text-align: center; }
    #right #pastranking figure {
      margin: 30px auto 0px auto;
      width: 130px;
      position: relative; }
      #right #pastranking figure img {
        width: 100%;
        margin-bottom: 5px; }
      #right #pastranking figure span {
        z-index: 99;
        width: 40px;
        height: 40px;
        padding-top: 7px;
        display: block;
        position: absolute;
        top: -10px;
        left: -10px;
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px;
        border-radius: 150px;
        font-family: 'Oswald', sans-serif;
        background: #c2ddeb;
        color: #000; }
    #right #pastranking figcaption {
      font-size: 0.9rem;
      line-height: 1.4rem; }
    #right #pastranking figure:first-child span {
      background: #e2bd3a; }
    #right #pastranking figure:nth-child(2) span {
      background: #CCC; }
    #right #pastranking figure:nth-child(3) span {
      background: #cb8e6d; }

/*カラム定義*/
/*カラム定義2*/
#wrapper3rd {
  min-width: 1066px; }

#center3rd {
  width: 100%;
  float: left; }

#content3rd {
  overflow: hidden;
  margin-right: 1px;
  margin-left: 250px;
  padding-left: 30px;
  padding-right: 30px; }
  #content3rd .induction div {
    padding: 0px 30px;
    text-align: center; }
    #content3rd .induction div .btn03 {
      padding: 15px;
      margin-bottom: 10px; }
  #content3rd h2 {
    font-weight: normal;
    font-size: 1.6rem;
    margin-bottom: 20px;
    padding-top: 18px;
    padding-left: 20px;
    padding-bottom: 18px; }
  #content3rd #banners a img {
    width: 100%;
    margin-bottom: 15px; }
  #content3rd section.sub {
    border: 1px solid #e6e6e6;
    margin-bottom: 40px; }
    #content3rd section.sub h2 {
      width: 100%;
      color: #FFF;
      background: #999;
      padding-top: 8px;
      padding-bottom: 8px;
      padding-left: 16px;
      font-size: 1.0rem;
      font-weight: normal;
      border-bottom: none; }
    #content3rd section.sub p {
      width: 96%;
      margin: 15px auto; }
    #content3rd section.sub .btn {
      width: 96%;
      text-align: center;
      margin-bottom: 20px; }

#left3rd {
  border-right: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  background-color: #FFF;
  float: left;
  margin-left: -100%;
  width: 250px; }
  #left3rd p {
    width: 80%;
    margin: 15px auto;
    font-size: 0.7rem;
    line-height: 1.0rem; }
  #left3rd ul {
    width: 86%;
    margin: 12px auto; }
    #left3rd ul li {
      font-size: 0.9rem; }
    #left3rd ul li:before {
      margin-right: 8px;
      content: "\f105";
      font-family: FontAwesome; }
  #left3rd #actress {
    overflow: hidden;
    padding-bottom: 15px; }
    #left3rd #actress figure {
      width: 100px;
      float: left;
      margin: 10px 0px 0px 17px;
      text-align: center; }
      #left3rd #actress figure a img {
        width: 100%; }
      #left3rd #actress figure figcaption {
        font-size: 0.9rem; }
  #left3rd #ranking {
    text-align: center; }
    #left3rd #ranking figure {
      margin: 30px auto 0px auto;
      width: 170px;
      position: relative; }
      #left3rd #ranking figure img {
        margin-bottom: 5px; }
      #left3rd #ranking figure span {
        z-index: 99;
        width: 40px;
        height: 40px;
        padding-top: 7px;
        display: block;
        position: absolute;
        top: -10px;
        left: -10px;
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px;
        border-radius: 150px;
        font-family: 'Oswald', sans-serif;
        background: #c2ddeb;
        color: #000; }
    #left3rd #ranking figcaption {
      font-size: 0.9rem;
      line-height: 1.4rem; }
    #left3rd #ranking figure:first-child span {
      background: #e2bd3a; }
    #left3rd #ranking figure:nth-child(2) span {
      background: #CCC; }
    #left3rd #ranking figure:nth-child(3) span {
      background: #cb8e6d; }

#right3rd {
  float: left;
  margin-left: -1px;
  width: 1px;
  text-align: center; }
  #right3rd .banners {
    margin-bottom: 20px; }
    #right3rd .banners img {
      margin-top: 10px; }
  #right3rd iframe {
    margin: 5px; }
  #right3rd ul#info {
    width: 86%;
    margin: 12px auto; }
    #right3rd ul#info li {
      text-align: left;
      font-size: 0.8rem;
      line-height: 1.2rem;
      border-bottom: #E6E6E6 1px dotted;
      padding-bottom: 5px;
      padding-top: 5px; }
    #right3rd ul#info li :before {
      font-size: 0.9rem;
      margin-right: 8px;
      content: "\f105";
      font-family: FontAwesome; }
    #right3rd ul#info li:last-child {
      border: none; }
    #right3rd ul#info .date {
      display: block;
      width: 100%;
      font-weight: 300;
      letter-spacing: 0.1rem;
      font-size: 0.8rem;
      text-align: left;
      font-family: 'Oswald', sans-serif; }
  #right3rd .rightranking {
    text-align: center; }
    #right3rd .rightranking figure {
      margin: 30px auto 0px auto;
      width: 130px;
      position: relative; }
      #right3rd .rightranking figure img {
        width: 100%;
        margin-bottom: 5px; }
      #right3rd .rightranking figure span {
        z-index: 99;
        width: 40px;
        height: 40px;
        padding-top: 7px;
        display: block;
        position: absolute;
        top: -10px;
        left: -10px;
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px;
        border-radius: 150px;
        font-family: 'Oswald', sans-serif;
        background: #c2ddeb;
        color: #000; }
    #right3rd .rightranking figcaption {
      font-size: 0.9rem;
      line-height: 1.4rem; }
    #right3rd .rightranking figure:first-child span {
      background: #e2bd3a; }
    #right3rd .rightranking figure:nth-child(2) span {
      background: #CCC; }
    #right3rd .rightranking figure:nth-child(3) span {
      background: #cb8e6d; }

/*カラム定義*/
footer {
  clear: both;
  text-align: center; }
  footer #links {
    position: relative;
    overflow: hidden;
    overflow: hidden; }
    footer #links ul {
      position: relative;
      left: 50%;
      float: left;
      margin: 15px; }
      footer #links ul li {
        position: relative;
        left: -50%;
        float: left;
        font-size: 0.8rem;
        margin: 10px; }
      footer #links ul li :before {
        font-size: 0.9rem;
        margin-right: 8px;
        content: "\f105";
        font-family: FontAwesome; }
  footer p {
    margin: 30px auto 0px auto; }
    footer p a {
      font-size: 1.4rem;
      font-weight: bold; }
    footer p a:hover {
      text-decoration: none; }
  footer small {
    display: block;
    font-size: 0.6rem;
    padding-bottom: 30px; }

.sort {
  width: 96%;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  margin: auto auto 15px auto; }
  .sort div {
    float: left;
    padding: 15px;
    width: 50%;
    text-align: center;
    border-left: 1px solid #CCC; }
    .sort div a img {
      margin-right: 15px; }

.pager {
  overflow: hidden;
  width: 90%;
  margin: 40px auto 20px auto;
  padding-top: 10px;
  padding-bottom: 10px; }
  .pager span {
    float: left; }
  .pager div {
    float: right; }
    .pager div a {
      margin-left: 10px; }

.btn06 {
  float: right;
  display: block;
  text-align: center;
  color: #FFF !important;
  font-size: 1rem;
  -webkit-border-radius: 150px;
  -moz-border-radius: 150px;
  border-radius: 150px;
  margin: 0px 6px 0px auto;
  padding: 8px 26px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0f8cfa+0,0f8cfa+50,0379e2+51,0379e2+99 */
  background: #0f8cfa;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0f8cfa 0%, #0f8cfa 50%, #0379e2 51%, #0379e2 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #0f8cfa 0%, #0f8cfa 50%, #0379e2 51%, #0379e2 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #0f8cfa 0%, #0f8cfa 50%, #0379e2 51%, #0379e2 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 2px solid #e8e8e8; }

.btn06:hover {
  color: #0379E2 !important;
  border: 2px solid #0379e2;
  background: #FFF;
  text-decoration: none; }

.nameAct,
.nameMaker {
  font-size: 0.8rem;
  width: 100%;
  display: block; }

.prods2ndDetail {
  overflow: hidden; }
  .prods2ndDetail div {
    position: relative;
    overflow: hidden;
    text-align: center; }
    .prods2ndDetail div article:nth-child(odd) {
      clear: both; }
    .prods2ndDetail div article:nth-child(2n) {
      float: right; }
    .prods2ndDetail div article {
      float: left;
      padding: 15px;
      width: 49%;
      margin: 0px auto 20px auto;
      background: #e8e8e8;
      overflow: hidden; }
      .prods2ndDetail div article .jacket {
        width: 50%;
        float: left; }
        .prods2ndDetail div article .jacket img {
          width: 100%; }
      .prods2ndDetail div article div {
        width: 48%;
        float: right;
        text-align: left; }
        .prods2ndDetail div article div dl {
          font-size: 0.8rem;
          line-height: 1.4rem; }
          .prods2ndDetail div article div dl dt {
            float: left;
            width: 60px;
            clear: both;
            font-weight: bold;
            padding-top: 3px; }
          .prods2ndDetail div article div dl dd {
            padding-top: 3px;
            border-top: 1px dotted #CCC;
            padding-left: 70px; }
          .prods2ndDetail div article div dl dd:last-child {
            padding: 0;
            clear: both;
            font-size: 0.8rem;
            line-height: 1.2rem; }
      .prods2ndDetail div article .thumbs {
        width: 100%; }
        .prods2ndDetail div article .thumbs img {
          float: left;
          width: 24%;
          margin: 10px 2px 10px 0px; }

.prod3rd div {
  width: 96%;
  margin: auto; }
  .prod3rd div article {
    float: left;
    width: 60%;
    margin: 0px auto 20px auto;
    overflow: hidden; }
    .prod3rd div article .jacket {
      width: 170px;
      float: left; }
      .prod3rd div article .jacket img {
        width: 170px;
        margin-bottom: 8px; }
    .prod3rd div article div {
      width: 98%;
      width: -webkit-calc(100% - 190px);
      width: calc(100% - 190px);
      float: right;
      text-align: left; }
      .prod3rd div article div dl {
        font-size: 0.9rem; }
        .prod3rd div article div dl dt {
          float: left;
          width: 100px;
          clear: both;
          font-weight: bold;
          padding-top: 4px; }
        .prod3rd div article div dl dd {
          padding-top: 4px;
          padding-left: 100px;
          padding-bottom: 4px; }
    .prod3rd div article .review {
      clear: both;
      width: 100%;
      margin: 5px auto;
      padding: 10px; }
  .prod3rd div .buyArea {
    float: right;
    width: 37%;
    padding: 15px;
    background: #f2f2f2 !important;
    overflow: hidden; }
    .prod3rd div .buyArea div {
      padding-bottom: 15px;
      background: #f2f2f2 !important;
      width: 100%;
      text-align: center;
      margin-bottom: 20px; }
      .prod3rd div .buyArea div h4 {
        width: 100%;
        padding: 20px;
        font-size: 1.4rem;
        margin-bottom: 15px;
        background: #dbdbdb;
        display: block; }
      .prod3rd div .buyArea div .btn04 {
        text-align: center;
        color: #FFF;
        font-size: 1.0rem;
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px;
        border-radius: 150px;
        width: 86%;
        margin: auto auto 5px auto;
        padding: 20px;
        display: block;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0f8cfa+0,0f8cfa+50,0379e2+51,0379e2+99 */
        background: #0f8cfa;
        /* Old browsers */
        background: -moz-linear-gradient(top, #0f8cfa 0%, #0f8cfa 50%, #0379e2 51%, #0379e2 99%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #0f8cfa 0%, #0f8cfa 50%, #0379e2 51%, #0379e2 99%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #0f8cfa 0%, #0f8cfa 50%, #0379e2 51%, #0379e2 99%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        border: 6px solid #f9f9f9; }
      .prod3rd div .buyArea div .btn04:hover {
        color: #0379E2;
        border: 6px solid #0379e2;
        background: #FFF;
        text-decoration: none; }
      .prod3rd div .buyArea div ul {
        margin: 10px 25px auto 25px; }
        .prod3rd div .buyArea div ul li span {
          font-size: 1.6rem;
          font-weight: bold;
          margin: 10px 5px auto auto;
          color: #ff0000; }
    .prod3rd div .buyArea div.streaming {
      width: 100%;
      margin-top: 15px; }
    .prod3rd div .buyArea .btnHow {
      clear: both;
      text-align: center;
      color: #000 !important;
      font-size: 0.9rem;
      margin: auto auto 20px auto;
      display: block;
      width: 100%;
      background: #FFF;
      -webkit-border-radius: 150px;
      -moz-border-radius: 150px;
      border-radius: 150px;
      border: 2px solid #ff2e8c;
      padding: 15px;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .prod3rd div .buyArea .btnHow:hover {
      color: #FFF;
      background: #ff2e8c;
      text-decoration: none; }
    .prod3rd div .buyArea div.favorite {
      width: 100%;
      margin-top: 15px; }
    .prod3rd div .buyArea div.channel {
      clear: both;
      display: block;
      width: 100%;
      margin: 0px auto;
      text-align: center; }
      .prod3rd div .buyArea div.channel section {
        background: #f9f9f9 !important; }
      .prod3rd div .buyArea div.channel .btn03 {
        text-align: center;
        color: #FFF !important;
        font-size: 1.0rem;
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px;
        border-radius: 150px;
        width: 86%;
        margin: auto auto 5px auto;
        padding: 20px;
        display: block;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0f8cfa+0,0f8cfa+50,0379e2+51,0379e2+99 */
        background: #0f8cfa;
        /* Old browsers */
        background: -moz-linear-gradient(top, #0f8cfa 0%, #0f8cfa 50%, #0379e2 51%, #0379e2 99%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #0f8cfa 0%, #0f8cfa 50%, #0379e2 51%, #0379e2 99%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #0f8cfa 0%, #0f8cfa 50%, #0379e2 51%, #0379e2 99%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        border: 6px solid #F9F9F9;
        font-size: 1.1rem; }
      .prod3rd div .buyArea div.channel .btn03:hover {
        color: #0379E2;
        border: 6px solid #0379e2;
        background: #FFF;
        text-decoration: none;
        color: #0379e2 !important; }
      .prod3rd div .buyArea div.channel h4 span {
        font-size: 1.4rem; }
      .prod3rd div .buyArea div.channel ul li {
        padding-top: 10px; }
        .prod3rd div .buyArea div.channel ul li span {
          font-size: 3rem;
          color: #c70000;
          font-family: 'Oswald', sans-serif; }
      .prod3rd div .buyArea div.channel p {
        margin: 10px auto; }
  .prod3rd div .thumbs {
    clear: both;
    width: 100%;
    padding: 0px;
    margin-bottom: 25px;
    overflow: hidden; }
    .prod3rd div .thumbs h3 {
      padding-top: 20px;
      font-size: 1.2rem;
      font-weight: normal;
      margin: 10px auto; }
      .prod3rd div .thumbs h3 span {
        font-size: 1.0rem;
        font-weight: normal;
        margin-left: 15px; }
    .prod3rd div .thumbs img {
      float: left;
      width: 20%; }

.keep {
  width: 80%;
  margin: 15px auto; }
  .keep li {
    text-align: left;
    font-size: 0.9rem;
    line-height: 1.4;
    overflow: hidden;
    margin-bottom: 10px;
    border-bottom: #E6E6E6 1px dotted;
    padding-bottom: 10px; }
    .keep li i {
      color: #FFC600; }
    .keep li a {
      display: block;
      width: 90%;
      float: right; }

.listPages .sortChara ul {
  width: 90%;
  margin: auto;
  overflow: hidden;
  margin-bottom: 30px; }
  .listPages .sortChara ul li {
    font-size: 1.1rem;
    padding: 10px;
    width: 10%;
    text-align: center;
    float: left;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .listPages .sortChara ul li:hover a {
    text-decoration: none; }
.listPages .chara {
  width: 90%;
  margin: auto; }

.listPages .seriesH3 {
  font-weight: normal;
  font-size: 1.2rem;
  background: #E6E6E6;
  padding: 10px; }
.listPages h4 {
  overflow: hidden;
  background: #e8e8e8;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: normal; }
  .listPages h4 i {
    margin-left: 15px; }
.listPages .seliesList {
  border-bottom: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  overflow: hidden; }
  .listPages .seliesList li {
    border-left: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    float: left;
    width: 50%;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 0.9rem; }
  .listPages .seliesList li:before {
    margin-right: 8px;
    content: "\f105";
    font-family: FontAwesome; }
  .listPages .seliesList li:last-child {
    border-bottom: none; }
.listPages .chara {
  margin-top: 20px;
  margin-bottom: 20px; }
  .listPages .chara h3 {
    font-weight: normal;
    font-size: 1.2rem;
    padding: 10px; }
    .listPages .chara h3 i {
      margin-left: 10px; }
  .listPages .chara ul {
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 15px; }
    .listPages .chara ul li {
      float: left;
      width: 20%;
      padding-top: 5px;
      padding-left: 20px; }
    .listPages .chara ul li:before {
      margin-right: 8px;
      content: "\f105";
      font-family: FontAwesome; }

.rankingPages div {
  border: #E6E6E6 1px solid;
  margin-bottom: 25px; }
  .rankingPages div h3 {
    font-weight: normal;
    font-size: 1.2rem;
    background: #E6E6E6;
    padding: 10px;
    display: block;
    margin-bottom: 20px; }
    .rankingPages div h3 i {
      margin-left: 10px; }
  .rankingPages div .btn {
    text-align: center;
    font-size: 1.4rem !important;
    padding: 20px !important;
    margin-top: 15px;
    display: block;
    font-weight: bold; }
  .rankingPages div ul {
    overflow: hidden;
    margin-top: -30px; }
    .rankingPages div ul li {
      border-left: 1px solid #e8e8e8;
      border-top: 1px solid #e8e8e8;
      float: left;
      width: 33.33%;
      padding-left: 15px;
      padding-top: 10px;
      padding-bottom: 10px;
      font-size: 1rem; }
    .rankingPages div ul li:before {
      margin-right: 8px;
      content: "\f105";
      font-family: FontAwesome; }
    .rankingPages div ul li:last-child {
      border-bottom: none; }

.recent article {
  position: relative;
  padding: 15px;
  width: 100%;
  margin: -20px auto 40px auto;
  background: #e8e8e8;
  overflow: hidden; }
  .recent article .jacket {
    width: 170px;
    float: left; }
    .recent article .jacket img {
      width: 170px; }
  .recent article div {
    width: 98%;
    width: -webkit-calc(100% - 190px);
    width: calc(100% - 190px);
    float: right;
    text-align: left; }
    .recent article div span {
      font-size: 1.2rem;
      padding-bottom: 8px;
      display: block; }
    .recent article div dl dt {
      float: left;
      width: 100px;
      clear: both;
      font-weight: bold;
      padding-top: 5px; }
    .recent article div dl dd {
      padding-top: 5px;
      border-top: 1px dotted #CCC;
      padding-left: 100px; }

.myPage .tab {
  border-bottom: #08C 5px solid;
  overflow: hidden;
  margin-bottom: 30px; }
  .myPage .tab li {
    text-align: center;
    font-size: 1.1rem;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 25%;
    float: left;
    background: #666;
    color: #FFF;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-right: #FFF 1px solid;
    border-left: #FFF 1px solid; }
    .myPage .tab li a {
      color: #FFF; }
    .myPage .tab li a:hover {
      text-decoration: none; }
  .myPage .tab li.active {
    background: #08C; }
  .myPage .tab li:hover {
    background: #08C; }
.myPage .sub ul {
  width: 96%;
  margin: auto; }
.myPage .pager {
  margin: -20px auto 20px auto; }
  .myPage .pager ul li {
    float: left; }
    .myPage .pager ul li a {
      margin: 10px; }
  .myPage .pager ul li:after {
    content: "|";
    color: #333; }
.myPage article {
  position: relative;
  padding: 15px;
  width: 100%;
  margin: 0px auto 20px auto;
  background: #e8e8e8;
  overflow: hidden; }
  .myPage article .jacket {
    width: 170px;
    float: left;
    margin-bottom: 15px; }
    .myPage article .jacket img {
      width: 170px; }
  .myPage article div {
    width: 98%;
    width: -webkit-calc(100% - 190px);
    width: calc(100% - 190px);
    float: right;
    text-align: left;
    overflow: hidden; }
    .myPage article div span {
      font-size: 1.2rem;
      padding-top: 8px;
      padding-bottom: 12px;
      display: block; }
    .myPage article div dl {
      font-size: 0.8rem;
      overflow: hidden; }
      .myPage article div dl dt {
        float: left;
        width: 100px;
        clear: both;
        font-weight: bold;
        padding-top: 3px; }
      .myPage article div dl dd {
        padding-top: 3px;
        border-top: 1px dotted #CCC;
        padding-left: 100px; }
        .myPage article div dl dd span {
          color: #ff0952;
          float: left;
          font-size: 1.0rem;
          margin: 0;
          padding: 0; }
.myPage article:last-child {
  margin-bottom: 40px; }
.myPage .btn07 {
  float: right;
  color: #000 !important;
  margin: auto;
  -webkit-border-radius: 150px;
  -moz-border-radius: 150px;
  border-radius: 150px;
  border: 2px solid #dadada;
  background: #dadada;
  padding: 8px 26px;
  padding-bottom: 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
.myPage .btn07:hover {
  color: #000;
  background: #FFF;
  text-decoration: none; }
.myPage .buyNext {
  border: #dadada 5px solid;
  padding: 30px;
  background: #e8e8e8; }
  .myPage .buyNext .price {
    float: right;
    display: block;
    color: #ff0952;
    font-size: 1.6rem; }
  .myPage .buyNext a {
    margin-top: 15px;
    text-align: center;
    font-size: 1.2rem;
    display: block;
    padding: 15px;
    width: 100%;
    color: #000;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc600+0,ffc600+48,ffc600+50,eeb900+50,eeb900+100 */
    background: #ffc600;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffc600 0%, #ffc600 48%, #ffc600 50%, #eeb900 50%, #eeb900 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffc600 0%, #ffc600 48%, #ffc600 50%, #eeb900 50%, #eeb900 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffc600 0%, #ffc600 48%, #ffc600 50%, #eeb900 50%, #eeb900 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: #ffc600 4px solid; }
  .myPage .buyNext a:hover {
    background: #FFF;
    border: #ffc600 4px solid;
    text-decoration: none; }

@media screen and (min-width: 1px) and (max-width: 1339px) {
  .prods {
    display: block;
    clear: both; }
    .prods div {
      position: relative;
      overflow: hidden;
      text-align: center; }
      .prods div ul {
        position: relative;
        left: 50%; }
        .prods div ul li {
          text-align: center;
          margin: 0px 0px 20px 0px;
          width: 33.33%;
          position: relative;
          left: -50%;
          float: left;
          padding: 0px 10px 0px 10px; }
          .prods div ul li a img {
            width: 170px;
            margin-bottom: 10px; }
          .prods div ul li span {
            margin: auto;
            display: block;
            clear: both;
            width: 170px; }
        .prods div ul li:nth-child(3n+1) {
          clear: both; }

  #pickup {
    overflow: hidden;
    position: relative; }
    #pickup div {
      position: relative;
      left: 50%;
      float: left;
      margin-bottom: 20px;
      padding-right: 150px; }
      #pickup div figure {
        padding: 0px 16px 16px 16px;
        float: left;
        width: 33.33%;
        position: relative;
        left: -50%;
        float: left; }
        #pickup div figure a img {
          margin-bottom: 10px;
          width: 100%; }
        #pickup div figure figcaption {
          font-size: 0.8rem;
          line-height: 1.5; }
      #pickup div figure:nth-child(3n+1) {
        clear: both; }
    #pickup .btn {
      text-align: center; }

  .prods2ndSimple {
    overflow: hidden; }
    .prods2ndSimple div {
      position: relative;
      text-align: center; }
      .prods2ndSimple div ul {
        position: relative;
        left: 50%; }
        .prods2ndSimple div ul li {
          text-align: center;
          margin: 0px 0px 20px 0px;
          width: 33.33%;
          position: relative;
          left: -50%;
          float: left;
          padding: 0px 10px 0px 10px; }
          .prods2ndSimple div ul li .newProd {
            position: absolute;
            -webkit-border-radius: 150px;
            -moz-border-radius: 150px;
            border-radius: 150px;
            background: #d2ff00;
            color: #000;
            font-family: 'Oswald', sans-serif;
            width: 50px;
            height: 50px;
            top: -15px;
            left: calc(50% - 90px);
            font-size: 0.8rem;
            line-height: 0.8rem;
            font-weight: bold;
            padding-top: 12px; }
          .prods2ndSimple div ul li a img {
            width: 170px;
            margin-bottom: 10px; }
          .prods2ndSimple div ul li span {
            margin: auto;
            display: block;
            clear: both;
            width: 170px;
            margin: 5px auto 2px auto; }
          .prods2ndSimple div ul li .btn02 {
            width: 170px !important; }
        .prods2ndSimple div ul li:nth-child(3n+1) {
          clear: both; }

  .rankingDetail {
    overflow: hidden; }
    .rankingDetail div {
      position: relative;
      overflow: hidden;
      text-align: center; }
      .rankingDetail div ul {
        position: relative;
        left: 50%; }
        .rankingDetail div ul li {
          text-align: center;
          margin: 0px 0px 20px 0px;
          width: 33.33%;
          position: relative;
          left: -50%;
          float: left;
          padding: 0px 10px 0px 10px; }
          .rankingDetail div ul li .no {
            background: #c2ddeb;
            -webkit-border-radius: 150px;
            -moz-border-radius: 150px;
            border-radius: 150px;
            width: 170px;
            margin-bottom: 10px;
            font-weight: bold; }
          .rankingDetail div ul li a img {
            width: 170px;
            margin-bottom: 10px; }
          .rankingDetail div ul li span {
            margin: auto;
            display: block;
            clear: both;
            width: 170px;
            margin: 5px auto 2px auto; }
        .rankingDetail div ul li:nth-child(3n+1) {
          clear: both; }
        .rankingDetail div ul li:first-child .no {
          background: #e2bd3a; }
        .rankingDetail div ul li:nth-child(2) .no {
          background: #CCC; }
        .rankingDetail div ul li:nth-child(3) .no {
          background: #cb8e6d; } }
@media screen and (min-width: 1340px) and (max-width: 1649px) {
  .prods {
    display: block;
    clear: both; }
    .prods div {
      position: relative;
      overflow: hidden;
      text-align: center; }
      .prods div ul {
        position: relative;
        left: 50%; }
        .prods div ul li {
          text-align: center;
          margin: 0px 0px 20px 0px;
          width: 25%;
          position: relative;
          left: -50%;
          float: left;
          padding: 0px 10px 0px 10px; }
          .prods div ul li a img {
            width: 170px;
            margin-bottom: 10px; }
          .prods div ul li span {
            margin: auto;
            display: block;
            clear: both;
            width: 170px; }
        .prods div ul li:nth-child(4n+1) {
          clear: both; }

  #pickup {
    overflow: hidden;
    position: relative; }
    #pickup div {
      position: relative;
      left: 50%;
      float: left;
      margin-bottom: 20px;
      padding-right: 150px; }
      #pickup div figure {
        padding: 0px 16px 16px 16px;
        float: left;
        width: 25%;
        position: relative;
        left: -50%;
        float: left; }
        #pickup div figure a img {
          margin-bottom: 10px;
          width: 100%; }
        #pickup div figure figcaption {
          font-size: 0.8rem;
          line-height: 1.5; }
      #pickup div figure:nth-child(4n+1) {
        clear: both; }
    #pickup .btn {
      text-align: center; }

  .prods2ndSimple {
    overflow: hidden; }
    .prods2ndSimple div {
      position: relative;
      text-align: center; }
      .prods2ndSimple div ul {
        position: relative;
        left: 50%; }
        .prods2ndSimple div ul li {
          text-align: center;
          margin: 0px 0px 20px 0px;
          width: 25%;
          position: relative;
          left: -50%;
          float: left;
          padding: 0px 10px 0px 10px; }
          .prods2ndSimple div ul li .newProd {
            position: absolute;
            -webkit-border-radius: 150px;
            -moz-border-radius: 150px;
            border-radius: 150px;
            background: #d2ff00;
            color: #000;
            font-family: 'Oswald', sans-serif;
            width: 50px;
            height: 50px;
            top: -15px;
            left: calc(50% - 90px);
            font-size: 0.8rem;
            line-height: 0.8rem;
            font-weight: bold;
            padding-top: 12px; }
          .prods2ndSimple div ul li a img {
            width: 170px;
            margin-bottom: 10px; }
          .prods2ndSimple div ul li span {
            margin: auto;
            display: block;
            clear: both;
            width: 170px;
            margin: 5px auto 2px auto; }
          .prods2ndSimple div ul li .btn02 {
            width: 170px !important; }
        .prods2ndSimple div ul li:nth-child(4n+1) {
          clear: both; }

  .ifprods2 {
    display: block;
    clear: both; }
    .ifprods2 div {
      position: relative;
      overflow: hidden;
      text-align: center; }
      .ifprods2 div ul {
        position: relative;
        left: 50%; }
        .ifprods2 div ul li {
          text-align: center;
          margin: 0px 0px 20px 0px;
          width: 50%;
          position: relative;
          left: -50%;
          float: left;
          padding: 0px 10px 0px 10px; }
          .ifprods2 div ul li a img {
            width: 170px;
            margin-bottom: 10px; }
          .ifprods2 div ul li span {
            margin: auto;
            display: block;
            clear: both;
            width: 170px; }
        .ifprods2 div ul li:nth-child(3n+1) {
          clear: both; }

  .prods3rdList {
    display: block;
    clear: both; }
    .prods3rdList div {
      position: relative;
      overflow: hidden;
      text-align: center; }
      .prods3rdList div ul {
        position: relative;
        left: 50%; }
        .prods3rdList div ul li {
          text-align: center;
          margin: 0px 0px 20px 0px;
          width: 25%;
          position: relative;
          left: -50%;
          float: left;
          padding: 0px 10px 0px 10px; }
          .prods3rdList div ul li a img {
            width: 170px;
            margin-bottom: 10px; }
          .prods3rdList div ul li span {
            margin: auto;
            display: block;
            clear: both;
            width: 170px; }
        .prods3rdList div ul li:nth-child(4n+1) {
          clear: both; }

  .rankingDetail {
    overflow: hidden; }
    .rankingDetail div {
      position: relative;
      overflow: hidden;
      text-align: center; }
      .rankingDetail div ul {
        position: relative;
        left: 50%; }
        .rankingDetail div ul li {
          text-align: center;
          margin: 0px 0px 20px 0px;
          width: 25%;
          position: relative;
          left: -50%;
          float: left;
          padding: 0px 10px 0px 10px; }
          .rankingDetail div ul li .no {
            background: #c2ddeb;
            -webkit-border-radius: 150px;
            -moz-border-radius: 150px;
            border-radius: 150px;
            width: 170px;
            margin-bottom: 10px;
            font-weight: bold;
            color: #000; }
          .rankingDetail div ul li a img {
            width: 170px;
            margin-bottom: 10px; }
          .rankingDetail div ul li span {
            margin: auto;
            display: block;
            clear: both;
            width: 170px;
            margin: 5px auto 2px auto; }
        .rankingDetail div ul li:first-child .no {
          background: #e2bd3a; }
        .rankingDetail div ul li:nth-child(2) .no {
          background: #CCC; }
        .rankingDetail div ul li:nth-child(3) .no {
          background: #cb8e6d; }
        .rankingDetail div ul li:nth-child(4n+1) {
          clear: both; } }
@media screen and (min-width: 1650px) and (max-width: 1800px) {
  .prods {
    display: block;
    clear: both; }
    .prods div {
      position: relative;
      overflow: hidden;
      text-align: center; }
      .prods div ul {
        position: relative;
        left: 50%; }
        .prods div ul li {
          text-align: center;
          margin: 0px 0px 20px 0px;
          width: 20%;
          position: relative;
          left: -50%;
          float: left;
          padding: 0px 10px 0px 10px; }
          .prods div ul li a img {
            width: 170px;
            margin-bottom: 10px; }
          .prods div ul li span {
            margin: auto;
            display: block;
            clear: both;
            width: 170px; }
        .prods div ul li:nth-child(5n+1) {
          clear: both; }

  #pickup {
    overflow: hidden;
    position: relative; }
    #pickup div {
      position: relative;
      left: 50%;
      float: left;
      margin-bottom: 20px;
      padding-right: 150px; }
      #pickup div figure {
        padding: 0px 16px 16px 16px;
        float: left;
        width: 20%;
        position: relative;
        left: -50%;
        float: left; }
        #pickup div figure a img {
          margin-bottom: 10px;
          width: 100%; }
        #pickup div figure figcaption {
          font-size: 0.8rem;
          line-height: 1.5; }
      #pickup div figure:nth-child(5n+1) {
        clear: both; }
    #pickup .btn {
      text-align: center; }

  .prods2ndSimple {
    overflow: hidden; }
    .prods2ndSimple div {
      position: relative;
      text-align: center; }
      .prods2ndSimple div ul {
        position: relative;
        left: 50%; }
        .prods2ndSimple div ul li {
          text-align: center;
          margin: 0px 0px 20px 0px;
          width: 20%;
          position: relative;
          left: -50%;
          float: left;
          padding: 0px 10px 0px 10px; }
          .prods2ndSimple div ul li .newProd {
            position: absolute;
            -webkit-border-radius: 150px;
            -moz-border-radius: 150px;
            border-radius: 150px;
            background: #d2ff00;
            color: #000;
            font-family: 'Oswald', sans-serif;
            width: 50px;
            height: 50px;
            top: -15px;
            left: calc(50% - 90px);
            font-size: 0.8rem;
            line-height: 0.8rem;
            font-weight: bold;
            padding-top: 12px; }
          .prods2ndSimple div ul li a img {
            width: 170px;
            margin-bottom: 10px; }
          .prods2ndSimple div ul li span {
            margin: auto;
            display: block;
            clear: both;
            width: 170px;
            margin: 5px auto 2px auto; }
          .prods2ndSimple div ul li .btn02 {
            width: 170px !important; }
        .prods2ndSimple div ul li:nth-child(5n+1) {
          clear: both; }

  .ifprods2 {
    display: block;
    clear: both; }
    .ifprods2 div {
      position: relative;
      overflow: hidden;
      text-align: center; }
      .ifprods2 div ul {
        position: relative;
        left: 50%; }
        .ifprods2 div ul li {
          text-align: center;
          margin: 0px 0px 20px 0px;
          width: 50%;
          position: relative;
          left: -50%;
          float: left;
          padding: 0px 10px 0px 10px; }
          .ifprods2 div ul li a img {
            width: 170px;
            margin-bottom: 10px; }
          .ifprods2 div ul li span {
            margin: auto;
            display: block;
            clear: both;
            width: 170px; }
        .ifprods2 div ul li:nth-child(3n+1) {
          clear: both; }

  .prods3rdList {
    display: block;
    clear: both; }
    .prods3rdList div {
      position: relative;
      overflow: hidden;
      text-align: center; }
      .prods3rdList div ul {
        position: relative;
        left: 50%; }
        .prods3rdList div ul li {
          text-align: center;
          margin: 0px 0px 20px 0px;
          width: 25%;
          position: relative;
          left: -50%;
          float: left;
          padding: 0px 10px 0px 10px; }
          .prods3rdList div ul li a img {
            width: 170px;
            margin-bottom: 10px; }
          .prods3rdList div ul li span {
            margin: auto;
            display: block;
            clear: both;
            width: 170px; }
        .prods3rdList div ul li:nth-child(4n+1) {
          clear: both; }

  .rankingDetail {
    overflow: hidden; }
    .rankingDetail div {
      position: relative;
      overflow: hidden;
      text-align: center; }
      .rankingDetail div ul {
        position: relative;
        left: 50%; }
        .rankingDetail div ul li {
          text-align: center;
          margin: 0px 0px 20px 0px;
          width: 20%;
          position: relative;
          left: -50%;
          float: left;
          padding: 0px 10px 0px 10px; }
          .rankingDetail div ul li .no {
            background: #c2ddeb;
            -webkit-border-radius: 150px;
            -moz-border-radius: 150px;
            border-radius: 150px;
            width: 170px;
            margin-bottom: 10px;
            font-weight: bold;
            color: #000; }
          .rankingDetail div ul li a img {
            width: 170px;
            margin-bottom: 10px; }
          .rankingDetail div ul li span {
            margin: auto;
            display: block;
            clear: both;
            width: 170px;
            margin: 5px auto 2px auto; }
        .rankingDetail div ul li:first-child .no {
          background: #e2bd3a; }
        .rankingDetail div ul li:nth-child(2) .no {
          background: #CCC; }
        .rankingDetail div ul li:nth-child(3) .no {
          background: #cb8e6d; }
        .rankingDetail div ul li:nth-child(5n+1) {
          clear: both; } }
@media screen and (min-width: 1801px) {
  .prods {
    display: block;
    clear: both; }
    .prods div {
      position: relative;
      overflow: hidden;
      text-align: center; }
      .prods div ul {
        position: relative;
        left: 50%; }
        .prods div ul li {
          text-align: center;
          margin: 0px 0px 20px 0px;
          width: 16.66%;
          position: relative;
          left: -50%;
          float: left;
          padding: 0px 10px 0px 10px; }
          .prods div ul li a img {
            width: 170px;
            margin-bottom: 10px; }
          .prods div ul li span {
            margin: auto;
            display: block;
            clear: both;
            width: 170px; }
        .prods div ul li:nth-child(6n+1) {
          clear: both; }

  #pickup {
    overflow: hidden;
    position: relative; }
    #pickup div {
      position: relative;
      left: 50%;
      float: left;
      margin-bottom: 20px;
      padding-right: 150px; }
      #pickup div figure {
        padding: 0px 16px 16px 16px;
        float: left;
        width: 16.66%;
        position: relative;
        left: -50%;
        float: left; }
        #pickup div figure a img {
          margin-bottom: 10px;
          width: 100%; }
        #pickup div figure figcaption {
          font-size: 0.8rem;
          line-height: 1.5; }
      #pickup div figure:nth-child(6n+1) {
        clear: both; }
    #pickup .btn {
      text-align: center; }

  .ifprods2 {
    display: block;
    clear: both; }
    .ifprods2 div {
      position: relative;
      overflow: hidden;
      text-align: center; }
      .ifprods2 div ul {
        position: relative;
        left: 50%; }
        .ifprods2 div ul li {
          text-align: center;
          margin: 0px 0px 20px 0px;
          width: 50%;
          position: relative;
          left: -50%;
          float: left;
          padding: 0px 10px 0px 10px; }
          .ifprods2 div ul li a img {
            width: 170px;
            margin-bottom: 10px; }
          .ifprods2 div ul li span {
            margin: auto;
            display: block;
            clear: both;
            width: 170px; }
        .ifprods2 div ul li:nth-child(3n+1) {
          clear: both; }

  .prods3rdList {
    display: block;
    clear: both; }
    .prods3rdList div {
      position: relative;
      overflow: hidden;
      text-align: center; }
      .prods3rdList div ul {
        position: relative;
        left: 50%; }
        .prods3rdList div ul li {
          text-align: center;
          margin: 0px 0px 20px 0px;
          width: 16.66%;
          position: relative;
          left: -50%;
          float: left;
          padding: 0px 10px 0px 10px; }
          .prods3rdList div ul li a img {
            width: 170px;
            margin-bottom: 10px; }
          .prods3rdList div ul li span {
            margin: auto;
            display: block;
            clear: both;
            width: 170px; }
        .prods3rdList div ul li:nth-child(4n+1) {
          clear: both; }

  .prods2ndSimple {
    overflow: hidden; }
    .prods2ndSimple div {
      position: relative;
      text-align: center; }
      .prods2ndSimple div ul {
        position: relative;
        left: 50%;
        width: 100%; }
        .prods2ndSimple div ul li {
          text-align: center;
          margin: 0px 0px 20px 0px;
          width: 16.66%;
          position: relative;
          left: -50%;
          float: left;
          padding: 0px 10px 0px 10px; }
          .prods2ndSimple div ul li .newProd {
            position: absolute;
            -webkit-border-radius: 150px;
            -moz-border-radius: 150px;
            border-radius: 150px;
            background: #d2ff00;
            color: #000;
            font-family: 'Oswald', sans-serif;
            width: 50px;
            height: 50px;
            top: -15px;
            left: calc(50% - 100px);
            font-size: 0.8rem;
            line-height: 0.8rem;
            font-weight: bold;
            padding-top: 12px; }
          .prods2ndSimple div ul li a img {
            width: 170px;
            margin-bottom: 10px; }
          .prods2ndSimple div ul li span {
            margin: auto;
            display: block;
            clear: both;
            width: 170px;
            margin: 5px auto 2px auto; }
          .prods2ndSimple div ul li .btn02 {
            width: 170px !important; }
        .prods2ndSimple div ul li:nth-child(6n+1) {
          clear: both; }

  .rankingDetail {
    overflow: hidden; }
    .rankingDetail div {
      position: relative;
      overflow: hidden;
      text-align: center; }
      .rankingDetail div ul {
        position: relative;
        left: 50%; }
        .rankingDetail div ul li {
          text-align: center;
          margin: 0px 0px 20px 0px;
          width: 16.66%;
          position: relative;
          left: -50%;
          float: left;
          padding: 0px 10px 0px 10px; }
          .rankingDetail div ul li .no {
            background: #c2ddeb;
            -webkit-border-radius: 150px;
            -moz-border-radius: 150px;
            border-radius: 150px;
            width: 170px;
            margin-bottom: 10px;
            font-weight: bold;
            color: #000; }
          .rankingDetail div ul li a img {
            width: 170px;
            margin-bottom: 10px; }
          .rankingDetail div ul li span {
            margin: auto;
            display: block;
            clear: both;
            width: 170px;
            margin: 5px auto 2px auto; }
        .rankingDetail div ul li:first-child .no {
          background: #e2bd3a; }
        .rankingDetail div ul li:nth-child(2) .no {
          background: #CCC; }
        .rankingDetail div ul li:nth-child(3) .no {
          background: #cb8e6d; }
        .rankingDetail div ul li:nth-child(6n+1) {
          clear: both; } }

/*# sourceMappingURL=common.css.map */