@charset "UTF-8";

.mantenance {
    width: 1120px;
    margin: 0 auto;
    text-align: center;
    font-size: 300%;
    line-height: 150%;
    height: 500px;
    -webkit-box-shadow: 0 0 0 5px #ccc;
    box-shadow: 0 0 0 5px #ccc;

}

.mantenance p {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    /* Safari用 */
    transform: translateY(-50%);
    font-weight: bold;
}

body {
    line-height: 180% !important;
    font-size: 86%;
    color: #222 !important;
    font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
}

.headers,
.lapnav {
    font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
}

#pagetop {
    display: block;
    position: fixed;
    bottom: 10px;
    right: 10px;
}

.fontbig {
    font-weight: bold;
}

#logoutButton,
#loginButton,
#mypages,
#newmember {
    display: none;
}

a {
    color: #222;
}

.is-fixed {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100% !important;
    z-index: 12;
    margin-top: 0px !important;
    background: #fff;
}



.is-fixed > ul > li:last-child {
    margin-right: 20px;
}

.is-fixed .menu{
    width: 94%;
    
}

.fix-right-navi .fs-p-cartItemNumber {
    font-size: 1.6rem !important;
    top: -6px;
}

.basecont {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    letter-spacing: 1px;
}

a {
    -webkit-transition: .3s;
    transition: .3s;
}

.pc-side-nav-fixed {
    top: 2%;
    left: 68%;
    width: 18%;
    position: fixed;
}

/* ------------------
	common
 ------------------ */

.mrb4 {
    margin-bottom: 4px;
}

.mrb10 {
    margin-bottom: 10px;
}

.mrb15 {
    margin-bottom: 15px;
}

.mrb20 {
    margin-bottom: 20px;
}

.mrb30 {
    margin-bottom: 30px;
}

.mrb40 {
    margin-bottom: 40px;
}

.mrb60 {
    margin-bottom: 60px;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}

#page-top a {
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}

#page-top a:hover {
    text-decoration: none;
    opacity: .7;
}

#page-top img {
    width: 100%;
    height: auto;
}

.fontbig {
    font-size: 130%;
    line-height: 150%;
}

.item_information p {
    margin-bottom: 20px;
}

.item_information p:last-child {
    margin-bottom: 0px;
}

.tp_subtit,
.tp_mintit{
    text-align: center;
    margin-bottom: 30px;
}

.tp_subtit p,
.tp_subtit h2{
    font-size: 240%;
    margin-bottom: 30px;
    font-weight: bold;
}

.tp_mintit p,
.tp_mintit h3{
    font-size: 170%;
    margin-bottom: 30px;
    font-weight: bold;
}
.tp_subtit span{
    color: #358f58;
}

.tp_subtit dd,
.tp_subtit p,
.tp_subtit h2,
.tp_mintit p,
.tp_mintit h3{
    font-family: HelveticaNeue-CondensedBold, 'arial black';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tp_subtit dd:before,
.tp_subtit dd:after,
.tp_subtit p:before,
.tp_subtit p:after,
.tp_subtit h2:before,
.tp_subtit h2:after,
.tp_mintit p:before,
.tp_mintit p:after,
.tp_mintit h3:before,
.tp_mintit h3:after{
    content: "";
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 1px;
    background: #a99660;
    display: block;
}

.tp_subtit dd:before,
.tp_subtit p:before,
.tp_subtit h2:before,
.tp_mintit p:before,
.tp_mintit h3:before{
    margin-right: 1em;
}

.tp_subtit dd:after,
.tp_subtit p:after,
.tp_subtit h2:after,
.tp_mintit p:after,
.tp_mintit h3:after{
    margin-left: 1em;
}

.detail_tit {
    font-size: 140%;
    font-weight: bold;
    margin-bottom: 25px !important;
    padding-bottom: 10px;
    border-bottom: 5px solid #6d9f50;
}

.bnk_link {
    background: url(../img/external-link-symbol.svg) no-repeat left top;
    background-size: 12px 12px;
    padding-left: 20px;
    margin-top: 25px;
}

.woods{
    text-align: center;
    margin-bottom: 40px;
}

.woods dt,
.woods p{
    background: url(../img/woods.gif) no-repeat center top;
    color: #fff;
    font-family: HelveticaNeue-CondensedBold, 'arial black';
    padding: 6px 0 12px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}
.woods dd,
.woods h2{
    font-size: 140%;
    font-weight: bold;
    line-height: 150%;
}
.lrline{
    font-size: 140%;
    font-weight: bold;
    line-height: 150%;
}

.lrline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.lrline:before, .lrline:after {
    content: "";
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 1px; /* 線の太さを変えたいときはここを変える */
    background: #ccc; /* 線の色を変えたいときはここを変える */
    margin:0 2em; /* 文字と線の余白用 なくても良い */
}

/* ------------------
btn
------------------ */

.blown_btn a {
    display: block;
    background: url(../img/r-delta.svg) no-repeat 96% center #000;
    background-size: 9px 8px;
    color: #fff;
    text-align: center;
    border-radius: 30px;
    padding: 15px 10%;
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 120%;
    text-decoration: none;
}

.blown_btn a:hover {
    opacity: .7;
    display: block;
    background: url(../img/r-delta.svg) no-repeat 96% center #333;
    background-size: 9px 8px;
    color: #fff;
    text-align: center;
    border-radius: 30px;
    padding: 15px 10%;
    font-size: 120%;
}

.buy_btn a {
    display: block;
    text-decoration: none;
    background: url(../img/emptycart.svg) no-repeat 8% center #cf3c01;
    background-size: 20px 20px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 15px 0;
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 110%;
    transition: .3s;
    -webkit-box-shadow: 0px 5px 0 #842404;
    box-shadow: 0px 5px 0 #842404;
}

.buy_btn a:hover {
    display: block;
    background: url(../img/emptycart.svg) no-repeat 8% center #cf3c01;
    background-size: 20px 20px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 15px 0;
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 110%;
    opacity: .7;
    text-decoration: none;
    -webkit-box-shadow: 0px 5px 0 #842404;
    box-shadow: 0px 5px 0 #842404;
}

.fax_btn a {
    display: block;
    background: url(../img/r-delta.svg) no-repeat 96% center #669900;
    background-size: 9px 8px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 15px 10%;
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 120%;
    text-decoration: none;
}

.fax_btn a:hover {
    opacity: .7;
    display: block;
    background: url(../img/r-delta.svg) no-repeat 96% center #669900;
    background-size: 9px 8px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 15px 10%;
    font-size: 120%;
}

.card_btn a {
    width: 50%;
    margin: 0 auto;
    display: block;
    background: url(../img/r-delta.svg) no-repeat 96% center #669900;
    background-size: 9px 8px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 15px 10%;
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 120%;
    text-decoration: none;
}

.card_btn a:hover {
    opacity: .7;
    display: block;
    background: url(../img/r-delta.svg) no-repeat 96% center #669900;
    background-size: 9px 8px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 15px 10%;
    font-size: 120%;
}

/* ------------------
	header
 ------------------ */

.head_tp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1120px;
    margin: 0 auto 20px;
}

.logo {
    width: 260px;
    margin-top: 20px;
}

.covlogo {
    max-width: 210px;
}

.logo img,
.covlogo img {
    width: 100%;
    height: auto;
}

.hd_right {
    width: 800px;
}

#slide-l {
    z-index: 100;
    cursor: default;
    position: fixed;
    top: -530px;
    height: 530px !important;
    width: 100%;
    padding: 0;
    margin: 0;
    background: #FFF;
}

#slide-l .slide-inner {
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    margin: 0 auto;
    max-width: 1120px;
    width: 100%;
    height: 100%;
}

#slide-l .slide-inner section {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}

.headline h1 {
    font-size: 90%;
    line-height: 150%;
    font-weight: normal;
    width: 66%;
}

.information-block {
    width: 100%;
}

.ban_block {
    width: 230px;
    margin-top: 70px;
    display: none
}

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

.ban_block li {
    list-style: none;
}

.information-block > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.information-block > ul > li:first-child {
    width: 52%;
}

.information-block > ul > li:nth-child(2) {
    width: 22%;
    margin-left: 4%;
}

.information-block > ul > li:nth-child(3) {
    width: 20%;
    margin-left: 4%;
}

.information-block > ul p {
    font-weight: bold;
}

.information-block > ul > li {
    list-style: none;
    border-right: 1px solid #eee;
    padding-right: 4%;
}

.information-block > ul > li a:hover {
    text-decoration: none;
}

.information-block > ul > li li {
    list-style: none;
    font-size: 90%;
}

.information-block .f_items li:nth-child(odd) {
    width: 50% !important;
}

.information-block .f_items li:nth-child(even) {
    width: 50% !important;
}

#slide-l .nav-icon {
    position: absolute;
    right: 0px;
    top: 530px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    z-index: 1000 !important;
}

.cov {
    margin: 0 auto;
    max-width: 1120px;
    min-width: 768px;
    width: 100%;
    position: relative;
}

.headers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.my_points span {
    color: #dd0000;
    font-weight: bold;
}

.infos {
    margin: 14px auto 5px;
    text-align: right;

}

.infos ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.infos ul li {
    list-style: none;
}

.FS2_repeater {
    margin: 14px 30px 0 0;
    text-align: right;
}

.hd-cont:after {
    content: "";
    clear: both;
    display: block;
}

.tp_infos {
    width: 100%;
}

.tp_infos li {
    list-style: none;
}



.tp_infos ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.gai_yo {
    margin: 0 40px 0px 0;
}

.gai_yo li {
    border-left: 1px solid #ccc;
    padding-left: 20px;
    margin-left: 20px;
    font-size: 80%;
}

.gai_yo li:first-child {
    border: none;
}


.gai_yo a:hover {
    text-decoration: none;
}

.tp_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hd_register a,
.hd_login a,
.hd_cart a,
.hd_logout a,
.hd_mypage a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hd_tel span {
    background: url(../img/hd_tel.svg) no-repeat left center;
    background-size: 30px 30px;
    padding-left: 40px;
}

.hd_f {
    margin-right: 10px;
}

.hd_f img{
width: 30px;
height: 30px;}

.tp_btn li {
    margin-left: 25px;
    min-height: 30px;
    line-height: 1em;
}

.tp_btn li:last-child {
    font-family: HelveticaNeue-CondensedBold, 'arial black';
    font-size: 220%;
    line-height: 1em;
}

.tp_btn a {
    -webkit-transition: .3s;
    transition: .3s;
    text-decoration: none;
}

li.hd_time   {
    font-size: 13px;
    line-height: 1.4;
    text-align: right;
    margin-top: 2px;
    font-weight: bold;
}

.tp_btn a:hover {
    opacity: .7;
}

/*-------
グローバルナビ
-----------*/

.g_nav{
width: 100%;
border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

nav{
width: 1120px;
margin: 0 auto;}

.menu {
    position: relative;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-left: 1px solid #ccc;
}

.menu > li {
    list-style: none;
    width: 20%; /* グローバルナビ5つの場合 */
    text-align: center;
    height: 50px;
    line-height: 50px;
    background: #fff;
    border-right: 1px solid #ccc;
}
.menu > li:first-child{width: 10%;}
.menu > li:last-child{width: 30%; background: #218380;}

.menu > li a {
    display: block;
    color: #000;
    text-decoration: none;
}

.menu > li:last-child a{color: #fff;}

.menu > li a:hover {
    color: #fff;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 11;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
    background: #358f58;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    border-top: 1px solid #111;
    list-style: none;
}

.menu__third-level li {
    border-top: 1px solid #111;
}
.menu__second-level li a:hover {
    background: #358f58;
    color: #fff
}
.menu__second-level li a{
    border-bottom: 1px dotted #4fb878;
    border-right: 1px dotted #4fb878;
}

.menu__second-level li:nth-child(3n) a{
    border-right: none;
}

.menu__third-level li a:hover {
    background: #358f58;
}

.menu__fourth-level li a:hover {
    background: #1d0f0f;
}

/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

li.menu__mega ul.menu__second-level {
    position: absolute;
    top: 50px;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 2%;
    background: #fff;
    -webkit-box-shadow: 0 0 0 5px #358f58 inset;
    box-shadow: 0 0 0 5px #358f58 inset;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__mega:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
}

li.menu__mega ul.menu__second-level > li {
    float: left;
    width: 33.33%;
    border: none;
}

li.menu__mega ul.menu__second-level > li:nth-child(3n+2) {
    margin: 0 0%;
}

/* ------------------
レイアウト
------------------ */

.contst {
    width: 1120px;
    margin: 0 auto 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.contst .l-side {
    width: 220px;
}

.rcipe_contst {
    width: 1120px;
    margin: 0 auto 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* ------------------
左サイド
------------------ */

.contst .l-side a {
    -webkit-transition: .3s;
    transition: .3s;
}

.contst .l-side a:hover {
    opacity: .7;
}

.contst .l-side .user-bnr {
    margin-bottom: 20px;
}

.contst .l-side .user-bnr li {
    list-style: none;
    margin-bottom: 10px;
    -webkit-transition: .3s;
    transition: .3s;
}

.contst .l-side .user-bnr li:hover {
    opacity: .7;
}

.contst .l-side .user-bnr li img {
    font-size: 0;
    line-height: 1em;
    display: block;
}

.contst .l-side .user-bnr li:last-child {
    margin-bottom: 0;
}

.contst .l-side .user-bnr li p {
    margin-top: 6px;
}

.contst .mainconts,
.rcipe_contst .mainconts {
    width: 860px;
}

.side-serach {
    -webkit-box-shadow: 0 0 0 1px #000 inset;
    box-shadow: 0 0 0 1px #000 inset;
    padding: 7%;
    margin-bottom: 30px;
}

.keyword_side {
    margin-bottom: 30px;
}

.keyword_side input {
    background: url(../img/l-search.svg) no-repeat 10px center #fff;
    background-size: 14px 14px;
    padding: 8% 5% 8% 15%;
    width: 100%;
    border-radius: 6px;
    border: none;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 0 0 1px #ccc;
    box-shadow: 0 0 0 1px #ccc;
}

.keyword_side label {}

.side_mit {
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.side_mit button {
    text-align: center;
    background: #000;
    padding: 5px;
    width: 70%;
    border-radius: 20px;
    color: #fff;
    font-size: 120%;
}

.wotxt {
    text-align: center;
    margin: 0px auto 10px;
    font-size: 110%;
    font-weight: bold;
}

.wotxt-sd {
    text-align: center;
    margin: 25px auto 10px;
}


.keyword-ser input[type="text"] {
    width: 100%;
    padding: 10px 10px 10px 30px;
    background: url(../img/l-search.svg) no-repeat 10px center #fff;
    background-size: 15px 15px;
    border: none;
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px #ccc inset;
    border-radius: 6px;
    margin-bottom: 10px;
}

.keyword-ser input[type="button"] {
    width: 100px;
    padding: 2px 10px;
    text-align: center;
    margin: 0 auto;
    background: #e28b00;
    color: #fff;
    font-size: 130%;
    border-radius: 6px;
    display: block;
}

.keyword-ser button {
    width: 100px;
    padding: 2px 10px;
    text-align: center;
    margin: 0 auto;
    background: #e28b00;
    color: #fff;
    font-size: 130%;
    border-radius: 6px;
    display: block;
}

.price-ser input[type="text"] {
    width: 32%;
    padding: 10px 10px 10px 10px;
    border: none;
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px #ccc inset;
    border-radius: 6px;
    margin-bottom: 10px;
    margin-right: 5px;
}

.side-serach select {
    width: 100%;
    padding: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #999;
    background: #eee;
    background: url(../img/arrow01.png) 96% 50% no-repeat;
    background-size: 10px, 100%;
    margin-bottom: 10px;
}

.side-serach .price-ser input[type="text"] {
    width: 80%;
    padding: 7% 10px 7% 10px;
    border: none;
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px #ccc inset;
    border-radius: 6px;
    margin-bottom: 10px;
    margin-right: 5px;
}

.lists {
    margin-bottom: 30px;
}

.lists li {
    list-style: none;
}

.lists li a {
    display: block;
    padding: 20px 0 20px 46px;
    font-weight: bold;
}

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

.side-i01 {
    background: url(../img/i_list01.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
}
.side-i02 {
    background: url(../img/i_list02.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
}
.side-i03 {
    background: url(../img/i_list03.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
}
.side-i04 {
    background: url(../img/i_list04.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
}
.side-i05 {
    background: url(../img/i_list05.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
}
.side-i06 {
    background: url(../img/i_list06-02.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
}
.side-i07 {
    background: url(../img/i_list07.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
}
.side-i08 {
    background: url(../img/i_list08.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
}
.side-i09 {
    background: url(../img/i_list09.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
}
.side-i10 {
    background: url(../img/i_list10.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
}
.side-i11 {
    background: url(../img/i_list11.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
}
.side-i12 {
    background: url(../img/i_list12.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
}
.side-i13 {
    background: url(../img/i_list13.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
}
.side-i14 {
    background: url(../img/i_list14.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
}
.side-i15 {
    background: url(../img/i_list15.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
}
.side-i16 {
    background: url(../img/i_list16.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
}
.side-i17 {
    background: url(../img/i_list17.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
}
.side-i18 {
    background: url(../img/i_list18.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
}
.side-i19 {
    background: url(../img/i_list19.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
}
.side-i20 {
    background: url(../img/i_list20.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
}
.side-i21 {
    background: url(../img/i_list21.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
}
.side-i22 {
    background: url(../img/i_list22.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
}
.side-i23 {
    background: url(../img/i_list23.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
}
.side-i24 {
    background: url(../img/i_list24.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
}
.side-i25 {
    background: url(../img/i_list25.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
}
.side-i26 {
    background: url(../img/i_list26.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
}
.side-i27 {
    background: url(../img/i_list27_02.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
    background-size: 36px 36px, 4px 1px;
}
.side-i28 {
    background: url(../img/i_list28_02.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
    background-size: 36px 36px, 4px 1px;
}
.side-i29 {
    background: url(../img/i_list29.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
    background-size: 36px 36px, 4px 1px;
}
.side-i30 {
    background: url(../img/i_list30.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
    background-size: 36px 36px, 4px 1px;
}
.side-i31 {
    background: url(../img/i_list31.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
    background-size: 36px 36px, 4px 1px;
}
.side-i32 {
    background: url(../img/i_list32.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
    background-size: 36px 36px, 4px 1px;
}
.side-i33 {
    background: url(../img/i_list33.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
    background-size: 36px 36px, 4px 1px;
}
.side-i34 {
    background: url(../img/i_list34.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
    background-size: 36px 36px, 4px 1px;
}
.side-i35 {
    background: url(../img/i_list35.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
    background-size: 36px 36px, 4px 1px;
}
.side-i36 {
    background: url(../img/i_list36.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
    background-size: 36px 36px, 4px 1px;
}

.side-i37 {
    background: url(../img/i_list37.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
    background-size: 36px 36px, 4px 1px;
}

.side-i38 {
    background: url(../img/i_list38.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
    background-size: 36px 36px, 4px 1px;
}

.side-i39 {
    background: url(../img/i_list39.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
    background-size: 36px 36px, 4px 1px;
}

.side-i40 {
    background: url(../img/i_list40.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
    background-size: 36px 36px, 4px 1px;
}

.side-i01,.side-i02,.side-i03,.side-i04,.side-i05,.side-i06,.side-i07,.side-i08,.side-i09,.side-i10,.side-i11,.side-i12,.side-i13,.side-i14,.side-i15,.side-i16,.side-i17,.side-i18,.side-i19,.side-i20,.side-i21,.side-i22,.side-i23,.side-i24,.side-i25,.side-i26,.side-i27,.side-i37,.side-i38,.side-i39,.side-i40 {
    background-size: 36px 36px, 4px 1px;
}

.s_sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.s_sns li {
    list-style: none;
}

.s_sns img {
    width: 40px;
    height: 40px;
}

/* ------------------
検索エリア
------------------ */

.m_search {
    width: 100%;
    background: #ebe7d3;
    padding: 20px 0;
    margin-bottom: 40px;
}

.sr_areas {
    width: 1120px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sr_areas p {
    margin-bottom: 10px;
    font-size: 110%;
    font-weight: bold;
}

.keys_s {
    width: 42%;
}

.if_s {
    width: 54%;
}

.keyword-ser form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.keys_s .tp_keyword-ser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
}

.keys_s input[type="text"] {
    width: 370px;
    padding: 17px 10px 17px 30px;
    background: url(../img/l-search.svg) no-repeat 10px center #fff;
    background-size: 15px 15px;
    border: none;
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px #ccc inset;
    border-radius: 6px;
}

.keys_s button {
    width: 80px;
    padding: 10px;
    text-align: center;
    border: none;
    margin: 0 auto;
    background: #303030;
    color: #fff;
    font-size: 130%;
    border-radius: 6px;
    display: block;
}

.fours {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 80%;
}

.ifs_ss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.if_s ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.if_s ul li {
    list-style: none;
    margin: 0 10px 1% 0;
}

.if_s ul li a {
    display: block;
    -webkit-box-shadow: 0 0 0 2px #000 inset;
    box-shadow: 0 0 0 2px #000 inset;
    background: #fff;
    padding: 12px;
    text-decoration: none;

}

/* ------------------
footer
------------------ */

.f-guide{
    width: 1120px;
    margin: 0 auto 30px;
    text-align: center;
}

.f_bg{
    width: 100%;
    background: #f5f5f5;
    padding: 80px 0 40px;
}

.f_bg ul{
    width: 1120px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.f_bg ul li{
    list-style: none;
    width: 49%;
    text-align: center;
    padding: 5% 3% 3%;
    background: #fff;
    position: relative;
    margin-bottom: 20px;
}

.f_bg ul li dt{
    font-size: 130%;
    line-height: 150%;
    margin-bottom: 15px;
}

.f_icon{
    position: absolute;
    top:-40px;
    left: 50%;
    margin-left: -37px;
    width: 74px;
    height: 74px;
}

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

.calls {
    font-family: HelveticaNeue-CondensedBold, 'arial black';
    font-size: 180%;
    line-height: 1em;
    margin-top: -8px;
}

.calls span {
    background: url(../img/free-icon.svg) no-repeat left center;
    background-size: 32px 24px;
    padding-left: 40px;
}

.f_bg ul li:nth-child(3),
.f_bg ul li:nth-child(4){
    width: 49%;
    margin-bottom: 0;
    font-size: 90%;
    padding-top: 3%;
}

.noshi{
text-align: left;
}

.noshi span{
    font-weight: bold;
}

.f_card p:last-child{
    text-align: left;
    margin-top: 8px;
}

.f_link{
    background: #eeeeee;
    padding: 40px 0;
}

.f_link > ul{
    width: 1120px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.f_link li{
    list-style: none;
}

.f_link p{
    border-bottom: 5px solid #000;
    display: inline-block;
    margin-bottom: 20px;
}

.f_link > ul > li{
    width: 24%;
}
.f_link > ul > li:first-child{
    width: 52%;
}

.f_items{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.f_items li{
    width: 48%;
}

.f_link > ul > li li a{
    font-size: 88%;
    display: block;
    background: url(../img/r-delta_blo.svg) no-repeat left center;
    background-size: 6px 6px;
    padding-left: 16px;
}


.en_links{
    padding: 20px;
    width: 1120px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.en_links li{
    background: url(../img/tp-lines.gif) no-repeat left center;
    padding-left: 20px;
    margin-left: 20px;
    list-style: none;
}

.en_links li:first-child{
    background: none;
}

.f_link  a:hover,
.en_links li a:hover{
    text-decoration: none;
}

.copys{
    text-align: center;
    color: #fff;
    background: #333;
    padding: 20px;
}

.copys a{
    color: #fff;
}


/* =================================
fix nav
======================================== */

.fix-right-navi {
    position: fixed;
    top: 45% !important;
    right: 20px;
    width: 80px;
    z-index: 90;
}

.fix-right-navi ul {
    margin-bottom: 30px !important;
}

.fix-right-navi ul li {
    margin-bottom: 10px;
    list-style: none;
}

.fix-right-navi ul li a img {
    -webkit-transition: .3s;
    transition: .3s;
}

.fix-right-navi ul li a:hover img {
    opacity: .5;
}

.fix-right-navi ul li img {
    width: 80px;
    height: 80px;
}

/* ------------------
	IE,chorme対策
 ------------------ */

b,
strong,
.bold {
    font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

_:lang(x)::-ms-backdrop,
body {
    font-family: "メイリオ", Meiryo, sans-serif;
}

/* ------------------
	IE10+（Edgeも全て含む） ハック
 ------------------ */

_:-ms-lang(x),
.topictab-content > li ul li:hover {}


/* ------------------
	Edgeのみ（Edge全て） ハック
 ------------------ */

@supports (-ms-ime-align: auto) {}

/* ------------------
	IE11のみ
 ------------------ */

@media all and (-ms-high-contrast: none) {
    *::-ms-backdrop,
    .lapnav {
        padding-top: 8px;
    }
    *::-ms-backdrop,
    .lapnav li:last-child a {
        margin-top: -11px;
    }
}

/* ------------------
	firefox
 ------------------ */

@-moz-document url-prefix() {}

/* ------------------
	Chrome
 ------------------ */

@media screen and (-webkit-min-device-pixel-ratio:0) {}


/* ------------------
	tablet css
 ------------------ */

@media screen and (min-width:767px) and ( max-width:1024px) {}

/* ------------------
	comingsoon
 ------------------ */

.coming {
    text-align: center;
}

.coming img {
    max-width: 600px;
    margin: 0 auto 30px;
    width: 100%;
}

.coming p {
    font-size: 140%;
}

.fs-c-cartTable th {
    color: #eee !important;
}

.f_calender {
    margin: 0 0 15px;
    width: 100%;
}

.f_calender_tit {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
}

.f_calender_holiday {
    margin-top: -5px;
    padding-left: 20px;
    position: relative;
}

.f_calender_holiday::before {
    content: '';
    background-color: #fddde6;
    height: 15px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    width: 15px;
}

.side_postage {
    background: #f6f6f6;
    margin-bottom: 15px;
    padding: 15px 8px;
}

.side_postage_txt {
    background: url(../img/icon_track.png) no-repeat left center / 40px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #388a8a;
    padding-left: 45px;
}

.side_postage_price {
    font-size: 2.2rem;
}

.fs-c-productPostage::before {
    content: none
}
.fs-c-productPostage::after {
    content: none;
}
span.fs-c-productPostage__label {
    display: none;
}
.fs-c-productPostage {
    height: 40px;
    background: url(https://peaceup.itembox.design/item/common/img/free-delivery-icon.png) no-repeat 10px center / 140px;
}

.policy_txt {
    font-weight: bold;
    margin-top: 15px;
}

.shipping-payment_credit_tit {
    border-bottom: solid 1px #000;
    padding-left: 10px;
    margin-bottom: 5px;
}

.shipping-payment_credit_txt {
    padding-left: 10px;
    margin-bottom: 10px;
}

.shipping-payment_credit_con {
    margin-bottom: 20px;
}

.shipping-payment_credit_con_use_card,
.shipping-payment_3d_con_card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 15px;
}

.shipping-payment_credit_con_use_cardlist,
.shipping-payment_3d_con_cardlist {
    list-style: none;
}

.shipping-payment_credit_con_use_cardlist:not(:first-child),
.shipping-payment_3d_con_cardlist:not(:first-child){
    margin-left: 15px;
}

.shipping-payment_credit_con_use,
.shipping-payment_3d_con_txt {
    margin-bottom: 5px;
    position: relative;
    padding-left: 15px;
}

.shipping-payment_credit_con_use::before {
    content: '■';
    top: -3px;
    left: 0;
    position: absolute;
    font-size: 20px;
}

.shipping-payment_3d_con_txt::before {
    content: '※';
    top: 0;
    left: 0;
    position: absolute;
}

.fs-c-documentSubColumn {
    padding: 0;
    border: none;
    font-size: unset;
}

.fs-c-documentSubColumn .fs-c-documentSubColumn__heading,
.fs-c-documentSubColumn .fs-c-documentSubColumn__content {
    display: none;
}

.link_txt {
    color: #6d9f50 !important;
    text-decoration: underline;
}

.link_txt:hover {
    opacity: 0.6;
}

#fs_anchor_custom1 .fs-c-price__value::after{
    content: "（税込）";
}

.img_h {
    height: auto;
    max-width: 100%;
}