@charset "utf-8";
/* common.css : 共通CSS(mobile first)
     2016/2/23 Create:nakagawa -----------------------------------------*/

html {
    font-size: 9px;
}

body {
    font-size: 1.25em;
    line-height: 1.4;
    font-weight: 500;
    font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', YuGothic, 'Yu Gothic', 'Yu Gothic UI', sans-serif;
    color: #696969;
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    transition: .2s;
}

a {
    color: #696969;
    letter-spacing: 0.1em;
    transition: .2s;
}

p {
    letter-spacing: 0.1em;
}

.layout_content a {
    color: #3498db;
}

h2 #prisilaTop li a span,
.itemPrice,
.red {
    font-weight: normal;
    font-size: initial;
    display: inline-block;
    margin: 5px auto 0;

}

.pink {
    color: #F69;
    font-weight: bold;
}

a:hover {
    text-decoration: none;
}

@media screen and (min-width:480px) {
    a:hover {
        color: #FFBDE1;
    }

    a:hover img {
        opacity: 0.6;
    }
}

a.stores {
    width: 98%;
    height: 3em;
    line-height: 3em;
    margin: 0.5em auto 1em;
    text-align: center;
    display: block;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 2px solid #ffbde1;
    background: -moz-linear-gradient(center top, #ffffff 5%, #fceef4 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #fceef4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fceef4');
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #fceef4));
    background-color: #ffffff;
    color: #333333;
    font-size: 1.5em;
    font-weight: bold;
}

a.stores:hover {
    background: -moz-linear-gradient(center top, #fceef4 5%, #ffffff 100%);
    background: -ms-linear-gradient(top, #fceef4 5%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceef4', endColorstr='#ffffff');
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #fceef4), color-stop(100%, #ffffff));
    background-color: #fceef4;
}

.pr {
    display: block;
    width: 96%;
    text-align: center;
    margin: 0 auto 30px;
    background: #333;
    color: #fff;
    border-radius: 8px 8px 0 0;
    max-width: 640px;
}

.clear {
    clear: both;
}

.FS2_repeater {
    /* ※必須 カートログイン時用 */
    display: block;
}

.FS2_repeater p {
    display: none;
}

.FS2_repeater .stageimage_ > a {
    display: none !important;
}

.FS2_repeater .stageimage_ p {
    display: block;
    text-align: center;
}

.layout_header .header-menu .FS2_repeater .stageimage_ > p > a {
    height: 1.4em !important;
    line-height: 1.4em !important;
    margin: 0.5em 0 0;
    background-color: #999 !important;
}

.layout_header .header-menu #headerBox .login a.mypage {
    display: inline !important;
    background-color: #fff !important;
    color: #333;
    text-decoration: underline;
    padding: 0 0.5em;
    font-size: 1.1em;
    border-radius: 0;
}

.layout_header .header-menu #headerBox .login a.mypage:hover {
    background-color: #fff;
    color: #F69;
}

.system_content h2,
.system_content h3,
.system_content h4,
.none {
    background: none;
    color: inherit;
    font-size: inherit;
    font-weight: normal;
    height: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    position: inherit;
}


.none {
    margin-bottom: 20px;
}

h4.none::after {
    display: none;
}


.starBox h4:before {
    content: '::';
    margin: 0 5px 0 0;
}

.system_content h4:after,
.starBox h4::after {
    position: inherit;
    bottom: 0;
    left: 0;
    z-index: 2;
    content: inherit;
    width: 0;
    height: 0;
    background-color: none;
    border: 0;
}

h2,
h2.lp-pagetitle,
h2.base {
    background: #FF7BAC;
    width: 100%;
    padding: 1% 0 1% 1%;
    color: #fff;
    margin: 0.5em 0 1.5em;
    font-size: 1.4em;
    font-weight: bold;
}

.layout-menu h2.subttl,
.layout-menu h3 {
    color: #808080;
    background: none;
}

h3,
h3.base {
    background: #333;
    width: 100%;
    padding: 1% 0 1% 1%;
    color: #fff;
    margin: 0 0 15px;
    font-size: 1.2em;
    font-weight: bold;
}

h3::first-child {
    margin: 0 0 1.5em !important;
}

h3.accentttl {
    position: relative;
    padding-bottom: 0.5em;
    border-bottom: 2px solid #ccc;
    margin: 0 0 1.5em;
    font-size: 1.2em;
    padding: 0 0 0.5em 0.5em;
    font-weight: bold;
    color: #333;
    background: none;
}

h3.accentttl::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 2;
    content: '';
    width: 20%;
    height: 2px;
    background-color: #FF7BAC;
}

h4,
h4.base {
    position: relative;
    padding-bottom: 0.5em;
    border-bottom: 2px solid #ccc;
    margin: 0 0 1.5em;
    font-size: 1.2em;
    padding: 0 0 0.5em 0.5em;
    font-weight: bold;
}

h4::after,
h4.base::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 2;
    content: '';
    width: 20%;
    height: 2px;
    background-color: #FF7BAC;
}

section {
    margin: 0 auto 1.5em;
}

section .txt,
section.txt {
    width: 96%;
    margin: 0 auto;
    line-height: 180%;
    font-size: 1.2em;
}

section .txt a,
section.txt a {
    border-bottom: 1px #F69 dashed;
    padding: 0 0 3px;
    font-weight: bold;
}

section .txt a:after {
    content: '❐';
    color: #F69;
    margin: 0 0.5em 0 0;
}

.layout-menu section {
    margin-top: 1em;
}

.starBox h4 {
    color: #FF7BAC;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0 0 0.5em;
    padding-bottom: 0;
    border-bottom: none;
    padding: 0 0 0 0.5em;
}

.starBox h3.categoryttl {
    color: #FF7BAC;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0 0 0.5em;
    padding-bottom: 0;
    border-bottom: none;
    background: none;
}

.starBox h3.categoryttl:before {
    content: '::';
    margin: 0 5px 0 0;
}

.layout_body {
    width: 100%;
    min-width: 320px;
    position: relative;
    margin: 0 auto;
}

.layout_header {
    width: 100%;
    overflow: hidden;
}

.layout_header .header-bar {
    width: 100%;
    background: #333;
    text-align: center;
    color: #F69;
    height: 2.0em;
    line-height: 2.0em;
    font-size: 0.8em;
}

.layout_header p.header-bar span {
    color: #FFF;
    display: none;
}

.layout_header .header-bar.blandmenu {
    width: 100%;
    margin: 0 auto 10px;
    height: 4em;
    line-height: 4em;
    color: #fff;
}

.layout_header .header-bar.blandmenu ul {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    overflow: hidden;
}

.layout_header .header-bar.blandmenu ul li {
    width: 25%;
    float: left;
}

.layout_header .header-bar.blandmenu ul li a {
    display: block;
    width: 100%;
    height: auto;
    color: #fff;
    font-size: 1.25em;
    font-weight: bold;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.layout_header .header-bar.blandmenu ul li a:hover {
    text-decoration: none;
}

.layout_header .header-bar.blandmenu ul li.mrs a:hover {
    background-color: #945993;
}

.layout_header .header-bar.blandmenu ul li.iryo a:hover {
    background-color: #6595BF;
}

.layout_header .header-bar.blandmenu ul li.prichara a:hover {
    background-color: #F7931E;
}

.layout_header .header-bar.blandmenu ul li.color a:hover {
    background: rgb(77, 255, 125);
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgb(77, 255, 125) 0%, rgb(82, 250, 255) 30%, rgb(254, 93, 230) 63%, rgb(250, 233, 100) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgb(77, 255, 125) 0%, rgb(82, 250, 255) 30%, rgb(254, 93, 230) 63%, rgb(250, 233, 100) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgb(77, 255, 125) 0%, rgb(82, 250, 255) 30%, rgb(254, 93, 230) 63%, rgb(250, 233, 100) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4dff7d', endColorstr='#fae964', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.layout_header .header-bar.blandmenu ul li.outlet a:hover {
    background-color: #C1142D;
}

.layout_table .layout-content .indexBnrarea {
    width: 98%;
    margin: 0 auto;
}

/* サムネイル有りTOP用バナーエリア */
.layout_table .layout-content .indexBnrarea2 {
    width: 98%;
    margin: 20px auto 10px;
}

.layout_table .layout-content .indexBnrarea2 a {
    display: block;
    font-size: 1.05em;
    line-height: 60px;
    height: 60px;
    font-weight: bold;
    border-radius: 8px;
    border: 1px solid #ccc;
    color: #000;
    padding: 0 0 0 5px
}

.layout_table .layout-content .indexBnrarea2 a:hover {
    text-decoration: none;
    opacity: 0.3;
}

.layout_table .layout-content .indexBnrarea2 #li01 a {
    background: url(/img/index/201809/img_topMenu01.jpg) center right no-repeat;
    background-size: cover;
    opacity: 0.8;
}

.layout_table .layout-content .indexBnrarea2 #li02 a {
    background: url(/img/index/img_collection2019AW_bg.jpg) center right no-repeat;
    background-size: cover;
    color: #fff;
    opacity: 0.8;
}

.layout_table .layout-content .indexBnrarea2 #li03 a {
    background: url(/img/index/img_topMenu03.jpg) center right no-repeat;
    background-size: cover;
    opacity: 0.8;
}

.layout_table .layout-content .indexBnrarea2 #li04 a {
    background: url(/img/index/201610/img_201610_topMenu04.png) center right no-repeat;
    background-size: contain;
}

.layout_table .layout-content .indexBnrarea2 li {
    margin: 0 1% 5px 0;
}

.layout_table .layout-content .indexBnrarea2 #li01 a {
    color: #FFF;
}

.layout_table .layout-content .indexBnrarea2 #li04 a {
    border: 1px #F69 solid;
    color: #f69;
}

/* / サムネイル有りTOP用バナーエリア */

.layout_header #searchBox {
    width: 100%;
    margin: 0 auto 5px;
}

.layout_header #searchBox p {
    text-align: center;
}

.layout_header #searchBox p a {
    display: inline-block;
}

.layout_header #searchBox p a {
    color: #FF7BAC;
    font-weight: bold;
}

.layout_header #searchBox > div {
    margin: 10px auto 0;
}

.layout_header #searchBox > div form {
    margin: 0 auto 10px;
    width: 95%;
}

.layout_header #searchBox input,
.layout_header #searchBox button,
.layout_header #searchBox textarea,
.layout_header #searchBox select {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.layout_header #searchBox input[type="text"],
.layout_header #searchBox textarea,
#contact dl dd input {
    outline: none;
    border: 1px solid #aaa;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: 1.2em;
    line-height: 1.5em;
    width: 70%;
    padding: 0 0 0 0.5em;
}

.layout_header #searchBox input[type="text"],
#contact dl dd input {
    height: 1.5em;
}

.layout_header #searchBox input[type="text"]:focus,
.layout_header #searchBox textarea:focus,
#contact dl dd input:focus {
    box-shadow: 0 0 7px #ccc;
    border: 1px solid #aaa;
}

.layout_header #searchBox input.FS2_Search_btn {
    width: 25%;
    height: 2em;
    line-height: 1.6em;
    text-align: center;
    background-color: #FF7BAC;
    border-radius: 8px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

.layout_header #searchBox ul {
    margin: 0 auto;
    text-align: center;
}

.layout_header #searchBox ul li {
    text-align: center;
    color: #FF7BAC;
    font-weight: bold;
    display: inline-block;
    margin: 0 1em 0 0;
}

.layout_header #searchBox ul li a {
    text-decoration: underline;
}

.layout_header .header-menu {
    width: 99%;
    overflow: hidden;
    box-sizing: border-box;
    padding: 5px 0;
    margin: 0 auto;
}

.layout_header .header-menu #header-logo {
    width: 30%;
    height: 62px;
    float: left;
}

.layout_header .header-menu #header-logo:before {
    content: "";
    height: 100%;
    vertical-align: middle;
    width: 0px;
    display: inline-block;
}

.layout_header .header-menu #header-logo img {
    max-height: 62px;
    vertical-align: middle;
    display: inline-block;
}

.layout_header .header-menu #headerBox {
    width: 68%;
    float: right;
}

.layout_header .header-menu #headerBox:after {
    content: '';
    height: 0;
    width: 1px;
    clear: both;
}

.layout_header .header-menu .menuArea {
    width: 79%;
    float: left;
    overflow: hidden;
    max-width: 413px;
}

.layout_header .header-menu #headerBox .login {
    width: 68%;
    float: left;
}

.layout_header .header-menu #headerBox .login a {
    width: 100%;
    display: block;
    background-color: #FF7BAC;
    border-radius: 8px;
    color: #fff;
    height: 62px;
    line-height: 62px;
    text-align: center;
    font-weight: bold;
    font-size: 0.8em;
}

.layout_header .header-menu #headerBox .login a:hover {
    text-decoration: none;
}

.layout_header .header-menu #global-nav {
    position: absolute;
    /* 開いてないときは画面外に配置 */
    top: -500px;
    background: #333;
    width: 50%;
    text-align: center;
    padding: 0;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    color: #FFF;
    z-index: 100;
    opacity: 0.9;
    filter: alpha(opacity=90);
    /* Ie用 */
}

#global-nav ul {
    position: static;
    right: 0;
    bottom: 0;
}

#global-nav ul li {
    float: none;
    position: static;
}

#top-head #global-nav li a,
#top-head.fixed #global-nav li a {
    width: 100%;
    display: block;
    color: #fff;
    padding: 18px 0;
}

/* Toggle Button */
#nav-toggle {
    width: 30%;
    box-sizing: border-box;
    border: 2px #666 solid;
    border-radius: 8px;
    padding: 12px 8px;
    text-align: center;
    height: 62px;
    cursor: pointer;
    float: right;
}

#nav-toggle div {
    width: 100%;
}

#nav-toggle div > p {
    font-size: 0.8em;
}

#nav-toggle span {
    display: block;
    height: 4px;
    margin-bottom: 4px;
    width: 100%;
    background: #666;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}

/* #global-nav スライドアニメーション */
.open #global-nav {
    /* #global-nav top + #mobile-head height */
    -moz-transform: translateY(556px);
    -webkit-transform: translateY(556px);
    transform: translateY(600px) translateX(0);
}

.open #global-nav a {
    text-decoration: none;
    font-size: 1.2em;
}

.open #global-nav a:hover {
    background-color: #999;
}


.layout_header .header-menu #headerBox #cart {
    min-height: 62px;
    width: 20%;
    float: right;
    max-width: 82px;
    text-align: center;
    background: #fff;
}

.layout_header .header-menu #headerBox #cart a {
    display: flex;
    -webkit-display: flex;
    /* Safari */
    display: -webkit-box;
    /*--- Androidブラウザ用 ---*/
    display: -ms-flexbox;
    /*--- IE10 ---*/
    display: -webkit-flex;
    /*--- safari（PC）用 ---*/
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    /* Safari */
    justify-content: space-between;
    -webkit-justify-content: center;
    /* Safari */
    align-items: center;
    -webkit-align-items: center;
    /* Safari */
    height: 62px;
    padding: 0px 4px;
    border-radius: 8px;
    border: 2px solid #FF7BAC;
    text-align: center;
    margin: 0;
}

.layout_header .header-menu #headerBox #cart a img {
    max-height: 43px;
    max-width: 52px;
}

.layout_header .header-menu #headerBox #cart:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    /* Ie用 */
}

.layout_table {
    width: 100%;
}

.layout_table .layout-content {
    width: 100%;
    margin: 0 auto 10px;
}

/*.layout_table .layout-content*/
a.nextBtn,
.layout-menu a.nextBtn {
    width: 80%;
    height: 2.6em;
    line-height: 2.6em;
    background-color: #FFBDE1;
    display: block;
    margin: 1em auto 0;
    text-align: center;
    color: #333;
    font-size: 1.3em;
    border-radius: 8px;
    font-weight: bold;
}

/*.layout_table .layout-content */
a.nextBtn:hover,
.layout-menu a.nextBtn:hover {
    background-color: #999;
    color: #FFBDE1;
    text-decoration: none;
}

/* float でのカラム構成 ============================================*/

.clm2,
.clm3,
.clm4,
.clm5 {
    width: 100%;
    overflow: hidden;
}

.clm2 li {
    width: 49%;
    float: left;
    margin-right: 1%;
}

.clm2 li img {
    vertical-align: middle;
}

.clm3 li {
    width: 32%;
    float: left;
    margin-right: 2%;
}

.clm4 li {
    width: 24%;
    margin: 0 1% 0 0;
    float: left;
}

.clm5 li {
    width: 19%;
    margin: 0 1% 0 0;
    float: left;
}

.clm2 li:last-child,
.clm3 li:last-child,
.clm4 li:last-child,
.clm5 li:last-child 
.clm3 li:nth-child(3)
{
    margin-right: 0 !important;
}


/* display:flex;でのカラム構成 (IE9以下はJS対応)============================================*/
ul.grid {
    display: flex;
    -js-display: flex;
    /* JSi */
    -webkit-display: flex;
    /* Safari */
    display: -webkit-box;
    /*--- Androidブラウザ用 ---*/
    display: -ms-flexbox;
    /*--- IE10 ---*/
    display: -webkit-flex;
    /*--- safari（PC）用 ---*/
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    /* Safari */
    justify-content: space-between;
    -webkit-justify-content: space-between;
    /* Safari */
    align-items: stretch;
    -webkit-align-items: stretch;
    /* Safari */
}

ul.grid li {
    padding: 3%;
    margin: 0 0 10px;
    flex: 1 1 auto;
    -webkit-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
}

.grid.w20 li {
    width: 25%;
}

.grid.w20_2 li {
    width: 20%;
}

.grid.w25 li {
    /* スマホでは3カラム*/
    width: 33%;
}

.grid.w25_2 li {
    /* スマホでは2カラム*/
    width: 50%;
}

.grid.w33 li {
    width: 33%;
}

.grid.w50 li {
    width: 50%;
}

.grid.w50_1 li {
    /* スマホでは1カラム*/
    width: 50%;
    min-width: 240px;
}

.grid li div {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.grid li div:before {
    content: '\0020';
    width: 100%;
    padding-top: 100%;
    display: block;
    font-size: 1px;
    line-height: 1;
}

.grid li div img {
    max-width: 100%;
    min-width: 100%;
    width: auto;
    min-height: auto;
    max-height: 140%;
    height: auto;
    position: absolute;
    top: 0;
    right: -40%;
    bottom: -40%;
    left: -40%;
    margin: 0 auto;
}

.grid li div.x-width img {
    max-width: 150%;
    min-width: 100%;
    width: 150%;
    min-height: 100%;
    max-height: 100%;
    height: auto;
    position: absolute;
    top: 0;
    right: -40%;
    bottom: -40%;
    left: -40%;
    margin: 0 auto;
}

.grid li p {
    margin: 10px 0 0;
}

/* ============================================*/

.layout_table .news {
    width: 100%;
    margin: 0 0 20px;
    overflow: hidden;
}

.layout_table .news dt {
    width: 10em;
    margin: 0 0 0.5em 0;
    font-weight: bold;
    color: #FF7BAC;
    font-size: 1.1em;
    padding: 0 1%;
}

.layout_table .news dd {
    width: auto;
    padding: 0 1%;
    margin: 0 0 1em;
}

.layout_table .news dd:last-child {
    margin-bottom: 0;
}

.layout_table .news dd:after {
    clear: both;
    border-bottom: 1px dashed #ffbde1;
    content: '';
    display: block;
    margin: 1em 0 0;
}

.layout_table .layout-content .ranking {
    margin: 0 auto 30px;
}

.layout_table .layout-content .ranking li dl a.rank-thum {
    display: block;
    height: 200px;
    max-height: 100%;
    overflow: hidden;
    margin: 0 0 0.5em;
    border: 1px solid #FCC;
}

.layout_table .layout-content .ranking dl {
    position: relative;
}

.layout_table .layout-content .ranking dl dt {
    font-weight: bold;
    font-size: 1.4em;
    padding: 0 0 0 28px;
    margin: 0 0 0.25em;
}

.layout_table .layout-content .ranking .rank1 dt {
    color: #fb0;
}

.layout_table .layout-content .ranking .rank2 dt {
    color: #aaa;
}

.layout_table .layout-content .ranking .rank3 dt {
    color: #d98;
}

.ranking dt:before {
    position: absolute;
    top: -1px;
    left: 0;
    color: #F69;
    content: "★";
    margin: 0 5px 0 0;
    vertical-align: text-top;
}

.ranking .rank1 dt:before,
.ranking .rank2 dt:before,
.ranking .rank3 dt:before {
    position: absolute;
    top: -5px;
    left: 0;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 10px solid #fb0;
    content: "";
}

.ranking .rank1 dt:after,
.ranking .rank2 dt:after,
.ranking .rank3 dt:after {
    position: absolute;
    top: 7px;
    left: 0;
    width: 0;
    height: 0;
    border: 10px solid #fb0;
    border-top: 6px solid transparent;
    border-bottom: 8px solid #f90;
    content: "";
}

.ranking .rank2 dt:before {
    border-bottom: 10px solid #ccc;
}

.ranking .rank2 dt:after {
    border: 10px solid #ccc;
    border-top: 6px solid transparent;
    border-bottom: 8px solid #aaa;
}

.ranking .rank3 dt:before {
    border-bottom: 10px solid #d98;
}

.ranking .rank3 dt:after {
    border: 10px solid #d98;
    border-top: 6px solid transparent;
    border-bottom: 8px solid #c76;
}

.layout-menu {
    width: 100%;
    float: none;
}

.layout-menu .PrisilaAd ul li {
    margin: 0 auto 10px;
    width: 100%;
    text-align: center;
}

.layout-menu .PrisilaAd ul li:last-child {
    margin: 0 auto 0;
}

.layout-menu ul.sidenavi {
    width: 100%;
}

.layout-menu ul.sidenavi li {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    font-size: 1.1em;
    border-top: 1px #eee solid;
}

.layout-menu ul.sidenavi a {
    display: block;
    padding-left: 60px;
}

.layout-menu ul.sidenavi .new {
    background: url(/img/common/icn-side-new.png) top left;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.layout-menu ul.sidenavi .long {
    background: url(/img/common/icn-side-long.png) top left;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.layout-menu ul.sidenavi .midium {
    background: url(/img/common/icn-side-midium.png) top left;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.layout-menu ul.sidenavi .bob {
    background: url(/img/common/icn-side-bob.png) top left;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.layout-menu ul.sidenavi .short {
    background: url(/img/common/icn-side-short.png) top left;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.layout-menu ul.sidenavi .color {
    background: url(/img/common/icn-side-color.png) top left;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.layout-menu ul.sidenavi .exte {
    background: url(/img/common/icn-side-exte.png) top left;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.layout-menu ul.sidenavi .maegami {
    background: url(/img/common/icn-side-maegami.png) top left;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.layout-menu ul.sidenavi .tail {
    background: url(/img/common/icn-side-tail.png) top left;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.layout-menu ul.sidenavi .point {
    background: url(/img/common/icn-side-point.png) top left;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.layout-menu ul.sidenavi .half {
    background: url(/img/common/icn-side-half.png) top left;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.layout-menu ul.sidenavi .mori {
    background: url(/img/common/icn-side-morigami.png) top left;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.layout-menu ul.sidenavi .acce {
    background: url(/img/common/icn-side-acce.png) top left;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.layout-menu ul.sidenavi .care {
    background: url(/img/common/icn-side-care.png) top left;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.layout-menu ul.sidenavi .gradation {
    background: url(/img/common/icn-side-gradation.png) top left;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.layout-menu ul.sidenavi .colorchart {
    background: url(/img/common/icn-side-colorchart.png) top left;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.layout-menu ul.sidenavi .bousiwig {
    background: url(/img/common/icn-side-bousiwig.png) top left;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.layout-menu ul.sidenavi .choitasihairsheet {
    background: url(/img/common/icn-side-choitasihairsheet.png) top left;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.layout-menu ul.sidenavi .bodycare {
    background: url(/img/common/icn-side-bodycare.png) top left;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}


.layout-menu .sBland li,
.layout-menu .sContents li {
    margin-bottom: 1em;
    text-align: center;
}

.layout-menu ul.sBland p,
.layout-menu .sSpecial li p {
    text-align: center;
    color: #fff;
    background: #333;
    border-radius: 0 0 8px 8px;
    height: 2em;
    line-height: 2em;
    font-size: 0.95em;
    margin: 0 auto;
}

.layout-menu ul.sBland p {
    max-width: 376px;
}

.layout-menu ul.sContents li,
.layout-menu .sSpecial li {
    margin-bottom: 1em;
}

.layout-menu .sSpecial li a {
    display: block;
    line-height: 0;
}

.layout-menu .sns {
    width: 98%;
    display: flex;
    margin: 0 auto;
}

.layout-menu .sns li {
    margin: 2%;
    line-height: 0;
}

.layout-menu .sns li:last-child {
    margin-right: 0;
}

.layout-menu .sBland {
    padding: 5px;
}

.layout-menu .sns li:last-child {
    margin-right: 0;
}

.layout_footer {
    width: 100%;
    clear: both;
    padding: 0;
}


.layout_footer #footer {
    width: 100%;
    background: #333;
    color: #FFF;
}

.layout_footer #footer a {
    color: #fff;
}

.layout_footer #footer dl {
    width: 100%;
    overflow: hidden;
    padding: 2em 2%;
}

.layout_footer #footer dl dt {
    width: 35%;
    float: left;
}

.layout_footer #footer dl dd {
    width: 60%;
    float: right;
}

.layout_footer #footer dl dd ul > li:first-child {
    font-weight: bold;
}

.layout_footer #footer dl dd ul li {
    margin: 0 0 0.75em;
}

.layout_footer #footer dl dd ul li a {
    display: block;
}

.layout_footer #footer dl dd .fCate {
    display: none;
}

.layout_footer p#copyR {
    height: 3em;
    line-height: 3em;
    text-align: center;
}

#media,
.sContents,
.sSpecial,
.sns {
    width: 98%;
    margin: 0 auto;
}

#media li a.thumCate {
    display: block;
    width: 100%;
    vertical-align: middle;
    height: 240px;
    margin: 0 0 0.25em;
    border: 1px #FCC solid;
    text-align: center;
    overflow: hidden;
}

#media li a.thumCate img {
    max-height: 240px;
}

#PCnews {
    display: none;
}

#SPnews {
    display: block;
}



.sub_description {
    border-style: solid;
    border-width: 1px;
    border-color: #BCBCBC;
    padding: 2em;
    /* 10px から2emに変更 */
    margin-top: 2em;
    /* auto から2emに変更 */
    color: #666;
}

.sub_description span {
    font-weight: bold;
    margin-bottom: 1em;
}


/* 既存FS設定の上書き ================================================================= */

#FS2_itemlayout_IHL2 {
    width: 33.3%;
    margin-bottom: 0;
}

.groupLayout .itemGroup {
    width: 100%;
}

.groupLayout .itemGroup a {
    color: #F69;
}


.FS2_Review_Detail_td {
    background: #666;
    color: #fff;
}


.FS2_Review_Detail_td .FS2_Review_Detail_name a,
.FS2_Review_Detail_td a {
    color: #fff;
}

.FS2_body_ReviewListCustomer .userTable_01 th {
    background-color: inherit !important;
    font-weight: bold;
}

.FS2_Review_Detail_td .FS2_Review_Detail_name a,
span.FS2_Review_Detail_name {
    font-weight: bold;
}

#FS2_body_Review .userTable_01,
#FS2_body_Goods .userTable_01 {
    border-bottom: none;
    margin: 0 0 2em;
}

.FS2_ItemComment {
    border-top: 1px dotted #555;
    padding: 1.5em 0 0;
}

.pan {
    margin: 0 auto 0.5em;
    background: #fff;
    padding: 0;
    width: 100%;
    max-width: 1100px;
}

.pan a {
    color: #999;
}

#FS2_itemlayout_IH3.gl_Item {
    margin: 30px 0 15px;
}

.alignItem_03 #FS2_itemlayout_list_B {
    margin: 0 1% 1em 0;
    text-align: left !important;
}

.alignItem_03 #FS2_itemlayout_list_B a {
    color: inherit;
    box-sizing: border-box;
    padding: 0;
    display: block;
}

.alignItem_03 #FS2_itemlayout_list_B a:before {
    content: '▼';
    vertical-align: middle;
    font-size: 0.7em;
    margin-right: 0.5em;
    color: #f69;
    text-decoration: none;
}

#FS2_layout_body {
    background: #fff;
}

.FS2_inputSelection_table th,
.GoodsSelectionTable th,
.userTable_01 caption {
    background-color: #333;
    color: #fff;
    border-bottom: 1px #999 solid;
    padding: 5px 0;
}

td.layout_content {
    display: block;
    width: 100%;
    float: none;
}

td.layout_right {
    display: block;
    float: none;
    width: 100%;
}

.FS2_additional_image_popup_footer {
    position: fixed;
}

.FS2_ReturnedSpecialContract {
    margin: 20px 0;
}

.FS2_ReturnedSpecialContract .FS2_ReturnedSpecialContract_link a {
    background: #333;
    margin: 0 0 0.5em;
    color: #fff;
    padding: 5px;
    display: block;
}

.FS2_ReturnedSpecialContract_text {
    margin: 0;
    border: 0;
    padding: 0;
}

.FS2_ReturnedSpecialContract_text span {
    font-weight: bold;
    color: #F00;
}

.system_content table {
    font-size: 0.95em;
}

.system_content table label {
    display: inline-block;
    margin: 0 0 0.5em;
}

.itemStock {
    padding: 5px;
    margin: 10px 0;
}

.system_content h2.pageTitle {
    background: #333;
    width: 100%;
    padding: 0 0 0 1%;
    height: 2em;
    line-height: 2em;
    color: #fff;
    margin: 0 0 1em;
    border-bottom: none;
    font-size: 1.4em;
    font-weight: bold;
}

.userTable_01 th {
    padding: 5px;
    background-color: #F6F6F6;
}

.userTable_01 td {
    padding: 10px;
}

.FS2_assist_required {
    background-color: #FFF4F4;
}

.itemCenter,
.FS2_Login_btn_position {
    margin: 1em 0 2em;
}

.FS2_OtherServiceLoginAreaDivider_container {
    margin: 2em 0;
}

h3.CrossHead {
    font-size: 1.2em;
    color: #F69;
    font-weight: bold;
    margin: 0 0 1em;
}

/*#FS2_body_Login td.FS2_login_layout_table_td_right {
  width:380px;
}*/

.system_content .Definition {
    font-size: 120%;
    padding: 0 0 5px;
    margin: 20px 0 10px;
    border-bottom: 1px #333 solid;
}

.inputTableArea {
    margin: 20px 0;
}

#FS2_itemlayout_IHL2 .FS2_thumbnail_container a,
#FS2_itemlayout_IHL1 .FS2_thumbnail_container a {
    width: 100%;
    height: 230px;
    overflow: hidden;
    display: block;
    text-align: center;
}

.user_content .camBnr {
    width: 100%;
    text-align: center;
    margin: 20px auto;
}

/* 商品関連修正===== */

.FS2_additional_image_container_main .FS2_additional_image_thumbnail_container,
.FS2_additional_image_container_sub .FS2_additional_image_thumbnail_container {
    width: 16%;
    height: 60px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    border: 1px solid #eee;
    margin: 0 1px 2px;
}

.FS2_additional_image_btn_thumbnail_container .FS2_thumbnail_container {
    padding: 0;
}

.FS2_GoodsImage_td {
    width: 70px;
    text-align: center;
}

#FS2_body_Cart.FS2_body_Cart_OrderComplete .system_content > img {
    position: absolute;
    z-index: -100;
}

#qnEnd {
    text-align: center;
}

#qnEnd span {
    font-weight: bold;
}

#qnEnd dt {
    text-align: center;
    font-weight: bold;
    color: #FF7BAC;
    font-size: 1.2em;
    margin: 0 0 1em;
}

#qnEnd ul {
    width: 95%;
    margin: 1em auto;
    border: 2px #ccc solid;
    padding: 15px;
    text-align: left;
}

#qnEnd ul li {
    margin: 0 0 1em;
}

#qnEnd ul li:last-child {
    margin: 0;
}

.attentionBox {
    width: 95%;
    padding: 20px;
    border: 5px solid #f00;
    margin: 10px auto 20px;
    text-align: center;
    font-size: 130%;
}

.attentionBox a {
    font-weight: bold;
    color: #000;
}

.attentionBox .bgylw {
    background: #FF0;
    color: #F00;
}

.attentionBox a:before {
    content: '(！)';
    color: #f00;
    font-weight: bold;
    margin-right: 0.5em;
}

.comeBox01 {
    width: 95%;
    padding: 20px;
    border: 5px solid #f00;
    margin: 10px auto 20px;
}

.comeBox01 dt {
    text-align: center;
    font-weight: bold;
    font-size: 1.3em;
    color: #f00;
    margin: 0 0 1em;
}

.comeBox01 dd p {
    text-align: center;
    font-weight: bold;
    margin: 0.5em 0;
    background-color: #FFC;
}

.comeBox02 {
    width: 95%;
    padding: 20px;
    border: 5px solid #ff7bac;
    margin: 10px auto 20px;
    text-align: center;
    font-size: 130%;
}

.comeBox02 a {
    font-weight: bold;
    color: #ff7bac;
}

.comeBox02 .bgylw {
    background: #ff7bac;
    color: #ff7bac;
}

.comeBox03 a {
    width: 100%;
    border: 0;
    background: #f00;
    padding: 5px;
    font-size: 120%;
    display: block;
    color: #fff;
    text-align: center;
}

.comeBox04 {
    width: 100%;
    padding: 10px;
    border: 2px solid #ff7bac;
    margin: 10px auto 5px;
    text-align: center;
    font-size: 95%;
}

.comeBox04 a {
    font-weight: bold;
    color: #ff7bac;
}


.bannerBox {
    width: 100%;
    margin: 1em 0;
}


#_rcmdjp_display_1 {
    margin: 2em 0;
}

.recomendBox {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.recomendBox h3 {
    font-weight: bold;
    font-size: 1.2em;
    width: 100%;
    border-bottom: 1px solid #000;
    padding-bottom: 2px;
    margin: 0 0 0.8em;
    background: #fff !important;
}

.recomendBox ul {
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flex;
}

.recomendBox li {
    border: 1px #eee solid;
    padding: 0.5%;
}

.recomendBox li a {
    width: 100%;
    height: auto;
    max-height: 142px;
    overflow: hidden;
    display: block;
    margin: 0 0 10px;
}

.recomendBox li p {
    font-size: 0.7em;
    text-align: center;
}

/**/

#FS2_itemlayout_IH4.gl_Item {
    position: relative;
    margin: 1.5em 0 3em;
}

.FS2_additional_image_thumbnail_container {
    width: 82px;
    height: 82px;
    overflow: hidden;
    margin: 0 0 2px;
    padding: 0 2px 0 0;
}

.FS2_additional_image_container_main img,
.FS2_additional_image_container_sub img {
    margin: 0;
    height: 100%;
    border: none;
}

.FS2_ReviewButton_area span {
    margin-left: 10px;
}

.FS2_ReviewTextLink_area a {
    display: block;
    text-align: right;
}

.FS2_ReviewTextLink_area a:before {
    content: '▼';
    color: #F69;
    margin-right: 10px;
}

.GoodsSelectionTable {
    width: 100%;
}

.FS2_inputSelection_table th,
.FS2_inputSelection_table td {
    display: block;
    width: 100%;
    float: left;
}

.tw-share {
    margin: 0 0 10px;
}

.FS2_ReviewEditAverage {
    margin: 10px 0;
}

.FS2_ReviewImage_td_01,
.FS2_inqury_td01 {
    width: 240px;
    text-align: center;
    padding: 20px;
}

.FS2_ReviewImage_td_01 img,
.FS2_inqury_td01 img {
    width: 200px;
}

.FS2_ReviewImage_table td {
    vertical-align: inherit;
}

.FS2_ReviewImage_td_02,
.FS2_inqury_td02 {
    vertical-align: middle !important;
    display: block;
}

.FS2_ReviewImage_table,
.FS2_inqury_table {
    margin: 20px auto 5px;
    width: 100%;
    border: 1px #333 solid;
}

.FS2_body_ReviewEntry .FS2_ReviewImage_table .FS2_inqury_table {
    margin: 20px auto;
}

.FS2_body_ReviewEntry .userTable_01 #reviewContents {
    width: 100%;
    height: 20em;
}

h3.CrossHead {
    font-weight: bold;
    margin: 0 0 0.2em;
    border-bottom: none;
}


#FS2_body_MyPage h3.CrossHead {
    position: relative;
    padding: .5em .75em;
    background-color: #FF7BAC;
    color: #FFF;
    border-radius: 6px;
    margin: 0 0 2em;
}

#FS2_body_MyPage h3.CrossHead::after {
    position: absolute;
    top: 100%;
    left: 30px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #FF7BAC;
}

#FS2_body_MyPage h3.CrossHead a {
    color: #fff;
    display: block;
    margin-left: 1em;
}

#FS2_body_MyPage h3.CrossHead a:before {
    content: '▽';
    color: #fff;
    font-size: 0.5em;
    margin: 0 0.5em 0 0;
    position: absolute;
    top: 1em;
    left: 1em;
}

#FS2_body_MyPage .FS2_mypage_container_ReviewHistory p {
    margin: 0 0 2em 0.5em;
}

#FS2_body_MyPage .FS2_mypage_container_ReviewHistory p a {
    color: #68B7F0;
    text-decoration: underline;
    font-weight: bold;
}

#FS2_body_MyPage .FS2_mypage_container_ReviewHistory p a:hover {
    color: #666;
}

#FS2_body_MyPage .FS2_mypage_top_table tbody tr td > div {
    margin: 0 0 2em;
}

.FS2_additional_image_itemdetail_container_left h1.itemTitle {
    margin: 0 0 0.5em;
    font-size: 130%;
}


.FS2_original_icons li {
    float: left;
    line-height: 0;
    margin: 0;
    padding: 0 1% 1% 0;
    width: 20%;
}

.FS2_figure {
    width: 100%;
    overflow: hidden;
}

.FS2_figure .FS2_figure_table {
    text-align: right;
    float: right;
}

.FS2_pagerTable_area_input {
    top: 0;
}

#FS2_body_MyPage .tableSummary,
#FS2_body_MyPage .FS2_WishList_table {
    margin: 15px 0;
}

.FS2_WishList_itemName a,
.FS2_MyReviewStatus_text,
.pager .FS2_pager_text,
.pager .FS2_pager_stay {
    font-weight: bold;
}

.FS2_WishList_table td {
    padding: 1em 0;
    vertical-align: middle;
}

#FS2_body_MyPage .FS2_WishListDetail_td {
    padding: 10px;
}

.FS2_itemPrice_area {
    text-align: right;
}

.FS2_WishListGoodsImage_td {
    text-align: center;
}

.FS2_bottom_btn_right_and_left_2.FS2_ContinueButton_container {
    margin: 20px auto;
    width: 98%;
    text-align: center;
}

/* FS上級デザイン部分 */

.FScontents-Box {
    margin: 0 0 2em;
}

.FScontents-Box a {
    font-weight: bold;
    text-decoration: underline;
}

.FScontents-Box h2 {
    background: #F69;
    width: 100%;
    padding: 0 0 0 1%;
    height: 2em;
    line-height: 2em;
    color: #fff;
    margin: 0.5em 0 1em;
    font-size: 1.4em;
    font-weight: bold;
}

.FScontents-Box ul {
    margin: 10px 1%;
    border: 1px dashed #FF7BAC;
    padding: 3%;
}

.FScontents-Box ul li {
    margin: 0 0 0.75em;
}

.FScontents-Box ul li:last-child {
    margin: 0;
}

.FS2_original_icons {
    width: 100%;
    display: block;
    margin: 0 auto 5px;
    overflow: hidden;
}

.FS2_SeniorDesign_comment,
.wig-categorypage-tiles {
    width: 100%;
    overflow: hidden;
    margin: 0 0 1em;
}

#FS2_sort_menu li > a {
    font-weight: normal;

}

#FS2_sort_menu li {
    font-weight: bold;
}

#mypageCome {
    width: 98%;
    border: 2px dashed #ccc;
    padding: 15px;
    text-align: center;
    margin: 15px auto;
    font-size: 1.3em;
}

#mypageCome strong {
    color: #ff7bac;
}

p.mypageCome {
    margin: 0.5em 0 1.2em;
    text-align: right;
}

p.mypageCome a {
    font-size: 0.7em;
    padding: 0.25em 1em;
    background: #999;
    color: #fff;
    border-radius: 8px;
}

/* SNS横並び */
.FS2_TweetButton_area ul li {
    display: inline-block;
    vertical-align: middle;
}

.FS2_TweetButton_area {
    margin-bottom: 10px;
}


/* 商品ページのyoutubeレスポンシブ化  ==============================================================*/

.product-video {
    position: relative;
    height: 0;
    padding: 30px 0 56.25%;
    overflow: hidden;
    margin-bottom: 10px;
}

.product-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.product-video-img {
    margin: 5px 0 10px 0;
}

#contact dl {
    width: 98%;
    margin: 0 auto;
}

#contact dl dt {
    width: 100%;
    background: #eee;
    padding: 0.5em 0 0.5em 0.5em;
    margin: 0 0 0.5em;
    font-weight: bold;
}

#contact dl dd {
    width: 100%;
    margin: 0 0 1em;
    padding: 0 0 0 0.5em;
}

#contact dl input,
#contact dl select {
    margin: 0 2px 0.5em;
}

#contact dl dd input[name="field_5399"],
#contact dl dd input[name="field_5402_addr1"],
#contact dl dd input[name="field_5402_addr2"] {
    width: 95%;
}

#contact dl dd textarea[name="field_5484"] {
    width: 95%;
    height: 10em;
}

#contact p {
    margin: 2em auto 4em;
    text-align: center;
}

#contact p span {
    font-weight: bold;
    font-size: 0.9em;
}

#contact input[type="submit"] {
    width: 80%;
    padding: 0.7em;
    display: block;
    margin: 0 auto;
    background: #F69;
    border-radius: 8px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border: 0;
    font-size: 1.5em;
}

#contact input[type="submit"]:hover,
#mailTagssearch input[type="submit"]:hover {
    background: #666;
    cursor: pointer;
}

#mailTagssearch {
    margin: 20px auto;
    width: 94%;
    text-align: center
}

#mailTagssearch select[name="tag"] {
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*Firefox用*/
    text-indent: .01px;
    text-overflow: "";
    display: inline;
    vertical-align: baseline;
    color: inherit;
}

#mailTagssearch input[type="submit"] {
    display: block;
    width: 80%;
    margin: 5px auto 0;
    border: 0;
    background: #F69;
    border-radius: 8px;
    padding: 1em;
    font-size: 1.5em;
    font-weight: bold;
    color: #fff;
}

/* amazon ペイメント用*/

h3.FS2_DeliveryMethod_title {
    color: #333;
    padding: 5px 14px 5px 18px;
}

/* FFハック ==============================================================*/
@-moz-document url-prefix() {
    #FS2_body_MyPage h3.CrossHead a::before {
        top: 35%;
    }
}

/* カテゴリーTOP */
div.cateTxt {
    width: 100%;
    padding: 15px;
    border: 5px solid #333;
    margin: 0 0 10px;
    font-size: 110%;
}

ul.cateUl {
    display: block;
    width: 100%;
    margin: 0 0 20px;
}

ul.cateUl li {
    width: 100%;
    background: #000;
    text-align: left;
    margin: 0 0 2px;
}

ul.cateUl li a {
    color: #fff;
    width: 100%;
    display: block;
    padding: 10px 0 10px 8px;
    font-size: 120%;
}

ul.cateUl li a:before {
    content: '>';
    left: 0;
    margin-right: 1.5em;
}

ul.cateUl li:hover {
    background: #696969;
}

.layout_content .FS2_GroupList .pager {
    display: none;
}

.layout_content .FS2_GroupList {
    padding: 20px 0 0;
}

/*==========index slider==========*/
.index-slider-pc {
    display: block !important;
}

.index-slider-sp {
    display: none !important;
}

/* スマホ 480px以下の時 ==============================================================*/
@media (max-width: 480px) {


    .layout_table .layout-content .ranking li dl a.rank-thum,
    #media li a.thumCate,
    div.r-tabs-state-active li a.thumCate {
        height: 100px !important;
    }

    .responsiveTabsDemo.starBox {
        margin-bottom: 2em;
    }

    section {
        margin-bottom: 2.5em;
    }

    .attentionBox {
        width: 98%;
        padding: 0.75em;
        border: 3px solid #f00;
        margin: 10px auto;
        text-align: left;
        font-size: 120%;
    }

}

/* PC base 800px以上の時 ==============================================================*/
@media (min-width: 801px) {

    html {
        font-size: 10px;
    }

    h3,
    h3.base {
        margin: 0 0 1.5em;
        font-size: 1.4em;
    }

    section {
        margin: 0 auto 4em;
    }


    .layout_table .layout-content a.nextBtn,
    .layout-menu a.nextBtn {
        font-size: 1.5em;
        margin: 1.5em auto 0;
    }

    .system_content {
        /*  min-width:800px;*/
        font-size: 1.1em;
    }

    #PCnews {
        display: block;
    }

    #SPnews {
        display: none;
    }

    .layout_header .header-bar {
        font-size: 1em;
        font-weight: normal;
    }

    .layout_header .header-menu #header-logo {
        max-width: 200px;
        width: 20%;
        display: inline-block;
    }

    .layout_header .header-menu #header-logo img {
        max-height: inherit;
    }

    .layout_header .header-menu {
        max-width: 1100px;
        margin: 0 auto;
        padding: 10px 0;
    }

    .layout_header .header-menu #headerBox {
        max-width: 800px;
        width: 71%;
    }

    .layout_header .header-menu .menuArea {
        max-width: 680px;
        width: 88%
    }

    .layout_header .header-menu #headerBox .login {
        float: right;
        width: 38%;
        margin: 0;
    }

    .layout_header .header-menu #headerBox .login a:hover {
        background: #666;
    }

    .layout_header .header-menu #global-nav {
        position: static;
        /* 開いてないときは画面外に配置 */
        top: inherit;
        background: #fff;
        width: 60%;
        max-width: 400px;
        overflow: hidden;
        text-align: center;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        color: #FFF;
        opacity: 1.0;
        filter: alpha(opacity=1.0);
        /* Ie用 */
        float: left;
    }

    #global-nav li {
        float: display;
        position: static;
        float: left;
        width: 25%;
    }

    #global-nav li:first-child {
        display: block !important;
    }

    #top-head #global-nav li a,
    #top-head.fixed #global-nav li a {
        width: 100%;
        display: block;
        color: #000;
        padding: 0;
    }

    .layout_header .header-menu #headerBox .login a,
    .layout_header .header-menu #headerBox #cart {
        height: 82px;
        line-height: 82px;
        font-size: 1.2em;
    }

    .layout_header .header-menu #headerBox #cart {
        width: 10.25%;
    }

    .layout_header .header-menu #headerBox #cart a {
        line-height: 0;
        width: 100%;
        height: 100%;
        max-height: 82px;
        max-width: 82px;
    }

    #nav-toggle {
        display: none;
    }

    .layout_header #searchBox > div {
        margin: 10px auto 0;
    }

    .layout_header #searchBox {
        margin: 0 auto 10px;
        max-width: 1100px;
        overflow: hidden;
    }

    .layout_header #searchBox > div {
        margin: 15px auto;
        width: 65%;
        float: left;
    }

    .layout_header #searchBox ul {
        margin: 10px auto 0;
        float: right;
        height: 2em;
        line-height: 2em;
        width: 35%;
        text-align: left;
    }

    .layout_header #searchBox > div form {}

    .layout_table {
        max-width: 1100px;
        margin: 0 auto;
    }

    .layout_table .layout-content {
        max-width: 900px;
        width: 73%;
        float: right;
    }

    .layout_header p.header-bar span {
        display: inline !important;
        font-weight: normal;
    }

    .layout_table .layout-content .indexBnrarea {
        margin: 0 auto 3em;
        width: 98%;
    }

    .layout_table .layout-content .indexBnrarea li {
        position: relative;
        height: 100px;
        overflow: hidden;
    }

    .layout_table .layout-content .indexBnrarea li a img {
        position: absolute;
        left: -1000px;
    }

    .layout_table .layout-content .indexBnrarea li a {
        width: 100%;
        height: 100px;
        display: block;
    }

    .layout_table .layout-content .indexBnrarea .inBwakaba {
        background: url(/img/index/btn-wakabaTopP.gif) top left no-repeat;
        background-size: contain;
    }

    .layout_table .layout-content .indexBnrarea .inBmrs {
        background: url(/img/index/btn-mrsTopP.jpg) top left no-repeat;
        background-size: contain;
    }

    .layout_table .layout-content .indexBnrarea .inBiryo {
        background: url(/img/index/btn-iryoTopP.jpg) top left no-repeat;
        background-size: contain;
    }

    .layout_table .layout-content .indexBnrarea a:hover,
    .layout-menu ul.sidenavi a:hover,
    #global-nav li a:hover {
        color: #F69;
        opacity: 0.6;
    }

    /* サムネイル有りTOP用バナーエリア */
    .layout_table .layout-content .indexBnrarea2 {
        margin: 20px auto 40px;
    }

    .layout_table .layout-content .indexBnrarea2 a {
        height: 80px;
        line-height: 80px;
        font-size: 140%;
        padding: 0 0 0 10px;
    }

    .layout-menu .sBland {
        padding: 0;
    }

    .layout_table .layout-content .news dt {
        float: left;
    }

    .layout_table .layout-content .news dd {
        padding: 0;
    }

    #global-nav li a {
        width: 100px;
        height: 82px;
        display: block;
    }

    #global-nav li.g-guide a {
        background: url(/img/common/icn-wakaba.svg) center 25px no-repeat;
        background-size: 50%;
    }

    #global-nav li.g-store a {
        background: url(/img/common/icn-store.svg) center 25px no-repeat;
        background-size: 50%;
    }

    #global-nav li.g-catalog a {
        background: url(/img/common/icn-e-book.svg) center 25px no-repeat;
        background-size: 50%;
    }

    #global-nav li.g-contact a {
        background: url(/img/common/icn-contact.svg) center 25px no-repeat;
        background-size: 50%;
    }

    .layout-menu {
        max-width: 250px;
        width: 25%;
        margin: 0 2% 0 0;
    }

    td.layout_content {
        display: block;
        width: 100%;
        float: right;
        width: 73%;
    }

    td.layout_right {
        display: block;
        float: left;
        max-width: 280px;
        width: 25%;
    }

    td.layout_right .layout-menu {
        max-width: 280px;
        width: 100%;
        margin: 0 2% 0 0;
        float: none;
    }

    .layout_menu .layout-menu {
        width: inherit;
    }

    .layout-menu h2.subttl,
    .layout-menu h3 {
        color: #666;
        padding-bottom: 0.5em;
        background: none;
        margin: 1.5em 0 0.5em;
    }

    .layout-menu section {
        margin-bottom: 2em;
    }

    .layout-menu ul.sContents li {
        float: none;
        width: 100%;
    }

    .layout-menu a.nextBtn {
        width: 90%;
        margin: 1.5em auto 0;
        font-size: 1.2em;
    }

    .layout_footer {
        padding: 30px 0 0;
    }

    .layout_footer #footer dl {
        max-width: 1100px;
        margin: 0 auto;
    }

    .layout_footer #footer dl dt {
        width: 30%;
        max-width: 240px;
    }

    .layout_footer #footer dl dd {
        width: 70%;
    }

    .layout_footer #footer dl dd ul > li:first-child {
        width: 100%;
    }

    .layout_footer #footer dl dd .fGuide {
        width: 40%;
        float: left;
    }

    .layout_footer #footer dl dd .fCate {
        display: block;
        width: 60%;
        float: left;
    }

    .layout_footer #footer dl dd .fCate li {
        width: 50%;
        float: left
    }

    #contact dl {
        overflow: hidden;
    }

    #contact dl dt {
        width: 30%;
        float: left;
        clear: both;
        margin-right: 2%;
    }

    #contact dl dd {
        width: 68%;
        float: left;
        position: relative;
    }

    .pr {
        display: none;
    }

    #media li a.thumCate,
    div.r-tabs-state-active li a.thumCate,
    .layout_table .layout-content .ranking li dl a.rank-thum {
        height: 240px;
    }

    /* display:flex;でのカラム構成 (IE9以下はJS対応)============================================*/

    .grid.w25 li,
    .grid.w25_2 li {
        width: 25%;
    }

    .grid.w20 li {
        width: 20%;
    }


    ul.grid li {
        padding: 15px;
        margin: 0 0 20px;
    }

    /* ============================================*/

    /* PC amazonペイメントお支払い時　=============================== */

    .FS2_PayWithAmazonWidget_area {
        display: block;
    }

    .FS2_PayWithAmazonWidget_area > div {
        display: block;
        width: 100%;
        margin: 0 0 20px;
    }

    #fs2_amazonAddressbook > h3,
    #fs2_amazonWallet > h3 {
        font-weight: bold;
        margin-bottom: 10px;
    }

    .FS2_PayWithAmazonWidget_area .FS2_AmazonAddressbookWidget_area {
        padding-right: 0;
    }

    .FS2_PayWithAmazonWidget_area .FS2_AmazonWalletWidget_area {
        padding-left: 0;
    }


    /* レビュー一覧ページ =============================== */

    #FS2_body_Review.FS2_body_ReviewList .userTable_01 .FS2_Review_Detail_td {
        background: #fff;
        color: #000;
        border-bottom: 2px #FF7BAC solid;
    }

    #FS2_body_Review.FS2_body_ReviewList .userTable_01 .FS2_Review_Detail_td span.FS2_Review_Detail_name,
    #FS2_body_Review.FS2_body_ReviewList .userTable_01 .FS2_Review_Detail_td span.FS2_Review_Detail_name a {
        color: #FF7BAC;
    }

    #FS2_body_Review.FS2_body_ReviewList .FS2_Review_Detail_td span {
        color: #000;
        float: none !important;
        margin: 0;
    }

    #FS2_body_Review.FS2_body_ReviewList .FS2_Review_Detail_td .FS2_Review_Detail_Prof_Date {
        margin-top: 0;
    }

    #FS2_body_Review.FS2_body_ReviewList .userTable_01 td {
        padding: 0.75em 0 0;
    }

    #FS2_body_Review.FS2_body_ReviewList .FS2_Review_Detail_itemname a {
        font-size: 130%;
        font-weight: bold;
        text-decoration: underline;
    }

    #FS2_body_Review.FS2_body_ReviewList td.FS2_GoodsImage_td {
        width: 200px;
    }

    #FS2_body_Review.FS2_body_ReviewList td.FS2_GoodsImage_td a img {
        width: 180px;
    }

    #FS2_body_Review.FS2_body_ReviewList .userTable_01 {
        margin: 0 0 3em;
    }

    /* カテゴリーTOP =============================== */
    ul.cateUl {
        display: flex;
        -webkit-flex-wrap: wrap;
        /* Safari */
        flex-wrap: wrap;
        background: #000;
		/*20200220_追加*/
		justify-content: space-around;
    }

    ul.cateUl li {
        width: 267px;
        text-align: center;
        max-width: 100%;
        margin: 0;
		/*20200220_追加*/
		border-bottom: 1px solid #343434;
    }

    ul.cateUl li a {
        padding: 20px 0;
    }

    ul.cateUl li a:hover {
        text-decoration: none;
    }




}

/*==========　『class="w33-2"』PC→3カラム　SP→2カラム　==========*/
/*==========　『class="w50-2"』PC→2カラム　SP→1カラム　==========*/
/*==========　『class="w100"』PC→1カラム　SP→2カラム　==========*/

.grid.w33-2 li {
    width: 33%;
}

.grid.w50-2 li {
    width: 50%;
}

.grid.w100 li {
    width: 100%;
}




@media (max-width: 799px) {
    .grid.w33-2 li {
        width: 50%;
    }

    .grid.w50-2 li {
        width: 100%;
    }

    .grid.w100 li {
        width: 50%;
    }
}

.layout_sp {
    text-align: center;
}

/*==========pagetobuy==========*/
#buying_button {
    position: fixed;
    z-index: 9999;
    bottom: 35px;
    right: 0px;
    font-size: 17px;
}

#buying_button a {
    display: block;
    text-decoration: none;
    color: #3A3738;
    background: #F8DBDB;
    text-align: center;
    outline: none;
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
    width: 100px;
    /*ボタンの幅*/
    height: 85px;
    /*ボタンの高さ*/
    padding: 20px 0;
}

#buying_button a:hover {
    text-decoration: none;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#buying_button .sp {
    display: block;
}


/*=====レスポンシブ（SP）=====*/
@media screen and (max-width:420px) {
    #buying_button {
        bottom: 0px;
        right: 0px;
        width: 100%;
    }

    #buying_button a {
        width: 100%;
        /*ボタンの幅*/
        height: auto;
        /*ボタンの高さ*/
    }

    #buying_button .sp {
        display: none;
    }
}

/*20200220_追加*/
/* PC base 1220px以上の時==============================================================*/
@media (min-width: 1225px) {
	ul.cateUl li{
		 border-right: 1px solid #343434;
	}
}