@charset "UTF-8";

html {
     font-size: 12px;
    position: relative;
    font-family: "メイリオ",sans-serif;
}

body::before {
    content: "";
    display: none;
    position: fixed;
    -webkit-position: fixed;
    width: 100%;
    height: 100%;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    top: 0;
    left: 0;
    z-index: -1;
}

.mainVisual{ width: 100%; height: 100vh; overflow: hidden; box-sizing: border-box; padding: 0px 0px 0px; margin: 0px auto 0px; position: fixed; top: 0px; left: 0px; z-index: -1000;  }
.mainVisual img { width: 100%; height: auto; }
@media screen and (max-width: 40em){
    body::before {
        display: block;
    }
}
@media screen and (max-width: 22.5em){
    body::before {
        display: block;
    }
}

img {
    width: 100%;
    height: auto;
}
.clearfix::after {
    content: '';
    display: block;
    clear: both;
}
.blocklink {
    display: block;
    width: 100%;
    height: 100%;
}
.wrapper {
    width: 100%;
}
.inWrapper{ background: #FFF; }
.top_cover {
    width: 100%;
    height: 90vh;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.dotCover   { background: url(../img/main_cover.png); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index:100; }
.top_cover_content {
    width: 96%;
    margin: 0px 0 0;
    padding: 35% 2% 0px;
    overflow: hidden;
    position: relative;
    z-index:1000;
}
.top_cover_content_img {
    clear: both;
    display: block;
    float: right;
    margin-bottom: 15px;
    height: auto;
    width: 70%;
}
.img02  { width: 30%; height: auto; float: right; padding-bottom: 55px; }
.newsBox    { background-color: rgba(000,000,000,0.8); overflow: hidden;  color: #FFF; width: 100%; padding: 15px; box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 12px; position: absolute; bottom: 0px; z-index:1300; }
.newsBox div    { width: 60px; float: left; font-size: 14px; font-weight: bold; color: #ffff33; }
.newsBox p      {
    width: 75%;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    animation: flow 10s linear infinite;
}
@keyframes flow{
    from{
        text-indent: 100%;
    }

    to{
        /* 文字数に合わせて変更 */
        text-indent: -100%;
    }
}

.newsBox2    { background-color: rgba(000,000,000,0.8); overflow: hidden;  color: #FFF; width: 100%; padding: 15px; box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 12px; position: absolute; bottom: 0px; z-index:1300; }
.newsBox div    { width: 60px; float: left; font-size: 14px; font-weight: bold; color: #ffff33; }
.newsBox p      {
    width: 75%;
    float: left;
    overflow: hidden;
    white-space: nowrap;
}

.underArrow {
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -20px;
    animation: moveY 2s infinite alternate linear;
    -ms-animation: moveY 2s infinite alternate linear;
    -webkit-animation: moveY 2s infinite alternate linear;
    -moz-animation: moveY 2s infinite alternate linear;
    z-index: 1200;
}
.top_cover_btn {
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
    margin: 0px auto 0px;
    border: 1px solid #ffffff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.top_cover_btn_arrow {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 12px;
    left: 50%;
    margin-left: -5px;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

div#navigation  { width: 100%; height: 45px; z-index: 20000; background: #FFF; position: fixed; top: 0px; left: 0px; }

.gnav_logo {
display: block;
width: 25%;
height: 45px;
float: left;
background: #000000 url('../img/nav/nav_logo.png') no-repeat center center;
background-size: contain;
text-align: center;
}
.gnav_menu_about {
    float: left;
    width: 30%;
    text-align: center;
}
.gnav_menu_about .gnav_menu_content {
    border-right: 1px solid #dddddd;
}

ul.linkNvg  { width: 92px; overflow: hidden; float: right; margin-right: 45px; border-left: 1px solid #EEE; }
ul.linkNvg li   { display: block; width: 45px; height: 45px; float: left; cursor: pointer; border-right: 1px solid #EEE; }
ul.linkNvg li a { width: 45px; height: 45px; display: block; text-align: center; font-size: 9px; color: #000; text-decoration: none; padding: 29px 0px 0px; box-sizing: border-box; font-family: "Arial",sans-serif; }
ul.linkNvg li a.cart    { background: url(../img/nav/icon_cart.png) no-repeat 50% 25%; background-size: 40%; }
ul.linkNvg li a.login    { background: url(../img/nav/icon_login.png) no-repeat 50% 25%; background-size: 40%; }

#product    { width: 100%; clear: both; overflow: hidden; }
.product_cover {
    height: 635px;
}
.product_cover_content {
    width: 100%;
    padding: 8% 5%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.product_cover_content .titleImg    { width: 100%; padding: 0px 0px 20px; }
.product_cover_content .subTitle    { font-size: 18px; font-weight: bold; padding: 0px 0px 5px; }
.product_cover_content p            { font-size: 12px; line-height: 180%; padding: 0px 0px 20px; }
.product_cover_content strong       { font-size: 12px; font-weight: bold; }
.product_cover_content a    { text-decoration: none; border: 1px solid #ff9999; background: #ff9999; border-radius: 3px; padding: 20px 10px 18px; font-size: 16px; font-weight: bold; display: block; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; color: #FFF; text-align: center; letter-spacing: 2px; }
.product_cover_content a:hover  { background: none; color: #ff9999; border: 1px solid #ff9999; }

.product_cover_img {
    width: 100%;
    height: 235px;
    background: url('../img/product/product_cover.jpg') center center;
    background-size: cover;
}
@media (min-width: 320px){
    .product_cover_img {
        width: 100%;
        height: 335px;
        background: url('../img/product/product_cover.jpg') center center;
        background-size: cover;
    }
     .product_cover_img2 {
        width: 100%;
        height: 335px;
        background: url('../img/product/product_cover2.jpg') center center;
        background-size: cover;
    }
}


.product_cartmark::before {
    content: url('img/carticon.png');
}

div.slideBox    { width: 100%; margin: 0px; padding: 0px; }
div.slideBox .image01Box    { width: 100%; height: auto; }
div.slideBox .image02Box    { width: 100%; height: auto; }
div.slideBox .image03Box    { width: 100%; height: auto; }
div.slideBox .image04Box    { width: 100%; height: auto; }
div.slideBox .image05Box    { width: 100%; height: auto; }
div.slideBox .image06Box    { width: 100%; height: auto; }
div.slideBox .image01Box img    { width: 100%; height: auto; display: block;  }
div.slideBox .image02Box img    { width: 100%; height: auto; display: block;  }
div.slideBox .image03Box img    { width: 100%; height: auto; display: block;  }
div.slideBox .image04Box img    { width: 100%; height: auto; display: block;  }
div.slideBox .image05Box img    { width: 100%; height: auto; display: block;  }
div.slideBox .image06Box img    { width: 100%; height: auto; display: block;  }

div.aboutBox    { width: 100%; margin: 0px; padding: 0px; }

div.itemList    { width: 100%; margin: 0px auto 0px; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; overflow: hidden; }
div.itemList .inBox     { width: 100%; margin: 0px auto; overflow: hidden; padding: 0px; border-top: 1px solid #EEE; box-sizing: border-box; -webkit-box-sizing: border-box; }
div.itemList .inBox .cateTit    { background: #EFEFEF; font-size: 14px; font-weight: bold; text-align: center; padding: 25px 0px 10px; }
div.itemList h3 { text-align: center; font-weight: bold; font-size: 14px; padding: 0px 0px 15px; margin: 0px; }

div.itemList .itemBoxW   { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; float: left; border-bottom: 1px solid #EEE; padding: 5%; }
div.itemList .itemBoxW .textBox { width: 50%; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; float: right; }
div.itemList .itemBoxW p { padding: 0px; font-size: 11px; line-height: 140%; }
div.itemList .itemBoxW p span    { font-size: 10px; color: #999; display: block; }
div.itemList .itemBoxW img   { width: 50%; height: auto; float: left; }
div.itemList .itemBoxW a     { display: block; border: 1px solid #ff9999; background: #ff9999; color: #FFF; border-radius: 3px; text-decoration: none; padding: 10px 0px 8px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; margin-top: 5px; text-align: center; line-height: 100%; font-size: 12px; letter-spacing: 2px; font-weight: bold; }
div.itemList .itemBoxW a:hover   { border: 1px solid #ff9999; background: none; color: #ff9999; }

div.itemList .itemBox   { width: 50%; height: 330px; box-sizing: border-box; -webkit-box-sizing: border-box; float: left; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; padding: 5%; position: relative; }
div.itemList .itemBox p { padding: 15px 0px; font-size: 11px; line-height: 140%; }
div.itemList .itemBox p span    { font-size: 10px; color: #999; display: block; }
div.itemList .itemBox img   { width: 100%; height: auto; }
div.itemList .itemBox a     { display: block; border: 1px solid #ff9999; background: #ff9999; color: #FFF; border-radius: 3px; text-decoration: none; padding: 10px 0px 8px; width: 80%; box-sizing: border-box; -webkit-box-sizing: border-box; margin-top: 5px; text-align: center; line-height: 100%; font-size: 12px; letter-spacing: 2px; font-weight: bold; position: absolute; bottom: 15px; left: 10%; }
div.itemList .itemBox a:hover   { background: none; border: 1px solid #ff9999; color: #ff9999; }
div.itemList h3 { text-align: center; font-size: 16px; font-weight: bold; letter-spacing: 2px; padding: 30px 0px 30px; }
div.itemList .moreBtn   { display: block; color: #000; background: url(../../img/icon_arrow.png) no-repeat 100% 50%; text-decoration: none; padding: 0px 20px 0px 0px; width: 95%; box-sizing: border-box; -webkit-box-sizing: border-box; text-align: right; line-height: 140%; font-size: 12px; font-weight: bold; margin: 10px auto 25px; }

div.otherItemList   { width: 95%; margin: 0px auto 0px; box-sizing: border-box; }
div.otherItemList .inBox    { margin: 0px 0px 20px; background: #EFEFEF; width: 100%; padding: 1%; }
div.otherItemList .itemBoxW   { width: 100%; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; float: none; padding: 5%; border-bottom: 1px solid #DDD; }
div.otherItemList .itemBoxW .textBox { width: 62%; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; float: right; }
div.otherItemList .itemBoxW p { padding: 0px; font-size: 11px; font-weight: bold; line-height: 160%; }
div.otherItemList .itemBoxW p span    { font-size: 11px; color: #999; display: block; font-weight: normal; }
div.otherItemList .itemBoxW img   { width: 35%; height: auto; float: left; }
div.otherItemList .itemBoxW a     { display: block; border: 1px solid #ff9999; background: #ff9999; color: #FFF; border-radius: 3px; text-decoration: none; padding: 10px 0px 8px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; margin-top: 5px; text-align: center; line-height: 100%; font-size: 12px; letter-spacing: 2px; font-weight: bold; }
div.otherItemList .itemBoxW a:hover   { border: 1px solid #ff9999; background: none; color: #ff9999; }
div.otherItemList .itemBoxW:last-child{ border: 0px; }

div.shopGuide   { width: 100%; margin: 0px auto 0px; overflow: hidden; padding: 20px 0px; }
div.shopGuide h3    { font-size: 16px; font-weight: bold; text-align: center; padding: 0px 0px 10px; }
div.shopGuide ul    { width: 100%; padding: 0px 2%; box-sizing: border-box; -webkit-box-sizing: border-box; }
div.shopGuide li    { width: 50%; height: 200px; float: left; padding: 0px 2%; box-sizing: border-box; -webkit-box-sizing: border-box; }
div.shopGuide li p  { font-size: 12px; line-height: 180%; padding: 10px 0px 0px; }
div.shopGuide li img { width: 100%; height: auto; }

div.shopGuideUnder   { width: 100%; margin: 0px auto; overflow: hidden; padding: 2%; box-sizing: border-box; -webkit-box-sizing: border-box; }
div.shopGuideUnder .attentionBoxLeft { width: 100%; }
div.shopGuideUnder .attentionBoxRight { width: 100%; }
div.shopGuideUnder .detailBox    { width: 100%; padding: 0px 0px 30px; overflow: hidden; }
div.shopGuideUnder .detailBox h3 { background: #000; color: #FFF; padding: 10px 0px 8px; font-size: 14px; text-align: center; }
div.shopGuideUnder .detailBox p  { padding: 15px 0px; text-align: left; font-size: 12px; line-height: 180%; }
div.shopGuideUnder .detailBox .iconBox  { font-size: 12px; padding: 10px 0px 0px; }
div.shopGuideUnder .detailBox .underLink    { display: block; float: right; background: url(../../img/icon_arrow.png) no-repeat 0 50%; text-decoration: none; color: #333; padding: 0px 0px 0px 20px; font-size: 12px; line-height: 120%; }

div.footerBox   { width: 100%; background: #000; padding: 10px 0px; color: #FFF; overflow: hidden; }
div.footerBox .logoData { width: 50px; height: auto; margin: 10px auto; }
div.footerBox .logoData img { width: 100%; height: auto; }
div.footerBox span  { display: block; text-align: center; font-size: 10px; letter-spacing: 2px; }


/*　縦の動き　*/
@keyframes moveY {
    0%  {bottom:30px;}
    50% {bottom:50px;}
    100%{bottom:30px;}
}

@-ms-keyframes moveY {
    0%  {bottom:30px;}
    50% {bottom:50px;}
    100%{bottom:30px;}
}

@-webkit-keyframes moveY /* Safari and Chrome */
{
    0%  {bottom:30px;}
    50% {bottom:50px;}
    100%{bottom:30px;}
}

@-moz-keyframes moveY /* Firefox */
{
    0%  {bottom:30px;}
    50% {bottom:50px;}
    100%{bottom:30px;}
}

#menuBox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 45px;
    z-index: 99999;
    display: none;
    background: rgba(000,000,000,0.9);
    overflow: auto;
}

.menu-trigger   { display: block; width: 45px; height: 45px; position: absolute; top: 0px; right:0px; cursor: pointer; }
.menu-trigger,
.menu-trigger span {
    display: inline-block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.menu-trigger p   { position: absolute; bottom: 7px; left: 18%; text-align: center; font-size: 9px; color: #000; font-family: "Arial",sans-serif; }

.menu-trigger span {
    position: absolute;
    left: 27%;
    width: 20px;
    height: 2px;
    background-color: #000;
    border-radius: 1px;
}
.menu-trigger span:nth-of-type(1) {
    top: 9px;
}
.menu-trigger span:nth-of-type(2) {
    top: 15px;
}
.menu-trigger span:nth-of-type(3) {
    bottom: 22px;
}
.menu-trigger.active    { background: #000; }
.menu-trigger.active :nth-of-type(1){
    width: 20px;
    transform: translate(0px,14px) rotate(-45deg);
    -webkit-transform: translate(0px,14px) rotate(-45deg);
    background: #FFF;
}
.menu-trigger.active :nth-of-type(2){
    display: none;
}
.menu-trigger.active :nth-of-type(3){
    width: 20px;
    transform: translate(0px,2px) rotate(45deg);
    -webkit-transform: translate(0px,2px) rotate(45deg);
    background: #FFF;
}
.menu-trigger.active p  { display: none; }
#navigation input[type=checkbox]{
    display: none;
}
#navigation input[type=checkbox]:checked + #menuBox {
    display: block;
}
#navigation label {
    z-index: 9998;
    display: block;
}

ul.navBox   { width: 100%; height: 100%; padding: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; }
ul.navBox li{ width: 100%; height: auto; margin-bottom: 5px; border-radius: 3px; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box;  }
ul.navBox li a          { color: #000; background: #FFF; padding: 16px 0px 13px; height: 100%; line-height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; display: block; font-weight: bold; font-size: 16px; text-decoration: none; }
ul.navBox li a img      { width: 90%; margin: 0px auto; }





@media screen and (min-width: 400px) and (max-width: 1024px){
    body::before {
        display: block;
    }
    div#navigation  { width: 100%; height: 90px; z-index: 20000; background: #FFF; position: fixed; top: 0px; left: 0px; }
    .gnav_menu_about .gnav_menu_content {
        border-right: 1px solid #dddddd;
    }

    ul.linkNvg  { width: 184px; overflow: hidden; float: right; margin-right: 90px; border-left: 1px solid #EEE; }
    ul.linkNvg li   { display: block; width: 90px; height: 90px; float: left; cursor: pointer; border-right: 1px solid #EEE; }
    ul.linkNvg li a { width: 90px; height: 90px; display: block; text-align: center; font-size: 12px; color: #000; text-decoration: none; padding: 60px 0px 0px; box-sizing: border-box; font-family: "Arial",sans-serif; }
    ul.linkNvg li a.cart    { background: url(../img/nav/icon_cart.png) no-repeat 50% 27%; background-size: 40%; }
    ul.linkNvg li a.login    { background: url(../img/nav/icon_login.png) no-repeat 50% 27%; background-size: 40%; }

    .gnav_logo {
        display: block;
        width: 25%;
        height: 90px;
        float: left;
        background: #000000 url('../img/nav/nav_logo.png') no-repeat center center;
        background-size: contain;
        text-align: center;
    }
    .gnav_menu_about {
        float: left;
        width: 30%;
        text-align: center;
    }
    .gnav_menu_about .gnav_menu_content {
        border-right: 1px solid #dddddd;
    }

    #menuBox {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 90px;
        z-index: 99999;
        display: none;
        background: rgba(000,000,000,0.9);
        overflow: auto;
    }

    .newsBox    { background-color: rgba(000,000,000,0.8); overflow: hidden;  color: #FFF; width: 100%; padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 18px; position: absolute; bottom: 0px; z-index:1300; }
    .newsBox div    { width: 100px; float: left; font-size: 18px; font-weight: bold; color: #ffff33; }
    .newsBox p      { width: 70%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .underArrow {
        position: absolute;
        bottom: 100px;
        left: 50%;
        margin-left: -20px;
        animation: moveY 2s infinite alternate linear;
        -ms-animation: moveY 2s infinite alternate linear;
        -webkit-animation: moveY 2s infinite alternate linear;
        -moz-animation: moveY 2s infinite alternate linear;
        z-index: 1200;
    }
    .top_cover {
        width: 100%;
        height: 95vh;
        padding: 0;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        overflow: hidden;
        position: relative;
        z-index: 0;
    }
    .top_cover_btn {
        display: block;
        width: 40px;
        height: 40px;
        position: relative;
        margin: 0px auto 0px;
        border: 1px solid #ffffff;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .top_cover_btn_arrow {
        width: 10px;
        height: 10px;
        position: absolute;
        top: 12px;
        left: 50%;
        margin-left: -5px;
        border-right: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    #product    { width: 100%; clear: both; overflow: hidden; }
    .product_cover {
        height: 635px;
    }
    .product_cover_img {
        width: 100%;
        height: 635px;
        background: url('../img/product/product_cover.jpg') center center;
        background-size: cover;
    }
    .product_cover_img2 {
        width: 100%;
        height: 635px;
        background: url('../img/product/product_cover2.jpg') center center;
        background-size: cover;
    }
    .product_cartmark::before {
        content: url('img/carticon.png');
    }

    #menuBox {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 90px;
        z-index: 99999;
        display: none;
        background: rgba(000,000,000,0.9);
        overflow: auto;
    }

    .menu-trigger   { display: block; width: 90px; height: 90px; position: absolute; top: 0px; right:0px; cursor: pointer; }
    .menu-trigger,
    .menu-trigger span {
        display: inline-block;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .menu-trigger p   { position: absolute; bottom: 19px; left: 30%; text-align: center; font-size: 12px; color: #000; font-family: "Arial",sans-serif; }

    .menu-trigger span {
        position: absolute;
        left: 27%;
        width: 40px;
        height: 2px;
        background-color: #000;
        border-radius: 1px;
    }
    .menu-trigger span:nth-of-type(1) {
        top: 21px;
    }
    .menu-trigger span:nth-of-type(2) {
        top: 32px;
    }
    .menu-trigger span:nth-of-type(3) {
        bottom: 45px;
    }
    .menu-trigger.active    { background: #000; }
    .menu-trigger.active :nth-of-type(1){
        width: 40px;
        transform: translate(0px,22px) rotate(-45deg);
        -webkit-transform: translate(0px,22px) rotate(-45deg);
        background: #FFF;
    }
    .menu-trigger.active :nth-of-type(2){
        display: none;
    }
    .menu-trigger.active :nth-of-type(3){
        width: 40px;
        transform: translate(0px,0px) rotate(45deg);
        -webkit-transform: translate(0px,0px) rotate(45deg);
        background: #FFF;
    }
    .menu-trigger.active p  { display: none; }
    #navigation input[type=checkbox]{
        display: none;
    }
    #navigation input[type=checkbox]:checked + #menuBox {
        display: block;
    }
    #navigation label {
        z-index: 9998;
        display: block;
    }

    ul.navBox   { width: 100%; height: 100%; padding: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; }
    ul.navBox li{ width: 100%; height: auto; margin-bottom: 5px; border-radius: 3px; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box;  }
    ul.navBox li a          { color: #000; background: #FFF; padding: 26px 0px 23px; height: 100%; line-height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; display: block; font-weight: bold; font-size: 18px; text-decoration: none; }
    ul.navBox li a img      { width: 90%; margin: 0px auto; }

    div.itemList .itemBoxW   { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; float: left; border-bottom: 1px solid #EEE; padding: 5%; }
    div.itemList .itemBoxW .textBox { width: 50%; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; float: right; }
    div.itemList .itemBoxW p { padding: 0px; font-size: 16px; line-height: 140%; }
    div.itemList .itemBoxW p span    { font-size: 10px; color: #999; display: block; }
    div.itemList .itemBoxW img   { width: 50%; height: auto; float: left; }
    div.itemList .itemBoxW a     { display: block; border: 1px solid #ff9999; background: #ff9999; color: #FFF; border-radius: 3px; text-decoration: none; padding: 10px 0px 8px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; margin-top: 5px; text-align: center; line-height: 100%; font-size: 16px; letter-spacing: 2px; font-weight: bold; }
    div.itemList .itemBoxW a:hover   { border: 1px solid #ff9999; background: none; color: #ff9999; }

    div.itemList .itemBox   { width: 50%; height: 440px; box-sizing: border-box; -webkit-box-sizing: border-box; float: left; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; padding: 5%; position: relative; }
    div.itemList .itemBox p { padding: 15px 0px; font-size: 16px; line-height: 140%; }
    div.itemList .itemBox p span    { font-size: 10px; color: #999; display: block; }
    div.itemList .itemBox img   { width: 80%; height: auto; display: block; margin: 0px auto; }
    div.itemList .itemBox a     { display: block; border: 1px solid #ff9999; background: #ff9999; color: #FFF; border-radius: 3px; text-decoration: none; padding: 10px 0px 8px; width: 80%; box-sizing: border-box; -webkit-box-sizing: border-box; margin-top: 5px; text-align: center; line-height: 100%; font-size: 16px; letter-spacing: 2px; font-weight: bold; position: absolute; bottom: 25px; left: 10%; }
    div.itemList .itemBox a:hover   { background: none; border: 1px solid #ff9999; color: #ff9999; }
    div.itemList h3 { text-align: center; font-size: 16px; font-weight: bold; letter-spacing: 2px; padding: 30px 0px 30px; }
    div.itemList .moreBtn   { display: block; color: #000; background: url(../../img/icon_arrow.png) no-repeat 100% 50%; text-decoration: none; padding: 0px 20px 0px 0px; width: 95%; box-sizing: border-box; -webkit-box-sizing: border-box; text-align: right; line-height: 140%; font-size: 16px; font-weight: bold; margin: 10px auto 25px; }

    div.otherItemList   { width: 95%; margin: 0px auto 0px; box-sizing: border-box; }
    div.otherItemList .inBox    { margin: 0px 0px 20px; background: #EFEFEF; width: 100%; padding: 1%; }
    div.otherItemList .itemBoxW   { width: 100%; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; float: none; padding: 5%; border-bottom: 1px solid #DDD; }
    div.otherItemList .itemBoxW .textBox { width: 62%; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; float: right; }
    div.otherItemList .itemBoxW p { padding: 0px; font-size: 16px; font-weight: bold; line-height: 160%; }
    div.otherItemList .itemBoxW p span    { font-size: 11px; color: #999; display: block; font-weight: normal; }
    div.otherItemList .itemBoxW img   { width: 35%; height: auto; float: left; }
    div.otherItemList .itemBoxW a     { display: block; border: 1px solid #ff9999; background: #ff9999; color: #FFF; border-radius: 3px; text-decoration: none; padding: 10px 0px 8px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; margin-top: 5px; text-align: center; line-height: 100%; font-size: 16px; letter-spacing: 2px; font-weight: bold; }
    div.otherItemList .itemBoxW a:hover   { border: 1px solid #ff9999; background: none; color: #ff9999; }
    div.otherItemList .itemBoxW:last-child{ border: 0px; }
}

.lpBanar    { width: 100%; }
.lpBanar img    { width: 100%; height: auto; }


/*20171027ネットショップ大賞受賞*/
.gr_img img{
  width: 100%;
}



/********************
 * 追加　ojima
 ********************/

.newsblock{
    width: 100%;
    height: 90px;
    margin: 0 auto;
    border: solid 0px #9cc;
}
.newsblock_l{
    width: 35%;
    height: 100%;
    background-color: #9cc;
    color: #fff;
    text-align: center;
    float: left;
}
.newsblock_r{
    width: 65%;
    height: 100%;
    background-color: #ffffff;
    align: left;
    float: left;
}

.newsblock_l_txt{
    font-size: 18px;
    font-weight: bold;
    margin: 25px 0px 0px 0px;
}
.newsblock_r_txt{
    font-size: 12px;
    margin: 15px 10px 5px 10px;
}