@charset "UTF-8";
/* Easy myShop
 * 管理画面 スタイルシート
 *
 * 作成者 : SR)A.Kogiso
 * 作成日 : 2026/06/03
 *
 * Version :
 *    01.00.00 2026/06/03 SR)A.Kogiso 新規作成
 */

/* Responsive DESIGN TEMPLATE
    system research
______________________________________________________________________________*/

/** マイナビカラー **/
.my_navi_color_btn {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 0;
  vertical-align: middle;
  cursor: pointer;
  animation: my_navi_color_btn 0.15s linear 0s forwards;
}
.my_navi_color_btn:hover {
  animation: my_navi_color_btn2 0.3s linear 0s forwards;
}
@keyframes my_navi_color_btn {
  0% {transform: rotate3d(0, 0, 1,  90deg) scale(1.0, 1.0);}
  60% {transform: rotate3d(0, 0, 1, 45deg) scale(0.75, 0.75);}
  100% {transform: rotate3d(0, 0, 1, 0deg) scale(1.0, 1.0);}
}
@keyframes my_navi_color_btn2 {
  0% {transform: rotate3d(0, 0, 1,  0deg) scale(1.0, 1.0);}
  60% {transform: rotate3d(0, 0, 1, 45deg) scale(0.75, 0.75);}
  100% {transform: rotate3d(0, 0, 1, 90deg) scale(1.0, 1.0);}
}
.my_navi_color_btn:before,
.my_navi_color_btn:after,
.my_navi_color_btn span:before,
.my_navi_color_btn span:after {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  margin: 1px;
  background: #999;
  border-radius: 10px;
  box-sizing: border-box;
}
.my_navi_color_btn:before {
  background: #ef4a3c;
}
.my_navi_color_btn:after {
  top: 8px;left: 8px;background: #4083f1;
}
.my_navi_color_btn span:before {
  left: 8px;background: #fbbd0b;
}
.my_navi_color_btn span:after {
  top: 8px;background: #34a853;
}

/** 住所選択 **/
.select_address_list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/** トップ **/
/* 開店設定ダイアログの設定欄のヘッダ */
.o-top .shop_status_dlg .row_header {
  padding:0.5em;
}
/* キャンペーン */
.campaign_10b {
  cursor: pointer;
}

/** オープンウィザード完了 **/
.o_open_wizard .wizard_end_msg {
  text-align: center;
  margin: 30px 0;
  font-size: var(--font_size_ttl);
  font-weight: bold;
}
.o_open_wizard .wizard_end_img {
  margin: auto;
  text-align: center;
  max-width: 80%;
}
.o_open_wizard .wizard_end_img img {
  width: 100%;
}

/** ショップ設定 **/
/* 特商法(店舗情報)のプレビュー */
.o_shop_set .ifram_law_shop_info {
  width: 100%;
  max-width: 682px;
  height: 223px;
  border:1px solid #999;
  background-color:#FFFFFF;
}
/* 特商法の例文作成ダイアログ */
.pc.o_shop_set .law_text_dlg textarea {
  min-width: 500px;
  height: 160px;
}
.sp.o_shop_set .law_text_dlg textarea {
  width: 100%;
  height: 160px;
}
/* SPFレコード説明の青文字 */
.o_shop_set .spf_ip{
  color: #00F;
}
/* ご契約者様情報 ショップジャンル入力欄 */
.pc.o_shop_set .mall_category_text {
  width: 350px;
}
.sp.o_shop_set .mall_category_text {
  width: 215px;
}
/* ご契約者様情報 ショップジャンル選択 */
.pc.o_shop_set .mall_category_list {
  display: flex;
  gap: 18px;
}
.o_shop_set .mall_category_list div {
  flex: 1;
}
.sp.o_shop_set .mall_category_list dl {
  margin-bottom: 0;
}
.o_shop_set .mall_category_list dt {
  font-weight: bold;
  margin: 8px 0 4px 0;
  text-decoration: underline;
}
.o_shop_set .mall_category_list dd {
  margin-left: 1em;
}

/** 支払方法一覧 **/
.pc.o_payment_list .row {
  grid-template-columns: 5rem 4rem minmax(min-content, 1fr) 9rem;
}
.pc.o_payment_list .pc_row_nest {
  grid-template-columns: minmax(22rem, 25rem) minmax(20rem, 1fr) 7rem;
}
.sp.o_payment_list .row {
  grid-template-columns: 4em 1fr 5.5em;
}
.o_payment_list .payment_input{
  width:95%;
}

/** 支払方法設定 **/
/* 決済手数料 */
.o_payment_set .fee_table .horizontal {
  justify-content: space-between;
}
/* イージーペイメントお申込み内容 */
.o_payment_set .easy_pay_application_info {
  margin-left: 15px;
}
/* コンビニ決済手数料表 */
.o_payment_set .conveni_fee_table>tbody>tr>td:first-child {
  text-align: right;
}
.o_payment_set .conveni_fee_table>thead>tr>td,
.o_payment_set .conveni_fee_table>tbody>tr>td:last-child {
  text-align: center;
}

/** 配送方法一覧 **/
/* 共通設定 */
.sp.o_transport_list .select_set {
  margin-bottom: 20px;
}
/* 基本送料 */
.pc.o_transport_list .transport .row {
  grid-template-columns: 4rem 1fr minmax(7rem, auto);
}
.pc.o_transport_list .transport .pc_row_nest {
  grid-template-columns: minmax(20rem, 1fr) minmax(10rem, 17rem) minmax(4rem, 7rem);
}
.pc.o_transport_list .transport .shipping .pc_row_nest {
  grid-template-columns: 5rem minmax(20rem, 1fr) minmax(10rem, 17rem) minmax(4rem, 7rem);
}
.pc.o_transport_list .transport .shippind_auto .pc_row_nest {
  grid-template-columns: minmax(20rem, 1fr) minmax(10rem, 17rem) minmax(4rem, 7rem);
}
.sp.o_transport_list .transport .row {
  grid-template-columns: 4rem 1fr 2rem;
}
.pc.o_transport_list .trans_name_area {
  align-items: end;
}
/* 例外送料 */
.pc.o_transport_list .postage .row {
  grid-template-columns: 4rem 1fr minmax(4rem, 7rem);
}
.pc.o_transport_list .postage .pc_row_nest {
  grid-template-columns: minmax(20rem, 1fr) minmax(10rem, 17rem) minmax(4rem, 7rem);
}
.sp.o_transport_list .postage .row {
  grid-template-columns: 4rem 1fr 2rem;
}

/** 配送方法設定 **/
/* 配達時間帯指定 */
.pc.o_transport_set .spec_time_table {
  width: 700px;
}
.pc.o_transport_set .spec_time_table.disp_delivery_time {
  width: 1100px;
}
.pc.o_transport_set .spec_time_table .row_header {
  text-align: left;
}
.pc.o_transport_set .spec_time_table .row_out {
  display: grid;
  grid-template-columns: 2rem 1fr 3.5rem;
}
.pc.o_transport_set .spec_time_table .pc_row_nest {
  grid-template-columns: minmax(11rem, 1fr) 15rem minmax(11rem, 1fr);
}
.pc.o_transport_set .spec_time_table .pc_row_nest.spec_time_img_none {
  grid-template-columns: 1fr 1fr;
}
.pc.o_transport_set .spec_time_table.disp_delivery_time .pc_row_nest {
  grid-template-columns: minmax(11rem, 1fr) 29rem 15rem minmax(11rem, 1fr);
}
.pc.o_transport_set .spec_time_table.disp_delivery_time .pc_row_nest.spec_time_img_none {
  grid-template-columns: 1fr 2fr 1fr;
}
.sp.o_transport_set .spec_time_table .row {
  grid-template-columns: 2.3em 1fr 3rem;
}
.pc.o_transport_set .spec_time_area {
  width: 100%;
}
.pc.o_transport_set .spec_time_today_area {
  display: grid;
  gap: 4px;
  grid-template-columns: 10rem auto;
}
.pc.o_transport_set .row_header .spec_time_today_area {
  padding-top: 0.8rem;
  border-top: var(--tbl_border);
}
.pc.o_transport_set .spec_time_ttl_header {
  padding-bottom: 0.8rem;
}
.spec_time_img_area img {
  max-width: 120px;
  max-height: 46px;
  border: 1px solid #d1e1ed;
  vertical-align: middle;
}
/* 郵便番号設定 */
.o_transport_set .zip_set_table .row {
  grid-template-columns: 2rem 1fr 3rem;
}
.pc.o_transport_set .zip_set_table .pc_row_nest {
  grid-template-columns: 16rem minmax(13rem, auto) 14rem;
}
.sp.o_transport_set .zip_set_table .row {
  margin-top: 10px;
  padding: 10px 5px;
}
.o_transport_set .zip_set_table .row .td_click {
  display: flex;
  align-self: stretch;
  align-items: center;
}
.sp.o_transport_set .zip_set_table .zip_range_detail {
  border-left: var(--tbl_border);
  padding-left: 7px;
}
.o_transport_set .zip_postage_set {
  align-items: flex-start;
}
.o_transport_set .zip_code_table_area {
  overflow-y: auto;
  max-height: 400px;
}
.o_transport_set .zip_code_table_area .row_header {
  position: sticky;
  top:0;
}
.zip_code_buttons{
  margin: 10px 0;
}
.zip_code_buttons input{
  margin-right: 6px;
}

/* 郵便番号一括指定 */
.o_transport_set .zip_code_bulk {
  resize: vertical;
  min-height: 100px;
}
/* 配達日指定の詳細設定 */
.sp.o_transport_set .detail_setting {
  padding: 4px 0 8px;
  border-bottom: var(--tbl_border);
}
/* 配達不可地区等 */
.o_transport_set .specify_date_pref{
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* 送料計算方法の説明 */
.postage_set_em {
  margin-left: 15px;
  padding: 0.5em 1em;
  border: var(--border);
  background-color: #f7f7f7;
}
/* 都道府県テーブル */
.sp.o_transport_set .pref_set_table .cell_ttl {
  font-size: var(--font_size_std);
}
.o_transport_set .pref_set_table .row {
  padding-top: 15px;
  padding-bottom: 15px;
}
/* 都道府県送料テーブル */
.o_transport_set .postage_set_table .row {
  padding-top: 5px;
  padding-bottom: 5px;
}
.sp.o_transport_set .postage_set_table .row,
.sp.o_transport_set .pref_delivery_date_table .row,
.sp.o_transport_set .pref_set_table .row {
  padding-right: 0;
  padding-left: 0;
  border-bottom: none;
}
.sp.o_transport_set .postage_set_table .cell_ttl,
.sp.o_transport_set .pref_delivery_date_table .cell_ttl,
.sp.o_transport_set .pref_set_table .cell_ttl {
  padding: 8px;
  background: var(--background_color_gray);
}
.o_transport_set .pref_set_detail {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 870px;
}
.pc.o_transport_set .pref_set_detail {
  gap: 10px 15px;
}
.sp.o_transport_set .pref_set_detail {
  gap: 10px 8px;
}

/* 商品金額別送料の設定テーブル */
.o_transport_set .postage_table .horizontal {
  justify-content: space-between;
}
/* 初期設定後のページ内リンク位置調整 */
.pc.o_transport_set .anchor_point{
  position: absolute;
  margin-top: -70px;
  padding-top: 70px;
  pointer-events: none;
  z-index: -1;
}

/** メールテンプレート一覧 **/
/* 新規テンプレート追加エリア */
.o_mailtemp_list .add_new_mailtemp_area {
  padding: 12px;
}
.o_mailtemp_list .add_new_mailtemp {
  display: grid;
  grid-template-columns: 1fr 2rem;
  align-items: center;
  text-align: center;
  margin: 10px 0;
  padding: 0.5rem;
  /*  color: #fff;*/
  background: #fff;
  /*border-radius: var(--sp_block_radius);*/
  border-radius: 8px;
}
/* 共通 */
.pc.o_mailtemp_list .list_table .row {
  grid-template-columns: 1fr 8rem;
}
.pc.o_mailtemp_list .list_table .join_cell {
  grid-template-columns: 1fr;
}
.pc.o_mailtemp_list .list_table .pc_row_nest {
  grid-template-columns: 15rem 7rem 1fr;
}
.sp.o_mailtemp_list .list_table .row {
  grid-template-columns: 1fr 2rem;
  margin: 1px;
}
.sp.o_mailtemp_list .list_table .send_icon_cell {
  padding-bottom: 0.5rem;
}
.sp.o_mailtemp_list:not(.generic_mailtemp) .cell_border_top {
  border-top: var(--tbl_border);
}
/* 注文 */
.pc.o_mailtemp_list .list_table .row_out {
  display: grid;
  grid-template-columns: 15rem 1fr;
  align-items: center;
}
.pc.o_mailtemp_list .list_table .pc_mail_kind {
  display: flex;
  align-items: center;
  height: 100%;
  border-bottom: var(--tbl_border);
}
/* 汎用 */
.sp.o_mailtemp_list .list_table .generic_mailtemp_ttl {
  font-size: var(--font_size_sub);
  font-weight: normal;
  margin-right: 0.5em;
}
.sp.o_mailtemp_list .list_table .generic_mailtemp .send_icon_cell {
  display: none;
}
/* メールコメント */
.pc.o_mailtemp_list .list_table.mail_comment_list .row {
  grid-template-columns: auto 1fr auto;
}
.pc.o_mailtemp_list .list_table.mail_comment_list .join_cell {
  grid-template-columns: 1fr;
}
.sp.o_mailtemp_list .list_table.mail_comment_list .row {
  grid-template-columns: auto 1fr 2em;
}

/** ショートカット一覧 **/
.pc.o_shortcut_list .row,
.sp.o_shortcut_list .row {
  grid-template-columns: auto 1fr;
}


/** クレカ 不正注文の注意 **/
.paragraph_list {
  margin: 15px 0;
}
.paragraph_list >dt {
  margin-top: 20px;
  font-weight: bold;
  border-bottom: solid 1px;
}
.paragraph_list >dt:before {
  content: "■";
  font-size: 0.8em;
}
.paragraph_list >dd {
  margin: 10px;
  padding: 0;
}


/** モール申請ダイアログ **/
.mall_img_div img,
.mall_ogp_logo_div img {
  max-width: 60px;
  max-height: 60px;
}
.mall_second_logo_div {
  width: 60px;
  height: 60px;
  display:inline-block;
  background-size: cover;
  background-position-x: 50%;
  background-position-y: 50%;
  border-radius: 50%;
}
/* モール出店FAQ */
.mall_faq {
  margin: 0;
}
.mall_faq dt {
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}
.mall_faq dd {
  margin-bottom: 2ex;
}
/* 画像加工についてのダイアログ */
.img_pro_val {
  margin: 0 5px;
}
.img_processing_ul {
  list-style: none;
}
.img_processing_ul > li {
  margin-bottom: 2ex;
}
.img_pro_ttl {
  font-weight: bold;
}
.img_pro_img {
  max-width: 600px;
  position: relative;
  display: flex;
}
.img_pro_img.single {
  max-width: 300px;
}
.img_pro_img:not(.single) .img_pro_val {
  width: 50%;
}
.img_pro_img .img_pro_val img {
  width: 100%;
  margin: 0 5px;
}
/* TODO いらんくない？ */
.mall_shop_comment_text_area {
  max-width: 600px;
}
/** モールで表示される情報についてのダイアログ **/
.mall_guide_main dt {
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}
.mall_guide_main dd {
  margin-bottom: 2em;
}
.guide_number {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #619ced;
  border: #619CEC 1.5px solid;
  border-radius: 50%;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
}
.guide_title {
  margin-left: 1ex;
}


/** 複数画面 **/
/** クレカ カードブランド **/
.card_brand {
  display: inline-block;
  vertical-align: bottom;
  margin: 0px 0 -3px 5px;
}
.card_brand img {
  max-height: 20px;
}
.card_brand_visa img {
  max-height: 12px;
  margin-bottom: 3px;
}


/***** 一時的なもの *****/
/* 期間限定キャンページバナー */
.open_campaign_block {
  margin-bottom: -20px;
}
.open_campaign_banner {
  width:250px;
  margin: 5px 0 -20px 30px;
}
.open_campaign_block img,
.open_campaign_banner img {
  width: 100%;
}
.open_campaign_banner_close {
  position: relative;
  color: var(--font_color);
  background: radial-gradient(circle at center, #FFF 50%, transparent 51%);
}
.open_campaign_block.open_campaign_banner_202511 .open_campaign_banner_close {
  font-size: 24px;
  left: 490px;
  top: -150px;
}
.open_campaign_banner.open_campaign_banner_202511 .open_campaign_banner_close {
  font-size: 22px;
  left: 240px;
  top: -85px;
}
.open_campaign_block.open_campaign_banner_202601 .open_campaign_banner_close {
  font-size: 24px;
  left: 490px;
  top: -170px;
}
.open_campaign_banner.open_campaign_banner_202601 .open_campaign_banner_close {
  font-size: 22px;
  left: 240px;
  top: -93px;
}


/****** 調整必要 ******/
/** 画像選択ダイアログ **/
div.Resource_Space_Div,
div.Item_Descripotion_Space_Div {
  width:100%;
  height:40px;
}
div.Resource_Foot_Div,
div.Item_Descripotion_Foot_Div {
  position:fixed;
  bottom:0px;
  left:0px;
  width:100%;
  height:40px;
  background-color:#FFFFFF;
  text-align: center;
  padding-top: 5px;
}

table.width_space,
div.width_space {
  width:97%;
}
.select_input {
  width:60%;
}


/** 共通会員の検索欄のタブ **/
/*div.search_tab_content{
  margin: 0;
  padding: 10px;
  border: 1px #D6D8DA solid;
  background: border-box;
}*/