@charset "UTF-8";
/***********************************************/
/* 目次 */
/*=============================================*/
/*   00.setting                                */
/*   01.common                                 */
/*   02.botton                                 */
/*   03.list                                   */
/*   04.content                                */
/*   05.animation                              */
/*   99.other                                  */
/*=============================================*/
/***********************************************/
/*=============================================*/
/*00.setting*/
/*=============================================*/
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
    display: block;
}

/*=============================================*/
/*01 common*/
/*=============================================*/
html {
    font-size: 62.5%;
}

/* commons */
body {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #333;
}

p, span, li, dt, dd, th, td {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5;
}

a {
    color: #000000;
    -webkit-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
a:link, a:visited, a:hover, a:active, a:focus {
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: underline;
}

.sp-only {
    display: none;
}

p {
    font-family:  "メイリオ", "Meiryo", sans-serif, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro";
}

.mincho {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

.meiryo {
    font-family:  "メイリオ", "Meiryo", sans-serif, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro";
}
.marB_0 {
    margin-bottom: 0 !important;
}
/*--- header ---*/

.pageWrap {
    width: 100%;
}

.headerWrap {
    /*width: 1200px;*/
    /*margin: auto;*/
    position: relative;
    /*margin-bottom: 18px;*/
    overflow: hidden;
}

.headerWrap h1 {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
}

.headerWrap .headerLeft h1 a:hover {
    opacity: .7;
}

.headerWrap .headerRight {
    float: left;
    vertical-align: top;
    margin-top: 15px;
    width: 88%;
}

h1>img {
    /*box-shadow: -1px -1px 1px 3px #aaa;*/
}

.headerTopWrap {
    background: #F2F0ED;
}

.headerTop {
    width: 1200px;
    margin: 0 auto;
    padding: 10px 0 10px 150px;
    box-sizing: border-box;
}

.headerTop ul {
    display: table;
    width: 100%;
    overflow: hidden;
    vertical-align: middle;
}
.headerTop li {
    vertical-align: middle;
    display: table-cell;
    padding-right: 10px;
}
.headerTop .payHowtoArea {
  width: 30%;
}
.headerTop .bannerArea {
  width: 40%;
  text-align: left;
}
.headerTop .cardArea {
  width: 23%;
  text-align: right;
}
.headerTop .paymentArea {
  width: 7%;
  text-align: right;
  padding-right: 0;
}
.headerTop .icoIndigo {
    float: left;
    margin-right: 10px;
    padding: 5px;
    background: #001843;
    color: #fff;
    line-height: 1.1;
    border-radius: 5px;
}
.headerTop .payTxt {
    float: left;
    padding-top: 5px;
    font-size: 11px;
}

.headerTxtTop {
    width: 1200px;
    margin: 0 auto 15px;
    padding: 10px 0;
    padding-left: 150px;
    overflow: hidden;
    box-sizing: border-box;
}

.headerTxtTopLeft {
    width: 43%;
    float: left;
    padding: 0 42px 0 0;
}

.headerTxtRight {
    overflow: hidden;
}

.headerTxtTopLeft>p {
    line-height: 34px;
}

.txtTopNav01 {
    overflow: hidden;
}

.headerTxtTop>ul {
    overflow: hidden;
}

.headerTxtTop>ul>li.headerTxtTopLeft>p {
    padding-right: 20px;
}

.headerTxtTop>ul>li {
    font-size: 13px;
    float: left;
}

.txtTopNav01 a {
    display: block;
    width: 25%;
    border-right: 1px solid #000;
    font-size: 15px;
    float: left;
    line-height: 1;
    box-sizing: border-box;
    text-align: center;
}

.txtTopNav01 a:first-child {
    padding-left: 0px;
}

.txtTopNav01 a:last-child {
    padding-right: 0px;
    border: none;
}

.headerTxtTop>ul>li.shopIntroduction,.headerTxtTop>ul>li.productSearch,.headerTxtTop>ul>li.cart {
    font-size: 17px;
}

.headerTxtTop>ul>li.shopIntroduction {
    color: #fff;
}

.icn01 {
    width: 140px;
    display: block;
    background: #001843;
    color: #fff;
    font-size: 17px;
    padding: 8px 10px 14px 10px;
    margin-right: 12px;
    border-radius: 4px;
    float: left;
}

.icn01:before {
    content: url(../img/top/icn02.png);
    position: relative;
    top: 6px;
    margin-right: 6px;
}

.icn02 {
    width: 140px;
    display: block;
    background: #D23C39;
    color: #fff;
    font-size: 17px;
    padding: 8px 10px 14px 10px;
    border-radius: 4px;
    float: left;
}

.icn02:before {
    content: url(../img/top/icn01.png);
    position: relative;
    top: 6px;
    margin-right: 6px;
}

.icn01:hover,
.icn02:hover {
    text-decoration: none;
    opacity: .7;
    color: #fff;
}

.bnrHeader {
    width: 1200px;
    margin: -5px auto 13px;
}

.shopIntroduction,.productSearch {
    margin-right: 10px;
}
.topNav {
    width: 1200px;
    margin: 0 auto;
    padding-left: 120px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.topNav {

}
.topNav01>ul,.topNav02>ul,.topBannerBox>ul {
    overflow: hidden;
}

.topNav01>ul,.topNav02>ul {
    width: 100%;
    display: table;
}

.topNav01>ul>li,.topNav02>ul>li {
    width: 20%;
    text-align: center;
    border-right: 1px solid #999999;
    box-sizing: border-box;
}

.topNav01>ul>li,
.topNav02>ul>li {
    display: table-cell;
    padding: 0;
    line-height: 1.5;
}
.topBannerBoxWrap {
    padding: 4px;
    background: #D23C39;
}
.topBannerBox {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding-left: 150px;
    box-sizing: border-box;
}
/*.topBannerBox:before {
content: '';
position: absolute;
top: -17px;
left: 150px;
width: 80px;
height: 115px;
background: url(../img/top/img_human01.png) 0 0 no-repeat;
-webkit-background-size: contain;
background-size: contain;
}*/
.topBannerBox>ul>li {
    float: left;
    /*width: 32%;*/
    margin: 0;
    /*margin-right: .5%;*/
}
.topBannerBox>ul>li:last-child {
    margin-left: 10px;
}
.topBannerBox > p {
    font-size: 21px;
    font-weight: bold;
    color: #fff;
    padding: 1px 0 0;
    letter-spacing: 2px;
}


.topNav01 > ul > li a,
.topNav02 > ul > li a {
    padding: 7px 0;
}
.topNav01 > ul > li a:hover,
.topNav02 > ul > li a:hover {
    text-decoration: none;
    opacity: .5;
}
.topBannerBox > ul > li a:hover {
    opacity: .7;
}

.topNav01>ul {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #999999;
}

.topNav01 ul a,.topNav02 ul a {
    display: block;
}

.topNav01 li,.topNav02 li {
    font-size: 19px;
}

.topNav02 li.txtSize17,
.topNav01 li.txtSize17 {
    font-size: 17px;
    letter-spacing: -2px;
}

.topNav02>ul {
    margin-bottom: 18px;
}

.topNav02 li.txtSize14 {
    font-size: 14px;
}

.topBannerBox li {
    margin-left: 1.3%;
}

form.headerSearch {
    position: relative;
    display: block;
    width: 200px;
    float: left;
    margin-right: 12px;
}

input[type="text"] {
    margin: 0;
    padding: 4px 0;
    text-indent: 10px;
    border: 0;
    background-color: #fff;
    outline: 0;
}

input[type="text"] {
    width: 200px;
    height: 42px;
    background: #F2F0ED;
}

input[type="image"] {
    position: absolute;
    top: 0;
    right: 0;
    background: #666666;
}

/*--- slider ---*/

.slider {
    height: 410px;
    background: #ccc;
    margin-bottom: 50px;
}
/* ************************************************
*  slideshow
* ************************************************ */
#visual_wrap {
    padding: 30px 0;
    width: 100%;
    overflow: hidden;
    background-color: #F2F0ED;
}
#visual {
    margin: 0 auto 10px;
    width: 1200px;
    position: relative;
}
#visual .bnr {
    width: 222px;
    height: 400px;
    position: absolute;
    top: 0;
    right: 0;
}
#visual .bnr a {
    display: block;
}
#visual .bnr img {
    width: 100%;
    height: auto;
}
#visual a:hover {
    text-decoration: none;
    opacity: .7;
}
.bnr ul li{
    margin-bottom: 10px;
}
.sliderMain {
    margin: 0 auto;
    width: 1220px;
}
.nextSlider {
    width: 1200px;
    height: 350px;
    opacity: .7;
    position: absolute!important;
    top: 0;
    left: 1220px;
}
.prevSlider {
    width: 1200px;
    height: 350px;
    opacity: .7;
    position: absolute!important;
    top: 0;
    left: -976px;
}
.nextSlider .next {
    right: auto!important;
    left: 0!important;
}
.prevSlider .prev {
    left: auto!important;
    right: 0!important;
}

.nextSlider .slick-arrow,
.prevSlider .slick-arrow {
    display: none !important;
}

.next.cover {
    display: block;
    height: 400px;
    width: 980px;
    position: absolute;
    top: 0;
    left: 990px;
    z-index: 9000;
}
.prev.cover {
    display: block;
    height: 400px;
    width: 980px;
    position: absolute;
    top: 0;
    left: 990px;
    z-index: 9000;
}

.slick-arrow {
    display: block;
    cursor: pointer;
    height: 350px;
    width: 80px;
    opacity: 1;
    position: absolute;
    top: 0;
    z-index: 900;
    border: none;
    text-indent: 150%;
    white-space: nowrap;
    overflow: hidden;
}

.slick-arrow:hover {
    opacity: 1;
}
.slick-next {
    right: 264px;
    background: url(../img/top/slide_arrow_right.png) no-repeat center center;
}
.slick-prev {
    left: 0;
    background: url(../img/top/slide_arrow_left.png) no-repeat scroll center center;
}


/*--- main ---*/

.contents {
    overflow: hidden;
    width: 1200px;
    margin: auto;
}

.mainWrap {
    width: 960px;
    float: left;
}

.mainWrap h2 {
    position: relative;
    margin-bottom: 25px;
}

.mainWrap h2:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    left: 0;
    top: 50%;
    background: #cccccc;
}

.mainWrap h2 span {
    font-size: 20px;
    position: relative;
    background: #fff;
    z-index: 1;
    padding-right: 8px;
}

.press,.popular {
    overflow: hidden;
    width: 100%;
    margin-bottom: 5px;
}

.press .column05,.popular .column05 {
    position: relative;
    float: left;
    width: 19.2%;
    margin-right: 1%;
    margin-bottom: 20px;
    background: #F8F8F8;
}

.press .column05:nth-child(5n),.popular .column05:nth-child(5n) {
    margin-right: 0%;
}

.boxType01 {
    padding: 6%;
}

.thumb {
    position: relative;
    width: 160px;
    margin: auto;
}

.thumb>img,.thumb>img {
    display: block;
    margin: 0px 0 15px 0;
}

.thumb>span {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 10px;
    background: #FF6633;
    color: #fff;
}

.thumb>span.new {
    background: #D23C39;
}
.column05 p:nth-child(2) {
    font-weight: bold;
}
.press .column05 p,.popular .column05 p {
    font-size: 15px;
    margin-bottom: 5px;
}

.press .column05 p.priceTxt,.popular .column05 p.priceTxt {
    font-size: 18px;
    font-weight: bold;
    color: #D23A39;
    margin-bottom: 10px;
}

.press .column05 p.priceTxt span,.popular .column05 p.priceTxt span {
    font-size: 13px;
    font-weight: normal;
    padding-left: 3px;
    letter-spacing: 1px;
}

.popular .column05 .thumb {
    position: relative;
}
.popular .column05 .thumb:before {
    content: '';
    width: 51px;
    height: 40px;
    position: absolute;
    top: -8px;
    left: -10px;
}
.popular .column05:first-child .thumb:before {
    background: url(../img/top/rank_01.png) 0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}
.popular .column05:nth-child(2) .thumb:before {
    background: url(../img/top/rank_02.png) 0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}
.popular .column05:nth-child(3) .thumb:before {
    background: url(../img/top/rank_03.png) 0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}
.popular .column05:nth-child(4) .thumb:before {
    width: 41px;
    height: 33px;
    background: url(../img/top/rank_04.png) 0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}
.popular .column05:nth-child(5) .thumb:before {
    width: 41px;
    height: 33px;
    background: url(../img/top/rank_05.png) 0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.column05 .boxType01 table {
    width: 100%;
}

.column05 .boxType01 table th, .column05 .boxType01 table td {
    border: 1px solid #CCCCCC;
    padding: 5px;
    font-weight: normal;
}

.column05 .boxType01 table td {
    background: #fff;
}

.column05 a:hover {
    text-decoration: none;
}
.column05 a div {
    -webkit-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.column05 a:hover div {
    opacity: .7;
}

.popular .thumb .rank {
    position: absolute;
    top: 0;
    left: 0;
}

.categoryTitle {
    position: relative;
    overflow: hidden;
    background: #F8F8F8;
    border-top: 5px solid #030133;
}
.categoryTitle a {
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.categoryTitle a:hover {
    opacity: .7;
}

.titleWrapLeft {
    height: 158px;
}

.titleImage06,.titleImage07,.titleImage11,.titleImage12 {
    margin-bottom: 25px;
}

.titleImage01 .titleWrapLeft:after {
    content: url(../img/top/category/categoryTitle01.png);
    position: absolute;
    top:  0;
    right: 0;
    z-index: 10;
}

.titleImage02 .titleWrapLeft:after {
    content: url(../img/top/category/categoryTitle02.png);
    position: absolute;
    top:  0;
    right: 0;
    z-index: 10;
}

.titleImage03 .titleWrapLeft:after {
    content: url(../img/top/category/categoryTitle03.png);
    position: absolute;
    top:  0;
    right: 0;
    z-index: 10;
}

.titleImage04 .titleWrapLeft:after {
    content: url(../img/top/category/categoryTitle04.png);
    position: absolute;
    top:  0;
    right: 0;
    z-index: 10;
}

.titleImage05 .titleWrapLeft:after {
    content: url(../img/top/category/categoryTitle05.png);
    position: absolute;
    top:  0;
    right: 0;
    z-index: 10;
}

.titleImage06 .titleWrapLeft:after {
    content: url(../img/top/category/categoryTitle06.png);
    position: absolute;
    top:  0;
    right: 0;
    z-index: 10;
}

.titleImage07 .titleWrapLeft:after {
    content: url(../img/top/category/categoryTitle07.png);
    position: absolute;
    top:  0;
    right: 0;
    z-index: 10;
}

.titleImage08 .titleWrapLeft:after {
    content: url(../img/top/category/categoryTitle08.png);
    position: absolute;
    top:  0;
    right: 0;
    z-index: 10;
}

.titleImage09 .titleWrapLeft:after {
    content: url(../img/top/category/categoryTitle09.png);
    position: absolute;
    top:  0;
    right: 0;
    z-index: 10;
}

.titleImage10 .titleWrapLeft:after {
    content: url(../img/top/category/categoryTitle10.png);
    position: absolute;
    top:  0;
    right: 0;
    z-index: 10;
}

.titleImage11 .titleWrapLeft:after {
    content: url(../img/top/category/categoryTitle11.png);
    position: absolute;
    top:  0;
    right: 0;
    z-index: 10;
}

.titleImage12 .titleWrapLeft:after {
    content: url(../img/top/category/categoryTitle12.png);
    position: absolute;
    top:  0;
    right: 0;
    z-index: 10;
}

.titleImage13 .titleWrapLeft:after {
    content: url(../img/top/category/categoryTitle13.png);
    position: absolute;
    top:  0;
    right: 0;
    z-index: 10;
}

.categoryTitle .titleWrapLeft {
    overflow: hidden;
    float: left;
}

.titleWrapLeft .titleTxt {
    overflow: hidden;
    position: relative;
    padding: 15px 0 12px 15px;
    z-index: 99;
}

.titleWrapLeft .titleTxt p {
    font-size: 40px;
    float: left;
    padding-left: 20px;
    color: #010033;
    letter-spacing: 2px;
}
.titleWrapLeft .titleTxt small {
    font-size: 0.65em;
}

.titleWrapLeft .titleTxt p:after {
    content: url(../img/top/icn_arrow04.png);
    position: absolute;
    top: 40px;
    left: 20px;
}

.titleWrapLeft .titleTxt span {
    float: left;
    line-height: 60px;
    padding-left: 20px;
}

.titleWrapLeft .categoryTxt {
    position: relative;
    font-size: 15px;
    line-height: 27px;
    padding: 0 20px;
    float: left;
    z-index: 99;
}

.categoryTitle .titleWrapRight {
    float: right;
}

.categoryType {
    overflow: hidden;
}

.categoryType li {
    margin-right: 1.5%;
    margin-bottom: 3px;
}

.categoryTypeInner {
    width: 49.25%;
    margin-right: 1.5%;
    float: left;
}
.categoryTypeInner:last-child {
    margin-right: 0;
}

.column02 a {
    display: block;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.column02 a:hover {
    opacity: .7;
}

.column02 {
    width: 49.25%;
    float: left;
    background: #fff;
    border-radius: 10px;
}

.categoryTypeInner .column02 {
    float: none;
    width: 100%;
}

.categoryType li:nth-child(2n) {
    margin-right: 0;
}

.categoryType {
    padding: 1.5%;
    background: #CCCCCC;
    margin-bottom: 25px;
}

.categoryType .leftImage {
    float: left;
    width: 88px;
}

.categoryType .rightTxt {
    float: left;
    width: 370px;
}
.categoryType .rightTxt p {
    float: left;
    font-size: 15px;
    padding: 15px;
}

.categoryType .rightTxt p span{
    display: block;
    padding-bottom: 6px;
    font-size: 16px;
    color: #010033;
    font-weight: bold;
}

/*--- news ---*/

.newsWrapper {
    overflow: hidden;
    margin-bottom: 25px;
}

.newsWrapper ul {
    height: auto;
    margin-bottom: 15px;
}

.newsWrapper li {
    border-bottom: 1px dotted #333;
    background: #fff;
    padding: 13px 10px 13px 0;
}

.newsWrapper ul li:first-child  {
    border-top: 1px dotted #333;
}

.newsWrapper li span {
    padding-right: 45px;
}

/*--- sidebar ---*/

.sideBar {
    overflow: hidden;
    margin-bottom: 30px;
}
.sideBarWrap {
    width: 222px;
    float: right;
}

.sideBarWrap img {
    display: block;
    margin-bottom: 50px;
}

.sideBarWrap .add_banners {
}

.sideBarWrap .add_banners img {
	margin-bottom:20px;
}

.sideBarWrap .add_banners a:hover {
	opacity: .5;
}

.sideBar .sideBarWrap img.sideBarBanner {
    margin-bottom: 16px;
}
.sideBar .sideBarWrap img.sideBarBanner a:hover {
    opacity: .7;
}

.sideList {
    border: 1px solid #CCCCCC;
    margin-bottom: 18px;
}

.sideList li.listTitle {
    background: #001843;
}

.sideList li.listTitle span {
    display: block;
    background: #001843;
    font-size: 19px;
    color: #fff;
    letter-spacing: 2px;
}

.sideList li {
    position: relative;
    background: #F8F8F8;
}

.sideList li a {
    display: block;
    padding: 9px 20px 9px 10px;
    border-bottom : 1px solid #CCCCCC;
}

.sideList li a:hover {
    text-decoration: none;
    opacity: .5;
}

.sideList li:last-child a {
    border : none;
}

.sideList li.listTitle a {
    border-bottom : 4px double #CCCCCC;
}

.sideList li span {
    font-size: 15px;
    background: #F8F8F8;
}

.sideList li span:after {
    content: url(../img/top/icn_arrow02.png);
    position: absolute;
    top: 15px;
    right: 10px;
}

.sideList li.block02 span:after {
    content: url(../img/top/icn_arrow02.png);
    position: absolute;
    top: 20px;
    right: 10px;
}

.sideList li.listTitle span:after {
    content: url(../img/top/icn_arrow01.png);
    position: absolute;
    top: 20px;
    right: 10px;
}

.rakutenPointWrap {
  margin-bottom: 20px;
  width: 100%;
  padding: 10px;
  border: 1px solid #CCCCCC;
  box-sizing: border-box;
  text-align: center;
}

.calendarWrap {
    background: #F8F8F8;
    border: 1px solid #CCCCCC;
    margin-bottom: 20px;
}

.calendarWrap .holiday {
    color: #D23C39;
    padding: 15px 0;
    margin-left: 15px;
}

.calendarWrap .businessDay {
    display: block;
    background: #666666;
    font-size: 18px;
    color: #fff;
    padding: 13px 0;
    text-align: center;
    border-bottom : 4px double #CCCCCC;
    margin-bottom: 10px;
}

.calendarWrap .tbl_calendar {
    margin: auto;
    width: 200px;
    margin-bottom: 10px;
}

.calendarWrap .tbl_calendar caption {
    background: #666666;
    color: #fff;
    padding: 5px 0 4px 0;
    font-size: 12px;
    text-align: center;
    margin-bottom: 6px;
}

.calendarWrap .tbl_calendar th {
    background: #CCCCCC;
}

.calendarWrap .tbl_calendar td,.calendarWrap .tbl_calendar th {
    font-size: 12px;
    text-align: center;
    padding: 7px 0;
}
.sideBarWrap .facebook {
    margin-bottom: 10px;
}
.sideBarWrap .bnrList li {
    margin-bottom: 10px;
}
.sideBarWrap .bnrList img {
    margin-bottom: 0;
}

/*--- footer ---*/

.lineFirst {
    background: #D23A39;
}

.lineFirstWrap {
    position: relative;
    width: 1200px;
    height: 195px;
    margin: auto;
}

.lineFirstWrap>img {
    position: absolute;
    bottom: 0;
    left: 0;
}

.txtAreaBox {
    padding: 40px 0 0 120px;
}

.txtArea01 {
    float: left;
    text-align: center;
    font-size: 45px;
    font-weight: bold;
    color: #FFFF00;
}

.txtArea01 span {
    display: block;
    padding: 1px 22px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    background: #FFFF00;
    color: #D23A39;
}

.txtArea02 {
    float: left;
    color: #fff;
    margin-left: 23px;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 28px;
}

.btnHere01 {
    font-size: 18px;
    font-weight: bold;
    padding: 26px 45px;
    border-radius: 5px;
    margin-left: 15px;
    background: #FFFF00;
    color: #D23A39;
    float: left;
}

.btnHere01:after {
    content: url(../img/top/icn_arrow03.png);
    position: relative;
    top:0;
    left:28px;
}

.txtArea03 {
    clear: both;
    display: block;
    padding: 5px 0 0 180px;
}

.txtArea03 p {
    color: #fff;
}

.lineSecond {
    background: #F2F0ED;
}

.lineSecondWrap {
    overflow: hidden;
    width: 1200px;
    padding: 41px;
    margin: auto;
}

.lineSecondWrap img {
    display: block;
    float: left;
    border-radius: 10px;
}

.shopGuideTxt {
    padding-left: 35px;
    float: left;
}

.shopGuideTxt p {
    font-size: 20px;
    margin-bottom: 6px;
}
.lineSecondWrap .centerLine,
.shopGuideTxt .centerLine{
    position: relative;
    margin-bottom: 9px;
}
.lineSecondWrap .centerLine span,
.shopGuideTxt .centerLine span{
    padding-right: 10px;
    background-color: #F2F0ED;
    font-size: 20px;
}
.lineSecondWrap .centerLine:after,
.shopGuideTxt .centerLine:after{
    content: '';
    position: absolute;
    top:0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    background-color: #ccc;
}
.shopGuideTxt p:nth-child(2) {
    color: #001843;
}

.shopGuideTxt p:nth-child(3) {
    font-size: 15px;
    margin-bottom: 4px;
}

.shopInfo {
    overflow: hidden;
    margin-bottom: 9px;
}

.shopInfo p {
    font-size: 15px;
    float: left;
    padding-right: 30px;
}

.btnHere02 {
    font-size: 18px;
    padding: 11px 81px;
    border-radius: 5px;
    background: #001843;
    color: #fff;
}
.btnHere02:hover {
    color: #fff;
    text-decoration: none;
    opacity: .7;
}

.btnHere02:after {
    content: url(../img/top/icn_arrow01.png);
    position: relative;
    top: 0;
    left: 64px;
}

.lineThird {
    background: #CCCCCC;
}

.lineThirdWrap {
    overflow: hidden;
    width: 1200px;
    margin: auto;
}

.lineThirdWrap>p:first-child {
    font-size: 20px;
    color: #fff;
    background: #D23C39;
    text-align: center;
    padding: 6px;
    margin: 45px 0 20px 0;
}

.lineThirdWrap>p {
    font-size: 20px;
    color: #fff;
    background: #666666;
    text-align: center;
    padding: 6px;
}

.bannerLine {
    position: relative;
    margin-bottom: 25px;
    overflow: hidden;
    /*padding-left: 100px;*/
}

.bannerLine a {
    display: block;
    float: left;
    /*margin-right: .5%;*/
}

.bannerLine a:nth-child(4) {
    margin-left: 3px;
}
.bannerLine a:hover {
    opacity: .7;
}
.bannerLine p {
    clear: both;
    padding-top: 10px;
    font-size: 24px;
    color: #D23C39;
    font-weight: bold;
    letter-spacing: 2px;
}
/*
.bannerLine:before {
content: '';
position: absolute;
top: -28px;
left: 0;
width: 94px;
height: 130px;
background: url(../img/top/img_human01.png) 0 0 no-repeat;
-webkit-background-size: contain;
background-size: contain;
}*/
.paymentBox {
    width: 100%;
    background: #fff;
    display: table;
    padding: 15px 20px 25px;
    margin-bottom: 40px;
    box-sizing: border-box;
}

.paymentBox .txtLeft,.paymentBox .txtRight {
    display: table-cell;
    width: 50%;
}

.paymentBox .txtLeft>p,.paymentBox .txtRight>p {
    font-size: 15px;
    margin-bottom: 18px;
}

.paymentBox .txtLeft p:nth-child(4) {
    margin-bottom: 5px;
}

.paymentBox .txtLeft p:nth-child(8) {
    margin-bottom: 13px;
}

.paymentBox .txtLeft p:nth-child(9) {
    margin-bottom: 13px;
}

.paymentBox .txtLeft .title,.paymentBox .txtRight .title {
    font-size: 15px;
    font-weight: bold;
    padding: 8px 15px;
    border: 1px solid #D8D8D8;
    border-left: 6px solid #666666;
    margin-right: 15px;
}

.paymentBox .txtRight .title {
    margin-right: 0px;
}

.paymentBox .txtLeft .title a,.paymentBox .txtRight .title a {
    font-size: 13px;
    color: #0066CC;
    float: right;
    line-height: 25px;
}

.paymentBox .txtLeft .subTitle {
    font-size: 14px;
    font-weight: bold;
    padding: 8px 10px 8px 20px;
    border: 1px solid #D8D8D8;
    margin-right: 15px;
}

.priceList{
    text-align: center;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 18px;
}

.priceList th{
    font-size: 15px;
    padding: 10px;
    vertical-align: top;
    color: #fff;
    background-color: #999999;
    border: 1px solid #CCCCCC;
}

.priceList td{
    font-size: 15px;
    padding: 6px;
    background-color: #fff;
    border: 1px solid #b9b9b9;
}

.priceList td:first-child{
    background-color: #F8F8F8;
}

.priceList tr .redTxt{
    font-size: 30px;
    font-weight: bold;
    padding: 8px;
    color: #D23C39;
}

.paymentBox .txtRight .redTitle {
    font-size: 18px;
    color: #fff;
    background: #D23C39;
    text-align: center;
    padding: 5px;
    margin: 0px 0 12px 0;
    font-weight: normal;
}

.cardImage {
    margin-bottom: 20px;
}

.txtRight .postPack {
    float: left;
    margin-bottom: 10px;
}

.txtRight .postPack p {
    font-size: 15px;
    line-height: 1.7;
}

.txtRight .postPack p:first-child {
    margin: 8px 0 8px 0;;
}

.txtRight img {
    float: right;
    margin-bottom: 10px;
}

/* 2024-10-21 送料改定 */
   table.p-priceList , .p-priceList td, .p-priceList th {
    width: 100%;
    max-width: 960px;
	  border: 1px solid #595959;
	  border-collapse: collapse;
	  margin-bottom: 20px;
  }
  .p-priceList td, th {
    padding: 3px;
    width: 30px;
    height: 25px;
  }
  .p-priceList .table__head{
    color: #fff;
    background-color: #555555;
    text-align: center;
  }
  .p-priceList .table__subhead{
    background-color: #ddd;
    text-align: center;
  }
  .p-priceList .table__price--free{
    font-size: 24px;
    font-weight: bold;
    padding: 8px;
    color: #D23C39;
    text-align: center;
  }
  .p-priceList .table__region{
    width: 60%;
  }
  .p-priceList .table__head span{
    text-decoration: underline;
  }
/* end 送料改定 */

.timeZone {
    clear: both;
    float: left;
    width: 100%;
    outline: 1px solid #CCCCCC;
}

.timeZone p {
    text-align: center;
    width: 14.1%;
    float: left;
    padding: 10px 0px;
    border-right: 1px solid #CCCCCC;
}

.timeZone p:first-child {
    background: #F8F8F8;
}

.timeZone p:last-child {
    float: left;
    border-right: none;
}

.lineFourth {
    overflow: hidden;
    background: #333;
}

.lineFourthWrap {
    padding: 28px 0 18px 0;
}

.lineFourthWrap ul {
    overflow: hidden;
    text-align: center;
}

.lineFourthWrap ul:first-child {
    margin-bottom: 2px;
}

.lineFourthWrap ul li {
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
}

.lineFourthWrap ul li a {
    font-size: 13px;
    color: #fff;
    float: left;
    padding: 0 8px;
    border-right: 1px solid #fff;
}

.copyright {
    text-align: center;
    padding: 25px;
}



/*=============================================*/
/*incensestick.html/
/*=============================================*/



.breadcrumbList {
    overflow: hidden;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.breadcrumbList li {
    float: left;
    padding-left: 5px;
}

.breadcrumbList li:first-child {
    padding-left: 0;
}

.order {
    overflow: hidden;
    display: block;
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
}

.order li {
    float: left;
    padding-left: 5px;
    font-size: 15px;
}

.order li:first-child {
    padding-left: 0;
    font-weight: bold;
}

.page {
    overflow: hidden;
    display: block;
    padding: 10px;
    margin-bottom: 8px;
    float: right;
}

.page li {
    float: left;
    padding-left: 5px;
    font-size: 15px;
}

.page li:last-child {
    padding-left: 10px;
}

.pageUnder {
    padding-top: 0px;
    margin-bottom: 35px;
}

.underTitleImage01 .categoryTitle {
    height: 126px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 25px;
    box-sizing: border-box;
    background: url(../img/incensestick/kara/title_back.jpg);
}

.underTitleImage01 .categoryTitle p {
    font-size: 32px;
    padding-left: 50px;
    line-height: 131px;
}

.underTitleTxt {
    line-height: 28px;
    margin-bottom: 22px;
    font-size: 15px;
}

/*=============================================*/
/*product.html/
/*=============================================*/

.topTitleTxt{
    font-size: 22px;
    margin-bottom: 30px;
    font-weight: bold;
}
.productDetail{
    overflow: hidden;
    margin-bottom: 50px;
}
.productDetail .productPicArea{
    width: 420px;
    margin-right: 30px;
    float: left;
}
.productDetail .productInfoArea{
    float: right;
    width: 508px;
}
.productPicArea .bigPic{
    background-color: #F8F8F8;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.productPicArea .bigPic .poRe{
    position: relative;
}
.productPicArea .bigPic span {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 10px;
    background: #FF6633;
    color: #fff;
}
.productPicArea .bigPic img{
    width: 100%;
    height: auto
}
.productPicArea .picThumb{
    overflow: hidden;
}
.productPicArea .picThumb li{
    border: 1px solid #CCCCCC;
    float: left;
    width: 24%;
    margin-right: 1.25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.productPicArea .picThumb li:last-child{
    margin-right: 0;
}
.productPicArea .picThumb li img{
    width: 100%;
    height: auto;
}
.productInfoArea dl{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding:10px 0 25px;;
    overflow: hidden;
}
.productInfoArea dl dt{
    clear: both;
    float: left;
    border-bottom:1px solid #ccc;
    width:25%;
    line-height: 36px;
    font-size: 15px;
}
.productInfoArea dl dd{
    border-bottom:1px solid #ccc;
    margin-left: 25%;
    line-height: 36px;
    font-size: 15px;
}
.productInfoArea dl dt:first-child{
    border-top:1px solid #ccc;
}

.productInfoArea dl dt:first-child + dd{
    border-top:1px solid #ccc;
}
.productInfoArea dl dd.redTxt{
    color: #D23B39;
    font-weight: bold;
    font-size: 22px;
    min-height: 36px;
}
.productInfoArea .otherInfo{
    border: 1px solid #ccc;
    padding: 20px 15px;
    font-size: 15px;
    line-height: 180%;
    margin-bottom: 25px;
}
.productInfoArea .formBox,
.productInfoArea .formBox2{
    overflow: hidden;
    margin-bottom: 30px;
}
.productInfoArea .numberArea{
    float: left;
    width: 180px;
    margin-right: 20px;
}
.productInfoArea .numberArea input[type="text"]{
    width: 69px;
    background-color: #fff;
    border: 1px solid #ccc;
    font-size: 15px;
}
.productInfoArea .cartArea{
    float: right;
    width: 308px;
}
.productInfoArea .numberArea ul{
    display: inline-block;
    float: right;
    margin-top: 10px;
    padding-right: 35px;
}

.productInfoArea .numberArea ul li {
    display: block;
}
.productInfoArea .numberArea ul li:first-child {
    margin-bottom: 15px;
}

.productInfoArea .cartArea button[type="submit"] {
    -webkit-appearance: none;
}
.cartArea  button[type="submit"].cartBtn{
    position: relative;
    background-color: #D23C39;
    border: none;
    width: 100%;
    padding: 15px 5px 15px 30px;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
}
.cartArea  button[type="submit"].cartBtn:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50px;
    margin-top: -14px;
    width: 25px;
    height: 27px;
    background: url(../img/product/icn_cart.png) no-repeat;
}
.productInfoArea .productTxt li{
    position: relative;
    margin-bottom: 15px;
    padding-left: 30px;
    font-size: 15px;
}
.productInfoArea .productTxt li{
    text-decoration: underline;
}
.productInfoArea .productTxt li:before{
    content: '';
    position: absolute;
    left: 0;
    width: 23px;
}
.productInfoArea .productTxt li.voice:before{
    height: 23px;
    background: url(../img/product/icn_comment.png) no-repeat;
}
.productInfoArea .productTxt li.mail:before{
    height: 17px;
    background: url(../img/product/icn_mail.png) no-repeat;
}

.productSubTit{
    border:1px solid #ccc;
    background-color: #F8F8F8;
    margin-bottom: 20px;
    padding: 0 0 0 15px;
    font-size: 18px;
    color: #333;
    line-height: 40px;
}
.productSubTit svg {
  fill: #FF7373;
  float: left;
  width: 30px;
  padding-top: 4px;
  margin-right: 5px;
}
.productList {
    margin-bottom: 15px;
}
.productList > p {
    margin-top: 10px;
}
.la_voiceBox{
    margin-bottom: 40px;
    font-size: 15px;
}
.la_voiceBox .reviewlist {
    margin-bottom: 20px;
}
.la_voiceBox .reviewlist .reviewlist_datas {
    margin-bottom: 10px;
}
.la_voiceBox .reviewlist .review_poster {
    float: right;
    overflow: hidden;
}
.la_voiceBox .reviewlist .review_poster li {
    float: left;
    margin-right: 10px;
}
.la_voiceBox .reviewlist .review_ttl {
    margin-bottom: 5px;
    font-weight: bold;
}
.la_voiceBox .reviewlist .reviewlist_content {
    margin-bottom: 10px;
}
.la_voiceBox .reviewlist .shopcomment {
    margin-bottom: 10px;
    padding: 10px;
    background: #eee;
}
.la_voiceBox .reviewlist .shopcomment_ttl {
    margin-bottom: 5px;
    font-weight: bold;
}
.la_voiceBox p{
    margin-bottom: 10px;
}
.la_voiceBox a{
    position: relative;
    display: inline-block;
    text-decoration: underline;
    margin-left: 30px;
}
.la_voiceBox a:before{
    content:'';
    position: absolute;
    left: -30px;
    width: 19px;
    height: 19px;
    background: url(../img/product/icn_pen.png) no-repeat;
}

/*=============================================*/
/*guide.html/
/*=============================================*/

.guideArea h2{
    font-weight: bold;
    padding: 0 15px;
    line-height: 50px;
    border: 1px solid #D8D8D8;
    border-left: 6px solid #666666;
    margin-right: 15px;
    font-size: 18px;
    background-color: #F8F8F8;
}
.guideArea h2:after{
    content: none;
}
.guideArea p{
    line-height: 28px;
    font-size: 15px;
    margin-bottom: 20px;
}
.guideArea h3{
    border: 1px solid #ccc;
    line-height: 35px;
    padding-left: 20px;
    margin-bottom: 18px;
    font-size: 15px;
}

.guideArea .redTitle {
    font-size: 18px;
    color: #fff;
    background: #D23C39;
    text-align: center;
    padding: 5px;
    margin: 0px 0 12px 0;
    font-weight: normal;
    border: none;
}

.guideArea article{
    margin-bottom: 30px;
}
.guideArea article#Area02 {
    margin-bottom: 0px;
}
.guideNav ul{
    overflow: hidden;
    margin-bottom: 30px;
}
.guideNav ul li{
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    font-size: 18px;
    font-weight: bold;
}
.guideNav ul li:nth-child(3n){
    margin-right: 0;
}
.guideNav ul li a{
    position: relative;
    display: block;
    line-height: 40px;
    padding-left: 10px;
}
.guideNav ul li a:hover {
    background: #eee;
    text-decoration: none;
}
.guideNav ul li a:after{
    content: '';
    position: absolute;
    top:0;
    bottom: 0;
    right: 13px;
    margin: auto;
    width: 9px;
    height: 6px;
    background: url(../img/guide/icn_arrow.png);
}
#Area01 img{
    /*margin-top: -15px;*/
}
.guideArea .yuPack{
    position: relative;
    overflow: hidden;
}
.guideArea .yuPack img{
    position: absolute;
    right: 0;
    top:10px;
}
.guideArea .timeZone{
    width: 60%;
    border: 1px solid #CCC;
    outline: none;
    margin-bottom: 40px;
}
.guideArea .timeZone p{
    font-size: 13px;
    margin-bottom: 0;
}
.guideArea .Column3{
    overflow: hidden;
}
.guideArea .Column3 li{
    float: left;
    width: 31%;
    height: auto;
    margin-right: 3.5%;
}
.guideArea .Column3 li:nth-child(3n){
    margin-right: 0;
}
.guideArea .Column3 li img{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    border:1px solid #ccc;
    vertical-align: bottom;
}
.guideArea .Column3 li strong{
    display: block;
    margin-bottom: 20px;
    font-size: 16px;
}

.guideArea .Column2{
    overflow: hidden;
}
.guideArea .Column2 li{
    float: left;
    width: 47.9166%;
    height: auto;
    margin-right: 4.1668%;
}
.guideArea .Column2 li:nth-child(2n){
    margin-right: 0;
}
.guideArea .Column2 li img{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    vertical-align: bottom;
}
.guideArea .Column4{
    overflow: hidden;
}
.guideArea .Column4 li{
    float: left;
    width: 23.9583%;
    height: auto;
    margin-right: 1.3888%;
}
.guideArea .Column4 li:nth-child(4n){
    margin-right: 0;
}
.guideArea .Column4 li img{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    vertical-align: bottom;
}
.guideArea .Column4 li strong{
    display: block;
    margin-bottom: 20px;
    font-size: 16px;
}
.guideArea h3.baGray{
    background-color: #F8F8F8;
    margin-top: 30px;
}
.guideArea .redTxtList li,
.guideArea .boldRed{
    color: #D23A39;
    font-size: 15px;
    font-weight: bold;
}
.guideArea .red{
    color: #D23A39;
}
.guideArea .redTxtList{
    margin: 30px 0;
}
.guideArea .redTxtList li {
    margin-bottom: 8px
}
.guideArea .redTxtList li:last-child {
    margin-bottom: 0px
}
dl.questionList{
    margin-bottom: 55px;
}
dl.questionList dt{
    border: 1px solid #ccc;
    line-height: 40px;
    padding-left: 20px;
    margin-bottom: 18px;
    background-color: #F8F8F8;
    font-size: 15px;
    font-weight: bold;
}
dl.questionList dd{
    margin-bottom: 25px;
}
dl.questionList dd a{
    text-decoration: underline;
}
dl.questionList dd p.bigTxt{
    font-size: 18px;
    font-weight: bold;
}

.pol-lst h3 {
    margin-bottom: 10px;
}
.pol-lst p {
    margin-bottom: 20px;
}


/* favorite */
.product__fav-item button,
.product-list__fav-items button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
.productDetail .product__fav-item {
  margin-bottom: 20px;
}
.productDetail .product__fav-item button {
  height: 30px;
  line-height: 2;
  font-size: 1.5rem;
  font-weight: bold;
  color: #ccc;
}
.productDetail .product__fav-item button.fav-items {
  color: #FF7373;
}
.productDetail  .product__fav-item button svg {
  fill: #ccc;
  float: left;
  width: 30px;
  margin-right: 5px;
}
.productDetail .product__fav-item button.fav-items svg {
  fill: #FF7373;
}
.product-list__fav-items button {
  position: absolute;
  right: 10px;
  top: 145px;
  padding: 5px;
  height: 30px;
}
.product-list__fav-items button svg {
  fill: #ccc;
  float: left;
  width: 20px;
}
.product-list__fav-items button.fav-items svg {
  fill: #FF7373;
}


/*=============================================*/
/*sp/
/*=============================================*/
@media only screen and (max-width: 960px) {
    .pc-only {
        display: none !important;
    }
    .sp-only {
        display: block;
    }
    .headerTop {
        width: 100%;
        padding: 10px;
    }
    .headerTop .payTxt{
        display: none;
    }
    .headerTop ul {
        margin-bottom: 5px;
    }
    .headerTop p {
        font-size: 1rem;
    }
    .spHead{
        overflow: hidden;
    }
    .spHead nav{
        width: 70%;
        float: left;
        height: 90px;
    }
    .spHead h1{
        width: 30%;
        float: right;
        height: 90px;
        background-color: #001843;
        position: relative;
    }
    .spHead h1 img{
        max-width: 78px;
        max-height: 71px;
        position: absolute;
        top:0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    .spHead nav ul{
        overflow: hidden;
        background-color: #001843;
    }
    .spHead nav ul li{
        width: 50%;
        float: left;
        line-height: 45px;
        font-size: 11px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        border-right: 1px solid #fff;
        text-align: center;
    }
    .spHead nav ul li a{
        color: #fff;
        line-height: 20px;
        display: inline-block;
    }
    .spHead nav ul li.nav02,
    .spHead nav ul li.nav01{
        border-bottom: 1px solid #fff;
    }
    .spHead nav ul li.nav01{
        background: url(../img/sp/common/icon-menu.png) no-repeat 18% center;
        background-size: 20px 18px;
        padding-left: 25px;
        color: #fff;
    }
    .spHead nav ul li.nav02 a{
        background: url(../img/sp/common/icon-home.png) no-repeat left center;
        background-size: 25px 20px;
        padding-left: 35px;
    }
    .spHead nav ul li.nav03 button{
        background: url(../img/sp/common/icon-search.png) no-repeat left center;
        background-size: 18px 20px;
        padding-left: 23px;
        border: none;
        line-height: 24px;
        color: #fff;
    }
    .spHead nav ul li.nav04 a{
        background: url(../img/sp/common/icon-cart.png) no-repeat left center;
        background-size: 19px 20px;
        padding-left: 25px;
    }
    .headerTop li {
        padding-right: 5px;
    }
    .headerTop .payHowtoArea,
    .headerTop .cardArea,
    .headerTop .paymentArea {
      width: auto;
    }
    .headerTop .icoIndigo {
        float: left;
        font-size: 0.55rem;
        margin-right: 5px;
        padding: 3px;
        line-height: 1.1;
        font-size: 0.75rem;
        width: 2.2rem;
        text-align: center;
    }
    .headerTop ul{
        width: 100%;
    }
    .topBannerBoxWrap {
        padding: 0;
    }
    .topBannerBox {
        width: 100%;
        padding: 10px;
    }
    .SptopBannerBox ul{
        overflow: hidden;
    }
    .SptopBannerBox ul li{
        width: 50%;
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 4px solid #D23C39;
    }
    .SptopBannerBox ul li img{
        width: 100%;
        height: auto;
    }
    .SptopBannerBox ul li:nth-child(odd){
        border-right: 2px solid #D23C39;
    }
    .SptopBannerBox ul li:nth-child(even){
        border-left: 2px solid #D23C39;
    }
    .SptopBannerBox p{
        font-size: 0.9rem;
        font-weight: bold;
        color: #fff;
        text-align: center;
        margin: 0 -5px;
    }
    p.SpBnrHeader{
        text-align: center;
        margin: -18px 0;
    }
    p.SpBnrHeader img{
        width: 100%;
        height: auto;
        max-width: 640px;
        max-height: 190px;
    }
    #visual_wrap {
        padding: 0;
    }
    /*スライダー（SPのみ）-------------------*/
    .Spslider-Box{
        background-color: #F2F0ED;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .Spslider{
        position: relative;
    }
    .Spslider .slick-slider{
        margin-bottom: 8px;
    }
    .Spslider .slick-arrow{
        width: 9px;
        height: 17px;
        top:45%;
        z-index: 5;
    }
    .Spslider .slick-next{
        right: 10px;
        background-size: 100%;
    }
    .Spslider .slick-prev{
        left: 10px;
        background-size: 100%;
    }
    .Spslider ul.slick-dots{
        margin: 12px auto 10px;
        text-align: center;
    }
    .Spslider ul.slick-dots li{
        text-indent: -9999px;
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 20px;
        background-color: #fff;
        margin-right: 8px;
    }
    .Spslider ul.slick-dots li.slick-active{
        background-color: #ccc;
    }

    .Spslider-Box .bnrSp{
        padding: 0 10px;
    }
    .Spslider-Box .bnrSp ul{
        overflow: hidden;
    }
    .Spslider-Box .bnrSp ul li{
        width: 47.5%;
        float:left;
        margin-right: 5%;
		margin-bottom:15px;
        text-align: center;
    }
    .Spslider-Box .bnrSp ul li:nth-child(2n){
        margin-right: 0;
    }

	.Spslider-Box .bnrSp ul li:last-child {
        margin-bottom: 0;
    }

    /*-----------------------------------
    メインコンテンツ
    -----------------------------------*/
    .contents {
        width: 100%;
    }
    .mainWrap {
        width: 100%;
        float: none;
    }
    .mainWrap h2 {
        margin: 10px 0;
        padding: 0 10px 0 0;
    }
    .mainWrap h2::after {
        top: 40%;
        width: 95%;
    }
    .mainWrap h2 span{
        padding-left: 10px;
    }
    .popular .column05 {
        float: left;
        width: 47.5%;
        margin-right: 5%;
    }
    .popular .column05:nth-child(2n){
        margin-right: 0;
    }
    .categoryTitle {
        border-top: 3px solid #030133;
    }
    .titleWrapLeft .titleTxt {
        padding: 15px 0 15px 15px;
    }
    .titleWrapLeft .titleTxt p {
        font-size: 3.2rem;
        float: none;
        position: relative;
        padding-left: 10px;
        line-height: 3.6rem;
        margin-bottom: 7px;
    }
    .titleWrapLeft .titleTxt p::after {
        content: url(../img/sp/top/icn_arrow04.png);
        position: absolute;
        top: 38%;
        left: 0;
    }
    .titleImage13 .titleWrapLeft::after,
    .titleImage12 .titleWrapLeft::after,
    .titleImage11 .titleWrapLeft::after,
    .titleImage10 .titleWrapLeft::after,
    .titleImage09 .titleWrapLeft::after,
    .titleImage08 .titleWrapLeft::after,
    .titleImage07 .titleWrapLeft::after,
    .titleImage06 .titleWrapLeft::after,
    .titleImage05 .titleWrapLeft::after,
    .titleImage04 .titleWrapLeft::after,
    .titleImage03 .titleWrapLeft::after,
    .titleImage02 .titleWrapLeft::after,
    .titleImage01 .titleWrapLeft::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
    }
    .titleImage01 .titleWrapLeft::after {
        background: url(../img/sp/top/category/categoryTitle01.png) no-repeat;
        width: 42%;
        height: 100%;
        background-size: cover;
    }
    .titleImage02 .titleWrapLeft::after {
        background: url(../img/sp/top/category/categoryTitle02.png) no-repeat;
        width: 51%;
        height: 100%;
        background-size: cover;
    }
    .titleImage03 .titleWrapLeft::after {
        background: url(../img/sp/top/category/categoryTitle03.png) no-repeat;
        width: 40%;
        height: 100%;
        background-size: cover;
    }
    .titleImage04 .titleWrapLeft::after {
        background: url(../img/sp/top/category/categoryTitle04.png) no-repeat;
        width: 40%;
        height: 100%;
        background-size: cover;
    }
    .titleImage05 .titleWrapLeft::after {
        background: url(../img/sp/top/category/categoryTitle05.png) no-repeat;
        width: 40%;
        height: 100%;
        background-size: cover;
    }
    .titleImage06 .titleWrapLeft::after {
        background: url(../img/sp/top/category/categoryTitle06.png) no-repeat;
        width: 40%;
        height: 100%;
        background-size: cover;
    }
    .titleImage07 .titleWrapLeft::after {
        background: url(../img/sp/top/category/categoryTitle07.png) no-repeat;
        width: 40%;
        height: 100%;
        background-size: cover;
    }
    .titleImage08 .titleWrapLeft::after {
        background: url(../img/sp/top/category/categoryTitle08.png) no-repeat;
        width: 40%;
        height: 100%;
        background-size: cover;
    }
    .titleImage09 .titleWrapLeft::after {
        background: url(../img/sp/top/category/categoryTitle09.png) no-repeat;
        width: 40%;
        height: 100%;
        background-size: cover;
    }
    .titleImage10 .titleWrapLeft::after {
        background: url(../img/sp/top/category/categoryTitle10.png) no-repeat;
        width: 40%;
        height: 100%;
        background-size: cover;
    }
    .titleImage11 .titleWrapLeft::after {
        background: url(../img/sp/top/category/categoryTitle11.png) no-repeat;
        width: 40%;
        height: 100%;
        background-size: cover;
    }
    .titleImage12 .titleWrapLeft::after {
        background: url(../img/sp/top/category/categoryTitle12.png) no-repeat;
        width: 40%;
        height: 100%;
        background-size: cover;
    }
    .titleImage13 .titleWrapLeft::after {
        background: url(../img/sp/top/category/categoryTitle13.png) no-repeat;
        width: 40%;
        height: 100%;
        background-size: cover;
    }

    .categoryTitle .titleWrapLeft {
        overflow: hidden;
        float: left;
    }
    .titleWrapLeft .categoryTxt {
        font-size: 1.3rem;
        line-height: 180%;
        padding: 0 10px;
        float: left;
        z-index: 99;
        width: 55%;
        padding-bottom: 10px;
    }
    .titleWrapLeft .categoryTxt br{
        display: none;
    }
    .titleWrapLeft .titleTxt span {
        float: none;
        display: block;
        line-height: 130%;
        padding-left: 0;
        font-size: 01.2rem;
        letter-spacing: 0.1rem;
    }
    .titleWrapLeft {
        height: 100%;
    }
    .categoryTypeInner {
        float: none;
        margin: 0;
        width: 100%;
    }
    .categoryType {
        padding: 1.5%;
        background: #CCCCCC;
        margin-bottom: 25px;
    }
    .categoryType li {
        margin-right: 0;
        margin-bottom: 1px;
        height: auto;
        /*height: 110px;*/
    }
    .column02 {
        width: 100%;
        float: none;
    }
    .categoryType .rightTxt p {
        float: left;
        font-size: 1.2rem;
        padding: 8px 8px 4px 8px;
    }
    .categoryType .rightTxt p br{
        display: none;
    }
    .categoryType .rightTxt p span {
        padding-bottom: 3px;
        font-size: 1.4rem;
    }
    .categoryType .leftImage{
        width: 24%;
        height: auto;
    }
    .categoryType .leftImage img{
        width: 100%;
        height: auto;
        border-radius: 10px 0 0 10px;
    }
    .categoryType .rightTxt {
        width: 76%;
    }
    .mainWrap h2 span{
        font-size: 1.4rem;
    }

    /*news----*/
    .newsWrapper ul li{
        font-size: 1.0rem;
        border-bottom: 1px dashed #333;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .newsWrapper ul li span{
        display: block;
    }
    /*商品list-----*/
    .slider.multiple-item.slick-initialized.slick-slider {
        background: #fff;
        height: auto;
    }
    .multiple-item .slick-list li{
        margin: 0 5px !important;
        background: #F8F8F8;
    }
    .multiple-item .slick-next {
        right: 0;
        background: url(../img/sp/top/sp-list-next.png) no-repeat center center;
    }
    .multiple-item .slick-prev {
        left: 0;
        background: url(../img/sp/top/sp-list-prev.png) no-repeat center center;
    }
    .multiple-item .slick-prev,
    .multiple-item .slick-next {
        width: 18px;
        height: 86px;
        background-size: 100%;
        top: 40%;
    }
    .multiple-item .slick-list li .thumb{
        width: 100%;
        height: auto;
    }
    .multiple-item .slick-list li .thumb > span,
    .multiple-item .slick-list li .thumb>span.new {
        font-size: 1.1rem;
    }
    .column05 p:nth-child(2) {
        font-size: 1.3rem;
        margin-bottom: 1rem;
    }
    .column05 .thumb {
        width: 100%;
    }
    .multiple-item .slick-list li p {
        font-size: 1.3rem;
        margin-bottom: 5px;
    }

    .multiple-item .slick-list li p.priceTxt {
        font-size: 1.4rem;
        margin-bottom: 10px;
        color: #D23B39;
        font-weight: bold;
    }

    .multiple-item .slick-list li p.priceTxt span {
        font-size: 0.9rem;
        font-weight: normal;
    }
    .multiple-item .slick-list li > table{
        font-size: 1.0rem;
    }
    .popular .column05:nth-child(2n) {
        margin-right: 10px;
    }
    .popular .column05 .thumb:before {
        content: '';
        width: 33px;
        height: 26px;
        position: absolute;
        top: 3px;
        left: 1px;
    }
    .popular .column05.rank_1 .thumb:before {
        width: 41px;
        height: 33px;
        background: url(../img/top/rank_01.png) 0 0 no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
    }
    .popular .column05.rank_2 .thumb:before {
        width: 41px;
        height: 33px;
        background: url(../img/top/rank_02.png) 0 0 no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
    }
    .popular .column05.rank_3 .thumb:before {
        width: 41px;
        height: 33px;
        background: url(../img/top/rank_03.png) 0 0 no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
    }
    .popular .column05.rank_4 .thumb:before {
        width: 33px;
        height: 26px;
        background: url(../img/top/rank_04.png) 0 0 no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
    }
    .popular .column05.rank_5 .thumb:before {
        width: 33px;
        height: 26px;
        background: url(../img/top/rank_05.png) 0 0 no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
    }


    /*--------------------
    スマホ用ドロワーメニュー
    ---------------------*/
    .drawer-nav {
        position: fixed;
        z-index: 1001;
        top: 0;
        overflow: hidden;
        width: 20.25rem;
        height: 100%;
        color: #222;
        background-color: #fff;
    }
    .drawer-menu {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .drawer-overlay {
        position: fixed;
        z-index: 100;
        top: 0;
        left: 0;
        display: none;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, .5);
    }

    .drawer-open .drawer-overlay {
        display: block;
    }
    .drawer--left .drawer-nav {
        left: -20.25rem;
        -webkit-transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
        transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    }

    .drawer--left.drawer-open .drawer-nav,
    .drawer--left .drawer-hamburger,
    .drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
        left: 0;
    }

    .drawer--left.drawer-open .drawer-hamburger {
        left: 16.25rem;
    }
    .drawer-hamburger {
        display: block;
        box-sizing: content-box;
        width: 2rem;
        padding: 0;
        border: 0;
        outline: 0;
        background-color: transparent;
        height: 45px;
        margin: auto;
        width: 70%;
        color: #fff;
    }

    .drawer-hamburger:hover {
        cursor: pointer;
        background-color: transparent;
    }

    .drawer-open .drawer-hamburger{
        display: none;
    }
    ul.drawer-menu{
        background-color: #001843;
    }
    ul.drawer-menu li{
        font-size: 1.2rem;
        color: #fff;
        border-bottom: 1px solid #4e5a70;
        padding: 12px 0 12px 10px;
    }
    ul.drawer-menu li a{
        color: #fff;
        display: block;
        position: relative;
    }
    ul.drawer-menu li a:before{
        position: absolute;
        content: '';
        right: 10px;
        top: 0;
        bottom:0;
        margin: auto;
        width: 6px;
        height: 11px;
        background: url(../img/sp/common/sp-nav-arrow.jpg) no-repeat;
        background-size: 100%;
    }
    ul.drawer-menu > li span{
        display: block;
        margin-right: 5px;
        border-bottom: 1px solid #4e5a70;
        padding-bottom: 10px;
        font-size: 1.2rem;
        margin-left: -10px;
        padding-left: 10px;
    }
    ul.drawer-menu li ul{
        margin-left: 10px;
    }
    ul.drawer-menu li ul li{
        margin-left: -20px;
        padding-left: 20px;
    }
    ul.drawer-menu > li:first-child{
        padding-left: 37px !important;
        position: relative;
        padding: 16px 0;
    }
    ul.drawer-menu > li:first-child:before{
        content: '';
        width: 19px;
        height: 19px;
        background: url(../img/sp/common/sp-nav-close.jpg) no-repeat;
        background-size: 100%;
        position: absolute;
        top:0;
        bottom: 0;
        margin: auto;
        left: 10px;
    }
    ul.drawer-menu > li:nth-child(3){
        border-bottom: 0;
        padding-bottom: 0;
    }

    .drawer--top.drawer-open .drawer-nav {
      top: 0;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
    }

    .drawer--left.drawer-open .drawer-nav,
    .drawer--left .drawer-hamburger,
    .drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
      left: 0;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
    }

    .drawer--right.drawer-open .drawer-nav,
    .drawer--right .drawer-hamburger,
    .drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
      right: 0;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
    }

    /*-----------------------------------
    サイドバー
    -----------------------------------*/
    .sideBar,
    .sideBarWrap {
        display: none;
    }
    /*-----------------------------------
    footer
    -----------------------------------*/
    .lineSecondWrap .centerLine::after{
        width: 98%;
        left: 0;
        z-index: 0;
    }
    .lineSecondWrap {
        width: 100%;
        padding: 15px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .lineSecondWrap img {
        width: 42%;
        height: auto;
        border-radius: 10px;
    }
    .lineSecondWrap .centerLine span{
        position: relative;
        font-size: 1.3rem;
        z-index: 2;
    }
    .shopGuideTxt {
        padding-left: 3%;
        width: 55%;
    }
    .SptopBannerBox,
    .bg-red{
        background-color: #D23C39;
        padding: 7px 10px 3px;
    }
    .bg-red p{
        font-size: 0.9rem;
    }
    .lineSecondWrap .centerLine{
        font-size: 1.1rem;
    }
    .shopGuideTxt p{
        font-size: 1.2rem;
    }
    .lineSecondWrap .shopInfo {
        clear: both;
        padding-top: 10px;
        margin-bottom: 0;
    }
    .lineSecondWrap .shopInfo p{
        font-size: 1.2rem;
    }
    .shopGuideTxt .btnHere02 {
        display: block;
        width: 100%;
        padding: 0;
        line-height: 28px;
        font-size: 1.0rem;
        margin: auto;
        text-align: center;
        position: relative;
    }
    .shopGuideTxt .btnHere02::after {
        position: absolute;
        top: 40%;
        bottom: 0;
        margin: auto;
        right: 6px;
        left: auto;
        content: url(../img/sp/top/icn_arrow01.png);
    }
    .copyright {
        background-color: #333;
        color: #fff;
        font-size: 0.9rem;
        padding: 12px 0;
    }
    .SpFooterContents {
        background-color:#F2F0ED;
    }
    .SpFooterContents ul.footLink > li{
        font-size: 1.3rem;
        background-color: #fff;
        padding:10px;
    }
    .SpFooterContents ul.footLink > li.nav03,
    .SpFooterContents ul.footLink > li.nav02,
    .SpFooterContents ul.footLink > li.nav01{
        border-bottom: 1px solid #ccc;
        line-height: 40px;
        position: relative;
    }
    .SpFooterContents ul.footLink > li.nav03{
        border-top: 1px solid #ccc;
    }
    .SpFooterContents ul.footLink > li.nav03 a,
    .SpFooterContents ul.footLink > li.nav02 a,
    .SpFooterContents ul.footLink > li.nav01 a{
        display: block;
    }
    .SpFooterContents ul.footLink > li.nav03:after,
    .SpFooterContents ul.footLink > li.nav02:after,
    .SpFooterContents ul.footLink > li.nav01:after{
        width: 6px;
        height: 12px;
        content: '';
        position: absolute;
        right: 10px;
        top:0;
        bottom: 0;
        margin:auto;
        background: url(../img/sp/common/sp-foot-arrow.png) no-repeat;
        background-size: 100%;
    }
    .SpFooterContents ul.footLink > li.navCale {
        overflow: hidden;
    }
    .SpFooterContents ul.footLink > li.navCale p{
        font-size: 1.1rem;
        margin: 12px 0;
    }
    .SpFooterContents ul.footLink > li.navCale ul{
        overflow: hidden;
        clear: both;
    }
    .SpFooterContents ul.footLink > li.navCale ul li,
    .SpFooterContents ul.footLink > li.navCale .tbl_calendar {
        width: 47.5%;
        float: left;
        margin-right: 5%;
        background: #F8F8F8;
    }
    .SpFooterContents ul.footLink > li.navCale ul li:last-child,
    .SpFooterContents ul.footLink > li.navCale .tbl_calendar:nth-child(3) {
        margin-right: 0;
    }
    .SpFooterContents ul.footLink > li.navCale .tbl_calendar caption {
        background: #666666;
        color: #fff;
        padding: 3px 0 2px 0;
        font-size: 10px;
        text-align: center;
        margin-bottom: 6px;
    }
    .SpFooterContents ul.footLink > li.navCale .tbl_calendar th {
        background: #ccc;
    }
    .SpFooterContents ul.footLink > li.navCale .tbl_calendar td.sun,
    .SpFooterContents ul.footLink > li.navCale .tbl_calendar td.mon,
    .SpFooterContents ul.footLink > li.navCale .tbl_calendar td.tue,
    .SpFooterContents ul.footLink > li.navCale .tbl_calendar td.wed,
    .SpFooterContents ul.footLink > li.navCale .tbl_calendar td.thu,
    .SpFooterContents ul.footLink > li.navCale .tbl_calendar td.fri,
    .SpFooterContents ul.footLink > li.navCale .tbl_calendar td.sat {
        background: #fff;
    }
    .SpFooterContents ul.footLink > li.navCale .tbl_calendar td,
    .SpFooterContents ul.footLink > li.navCale .tbl_calendar th {
        font-size: 10px;
        text-align: center;
        padding: 3px 0;
    }
    .SpFooterContents ul.footLink > li.navCale .holiday {
        clear: both;
        color: #D23C39;
        padding: 15px 0;
        margin-left: 15px;
    }
    .SpFooterContents ul.footLink > li.navCale ul li img{
        clear: both;
        width: 100%;
        height: auto;
    }
    .SpFooterContents .page-top{
        background-color: #ccc;
    }
    .SpFooterContents .page-top a{
        background-color: #ccc;
        line-height: 37px;
        display: block;
        position: relative;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
    }
    .SpFooterContents .page-top a:after{
        content: '';
        width: 14px;
        height: 10px;
        position: absolute;
        top:0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background: url(../img/sp/common/goto-top-arrow.jpg) no-repeat;
        background-size: 100%;
    }
    /*--------------------
    商品大分類
    --------------------*/
    .page li,
    .order li{
        font-size: 1.2rem;
    }
    .order li {
        font-weight: bold;
    }
    .order li a {
        font-weight: normal;
    }
    .breadcrumbList {
        padding: 0 10px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .breadcrumbList li {
        font-size: 1rem;
    }
    .breadcrumbList li a{
        text-decoration: underline;
    }
    .productList ul.press{
        padding: 0 2%;
        width: 96%;
    }
    .productList ul.press li{
        width: 100%;
        margin-right: 2%;
    }
    .productList ul.press li .thumb {
        width: 47%;
        margin-right: 6%;
        float: left;
    }
    .productList ul.press li .thumb img{
        width: 100%;
        height: auto;
    }
    .productList ul.press li .thumb + p {
        margin-top: 40px;
    }

    .productList ul.press li:nth-child(2n){
        margin-right: 0;
    }
    .productList ul.press li p.priceTxt{
        font-size: 1.3rem;
    }
    .productList ul.press li p.priceTxt span{
        font-size: 0.9rem;
    }
    .productList ul.press li table {
        clear: both;
        margin-top: 10px;
    }
    .productList ul.press li tr {
        display: block;
        float: left;
        width: 50%;
    }
    .productList ul.press li td,
    .productList ul.press li th{
        display: inline-block;
        width: 50%;
        box-sizing: border-box;
        font-size: 1.0rem;
    }
    /*--------------------
    商品小分類
    --------------------*/
    .underTitleImage01 .categoryTitle {
        height: auto;
        background-size: cover;
        margin-bottom: 15px;
    }
    .underTitleImage01 .categoryTitle p {
        font-size: 2.6rem;
        padding: 20px 5px 5px 15px;
        line-height: 35px;
        height: 90px;
    }
    .underTitleTxt {
        line-height: 150%;
        margin-bottom: 15px;
        font-size: 1.3rem;
    }
    .underTitleTxt {
        padding: 0 10px;
    }
    /*--------------------
    商品詳細
    --------------------*/
    .productDetail{
        margin-bottom: 20px;
    }
    .productDetail .productPicArea {
        width: 96%;
        margin-right: 0;
        float: none;
        padding: 0 2%;
    }
    .productDetail .productInfoArea {
        float: none;
        width: 96%;
        padding: 2%;
    }
    .productInfoArea .cartArea {
        float: none;
        margin: 15% auto 0;
        width: 308px;
    }
    .productInfoArea dl{
        padding: 10px 0 18px;
    }
    .productInfoArea dl dt {
        width: 20%;
        line-height: 36px;
        font-size: 1.2rem;
    }
    .productInfoArea dl dd {
        margin-left: 20%;
        line-height: 36px;
        font-size: 1.6rem;
    }
    .productInfoArea dl dd.redTxt {
        font-size: 1.3rem;
        min-height: 36px;
    }
    .productInfoArea .otherInfo {
        padding: 12px 10px;
        font-size: 1.2rem;
        line-height: 180%;
        margin-bottom: 15px;
    }
    .productInfoArea .formBox2{
        overflow: hidden;
        margin: 0 auto 30px;
        text-align: center;
    }
    .productInfoArea .numberArea ul{
        margin-left: 5px;
        display: inline-block;
        float: right;
        padding-right: 40%;
    }
    .productInfoArea .numberArea ul li:first-child {
        margin-bottom: 2px;
    }
    .productInfoArea .numberArea input[type="text"] {
        width: 40px;
        height: 30px;
    }
    .cartArea button.cartBtn[type="submit"] span{
        font-size: 1.65rem;
    }
    .icon-lg-b.icon-cart {
        display: none;
    }
    .productInfoArea .productTxt li {
        margin-bottom: 10px;
        padding-left: 20px;
        font-size: 1.2rem;
    }
    .productInfoArea .productTxt li.voice::before {
        height: 14px;
        top: 4px;
        background: url(../img/product/icn_comment.png) no-repeat;
        background-size: 100%;
    }
    .productInfoArea .productTxt li.mail::before {
        height: 10px;
        top: 4px;
        background: url(../img/product/icn_mail.png) no-repeat;
        background-size: 100%;
    }
    .productInfoArea .productTxt li::before {
        width: 14px;
    }
    .productSubTit {
        margin: 0 10px 15px;
        font-size: 1.3rem;
        padding: 10px;
        line-height: 1;
    }
    .productSubTit svg {
        margin-top: -8px;
        padding: 0;
    }
    .la_voiceBox {
        font-size: 1.0rem;
        margin: 0 10px 15px;
    }
    .la_voiceBox a{
        font-size: 1.2rem;
        margin-left: 15px
    }
    .la_voiceBox a::before {
        width: 10px;
        height: 10px;
        background: url(../img/product/icn_pen.png) no-repeat;
        background-size: 100%;
        top: 3px;
        left: -15px;
    }
    .guideNav ul {
        margin-bottom: 15px;
        margin-left: 2%;
    }
    .guideNav ul li:nth-child(3n){
        display: none;
    }
    .guideNav ul li{
        float: left;
        width: 48%;
        margin-right: 2%;
        font-size: 1.1rem;
    }
    .guideNav ul li a{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .guideArea article{
        margin: 0 10px;
    }
    .guideArea article p{
        font-size: 1.2rem;
        margin-bottom: 10px;
        line-height: 1.8rem;
    }
    .guideArea h2 {
        font-weight: bold;
        padding: 0 15px 0 10px !important;
        line-height: 32px;
        font-size: 1.4rem;
        margin: 15px -10px;
    }
    .guideArea h3 {
        line-height: 140%;
        padding: 8px 10px;
        margin-bottom: 10px;
        font-size: 1.2rem;
    }
    .priceList th {
        font-size: 1.0rem;
        padding: 5px;
    }
    .priceList td {
        font-size: 1.2rem;;
        padding: 6px;
    }
    .priceList tr .redTxt {
        font-size: 1.5rem;
    }
    .guideArea .redTitle {
        font-size: 1.3rem;
    }
    .guideArea .yuPack img {
        display: none;
    }
    .guideArea .yuPack p br{
        /*      display: none; */
    }
    .guideArea .timeZone {
        margin-bottom: 5px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: none;
    }
    .guideArea .timeZone p {
        width: 100%;
        font-size: 1.5rem;
        border-bottom: 1px solid #ccc;
        padding: 5px 0;
    }
    #Area03 .giftImg {
        padding: 0 10%;
    }
    #Area03 .giftImg img {
        width: 100%;
    }
    .guideArea .Column3 li img {
        margin-bottom: 3px;
    }
    .guideArea .Column3 li strong {
        margin-bottom: 15px;
        font-size: 0.9rem;
    }
    .guideArea .Column2 li{
        float: none;
        width: 100%;
        margin-right: 0;
    }
    .guideArea .Column2 li img {
        margin-bottom: 8px;
    }
    .guideArea h3.baGray {
        background-color: #F8F8F8;
        margin-top: 15px;
    }
    .guideArea .redTxtList li, .guideArea .boldRed {
        font-size: 1.0rem;
    }
    .guideArea .redTxtList {
        margin: 20px 0;
    }
    .guideArea .redTxtList li{
        margin-bottom: 4px;
        font-size: 1.2rem;
    }
    dl.questionList dt {
        line-height: 180%;
        padding: 3px 0  0 10px;
        margin-bottom: 12px;
        font-size: 1.3rem;
    }
    dl.questionList dd {
        margin-bottom: 10px;
    }
    dl.questionList dd p.bigTxt {
        font-size: 1.2rem;
    }
/*ヘッダー検索*/
    .searchBlock{
       background-color: #001843;
       padding: 5px 10px;
       border-top: 1px solid #fff;
       display: none;
    }
    form.headerSearch {
        position: relative;
        display: block;
        width: 100%;
        float: none;
        margin-right: 0;
    }
    form.headerSearch input[type="text"] {
        width: 85%;
        height: 35px;
        background: #F2F0ED;
    }
    form.headerSearch input[type="image"] {
        position: absolute;
        top: 0;
        right: 0;
        background: #666666;
        width: 41px;
        height: 41px;
    }

    .product-list__fav-items button {
      right: 52%;
      top: 118px;
    }
}


/********************************************************/
/*Date 2020 06 18 */
/********************************************************/
.product_cart_btn,
.product_read_btn {
	width: 100%;
}
.product_cart_btn input,
.product_read_btn a {
	display: block;
	width: 100%;
	padding: 0 6px;
	background-color: #001843;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	box-sizing: border-box;
	line-height: 30px;
	font-size: 1.45rem;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.product_read_btn a {
	margin: 10px 0 5px;
}
.product_cart_btn input {
	cursor: pointer;
    margin: 0;
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background-color: #d23c39;
}
.product_cart_btn input:hover {
	background-color: #d27b79;
}
.press .column05 a,
.popular .column05 a {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.press .column05 a:hover,
.popular .column05 a:hover {
	opacity: 0.6;
}
.thumb>span {
    z-index: 1;
}
.thumb img, .thumb img {
    margin: 0px 0 15px 0;
}
.popular .column05 .thumb:before {
    z-index: 1;
}

.press .column05 p a:hover,
.popular .column05 a:hover {
	text-decoration: underline;
}

@media only screen and (max-width: 960px) {
	.product_cart_btn,
	.product_read_btn {
		display: inline-block;
		width: 48%;
		margin-right: 2%;
		text-align: center;
	}
	.product_cart_btn:nth-child(2n),
	.product_read_btn:nth-child(2n) {
		margin-right: 0;
	}
	.product_cart_btn input,
	.product_read_btn a {
		font-size: 1.2rem;
	}

}

.cartjs_product_table,
.cartjs_sk_link_other,
.cartjs_product_num {
    display: none;
}

.multiple-item .product_cart_btn,
.multiple-item .product_read_btn {
    width: 100%;
}


/******************************
 Date 2020 1002 App Bnr
*******************************/
.sideBarWrap .koukadouapp {
    position: relative;
    margin-bottom: 15px;
}
.sideBarWrap .koukadouapp .bnr_left,
.sideBarWrap .koukadouapp .bnr_right {
    position: absolute;
    bottom: 13px;
    width: 96px;
}
.sideBarWrap .koukadouapp .bnr_left {
    left: 12px;
}
.sideBarWrap .koukadouapp .bnr_right {
    right: 11px;
}
.sideBarWrap .koukadouapp img{
    margin-bottom: 0;
}
.sideBarWrap .koukadouapp a:hover img {
    opacity: .75;
}

@media only screen and (max-width: 960px) {
    .sp_app {
        position: relative;
    }
    .sp_appbnr {
        position: absolute;
        left: 10%;
        bottom: 10%;
        width: 50%;
    }
    .sp_appbnr .bnr_top {
        margin-bottom: 5px;
    }
    .sp_appbnr li{
      float: none !important;
      margin-bottom: 0;
    }
    .sp_appbnr img{
      width: 100%;
      text-align: left;
      display: block;
    }
}

/******************************
 Date 2024 1216 sideNav
*******************************/
.sideList li.listTitle span.c-nav_keitamaruyama{
    letter-spacing: 0;
}