html, body {
    height: 100%;
    margin: 0;
    font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size:10pt;
}
a {
    text-decoration: none;
}
h2.headline { background-color:#fdd;padding-left:5px;border-bottom:1px solid #daa; }
#viewport {
    min-width: 980px;
    min-height: 100%;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
#viewport > header {
    background: rgba(255,0,90,0.6);
    border-bottom: 1px solid #DD616D;
    line-height: 35px;
    font-size: 10pt;
    width: 100%;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    -o-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
#site-title {
    padding-left: 10px;
}
#search {
    min-width:980px;
    width: 95%;
    margin: auto;
    margin-top: 10px;
}
#search-form {
}
#search-form table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #dddddd;
}
#search-form table th {
    background-color:rgba(255,0,90,0.6);color:#ffffff;width:200px;
    border: 1px solid #aaaaaa;
}
#search-form table td {
    background-color:#f5f5f5;padding:5px;
    border: 1px solid #aaaaaa;
}
#search-form input[type="text"] {
    width: 100%;
    font-size: 16pt;
    height: 40px;
    border-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    border:1px solid #cccccc;
}
#result {
    min-width:980px;
    width: 95%;
    margin: auto;
    margin-top: 10px;
}
#result table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid rgb(128, 128, 128);
}
#result table th {
    border: 1px solid rgb(128, 128, 128);
    background-color: #ffeeee;
    padding: 5px;
}
#result table td {
    border: 1px solid rgb(128, 128, 128);
}
#result table td .girl {
    float: left;
    height: 75px;
}
#result table td .girl img {
    width: 75px;
}
#result table td .girl-name {
    float: left;
    margin-left: 5px;
    font-size: 14px;
}
#result table td .girl-name .kana {
    font-size: 11px;
}
#result table td .girl-link {
    display:block;
    text-decoration: none;
    padding: 5px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
#result table td .girl-link:hover {
    background-color:#ffeeee;
}
#result table td .new-card {
    color: #ffffff;
    background-color:rgba(255,0,90,0.6);text-align:center;
    margin-left:80px;
    opacity:0.5;
    -moz-opacity:0.5;
    alpha(opacity=50);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
#result table td .new-card-dmy {
    margin-left:80px;
}
.girls ul.girl-table {
    list-style-type:none;
    margin:0;
    padding:1px 0px 0px 1px;
    font-size: 0;
    background-color:#cccccc;
}
.girls ul.girl-table li {
    width:25%;
    text-decoration: none;
    padding: 5px;
    font-size: 16px;
    border: solid #cccccc;
    border-width:0px 1px 1px 0px;
    background-color:#ffffff;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.girls ul.girl-table li:hover {
    background-color:#ffeeee;
}
.girls ul.girl-table li .girl {
    float: left;
    height: 75px;
}
.girls ul.girl-table li .girl img {
    width: 75px;
}
.girls ul.girl-table li .girl-name {
    float: left;
    margin-left: 5px;
    font-size: 14px;
}
.girls ul.girl-table li .girl-name .kana {
    font-size: 11px;
}
.girls ul.girl-table li .new-card {
    color: #ffffff;
    background-color:rgba(255,0,90,0.6);text-align:center;
    margin-left:80px;
    opacity:0.5;
    -moz-opacity:0.5;
    alpha(opacity=50);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.girls ul.girl-table li .new-card-dmy {
    margin-left:80px;
}
section article {
    width: 80%;
    margin: auto;
}
table.binf {
    width: 100%;
}
table.binf td, table.binf th {
    padding: 5px;
}
table.binf th {
    background-color: #eee;
}
table.bcinf {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid rgb(128, 128, 128);
}
table.bcinf td, table.bcinf th {
    border: 1px solid rgb(128, 128, 128);
    padding: 5px;
}
table.bcinf th {
    background-color: #eee;
}
#container {
    min-width: 980px;
    margin: 10px 10px;
    font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size:11pt;
}
#aside {
    float: right;
    width: 100%;
    margin-left: -325px;
}
#bside {
    float: left;
    width: 302px;
}
#bside a {
    text-decoration: none;
}
#gallery {
    margin-left: 310px;
}
footer {
    background: rgba(255,0,90,0.6);
    border-top: 1px solid #DD616D;
    color:#ffffff;
    line-height: 35px;
    bottom: 0;
    font-size: 10pt;
    height: 35px;
    width: 100%;
}
footer a {
    color:#ffffff;
}
#copyright {
    margin-left: 15px;
}
.advertise {
    text-align: center;
}
.ui-button {
    width: 70px;
    height: 70px;
    background: #EEE;
    border: 1px solid #FFF;
    border-radius: 70px;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    color: #111;
    padding: 3px 0px 0px 0px;
    margin-left: 10px;
    font-size: 16px;
    -moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.3);
    -webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.3);
}
.clr {
    clear: both;
}
.mb10 {
    margin-bottom:10px;
}
.tc {text-align:center;}
.search-btn {
    width:40px;height:40px;background:url(../images/common/search.png);border:1px solid #cccccc;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.sysnote:nth-of-type(even) { background-color:#fff;border-bottom:1px solid #eed;padding: 0 0 0 5px; }
.sysnote:nth-of-type(odd) { background-color:#ffe;border-bottom:1px solid #eed;padding: 0 0 0 5px; }

.card-cell {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display:inline-block; width:80px; margin: 2px; padding: 0 2px; border: 1px dotted #aa8888; text-align:center;background-color:#fbf0d1;
}
h1#new-card-gallery, h1.gallery {
    background: #febbbb; /* Old browsers */
    background: -moz-linear-gradient(top,  #febbbb 0%, #fe9090 45%, #ff5c5c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febbbb), color-stop(45%,#fe9090), color-stop(100%,#ff5c5c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 ); /* IE6-9 */

    text-align:center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border:3px solid #eeaaaa;
    color:#ffffff;
    text-shadow: 0px 0px 5px #880000;
}

.lsi {display:inline-block; width:100px; height:100px; text-align:center; border:1px dotted #cc5555; margin-bottom:5px; padding:5px; vertical-align:middle;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    transition: all 0.3s;
}
.lsi {text-decoration:none;}
.lsi:hover {background-color:#ffeeee;
    /* box-shadow */
    box-shadow:rgba(255, 150, 150, 0.639216) 0px 0px 3px 1px;
    -webkit-box-shadow:rgba(255, 150, 150, 0.639216) 0px 0px 3px 1px;
    -moz-box-shadow:rgba(255, 150, 150, 0.639216) 0px 0px 3px 1px;
}
.lsi-selected, .lsi:hover.lsi-selected {
    background-color:#FDCBCB;
    box-shadow:rgba(255, 150, 150, 0.9) 0px 0px 3px 1px;
    -webkit-box-shadow:rgba(255, 150, 150, 0.9) 0px 0px 3px 1px;
    -moz-box-shadow:rgba(255, 150, 150, 0.9) 0px 0px 3px 1px;
}
.lsi img {
    border: 1px dotted #ee8888;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;}

.trsb {
    display:inline-block;
    vertical-align:middle;
    -webkit-box-shadow:rgba(255, 150, 150, 0) 0px 0px 3px 1px;
    -moz-box-shadow:rgba(255, 150, 150, 0) 0px 0px 3px 1px;
    box-shadow:rgba(255, 150, 150, 0) 0px 0px 3px 1px;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    transition: all 0.3s;
}
.trsb:hover, .trsb-sel {
    background-color:#ffeeee;
    /* box-shadow */
    -webkit-box-shadow:rgba(255, 150, 150, 0.639216) 0px 0px 3px 1px;
    -moz-box-shadow:rgba(255, 150, 150, 0.639216) 0px 0px 3px 1px;
    box-shadow:rgba(255, 150, 150, 0.639216) 0px 0px 3px 1px;
}
.trsb .trsb-header { width:150px;color:#ffffff;overflow:hidden;white-space:nowrap; }
.trsb img { width: 150px; height: 150px; }

.favw{
    background: url('../images/common/star.png');
    width: 24px;
    height: 24px;
    display: block;
    float: left;
}
.favs {background-position: 0 24px;}
.now-mm { background-color:#ffffee; }
.now-dd { background-color:#eeeeaa; }

.menu ul{
  margin:0;
  padding:0;
}
.menu ul li {
  list-style: none;
  margin:0;
  padding:0;
  font-size:12px;
  float: left;
  position: relative;
  width: auto;/*親メニューの幅*/
  height: 35px;/*親メニューの高さ*/
  line-height: 35px;
  color: #4D4D4D;/*親メニューの文字色*/
  text-align:center;
  font-weight:bold;
}
.menu ul li a {
  color: #FFFFFF;
  display: block;
  padding:0 5px 0 5px;
  text-decoration: none;
}
.menu ul li:hover, .menu ul li a:hover {
  background:#EA2839;/*ホバー時の親メニューの背景色*/
  color:#fff;/*ホバー時の親メニューの文字色*/
}
.menu ul li ul {
  position: absolute;
  top: 35px;/*親メニューの高さと同じにする*/
  width: 150px;
  z-index: 300;
}
.menu ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 200px;/*サブメニューの幅*/
  height: 0;
  background:rgba(255,0,90,0.8);
  text-align:left;
}
.menu ul li ul li:hover, .menu ul li ul li a:hover {
  background:#FFAFA9;/*ホバー時のサブメニューの背景色*/
}
.menu ul li:hover ul li, .menu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:35px;/*サブメニューの高さ*/
  z-index: 200;
}
.menu * {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.bg_gray { background:#dddddd; }

.gf_btn {display: inline-block; width: 100px; padding: 8px 0; line-height: 1.3; font-size: 14px; color: #fff; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 1px 1px 1px #fff,inset -1px -1px 1px #fff; box-shadow: inset 1px 1px 1px #fff,inset -1px -1px 1px #fff; background: #fe7098; border: 2px solid #fe7098; text-align: center;}

.gf_headline {
    position: relative;
    display: block;
    box-sizing: border-box;
    height: 30px;
    border-top: solid 1px #36353e;
    border-bottom: solid 1px #36353e;
    background: #20b7dd;
    color: #fff;
    text-align: center;
    text-indent: 0.3em;
    font-weight: bold;
    font-size: 15px;
    line-height: 30px;
}
.gf_headline:after {
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
    width: 100%;
    height: 24px;
    border-top: dashed 1px #65cbe4;
    border-bottom: dashed 1px #65cbe4;
    content: "";
    z-index: 0;
}
.gf_headline.gf_sweet {
    background: #ff5384;
}
.gf_headline.gf_sweet:after{
    border-top:dashed 1px #ff8aab;
    border-bottom:dashed 1px #ff8aab;
}
.gf_headline.gf_cool {
    background: #007eea;
}
.gf_headline.gf_cool:after{
    border-top:dashed 1px #5ca9ec;
    border-bottom:dashed 1px #5ca9ec;
}
.gf_headline.gf_pop {
    background:#ff8432;
}
.gf_headline.gf_pop:after{
    border-top:dashed 1px #ffa162;
    border-bottom:dashed 1px #ffa162;
}
.gf_headline.gf_pink {
    background: #ff5384;
}
.gf_headline.gf_pink:after{
    border-top:dashed 1px #ff8aab;
    border-bottom:dashed 1px #ff8aab;
}
.gf_headline.gf_blue {
    background: #007eea;
}
.gf_headline.gf_blue:after{
    border-top:dashed 1px #5ca9ec;
    border-bottom:dashed 1px #5ca9ec;
}
.gf_headline.gf_green {
    background:#0DA207;
}
.gf_headline.gf_green:after{
    border-top:dashed 1px #1FD435;
    border-bottom:dashed 1px #1FD435;
}
.gf_headline.gf_orange {
    background:#ff8432;
}
.gf_headline.gf_orange:after{
    border-top:dashed 1px #ffa162;
    border-bottom:dashed 1px #ffa162;
}
.gf_headline.gf_yellow {
    background:#BFBD0A;
}
.gf_headline.gf_yellow:after{
    border-top:dashed 1px #C1E436;
    border-bottom:dashed 1px #C1E436;
}

.radius {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.bg_pink {
    background: rgba(255,0,90,0.6);
}

.txtof {
    overflow: hidden;white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.font0 { font-size:0; }
.fontdef { font-size:10pt; }

.pc_bh { display:inline-block;vertical-align:middle;width:30%; }
.pc_bd { display:inline-block;vertical-align:middle;width:70%; }

.flexwrap { -o-flex-wrap: wrap;-ms-flex-wrap: wrap;-moz-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap; }
.flexbox { display:flex; display:-webkit-flex; display:-moz-flex; display:-ms-flex;display: -o-flexbox; }
ul.flexbox { list-style-type:none; }
.lsbox { padding:1px 0px 0px 1px;background-color:#aa8888;list-style-type:none; }
.lsbox li { border:solid #aa8888;border-width:0px 1px 1px 0px;background-color:#fbf0d1;width:12.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
    -webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;border-radius:0px;
}
.lsbox li.h { background-color:#ffeeee;width:20%;padding-left:3px;line-height:20px; }
.lsbox li.d { background-color:#ffffff;width:80%;text-align:left;padding-left:3px;line-height:20px; }
img.bnr { max-width:50%;max-height:50%; }

.imgbox { padding:1px 0px 0px 1px;background-color:#aa8888;list-style-type:none; }
.imgbox li { border:solid #aa8888;border-width:0px 1px 1px 0px;background-color:#ffffff;width:20%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
    -webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;border-radius:0px;padding:3px;
}

.imgbox li.quota { background-color:#ffffff;width:25%;text-align:left; }
.imgbox li.p8 { background-color:#ffffff;width:12.5%; }
.imgbox li.p3 { background-color:#ffffff;width:33.3333%; }
.imgbox li.p2 { background-color:#ffffff;width:50%; }
.imgbox li.p1 { background-color:#ffffff;width:100%; }

.imgbox.nb { padding:0px; }
.imgbox.nb li { border-width:0px; }

.imgbox.at { background-color:initial !important;padding:0px !important; }
.imgbox.at li { border-width:0px !important; }

#product .aabox { width:50%; }

.petitgirl-wrap {
    position: relative;
    width: 80px;
    height: 80px;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 7px;
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}
.petitgirl-frame {
    position: relative;
    overflow: hidden;
    width: 75px;
    height: 75px;
    border-width: 3px;
    border-style: solid;
    border-radius: 7px;
    border-color: #20b7dd;
}
.petitgirl-frame-sweet { border-color: #ff83af; }
.petitgirl-frame-cool { border-color: #007eea; }
.petitgirl-frame-pop { border-color: #ff8432; }
.petitgirl-img {
    position: absolute;
    width: 200px;
    height: 75px;
    top: -26px;
    left: -60px;
    text-align: center;
}

.pagetop-wrap {
    position: relative;
}
.pagetop {
    display: none;
    position: fixed;
    bottom: 5px;
    right: 20px;
    width:60px;
    height:60px;
    z-index: 999;
    line-height: 60px;
    cursor: pointer;
    background-color:rgba(255,0,90,0.6);
    text-align:center;
}
.pagetop a { color: #ffffff; }


.iframe-wrap {
    position:relative;padding-top:56.25%;
}
.iframe-content {
    height:100%;position:absolute;left:0;top:0;width:100%;border:0;
}
.adslot_1 { width:336px; height:280px; }
.brsp { display:none; }

.fixed {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(255,255,255,0.8);
    z-index: 50;
}
.animated {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.video_wrap { 
    position: relative; 
    width: 100%; 
    padding-top: 75%;
}
.video_wrap > video { 
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; 
}

.ui-widget-header { background:#fdd !important;padding-left:5px;border-width:0px !important;border-bottom:1px solid #daa !important; }

.gfmc-frame { border: 3px solid #888;box-sizing: border-box;border-radius: 40px; }
.gfmc-frame.gfmc-pink { border-color:#ff63ad; }
.gfmc-frame.gfmc-blue { border-color:#5bb1f7; }
.gfmc-frame.gfmc-green { border-color:#5adc3b; }
.gfmc-frame.gfmc-orange { border-color:#ff8745; }
.gfmc-frame.gfmc-yellow { border-color:#ffea39; }
.gfmc-pink { color:#df438d; }
.gfmc-blue { color:#3b91d7; }
.gfmc-green { color:#3abc1b; }
.gfmc-orange { color:#df6725; }
.gfmc-yellow { color:#dfca19; }
.gfmf-wrap { position:relative; }
.gfmf-label { position:absolute;top:2px;left:2px; background-color: rgba(255,255,255,0.8);border-radius: 5px;padding: 0px 3px; }