@charset "UTF-8";
/** PC **/
/* --------- 共通 --------- */
/* Windows 用 Medium 指定の游ゴシック */
@font-face { font-family: "Yu Gothic M"; src: local("Yu Gothic Medium"); }

/* font-weight: bold の時は通常どおり Bold 書体を使わせる */
@font-face { font-family: "Yu Gothic M"; src: local("Yu Gothic Bold"); font-weight: bold; }

.layout-wrapper { max-width: unset; }

.layout-wrapper h1, .layout-wrapper h2, .layout-wrapper h3, .layout-wrapper h4 h5, .layout-wrapper h6 { font-size: 100%; padding: unset; margin: unset; }

.layout-wrapper h1, .layout-wrapper h2, .layout-wrapper h3, .layout-wrapper h4, .layout-wrapper h5, .layout-wrapper h6 { margin-top: 0; }

main { padding-top: 50px; }

main .part { overflow: hidden; margin-bottom: 40px; }

main .part.part-headline, main .part.part-columns .part { margin-bottom: unset; }

/*幅リセット*/
header .part .part-body, main .part .part-body, .block-bottom.block .part .part-body, footer .part .part-body { max-width: 1000px; margin: 0 auto; }

header .part .part-body .columns-column .part-body, main .part .part-body .columns-column .part-body, .block-bottom.block .part .part-body .columns-column .part-body, footer .part .part-body .columns-column .part-body { max-width: 100%; }

/*ギャラリー*/
.part .grid-items .grid-item { position: static !important; top: unset !important; left: unset !important; }

.grid-items { position: unset !important; display: flex; flex-wrap: wrap; justify-content: flex-start; height: auto !important; }

/*-------------------------------------------
基本
---------------------------------------------*/
.layout-wrapper { font-size: 18px; line-height: 1.9; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; color: #333; }

/*リンク*/
a:link, a:visited { color: #008363; }

a:hover { color: #3eb134; }

a:hover img, a:hover { filter: alpha(opacity=80); opacity: 0.8; }

a.btn { display: inline-block; background: #d70c1f; color: #fff; font-size: inherit; text-align: center; border-radius: 2px; border-bottom: 2px solid #ddd; text-decoration: none; padding: 6px 18px; box-sizing: border-box; background: #d70c1f; background: -moz-linear-gradient(-45deg, #d70c1f 0%, #d70c1f 50%, #bc0012 51%, #d70c1f 100%); background: -webkit-linear-gradient(-45deg, #d70c1f 0%, #d70c1f 50%, #bc0012 51%, #d70c1f 100%); background: linear-gradient(135deg, #d70c1f 0%, #d70c1f 50%, #bc0012 51%, #d70c1f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d70c1f', endColorstr='#d70c1f',GradientType=1 ); }

a.btn-square-little-rich { position: relative; display: inline-block; padding: 0.75em 0.8em; text-decoration: none; color: #FFF; background: #d70c1f; /*色*/ border: solid 1px #d70c1f; /*線色*/ border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); font-size: 15px; }

/*--------------------------------------------
ヘッダー
--------------------------------------------*/
.layout-wrapper header h1 { height: 80px; }

.layout-wrapper header h1 img { width: 340px; }

header { padding-top: 14px; position: sticky; top: 0; z-index: 999; background: #FFF; }

header .part.header_cart { margin-top: 15px; }

header .header_cart a.btn { position: absolute; top: 0px; right: 0; font-size: 16px; padding: 4px 16px 4px 40px; }

header .header_cart a.btn:before { content: ""; position: absolute; left: 10px; top: 6px; background: url(../resource/39/cart.png) no-repeat center center; background-size: contain; width: 24px; height: 24px; }

/*グローバルメニュー*/
#globalMenu.part-columns .columns.columns-2 .columns-column:first-child { width: 80%; }

#globalMenu.part-columns .columns.columns-2 .columns-column:last-child { width: 20%; }

#globalMenu { background: #d70c1f; }

#globalMenu ul { display: flex; }

#globalMenu ul li { width: 200px; }

#globalMenu ul li a { color: #FFF; text-decoration: none; display: block; height: auto; vertical-align: middle; padding: 18px 12px; border: none; border-radius: 0; box-sizing: border-box; line-height: 18px; font-size: 16px; background: none; text-align: center; text-decoration: none; color: #fff; }

/*商品検索*/
#globalMenu form.contentsSearch-form { display: flex; flex-direction: row-reverse; padding: 8px 0; box-sizing: border-box; align-items: end; }

#globalMenu form.contentsSearch-form .form-col-label { display: none; }

#globalMenu form.contentsSearch-form .form-col-condition { width: 100px; display: inline-block; box-sizing: border-box; }

#globalMenu form.contentsSearch-form .form-col-condition input { width: 100%; font-size: 16px; }

#globalMenu form.contentsSearch-form .form-row.form-row-action { width: calc(100% - 100px); }

#globalMenu form.contentsSearch-form button.form-action { font-size: 16px; background: none; border: none; color: #FFF; display: block; position: relative; padding-left: 30px; cursor: pointer; }

#globalMenu form.contentsSearch-form button.form-action::before { content: ""; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: url(../resource/39/search.png) center no-repeat; background-size: contain; }

/*-----------------------------
mainimage
--------------------------------*/
.block-top-body.block-body { background: #222; border-bottom: solid 2px #ed143d; padding: 0; }

.block-top-body.block-body .swiper-pagination-bullet, .block-top-body.block-body .swiper-pagination-bullet-active { background-color: #FFF; width: 10px; height: 10px; margin: 5px; }

.block-top-body.block-body .swiper-slide { margin-bottom: 15px; }

/*-----------------------------------
見出し
------------------------------------*/
.layout-wrapper main h2 { color: #d70c1f; border-bottom: solid 4px #d70c1f; padding: 4px 0; font-size: 130%; font-weight: bold; margin-bottom: 20px; }

.layout-wrapper main h2 span.headline-sub { font-size: 90%; font-weight: normal; font-style: italic; margin-left: 10px; }

/*-----------------------------------------
Parts
---------------------------------------*/
.top_sales_twitter.part-columns .columns { justify-content: space-between; }

.top_sales_twitter.part-columns .columns.columns-2 .columns-column { width: calc((100% - 30px) / 2); flex-grow: unset; }

/*テーブル*/
table.normalTbl { border-collapse: collapse; width: 100%; margin: 0 auto 20px auto; }

table.normalTbl th, table.normalTbl td { padding: 4px 18px; border: solid 1px #ccc; box-sizing: border-box; text-align: left; }

table.normalTbl th { background: #f3f3f3; width: 26%; }

table.normalTbl2 { border-collapse: collapse; width: 100%; margin: 0 auto 20px auto; }

table.normalTbl2 th, table.normalTbl2 td { padding: 4px 18px; border: solid 1px #ccc; box-sizing: border-box; text-align: left; }

table.normalTbl2 th { background: #f3f3f3; }

/*よくある質問*/
ul.faq { padding: 10px 0 20px; }

ul.faq li.qus, ul.faq li.ans { color: #666; display: block; font-size: 100%; line-height: 1.6; margin-bottom: 20px; padding-left: 45px; }

ul.faq li.qus::before, ul.faq li.ans::before { border-radius: 2px; color: #fff; display: inline-block; font-size: 100%; height: 32px; line-height: 32px; /* margin: 0 3px 0 -40px;*/ margin: 0 14px 0 -44px; text-align: center; width: 32px; }

ul.faq li.qus::before { background-color: #fff; border: solid 1px #d70c1f; color: #d70c1f; content: "Q"; box-sizing: border-box; }

ul.faq li.ans::before { background-color: #d70c1f; content: "A"; }

/*
売れ筋ランキング
----------------------------*/
.ranking { font-size: 14px; counter-reset: number; line-height: 1.6; /*1位*/ /*2位*/ /*3位*/ /*4位*/ /*5位*/ }

.ranking li { border-bottom: solid 1px #ccc; padding: 10px 8px 10px 8px; overflow: hidden; position: relative; }

.ranking li:nth-child(even) { background: #efefef; }

.ranking img { width: auto; margin: 0 10px 0 50px; width: 80px; display: block; float: left; }

.ranking li:before { counter-increment: number; content: counter(number); padding-right: 5px; position: absolute; top: 50%; left: 12px; transform: translate(0, -50%); font-size: 18px; background: #fff; text-align: center; padding: 0px; box-sizing: border-box; width: 30px; height: 30px; }

.ranking li:nth-child(1):before { background: #bcb445; color: #fff; }

.ranking li:nth-child(1) img { border: solid 2px #bcb445; }

.ranking li:nth-child(2):before { background: #999; color: #fff; }

.ranking li:nth-child(2) img { border: solid 2px #999; }

.ranking li:nth-child(3):before { background: #bc6745; color: #fff; }

.ranking li:nth-child(3) img { border: solid 2px #bc6745; }

.ranking li:nth-child(4):before { background: #fff; border: solid 2px #ccc; color: #666; }

.ranking li:nth-child(4) img { border: solid 2px #ccc; }

.ranking li:nth-child(5):before { background: #fff; border: solid 2px #ccc; color: #666; }

.ranking li:nth-child(5) img { border: solid 2px #ccc; }

/*カテゴリから探す*/
.part.top_categorylist .grid-items.grid-items-5 { justify-content: flex-start; align-items: stretch; }

.part.top_categorylist .grid-items.grid-items-5 .grid-item { width: calc((100% - 50px) / 6); border: 1px solid #d70c1f; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; background: #d70c1f; }

.part.top_categorylist .grid-items.grid-items-5 .grid-item .grid-image { background: #FFF; }

.part.top_categorylist .grid-items.grid-items-5 .grid-item .grid-image img { aspect-ratio: 10 / 11; object-fit: contain; }

.part.top_categorylist .grid-items.grid-items-5 .grid-item:nth-child(6n) { margin-right: 0; }

.part.top_categorylist .grid-comment { text-align: center; font-size: 14px; background: #d70c1f; color: #FFF; }

/*---------------------------
Bottom
----------------------------*/
.block-bottom.block { background: #d70c1f; border: none; color: #fff; }

#topBtn { position: fixed; bottom: 20px !important; right: 20px; box-sizing: border-box; z-index: 100; display: none; }

.part-columns.footerSns .columns.columns-5 .columns-column { width: 60px; flex-grow: unset; padding: 10px 0; border-right: solid 1px #bc0012; box-sizing: border-box; text-align: center; }

.part-columns.footerSns .columns.columns-5 .columns-column img { max-width: 32px; }

.block-bottom.block .part.footerSns .part-body { max-width: 300px; }

.part-columns.footerSns .columns { justify-content: center; border-left: 1px solid #bc0012; }

/*---------------------------
フッター
----------------------------*/
footer { background: #252525; padding: 34px 0 18px 0; color: #fff; font-size: 14px; position: relative; }

footer .part-columns .columns.columns-2 .columns-column { width: auto; flex-grow: unset; }

footer .columns-column.footerCatchcopy { max-width: 240px; }

footer .part.copyright { margin-bottom: 20px; text-align: center; }

footer .part.part-columns { margin-bottom: 40px; }

.layout-wrapper footer h3 { font-size: 18px; color: #d70c1f; }

/*---------------------------------
Parts
------------------------------------*/
/*パンくず*/
ul.breadcrumb-list { display: flex; flex-wrap: wrap; }

ul.breadcrumb-list li { display: inline-block; margin-right: 5px; position: relative; font-size: 14px; padding-left: 10px; }

ul.breadcrumb-list li:after { content: ""; position: absolute; width: 0; height: 0; left: 0; top: 50%; margin-top: -4px; border: solid 4px #0000; border-left-color: #999; }

ul.breadcrumb-list li:after a, ul.breadcrumb-list li:after a:visited { color: #333; text-decoration: none; }

/*ご注文後のメールが届かないお客様へ*/
.layout-wrapper .filter_docomo h4, .layout-wrapper .filter_au h4, .layout-wrapper .filter_softbank h4 { padding-top: 10px; margin-bottom: 0; font-size: 140%; }

.layout-wrapper .filter_docomo h4 { color: #b22222; }

.layout-wrapper .filter_au h4 { color: #ff8c00; }

.layout-wrapper .filter_softbank h4 { color: #0000cd; }

/*-----------
値段から選ぶ
-------------------*/
ul.btnList { display: flex; flex-wrap: wrap; justify-content: space-between; }

ul.btnList li { width: 32%; margin: 0 1% 8px 0; }

ul.btnList li a { width: 100%; }

/*--------------------
form
-----------------------*/
form.form input.form-imputs { width: 100%; }

form.form .form-inputs { margin-bottom: 10px; }

form.form .form-inputs { margin-bottom: 10px; }

form.form .form-row { /*送信ボタン*/ }

form.form .form-row .form-inputs button { color: #333; padding: 4px 10px; width: 80px; border: solid 1px #CCC; font-size: 18px; background: linear-gradient(to bottom, #fff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); cursor: pointer; }

form.form .form-row .form-inputs button:hover { color: #fff; background: #BCBCBC; }

form.form .form-row input.input-text, form.form .form-row input.input-email, form.form .form-row textarea.input-textarea { width: 80%; padding: 4px; font-size: 16px; }

form.form .form-must span.must { font-weight: bold; color: #C00; }

form.form .input-hint { color: #888; font-size: 14px; }

#sp_globalMenu { display: none; }

.part-columns.image_left .columns.columns-2 .columns-column:first-child, .part-columns.image_right .columns.columns-2 .columns-column:last-child { width: 45%; }

.part-columns.image_left .columns.columns-2 .columns-column:first-child { margin-right: 5%; }

.part-columns.image_right .columns.columns-2 .columns-column:last-child { margin-left: 5%; }

/** 商品ページ **/
body.item_detail .layout-wrapper { font-size: 14px; }

body.item_detail main { padding-top: 0; }

body.item_detail table.content-fields { width: 100%; /*空の項目は表示しない*/ /*見出し非表示項目*/ }

body.item_detail table.content-fields th, body.item_detail table.content-fields td { display: inline-block; width: 100%; font-size: 14px; }

body.item_detail table.content-fields th { font-weight: bold; margin-bottom: 20px; text-align: left; color: #d70c1f; border-bottom: solid 4px #d70c1f; }

body.item_detail table.content-fields td p { margin-bottom: 1em; }

body.item_detail table.content-fields td img { display: block; width: fit-content; margin: 0 auto; }

body.item_detail table.content-fields tr.empty { display: none; }

body.item_detail table.content-fields tr.content-field--size_table02 th.content-field-name { display: none; }

body.item_detail .item_column .columns-column { padding: 16px; box-sizing: border-box; }

body.item_detail .layout-wrapper main h2 { font-size: 23px; color: #333; border: none; margin-bottom: 0; }

body.item_detail .layout-wrapper main .editorBlock.editorBlock-header h2, body.item_detail .layout-wrapper main .editorBlock h2 { font-size: 14px; color: #d70c1f; border-bottom: 4px solid #d70c1f; margin-bottom: 20px; }

body.item_detail .cartjs_product_table table { width: 100% !important; }

body.item_detail .cartjs_product_table table th { background: #f3f3f3; font-weight: bold; }

body.item_detail .cartjs_product_table table th, body.item_detail .cartjs_product_table table td { border: solid 1px #ccc; padding: 4px; text-align: left; box-sizing: border-box; font-size: 14px; }

body.item_detail .item_detail_images { margin-bottom: 3em; /*支払い方法*/ }

body.item_detail .item_detail_images table.content-fields tr.empty { display: none; }

body.item_detail .item_detail_images table.content-fields tr.content-field--payment td:after { content: ""; display: block; width: 100%; background: url(../resource/39/20210108180956.jpg) top center no-repeat; background-size: contain; height: 300px; }

/*TOP新着商品*/
.part-contents.top_newitem .contents { display: flex; flex-wrap: wrap; justify-content: space-between; }

.part-contents.top_newitem .contents .content { width: calc((100% - 40px) / 5); font-size: 14px; line-height: 1.4; }

.part-contents.top_newitem .contents .content img { border: solid 1px #d70c1f; aspect-ratio: 1 /1; object-fit: contain; }

.part-contents.top_newitem .contents .content img:hover { box-sizing: border-box; border-width: 3px; }

/*商品一覧*/
.item_list .contents.contents--items { display: flex; flex-wrap: wrap; justify-content: space-between; }

.item_list .contents.contents--items .content { width: calc((100% - 30px) / 4); box-sizing: border-box; border: 1px solid #CCC; height: 300px; padding: 10px 10px 0 10px; overflow: hidden; margin-bottom: 10px; }

.item_list .contents.contents--items .content h3 { font-size: 16px; color: #444; line-height: 1.4; margin-bottom: 10px; }

.item_list .contents.contents--items .content h3 a { color: #444; }

.item_list .contents.contents--items .content .content-field--list_img { text-align: center; margin-bottom: 10px; }

.item_list .contents.contents--items .content .content-field--list_img img { max-height: 150px; }

.item_list .contents.contents--items .content .description { font-size: 14px; }

/*----------------------------
商品一覧
------------------------------*/
.archive_list .sys-contents--items, .archive_list .contents--items { display: flex; flex-wrap: wrap; justify-content: flex-start; }

.archive_list .sys-contents--items .content, .archive_list .contents--items .content { width: calc((100% - 30px) / 4); border: solid 1px #CCC; height: 300px; padding: 10px 10px 0; margin-bottom: 10px; margin-right: 10px; }

.archive_list .sys-contents--items .content:nth-child(4n), .archive_list .contents--items .content:nth-child(4n) { margin-right: 0; }

.archive_list .content .content-field--list_img { text-align: center; margin-bottom: 10px; }

.archive_list .content .content-field--list_img img { max-height: 150px; }

.archive_list .content-field--title { margin-bottom: 10px; }

.archive_list .content-field--title h3 { line-height: 1.3; }

.archive_list .content-field--title h3 a { font-size: 16px; color: #444; text-decoration: none; }

.archive_list .content-field--textarea.description { font-size: 14px; }

/** ファンクラブ **/
.form_textorange { width: 90%; background-color: #F5D0A9; border: 1px #FF8000 solid; margin: 20px 0 5px; padding: 5px; font-size: 90%; }

.form_text { width: 90%; background-color: #E3F0FB; border: 1px #1C79C6 solid; margin: 20px auto 5px; padding: 5px; font-size: 110%; }

.form_text2 { width: 70%; background-color: #E3F0FB; border: 1px #1C79C6 solid; margin: 20px auto 5px; padding: 5px; text-align: center; }

.form_text3 { width: 100%; background-color: #E3F0FB; border: 1px #1C79C6 solid; margin: 20px auto 5px; padding: 5px; font-size: 130%; }

/*カラーミーテーブル*/
.cartjs_product_table table { border-collapse: collapse; width: 90% !important; margin: 0 auto 20px auto; }

.cartjs_product_table table th, .cartjs_product_table table td { border: solid 1px #ccc; padding: 4px; text-align: left; box-sizing: border-box; }

.cartjs_product_table table th { background: #f3f3f3; font-weight: bold; }

.cartjs_product_table table select { max-width: 380px; }

.cartjs_cart_in input.detail_cart:hover { opacity: 0.8; }

/*------------------------
申し込みフォーム
----------------------*/
.funclub .form-row { display: flex; padding: 15px 10px; border-bottom: 1px dotted #ccc; }

.funclub .form-row:nth-of-type(even) { background: #F7F7F7; }

.funclub form.form .form-must span.must { font-size: 11px; background: #C00; color: #FFF; border-radius: 2px; padding: 0 5px; text-align: center; display: inline-block; letter-spacing: 0.1em; margin-right: 0.5em; }

.funclub .form-label { width: 35%; font-size: 14px; padding-right: 10%; }

.funclub form.form .form-inputs { width: 65%; }

.funclub select.input-select { font-size: 16px; }

.funclub .form-checks-radio .form-check { font-size: 14px; margin-right: 1em; }

.funclub .form-checks-radio { display: flex; }

.funclub form.form .form-row .form-inputs button { background: #D52418; border: none; color: #fff; display: block; font-size: 16px; height: 50px; letter-spacing: 5px; outline: none; width: 150px; margin: 0 auto; }

.funclub form.form .form-row .form-inputs button:hover { opacity: 0.8; }

.funclub .form-row.form-row-action { width: 100%; }

.funclub form.form .form-inputs { width: 100%; }

@media screen and (max-width: 767px) { .funclub .form-row { flex-direction: column; } .funclub .form-label { width: 100%; } .funclub .form-checks-radio { flex-direction: column; } }

/** SP **/
@media screen and (max-width: 767px) { .part { overflow-wrap: break-word; } main .part .part-body { padding: 0 3%; } a.btn { width: 50%; } /*-----------------
header
----------------*/ header { padding: 0 3% 10px; } .layout-wrapper header h1 { height: auto; } .layout-wrapper header h1 img { width: 250px; } header .part-columns .columns.columns-2 .columns-column { padding: 10px 0; } header .part-columns .columns.columns-2 .columns-column:first-child { width: 250px; } header .part-columns .columns.columns-2 .columns-column:last-child { width: calc(100% - 250px); } /*-----------------
Menu
-------------------*/ #menu-sp-button { text-align: right; } #menu-sp-button button { display: inline-block; width: 40px; height: 40px; background: url(../resource/39/spmenu_button.png) center no-repeat; border: none; } .menu-sp-active #sp_globalMenu { display: block !important; position: fixed; top: 60px; width: 92%; } #sp_globalMenu ul { background: #e52621; border: 1px solid #999; } #sp_globalMenu ul li { text-align: center; padding: 5px; border-bottom: solid 1px #999; } #sp_globalMenu ul li a { color: #FFF; font-size: 16px; } .menu-sp-active #sp_globalMenu { display: block !important; } /*--------------- 検索 -----------------------*/ .sp_search .form-row { flex-direction: row-reverse; } .sp_search .form-row .form-col.form-col-action { width: 30%; } .sp_search .form-row .form-col.form-col-keyword { width: 70%; } .sp_search .form-row input.form-input { box-sizing: border-box; width: 100%; height: 100%; border-radius: 0; padding-left: 10px; } .sp_search .form-row button { padding: 0; box-sizing: border-box; border: none; background: #d70c1f; color: #fff; display: block; width: 100%; height: 44px; font-size: 16px; } /*-------------------- TOPページ ------------------------*/ .part-contents.top_newitem .contents { padding: 0 3%; } .part-contents.top_newitem .contents .content { width: 48%; margin-bottom: 20px; } .top_sales_twitter .columns.columns-2 { flex-direction: column; } .top_sales_twitter.part-columns .columns.columns-2 .columns-column { width: 100%; margin-bottom: 20px; } .part.top_categorylist .grid-items.grid-items-5 { justify-content: flex-start; padding: 0 3%; } .part.top_categorylist .grid-items.grid-items-5 .grid-item { width: 29%; margin: 10px 2%; } .part.part-gallery.part-gallery-grid.ourshops { padding: 0 3%; } .part.part-gallery.part-gallery-grid.ourshops .grid-item { margin: 0 1%; width: 18%; } /*-------------------- フッター ------------------------*/ footer { padding: 34px 3% 18px; } footer .columns.columns-2 { flex-direction: column-reverse; } footer .columns-column .image { text-align: center; } footer .part-columns .columns.columns-2 .columns-column.footerCatchcopy { width: 240px; text-align: center; margin: 0 auto 20px; } /*--------------------- お問い合わせ -----------------------*/ form.form .form-row input.input-text, form.form .form-row input.input-email, form.form .form-row textarea.input-textarea { border: solid 1px #ccc; padding: 8px 8px 8px 14px; width: 100%; } .form-label { font-weight: bold; } /*------------------- 商品一覧 -----------------*/ .archive_list .sys-contents--items, .archive_list .contents--items { flex-direction: column; } .archive_list .sys-contents--items .content, .archive_list .contents--items .content { width: 100%; } .item_column.part-columns .columns { flex-direction: column; } .item_column.part-columns .columns .columns-column { width: 100%; padding: 8px; } /*カラーミーテーブル*/ .cartjs_block table { border-collapse: collapse !important; width: 100% !important; margin: 0 auto 20px auto !important; } .cartjs_block table th, .cartjs_block table td { border: solid 1px #ccc !important; padding: 4px 10px !important; text-align: left !important; box-sizing: border-box !important; } .cartjs_block table th { background: #f3f3f3 !important; } .cartjs_block table select { max-width: 270px; } /*
テーブル
--------------------------------*/ table.normalTbl th, table.normalTbl td { display: block; width: 100%; } table.normalTbl th { text-align: center; } .part-columns.image_left .columns.columns-2, .part-columns.image_right .columns.columns-2 { flex-direction: column; } .part-columns.image_left .columns.columns-2 .columns-column, .part-columns.image_right .columns.columns-2 .columns-column { width: 100%; margin-right: 0; margin-left: 0; } body.item_detail .item_detail_images table.content-fields tr.content-field--payment td:after { height: 15vh; } }

/*スマホここまで*/
/** 編集画面 **/
.amsnext-body-pageEditor header { position: static; }

.amsnext-body-pageEditor #sp_globalMenu { display: block; }

.amsnext-body-pageEditor #globalMenu { padding-top: 5vh; }