@charset "UTF-8";

/*共通*/
html {
  overflow: -webkit-paged-y;
  overflow-x: hidden;
}

.fade50 {
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.fade50:hover {
    opacity: 0.5;
}

.none {
    display: none;
}

/*共通*/


/*リセット*/
h1,
h2,
h3,
h4,
h5 {
    margin: 0px;
    padding: 0px;
}

h1 {}

h2 {}

h3 {}

h4 {}

h5 {}

table {}

td,
th {}

ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

li {
    margin: 0px;
    padding: 0px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}

a:active,
a:hover {
    outline: 0;
}

a img {
    border: none;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

.body_wrapper img {
    border: 0;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    width: 100%;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

textarea {
    overflow: auto;
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
    display: none;
    border-radius: 0px;
}

input[type="submit"]::focus,
input[type="reset"]::focus,
input[type="button"]::focus {
    outline-offset: -2px;
    border-radius: 0px;
}

/*リセット*/


html {
    font-size: 62.5%;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: "yugothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
    -webkit-text-size-adjust: 100%;
    max-height: 999999px;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: 0.1rem;
    -webkit-text-size-adjust: 100%;
}

#mobi_menu {
    display: none;
}

.header_box {
    display: flex;
}

.header_menu {
    width: 190px;
    padding-top: 40px;
    font-size: 14px;
}

.header_logo {
    width: 190px;
    margin: 0px auto;
}

.header_menu01 {
    margin: 50px auto 0px auto;
    line-height: 100%;
    letter-spacing: 0.2rem;
}

.header_menu01 li {
    margin-bottom: 30px;
}

.header_menu01 a {
    color: #000;
    text-decoration: none;
}

.header_menu02 {
    margin: 40px auto 0px auto;
    line-height: 100%;
    letter-spacing: 0.2rem;
}

.header_menu02 li {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.header_menu02 li:nth-child(1)::before {
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background: url(https://img21.shop-pro.jp/PA01472/720/etc/header_icon01.png) no-repeat;
    display: block;
    background-size: cover;
}


.header_menu02 li:nth-child(2)::before {
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background: url(https://img21.shop-pro.jp/PA01472/720/etc/header_icon07.png) no-repeat;
    display: block;
    background-size: cover;
}


.header_menu02 li:nth-child(3)::before {
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background: url(https://img21.shop-pro.jp/PA01472/720/etc/header_icon02.png) no-repeat;
    display: block;
    background-size: cover;
}

.header_menu02 li:nth-child(4)::before {
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background: url(https://img21.shop-pro.jp/PA01472/720/etc/header_icon03.png) no-repeat;
    display: block;
    background-size: cover;
}

.header_menu02 a {
    color: #000;
    text-decoration: none;
}

.header_sns {
    display: flex;
    width: 70px;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    margin-left: 0px;
}

.header_sns img {
    width: 15px;
}

.header_img {
    width: 100%;
    position: relative;
}

.header_img img {
    width: calc(100%);
    height: 660px;
    object-fit: cover;
    object-position: center;
    display: block;
}

.header_text01 {
    position: absolute;
    color: #fff;
    top: 20px;
    left: 10%;
    font-size: 12px;
}

.header_text02 {
    position: absolute;
    color: #fff;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.5);
    width: calc(100% - 15px);
    line-height: 200%;
    padding: 30px 0px;
    padding-left: 15px;
    font-size: 17px;
}

.list_header_box {
    background: #EFE8DE;
}

.list_header_img {
    width: 100%;
    position: relative;
}

.list_header_img img {
    width: auto;
    height: 400px;
    object-fit: cover;
    display: block;
    margin: 0px auto;
}

.list_header_text01 {
    position: absolute;
    color: #000;
    top: 70px;
    width: 100%;
    font-size: 16px;
    text-align: center;
}

.list_header_text02 {
    position: absolute;
    color: #fff;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    line-height: 200%;
    padding: 10px 30px;
    font-size: 17px;
}

.list_header_titlebox {
    top: 45%;
    position: absolute;
    width: 100%;
}

.list_header_title01 {
    font-size: 50px;
    text-align: center;
    line-height: 100%;
    word-spacing: 0.2rem;
}

.list_header_title02 {
    font-size: 22px;
    text-align: center;
    line-height: 100%;
    margin-top: 50px;
    word-spacing: 0.2rem;
}




.footer_box {
    margin-top: 120px;
}

.footer_inner01 {
    background: #951F1F;
    padding: 45px 0px;
}

.footer_inner01_contents {
    width: 1040px;
    margin: 0px auto;
    display: flex;
}

.footer_inner01_l {
    width: 50%;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 20px 0px;
}

.footer_contact {
    display: flex;
    font-size: 20px;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.footer_contact img {
    width: 40px;
    margin-right: 20px;
}

.footer_link {
    margin-top: 20px;
}

.footer_link a {
    border-bottom: solid 2px #fff;
    padding-bottom: 5px;
    color: #fff;
    text-decoration: none;
}

.footer_link a img {
    width: 18px;
    margin-left: 10px;
}

.footer_inner01_r {
    width: 50%;
    border-left: solid 2px #fff;
    padding: 20px 0px;
}

.footer_tel {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
}

.footer_tel img {
    width: 40px;
    margin-right: 10px;
}

.footer_tel02 {
    margin-top: 10px;
    text-align: center;
}

.footer_tel02 a {
    font-size: 20px;
    color: #fff;
    text-decoration: none;
}

.footer_inner_r_text {
    margin-top: 10px;
    text-align: center;
    color: #fff;
    letter-spacing: 0;
}

.footer_inner02 {
    display: flex;
    justify-content: space-between;
    width: 1040px;
    margin: 100px auto 0px auto;
    position: relative;
}

.footer_logo {
    width: 190px;
}

.footer_inner02_contents {
    width: 700px;
}

.footer_inner02_contents p {
    margin: 0px;
    line-height: 180%;
}

.footer_list01 {
    margin-top: 40px;
}

.footer_list01 ul {
    display: flex;
    width: 510px;
    justify-content: space-between;
    letter-spacing: 0;
    font-size: 15px;
}

.footer_list02 {
    margin-top: 40px;
    display: flex;
    justify-content: flex-end;
}

.footer_list02 ul {
    display: flex;
    width: 76px;
    justify-content: space-between;
    position: relative;
    right: 0px;
}

.footer_list02 ul img {
    width: 15px;
}

.footer_list03 {
    margin-top: 20px;
}

.footer_list03 ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
    letter-spacing: 0;
    font-size: 15px;
}

.footer_list03 ul li:last-child {
    content: "";
    display: flex;
    align-items: center;
}

.footer_list03 ul li:last-child::after {
    content: "";
    display: block;
    background: url(https://img21.shop-pro.jp/PA01472/720/etc/footer_icon04.png) no-repeat;
    background-size: 11px;
    width: 11px;
    height: 11px;
    background-position: center right;
    margin-left: 5px;
}

.footer_inner02 a {
    color: #000;
    text-decoration: none;
}

.footer_copy {
    width: 1040px;
    margin: 0px auto 20px auto;
    font-size: 11px;
    color: #7E7E7E;
}

/*footer*/





/*top*/
#top {
    background: #ffffff;
    margin: 120px auto 0px auto;
}

#top .top_bn {
    width: 1040px;
    margin: 120px auto 0 auto;
    display: flex;
    justify-content: space-between;
}

#top .top_bn a {
    display: block;
}

#top .top_bn a:nth-child(3n+2):last-child {
    margin-right: calc(320px * 1 + ((100% - 320px * 3) / 2) * 1);
}


#top .top_bn img {
    width: 320px;
}

#top .top_bn02 {
    width: 1040px;
    margin: 0px auto 50px auto;
}

#top .box01 {
    width: 1040px;
    margin: 45px auto 0px auto;
    color: #000;
}

#top .box01_title {
    color: #5C5757;
}

#top .box01_title::after {
    width: 190px;
    padding-bottom: 15px;
    border-bottom: solid 1px #5C5757;
    content: "";
    display: block;
}

#top .box01_title h2 {
    font-size: 50px;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: 0.5rem;
}

#top .box01_title h3 {
    font-weight: 100;
    line-height: 100%;
    margin-top: 25px;
    font-size: 22px;
    letter-spacing: 0.2rem;
}

#top .box01_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 70px;
}

#top .box01_inner a {
    width: 490px;
    margin-bottom: 60px;
}

#top .box01_inner a img {
    display: block;
}

#top .box02 {
    width: 1040px;
    margin: 80px auto 0px auto;
    color: #000;
}

#top .box02_title {
    color: #5C5757;
}

#top .box02_title::after {
    width: 190px;
    padding-bottom: 15px;
    border-bottom: solid 1px #5C5757;
    content: "";
    display: block;
}

#top .box02_title h2 {
    font-size: 50px;
    font-weight: 100;
    line-height: 100%;
    letter-spacing: 0.5rem;
}

#top .box02_title h3 {
    font-weight: 100;
    line-height: 100%;
    margin-top: 25px;
    font-size: 22px;
    letter-spacing: 0.2rem;
}

#top .box02_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px;
}

#top .box02_inner a {
    color: #000;
    text-decoration: none;
    width: 220px;
    display: flex;
    align-items: stretch;
}

#top .box02_inner a:nth-child(4n+3):last-child {
    margin-right: calc(220px * 1 + ((1040px - 220px * 4) / 2) * 1);
}


#top .box02_inner article {
    margin-bottom: 75px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

#top .box02_inner article img {
    border: solid 1px #707070;
    width: 220px;
    height: 220px;
    object-fit: cover;
}

#top .box02_inner article h4 {
    font-size: 16px;
    font-weight: normal;
    margin-top: 15px;
    line-height: 150%;
}

#top .box02_price {
    font-size: 16px;
    margin-top: 10px;
    display: flex;
    align-items: flex-end;
    flex-grow: 1;
}

#top .box03 {
    margin: 60px auto 0px auto;
    color: #000;
}

#top .box03_title {
    color: #5C5757;
    width: 1040px;
    margin: 60px auto 0 auto;
}

#top .box03_title::after {
    width: 190px;
    padding-bottom: 15px;
    border-bottom: solid 1px #5C5757;
    content: "";
    display: block;
}

#top .box03_title h2 {
    font-size: 50px;
    font-weight: 100;
    line-height: 100%;
    letter-spacing: 0.5rem;
}

#top .box03_title h3 {
    font-weight: 100;
    line-height: 100%;
    margin-top: 25px;
    font-size: 22px;
    letter-spacing: 0.2rem;
}

#top .box03 ul {
    display: flex;
    justify-content: space-between;
    width: 1040px;
    margin: 30px auto 0px auto;
}

#top .box03 ul a {
    color: #000;
    text-decoration: none;
}

#top .box03_inner {
    display: flex;
    flex-wrap: wrap;
    margin: 40px auto 0px auto;
}

#top .box03_inner a {
    width: 25%;
}

#top .box03_inner img {
    display: block;
}

#top .box03_bn {
    width: 1040px;
    margin: 120px auto 0px auto;
}

#top .box04 {
    margin: 130px auto 0px auto;
    color: #000;
}

#top .box04_title {
    width: 1040px;
    margin: 0px auto;
}

#top .box04_title::after {
    width: 190px;
    padding-bottom: 15px;
    border-bottom: solid 1px #5C5757;
    content: "";
    display: block;
}

#top .box04_title h2 {
    font-size: 50px;
    font-weight: 100;
    line-height: 100%;
    letter-spacing: 0.5rem;
}

#top .box04_title h3 {
    font-weight: 100;
    line-height: 100%;
    margin-top: 25px;
    font-size: 22px;
    letter-spacing: 0.2rem;
}

#top .box04_inner {
    width: 1040px;
    margin: 50px auto 0px auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#top .box04_inner a {
    width: 230px;
    height: 60px;
    border: solid 1px #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    text-decoration: none;
    margin-bottom: 40px;
    background: url(https://img21.shop-pro.jp/PA01472/720/etc/arrow01.png) no-repeat;
    background-size: 16px;
    background-position: center right 5px;
}

#top .box04_inner a:nth-child(4n+2):last-child {
    margin-right: calc(230px * 2 + ((100% - 230px * 4) / 3) * 2);
}

#top .box07_inner a:nth-child(4n+3):last-child {
    margin-right: calc(230px * 1 + ((100% - 230px * 4) / 3) * 1);
}

#top .box05 {
    margin: 60px auto 0px auto;
    color: #000;
}

#top .box05_title {
    width: 1040px;
    margin: 0px auto;
}

#top .box05_title::after {
    width: 190px;
    padding-bottom: 15px;
    border-bottom: solid 1px #5C5757;
    content: "";
    display: block;
}

#top .box05_title h2 {
    font-size: 50px;
    font-weight: 100;
    line-height: 100%;
    letter-spacing: 0.5rem;
}

#top .box05_title h3 {
    font-weight: 100;
    line-height: 100%;
    margin-top: 25px;
    font-size: 22px;
    letter-spacing: 0.2rem;
}

#top .box05_inner {
    width: 1040px;
    margin: 40px auto 0px auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#top .box05_inner a {
    width: 180px;
    height: 60px;
    border: solid 1px #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    text-decoration: none;
    margin-bottom: 40px;
    background: url(https://img21.shop-pro.jp/PA01472/720/etc/arrow01.png) no-repeat;
    background-size: 16px;
    background-position: center right 5px;
}

#top .box06 {
    margin: 145px auto 0px auto;
    color: #000;
    background: #EFE8DE;
    padding: 100px 0px
}

#top .box06_title {
    width: 1040px;
    margin: -130px auto 0px auto;
}

#top .box06_title::after {
    width: 190px;
    padding-bottom: 15px;
    border-bottom: solid 1px #5C5757;
    content: "";
    display: block;
}

#top .box06_title h2 {
    font-size: 50px;
    font-weight: 100;
    line-height: 100%;
    letter-spacing: 0.5rem;
}

#top .box06_title h3 {
    font-weight: 100;
    line-height: 100%;
    margin-top: 25px;
    font-size: 22px;
    letter-spacing: 0.2rem;
}

#top .box06_inner {
    width: 1040px;
    margin: 65px auto 0px auto;
    display: flex;
    justify-content: space-between;
}

#top .box06_inner a {
    color: #000;
    text-decoration: none;
}

#top .box06_inner article {
    width: 180px;
}

#top .box06_inner article img {
    border: solid 1px #707070;
}

#top .box06_inner article h4 {
    font-weight: normal;
    margin-top: 10px;
}


#top .box07 {
    margin: 120px auto 50px auto;
    color: #000;
    display: block;
    width: 1040px;
    flex-direction: column;
    justify-content: flex-start;
}

#top .box07_title {
    width: 100%;
    margin: 0px auto;
}

#top .box07_title::after {
    width: 190px;
    padding-bottom: 15px;
    border-bottom: solid 1px #5C5757;
    content: "";
    display: block;
}

#top .box07_title h2 {
    font-size: 50px;
    font-weight: 100;
    line-height: 100%;
    letter-spacing: 0.5rem;
}

#top .box07_title h3 {
    font-weight: 100;
    line-height: 100%;
    margin-top: 15px;
    font-size: 25px;
    letter-spacing: 0.2rem;
}

#top .box07_inner {
    width: 100%;
    margin-top: 20px;
}

#top .box07 article {
    border-bottom: solid 1px #000;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 15px;
}

#top .box07 article:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 15px;
}

#top .box07 article h4 {
    font-weight: normal;
    margin-top: 10px;
}


/*top*/










/*テンプレート用カスタマイズ*/
.body_wrapper {
    display: flex;
}

.body_wrapper_l {
    width: 190px;
    padding: 0px 50px;
}

.body_wrapper_r {
    width: calc(100% - 290px);
}

#contents_wrapper {
    width: 1040px;
    margin: 120px auto 0px auto;
}

#contents_wrapper .contents_link {}

#contents_wrapper .contents_link a {
    color: #000;
}

#contents_wrapper .contents_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#contents_wrapper .contents_list li {
    width: 300px;
    margin-bottom: 80px;
    text-align: left;
    font-size: 16px;
}

#contents_wrapper .contents_list a {
    color: #000000;
}

#contents_wrapper .contents_list img {
    width: 300px;
    height: 280px;
    object-fit: cover;
    border: solid 1px #707070;
}

#tokutei_wrapper {
    width: 1040px;
    margin: 120px auto 0px auto;
}

#tokutei_wrapper img {
    width: auto;
}


.item_header_box {
    width: 100%;
    margin-top: 40px;
    text-align: center;
}

.item_header_text01 {}

.item_header_text01 a {
    color: #000;
}

#item_box {
    width: 1040px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 100px auto 0px auto;
}

#item_box .item_box_l {
    width: 720px;
}

#item_box .item_box_r {
    width: 260px;
}

#item_box .item_num {
    font-size: 12px;
    color: #8B8B8B;
}

#item_box .item_name {
    font-size: 20px;
    margin-top: 20px;
    line-height: 200%;
}

#item_box .item_price {
    margin-top: 40px;
}

#item_box .item_pricetag {
    font-size: 22px;
}

#item_box .item_form {
    margin-top: 40px;
}

#item_box .item_bt {
    background: #951F1F;
    width: 260px;
    height: 64px;
    color: #fff;
}

#item_box .item_link {
    font-size: 13px;
}

#item_box .item_link li {
    margin-bottom: 10px;
}

#item_box .item_link a {
    color: #000;
}

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





#item_box .box02 {
    width: 1040px;
    margin: 150px auto 0px auto;
    color: #000;
}

#item_box .box02_title {
    color: #5C5757;
}

#item_box .box02_title::after {
    width: 190px;
    padding-bottom: 15px;
    border-bottom: solid 1px #5C5757;
    content: "";
    display: block;
}

#item_box .box02_title h2 {
    font-size: 40px;
    font-weight: 100;
    line-height: 100%;
    letter-spacing: 0.5rem;
}

#item_box .box02_title h3 {
    font-weight: 100;
    line-height: 100%;
    margin-top: 18px;
    font-size: 22px;
    letter-spacing: 0.2rem;
}

#item_box .box02_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px;
}

#item_box .box02_inner a {
    color: #000;
    text-decoration: none;
    width: 300px;
    display: block;
}

#item_box .box02_inner a:nth-child(3n+2):last-child {
    margin-right: calc(300px * 1 + ((1040px - 300px * 3) / 2) * 1);
}


#item_box .box02_inner article {
    margin-bottom: 75px;
}

#item_box .box02_inner article img {
    border: solid 1px #707070;
    width: 300px;
    height: 280px;
    object-fit: cover;
}

#item_box .box02_inner article h4 {
    font-size: 16px;
    font-weight: normal;
    margin-top: 15px;
    line-height: 150%;
}

#item_box .box02_price {
    font-size: 16px;
    margin-top: 10px;
}

/*テンプレート用カスタマイズ*/































/*レスポンシブ　750px以下*/
@media screen and (max-width:750px) {
    #mobi_menu {}


    .header_box {
        display: flex;
        flex-direction: column;
    }

    .header_menu {
        width: 100%;
        padding-top: 20px;
    }

    .header_logo {
        width: 190px;
        margin: 0px auto;
    }

    .header_menu01 {
        display: none;
        margin: 95px auto 0px auto;
        width: 190px;
        line-height: 100%;
        letter-spacing: 0.2rem;
    }

    .header_menu01 li {
        margin-bottom: 30px;
    }

    .header_menu01 li::before {
        content: "-";
        width: 25px;
        margin-right: 10px;
    }

    .header_menu01 a {
        color: #000;
        text-decoration: none;
    }

    .header_menu02 {
        display: none;
        margin: 40px auto 0px auto;
        width: 190px;
        padding-left: 25px;
        line-height: 100%;
        letter-spacing: 0.2rem;
    }

    .header_menu02 li {
        margin-bottom: 20px;
        display: flex;
        align-items: center;
    }

    .header_menu02 li:nth-child(1)::before {
        content: "";
        width: 20px;
        height: 20px;
        margin-right: 10px;
        background: url(https://img21.shop-pro.jp/PA01472/720/etc/header_icon01.png) no-repeat;
        display: block;
        background-size: cover;
    }

    .header_menu02 li:nth-child(2)::before {
        content: "";
        width: 20px;
        height: 20px;
        margin-right: 10px;
        background: url(https://img21.shop-pro.jp/PA01472/720/etc/header_icon02.png) no-repeat;
        display: block;
        background-size: cover;
    }

    .header_menu02 li:nth-child(3)::before {
        content: "";
        width: 20px;
        height: 20px;
        margin-right: 10px;
        background: url(https://img21.shop-pro.jp/PA01472/720/etc/header_icon03.png) no-repeat;
        display: block;
        background-size: cover;
    }

    .header_menu02 a {
        color: #000;
        text-decoration: none;
    }

    .header_sns {
        width: 70px;
        margin-top: 20px;
        display: none;
        justify-content: space-between;
        margin-left: 50px;
    }

    .header_sns img {
        width: 15px;
    }

    .header_img {
        width: 100%;
        position: relative;
    }

    .header_text01 {
        position: absolute;
        color: #fff;
        top: 10px;
        left: 5%;
        font-size: 12px;
    }

    .header_img img {
        width: 100%;
        height: auto;
        object-fit: cover;
        object-position: center;
        display: block;
    }

    .header_text02 {
        position: absolute;
        color: #fff;
        bottom: 0px;
        background: rgba(0, 0, 0, 0.5);
        width: auto;
        line-height: 200%;
        padding: 10px 20px;
        font-size: 17px;
    }




    .list_header_box {
        background: #EFE8DE;
    }

    .list_header_img {
        width: 100%;
        position: relative;
    }

    .list_header_img img {
        width: auto;
        height: 250px;
        object-fit: cover;
        display: block;
        margin: 0px auto;
    }

    .list_header_text01 {
        position: absolute;
        color: #000;
        top: 40px;
        width: 100%;
        font-size: 16px;
        text-align: center;
    }

    .list_header_text02 {
        position: absolute;
        color: #fff;
        bottom: 0px;
        background: rgba(0, 0, 0, 0.5);
        width: 100%;
        line-height: 200%;
        padding: 10px 30px;
        font-size: 17px;
    }

    .list_header_titlebox {
        top: 45%;
        position: absolute;
        width: 100%;
    }

    .list_header_title01 {
        font-size: 30px;
        text-align: center;
        line-height: 100%;
        word-spacing: 0.2rem;
    }

    .list_header_title02 {
        font-size: 20px;
        text-align: center;
        line-height: 100%;
        margin-top: 20px;
        word-spacing: 0.2rem;
    }





    .footer_box {
        margin-top: 50px;
    }

    .footer_inner01 {
        background: #951F1F;
        padding: 30px 0px;
    }

    .footer_inner01_contents {
        width: 90%;
        margin: 0px auto;
        display: flex;
        flex-direction: column;
    }

    .footer_inner01_l {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        padding: 0px 0px 20px 0px;
    }

    .footer_contact {
        display: flex;
        font-size: 20px;
        align-items: center;
        justify-content: center;
        color: #fff;
    }

    .footer_contact img {
        width: 40px;
        margin-right: 20px;
    }

    .footer_link {
        margin-top: 20px;
    }

    .footer_link a {
        border-bottom: solid 2px #fff;
        padding-bottom: 5px;
        color: #fff;
        text-decoration: none;
    }

    .footer_link a img {
        width: 18px;
        margin-left: 10px;
    }

    .footer_inner01_r {
        width: 100%;
        border-top: solid 2px #fff;
        border-left: none;
        padding: 20px 0px 0px 0px;
    }

    .footer_tel {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 20px;
    }

    .footer_tel img {
        width: 40px;
        margin-right: 10px;
    }

    .footer_tel02 {
        margin-top: 10px;
        text-align: center;
    }

    .footer_tel02 a {
        font-size: 20px;
        color: #fff;
        text-decoration: none;
    }

    .footer_inner_r_text {
        margin-top: 10px;
        text-align: center;
        color: #fff;
        letter-spacing: 0;
    }

    .footer_inner02 {
        display: block;
        justify-content: space-between;
        width: 90%;
        margin: 40px auto 0px auto;
        position: relative;
    }

    .footer_logo {
        width: 190px;
        margin: 0px auto;
    }

    .footer_inner02_contents {
        width: 100%;
        margin-top: 20px;
    }

    .footer_inner02_contents p {
        margin: 0px;
        line-height: 180%;
    }

    .footer_list01 {
        margin-top: 20px;
    }

    .footer_list01 ul {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
        letter-spacing: 0;
        font-size: 15px;
    }

    .footer_list01 ul li {
        width: 50%;
    }

    .footer_list02 {
        margin-top: 20px;
        display: flex;
        justify-content: flex-end;
    }

    .footer_list02 ul {
        display: flex;
        width: 76px;
        justify-content: space-between;
        position: relative;
        right: 0px;
    }

    .footer_list02 ul img {
        width: 15px;
    }

    .footer_list03 {
        margin-top: 20px;
    }

    .footer_list03 ul {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
        letter-spacing: 0;
        font-size: 15px;
    }

    .footer_list03 ul li {
        width: 50%
    }

    .footer_list03 ul li:last-child {
        content: "";
        display: flex;
        align-items: center;
    }

    .footer_list03 ul li:last-child::after {
        content: "";
        display: block;
        background: url(https://img21.shop-pro.jp/PA01472/720/etc/footer_icon04.png) no-repeat;
        background-size: 11px;
        width: 11px;
        height: 11px;
        background-position: center right;
        margin-left: 5px;
    }

    .footer_inner02 a {
        color: #000;
        text-decoration: none;
    }

    .footer_copy {
        width: 100%;
        margin: 20px auto 20px auto;
        font-size: 11px;
        color: #7E7E7E;
        text-align: center;
    }

    /*footer*/


    /*top*/
    #top {
        background: #ffffff;
        margin-top: 40px;
    }

    #top .top_bn {
        width: 90%;
        margin: 120px auto;
    }

    #top .top_bn a {
        width: 30%;
    }

    #top .top_bn a:nth-child(3n+2):last-child {
        margin-right: calc(30% * 1 + ((100% - 30% * 3) / 2) * 1);
    }


    #top .top_bn a img {
        width: 100%;
    }

    #top .top_bn02 {
        width: 90%;
        margin: 0px auto 20px auto;
    }

    #top .box01 {
        width: 90%;
        margin: 40px auto 0px auto;
        color: #000;
    }

    #top .box01_title {
        color: #5C5757;
    }

    #top .box01_title::after {
        width: 190px;
        padding-bottom: 15px;
        border-bottom: solid 1px #5C5757;
        content: "";
        display: block;
    }

    #top .box01_title h2 {
        font-size: 30px;
        font-weight: normal;
        line-height: 100%;
        letter-spacing: 0.5rem;
    }

    #top .box01_title h3 {
        font-weight: 100;
        line-height: 100%;
        margin-top: 15px;
        font-size: 20px;
        letter-spacing: 0.2rem;
    }

    #top .box01_inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20px;
    }

    #top .box01_inner a {
        width: 48%;
        margin-bottom: 15px;
    }

    #top .box01_inner a img {
        display: block;
    }

    #top .box02 {
        width: 90%;
        margin: 40px auto 0px auto;
        color: #000;
    }

    #top .box02_title {
        color: #5C5757;
    }

    #top .box02_title::after {
        width: 190px;
        padding-bottom: 15px;
        border-bottom: solid 1px #5C5757;
        content: "";
        display: block;
    }

    #top .box02_title h2 {
        font-size: 30px;
        font-weight: 100;
        line-height: 100%;
        letter-spacing: 0.5rem;
    }

    #top .box02_title h3 {
        font-weight: 100;
        line-height: 100%;
        margin-top: 15px;
        font-size: 20px;
        letter-spacing: 0.2rem;
    }

    #top .box02_inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20px;
    }

    #top .box02_inner a {
        width: 48%;
        margin-bottom: 30px;
        display: block;
    }

    #top .box02_inner a:nth-child(3n+2):last-child {
        margin-right: 0px;
    }

    #top .box02_inner article {
        width: 100%;
        margin-bottom: 30px;
    }

    #top .box02_inner article img {
        border: solid 1px #707070;
        width: 100%;
        height: 180px;
        object-fit: cover;
    }

    #top .box02_inner article h4 {
        font-size: 16px;
        font-weight: normal;
        margin-top: 15px;
        line-height: 150%;
    }

    #top .box02_price {
        font-size: 16px;
        margin-top: 10px;
    }

    #top .box03 {
        margin: 40px auto 0px auto;
        color: #000;
    }

    #top .box03_title {
        color: #5C5757;
        width: 90%;
        margin: 0px auto;
    }

    #top .box03_title::after {
        width: 190px;
        padding-bottom: 15px;
        border-bottom: solid 1px #5C5757;
        content: "";
        display: block;
    }

    #top .box03_title h2 {
        font-size: 30px;
        font-weight: 100;
        line-height: 100%;
        letter-spacing: 0.5rem;
    }

    #top .box03_title h3 {
        font-weight: 100;
        line-height: 100%;
        margin-top: 15px;
        font-size: 20px;
        letter-spacing: 0.2rem;
    }

    #top .box03 ul {
        display: flex;
        justify-content: space-between;
        width: 90%;
        flex-wrap: wrap;
        margin: 20px auto 0px auto;
    }

    #top .box03 ul li {
        width: 50%;
        color: #000;
        text-decoration: none;
    }

    #top .box03_inner {
        display: flex;
        flex-wrap: wrap;
        margin: 20px auto 0px auto;
    }

    #top .box03_inner a {
        width: 50%;
    }

    #top .box03_inner img {
        display: block;
    }

    #top .box03_bn {
        width: 90%;
        margin: 40px auto 0px auto;
    }

    #top .box04 {
        margin: 40px auto 0px auto;
        color: #000;
    }

    #top .box04_title {
        width: 90%;
        margin: 0px auto;
    }

    #top .box04_title::after {
        width: 190px;
        padding-bottom: 15px;
        border-bottom: solid 1px #5C5757;
        content: "";
        display: block;
    }

    #top .box04_title h2 {
        font-size: 30px;
        font-weight: 100;
        line-height: 100%;
        letter-spacing: 0.5rem;
    }

    #top .box04_title h3 {
        font-weight: 100;
        line-height: 100%;
        margin-top: 15px;
        font-size: 20px;
        letter-spacing: 0.2rem;
    }

    #top .box04_inner {
        width: 90%;
        margin: 20px auto 0px auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    #top .box04_inner a {
        width: 48%;
        height: 60px;
        border: solid 1px #000000;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000;
        text-decoration: none;
        margin-bottom: 20px;
        background: url(https://img21.shop-pro.jp/PA01472/720/etc/arrow01.png) no-repeat;
        background-size: 14px;
        background-position: center right 5px;
        font-size: 14px;
    }

    #top .box04_inner a:nth-child(4n+2):last-child {
        margin-right: 0;
    }

    #top .box07_inner a:nth-child(4n+3):last-child {
        margin-right: 0;
    }

    #top .box05 {
        margin: 40px auto 0px auto;
        color: #000;
    }

    #top .box05_title {
        width: 90%;
        margin: 0px auto;
    }

    #top .box05_title::after {
        width: 190px;
        padding-bottom: 15px;
        border-bottom: solid 1px #5C5757;
        content: "";
        display: block;
    }

    #top .box05_title h2 {
        font-size: 30px;
        font-weight: 100;
        line-height: 100%;
        letter-spacing: 0.5rem;
    }

    #top .box05_title h3 {
        font-weight: 100;
        line-height: 100%;
        margin-top: 15px;
        font-size: 20px;
        letter-spacing: 0.2rem;
    }

    #top .box05_inner {
        width: 90%;
        margin: 20px auto 0px auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    #top .box05_inner a {
        width: 48%;
        height: 60px;
        border: solid 1px #000000;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000;
        text-decoration: none;
        margin-bottom: 20px;
        background: url(https://img21.shop-pro.jp/PA01472/720/etc/arrow01.png) no-repeat;
        background-size: 14px;
        background-position: center right 5px;
        font-size: 14px;
    }

    #top .box06 {
        margin: 60px auto 0px auto;
        color: #000;
        background: #EFE8DE;
        padding: 100px 0px 10px 0px
    }

    #top .box06_title {
        width: 90%;
        margin: -110px auto 0px auto;
    }

    #top .box06_title::after {
        width: 190px;
        padding-bottom: 15px;
        border-bottom: solid 1px #5C5757;
        content: "";
        display: block;
    }

    #top .box06_title h2 {
        font-size: 30px;
        font-weight: 100;
        line-height: 100%;
        letter-spacing: 0.5rem;
    }

    #top .box06_title h3 {
        font-weight: 100;
        line-height: 100%;
        margin-top: 15px;
        font-size: 20px;
        letter-spacing: 0.2rem;
    }

    #top .box06_inner {
        width: 90%;
        margin: 20px auto 0px auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #top .box06_inner a {
        width: 48%;
        margin-bottom: 30px;
    }

    #top .box06_inner article {
        width: 100%;
        margin-bottom: 30px;
    }

    #top .box06_inner article img {
        border: solid 1px #707070;
    }

    #top .box06_inner article h4 {
        font-weight: normal;
        margin-top: 10px;
    }


    #top .box07 {
        margin: 40px auto 20px auto;
        color: #000;
        display: block;
        width: 90%;
        flex-direction: column;
        justify-content: flex-start;
    }

    #top .box07_title {
        width: 100%;
        margin: 0px auto;
    }

    #top .box07_title::after {
        width: 190px;
        padding-bottom: 15px;
        border-bottom: solid 1px #5C5757;
        content: "";
        display: block;
    }

    #top .box07_title h2 {
        font-size: 30px;
        font-weight: 100;
        line-height: 100%;
        letter-spacing: 0.5rem;
    }

    #top .box07_title h3 {
        font-weight: 100;
        line-height: 100%;
        margin-top: 15px;
        font-size: 20px;
        letter-spacing: 0.2rem;
    }

    #top .box07_inner {
        width: 100%;
        margin-top: 20px;
    }

    #top .box07 article {
        border-bottom: solid 1px #000;
        padding-bottom: 20px;
        margin-bottom: 20px;
        font-size: 15px;
    }

    #top .box07 article:last-child {
        border-bottom: none;
        padding-bottom: 0px;
        margin-bottom: 0px;
        font-size: 15px;
    }

    #top .box07 article h4 {
        font-weight: normal;
        margin-top: 10px;
    }

    /*top*/




    ul.contents_list li {
        text-align: left;
        font-size: 16px;
        width: 49%;
    }

    ul.unstyled li a {
        color: #000000;
    }

    ul.unstyled img {
        width: 100%;
        height: 180px;
        object-fit: cover;
    }

    .body_wrapper {
        display: flex;
    }

    .body_wrapper_l {
        display: none;
        width: 190px;
        padding: 0px 50px;
    }

    .body_wrapper_r {
        width: 100%;
    }

    #contents_wrapper {
        width: 90%;
        margin: 40px auto 0px auto;
    }

    #contents_wrapper .contents_link {}

    #contents_wrapper .contents_link a {
        color: #000;
    }

    #contents_wrapper .contents_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #contents_wrapper .contents_list li {
        width: 48%;
        margin-bottom: 30px;
        text-align: left;
        font-size: 16px;
    }

    #contents_wrapper .contents_list a {
        color: #000000;
    }

    #contents_wrapper .contents_list img {
        width: 100%;
        height: calc(100% / 1.5);
        object-fit: cover;
        border: solid 1px #707070;
    }

    #tokutei_wrapper {
        width: 90%;
        margin: 40px auto 0px auto;
    }



    .item_header_box {
        width: 100%;
        margin-top: 40px;
        text-align: center;
    }

    #item_box {
        width: 90%;
        display: block;
        margin: 40px auto 0px auto;
    }

    #item_box .item_box_l {
        width: 100%;
    }

    #item_box .item_box_r {
        width: 100%;
    }

    #item_box .item_num {
        font-size: 12px;
        color: #8B8B8B;
    }

    #item_box .item_name {
        font-size: 20px;
        margin-top: 20px;
        line-height: 200%;
    }

    #item_box .item_price {
        margin-top: 20px;
    }

    #item_box .item_pricetag {
        font-size: 20px;
    }

    #item_box .item_form {
        margin-top: 20px;
    }

    #item_box .item_bt {
        background: #951F1F;
        width: 260px;
        height: 64px;
        color: #fff;
    }


    #item_box .box02 {
        width: 100%;
        margin: 80px auto 0px auto;
        color: #000;
    }

    #item_box .box02_title {
        color: #5C5757;
    }

    #item_box .box02_title::after {
        width: 190px;
        padding-bottom: 15px;
        border-bottom: solid 1px #5C5757;
        content: "";
        display: block;
    }

    #item_box .box02_title h2 {
        font-size: 30px;
        font-weight: 100;
        line-height: 100%;
        letter-spacing: 0.5rem;
    }

    #item_box .box02_title h3 {
        font-weight: 100;
        line-height: 100%;
        margin-top: 15px;
        font-size: 20px;
        letter-spacing: 0.2rem;
    }

    #item_box .box02_inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20px;
    }

    #item_box .box02_inner a {
        width: 48%;
        margin-bottom: 30px;
        display: block;
    }

    #item_box .box02_inner a:nth-child(3n+2):last-child {
        margin-right: 0px;
    }

    #item_box .box02_inner article {
        width: 100%;
        margin-bottom: 30px;
    }

    #item_box .box02_inner article img {
        border: solid 1px #707070;
        width: 100%;
        height: 180px;
        object-fit: cover;
    }

    #item_box .box02_inner article h4 {
        font-size: 16px;
        font-weight: normal;
        margin-top: 15px;
        line-height: 150%;
    }

    #item_box .box02_price {
        font-size: 16px;
        margin-top: 10px;
    }







}

/*レスポンシブ　750px以下*/







#contents {
    float: right;
    padding-left: 30px;
}

#contents .topicpath-nav {
    margin-bottom: 5px;
}

#contents .topicpath-nav li {
    padding: 0;
}

#contents .topicpath-nav a {
    margin-left: 5px;
}

/*
 * side
 */

#side .unstyled img {
    display: block;
    margin-bottom: 5px;
}

/*
 * temp
 */

/* font */
.txt_l {
    text-align: left;
}

.txt_c {
    text-align: center;
}

.txt_r {
    text-align: right;
}

.txt_fwn {
    font-weight: normal;
}

.txt_fwb {
    font-weight: bold;
}

.txt_10 {
    font-size: 10px;
}

.txt_12 {
    font-size: 12px;
}

.txt_14 {
    font-size: 14px;
}

.txt_16 {
    font-size: 16px;
}

.txt_18 {
    font-size: 18px;
}

.txt_20 {
    font-size: 20px;
}

.txt_24 {
    font-size: 24px;
}

.txt_28 {
    font-size: 28px;
}

.txt_c_333 {
    color: #333;
}

/* background */
.bgc_gray {
    background-color: #f1f1f1;
}

/* margin */
.mar_auto {
    margin: 0 auto;
}

.mar_0 {
    margin: 0;
}

.mar_t_0 {
    margin-top: 0;
}

.mar_r_0 {
    margin-right: 0;
}

.mar_b_0 {
    margin-bottom: 0;
}

.mar_l_0 {
    margin-left: 0;
}

.mar_5 {
    margin: 5px;
}

.mar_t_5 {
    margin-top: 5px;
}

.mar_r_5 {
    margin-right: 5px;
}

.mar_b_5 {
    margin-bottom: 5px;
}

.mar_l_5 {
    margin-left: 5px;
}

.mar_t_10 {
    margin-top: 10px;
}

.mar_r_10 {
    margin-right: 10px;
}

.mar_b_10 {
    margin-bottom: 10px;
}

.mar_l_10 {
    margin-left: 10px;
}

.mar_t_20 {
    margin-top: 20px;
}

.mar_r_20 {
    margin-right: 20px;
}

.mar_b_20 {
    margin-bottom: 20px;
}

.mar_l_20 {
    margin-left: 20px;
}

.mar_t_30 {
    margin-top: 30px;
}

.mar_r_30 {
    margin-right: 30px;
}

.mar_b_30 {
    margin-bottom: 30px;
}

.mar_l_30 {
    margin-left: 30px;
}

.mar_t_50 {
    margin-top: 50px;
}

.mar_r_50 {
    margin-right: 50px;
}

.mar_b_50 {
    margin-bottom: 50px;
}

.mar_l_50 {
    margin-left: 50px;
}

/* padding */
.pad_v_10 {
    padding: 10px 0;
}

.pad_v_20 {
    padding: 20px 0;
}

.pad_v_30 {
    padding: 30px 0;
}

.pad_0 {
    padding: 0;
}

.pad_t_0 {
    padding-top: 0;
}

.pad_r_0 {
    padding-right: 0;
}

.pad_b_0 {
    padding-bottom: 0;
}

.pad_l_0 {
    padding-left: 0;
}

.pad_5 {
    padding: 5px;
}

.pad_t_5 {
    padding-top: 5px;
}

.pad_r_5 {
    padding-right: 5px;
}

.pad_b_5 {
    padding-bottom: 5px;
}

.pad_l_5 {
    padding-left: 5px;
}

.pad_10 {
    padding: 10px;
}

.pad_t_10 {
    padding-top: 10px;
}

.pad_r_10 {
    padding-right: 10px;
}

.pad_b_10 {
    padding-bottom: 10px;
}

.pad_l_10 {
    padding-left: 10px;
}

.pad_20 {
    padding: 20px;
}

.pad_t_20 {
    padding-top: 20px;
}

.pad_r_20 {
    padding-right: 20px;
}

.pad_b_20 {
    padding-bottom: 20px;
}

.pad_l_20 {
    padding-left: 20px;
}

.pad_30 {
    padding: 30px
}

.pad_t_30 {
    padding-top: 30px;
}

.pad_r_30 {
    padding-right: 30px;
}

.pad_b_30 {
    padding-bottom: 30px;
}

.pad_l_30 {
    padding-left: 30px;
}

/* border */
.bor_t_1 {
    border-top: 1px solid #eee;
}

.bor_r_1 {
    border-right: 1px solid #eee;
}

.bor_b_1 {
    border-bottom: 1px solid #eee;
}

.bor_l_1 {
    border-left: 1px solid #eee;
}

/* vertical align */
.va-10 {
    vertical-align: -10%;
}

.va-20 {
    vertical-align: -20%;
}

.va-30 {
    vertical-align: -30%;
}

.va-35 {
    vertical-align: -35%;
}

.va-40 {
    vertical-align: -40%;
}

@media (max-width: 980px) {

    /* ~980px */
    #base_gmoWrapp,
    #gmo_CMSPbar {
        overflow: hidden;
        min-width: 100% !important;
        width: 100% !important;
    }
}

@media (max-width: 768px) {

    /* ~768px */
    #contents {
        padding-left: 0;
    }
}

@media (max-width: 480px) {
    /* ~480px */
}

/*
 * icons
 */
.icon-user {
    background-position: -208px 0px;
}

.icon-lg-b.icon-user {
    background-position: -312px 0px;
}

.icon-adduser {
    background-position: -240px 0px;
}

.icon-lg-b.icon-adduser {
    background-position: -360px 0px;
}

.icon-login {
    background-position: -48px -80px;
}

.icon-lg-b.icon-login {
    background-position: -72px -120px;
}

.icon-logout {
    background-position: -32px -80px;
}

.icon-lg-b.icon-logout {
    background-position: -48px -120px;
}

.icon-home {
    background-position: -176px -16px;
}

.icon-lg-b.icon-home {
    background-position: -264px -24px;
}

.icon-mail {
    background-position: -64px 0px;
}

.icon-lg-b.icon-mail {
    background-position: -96px 0px;
}

.icon-pencil {
    background-position: -96px 0px;
}

.icon-lg-b.icon-pencil {
    background-position: -144px 0px;
}

.icon-help {
    background-position: -272px -80px;
}

.icon-lg-b.icon-help {
    background-position: -408px -120px;
}

.icon-cart {
    background-position: -176px -64px;
}

.icon-lg-b.icon-cart {
    background-position: -264px -96px;
}

.icon-search {
    background-position: -208px -16px;
}

.icon-lg-b.icon-search {
    background-position: -312px -24px;
}

.icon-chevron_up {
    background-position: -0px -144px;
}

.icon-lg-b.icon-chevron_up {
    background-position: -0px -216px;
}

.icon-chevron_down {
    background-position: -352px -128px;
}

.icon-lg-b.icon-chevron_down {
    background-position: -528px -192px;
}

.icon-twitter {
    background-position: -96px -176px;
}

.icon-lg-b.icon-twitter {
    background-position: -144px -264px;
}

.icon-instagram {
    background-position: -112px -192px;
}

.icon-lg-b.icon-instagram {
    background-position: -168px -288px;
}

.icon-facebook {
    background-position: -128px -176px;
}

.icon-lg-b.icon-facebook {
    background-position: -192px -264px;
}

.icon-youtube {
    background-position: -128px -160px;
}

.icon-lg-b.icon-youtube {
    background-position: -191px -240px;
}

.icon-b,
.icon-w {
    width: 16px;
    height: 16px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.icon-lg-b,
.icon-lg-w {
    width: 24px;
    height: 24px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.icon-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_b.png);
}

.icon-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_w.png);
}

.icon-lg-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png);
}

.icon-lg-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png);
}

.mincho {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}



/*追加分*/
/*スムーススクロール*/
html {
    scroll-behavior: smooth;
}

/*人気商品画像の高さ揃える*/
.p-ranking-list img {
    aspect-ratio: 300/200;
    object-fit: cover;
}

/*人気商品の文字の高さを揃える*/
#top .box06_inner a {
    display: flex;
}

article.p-ranking-list__item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
}

/*おすすめ商品の画像のアスペクト比調整*/


/*ナビゲーション関係*/
#overlay {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}

#overlay.open {
  display: block;
}

#nav_btn {
    width: 40px;
    height: 40px;
    background-color: #fbbb5a;
    position: fixed;
    z-index: 100;
    top: 10px;
    right: 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    transition: all 0.3s;
}

#nav_btn.open {}

#nav_btn span {
    display: block;
    width: 20px;
    height: 2px;
    background-color: #fff;
    transition: all 0.3s;
}

#nav_btn span:nth-of-type(1) {
    margin-top: 10px;
}

#nav_btn.open span:nth-of-type(1) {
    transform: rotate(-45deg);
    position: absolute;
    bottom: calc(50% - 2px);
    margin: 0;
}

#nav_btn.open span:nth-of-type(2) {
    opacity: 0;
}

#nav_btn span:nth-of-type(3) {
    margin-bottom: 10px;
}

#nav_btn.open span:nth-of-type(3) {
    transform: rotate(-135deg);
    position: absolute;
    top: calc(50%);
    margin: 0;
}

#sp_menu {
    padding-top: 50px;
    position: fixed;
    top: 0;
    z-index: 99;
    right: -300px;
    width: 300px;
    height: 100vh;
    overflow-y: scroll;
    background-color: #fff;
    transition: all 0.3s;
}

#sp_menu.open {
    right: 0px;
}

#sp_menu ul {
    list-style: none;
}

#sp_menu li {
    padding: 0;
    padding-left: 1rem;
    display: block;
}

#sp_menu li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 1rem 0.5rem;
    color: #000;
}