@charset 'UTF-8';
/*smart_phone_config*/
/*共通パーツ化が困難だったため追記*/
/* *****************************
 *
 * INDEX file to Scss or Sass.
 *
 **************************** */
.custom
{
    overflow: hidden;
    /* 伸ばした分を隠す */

    border: 1px solid #3fa79e;
}

.custom select
{
    width: 110% !important;
    /* UI分を伸ばす */
}

.custom select option
{
    width: 100%;
}

@media screen and (max-width: 768px)
{
    #contents
    {
        margin: 0 !important;
        margin: 0;
    }
}
.center
{
    max-width: 1120px;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (max-width: 768px)
{
    .center
    {
        overflow: hidden; 

        width: 98%;
    }
}
/*ul li {
  display: inline-block;
}*/
section#pageNavi
{
    margin: 2% 0 4% 0;
}

@media screen and (max-width: 768px)
{
    section#pageNavi
    {
        margin: 2% 0 7% 0;
    }
}
section#pageNavi ul#pachiOrSlot
{
    float: left; 

    width: 48%;
    margin-right: 1%;
}

section#pageNavi ul#pachiOrSlot li
{
    font-size: 227%;

    display: block;

    margin-bottom: 14px; 

    color: #fff;
}

section#pageNavi ul#pachiOrSlot li em
{
    font-weight: normal;

    display: block;

    padding: 5% 5% 4% 22%;

    letter-spacing: .1em;
}

section#pageNavi ul#pachiOrSlot li span.small
{
    font-size: 70%;

    padding-left: 1%;
}

section#pageNavi ul#pachiOrSlot li.pachinko
{
    background-color: #357ac7; 
    background-image: url(../images/product/pachiOrSlot.png), url(../images/product/icon_pachinko.png);
    background-repeat: no-repeat;
    background-position: 10% 45% ,16%  40%;
}

section#pageNavi ul#pachiOrSlot li.pachislot
{
    background-color: #ef4e74; 
    background-image: url(../images/product/pachiOrSlot.png), url(../images/product/icon_slot.png);
    background-repeat: no-repeat;
    background-position: 10% 45% ,16%  40%;
}

section#pageNavi ul#pachiOrSlot li.nonActive.pachinko a
{
    display: block;

    color: #606060;
}

section#pageNavi ul#pachiOrSlot li.nonActive.pachinko a em
{
    background-color: #e2e2e2; 
    background-image: url(../images/product/pachiOrSlot.png), url(../images/product/icon_pachinko.png);
    background-repeat: no-repeat;
    background-position: 10% 45% ,16%  40%;
}

section#pageNavi ul#pachiOrSlot li.nonActive.pachinko a em:hover
{
    transition: .6s; 

    color: #fff;
    background-color: #357ac7;
}

section#pageNavi ul#pachiOrSlot li.nonActive.pachislot a
{
    display: block;

    color: #606060;
}

section#pageNavi ul#pachiOrSlot li.nonActive.pachislot a em
{
    background-color: #e2e2e2; 
    background-image: url(../images/product/pachiOrSlot.png), url(../images/product/icon_slot.png);
    background-repeat: no-repeat;
    background-position: 10% 45% ,16%  40%;
}

section#pageNavi ul#pachiOrSlot li.nonActive.pachislot a em:hover
{
    transition: .6s; 

    color: #fff;
    background-color: #ef4e74;
}

@media screen and (max-width: 768px)
{
    section#pageNavi ul#pachiOrSlot
    {
        float: none; 

        width: 100%;
    }

    section#pageNavi ul#pachiOrSlot li.pachinko
    {
        background-position: 1% 45% ,7% 40%;
    }

    section#pageNavi ul#pachiOrSlot li.pachinko em
    {
        font-size: 62%;

        padding-left: 16%;
    }

    section#pageNavi ul#pachiOrSlot li.pachislot
    {
        background-position: 1% 45% ,7% 40%;
    }

    section#pageNavi ul#pachiOrSlot li.pachislot em
    {
        font-size: 62%;

        padding-left: 16%;
    }

    section#pageNavi ul#pachiOrSlot li.nonActive.pachislot a em
    {
        font-size: 62%;

        padding-left: 16%; 

        background-position: 1% 45% ,7% 40%;
    }

    section#pageNavi ul#pachiOrSlot li.nonActive.pachinko a em
    {
        font-size: 62%;

        padding-left: 16%; 

        background-position: 1% 45% ,7% 40%;
    }
}
ul#firstTags
{
    float: left;

    width: 25%;
}

ul#firstTags li
{
    font-size: 138.5%;

    display: block;

    vertical-align: middle;

    color: #fff;
    background-color: #616262;
}

@media screen and (max-width: 768px)
{
    ul#firstTags li
    {
        min-height: 44px;
    }
}
ul#firstTags li:hover
{
    cursor: pointer; 

    background-color: #3fa79e;
}

ul#firstTags li.spec
{
    border-bottom: solid 1px #fff; 
    background-image: url(../images/product/specIcon.png);
    background-repeat: no-repeat;
    background-position: 7% 45%;
}

ul#firstTags li.genre
{
    border-bottom: solid 1px #fff; 
    background-image: url(../images/product/specIcon2.png);
    background-repeat: no-repeat;
    background-position: 7% 45%;
}

ul#firstTags li.release
{
    border-bottom: solid 1px #fff; 
    background-image: url(../images/product/releaseIcon.png);
    background-repeat: no-repeat;
    background-position: 7% 45%;
}

ul#firstTags li.active
{
    border-bottom: 1px solid #fff; 
    background-color: #3fa79e;
}

ul#firstTags li a
{
    line-height: 138.5%;

    display: block; 

    padding: 4.5% 5% 4.5% 18%;

    color: #fff;
}

@media screen and (max-width: 768px)
{
    ul#firstTags li a
    {
        padding: 15px 5% 15px 30%;
    }
}
ul#firstTags li:last-child
{
    border-bottom: 1px solid #616262;
}

ul#firstTags li:last-child:hover
{
    border-bottom: 1px  solid #3fa79e;
}

ul#firstTags li:last-child
{
    border-bottom: 1px solid #616262;
}

ul#firstTags li:last-child:hover
{
    border-bottom: 1px  solid #3fa79e;
}

ul#firstTags li:last-child.active
{
    border-bottom: 1px  solid #3fa79e;
}

@media screen and (max-width: 768px)
{
    ul#firstTags
    {
        font-size: 62%; 

        float: left;

        width: 50%;
    }
}
.selectBox
{
    font-size: 123.1%;

    float: right;

    width: 26%;
    min-height: 150px; 
    padding: 2% 2% 3% 2%;

    border: 1px solid #3fa79e;
    background: #e2e2e2;
}

@media screen and (max-width: 768px)
{
    .selectBox
    {
        min-height: 138px;
    }
}
.selectBox select
{
    font-size: 123.1%;

    padding: 5px;

    cursor: pointer; 

    background-color: #fff;
}

@media screen and (max-width: 768px)
{
    .selectBox
    {
        font-size: 11px;

        width: 50%;
        padding: 2% 2% 6% 2%;

        border: 1px solid #3fa79e; 
        background: #e2e2e2;
    }

    .selectBox p
    {
        font-size: 11px;
    }
}