@charset "utf-8";
/******************************************************

        スマートフォンサイト用

******************************************************/
@media screen and (max-width: 767px) {


/******************************************************/
/* elements  */
/******************************************************/
* {
    margin: 0;
    padding: 0;
    word-wrap: break-word;
}
html {
    font-size: 12px;
}
body {
    color: #323232;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    -webkit-text-size-adjust: 100%;
}
h1,h2,h3,h4,h5,h6,strong,b {
    font-weight: 500;
}
p {
    text-align: justify;
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
.en {
    font-family: 'Tangerine', cursive;
}
.tc {
    text-align: center !important;
}
.pc {
    display: none !important;
}


/******************************************************/
/* 共通  */
/******************************************************/
.wrapper {
    overflow-x: hidden;
}
.inbox {
    position: relative;
    z-index: 1;
    padding: 0 20px;
}
.ttl2 {
    margin-top: 55px;
    text-align: center;
    position: relative;
    font-size: 13px;
    line-height: 1;
}
.ttl2 img {
    width: 39.5px;
}
.ttl2 span.en {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    line-height: 1;
    color: #000;
    opacity: 0.45;
}
.ttl2 strong {
    display: block;
    margin: 5px 0 30px;
    font-size: 27px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.02em;
}
.ttl2::before {
    content: "";
    background: url("../img/title_flower.png") no-repeat center center;
    background-size: contain;
    height: 68px;
    mix-blend-mode: multiply;
    opacity: 0.12;
    position: absolute;
    top: 18px;
    left: -10px;
    right: -10px;
}
.ttl2 + p {
    margin-top: -15px;
}
.ttl_obi {
    background: url("../img/hina_obi.png") center center;
    background-size: cover;
    color: #fff;
    margin: 0 -10px;
    font-size: 13px;
    line-height: 1;
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ttl_obi span {
    background: linear-gradient(90deg, transparent 0%, #be0040 20%, #be0040 80%, transparent 100%);
    padding: 5px 18px;
    font-size: 13px;
    line-height: 1;
}
.ttl_obi strong {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    padding-bottom: 1px;
    text-shadow: 0 0 5px rgba(190, 0, 64, 0.5);
}
.ttl_obi span + strong {
    margin-left: 8px;
}
.ttl_obi strong img {
    height: 30px;
    width: auto;
}



/******************************************************/
/* ヘッダー  */
/******************************************************/
header {
    position: relative;
}
header #logo {
    position: absolute;
    top: 17px;
    left: 15px;
    z-index: 1;
}
header #logo img {
    width: 157px;
}
header #kyokai {
    position: absolute;
    top: 6px;
    right: 10px;
    z-index: 1;
}
header #kyokai img {
    width: 107px;
}
header .sokubai {
    display: none;
}
/* メインイメージ */
header #mainimg {
    position: relative;
    margin-bottom: 20px;
}
header #mainimg h1 img {
    width: 100%;
}
header .adviser {
    background: rgba(230, 220, 198, 0.6);
    position: relative;
    z-index: 1;
    padding: 10px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 9px;
    line-height: 1.35;
}
header .adviser .img {
    flex-shrink: 0;
    margin-right: 10px;
}
header .adviser .img img {
    width: 90px;
}
header .adviser strong {
    color: #8b6700;
}
/* 画像版メインイメージ */
header #pict_mainimg {
    margin-bottom: 20px;
}
/* バナーエリア */
header .bnr_area {
    text-align: center;
    margin-bottom: 20px;
    padding: 0 20px;
}
header .bnr_area p {
    text-align: center;
    margin-bottom: 10px;
}
header .bnr_area img {
    max-width: 100%;
    height: auto;
}
header .bnr_area p.douji {
    margin: -10px 0 4px;
}
/* ページ内リンク */
header .pagelink ul {
    margin: 0 15px 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
header .pagelink ul li {
    margin-bottom: 2px;
}
header .pagelink ul li img {
    width: 100%;
}
header .pagelink ul li:nth-of-type(4),
header .pagelink ul li:nth-of-type(5),
header .pagelink ul li:nth-of-type(6) {
    width: calc(100% / 3);
}


/******************************************************/
/* 共通パーツ  */
/******************************************************/
.introttl {
    font-size: 12px;
    line-height: 1.75;
    text-align: left;
    margin-bottom: 32px;
}
/* 価格 */
#main .price {
    color: #e60012;
    font-size: 18px;
    line-height: 1;
    text-align: left;
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: end;
}
#main ul.price {
    margin-top: 2px;
}
#main ul.price li {
    margin-top: 6px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: end;
}
#main ul.price li:nth-of-type(n+2) {
    margin-left: 1em;
}
#main .price.white {
    color: #fff;
    text-shadow: 0 0 6px rgba(178,106,55,0.6),
                 0 0 10px rgba(178,106,55,0.7);
    font-size: 20px;
}
#main .price.ta-l {
    text-align: left;
}
#main .price strong {
    font-weight: 700;
    line-height: 1;
}
#main .price .item {
    font-size: 60%;
    letter-spacing: normal;
}
#main .price.white .item {
    font-size: 45%;
    line-height: 1.1;
    margin-right: 0.3em;
}
#main .price .item + strong {
    margin-left: 0.2em;
}
#main .price .item.white + strong {
    margin-left: 0.3em;
}
#main .price .yen {
    font-size: 70%;
}
#main .price .zei {
    font-size: 45%;
    margin-left: 0.2em;
}
/* 飾る時期 */
dl.season {
    margin-bottom: 50px;
}
dl.season > dt span {
    font-size: 18px;
    line-height: 1;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
dl.season > dt span::after {
    content: "";
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.2;
}
dl.season > dd h3 {
    font-size: 21px;
    line-height: 1.1;
    margin-bottom: 20px;
    text-align: center;
}
dl.season > dd h3 .date_note {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}
dl.season > dd h3 .date_note span {
    font-size: 9px;
    line-height: 1.1;
    text-align: center;
    display: block;
    position: absolute;
    left: 0;
    margin-top: 6px;
    white-space: nowrap;
}
dl.season > dd:nth-of-type(2) {
    margin-top: 18px;
}
dl.season > dd dl {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
dl.season > dd dt {
    padding: 5px 15px;
    color: #fff;
    font-size: 9.6px;
    line-height: 1;
    margin-right: 15px;
    opacity: .9;
}
dl.season > dd dt strong {
    font-size: 12px;
}
dl.season > dd dd {
    font-size: 14.4px;
    line-height: 1;
}
dl.season > dd dd strong {
    font-size: 18px;
    line-height: 1;
}
/* おすすめ商品 */
.recommend .list {
    background: #fff;
    padding: 30px 20px 30px;
    margin: 20px auto 0;
}
.recommend .list .list_ttl {
    margin-top: -5px;
    margin-bottom: 25px;
}
.recommend .list .list_ttl h4 {
    font-size: 21px;
    line-height: 1.1;
    margin-bottom: 10px;
    text-align: center;
}
.recommend .list .list_ttl p {
    font-size: 10px;
    line-height: 1.65;
    text-align: center;
}
.recommend .list dl:nth-of-type(n+2) {
    margin-top: 30px;
}
.recommend .list dl dt {
    position: relative;
    margin-bottom: 8px;
}
.recommend .list dl dt img {
    width: 100%;
}
.recommend .list dl dt .itemname {
    background: rgba(255, 255, 255, 0.75);
    padding: 16px 16px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: 0.12em;
    writing-mode: vertical-rl;
    text-align: left;
    position: absolute;
    top: 15px;
    left: 15px;
}
.recommend .list dl dt .itemname.right {
    left: initial;
    right: 15px;
}
.recommend .list dl dd h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.32;
    margin: 10px 0 10px;
}
.recommend .list dl dd p {
    line-height: 1.5;
    color: #585858;
}
/* おすすめ商品（詳細） */
.recommend_detail {
    background: #fff;
    padding: 0 20px 30px;
}
.recommend_detail dl {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 20px;
}
.recommend_detail dt {
    flex-shrink: 0;
    position: relative;
}
.recommend_detail dt .itemname {
    background: rgba(255, 255, 255, 0.75);
    padding: 16px 14px;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: 0.12em;
    writing-mode: vertical-rl;
    text-align: left;
    position: absolute;
    top: 15px;
    left: 15px;
}
.recommend_detail dt .itemname.right {
    left: initial;
    right: 15px;
}
.recommend_detail dt .price {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.recommend_detail dd {
    text-align: left;
    position: relative;
    z-index: 1;
    flex-grow: 1;
}
.recommend_detail dd h4 {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
    margin: 0 0 20px 0;
}
.recommend_detail dd h5 {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
    margin: 20px 0;
}
.recommend_detail dd .capt {
    font-size: 16px;
    line-height: 1.45;
    margin: 20px 0 10px;
}
/* 全国有名作家 */
.craftsman {
    background: #fff;
    padding-top: 1px;
    margin-top: 60px;
    position: relative;
    z-index: 1;
}
.craftsman .list {
    padding: 5px 20px 45px;
}
.craftsman .list dl {
    margin-bottom: 25px;
    display: flex;
    justify-content: space-between;
}
.craftsman .list dt {
    width: 70px;
    flex-shrink: 0;
    margin-right: 10px;
}
.craftsman .list dd {
    text-align: left;
    line-height: 1.56;
}
.craftsman .list dd h4 {
    color: #fff;
    font-size: 11px;
    line-height: 1.2;
    padding: 3px 5px;
    margin-bottom: 8px;
}
#hina .craftsman .list dd h4 {
    background: #d94b2c;
}
#gogatsu .craftsman .list dd h4 {
    background: #2889c1;
}
.craftsman .list dd h5 {
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: 0.05em;
    margin-bottom: 8px;
}
.craftsman .list dd h5 rt {
    font-size: 8px;
}


/******************************************************/
/* 正月飾り  */
/******************************************************/
/* 色指定 */
#shogatsu dl.season > dt span::after,
#shogatsu dl.season > dd dt {
    background: #f5a150;
}
/* 看板 */
#shogatsu {
    background: url("../img/bg1.png");
    position: relative;
    padding-bottom: 60px;
}
#shogatsu::before {
    content: "";
    background: linear-gradient(90deg, rgba(238,230,135,0.12), rgba(238,230,135,0.06), rgba(238,230,135,0.12));
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}
#shogatsu .ttl {
    position: relative;
    margin-bottom: 35px;
}
#shogatsu .ttl img {
    width: 100%;
}
#shogatsu .ttl::after {
    content: "";
    background: linear-gradient(#f5a150, transparent);
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 0;
    height: 100px;
    opacity: 0.2;
}


/******************************************************/
/* ひな人形  */
/******************************************************/
/* 色指定 */
#hina dl.season > dt span::after,
#hina dl.season > dd dt {
    background: #f76c8f;
}
#hina .recommend .list dl dd h4 {
    color: #f76c8f;
}
#hina .ttl_obi {
    background-image: url("../img/sp_hina_obi.png");
}
#hina .ttl_obi span {
    background: linear-gradient(90deg, transparent 0%, #be0040 20%, #be0040 80%, transparent 100%);
}
#hina .ttl_obi strong {
    text-shadow: 0 0 10px rgba(190, 0, 64, 0.5);
}
/* 看板 */
#hina {
    background: url("../img/bg1.png");
    position: relative;
}
#hina::before {
    content: "";
    background: linear-gradient(90deg, rgba(245,161,80,0.12), rgba(245,161,80,0.06), rgba(245,161,80,0.12));
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}
#hina .ttl {
    position: relative;
    margin-bottom: 35px;
}
#hina .ttl img {
    width: 100%;
}
#hina .ttl::after {
    content: "";
    background: linear-gradient(#f76c8f, transparent);
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 0;
    height: 100px;
    opacity: 0.2;
}
/* ことのわ */
#hina .hina_kotonowa {
    position: relative;
}
#hina .hina_kotonowa dt .price {
    left: 10px;
    right: initial;
}
#hina .hina_kotonowa dd h4 {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
}
#hina .hina_kotonowa dd strong {
    font-size: 23px;
    line-height: 1.2;
    letter-spacing: normal;
}
#hina .hina_kotonowa dd h5.capt {
    color: #e95377;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: normal;
    border-bottom: 1px solid #e95377;
    margin: 15px 0 10px;
    padding-bottom: 5px;
}
#hina .hina_kotonowa dd .tenohirasize {
    position: relative;
    letter-spacing: normal;
    line-height: 1.5;
    margin-bottom: 16px;
}
#hina .hina_kotonowa dd .img01 {
    position: absolute;
    top: 50%;
    right: -10px;
    z-index: -1;
    transform: translateY(-50%);
}
#hina .hina_kotonowa dd .img01 img {
    width: 104px;
    height: auto;
}
/* ことのわ 衣裳着人形 */
#hina .hina_kotonowa2 {
    position: relative;
}
#hina .hina_kotonowa2 dt .price {
    left: 10px;
    right: initial;
}
#hina .hina_kotonowa2 dd {
    margin-bottom: 16px;
}
#hina .hina_kotonowa2 dd h4 {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    margin-bottom: 12px;
}
#hina .hina_kotonowa2 dd strong {
    font-size: 23px;
    line-height: 1.2;
    letter-spacing: normal;
}
#hina .hosoku {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}
#hina .hosoku dt {
    order: 1;
    margin-top: 5px;
}
#hina .hosoku h6 {
    color: #e26535;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 8px;
}
#hina .hosoku p {
    letter-spacing: normal;
}
#hina .hosoku p + p {
    margin-top: 1em;
}
#hina .hosoku.ptn2 li {
    text-align: left;
}
#hina .hosoku.ptn2 > li:nth-of-type(n+2) {
    margin-top: 20px;
}
#hina .hosoku.ptn2 li p {
    text-align: center;
}
/* こだわり */
#hina .hina_kodawari {
    position: relative;
}
#hina .hina_kodawari dt img {
    width: 100%;
}
#hina .hina_kodawari dt .price {
    left: 10px;
    right: initial;
}
#hina .hina_kodawari .kodawari_intro {
    margin-top: 20px;
}
#hina .hina_kodawari .kodawari_intro h4 {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: normal;
    margin: 0 0 12px 0;
    text-align: center;
}
#hina .hina_kodawari .kodawari_intro p {
    color: #585858;
}
#hina .hina_kodawari .kodawari_detail {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 18px;
}
#hina .hina_kodawari .kodawari_detail li {
    line-height: 1.5;
    color: #585858;
    letter-spacing: normal;
    text-align: left;
}
#hina .hina_kodawari .kodawari_detail li img {
    margin-bottom: 4px;
    width: 100%;
    height: auto;
}
#hina .recommend_detail_items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 20px 0;
}
#hina .recommend_detail_items li {
    line-height: 1.5;
    color: #585858;
}
#hina .recommend_detail_items li .img {
    position: relative;
    margin-bottom: 8px;
}
#hina .recommend_detail_items li .price {
    position: absolute;
    inset: auto auto 10px 10px;
}
#hina .recommend_detail_items li p {
}
/* 正絹・染め・織など */
#hina dl.kodawari_detail_col1 {
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    padding: 24px 0 20px;
    position: relative;
}
#hina .kodawari_detail_col2 dl {
    display: flex;
    flex-direction: row;
    margin-top: 0;
    padding: 27px 0 20px;
    border-top: 4px double #e95377;
    position: relative;
}
#hina .kodawari_detail_col1 dt,
#hina .kodawari_detail_col2 dt {
    flex-shrink: 0;
    width: 59px;
    text-align: left;
    position: absolute;
    top: 20px;
    left: 0;
}
#hina .kodawari_detail_col1 dt img,
#hina .kodawari_detail_col2 dt img {
    zoom: 0.55;
}
#hina .kodawari_detail_col1 dd,
#hina .kodawari_detail_col2 dd {
    padding-left: 60px;
}
#hina .kodawari_detail_col1 dd h4 {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 12px;
}
#hina .kodawari_detail_col1 dd .imgarea,
#hina .kodawari_detail_col2 dd .imgarea {
    display: block;
    margin: 12px 0 0 -60px;
}


/******************************************************/
/* 五月人形  */
/******************************************************/
/* 色指定 */
#gogatsu dl.season > dt span::after,
#gogatsu dl.season > dd dt {
    background: #154f97;
}
#gogatsu .recommend .list dl dd h4 {
    color: #154f97;
}
#gogatsu .ttl_obi {
    background-image: url("../img/gogatsu_obi.png");
}
#gogatsu .ttl_obi span {
    background: linear-gradient(90deg, transparent 0%, #003687 20%, #003687 80%, transparent 100%);
}
#gogatsu .ttl_obi strong {
    text-shadow: 0 0 10px rgba(0, 54, 135, 0.5);
}
/* 看板 */
#gogatsu {
    background: url("../img/bg2.png");
    position: relative;
}
#gogatsu .ttl {
    position: relative;
    margin-bottom: 35px;
}
#gogatsu .ttl img {
    width: 100%;
}
#gogatsu .ttl::after {
    content: "";
    background: linear-gradient(#5ca5ff, transparent);
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 0;
    height: 100px;
    opacity: 0.08;
}
/* アルマドラ・永遠之兜 */
#gogatsu .gogatsu_armadura {
    position: relative;
}
#gogatsu .gogatsu_armadura dt img {
    width: 100%;
}
#gogatsu .gogatsu_armadura dd {
    text-align: center;
    margin-bottom: 10px;
}
#gogatsu .gogatsu_armadura dd h4 {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    margin-bottom: 10px;
}
#gogatsu .gogatsu_armadura dd strong {
    font-size: 23px;
    line-height: 1.2;
    letter-spacing: normal;
}
#gogatsu .gogatsu_armadura dd p + p {
    margin-top: 1em;
}
/* ことのわ */
#gogatsu .gogatsu_kotonowa {
    position: relative;
}
#gogatsu .gogatsu_kotonowa dt img {
    width: 100%;
}
#gogatsu .gogatsu_kotonowa dd {
    text-align: center;
    margin-bottom: 10px;
}
#gogatsu .gogatsu_kotonowa dd h4 {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    margin-bottom: 10px;
}
#gogatsu .gogatsu_kotonowa dd strong {
    font-size: 23px;
    line-height: 1.2;
    letter-spacing: normal;
}
#gogatsu .gogatsu_kotonowa dd p + p {
    margin-top: 1em;
}
/* 宇喜多 */
#gogatsu .gogatsu_ukita dt img {
    width: 100%;
}
#gogatsu .gogatsu_ukita dd {
    margin-bottom: 10px;
}
#gogatsu .gogatsu_ukita dd h5 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: normal;
    margin: 20px 0 8px;
    text-align: center;
}
#gogatsu .gogatsu_ukita dd p + p {
    margin-top: 1em;
}
/* 鑽（たがね） */
#gogatsu .gogatsu_tagane dt {
    margin-top: 20px;
}
#gogatsu .gogatsu_tagane dt img {
    width: 100%;
}
#gogatsu .gogatsu_tagane dd p.img {
    margin-top: 20px;
}


/******************************************************/
/* ハートフルセット  */
/******************************************************/
#heartful {
    background: url("../img/bg1.png");
    position: relative;
    border-top: 4px solid #e20110;
    padding-bottom: 60px;
}
#heartful::before {
    content: "";
    background: linear-gradient(#e20110 20%, #efde52 60%, #01a0e2 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    opacity: 0.06;
}
#heartful::after {
    content: "";
    background: linear-gradient(#e20110, transparent);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    height: 100px;
    opacity: 0.2;
}
#heartful .inbox {
    position: static;
}
#heartful .recommend {
    position: relative;
    z-index: 1;
}
#heartful .ttl2 {
    color: #c70915;
}
#heartful .ttl2 + p {
    text-align: center;
    margin-left: -10px;
    margin-right: -10px;
}
#heartful .recommend .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 0;
}
#heartful .recommend .list dl {
    width: 100%;
    margin-top: 30px;
}
#heartful .recommend .list dl.row2 {
    width: calc(50% - 10px);
}
#heartful .recommend .list dl:nth-of-type(1) { order: 3; }
#heartful .recommend .list dl:nth-of-type(2) { order: 1; }
#heartful .recommend .list dl:nth-of-type(3) { order: 4; }
#heartful .recommend .list dl:nth-of-type(4) { order: 2; }
#heartful .recommend .list dl:nth-of-type(5) { order: 20; }
#heartful .recommend .list dl:nth-of-type(6) { order: 20; }
#heartful .recommend .list dl:nth-of-type(7) { order: 10; }
#heartful .recommend .list dl:nth-of-type(8) { order: 10; }
#heartful .recommend .list dl:nth-of-type(9) { order: 20; }
#heartful .recommend .list dl:nth-of-type(10) { order: 20; }
#heartful .recommend .list dl:nth-of-type(11) { order: 10; }
#heartful .recommend .list dl:nth-of-type(12) { order: 10; }
#heartful .recommend .list dl dd,
#heartful .recommend .list dl dd p:not(.price) {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-align: left;
}
#heartful .recommend .list dl dd span {
    font-size: 11px;
    font-weight: 400;
    display: inline-block;
}
#heartful .recommend .list dl dd dl.set {
    display: flex;
    margin: 0;
}
#heartful .recommend .list dl dd dl.set dt {
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.08em;
    background: #585858;
    color: #fff;
    padding: 3px;
    text-align: center;
    writing-mode: vertical-rl;
    margin: 0 8px 0 0;
}
#heartful .recommend .list dl dd dl.set dd {
    align-self: center;
}
#heartful .recommend .list dl dd dl.set dd li:nth-of-type(n+2) {
    margin-top: 4px;
}
#heartful .tokusanhin_bnr {
    margin-top: 15px;
    text-align: center;
}


/******************************************************/
/* 特典プレゼント  */
/******************************************************/
#tokuten {
    background: url("../img/bg1.png");
    position: relative;
    padding: 25px 0 30px;
}
#tokuten::before {
    content: "";
    background: linear-gradient(135deg, #e6c223 23%, #fdfdae 61%, #e6c223 80%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    opacity: 0.75;
}
#tokuten h3 {
    color: #e60012;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    margin-bottom: 15px;
    text-shadow: 0 0 2px #fffbca,
                 0 0 2px #fffbca,
                 0 0 2px #fffbca,
                 0 0 2px #fffbca,
                 0 0 10px #fff,
                 0 0 20px #fff;
}
#tokuten h3 strong {
    display: block;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    margin-top: 2px;
}
#tokuten img {
    width: 100%;
}


/******************************************************/
/* 催事カレンダー  */
/******************************************************/
#calendar {
    padding-bottom: 50px;
}
#calendar .table .img {
    text-align: center;
    padding: 0 0 10px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
#calendar .table .img img {
    max-width: initial;
    width: 700px;
}
#calendar .table .scroll {
    text-align: center;
}
#calendar .table .scroll img {
    width: 100px;
}


/******************************************************/
/* 店舗情報  */
/******************************************************/
#shop {
    background: url("../img/bg1.png");
    position: relative;
    padding: 1px 0 55px;
}
#shop .shop_ttl {
    margin-top: 50px;
    text-align: center;
}
#shop .shop_ttl.honten img {
    width: 209px;
}
#shop .shop_ttl.kodomoya img {
    width: 72.5px;
}
#shop .shop_ttl.abc img {
    width: 117px;
}
#shop .shop_ttl.c-maison img {
    width: 96px;
}
#shop .shop_ttl {
    margin-top: 50px;
    text-align: center;
}
#shop .shop_ttl {
    margin-top: 30px;
    text-align: center;
}
#shop .list {
    margin: 10px auto 0;
}
#shop .list dl {
    background: #fff;
    padding: 20px 20px 16px;
    margin-bottom: 5px;
    text-align: left;
}
#shop .list dl dt {
    margin-bottom: 15px;
}
#shop .list dl dt:not(.shopname) img {
    width: 100%;
}
#shop .list dl dd {
    line-height: 1.5;
}
#shop .list dl .shopname {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}
#shop .list dl .shopname span {
    font-family: sans-serif;
    margin-left: 5px;
}
#shop .list dl .shopname img[src*="honten"] {
    width: 161px;
}
#shop .list dl .shopname img[src*="honten2"] {
    width: 120px;
}
#shop .list dl .shopname img[src*="sanyopleasure"] {
    width: 159.5px;
}
#shop .list dl .shopname img[src*="kodomoya"] {
    width: 76.5px;
}
#shop .list dl .shopname img[src*="abc"] {
    width: 126px;
}
#shop .list dl .shopname img[src*="c-maison"] {
    width: 103.5px;
}
#shop .list dl .gmap {
    background: url("../img/sp_map_btn.png");
    background-size: 44px 18px;
    width: 44px;
    height: 18px;
    text-indent: -9999px;
    display: block;
    margin-left: 8px;
    transition: all 0.5s ease;
}


/******************************************************/
/* フッター  */
/******************************************************/
footer {
    background: #2c0b04;
    color: #fff;
    padding: 10px 0 12px;
}
footer .bnrs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 15px 20px;
}
footer .bnrs li {
    padding: 5px 10px;
    list-style: none;
}
footer .copyright small {
    font-size: 8px;
    line-height: 1.2;
    text-align: center;
}


/******************************************************/
/* ハンバーガーメニュー  */
/******************************************************/
#smp_open_menu {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100;
    display: table;
    width: 60px;
    height: 60px;
    background: rgba(255,255,255,0.8);
    display: none;
}
.menu-trigger,
.menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}
.menu-trigger {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    position: relative;
}
.menu-trigger span {
    display: block;
    width: 17px;
    height: 2px;
    background-color: #000;
    margin: 4px 0 4px 21px;
}
.menu-trigger.active {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
.menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
    width: 17px;
    -webkit-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
}
.menu-trigger.active span:nth-of-type(3) {
    opacity: 0;
}





}