@charset "Shift_JIS";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size: 14px;
    vertical-align:baseline;
    background:transparent;
}

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body {
    font-family:  "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN",'Noto Sans Japanese', sans-serif;
    line-height:1;
    -webkit-text-size-adjust: 100%;
}

.wrapper_.order-h_ {
    margin-top: 0;
}
input[type="submit"],
input[type="button"],
input[type="number"],
input[type="tel"],
input[type="text"] {
-webkit-appearance : none ;
}

input[type="tel"] {
    font-size: 15px !important;
}
.cartlist_ input[type="tel"] {
    font-size: 18px !important;
}

.order-h_ .efo input[type="text"] {
    padding-right: 30px !important;
    width: calc(100% - 42px) !important;
}

input {
    outline: none;
}

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

ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted inherit;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

small {
    font-size: 12px;
}

input, select {
    vertical-align:middle;
    margin:0px;
}

/* 共通 */

body {
    color:#404040;
    background:#ffffff;
    font-size: 14px;
    line-height:1.5;
    font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    min-width: 320px;
}
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body {
    font-family:  "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN",'Noto Sans Japanese', sans-serif;
}

body.app_view {
    padding-top: 0;
}
body.app_view.app_qr_goods_{
    background: transparent;
}
header.fixed_ + #menuWrap + .wrapper_ {
    margin-top: 90px;
}

input[type=text], input[type=number], input[type=password], input[type=email], input[type=tel], textarea, select{
    border:1px solid #959595;
    min-height:20px;
    line-height: 1.4;
    max-width:90%;
}

textarea {
    font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1em;
    padding: 1px;
    border:1px solid #959595;
    border-radius:5px
}
.goods_remarks_ textarea {
    max-width: 100%;
    width: 100%;
    padding: 5px 10px;
    box-sizing: border-box;
    border: 1px solid #aaa;
}

input[type=text], input[type=number], input[type=password], input[type=email], input[type=tel]{
    height:1.0em;
    padding:0.6em;
    margin: 5px 0;
    border:1px solid #aaaaaa;
    border-radius:5px;
    font-size: 14px;
}

.order-h_ input[type=text], input[type=number], input[type=password], input[type=email], input[type=tel]{
    margin: 0;
}


input[type="text"]:focus ,input[type="number"]:focus ,input[type="password"]:focus ,input[type="email"]:focus ,input[type="tel"]:focus {
    border:solid 1px #EEA34A;
}

input::-webkit-input-placeholder {
    color:    #666;
}

select {
    position: relative;
    font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-radius:5px;
    height: 28px;
    line-height: 1.4;
}
.order-h_ select {
    -webkit-appearance: none;
    background-image: url(../img/usr/sb/select_arrow.png);
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 6px;
}

a, a:link, a:visited {
    text-decoration: underline;
    color: #00377F;
}

/* 文字サイズ */
.large_ {
    font-size: 15px;
}
.xlarge_ {
    font-size: 18px;
}
.small_ {
    font-size: 12px;
}
.msmall_ {
    font-size: 11px;
}
.xsmall_ {
    font-size: 10px;
}
/*レイアウト調整*/

.leftfloat_ {
    float: left;
}
.rightfloat_ {
    float: left;
}
.clear_ {
    clear: both!important;
}
.lefttext_ {
    text-align: left;
}
.righttext_ {
    text-align: right;
}
.centertext_ {
    text-align: center;
}
.no_border_t{
    border-top:none !important;
}
.no_border_b{
    border-bottom:none !important;
}
.no_border_l{
    border-left:none !important;
}
.no_border_r{
    border-right:none !important;
}
.padding_all00_{
    padding: 0px !important;
}
.p10{
    padding: 10px;
}
/* 特定メッセージ（インライン） */
.error_ {
    color:#CC0000;
    font-size: 14px;
}
.notice_ {
    color:#993300;
}
.info_ {
    font-weight:bold;
}
p.info_ {
  color: #333;
}
.cartlist_ p.info_ {
    color: #003CAD;
    font-weight: normal;
}
.cartlist_ div.info_ {
    border: none;
    padding: 0;
    margin: 0;
    background: transparent;
}
.cartlist_ div.info_ p.message {
    color: #CC0000;
}
p#text,
p.error_,
p.info_,
p.message{
  margin-bottom: 20px;
  padding: 0 10px;
}
.cartlist_ p.error_,
.cartlist_ p.info_,
.cartlist_ p.message {
    margin-bottom: 7px;
}
.order-h_ .delivery_detail_ #method_post .post-office_list_ p.error_ {
    margin-bottom: 0;
}
p.message a{
  color: #0072B9;
  text-decoration: none;
}
form .message a:link,a:visited{
	text-decoration: underline;
}
/**/

/* 特定メッセージ（ブロック） */
div.error_, table.error_ {
    background-color:#ffffff;
    border:solid 1px #ff5500;
    padding:4px;
    margin:4px 0;
}
.order-h_ div.error_, .order-h_ table.error_ {
    background-color:#ffffff;
    border: none;
    background: transparent;
    padding:4px;
    margin: 0 10px;
}
div.notice_, table.notice_ {
    background-color:#ffffff;
    border:solid 1px #996666;
    padding:4px;
    margin:4px 0;
}
div.info_, table.info_ {
    background-color:#ffffff;
    border:solid 1px #666666;
    padding:4px;
    margin:4px 0;
}
ul.error_ {
    margin-left: 16px;
}
.box_ {
    padding: 0 10px 10px;
}
/**/

.message_ {
    padding: 0 10px 10px;
    font-size: 15px;
    color: #333;
    line-height: 1.333;
}

/* 入力フォーム */
.hidden_ {
    display: none;
}
li.title_ {
    background-color: #e5f3ff;
    border-left: 5px solid #e5f3ff;
    padding: 1px 10px;
    margin-top: 3px;
}

.input_must_ input, .input_must_ textarea, .input_must_ select {
    background-color: #ffebeb;
}

li.must_ {
    border-left: 5px solid #ff6666;
}

span.must_ {
    color: #ffc0cb;
    background-color: #ffc0cb;
    padding: 0 2px;
}

.hiddenEnter_ {
  display: block;
    width:0;
    height:0;
}

.classrequired {
    background: rgba(209,0,0,0.09);
}

div[class^="order_"] input.classrequired {
    background: rgba(209,0,0,0.09) !important;
    border: 1px solid #d10000;
}

.classerror {
    background: #ffeeee;
}

/**/

.efo_icon_ {
    vertical-align: middle;
}
.wrapper_.order-h_ .efo_icon_,
.wrapper_.custdest_ .efo_icon_ {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
    margin: auto;
    width: 20px;
    height: 20px;
}



/* ボタン */
.button_ {
    color: #fff;
}

.large_button_ {
    width: 100%;
    font-size: 16px;
    text-align: center;
    margin:5px 0;
    padding: 5px 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-box-shadow: 0 1px 2px #999;
    -webkit-box-shadow: 0 1px 2px #999;
    box-shadow: 0 1px 2px #999;
}
.order_ .submit_.button-area_ input.button_.large_button_.yellow_button_ {
    margin: 5px auto;
}
.large_button_s_ {
    width: 100%;
    font-size: 14px;
    text-align: center;
    margin:5px 0;
    padding: 7px 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-box-shadow: 0 1px 2px #999;
    -webkit-box-shadow: 0 1px 2px #999;
    box-shadow: 0 1px 2px #999;
}

.small_button_ {
    font-size: 14px;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 2px #999;
    -webkit-box-shadow: 0 1px 2px #999;
    box-shadow: 0 1px 2px #999;
}

.auto_small_button_ {
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.disable_button_ {
    -moz-appearance: none;
    border: medium none;
    border-radius: 2px;
    box-shadow: none;
    /*font-size: 17px;*/
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    margin: 0;
    padding: 0;
    text-shadow: none;
    width: 100%;
    height: 50px;
    background: #999999 !important;
}

.orange_button_ {
    -moz-appearance: none;
    border: medium none;
    border-radius: 2px;
    box-shadow: none;
    font-size: 17px;
    font-weight: bold;
    height: 40px;
    margin: 0;
    padding: 0;
    text-shadow: none;
    width: 100%;
    background: #ff6600;
       height: 50px;
}
.orange_button_:disabled {
    -moz-appearance: none;
    border: medium none;
    border-radius: 2px;
    box-shadow: none;
    font-size: 17px;
    font-weight: bold;
    height: 40px;
    margin: 0;
    padding: 0;
    text-shadow: none;
    width: 100%;
    background: #cccccc;
       height: 50px;
}
.orange_button02_ {
    -moz-text-shadow: 0 0 0 #ff8000;
    -webkit-text-shadow: 0 0 0 #ff8000;
    text-shadow: 0 0 0 #ff8000;
    background: #FF6A00 -moz-linear-gradient(top,#fef8ee,#fce2b6);
    background: #FF6A00 -webkit-gradient(linear,left top,left bottom,from(#fef8ee),to(#fce2b6));
    background: #FF6A00 linear-gradient(top,#fef8ee,#fce2b6);
    border: 1px solid #ff8000;
    color: #ff8000;
}
.blue_button_ {
    -moz-text-shadow: 0 -1px 1px #003381;
    -webkit-text-shadow: 0 -1px 1px #003381;
    text-shadow: 0 -1px 1px #003381;
    background: #003381 -moz-linear-gradient(top,#006AB8,#003381);
    background: #003381 -webkit-gradient(linear,left top,left bottom,from(#006AB8),to(#003381));
    background: #003381 linear-gradient(top,#006AB8,#003381);
    border: 2px solid #006AB8;
}

.green_button_ {
    background: #40a956 -moz-linear-gradient(top,#9ce2a9,#40a956);
    background: #40a956 -webkit-gradient(linear,left top,left bottom,from(#9ce2a9),to(#40a956));
}

.green_button02_ {
    background: #338800;
}

.gray_button_ {
    background: #9b9b9b -moz-linear-gradient(top,#9b9b9b,#9b9b9b);
    background: #9b9b9b -webkit-gradient(linear,left top,left bottom,from(#9b9b9b),to(#9b9b9b));
    border: 1px solid #cccccc;
}

.black_button_ {
    background-color:#000;
    background: -moz-linear-gradient(top,#999,#000);
    background: -webkit-gradient(linear,left top,left bottom,from(#999),to(#000));
    border: 1px solid #000;
}
#accordion_close_btn{
    width: 90%;
    margin: 10px auto 0;
}
/*
.角丸長方形_5 {
  border-style: solid;
  border-width: 2px;
  border-color: rgb(30, 30, 30);
  border-radius: 6px;
  background-image: -moz-linear-gradient( 90deg, rgb(50,50,50) 0%, rgb(30,30,30) 35%, rgb(110,110,110) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(50,50,50) 0%, rgb(30,30,30) 35%, rgb(110,110,110) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(50,50,50) 0%, rgb(30,30,30) 35%, rgb(110,110,110) 100%);
  position: absolute;
  left: 20px;
  top: 3456px;
  width: 596px;
  height: 76px;
  z-index: 116;
}
*/
/**/

.sub_action_button_ {
    -moz-text-shadow:none;
    -webkit-text-shadow:none;
    text-shadow:none;
    background: #dcdcdc;
    border:none;
    border-bottom: 2px solid #AAAAAA;
    color:#666666;
}
.sub_action_button_.small_button_ {
    -moz-text-shadow:none;
    -webkit-text-shadow:none;
    text-shadow:none;
    background: #666666;
    border:none;
    color:#ffffff;
}
#order_back.sub_action_button_ {
    -moz-text-shadow:none;
    -webkit-text-shadow:none;
    text-shadow:none;
    text-decoration:underline;
    font-size:12px;
    background:#FFF;
    border:none;
    border-bottom:none;
    color:#666666;
}

.common_headline1_,
.goods_name_,
.category_name_ {
    padding: 15px 10px;
    color: #333;
    font-size: 17px;
    font-weight: normal;
    line-height: 1;
    border-top: 3px solid #CD0000;
    background: #FFFEF4;
    text-align: left;
}
.common_headline1_,
.common_headline1_entry_,
.topic-list .topic_head_ {
    padding: 15px 10px 3px;
    color: #000;
    font-size: 15px;
    font-weight: bold;
    border-top: none;
    background: none;
}
.page-search .common_headline1_ {
	float: left;
	font-size: 20px;
	padding: 25px 10px 0;
	width: 100px;
	box-sizing: border-box;
}
.common_headline1_ + p,
.common_headline1_ + div.message_,
.category_name_ + .message_,
.common_headline1_ + div.box_,
.common_headline1_ + div.top_comment_ > p,
.common_headline1_ + div.passchange_ > div.message_,
.common_headline1_ + div.withdrawal_ > div.message_ {
    margin-top: 10px;
}
#netshop .common_headline1_,
#netshop .goods_name_,
#netshop .category_name_ {
    border-top: 3px solid #FFA70E;
}
#drugstore .common_headline1_,
#drugstore .goods_name_,
#drugstore .category_name_ {
    border-top: 3px solid #EC6D81;
}

.common_headline2_ {
    padding: 7px;
    color: #333;
    font-size: 17px;
    font-weight: normal;
    line-height: 1;
    border-top: 3px solid #CD0000;
    background: #FFFEF4;
    text-align: left;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.order_gift_ .common_headline2_.icon_pencil_ {
    background: #dedede url(../img/usr/icon/pencil2.png) 10px center no-repeat /26px;
}
.common_headline3_ {
    margin-bottom: 5px;
    padding: 5px;
    background: #F0F0F0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.common_headline4_ {
    padding-top:1em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* 価格表示 */
.price_pop_ {
    color:#CC0000;
    font-size: 12px;
}
.price_ {
    color:#CC0000;
    font-size: 18px;
}

/* --------------------------------------------------------------------
    共通ヘッダー
-------------------------------------------------------------------- */
header {
    width: 100%;
    height: 100px;
    background: #F2F2F2;
}
.page-category header,
.page-genre header,
.page-search header {
	position: relative;
	z-index: 161;
}
.page-category header.showSearchPanel,
.page-genre header.showSearchPanel,
.page-search header.showSearchPanel {
	position: static;
}
header.fixed {
  display: none;
  height: 0px;
  transition-delay: 0.5s ease;
  -moz-transition-delay:0.5s;
  -webkit-transition-delay:1.5s;
  -o-transition-delay:0.5s;
  -ms-transition-delay:0.5s;
}
/* --------------------------------------------------------------------
    購入フローヘッダー
-------------------------------------------------------------------- */
header.order-header_{
  width: 100%;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* --------------------------------------------------------------------
    カテゴリメニュー
-------------------------------------------------------------------- */
#categorymenuWrap{
    font-size: 15px;
    font-weight: bold;
}
#categorymenuWrap ul {
    background: #ffffff;
    margin: 0 10px 15px;
}
#categorymenuWrap ul li {
    background: url(../img/usr/sp/menu_arrow2.png) no-repeat right 17px center;
    background-size: 8px 14px;
    border-bottom: 1px solid #dddddd;
}
#categorymenuWrap ul li a {
    text-decoration: none;
    color: #000000;
    display: block;
    padding: 14px 17px;
}
#categorymenuWrap ul li:last-child {
    border-bottom: none;
}
#categorymenuWrap h1 {
  background: rgba(0, 0, 0, 0);
  border-top: medium none;
  color: #000;
  font-size: 15px;
  font-weight: bold;
  padding: 13px 10px 10px 10px;
  border-bottom: 3px solid #cd0000;
}
#categorymenuWrap h2 {
    color: #ffffff;
    background: #666666;
    padding: 10px 17px;
    margin: 10px 10px 0;
}
#categorymenuWrap h2 a{
    color: #fff;
    text-decoration: none;
}

/* --------------------------------------------------------------------
    グローバルメニュー
-------------------------------------------------------------------- */
#globalmenu {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #F2F2F2;
  display: flex;
  z-index: 10;
  transition: .3s ease;
}
#globalmenu.hide {
  bottom: -50px;
}
#globalmenu li {
  width: 20%;
  text-align: center;
}
#globalmenu li a,
#globalmenu #headerSearch,
#globalmenu #menuBtn {
  position: relative;
  display: block;
  text-decoration: none;
  line-height: 0;
  padding: 10px 0 4px;
}
#globalmenu li.home img {
  width: 24px;
}
#globalmenu li.search img {
    width: 20px;
}
#globalmenu li.login img {
  width: 32px;
}
#globalmenu li.mypage img {
  width: 40px;
}
#globalmenu li.cart_ img {
  width: 24px;
}
#globalmenu li.menu img {
  width: 32px;
  margin: 2px 0 0;
}
#globalmenu #jscart_replace_ {
  position: absolute;
  top: 5px;
  right: 23%;
  background: #c00;
  color: #fff;
  font-size: 10px;
  line-height: 15px;
  min-width: 15px;
  height: 15px;
  border-radius: 50%;
}

.header_category_ {
  /* overflow-y: scroll;
  margin-top: -1px; */
}

.header_category_ ul {
  display: inline-block;
  white-space: nowrap;
  padding: 0 20px;
}
.header_category_ li {
  display: inline-block;
  margin: 0 30px 0 0;
}
.header_category_ li:last-child {
  margin: 0;
}
.header_category_ li a {
  display: inline-block;
  color: #333;
  /* font-size: 11px; */
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  padding: 15px 0;
  padding-bottom: 8px;
}

/*=========
??scrollbar
=========*/

.header_category_ {
  background-color: #ffffff;
  /* padding: 0 0 20px 0; */
  overflow-x: scroll;
  -ms-overflow-style: none;
  /* IE, Edge ?? */
  scrollbar-width: none;
  /* Firefox ?? */
  position: relative;
}
.top_customer_menu.login{
  scrollbar-width: none;
  position: relative;
  border: none;
  padding-bottom: calc(20 * (100vw / 375)) !important;
}

.top_customer_menu.login .simplebar-content{
  padding: 0;
}
.top_customer_menu.login::before{
  content: '';
  display: block;
  width: 100%;
  height: 5px;
  background: #F2F2F2;
  position: absolute;
  left: 0;
  bottom: 0;
}
.simplebar-content-wrapper::-webkit-scrollbar,
.header_category_::-webkit-scrollbar {
  /* Chrome, Safari ?? */
  display: none!important;
}
.simplebar-placeholder{
  /* height:0; */
  display: none;
}
.simplebar-scrollbar::before {
  content: '';
  display: block;
  background: #c0c0c0;
  border-radius: 0;
  height: calc(5 * (100vw / 375)) !important;
  border-radius: calc(5 * (100vw / 375)) !important;
  margin-left:  calc(2 * (100vw / 375));
  /* margin-top: 3px; */
}


.simplebar-track.simplebar-horizontal{
  width: calc(365 * (100vw / 375)) !important;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  pointer-events: none;
}
.top_customer_menu.login .simplebar-track.simplebar-horizontal{
  bottom: 5px;
}
.simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}
.simplebar-track {
  background: none;
  /* height: 15px !important; */
}

#searchPanel {
    position: fixed;
    top: 0;
    display: none;
    width: 100%;
    background-color: #fff;
    height: 100vh;
    overflow-y: auto;
    transition: .3s ease;
    z-index: 160;
}
#searchPanel .search_area {
  padding: 15px 0 15px 20px;
  text-align: right;
}
#searchPanel .search_area .search_wrap {
  width: 100%;
}
#searchPanel .close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 36px;
}
#searchPanel .close img {
  width: 16px;
}
#searchPanel .bl_npSuggestContainerSp {
  position: static;
  width: 110%;
}
#searchPanel .bl_npSuggestContainerSp_searchboxComponent {
  margin: 0;
}
#searchPanel .bl_npSuggestHistoryList {
  border-bottom: 0;
}
#searchPanel .bl_npSuggestHistoryList_header,
#searchPanel .bl_npSuggestRankingList_header {
  font-size: 12px;
  padding: 7px 20px;
}
#searchPanel .bl_npSuggestHistoryList_body,
#searchPanel .bl_npSuggestRankingList_body {
  padding: 0;
}
#searchPanel .bl_npSuggestHistoryList_item {
  padding-right: 20px;
  height: 50px;
}
#searchPanel .bl_npSuggestContainerSp .bl_npSuggestHistoryList_keyword {
  color: #005FE2;
  font-size: 14px;
}
#searchPanel .bl_npSuggestHistoryList_label {
    width: 20px;
  margin: 0;
}
#searchPanel .bl_npSuggestHistoryList_label > *:first-child {
  margin-left: 0;
}
#searchPanel .el_npSuggestCrossBtn {
  width: 18px;
  height: 18px;
  padding: 0;
}
#searchPanel .el_npSuggestCrossBtn::before,
#searchPanel .el_npSuggestCrossBtn::after {
  background-color: #fff;
}
#searchPanel .bl_npSuggestRankingList_item {
  position: relative;
  padding: 4px 20px 3px 15px;
}
#searchPanel .bl_npSuggestRankingList_item:after {
  content: '';
  position: absolute;
  top: 21px;
  right: 28px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  transform: rotate(-45deg);
}
#searchPanel .el_npSuggestCrownIcon,
#searchPanel .bl_npSuggestRankingList_icon {
  color: #333;
  font-size :14px;
  font-weight: normal;
}
#searchPanel .bl_npSuggestRankingList_label {
  margin-right: 10px;
}
#searchPanel .bl_npSuggestContainerSp .bl_npSuggestRankingList_keyword {
  font-size: 14px;
}

div[data-menuwrap="mask"] {
  /* opacity: .5 !important; */
}
#menuWrap {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    display: none;
}
#menuWrap .inner {
    position: relative;
    height: 100%;
    overflow-y: auto;
}
#menuWrap #menuBtnClose {
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F2F2F2;
    z-index: 1;
}
#menuWrap #menuBtnClose img {
    width: 19px;
}
#menuWrap .inner #welcomeMessage,
#menuWrap .nav_list .headline {
    font-size: 12px;
    font-weight: bold;
    padding: 14px 15px;
    border-bottom: 1px solid #DDD;
    background: #F2F2F2;
}
#menuWrap .inner #welcomeMessage2 {
    font-size: 14px;
    padding: 8px 17px 6px;
}
#menuWrap .inner #welcomeMessage span.login_m {
    float: right;
    font-size: 11px;
    line-height: 21px;
}
#menuWrap .inner #welcomeMessage span.login_m a {
    color: #333;
}
#menuWrap .inner #welcomeMessage span {
    font-size: 15px;
}
#menuWrap .inner #welcomeMessage span.point {
    font-weight: bold;
    font-size: 18px;
}
#menuWrap .inner nav {
    font-size: 15px;
    padding-bottom: 15px;
}
#menuWrap .inner nav ul li {
    /*background: url(../img/usr/sp/menu_arrow2.png) no-repeat right 17px center;*/
    background-size: 8px 14px;
    border-bottom: 1px solid #dddddd;
}
#menuWrap .inner nav ul li.point {
    padding: 14px 17px;
    font-size: 12px;
}
#menuWrap .inner nav ul li.point span {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 0 2px 0 10px;
}
#menuWrap .inner nav ul li.point span.limited {
  font-size: 16px;
  font-weight: normal;
}
#menuWrap #nav_search_store ul {
  display: none;
}
#menuWrap #nav_search_store li {
  border: 0;
  padding-left: 28px;
}
#menuWrap .inner nav ul li a,
#menuWrap .inner nav ul li span.btn_search_store {
    position: relative;
    text-decoration: none;
    color: #000000;
    display: block;
    padding: 14px 17px;
}
#menuWrap .inner nav ul li a:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 16px;
    width: 6px;
    height: 6px;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    transform: rotate(-45deg);
}
#menuWrap .inner nav ul li span.btn_search_store:before,
#menuWrap .inner nav ul li span.btn_search_store:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 14px;
    width: 9px;
    height: 1px;
    background: #666;
}
#menuWrap .inner nav ul li span.btn_search_store:after {
    transform: rotate(90deg);
}
#menuWrap .inner nav ul li span.btn_search_store.open:after {
    opacity: 0;
}
#menuWrap .inner nav .nav_store {
  position: fixed;
  top: 0;
  left: -100%;
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 200;
  transition: .3s ease;
}
#menuWrap .inner nav .nav_store.show {
  left: 0;
}
#menuWrap .inner nav .nav_store .head {
  border-bottom: 1px solid #DDD;
}
#menuWrap .inner nav .nav_store .head .back_main {
  position: relative;
  padding: 18px 32px 15px;
}
#menuWrap .inner nav .nav_store .head .back_main:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 17px;
  margin: auto;
  width: 6px;
  height: 6px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  transform: rotate(135deg);
}
#menuWrap .inner nav ul li.mypage {
    background: url(../img/usr/sp/menu/nav02.png) no-repeat 5px 10px;
    background-size: 30px;
    padding-left: 40px;
}
#menuWrap .inner nav ul li.history01 {
    background: url(../img/usr/sp/menu/nav06.png) no-repeat 5px 10px;
    background-size: 30px;
    padding-left: 40px;
}
#menuWrap .inner nav ul li.bookmark {
    background: url(../img/usr/sp/menu/nav17.png) no-repeat 5px 10px;
    background-size: 30px;
    padding-left: 40px;
}

#menuWrap .inner nav ul li.netshop {
    background: url(../img/usr/sp/menu/nav01.png) no-repeat 5px 10px;
    background-size: 30px;
    padding-left: 40px;
}
#menuWrap .inner nav ul li.gift {
    background: url(../img/usr/sp/menu/nav13.png) no-repeat 5px 10px;
    background-size: 30px;
    padding-left: 40px;
}
#menuWrap .inner nav ul li.stamp {
    background: url(../img/usr/sp/menu/nav10.png) no-repeat 5px 10px;
    background-size: 30px;
    padding-left: 40px;
}
#menuWrap .inner nav ul li.drug {
    background: url(../img/usr/sp/menu/nav12.png) no-repeat 5px 10px;
    background-size: 30px;
    padding-left: 40px;
}
#menuWrap .inner nav ul li.goodsstore {
    background: url(../img/usr/sp/menu/nav14.png) no-repeat 5px 10px;
    background-size: 30px;
    padding-left: 40px;
}
#menuWrap .inner nav ul li.history {
    background: url(../img/usr/sp/menu/nav06.png) no-repeat 5px 10px;
    background-size: 30px;
    padding-left: 40px;
}
#menuWrap .inner nav ul li.ranking {
    background: url(../img/usr/sp/menu/nav05.png) no-repeat 5px 10px;
    background-size: 30px;
    padding-left: 40px;
}
#menuWrap .inner nav ul li.other01 {
    background: url(../img/usr/sp/menu/nav15.png) no-repeat 5px 10px;
    background-size: 30px;
    padding-left: 40px;
}
#menuWrap .inner nav ul li.other02 {
    background: url(../img/usr/sp/menu/nav16.png) no-repeat 5px 10px;
    background-size: 30px;
    padding-left: 40px;
}
#menuWrap .inner nav ul li.other03 {
    background: url(../img/usr/sp/menu/nav01.png) no-repeat 5px 10px;
    background-size: 30px;
    padding-left: 40px;
}
#menuWrap .inner nav ul li.guide {
    background: url(../img/usr/sp/menu/nav08.png) no-repeat 5px 10px;
    background-size: 30px;
    padding-left: 40px;
}
#menuWrap .inner nav ul li.contact {
    background: url(../img/usr/sp/menu/nav09.png) no-repeat 5px 10px;
    background-size: 30px;
    padding-left: 40px;
}
#menuWrap .inner nav ul li.rule {
    background: url(../img/usr/sp/menu/nav03.png) no-repeat 5px 10px;
    background-size: 30px;
    padding-left: 40px;
}
#menuWrap .inner nav ul li.shop {
    background: url(../img/usr/sp/menu/nav07.png) no-repeat 5px 10px;
    background-size: 30px;
    padding-left: 40px;
}
/*#menuWrap .inner nav ul li.shop a.shoplist:after {
    content: "＋";
    padding-left: 52%;
}*/
#menuWrap .inner nav ul li.logout {
    background: url(../img/usr/sp/menu/nav11.png) no-repeat 5px 10px;
    background-size: 30px;
    padding-left: 40px;
}
#menuWrap .inner nav ul li.calendar {
    background: url(../img/usr/sp/menu/nav16.png) no-repeat 5px 10px;
    background-size: 30px;
    padding-left: 40px;
}
#menuWrap .inner nav p {
    color: #ffffff;
    background: #666666;
    padding: 8px 17px;
}
#menuWrap .cus_menu {
}
#menuWrap .shop .inner {display: none;}
#menuWrap .shop shoplist{cursor: pointer; padding: 10px;}

#globalmenu #sitelogo {
    position: absolute;
    top: 11px;
    left: 10px;
    margin: 0 auto;
    width: 99px;
    height: 24px;
}

header#head02 #sitelogo {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 50px;
}
header#head02 #sitelogo a {
    display: inline-block;
    line-height: 0;
    padding: 10px;
}
header#head02 #sitelogo img {
    width: 190px;
}
header#head02 #headerSearch {
  width: 20px;
  height: 20px;
}
#globalmenu #globalnav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 37px;
  height: 40px;
  margin: 5px 10px;
}
#globalmenu #globalnav .snav_cart_ img {
  width: 21px;
}
#globalmenu #globalnav ul li {
    float: left;
    width: auto;
    height: 18px;
    line-height: 0;
    margin-left: 16px;
}
#globalmenu #globalnav ul li{
    position: relative;
}
#globalmenu #globalnav ul li span#jscart_replace_{
    color: #fff;
    display: block;
    height: 100px;
    left: 0;
    position: absolute;
    text-align: center;
    top: -2px;
    width: 26px;
    z-index: 150;
    font-size: 80%;
    font-weight: bold;
}
header#head02 #globalmenu #globalnav ul li span#jscart_replace_ {
    color: #FFF;
    display: block;
    height: 18px;
    left: 13px;
    position: absolute;
    text-align: center;
    top: -9px;
    width: 18px;
    z-index: 150;
    font-size: 90%;
    font-weight: bold;
    background: #c00;
    border-radius: 20px;
    line-height: 18px;
}
header#head02 ul.list_search_.list_link {
    display: flex;
    padding: 10px 0 5px;
    text-align: center;
}
header#head02 ul.list_search_.list_link li.search_item_ {
    width: 33%;
}
header#head02 ul.list_search_.list_link li.search_item_:nth-child(2) {
    width: 33%;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
header#head02 ul.list_search_.list_link li.search_item_ a {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
}
#globalmenu #globalnav ul li:first-child {
    margin-left: 0;
}
#globalmenu #globalnav ul li:first-child a {
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    padding: 11px 0 0 0;
    display: block;
}
header#head02 #globalmenu #globalnav ul li:first-child a {
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    padding: 0;
    display: block;
}
#globalmenu #globalnav ul li img {
    width: 20px;
    height: auto;
}
header#head02 #globalmenu #globalnav ul li img {
    width: 21px;
    height: auto;
}
header .header_top_ {
    padding: 4px 8px;
    background: #232f3e;
}
header#head02 .header_top_ {
    padding: 0px 20px 15px;
    background: 0;
}
header#head02 .header_top_ form.search_form_ input.keyword_ {
    border-radius: 3px 0 0 3px;
    border-radius: 5px;
    width: 100%;
    min-width: auto;
    max-width: 100%;
    transition: top .3s ease;
    top: 50px;
    padding: 0;
}
header#head02 form.search_form_ .search_wrap:before {
    background: none;
}
header .header_top_ #welcomeMessage{
    display: inline-block;
    padding: 0 12px 0 11px;
    margin-bottom: 15px;
    /*height: 19px;*/
    font-size: 12px;
    line-height: 1;
    text-align: right;
    background: url(../img/usr/sp/circle.png) left center no-repeat;
    background-size: 9px 9px;
}

/* --------------------------------------------------------------------
    ヘッダータブ
-------------------------------------------------------------------- */
#header_tab {
    display:table;
    table-layout:fixed;
    width:100%;
}
#header_tab > div {
    display:table-cell;
    vertical-align:bottom;
}
#header_tab > div a {
    text-align: center;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    display: table;
    width:100%;
    box-sizing:border-box;
    text-decoration:none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e3e3e3+0,fefefe+100 */
    background: rgb(227,227,227); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(227,227,227,1) 0%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(227,227,227,1) 0%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(227,227,227,1) 0%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#fefefe',GradientType=0 ); /* IE6-8 */
}
#header_tab > div a span {
    font-size:12px;
    line-height:1;
    font-weight:bold;
    display: table-cell;
    vertical-align:middle;
    padding:0 5px 0 15px;
    height: 40px;
    background: url(../img/usr/sp/icon_arrow_tab01.png) 5px center no-repeat;
    background-size:8px 7px;
    color:#333333;
}
/* 郵便局のネットショップ */
#header_tab #gnav_general a.active_ {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ea0000+0,cd0000+100 */
    background: rgb(234,0,0); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(234,0,0,1) 0%, rgba(205,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(234,0,0,1) 0%,rgba(205,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(234,0,0,1) 0%,rgba(205,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea0000', endColorstr='#cd0000',GradientType=0 ); /* IE6-8 */
}
#header_tab #gnav_general a.active_ span {
    background: url(../img/usr/sp/icon_arrow_tab02_active.png) 5px center no-repeat;
    background-size:8px 7px;
    color:#fff;
}
/* ネットショップ */
#header_tab #gnav_netshop a.active_ {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffec30+0,ffaa0f+100 */
    background: rgb(255,236,48); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWMzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmFhMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,236,48,1) 0%, rgba(255,170,15,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,236,48,1) 0%,rgba(255,170,15,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,236,48,1) 0%,rgba(255,170,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffec30', endColorstr='#ffaa0f',GradientType=0 ); /* IE6-8 */
}
#header_tab #gnav_netshop a.active_  span {
    background: url(../img/usr/sp/icon_arrow_tab01_active.png) 5px center no-repeat;
    background-size:8px 7px;
}
/* ドラッグストア */
#header_tab #gnav_drugstore a.active_ {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fe9bab+0,ed6f83+100 */
    background: rgb(254,155,171); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlOWJhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZDZmODMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(254,155,171,1) 0%, rgba(237,111,131,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(254,155,171,1) 0%,rgba(237,111,131,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(254,155,171,1) 0%,rgba(237,111,131,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9bab', endColorstr='#ed6f83',GradientType=0 ); /* IE6-8 */
}
#header_tab #gnav_drugstore a.active_ span {
    background: url(../img/usr/sp/icon_arrow_tab02_active.png) 5px center no-repeat;
    background-size:8px 7px;
    color:#fff;
}
/* オプション1 */
#header_tab #gnav_op1 a.active_ {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ea0000+0,cd0000+100 */
    background: rgb(234,0,0); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(234,0,0,1) 0%, rgba(205,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(234,0,0,1) 0%,rgba(205,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(234,0,0,1) 0%,rgba(205,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea0000', endColorstr='#cd0000',GradientType=0 ); /* IE6-8 */
}
#header_tab #gnav_op1 a.active_ span {
    background: url(../img/usr/sp/icon_arrow_tab02_active.png) 5px center no-repeat;
    background-size:8px 7px;
    color:#fff;
}
/* オプション2 */
#header_tab #gnav_op2 a.active_ {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ea0000+0,cd0000+100 */
    background: rgb(234,0,0); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(234,0,0,1) 0%, rgba(205,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(234,0,0,1) 0%,rgba(205,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(234,0,0,1) 0%,rgba(205,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea0000', endColorstr='#cd0000',GradientType=0 ); /* IE6-8 */
}
#header_tab #gnav_op2 a.active_ span {
    background: url(../img/usr/sp/icon_arrow_tab02_active.png) 5px center no-repeat;
    background-size:8px 7px;
    color:#fff;
}

/*5カラム時のレイアウト*/
#header_tab.tab5_ {
    overflow: hidden;
    display:block;
}
#header_tab.tab5_ > div {
    float: left;
    width: 33.33%;
}
#header_tab.tab5_ #gnav_general a span {
    height: 80px;
}

/* --------------------------------------------------------------------
    検索フォーム
-------------------------------------------------------------------- */
form.search_form_ {
    position: relative;
}
form.search_form_ .search_wrap {
    top: 50px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid #DDD;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
}
.app_view form.search_form_ .search_wrap::before {
    content: "";
    width: 1px;
    height: 35px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 40px;
    left: auto;
}
.app_view form.search_form_ .search_wrap::after {
    content: "";
    width: 1px;
    height: 25px;
    background: #ccc;
    position: absolute;
    right: 40px;
    top: 6px;
}
form.search_form_ input.keyword_{
    box-sizing: border-box;
    display: table-cell;
    margin: 0;
    padding: 0 0 0 30px;
    width: 100%;
    width : calc(100% - 39px);
    min-width: 100%;
    min-width : -webkit-calc(100% - 39px);
    min-width : calc(100% - 39px);
    height: 35px;
    border-radius: 0;
    background: #FFF;
    font-size: 13px;
    line-height: 1;
    color: #333;
    border: none;
}
.app_view orm.search_form_ input.keyword_{
    padding-left: 10px;
    width : calc(100% - 101px);
    min-width : -webkit-calc(100% - 101px);
    min-width : calc(100% - 101px);
    border-radius: 2px 0 0 2px;
}
form.search_form_ .placeholder_ {
    position: absolute;
    top: 19px;
    left: 22px;
    height: 14px;
    color: #888888;
}
form.search_form_ .select_ {
    box-sizing: border-box;
    width: 170px;
    height: 35px;
    display: table-cell;
    font-size: 13px;
    line-height: 1;
    vertical-align: top;
}
form.search_form_ select:focus {
  outline: 0;
  border-color: orange;
}
form.search_form_ .select_ option {
    line-height: 13px;
}
.class_filter_pulldown_,
form.search_form_ .select_ select {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 35px;
    background: url(../img/usr/sp/select_arrow.png) left center no-repeat #ffffff;
    background-size: 19px 7px;
    padding: 0 10px 0 27px;
    font-size: 13px;
    line-height: 1;
    color: #888888;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 2px 0 0 2px;
    border: none;
    vertical-align: middle;
}
.class_filter_pulldown_ {
    border-width: 1px;
}
form.search_form_ .search_button_ {
    width: 35px;
    height: 35px;
    border: none;
    background: url(../img/usr/sp/icon_search02.png) no-repeat;
    background-size: 14px;
    background-position: center;
    text-indent: -2000%;
    border-radius: 0;
    top: 50px;
    transition: .3s ease;
}
.app_view.top form.search_form_ .clear_button_,
.app_view form.search_form_ .clear_button_,
.app_view form.search_form_ .search_button_,
.app_view form.search_form_ .qr_button_ {
    height: 35px;
    border: none;
    text-indent: -2000%;
    position: absolute;
    top: 1px;
}
.app_view form.search_form_ .clear_button_ {
    width: 30px;
  height: 30px;
    right: 5px;
  top: 7px;
}
.app_view.top form.search_form_ .clear_button_ {
    width: 30px;
    background: #fff;
    right: 71px;
}
.app_view form.search_form_ .clear_button_.active_ {
    background: #fff url(../img/usr/sp/search_icon_close.png) no-repeat center;
    background-size: 10px;
}
.app_view form.search_form_ .search_button_ {
    width: 30px;
    background: #fff url(../img/usr/sp/search_icon_submit.png) no-repeat center;
    background-size: 14px;
    right: 41px;
}
.app_view form.search_form_ .qr_button_ {
    width: 40px;
    border-radius: 0 2px 2px 0;
    background: #fff url(../img/usr/sp/camera_icon.png) no-repeat center;
    background-size: 22px;
    right: 1px;
}
#header_searchbox {
  top: 50px;
}
#header_searchbox.fixed_ {
  position: fixed;
  top: 15px;
  left: 20px;
  width: calc(100vw - 65px);
  z-index: 170;
  transition: .3s ease;
}
.app_view #header_searchbox {
    padding: 8px;
    background: #F2F2F2;
}
#header_searchbox form.search_form_ {
    display: table;
    width: 100%;
    height: 35px;
}

dl.goodssearch_ dd input[type="input"],
dl.goodssearch_ dd textarea,
dl.goodssearch_ dd select {
    max-width: 95%;
}
.app_view #expsuggestsdiv {
    width: 90% !important;
    left: 0 !important;
  margin: -10px 5% 0;
}
.app_view.top #expsuggestsdiv{
    top: 51px !important;
  width: 100% !important;
  margin: 0;
}
.app_view #expsuggestsdiv div {
    width: 100% !important;
    height: 46px !important;
    padding: 0 12px;
    box-sizing: border-box;
    border: none !important;
    border-bottom: 1px solid #ccc !important;
  border-left: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    right: 0;
  margin-top: 10px;
}
.app_view.top #expsuggestsdiv div{
  margin-top: 0;
}
.app_view #expsuggestsdiv div table tbody tr td span {
    line-height: 1.5;
    font-size: 13px !important;
  display: table-cell;
  vertical-align: middle;
  height: 46px;
}
.app_view #expsuggestsdiv div table tbody tr td:first-of-type{
  width: 90%;
}
.app_view #expsuggestsdiv div table tbody tr td{
  width: 10%;
}
.app_view.top #expsuggestsdiv div table tbody tr td span{
  display: inline;
  vertical-align: middle;
  height: auto;
  line-height: 3.6;
}
.app_view #expsuggestsdiv div table tbody tr td + td span {
    color: #999 !important;
}
.app_view #expsuggestsdiv #expsuggests1 { top: 46px !important; }
.app_view #expsuggestsdiv #expsuggests2 { top: 92px !important; }
.app_view #expsuggestsdiv #expsuggests3 { top: 138px !important; }
.app_view #expsuggestsdiv #expsuggests4 { top: 184px !important; }
.app_view #expsuggestsdiv #expsuggests5 { top: 230px !important; }
.app_view #expsuggestsdiv #expsuggests6 { top: 276px !important; }
.app_view #expsuggestsdiv #expsuggests7 { top: 322px !important; }
.app_view #expsuggestsdiv #expsuggests8 { top: 368px !important; }
.app_view #expsuggestsdiv #expsuggests9 { top: 414px !important; }
.app_view #expsuggestsdiv #expsuggests99 { display: none; }
.app_view .block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list > li .block-regular-dest-edit--post-office-frame input[type="button"]#btnSearchPost.active,
.app_view .customer_.col1_ form[name="frmCustomer"] dl.formdetail_.customer_ dd div input.active,
.customer_.col1_ form[name="frmCustomer"] dl.formdetail_.customer_ dd div input.selected{
    border-color: #CC0000 !important;
    color: #FFF !important;
    background: #CC0000 !important;
}

.app_view .block-regular-edit--order .block-regular-edit--order-info-item .block-regular-edit--post-office input[type="button"]#btnSearchPost.active{
    border-color: #CC0000;
    color: #FFF;
    background: #CC0000;
}
/* --------------------------------------------------------------------
    共通フッター
-------------------------------------------------------------------- */
#menu{
    position: fixed;
    bottom: 1%;
    right: 1%;
    width: 60px;
    height: 60px;
    z-index: 1000;
}
#menu img{
    width: 100%;
}
ul.buttons_ {
    padding: 10px 0;
    text-align: center;
    width: 100%;
    overflow: hidden;
    background: #F0F0F0;
    border-top: 1px solid #CCC;
}
ul.buttons_ li {
    display: inline;
    text-align: center;
}
ul.buttons_ li a {
}
ul.buttons_ li a img {
    vertical-align: middle;
}
footer .footer {
    position: relative;
    box-sizing: border-box;
}
footer .change_mode_ {
    display: none;
    position: absolute;
    top: 12px;
    right: 10px;
}
footer .change_mode_ img {
    height: 35px;
}
footer .footer_link {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-top: 1px solid #DDD;
  background: #F2F2F2;
}
footer .footer_link li {
  width: 50%;
  border-bottom: 1px solid #DDD;
  box-sizing: border-box;
}
footer .footer_link li:nth-child(odd) {
  border-right: 1px solid #DDD;
}
footer .footer_link li a {
  display: block;
  text-align: left;
  color: #333;
  font-size: 10px;
  text-decoration: none;
  padding: 11px 10px;
}
footer .footer_link li a[target="_blank"] {
  background: url(../img/usr/sp/icon_link.png) no-repeat right 20px center / 14px;
}
footer .footer_info .app_area {
  padding: 10px 20px 20px;
  border-bottom: 1px solid #DDD;
}
footer .footer_info .app_head {
  text-align: center;
  line-height: 0;
}
footer .footer_info .app_head img {
  width: 279px;
}
footer .footer_info .app_area ul {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 3px;
}
footer .footer_info .app_area li {
  line-height: 0;
  height: 12.535vw;
  margin: 0 8px 0 0;
}
footer .footer_info .app_area li:last-child {
  margin: 0;
}
footer .footer_info .app_area li a {
  display: block;
  height: 100%;
}
footer .footer_info .app_area li img {
  height: 100%;
}
footer .footer_info .sns_area {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 15px;
}
footer .footer_info .sns_ttl {
  color: #c00;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 0 20px 0 0;
}
footer .footer_info .sns_area ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .footer_info .sns_area li {
  width: 33px;
  margin: 0 10px 0 0;
}
footer .footer_info .sns_area li:last-child {
  margin: 0;
}
footer .footer_info .sns_area li a {
  display: block;
  line-height: 0;
}
footer .footer_info .sns_area li img {
  width: 100%;
}
footer .footer_btm {
    padding: 15px 0 65px;
    background: #CD0000;
}
footer #sitelogo2 {
    width: 104px;
    margin: 0 auto 10px;
    line-height: 0;
}
footer #sitelogo2 img {
    width: 100%;
}
footer #copyright {
    font-size: 9px;
    color: #F9F9F9;
    display: block;
    text-align: center;
}

/* --------------------------------------------------------------------
    トップページ
-------------------------------------------------------------------- */
div.flash_ctrl_ {
    white-space:nowrap;
    text-align:right;
    float:right; /* */
}
div.search_ {
    white-space:nowrap;
}

img.top_banner_ {
    max-width: 100%;
}
/* --------------------------------------------------------------------
    ログインフォーム（旧画面）
-------------------------------------------------------------------- */
div.login_#loginoff {
}

div.login_#loginoff div.loginform_ {
    margin-bottom: 10px;
}

div.login_#loginoff div.loginform_ div.form_text_ {
    margin: 5px 0;
}
div.login_#loginoff div.askpass_ {
    margin:10px auto;
}
div.login_#loginoff .login-list {
    overflow:hidden;
    text-align:left;
    border-top:1px solid #9fb7d4;
    margin-bottom: 10px;
}
div.login_#loginoff .login-list li.inputimage_ {
    width:100%;
}
div.login_#loginoff .login-list li.inputimage_ a {
    display:block;
    padding-left:50px;
    height:43px;
    line-height:43px;
    border-bottom:1px solid #9fb7d4;
    color:#000;
    background-repeat:no-repeat;
    background-position:5px 50%;
}
div.login_#loginoff .submit_ {
	margin-top: 30px;
}
div.login_#loginoff .submit_ .blue_button_ {
	width: 315px;
	height: 50px;
	margin: 0;
	padding: 5px 5px;
	border: 1px solid #222;
	border-radius: 4px;
	text-shadow: none;
	box-shadow: none;
	font-size: 15px;
	font-weight: normal;
	background: #fff;
	color: #222;
}
div.login_#loginoff .submit_ .gray_button_ {
	width: 70px;
	padding: 10px 20px;
	margin: 10px auto 30px;
	background: #F2F2F2;
	border: 1px solid #CCC;
	border-radius: 4px;
	font-size: 15px;
	font-weight: normal;
	color: #222;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
  box-shadow: none;
	display: block;
}

div.login_#loginoff h1.common_headline1_ {
  padding: 0 20px;
  border: none;
  font-size: 20px;
  font-weight: bold;
	text-align: left;
	line-height: 1;
  background: none;
  color: #000;
}	
div.login_#loginoff .block-mypage-linkcancel {
	margin: 25px 20px 40px;
}

/* --------------------------------------------------------------------
    ログインフォーム（新画面）
-------------------------------------------------------------------- */
div.login_#loginon input[type="submit"]:active,
div.login_#loginon input[type="button"]:active {
    opacity: .8;
}
div.login_#loginon div.loginform_ h2.common_headline2_ {
    background: none;
    border-left: 7px solid #cc0000;
    border-top: 0;
    margin-top: 10px;
    font-weight: bold;
    height: auto;
    line-height: 18px;
}

div.login_#loginon #loginformfirst{
    padding: 5px 10px 30px;
    margin-bottom: 38px;
    border-bottom: 1px solid #d4d4d4;
}
div.login_#loginon div.loginform_ {
    margin-bottom: 10px;
    padding: 0 12px;
}
div.login_#loginon #loginformid{
    padding: 5px 10px 20px;
    margin-bottom: 18px;
    border-bottom: 1px solid #d4d4d4;
}

div.login_#loginon #loginfornomember{
    padding: 0px 10px 48px;
}
div.login_#loginon #loginformfirst h2,
div.login_#loginon #loginformid h2,
div.login_#loginon #loginfornomember h2{
    margin-bottom: 20px;
}
div.login_#loginon #loginformid input {
    background: #0044aa;
    display: block;
    width: 332px;
    height: 50px;
    margin: 0 auto;
}
div.login_#loginon #loginformid input.button_.apple_button_ {
    margin: auto auto 20px auto;
    display: block;
    background: none;
}
div.login_#loginon #loginformid p {
    margin-top: 20px;
}
div.login_#loginon #loginformsocial{
    padding: 5px 10px 20px;
    margin-bottom: 18px;
    border-bottom: 1px solid #d4d4d4;
}

div.login_#loginon #loginfornomember{
    padding: 0px 10px 48px;
}
div.login_#loginon #loginformfirst h2,
div.login_#loginon #loginformsocial h2,
div.login_#loginon #loginfornomember h2{
    margin-bottom: 20px;
}

div.login_#loginon #loginformsocial input.button_.apple_button_ {
    margin: auto auto 0 auto;
    display: block;
    background: none;
}
div.login_#loginon #loginformsocial p {
    margin-top: 20px;
}

div.login_#loginon div#loginformmember {
    border-top: 4px solid #cc0000;
}
div.login_#loginon div#loginformfirst .form_text_{
    text-align: center;
    margin-bottom: 15px;
}
div.login_#loginon div.loginform_ .box_{
    padding: 0;
}
div.login_#loginon div.loginform_ .box_ .loginform_ input{
    width: 96%;
    max-width: 96%;
    padding: 0 2%;
    border: 1px solid #aaaaaa!important;
    border-radius: 3px;
    height: 30px;
    line-height: 30px;
    -webkit-appearance: none;
}
div.login_#loginon div.loginform_ .box_ .loginform_ input.on{
    border: 2px solid #ff8c40!important;
}
div.login_#loginon div.loginform_ .box_ input.button_{
    background: #ee6600;
    font-weight: normal;
}
div.login_#loginon div.loginform_ .guest_box{
     margin-top:20px;
}
div.login_#loginon div.loginform_ .guest_box #guest_customer_{
    background:#333;
}
div.login_#loginon div.loginform_ .c_mrgn_tb10_{
    text-align: center;
    margin: 10px 0 27px 0;
    color: #1c1c1c;
}
div.login_#loginon div.loginform_ .c_mrgn_tb10_.social_{
    width: 320px;
    margin: 15px auto 20px auto;
    text-align: left;
}

div.login_#loginon div.loginform_ .c_mrgn_tb10_ input{
    margin-right: 10px;
    vertical-align: middle;
    border: 1px solid #1c1c1c;
    border-radius: 3px;
}
div.login_#loginon div.loginform_ .orange_button_{
    height: 44px;
    line-height: 44px;
}
div.login_#loginon dl.loginform_ dt{
    line-height: 1;
}
div.login_#loginon dl.loginform_ dd {
    margin-bottom: 10px;
}
div.login_#loginon form + .textlink_ {
    margin-top: 18px;
}
div.login_#loginon .textlink_ ul li {
    margin-top: 12px;
}
div.login_#loginon .forgotpass_{
    margin: 9px 0 2px;
    text-align: right;
}
div.login_#loginon .centertext2_ {
    margin-top: 16px;
    text-align: center;
}
div.login_#loginon .forgotpass_ a,
div.login_#loginon .centertext2_ {
    color: #1d3994;
}
div.login_#loginon div.loginform_ div.form_text_ {
    margin: 5px 0;
}
div.login_#loginon div.askpass_ {
    margin:10px auto;
}
div.login_#loginon .login-list {
    overflow:hidden;
    text-align:left;
    border-top:1px solid #9fb7d4;
    margin-bottom: 10px;
}
div.login_#loginon .login-list li.inputimage_ {
    width:100%;
}
div.login_#loginon .login-list li.inputimage_ a {
    display:block;
    padding-left:50px;
    height:43px;
    line-height:43px;
    border-bottom:1px solid #9fb7d4;
    color:#000;
    background-repeat:no-repeat;
    background-position:5px 50%;
}
div.login_#loginon #logintip_ .form_text_{
    text-align: center;
    margin-bottom: 15px;
}

div.login_#loginon #logintip_ h2.common_headline2_{
    border: none;
    text-align: center;
    font-size: 15px;
}
div.login_#loginon #loginfornomember,
div.login_#loginon #logintip_,
div.login_#loginon #loginformmember{
    padding: 0px 10px 30px;
    border-bottom: 1px solid #d4d4d4;
}
div.login_#loginon #logintip_{
    text-align: center;
}

div.login_#loginon div.loginform_ .apple_login_box_ {
    margin-bottom: 20px;
}

/* --------------------------------------------------------------------
    追加認証
-------------------------------------------------------------------- */
input.certify_ {
    width:0px;
    height:0px;
}
/* --------------------------------------------------------------------
	会員登録
-------------------------------------------------------------------- */
#authmail_form #submit_button,
#authmail_form .submit_ input.large_button_.disable_button_,
#authmail_form .submit_ input.large_button_.orange_button_{
  /* width: calc(300 * (100vw / 375)); */
  width: 315px;
  min-width: 200px;
}

/* --------------------------------------------------------------------
	会員登録（メール送信）
-------------------------------------------------------------------- */
div#agree_linelogin_msg_ {
	padding-bottom: 15px;
}
div#agree_linelogin_msg_ h2.common_headline1_ {
	font-size: 18px;
	 color: #CD0000;
	  font-weight: bold;
}
div#agree_linelogin_msg_ p{
	background: yellow;
	font-size: 14px;
	padding: 10px;
	color: red;
}
div#agree_linelogin_msg_ p a{
  text-decoration: underline;
}
/* --------------------------------------------------------------------
    新規会員登録
-------------------------------------------------------------------- */
.agreebody_ {
	padding: 10px;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

.customer_.col1_ > .agreebody_ {
    padding: 10px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    height: 200px;
    overflow-y: scroll;
    margin: 0 10px 30px;
    background: #efefee;
    border-radius: 5px;
}
.box_.mail_ p {
    font-size: 13px;
    margin: 10px 5px;
}
.box_.mail_ p.small_ {
    font-size: 11px;
    margin: 0 5px;
}
.box_.mail_ input {
    width: 100%;
    margin: 10px 10px 5px;
}
div.customer_ table.customer_,
div.customer_ table.customerconfirm_ {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #cccccc;
}
div.customer_ table.customer_ th,
div.customer_ table.customerconfirm_ th {
    width: 30%;
    background-color: #e5f3ff;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    padding: 3px;
    text-align: left;
    vertical-align: middle;
    font-weight: normal;
}
div.customer_ table.customer_ td,
div.customer_ table.customerconfirm_ td {
    border-bottom: 1px solid #cccccc;
    padding: 3px;
}

/* --------------------------------------------------------------------
    マイページ
-------------------------------------------------------------------- */

div.customer_status_ {
    padding: 14px 0;
}
div.customer_name_ {
}
.loginname_ {
    font-size: 15px;
    color: #333;
    line-height: 1;
    text-align: center;
}
.mypoint_ {
    margin: 15px 0 0px 10px;
}.point_ {
    font-weight: bold;
}
.customer_status_ .pointuppoint_ {
    margin: 2px 0 0 10px;
    overflow:  hidden; 
}
.customer_status_ .pointuppoint_ .pointup_expires_dt_ {
    float:right;
}

.order_.col1_ .submit_.button-area_.mb_ + #estimate_point .point_ {
    font-weight: normal;
}

#mypagenav {
    margin-bottom: 10px;
}
#mypagenav li {
    border-top: 1px solid #CCC;
}
#mypagenav li a {
    display: block;
    margin-right: 10px;
    padding: 13px 20px 13px 10px;
    text-decoration: none;
    background: url(../img/usr/sp/arrow_right.png) right center no-repeat;
    background-size: auto 13px;
}
#mypagenav li.accordion > a {
    background: url(../img/usr/sp/acc_arrow_off.png) right center no-repeat;
    background-size: auto 9px;
}
#mypagenav li.accordion.active {
    background: #F7F7F7;
}
#mypagenav li.accordion.active > a {
    background: url(../img/usr/sp/acc_arrow_on_gray.png) right center no-repeat;
    background-size: auto 8px;
}
#mypagenav li.accordion li {
    padding-left: 30px;
}
#mypagenav li.accordion li a {
    font-size: 13px;
    color: #CD0000;
    line-height: 1;
}
#mypagenav li img {
    float: left;
    height: 23px;
}
#mypagenav li p {
    padding-left: 30px;
    font-size: 11px;
    color: #333;
    line-height: 1.364;
}
#mypagenav li p.headline {
    margin-bottom: 5px;
    font-size: 15px;
    color: #CD0000;
    line-height: 1.333;
}
#mypagenav .wdwl {
    text-align: center;
}
#mypagenav .wdwl img {
    height: 39px;
}
/*#mypagenav #dest_change a {
    cursor: pointer;
    background: url(../img/usr/link_mypage.png) right center no-repeat;
}
#mypagenav #dest_change ul#destnav {
}
#mypagenav #dest_change ul#destnav li {
}
#mypagenav #dest_change ul#destnav li:last-child {
    border-bottom: none;
}
#mypagenav #dest_change ul#destnav li a {
    padding-left: 30px;
    background: #F0F0F0 url(../img/usr/link_dest.png) right center no-repeat;
}
*/
.customer_ {
    margin-bottom: 10px;
}

.customer_ p {
}

.submit_ {
    margin: 0 10px 20px;
    text-align: center;
}
.submit_.button-area_{
    margin-bottom: 0;
}
.submit_.button-area_.bg_gray_{
    background: #f8f8f8;
    margin: 0;
    padding: 0 10px;
}
.submit_.button-area_.last_{
    margin: 10px 0 0;
    padding: 16px 10px 10px;
    background: #f8f8f8;
}
.order_gift_ form .agree-section_ + .submit_.button-area_.last_ {
    margin-top: 0;
    padding-top: 0;
}
.submit_.button-area_.mb_ {
    margin: 0 10px 20px;
}

/* 20170912修正 */
#mypagenav {
  background-color: #eeeeee;
  padding: 25px 7px 10px;
  margin-bottom: 0;
}
#mypagenav .mymenu_section_ {
  margin-bottom: 25px;
}
#mypagenav .mymenu_sec_ttl_ {
  color: #000000;
  font-size: 16px;
  font-weight:bold;
  margin-bottom: 10px;
  margin-left: 5px;
}
#mypagenav .caution_ {
  margin-bottom: 5px;
  margin-left: 5px;
}
#mypagenav .mymenu_sec_ttl_ + .caution_ {
  margin-top: -5px;
}
#mypagenav li {
  background-color: #ffffff;
  border-top: none;
  border-bottom: 2px solid #eeeeee;
}
#mypagenav li a {
    margin-right: 0;
    padding: 0;
    background: none;
  display: inline-block;
}
#mypagenav li a.menu_ {
    display: block;
    margin-right: 8px;
    padding: 15px 20px 15px 10px;
    text-decoration: none;
    background: url(../img/usr/sp/arrow_right2.png) right center no-repeat;
    background-size: auto 14px;
}
#mypagenav li.high_ a.menu_ {
  background: none;
}
#mypagenav li p {
  color: #555555;
  padding-left: 0;
}
#mypagenav li.high_ p {
  padding-left: 30px;
}
#mypagenav li p.comment_ {
  margin-bottom: 5px;
  margin-left: 10px;
}
#mypagenav li p.comment_:last-child {
  margin-bottom: 10px;
}
#mypagenav li a.menu_ p.headline {
  color: #000000;
}
#mypagenav li.high_ p.headline {
  font-weight:bold;
}
/* --------------------------------------------------------------------
    マイページ　注文履歴
-------------------------------------------------------------------- */
div.customer_ .method_addr_ {
    padding: 5px;
    border: 1px solid #CCCCCC;
    margin: 0 0 10px;
}
div.customer_ .destgoodslist_ {
    margin-bottom: 10px;
}

div.sales_info_ {
    margin: 0 10px 10px;
}
table.order_ th,
table.sales_ th,
table.method_ th,
table.purchase_ th,
table.ship_ th,
table.historydetail_ th
{
    text-align: left;
    border: 1px solid #CCCCCC;
    background-color: #F8F8F8;
    width: 40%;
    font-weight: normal;
    padding: 3px;
    white-space: nowrap;
}
table.order_ td,
table.sales_ td,
table.method_ td,
table.purchase_ td,
table.ship_ td,
table.historydetail_ td
{
    border: 1px solid #CCCCCC;
    border-left: none;
    padding: 3px;
}
table.order_ td.nocell_,
table.sales_ td.nocell_,
table.method_ td.nocell_,
table.purchase_ td.nocell_
{
    border: none !important;
}
table.sales_ td,
table.method_ td {
    text-align: right;
}
table.purchase_ {
    margin-bottom: 10px;
    width: 100%;
}
table.purchase_ th{
    width: 22%;
}
table.ship_ {
    margin: 0 0 10px;
    width: 100%;
}

/* 注文履歴 */
div.history_table_ {
    margin: 10px 10px 40px;
    border-radius: 5px;
}
div.history_table_ table.formlist_ {
    width: 100%;
}
table.history_ {
    width: 100%;
    border: 1px solid #e7e7e7;
    margin: 0 0 20px 0;
}
table.history_ td {
    padding: 10px 15px;
    display: block;
}
table.history_ th {
    background-color: #F0F0F0;
    vertical-align: middle;
    font-weight: normal;
    text-align: left;
    padding: 5px 15px;
    white-space: nowrap;
    display: block;
}
table.history_ td.order_dt_ {
}
table.history_ td.order_id_ {
}
table.history_ td.order_detail_ ul {
    width: 100%;
}
table.history_ td.order_detail_ ul li {
    list-style: none;
    border-bottom: 1px dotted #CCCCCC;
}
table.history_ td.order_detail_ ul li div.name_ {
    margin: 5px;
}
table.history_ td.order_detail_ ul li div.name_ .name2_ {
		word-break: break-word;
}
table.history_ td.order_detail_ .order_again_ {
    margin: 5px;
}
table.history_ td.order_detail_ .order_again_ span {
    padding: 5px;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius:6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    border: 1px solid #CCCCCC;
    background-color: #f6f6f6;
    background: #DFDFDF -moz-linear-gradient(top,#FFF,#DFDFDF);
    background: #DFDFDF -webkit-gradient(linear,left top,left bottom,from(#FFF),to(#DFDFDF));
    background: #DFDFDF linear-gradient(top,#FFF,#DFDFDF);
}
table.history_ td.status_ {
    padding-top: 5px;
}
table.history_ td.status_ img {
    width: 160px;
}
table.history_ td.total_ {
    font-size: 16px;
}
div.historydetail_ {
    width: 100%;
    margin: 10px 0;
    text-align: center;
}

/**/
div.estimate_box_content_ {
    margin-left:10px;
    margin-bottom:10px;
}
table.formlist_ td.cancel_{
    background-color: #f6f6f6;
}
table.destgoodslist_ {
    width: 100%;
    margin-bottom: 10px;
}
table.destgoodslist_ th.name_, table.destgoodslist_ td.name_{
}
table.destgoodslist_ th.qty_, table.destgoodslist_ td.qty_{
}
table.destgoodslist_ th.sales_detail_append_spec_, table.destgoodslist_ td.sales_detail_append_spec_{
}
table.destgoodslist_ th.cancel_dt_, table.destgoodslist_ td.cancel_dt_{
}
table.destgoodslist_ td.cancel_dt_{
    color: #cc0000;
}

div.processimage_{
    margin: 0 10px 10px;
    text-align: center;
}
div.processimage_ img {
    max-width: 320px;
    width: 100%;
}

div.historydetail_total_for_tax_ratio_list_ {
	text-align: right;
}
div.historydetail_total_for_tax_ratio_list_ ul {
	display: flex;
}
li.historydetail_tax_ratio_ {
	width: 70px;
	text-align: right;
}
li.historydetail_total_for_tax_ratio_subtotal_ {
	width: 70px;
	text-align: right;
}

/* --------------------------------------------------------------------
    マイページ　お気に入り
-------------------------------------------------------------------- */
div.customer_ .bookmark_frame_ {
    margin: 0 10px 10px;
}
div.customer_ li.bookmark_item_ {
    padding: 10px 0;
    vertical-align: top;
    display: table;
    width: 100%;
    border-bottom: 1px dotted #CCC;
}
div.customer_ li.bookmark_item_:first-child {
    border-top: 1px dotted #CCC;
}


li.bookmark_item_ div.cartgoods_ {
    padding: 5px;
    display: inline;
    width: 20px;
    display: table-cell;
    vertical-align: top;
    vertical-align: middle;
}
li.bookmark_item_ div.img_ {
    padding: 5px;
    display: inline;
    overflow: hidden;
    width: 100px;
    display: table-cell;
    vertical-align: top;
}
li.bookmark_item_ div.img_ img {
    width: 100px;
}
li.bookmark_item_ div.desc_ {
    padding: 5px;
    width: auto;
    display: table-cell;
    vertical-align: top;
}
li.bookmark_item_ div.name_ {
    display: inline;
}
li.bookmark_item_ div.spec_ {
    margin-bottom: 10px;
}

li.bookmark_item_ .edit_memo_ {
    margin-top: 5px;
    font-weight: bold;
}
li.bookmark_item_ .comment_ {
    margin-bottom: 10px;
    width: 100%;
}
li.bookmark_item_ .comment_ textarea {
    width: 100%;
}
li.bookmark_item_ .comment_ .bookmark_comment_ {
    word-break:break-all;
    margin-bottom: 10px;
    padding: 10px 10px;
    background-color: #F3F3F3;
}
li.bookmark_item_ .comment_ .bookmark_comment_:empty {
    margin-bottom: 0px;
  background-color: transparent;
}
div.customer_  div.del_ {
    padding: 15px 10px;
    text-align: right;
}
div.customer_ div.del_ img {
    vertical-align: middle;
}
li.bookmark_item_ .goods_name_{
    border: none;
    background: none;
}
li.bookmark_item_ .bookmark_cart_btn_ {
    margin: 20px 0 0;
    text-align: center;
}
li.bookmark_item_ a.bookmark_cart_in_ {
    display: inline-block;
    width: 100%;
    color: #222;
    font-size: 15px;
    text-decoration: none;
    border-radius: 3px;
    padding: 11px 0 10px;
    background: #FDE13E;
}

/* --------------------------------------------------------------------
    マイページ　お問い合わせ履歴
-------------------------------------------------------------------- */
/* お問合せ履歴 */
div.contact_ ul.contactlist_ {
    margin-bottom: 10px;
}
div.contact_ ul.contactlist_ li {
    border-bottom: 1px solid #CCC;
}
div.contact_ ul.contactlist_ li:first-child {
    border-top: 1px solid #CCC;
}
div.contact_ ul.contactlist_ li a {
    padding: 10px;
    display:block;
    text-decoration: none;
    background: url(../img/usr/link_mypage.png) right center no-repeat;
}
div.contact_ table.detaillistline_ {
    border: dotted 1px;
    margin:2px auto;
}
div.contact_ .contact_body_ {
    word-break:break-all;
}
/* お問合せ詳細 */
.contactdetail_title_ {
    margin-bottom: 10px;
    width: 100%;
    overflow: hidden;
}
.contactdetail_title_ .subject_ {
}
.contactdetail_title_ .date_ {
    margin-left: 10px;
    float: left;
}
.contactdetail_title_ .id_ {
    margin-right: 10px;
    float: right;
}
div.goods_info_ {
    margin: 0 10px 10px;
}
/* スレッド */
div.contactlist_ {
    margin: 0 10px 10px;
}
div.contactlist_ .contactlist_order_id_ {
    margin: 0 0 0 20px;
}
div.contactlist_ .contactlist_goods_ {
    margin: 0 0 0 20px;
}
dl.contactlist_line_ {
    margin-bottom: 10px;
    padding: 5px;
    overflow: hidden;
    background: #F0F0F0;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
dl.contactlist_line_ .contactlist_head_ {
    width: 100%;
    overflow: hidden;
}
dl.contactlist_line_ .contactlist_head_ .name_ {
    padding: 5px;
    float: left;
    display: inline;
    font-weight: bold;
    width: 40%;
}
dl.contactlist_line_ .contactlist_head_ .updt_ {
    padding: 5px;
    float: right;
    display: inline;
    text-align: right;
    width: 40%;
}
dl.contactlist_line_ .comment_ {
    padding: 10px;
    background: #FFF;
}
.contact_reform_comment_ {
    margin: 0 10px 10px;
    padding: 10px;
    border: 1px solid #CCC;
}
/* --------------------------------------------------------------------
    マイページ　アドレス帳
-------------------------------------------------------------------- */
.customer_.address_{
  margin-bottom: 0;
  background: #f8f8f8;
}
.customer_.address_ .common_headline1_{
  font-size: 22px;
    margin: 0 0 12px;
}
dl.formdetail_.customer_{
  margin: 0;
  border: none;
  background: #fff;
}
dl.formdetail_.customer_ dt{
  padding: 5px 10px;
}
dl.formdetail_.customer_ dt span.small_ br {
  display:none;
}
.customer_.col1_.address_ h1 + form dl.formdetail_.customer_ dt{
    font-size: 12px;
    font-weight: bold;
}
dl.formdetail_.customer_ dd{
  padding: 0px 10px 10px;
}
.customer_.address_ .button-area_{
  padding-top: 15px;
}
.customer_.address_ h2 {
    background: #f8f8f8;
    font-size: 16px;
    padding: 18px 10px 10px;
}
dl.formdetail_.customer_ dd div input {
    width: 100%;
    padding: 10px 0px;
    font-size: 11px;
    background: #fff;
    border: 1px solid #676767;
    border-radius: 5px;
    margin-top: 3px;
}
input.classrequired {
    background: rgba(209,0,0,0.09) !important;
    border: 1px solid #d10000;
}
/* --------------------------------------------------------------------
    カート画面
-------------------------------------------------------------------- */
div.order_flow_ {
  text-align: center;
  /* margin: 0 10px 10px;
	padding: 20px 0 0; */
  margin: 0 15px 10px;
	padding: 20px 0 0;
}
div.order_flow_ img {
    width: 100%;
    max-width:660px;
}

div.cartlist_ center{
    padding: 5px 10px 0;
}

div.cartlist_ center input.button_{
    width: 100%;
    margin-bottom: 10px;
}

div.cartlist_ center input.button_:nth-of-type(n + 2) {
    margin: 0 0 20px;
}
/*新レイアウト*/
div.cartlist_ {
  /* background: #F8F8F8; */
  background: #fff;
}
div.cartlist_ #block {
    margin: 0 0 10px;
}

.cartlist_ h1.common_headline1_{
  /*font-size: 24px;*/
  font-size: 20px;
  /* padding: 15px 30px 3px 60px; */
  padding: 0 30px 0 60px;
  margin: 15px auto 3px;
  position: relative;
}
.cartlist_ h1.common_headline1_::before{
  display: block;
  width: 20px;
  height: 20px;
  content: '';
  background: url(https://www.shop.post.japanpost.jp/img/usr/icon/cart-of-ecommerce.png) center center / contain no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
}

.cartlist_ h1.common_headline1_ + p{
  margin: 0 30px;
}

.cartlist_ p.message,
.cartlist_ p.error_{
  padding: 0 30px;
}


div.cart-list-sumally_{
  /* margin: 15px 10px; */
  margin: 10px 10px;
}


.cart-bnner_{
  padding: 0 10px;
  text-align: center;
}
.cart-bnner_ img{
  max-width: 100%;
}
div.cart-list_{
  width: calc(100% - 20px);
  margin: 0 10px 10px;
  border: 1px solid #E5E5E5;
  border-radius: 5px;
  background: #FFF;
}
div.cart-list_:last-of-type{
  margin-bottom: 40px;
}
.cart-list-section_ h2{
  /* font-size: 18px;
  padding: 12px 0 10px 47px;
  border-bottom: 3px solid #d10000; */
  padding: 12px 10px 10px;
  border: none;
  font-size: 20px;
}
/*見出しアイコン*/
/* .stampstore_ .cart-list-section_ h2{
  background: url(../img/usr/icon/stamp.png) no-repeat 15px center;
  background-size: 26px;
}
.drugstore_ .cart-list-section_ h2{
  background: url(../img/usr/icon/vitamins.png) no-repeat 10px center;
  background-size: auto 26px;
}
.netshop_ .cart-list-section_ h2{
  background: url(../img/usr/icon/cart-of-ecommerce.png) no-repeat 10px center;
  background-size: auto 26px;
} */

/*//見出しアイコン*/
.cart-list-sumally_{
  border: 1px solid #EBD8AE;
  background: #FFF2BA;
  border-radius: 5px;
  padding: 15px;
  margin: 15px;
}
.cart-list-sumally_ li{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}
.cart-list-sumally_ li.total_{
  font-weight: bold;
}
.cart-list-sumally_ li.total_ span:last-of-type{
  font-size: 22px;
  font-weight: bold;
  color: #d10000;
}
.cart-list-sumally_ li.promotion_point_ span,
.cart-list-sumally_ li.point_ span {
  font-weight: normal;
}
.cart-list-sumally_ li.point_ span:last-of-type {
  color: #d10000;
}
.cart-list-sumally_ li.point_ span.point_count_ {
  font-weight: bold;
}
.cart-list-sumally_ li.point_ span.point_count_ span {
  font-weight: normal;
}
.cart-list-sumally_ li.promotion_point_{
  padding-left: 20px;
}
.cart-list-sumally_ li .postage_ span{
    font-size: 11px;
}
.cart-list-sumally_ p{
  font-size: 10px;
  color: #d10000;
}
.cart-list-sumally_ li.tax_subtotal_{
  padding-left: 20px;
}
table.cartlist_ {
  /* margin: 0 15px 20px; */
  /* width: calc(100% - 30px); */
  margin: 0 0 15px;
  display: block;
}
table.cartlist_ thead td{
  padding: 7px 0;
  font-weight: bold;
}
table.cartlist_ tbody {
  display: block;
  /* padding: 10px 14px; */
  /* border: 1px solid #CCCCCC; */
  padding: 0 18px 17px;
  border: 1px solid #DCDCDC;
}
table.cartlist_ tbody.list_ {
  border-bottom: none;
  border-radius: 5px 5px 0 0 ;
}
table.cartlist_ tbody:last-child{
  border-radius: 0 0 5px 5px;
  /* border-bottom: 1px solid #ccc; */
  border-bottom: 1px solid #DCDCDC;
}
table.cartlist_ tbody:first-child{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
table.cartlist_ tbody.list_ tr{
  /* border-bottom: 1px solid #CCCCCC; */
  border-bottom: 1px solid #DCDCDC;
}
table.cartlist_ tbody.list_ tr:last-of-type{
  border: none;
}


table.cartlist_ tbody.total_ {
  padding-top: 23px;
  background: #F5F5F5;
}

table.cartlist_ tbody.total_ td span:nth-of-type(2),
table.cartlist_ tbody.total_ td .price_{
  font-family: var(--font-family-roboto);

}
table.cartlist_ tbody.total_ td .price_{
  font-size: 24px;
}





table.cartlist_ td {
  vertical-align: top;
}
table.cartlist_ td.img_ {
  /* width: 42.3%;
  padding: 20px 20px 20px 4px; */
  width: calc((155 / 275) * var(--per-value));
  padding: 15px 15px 20px 0;
}
table.cartlist_ td.spec_ {
  /* padding: 20px 10px 20px 0; */
  padding: 20px 0 20px;
}
table.cartlist_ td.spec_ div[class^="name"] + .select-block_ {
    position: relative;
}
table.cartlist_ td.spec_ div[class^="name"] + .select-block_ input[type="submit"].small_button_.text_button_ {
    width: calc((50 / 120) * var(--per-value));
    position: absolute;
    /* top: 6px; */
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    padding: 6px;
    border: 1px solid #DCDCDC;
    min-height: 41px;
    color: #404040;
    font-size: 13px;
}
table.cartlist_ td.img_ img {
    width: 100%;
    max-width: 100%;
}
table.cartlist_ td.img_ .icon_ img {
    width: 100%;
    max-width: 100%;
}
table.cartlist_ td.name_ {
    vertical-align: top;
}
table.cartlist_ td.spec_ div{
  /* margin-bottom: 5px; */
  margin-bottom: 10px;
}
table.cartlist_ td.spec_ div.name1_{
    /* font-size: 16px; */
    font-size: 15px;
}
table.cartlist_ td.spec_ div.name1_ a{
  font-weight: normal;
}
table.cartlist_ td.spec_ div.name2_{
    word-break: break-word;
}
table.cartlist_ td.spec_ div.price_box_{
    /* display: flex;
    align-items: center; */
    text-align: right;
}
table.cartlist_ td.spec_ div.price_box_ .price_{
    /* font-size: 16px; */
    font-size: 18px;
}
table.cartlist_ td.spec_ div.price_box_ + span{
    display: block;
  font-size: 11px;
    margin: 0 0 5px;
}

table.cartlist_ td.spec_ div.delivery_limit_ {
	color: #D10000;
}

table.cartlist_ td.spec_ span .promotion_point_total_,
table.cartlist_ td.spec_ span .pointup_name_tag_{
  font-size: 11px;
  color:#CC0000;
	word-break: break-word;
}
table.cartlist_ td.spec_ span .pointup_expires_dt_{
    font-size: 11px;
}

table.cartlist_ td.spec_ div a{
  text-decoration: none;
  font-weight: bold;
  color: #222;
  line-height: 1.4;
}
table.cartlist_ td.spec_ p.price_ {
  font-weight: bold;
}
table.cartlist_ td.spec_ p.point_ {
  font-size: 11px;
  font-weight: normal;
}
table.cartlist_ td.spec_ .include_ strong {
  font-size: 13px;
    font-weight: normal;
}
table.cartlist_ td.spec_ .select-text_{
  /* width: 60%; */
  width: calc((58 / 120) * var(--per-value));
  box-sizing: border-box;
}
table.cartlist_ td.spec_ .select-val_{
  width: 70%;
}
table.cartlist_ td.spec_ .select-text_,
table.cartlist_ td.spec_ .select-val_ input{
  font-size: 18px;
  font-weight: bold;
}
table.cartlist_ td.spec_ .select-val_ input{
  text-align: center;
}
table.cartlist_ td.spec_ .select-text_{
  text-align: center;
  /* padding: 10px 8px; */
  padding: 6px 15px 6px 8px;
  border: 1px solid #DCDCDC;
}
table.cartlist_ td.name_ .name1_ {
    font-weight: bold;
}
table.cartlist_ td.name_ .name2_ {
    font-size: 12px;
}
table.cartlist_ td.price_box_ {
    vertical-align: top;
    text-align:right;
    width:90px;
}
table.cartlist_ .tax_{
  color: #222;
  font-size: 11px;
  font-weight: normal;
  padding: 0 0 0 8px;
}
table.cartlist_ .price_box_ li.money_ {
    width:90px;
    text-align:right;
    padding: 2px;
}
table.cartlist_ .price_box_ li.qty_ {
    text-align:right;
    width:90px;
    padding: 2px;
}
table.cartlist_ td.button_ {
    vertical-align: middle;
    text-align: center;
    width: 64px;
}
table.cartlist_ td.total_ {
    text-align:right;
}
table.cartlist_ .qty_ input {
    text-align: right;
}
tbody.total_ tr {
    display: block;
}
tbody.total_ td {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 5px;
}
tbody.total_ td span.postage_ {
  font-size: 13px;
}
tbody.total_ td span.postage_ span {
  font-size: 11px;
}
tbody.total_ td span.postage_ + span {
  font-size: 14px;
}
tbody.total_ td.money_ {
  font-size: 13px;
}
tbody.total_ td.money_ span {
  font-size: 13px;
}
tbody.total_ td.money_ span.price_ {
  font-size: 22px;
  font-weight: bold;
}
tbody.total_ .select-inner_ .select-text_,
tbody.total_ .select-inner_ .select-val_ input{
  width: 70%;
  text-align: center;
  padding: 7px 0;
  font-size: 18px;
}
tbody.total_ .recalculation_{
  width: 71%;
  text-align: center;
}
.store-top_ {
    margin-top: 20px;
}
.store-top_ a{
  display: block;
  position: relative;
  padding: 15px 0 15px 15px;
  border-top: 1px solid #ddd;
  color: #222;
  text-decoration: none;
}
.store-top_ a:after {
    display: block;
    content: '';
    position: absolute;
    top: 43%;
    right: 1.5em;
    width: 6px;
    height: 6px;
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.top-link_,
.cartlist_ .back_shop_button_ {
    margin: 25px 20px 40px;
    text-align: center;
}
.top-link_ a {
    color: #0072B9;
    font-size: 14px;
    text-decoration: none;
}
.cartlist_ form[name="form"] .top-link_ a,
.cartlist_ form[name="form"] .back_shop_button_ a {
    display: block;
    color: #222;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
    font-size: 14px;
    padding: 17px 0 13px;
}
.postage-message_{
  margin: 0 15px;
}
.postage-message_ dt{
  text-align: center;
  font-size: 12px;
  margin-bottom: 20px;
}
.postage-message_ dt:after{
  display: inline-block;
  content: "";
  height: 0px;
  width: 0px;
  margin-left: 10px;
  -webkit-transition: -webkit-transform 0.25s linear;
  transition:transform 0.25s linear;
  border-bottom: 0px solid transparent;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: #000 8px solid;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.postage-message_ dt.active_:after{
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.postage-message_ dd{
  font-size: 12px;
}




/*よくあるお問い合わせ*/
.inquiry-section_ {
  padding: 0 0 20px;
}

.inquiry-section_ h2{
  font-size: 18px;
  margin: 0 15px 10px;
}
.inquiry-section_ dl{
  margin: 0 10px 20px;
  border: 1px solid #aaaaaa;
  background: #FFF;
}
.inquiry-section_ dt{
  display: block;
  position: relative;
  padding: 12px 15px;
  color: #222;
  text-decoration: none;
  border-top: 1px solid #aaaaaa;
}
.inquiry-section_ dt:first-of-type{
  border-top: none;
}
.inquiry-section_ dt:after {
    display: block;
    content: '';
    position: absolute;
    top: 43%;
    right: 1.5em;
    width: 6px;
    height: 6px;
    border-right: 2px solid #707070;
    border-bottom: 2px solid #707070;
  -webkit-transition: -webkit-transform 0.25s linear;
  transition:transform 0.25s linear;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.inquiry-section_ .js-accordion_ dt.active_:after {
    display: block;
    content: '';
    position: absolute;
    top: 43%;
    right: 1.5em;
    width: 6px;
    height: 6px;
  border: none;
    border-right: 2px solid #707070;
    border-bottom: 2px solid #707070;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.inquiry-section_ dd{
  padding: 15px;
  border-top: 1px solid #aaaaaa;
}
.inquiry-section_ dd p.question_,
.inquiry-section_ dd p.answer_,
.inquiry-section_ dd p.topic_ {
    position: relative;
    padding: 0 0 0 15px;
}
.inquiry-section_ dd p.question_ {
    margin: 0 0 3px;
}
.inquiry-section_ dd p.answer_ {
    margin: 0 0 8px;
}
.inquiry-section_ dd p.question_:before{
    content: 'Q.';
    position: absolute;
    top: 0;
    left: 0;
}
.inquiry-section_ dd p.answer_:before{
    content: 'A.';
    position: absolute;
    top: 0;
    left: 0;
}
.inquiry-section_ dd p.topic_:before{
    content: '〇';
    position: absolute;
    top: 0;
    left: 0;
}

.inquiry-etc_ a{
  display: block;
  position: relative;
  padding: 12px 15px;
  margin: 0 10px;
  border: 1px solid #aaaaaa;
  color: #222;
  text-decoration: none;
  background: #FFF;
}
.inquiry-etc_ a:after {
    display: block;
    content: '';
    position: absolute;
    top: 43%;
    right: 1.5em;
    width: 6px;
    height: 6px;
    border-right: 2px solid #707070;
    border-bottom: 2px solid #707070;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/*ボタン*/
.button-area_ {
	padding-bottom: 1px;
}
.button-area_ a.link_,
.button-area_ input {
  padding: 15px 0;
  margin-bottom: 10px;
  font-size: 14px;
  text-decoration: none;
  display: block;
}
.order_ .first_order_ form .submit_.button-area_ input.button_.link_ {
    margin-bottom: 10px;
}
.button-area_ input{
  padding: 15px 0;
}
.button-area_ .yellow_button_{
	width: 315px;
	max-width: 100%;
	margin: 0 auto;
  border: 1px solid #FDE13E;
  border-radius: 5px;
  background: #FDE13E;
  font-size: 14px;
	font-weight: bold;
  box-shadow: none;
  color: #222;
}
.questionnaire_ .yellow_button_ {
    margin-bottom: 10px;
}
.questionnaire_ input, select{
  margin-right: 5px;
}
.button-area_ .yellow_button_[disabled]{
  color: #afafaf;
  background: #ddd;
  border: 1px solid #cccccc;
  font-size: 16px;
}
.button-area_ .glay_button_{
  box-shadow: none;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
  font-size: 14px;
  color: #222;
}
.text_button_,
.order_gift_ form[name="frmCustdest"] .button-area_ input[name="delete"] {
  background: none;
  border: none;
  box-shadow: none;
  font-size: 14px;
  color: #0083D5;
}
.order_gift_ form[name="frmCustdest"] .button-area_ input[name="delete"] {
	display: inline-block;
	margin-bottom: 0;
}
.button-area_ .back_button_ {
	width: 70px;
	padding: 10px 20px;
	margin: 10px auto 30px;
	background: #F2F2F2;
	border: 1px solid #CCC;
	border-radius: 4px;
	font-size: 15px;
	color: #222;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
  box-shadow: none;
	display: block;
}
.button-area_ p{
    /* color: #959595;
    font-size: 12px;
    text-align: left;
    margin: 10px auto 17px; */
    font-size: 15px;
}
.order_ form#frmSales #estimate_method .button-area_ p.back_shop_button_{
    margin-top: 0;
    margin-bottom: 0;
}
.button-area_ input.button_.back_button_ + p {
    margin: 0 10px;
    color: #757575;
}
.button-area_ p.submit_txt_ {
    margin: 0 10px;
    color: #757575;
}
.button-area_ p.estimate_submit_desc_ {
    margin: 0 10px 15px;
    color: #D10000;
}
.button-area_ p span{
    /* color: #de5252;
    font-size: 12px; */
    color: var(--cart-list-red);
    font-size: 15px;
}
.gradation-glay_{
  border: 1px solid #ccc;
  border-radius: 4px;
  background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
  color: #222;
}
/*アコーディオン*/
.js-accordion_ dd{
  display: none;
}
/*モーダルウィンドウ*/
.modal-block_ {
  display: none;
}
.modal-block_.fixed_ {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
    height: 100%;
  background: rgba(0,0,0,0.5);
}
.modal_{
  border: 1px solid #aaa;
  border-bottom: none;
  background: #fff;
  min-width: 220px;
  max-width: calc(100% - 20px);
  height: 80%;
  position: relative;
  overflow: hidden;
    margin: 0 auto;
    margin-top: 50vh;
    transform: translateY(-50%);
}
.modal-inner_{
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: calc(100% - 60px);
}

.modal_ .modal-close_{
    position: relative;
  z-index: 20;
  width: calc(100% - 30px);
  font-size: 18px;
  font-weight: bold;
  padding: 9px 15px;
  background: #dedede;
}
.modal_ .modal-close_:before{
  display: block;
  position: absolute;
  content: "";
  margin: 0 0 0 7px;
  padding: 0;
  width: 2px;
  height: 14px;
  background: #fff;
  transform: rotate(45deg);
  top: 37%;
  right: 19px;
}
.modal_ .modal-close_:after{
  display: block;
  content: "";
  position: absolute;
  top: 55%;
  right: 13px;
  width: 14px;
  height: 2px;
  margin-top: -2px;
  background: #fff;
  transform: rotate(45deg);
}
/*ラジオボタン デザイン*/
form[name="frmCustomer"] dd {
    padding: 0px 10px 10px;
    position: relative;
}
input#AddrInput_0,
input#addr_regular_sales_1,
input#addr_subsc_sales_1,
input#mag2_1,
input#sex_0,
input#mailnews_1,
input#login_mail_1,
input#authperson_1,
input#post_office_notice_1 {
    position: absolute;
    left: 25px;
    z-index: 99;
    top: 25px;
}
label[for="AddrInput_0"] ,
label[for="addr_regular_sales_1"] ,
label[for="addr_subsc_sales_1"] ,
label[for="mag2_1"] ,
label[for="mailnews_1"],
label[for="login_mail_1"],
label[for="authperson_1"],
label[for="post_office_notice_1"],
label[for="sex_0"],
label[for="sex_1"],
label[for="sex_2"]{
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 75px;
    height: 30px;
    padding: 20px 20px 20px 55px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
    color: #222;
    font-size: 12px;
    line-height: 1.4;
    position: relative;
    margin: 5px 10px 10px 0;
}
input#AddrInput_1,
input#addr_regular_sales_0,
input#addr_subsc_sales_0,
input#mag2_0 ,
input#sex_1,
input#sex_2,
input#mailnews_0,
input#login_mail_0,
input#authperson_0,
input#post_office_notice_0 {
    position: absolute;
    left: 188px;
    z-index: 99;
    top: 25px;
}
label[for="AddrInput_1"],
label[for="addr_regular_sales_0"] ,
label[for="addr_subsc_sales_0"] ,
label[for="mag2_0"] ,
label[for="sex_2"] ,
label[for="mailnews_0"],
label[for="login_mail_0"],
label[for="authperson_0"],
label[for="post_office_notice_0"] {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 75px;
    height: 30px;
    padding: 20px 20px 20px 55px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
    color: #222;
    font-size: 12px;
    line-height: 1.4;
    position: absolute;
    margin: 5px 0 10px 0;
}
.customer_.col1_ form#frmCustomer dl.formdetail_.customer_ input[name="AddrInput"], .customer_.col1_ form#frmCustomer dl.formdetail_.customer_ input[name="mag2"], .customer_.col1_ form#frmCustomer dl.formdetail_.customer_ input[name="login_mail"],.customer_.col1_ form#frmCustomer dl.formdetail_.customer_ input[name="authperson"], .customer_.col1_ form#frmCustomer dl.formdetail_.customer_ input[name="mailnews"], .customer_.col1_ form#frmCustomer dl.formdetail_.customer_ input[name="post_office_notice"],
.customer_.col1_ form#frmCustomer dl.formdetail_.customer_ input[name="sex"]{
    display: none;
}
.formdetail_.customer_ input + label {
    position: relative;
}
.formdetail_.customer_ input + label::before {
    content: "";
    width: 30px;
    height: 30px;
    background: #ddd;
    border-radius: 50%;
    position: absolute;
    left: 20px;
}
.formdetail_.customer_ input + label::after {
    content: '';
    position: absolute;
    top: 29px;
    left: 29px;
    display: inline-block;
    width: 10px;
    height: 6px;
    margin: 0;
    border-radius: 2px;
    border-left: 3px solid #ddd;
    border-bottom: 3px solid #ddd;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 2;
    border-color: #fff;
}
.formdetail_.customer_ input:checked + label::before {
    background: #c00;
}
.radio-area_ input{
  display: none;
}
.radio-area_  label{
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
  height: 30px;
  padding: 20px 20px 20px 55px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
  color: #222;
    font-size: 12px;
    line-height: 1.4;
}
.radio-area_  label:before{
  content: '';
  position: absolute;
  top: 20px;
  left: 15px;
  display: block;
  width: 30px;
  height: 30px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 30px;
  background: none;
}
.radio-area_  label:after{
  content: '';
  position: absolute;
  top: 29px;
  left: 23px;
  display: inline-block;
  width: 10px;
  height: 6px;
  border-radius: 2px;
  border-left: 3px solid #ddd;
  border-bottom: 3px solid #ddd;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 2;
}
.radio-area_ input:checked + label:after{
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
.radio-area_ input:checked + label:before{
  background: #222;
  border: 1px solid #222;
}

.order_gift_ .delivery_detail_ #method_pay .method_list_.radio-area_ + p {
    color: #8b8b8b;
    font-size: 12px;
    margin: 5px 5px 0;
}
.order_gift_ .delivery_detail_ #method_pay .method_list_.radio-area_ + p.error_  {
    background: url(../img/usr/icon/attention.png) no-repeat left center;
    padding-left: 27px!important;
    background-size: 18px;
    margin: 5px 0;
    color: #CC0000;
    font-weight: bold;
}

dl.formdetail_.customer_ p.error_ ,
dl.formdetail_.contact_ p.error_ ,
dl.formdetail_.mailchange_ p.error_,
dl.formdetail_.forgotpass_ p.error_,
div.box_.mail_ p.error_ {
    background: url(../img/usr/icon/attention.png) no-repeat left center;
    padding-left: 27px;
    background-size: 18px;
    margin: 5px 0;
    color: #CC0000;
    font-weight: bold;
}
.order-h_ div.order_gift_.content_dest_ p.error_{
    background: url(../img/usr/icon/attention.png) no-repeat left center;
    background-size: 18px;
    margin: 5px 0;
    color: #CC0000;
    font-weight: bold;
}
.order_gift_ .delivery_detail_ #method_pay p.small_ {
    color: #8b8b8b;
    font-size: 12px;
    margin: 5px 5px 0;
}


/*チェックボックス デザイン*/
.check-box_{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 10px;
}
.check-box-inner_{
  position: relative;
  padding-left: 30px;
}
.check-box_ input{
  display: none;
}
.check-box_ label:after{
  content: '';
  position: absolute;
  top: 30%;
  left: 6px;
  display: inline-block;
  width: 8px;
  height: 3px;
  border-left: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 2;
}
.check-box_ label:before{
  content: '';
  position: absolute;
  top: -2px;
  left: 0;
  display: inline-block;
  width: 21px;
  height: 21px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  z-index: 1;
}
.order_gift_ .dest_list_ .post-office_list_ .address_item_ input[type="radio"][name="destlist"] + label:before {
    border-radius: 20px;
}
.check-box_ input:checked + label:after{
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.check-box_ input:checked + label:before{
  background: #222;
  border: 1px solid #222;
}
/*セレクト デザイン*/
p.select-val_ {
  display: none;
}

/*セレクト デザイン*/
p.cart_select_,
.recalculation_
{
  /*display: none;*/
}

.recalculation_{
  width: 100%;
}
.recalculation_ input{
  width: 115px !important;
  padding: 10px 0;
    margin: 0 0 8px !important;
}
.select-dropdown-overlay_{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  display: none;
}
.select-dropdown-overlay_.fixed_{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
    display: block;
    transform: translateZ(1);
}
.select-dropdown_,
.select-dropdown_cart_{
  border: 1px solid #aaa;
  border-bottom: none;
  background: #fff;
  width: 220px;
  max-width: calc(100% - 20px);
  height: 75%;
  overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.select-dropdown_ dt,
.select-dropdown_ li,
.select-dropdown_cart_ dt,
.select-dropdown_cart_ li{
  width: calc(100% - 30px);
  padding: 17px 15px;
  text-align: left;
  border-bottom: 1px solid #aaa;
  word-break: break-all;
}
.select-dropdown_ li:last-child,
.select-dropdown_cart_ li:last-child{
    border-bottom: none;
}
.select-dropdown_ dt,
.select-dropdown_cart_ dt{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  background: #dedede;
    color: #000;
    font-size: 18px;
    font-weight: bold;
}
/*.cartlist_ .select-dropdown_ dt,
.cartlist_ .select-dropdown_cart_ dt{
    line-height: 1;
}*/
.select-dropdown_ dt:before,
.select-dropdown_cart_ dt:before{
  display: block;
  position: absolute;
  content: "";
  margin: auto;
  padding: 0;
  width: 2px;
  height: 14px;
  background: #fff;
  transform: rotate(45deg);
  top: 0;
    bottom: 0;
  right: 19px;
}
.select-dropdown_ dt:after,
.select-dropdown_cart_ dt:after{
  display: block;
  content: "";
  position: absolute;
  top: 0;
    bottom: 0;
  right: 13px;
  width: 14px;
  height: 2px;
  margin: auto;
  background: #fff;
  transform: rotate(45deg);
}
.select-dropdown_ dd,
.select-dropdown_cart_ dd{
  overflow: auto;
  padding-top: 53px;
    width: 100%;
  height: 90%;
}
.select-dropdown_ dd ul,
.select-dropdown_cart_ dd ul{
    padding: 0 0 10px;
}
.select-dropdown_ li.active_,
.select-dropdown_cart_ li.active_{
}
.select-dropdown_ li.active_:after,
.select-dropdown_cart_ li.active_:after{
    display: inline-block;
    content: '';
    width: 8px;
    height: 3px;
    border-left: 2px solid #cd0000;
    border-bottom: 2px solid #cd0000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  vertical-align: middle;
  margin: 0 0 5px 15px;
}
.select-inner_{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.order_gift_ dl.formdetail_ dt#host_addr_inputmode + dd .select-block_ {
    margin: 0;
}
.order_gift_ dl.formdetail_ dt#host_addr_inputmode + dd .select-block_ .select-inner_{
    margin: 0 0 4px;
}
.select-inner_ .select-text_,
.select-inner_ .select-val_ input{
  width: 100%;
  border: 1px solid #aaa;
  border-radius: 5px;
  padding: 10px 20px 10px 15px;
  font-size: 14px;
  position: relative;
  pointer: cursor;
}
.select-inner_ .select-text_ {
	min-height: 21px;
}
.delivery_detail_ .method_goodslist_item_ .select-inner_ .select-text_{
  font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding-right: 20px;
}
.select-inner_ .select-val_,
.select-inner_ .cart_select_{
  width: 100%;
}
.select-inner_ .cart_select_ input[type="tel"] {
    width: 115px;
}
.select-inner_ .select-val_ input,
.select-inner_ .cart_select_ input{
  max-width: none;
  width: 100%;
  padding: 10px 0;
    text-align: center;
}
.select-inner_ .cart_select_ input{
    font-size: 18px;
}
.select-inner_ .select-text_:after{
  position: absolute;
  top: 40%;
  right: 10px;
  display: block;
  content: "";
  height: 0px;
  width: 0px;
  border-bottom: 0px solid transparent;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: #000 8px solid;
}
.select-inner_ .text_button_{
  color: #0072B9;
  background: none;
  border: none;
  box-shadow: none;
    padding-right: 0;
}
/*//セレクト デザイン*/

input.calc_ {
    width:0px;
    height:0px;
}

div.postage_comment_ {
    padding: 5px 5px 0 5px;
    margin: 5px 0 0 auto;
    text-align: right;
    font-weight: bold;
    color: #ff0000;
}

div.postage_comment2_ {
    padding: 0 5px 0 5px;
    margin: 0 0 0 auto;
    text-align: right;
    color: #ff0000;
}

/* --------------------------------------------------------------------
    ご注文方法の指定
-------------------------------------------------------------------- */
div.order_ {
    background: #f8f8f8;
}
div.i-line_ {
    margin-bottom: 5px;
}
span.i-must_ {
    display: inline-block;
    background: #f5f5f5;
    border-radius: 3px;
    color: #d10000;
    font-size: 10px;
    font-weight: normal;
    padding: 3px 6px;
    margin-right: 6px;
}
div.order_ address,
div.order_gift_ address {
    font-style: normal;
}
div.order_gift_ address p {
    margin: 0 0 5px;
}
div.order_ .common_headline1_,
div.order_gift_ .common_headline1_{
  font-size: 22px;
}
div.order_ .goods_vertical .common_headline1_{
  font-size: 14px;
}
/*
div.order_ div[fsid="fsrecommenddiv43"] {
    margin: 20px 0 0;
}
*/
/*
div.order_ div[fsid="fsrecommenddiv43"] .goods_vertical .common_headline1_{
    padding-top: 25px;
}
*/
div.order_ .common_headline2_{
  padding: 12px 10px;
  margin-bottom: 10px;
  border: none;
  font-size: 18px;
  font-weight: bold;
  background: #ededed;
}
p.back_shop_button_ {
    padding: 20px 0 30px;
    border-top: #e5e5e5 1px solid;
    text-align: center;
    background: #f8f8f8;
}
.cartlist_ form p.back_shop_button_ {
    border-top: 0;
    padding: 40px 20px 30px;
    margin: 25px 0 0!important;
}
p.back_shop_button_ a {
    text-decoration: none;
    font-size: 14px;
    color: #0083D5;
}

.cartlist_ form p.back_shop_button_ + .inquiry-section_{
  background: #f8f8f8;
}

.indent_memo_ {
    margin-top: 10px;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 12px;
}
.indent_memo_.gray_ {
    color: #aaaaaa;
}
.delivery_detail_ #method_post .indent_memo_.gray_ {
    margin: 0 0 10px;
}
.delivery_detail_ #method_post .indent_memo_.gray_ + dl dd{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* ご注文主（ログイン時） */
div.method_host_ {
}

div.method_host_ div.host_info_ {
    margin: 0 10px 10px;
    padding: 5px;
    background: #F0F0F0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
div.method_host_ .host_name_ {
    padding-bottom: 5px;
}
div.method_host_ address {
    padding: 10px;
    background: #FFF;
    font-style: normal;
}
table.method_host_ {
    margin-bottom: 20px;
    width: 100%;
}
tr#host_mail input,
tr#host_cmail input,
tr#host_addr input,
tr#host_addr2 input,
tr#host_addr3 input,
tr#host_comp input,
tr#host_dept input {
    width: 300px;
}

/**/
/* 贈り主（ログイン時） */
div.method_sender_ .common_headline2_{
  background-image: url(../img/usr/icon/pencil2.png);
    background-size: auto 25px;
}
div.method_sender_ div.sender_info_{
    margin: 10px;
    padding: 15px 20px;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    background: #fff;
}
div.method_sender_ ul.method_sender_ {
    width: 90%;
    padding-left: 20px;
}
div.method_sender_ .sender_info-inner_ address,
div.post-office-search_ .sender_info-inner_ address{
  font-style: normal;
  width: 80%;
}
div.method_sender_ .sender_info-inner_ address p,
div.post-office-search_ .sender_info-inner_ address p,
div.dest_list_ .address_item_ address p{
    margin: 0 0 5px;
}
div.method_sender_ .sender_info-inner_ address strong,
div.post-office-search_ .sender_info-inner_ address strong{
  display: block;
}
div.method_sender_ .sender_change_,
div.post-office-search_ div.sender_change_ {
	margin: 10px 0 15px;
}
.content_dest_ div.method_sender_ .sender_change_ {
	margin-bottom: 0;
}
div.method_sender_ .sender_change_ input,
div.post-office-search_ div.sender_change_ input{
  display: none;
}
div.method_sender_ .sender_change_ label,
div.post-office-search_ div.sender_change_ label{
	display: block;
	text-align: center;
	width: 100%;
}
div.method_sender_ .sender_change_ label span,
div.post-office-search_ div.sender_change_ label span{
	position: relative;
  color: #0072B9;
	padding-right: 18px;
}
div.method_sender_ .sender_change_ label span:after,
div.post-office-search_ .sender_change_ label span:after{
  display: block;
  content: '';
	position: absolute;
	top: 4px;
	right: 0;
  width: 6px;
  height: 6px;
  margin: 0 auto;
  border-right: 2px solid #0072B9;
  border-bottom: 2px solid #0072B9;
  -webkit-transition: -webkit-transform 0.25s linear;
  transition:transform 0.25s linear;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
div.method_sender_ .sender_change_ input:checked + label span:after,
div.post-office-search_ .sender_change_ input:checked + label span:after{
  display: block;
  content: '';
	position: absolute;
	top: 7px;
	right: 0;
  width: 6px;
  height: 6px;
  border: none;
  border-right: 2px solid #0072B9;
  border-bottom: 2px solid #0072B9;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
/**/
/* 宛て先（ログイン時） */
div.method_address_ {
}
div.addresslist_ {
}
div.address_item_ {
    margin: 10px 20px;
    padding: 5px;
    background: #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
div.address_item_ .address_title_ {
    padding-bottom: 5px;
}
div.address_item_ .dest_disp address {
    padding: 10px;
    background: #FFF;
    font-style: normal;
}
div.address_item_ .address_change_ {
    margin-top: 5px;
    text-align: right;
}
div.address_bottom_ {
    padding: 0 10px;
    text-align: right;
}
div.address_bottom_ input {
    margin-bottom: 10px;
}
/**/
/*郵便局検索*/
.post-office_list_ .check-box_{
  padding: 10px 0;
}
.post-office_list_ .check-box_ label {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 0 0 48px;
}
.post-office_list_ .check-box_ label:before{
  width: 32px;
  height: 32px;
  top: 4px;
  left: 4px
}
.post-office_list_ .check-box_ label:after{
  width: 10px;
  height: 6px;
    top: 35%;
  left: 14px;
  border-left: 3px solid #ddd;
  border-bottom: 3px solid #ddd;
}
.post-office_list_ .check-box_ input:checked + label:after{
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
.post-office-address_ .post-office-address-ttl-wrap_ {
    display: flex;
    justify-content: space-between;
}
.post-office-search_,
.post-office-address_ .post-office-address-contents_ > div {
  display: none;
}
.post-office-address_ .post-office-address-contents_ > div:first-child {
    display: block;
}
.post-office-address_ .post-office-address-ttl_{
    width: calc((100% - 15px) / 4);
  padding: 11px 0;
    text-align: center;
    border: 1px solid #707070;
    border-radius: 4px;
    margin: 0 5px 0 0;
    box-sizing: border-box;
    font-size: 12px;
}
.post-office-address_ .post-office-address-ttl_.open{
    color: #fff;
    background: #000;
    border: 1px solid #000;
}
.post-office-address_ .post-office-address-ttl_:last-child{
    margin: 0;
}
.post-office-address_ .post-office-address-contents_ > div{
  padding: 10px 0 0;
}
.post-office-address_ .post-office-address-contents_ > div > p:first-child {
    margin: 0 0 10px;
}
.post-office-address_ .post-office-address-contents_ > div .error_{
  display: none;
}
.post-office-address_ .post-office-address-contents_ > div .map-link_{
  text-align: right;
    margin: 5px 0 0;
}
.post-office-address_ .post-office-address-contents_ > div .map-link_ a{
  color: #0083D5;
  text-decoration: none;
}
.post-office-address_ .post-office-address-contents_ > div .btn_search{
  display: inline-block;
  width: calc(100% - 54% - 30px);
  padding: 0.7em 0;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
  color: #222;
  text-align: center;
  text-decoration: none;
}
.post-office-address_ .post-office-address-contents_ > div .btn_search + .select-block_{
    clear: both;
    margin: 0;
}
.post-office-address_ .post-office-address-contents_ > div input{
    float: left;
  width: 53%;
  padding: 0.8em 0.6em;
    margin-right: 10px;
    font-size: 14px;
}
.post-office-address_ .post-office-address-contents_ > div.opne_{
  display: block;
}
.post-office-address_ .post-office-address-contents_ > div.opne_ > p:first-child{
    color: #767676;
    font-size: 12px;
    margin: 0 0 10px;
}
div.post-office-search_ .sender_info-inner_{
  display: flex;
  justify-content: space-between;
  align-content: center;
  padding: 15px 0;
}
div.post-office-search_ .sender_info_ .form_senderinfo_ dl.formdetail_{
  padding: 15px 0 10px;
}
div.post-office-search_ .sender_info_ .form_senderinfo_ dl.formdetail_[name="senderdata"]{
    padding-bottom: 0;
}
div.post-office-search_ .sender_info_ .form_senderinfo_ .btns_edit_customerinfo_{
  margin: 0;
  width: 100%;
}
div.post-office-search_ .sender-mail_ input{
  width: calc(100% - 20px);
  max-width: none;
  padding: 8px;
}
div.post-office-search_ .sender-mail_ input.classrequired{
  background: #fff;
    font-size: 14px;
}
/**/
/* 配送方法 */
div.method_box_ {
}
div.method_box_ h3 {
    margin: 0 0 10px 0;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: bold;
    background: #F0F0F0;
}
div.method_box_ div.method_box_content_ {
    padding: 18px 10px;
}
div.method_box_ .must {
    color: #CC0000;
    margin-left: 10px;
}
div.method_box_ .postoffice_qa1 {
    margin-top: 20px;
}
div.method_box_ .postoffice_qa2 {
    margin-bottom: 10px;
}
div.method_box_ .postoffice_qa3 {
    margin-bottom: 10px;
}
div.method_box_ .method_box_content_ .post_office_notice_ ul {
    padding: 10px 0px 10px 0px;
}
div.method_box_ .postoffice_thanks {
    padding: 0px 10px;
}
.order_gift_ .delivery_detail_ div#method_pay.method_box_ div.method_box_content_ {
    padding-bottom: 5px;
}
.delivery_detail_ div.method_box_#method_pay div.method_box_content_ + p.small_ {
    margin: 0 15px 12px;
    color: #8b8b8b;
}
/**/
/* クーポン */
/*
#method_coupon {
    display: none;
}
*/
#method_coupon h2.common_headline2_ {
    padding: 12px 0 12px 10px;
    background: #dedede;
}
#method_coupon .coupon_area_ .label_ {
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 5px;
}
#method_coupon .coupon_area_ .input_ {
    display: flex;
}
#method_coupon .coupon_area_ input[name="coupon"] {
    flex-grow: 1;
    margin: 0 6px 0 0;
    padding: 11px 8px;
    width: 60%;
}
a.open_available_coupon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    color: #222222 !important;
    border: #cccccc 1px solid;
    background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%) !important;
    background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%) !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-sizing: border-box;
    flex-grow: 1;
    width: 40%;
    font-size: 12px;
}
.order-h_ .order_gift_.content_select_ #method_coupon div.method_box_content_ p{
    margin-top: 10px;
    margin-bottom: 10px;
}

/**/
/* 配送希望日時指定 */
#method_date dl {
    margin: 0 0 10px 0;
}
#method_date dl dt {
    margin-bottom: 5px;
    float: left;
    display: inline;
    font-weight: bold;
}
#method_date dl dd {
    margin-left: 8em;
    margin-bottom: 5px;
}
/**/
/* お支払方法 */
.order_gift_ .delivery_detail_{
    background: #fff;
    margin: 20px 0 0;
}
#method_pay h2.common_headline2_ {
    padding: 12px 0 12px 10px;
    background: #dedede;
}
#method_pay .radio-area_ label {
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
  height: auto;
  padding: 14px 14px 14px 34px;
  border: none;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  background: none;
  color: #222;
}
#method_pay .radio-area_ li:first-child label {
  border-top: 1px solid #ccc;
}
#method_pay .radio-area_ input[disabled] + label {
    background: #eeeeee;
}
#method_pay .radio-area_ label:before {
    content: '';
    position: absolute;
    top: 14px;
    left: 7px;
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 30px;
    background: none;
}
#method_pay .radio-area_ label:after{
  content: '';
  position: absolute;
  top: 20px;
  left: 12px;
  display: inline-block;
  width: 8px;
  height: 4px;
  border-radius: 2px;
  border-left: 3px solid #ddd;
  border-bottom: 3px solid #ddd;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 2;
}
#method_pay .radio-area_ input:checked + label:after{
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
#method_pay .radio-area_ input:checked + label:before{
  background: #222;
  border: 1px solid #222;
}
#jpbaknentry_link {
    display: none;
    padding-bottom: 20px;
}
#jpbaknentry_link p {
    margin: 7px 15px 12px;
    color: #8b8b8b;
}
/**/
/* ポイント */
#method_point h2.common_headline2_ {
    padding: 12px 0 12px 10px;
    background: #dedede;
}
.currentpoint_ {
    margin-bottom: 10px;
}
div.point_use_ {
    margin-bottom: 10px;
    color: #ccc;
}
/**/
/* 紹介者 */
#method_post {
    background: #ffffff;
}
#method_post h2.common_headline2_ {
    padding: 12px 0 12px 10px;
    background: #dedede;
}
#method_post .postoffice_h2 {
    margin-top: 7px;
    font-size: 18px;
}
#method_post h3 {
    margin: 0;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    background: none;
}
#method_post .method_box_content_ + h3 {
    font-size: 12px;
}
#method_post h3 + .method_box_content_ {
    margin-top: 0;
    padding-top: 0;
}
#method_post #use_post_office {
    margin-bottom: 15px;
}
#method_post #use_post_office .now_select_ {
    margin-bottom: 10px;
}
#method_post #use_post_office p {
    font-size: 12px;
    margin: 10px 0 0;
}
#method_post #use_post_office p.select-text_ {
    font-size: 14px;
}
/**/
/*年齢確認*/
#method_age h2.common_headline2_ {
    padding: 12px 0 12px 10px;
    background: #dedede;
}
/**/
/* 注文拡張情報 */
div.method_salesappend_ {
}
dl.salesappend_ dd span {
    display: block;
}
dl.salesappend_ dd.salesappend_radio input,
dl.salesappend_ dd.salesappend_checkbox input {
    display: block;
    float: left;
    clear: left;
    margin-top: 0px;
    margin-bottom: 0px;
}
dl.salesappend_ dd.salesappend_radio label,
dl.salesappend_ dd.salesappend_checkbox label {
    display: block;
    clear: none;
    margin-left: 20px;
}

#method_post + h2.common_headline2_ {
    padding: 12px 0 12px 10px;
    background: #dedede;
}
#method_post + h2 + dl dd span.small_ {
    margin: 5px 0 0;
}

/**/

/* --------------------------------------------------------------------
    ギフト注文 配送先の選択
-------------------------------------------------------------------- */
/*新規追加*/
.order_gift_{
  background: #f8f8f8;
}
.order_ input::placeholder,
.order_gift_ input::placeholder{
  color: #ccc;
}
.order_gift_ .common_headline1_{
  font-size: 22px;
    margin: 0 0 12px;
}
.order_gift_ .common_headline2_{
  font-size: 18px;
  font-weight: bold;
  /* background: #dedede url(../img/usr/icon/delivery-truck3.png) 10px center no-repeat; */
  background-size: auto 21px;
  border: none;
  padding: 15px 0 12px 47px;
}
.order_gift_ dl.formdetail_{
  border: none;
  background: #fff;
  margin: 0;
  padding: 18px 10px 15px;
}
.order_gift_ dl.formdetail_[name="senderdata"]{
    padding: 15px 0 0;
}
.order_gift_ dl.formdetail_ dt{
  font-size: 12px;
  background: #fff;
  font-weight: bold;
  padding-left: 0;
    margin: 0 0 5px;
    flex-direction: unset;
    justify-content: flex-start;
}
.order_gift_ form[name="frmCustdest"] dl.formdetail_ dt#host_tel + dd + dt {
    background: #f8f8f8;
    width: 100vw;
    margin: 0 0 0 -10px;
    padding: 15px 10px 3px;
    font-size: 16px;
    box-sizing: border-box;
}
.order_gift_ form[name="frmCustdest"] dl.formdetail_ dt#host_tel + dd + dt + dd.gray_ {
    background: #f8f8f8;
    width: 100vw;
    margin: 0 0 10px -10px;
    padding: 0 10px 7px;
    box-sizing: border-box;
}
.order_gift_ dl.formdetail_ dt.disabled_,
.order_gift_ dl.formdetail_ dd.disabled_ {
	position: relative;
}
.order_gift_ dl.formdetail_ dt.disabled_:before,
.order_gift_ dl.formdetail_ dd.disabled_:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .6);
	z-index: 10;
}
.order_gift_ dl.formdetail_ dd.disabled_ > p:last-child {
	position: relative;
	font-size: 12px;
	color: #d10000;
	padding: 3px 0 0;
	z-index: 10;
}
.order_gift_ dl.formdetail_ dd.disabled_ .show_sample_ + p:last-child {
	transform: translateY(-20px);
}
.order_gift_ dl.formdetail_ dt#host_zip{
    margin: 0 0 10px;
}
.order_gift_ dl.formdetail_ dt span{
  color: #C00;
  font-size: 10px;
  background: #FFF;
  border: 1px solid #C00;
  width: 30px;
  text-align: center;
  box-sizing: border-box;
  border-radius: 2px;
  padding: 1px 0 0;
  margin: 0 14px 0 0;
}
.order_gift_ dl.formdetail_ dd{
  padding: 0;
    margin: 0 0 15px;
}
.order_gift_ dl.formdetail_ dd:last-child{
    margin: 0;
}
.order_gift_ dl.formdetail_ dd.gray_{
    color: #7f7f7f;
    font-size: 12px;
}
.order_gift_ dl.formdetail_ dd.s_addr_done{
    margin: 10px 0;
}
.order_gift_ dl.formdetail_ dd.s_addr_done:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility:hidden;
}
.wrapper_.order-h_ .order_gift_ dl.formdetail_ dd.s_addr_done .checktype_zip .efo_icon_,
.wrapper_.custdest_ .order_gift_ dl.formdetail_ dd.s_addr_done .checktype_zip .efo_icon_ {
    bottom: 5px;
    right: -2px;
}
.order_gift_ dl.formdetail_ dd.s_addr_done > span:first-child,
.order_gift_ dl.formdetail_ dd.d_addr_done > span:first-child {
    float: left;
    margin-bottom: 5px !important;
}
.order_gift_ dl.formdetail_ dd.s_addr_done span.efo.checktype_zip,
.order_gift_ dl.formdetail_ dd.d_addr_done span.efo.checktype_zip {
    float: left;
    margin-bottom: 0;
}
.order_gift_ dl.formdetail_ dd.s_addr_done span.efo.checktype_zip input,
.order_gift_ dl.formdetail_ dd.d_addr_done span.efo.checktype_zip input {
    padding: 0;
    margin: 0;
}
.order_gift_ dl.formdetail_ dd.s_addr_done span.s_zip,
.order_gift_ dl.formdetail_ dd.d_addr_done span.s_zip {
    float: left;
    margin-bottom: 0;
    margin-left: 15px;
}
.order_gift_ dl.formdetail_ dd.s_addr_done span.s_zip input,
.order_gift_ dl.formdetail_ dd.d_addr_done span.s_zip input {
    padding: 0;
    margin: 0;
}
.wrapper_.order-h_ .order_gift_ dl.formdetail_ dd span.efo,
.wrapper_.custdest_ .order_gift_ dl.formdetail_ dd span.efo{
    position: relative;
    display: block;
}
.wrapper_ dl.formdetail_ dd span.efo,
.wrapper_ dl.formdetail_ dd span.efo{
    position: relative;
    display: block;
}
.efo_icon_{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
    margin: auto;
    width: 20px;
    height: 20px;
}
.wrapper_.order-h_ .order_gift_ dl.formdetail_ dd.s_addr_done span.efo.checktype_addr,
.wrapper_.custdest_ .order_gift_ dl.formdetail_ dd.s_addr_done span.efo.checktype_addr,
.wrapper_.order-h_ .order_gift_ dl.formdetail_ dd.d_addr_done span.efo.checktype_addr {
    clear: both;
}

.order_gift_ dl.formdetail_ dt#host_zip + dd span:first-child,
.order_gift_ dl.formdetail_ dt#sender_zip + dd span:first-child{
    display: inline-block;
    margin: 0 0 8px;
}
.order_gift_ dl.formdetail_ dd input[type=text],
.order_gift_ dl.formdetail_ dd input[type=number],
.order_gift_ dl.formdetail_ dd input[type=tel],
.order_gift_ dl.formdetail_ dd textarea,
.order_gift_ dl.formdetail_ dd select {
    max-width: none;
  width: calc(100% - 22px);
  padding: 10px;
  background: #fff;
    font-size: 14px;
}
.order_gift_ form#noshisettingfrm dl.formdetail_ dd input[name="wrapping_name_text"],
.order_gift_ form#noshisettingfrm dl.formdetail_ dt#wrapping_name,
.order_gift_ form#noshisettingfrm dl.formdetail_ dt#wrapping_name + dd {
    display: none;
}
.order_gift_ dl.formdetail_ dd input[name="wrapping_text"] {
    margin: 4px 0 0;
}
.order_gift_ dl.formdetail_ dt#host_zip + dd input[type=text],
.order_gift_ dl.formdetail_ dt#sender_zip + dd input[type=text] {
    margin: 0 0 4px;
}
.order_gift_ dl.formdetail_ dt[id$="zip"] + dd[class$="addr_done"] span.checktype_zip input[id$="zip"] {
    width: 65px !important;
}
.order_gift_ dl.formdetail_ dd .s_inputmode_zip span.small_{
    display: inline-block;
  color: #757575;
    margin: 10px 0 0;
}
.order_gift_ dl.formdetail_ dd .s_inputmode_addr .small_ {
    color: #757575;
}

/*ラジオボタン*/
.order_gift_ dl.formdetail_ dt#host_addr_inputmode + dd input[type="radio"],
.order_gift_ dl.formdetail_ dt#sender_addr_inputmode + dd input[type="radio"],
.order_gift_ dl.formdetail_ dd input[type="radio"]#sender-group_type_0,
.order_gift_ dl.formdetail_ dd input[type="radio"]#sender-group_type_1,
.hide_input_ input[type="radio"] {
    display: none;
}
.order_gift_ dl.formdetail_ dt#host_addr_inputmode + dd input#s_addr_inputmode_0:checked + input + ul label[for="s_addr_inputmode_0"]:before,
.order_gift_ dl.formdetail_ dt#host_addr_inputmode + dd input#s_addr_inputmode_1:checked + ul label[for="s_addr_inputmode_1"]:before,
.order_gift_ dl.formdetail_ dt#host_addr_inputmode + dd input#AddrInput_0:checked + input + ul label[for="AddrInput_0"]:before,
.order_gift_ dl.formdetail_ dt#host_addr_inputmode + dd input#AddrInput_1:checked + ul label[for="AddrInput_1"]:before,
.order_gift_ dl.formdetail_ dt#host_addr_inputmode + dd input#d_addr_inputmode_0:checked + input + ul label[for="d_addr_inputmode_0"]:before,
.order_gift_ dl.formdetail_ dt#host_addr_inputmode + dd input#d_addr_inputmode_1:checked + ul label[for="d_addr_inputmode_1"]:before,
.order_gift_ dl.formdetail_ dt#sender_addr_inputmode + dd input#s_addr_inputmode_0:checked + input + ul label[for="s_addr_inputmode_0"]:before,
.order_gift_ dl.formdetail_ dt#sender_addr_inputmode + dd input#s_addr_inputmode_1:checked + ul label[for="s_addr_inputmode_1"]:before,
.order_gift_ dl.formdetail_ dt#sender_addr_inputmode + dd input#d_addr_inputmode_0:checked + input + ul label[for="d_addr_inputmode_0"]:before,
.order_gift_ dl.formdetail_ dt#sender_addr_inputmode + dd input#d_addr_inputmode_1:checked + ul label[for="d_addr_inputmode_1"]:before,
.order_gift_ dl.formdetail_ dd input[type="radio"]#sender-group_type_0:checked + input + ul label[for="sender-group_type_0"]:before,
.order_gift_ dl.formdetail_ dd input[type="radio"]#sender-group_type_1:checked + ul label[for="sender-group_type_1"]:before,
.order_gift_ dl.formdetail_ dd input[type="radio"]#recipient_addr_inputmode_0:checked + input + ul label[for="recipient_addr_inputmode_0"]:before,
.order_gift_ dl.formdetail_ dd input[type="radio"]#recipient_addr_inputmode_1:checked + ul label[for="recipient_addr_inputmode_1"]:before,
ul label.checked_:before {
    background: #222;
    border: 1px solid #222;
}
.order_gift_ dl.formdetail_ dt#host_addr_inputmode + dd input#s_addr_inputmode_0:checked + input + ul label[for="s_addr_inputmode_0"]:after,
.order_gift_ dl.formdetail_ dt#host_addr_inputmode + dd input#s_addr_inputmode_1:checked + ul label[for="s_addr_inputmode_1"]:after,
.order_gift_ dl.formdetail_ dt#host_addr_inputmode + dd input#AddrInput_0:checked + input + ul label[for="AddrInput_0"]:after,
.order_gift_ dl.formdetail_ dt#host_addr_inputmode + dd input#AddrInput_1:checked + ul label[for="AddrInput_1"]:after,
.order_gift_ dl.formdetail_ dt#host_addr_inputmode + dd input#d_addr_inputmode_0:checked + input + ul label[for="d_addr_inputmode_0"]:after,
.order_gift_ dl.formdetail_ dt#host_addr_inputmode + dd input#d_addr_inputmode_1:checked + ul label[for="d_addr_inputmode_1"]:after,
.order_gift_ dl.formdetail_ dt#sender_addr_inputmode + dd input#s_addr_inputmode_0:checked + input + ul label[for="s_addr_inputmode_0"]:after,
.order_gift_ dl.formdetail_ dt#sender_addr_inputmode + dd input#s_addr_inputmode_1:checked + ul label[for="s_addr_inputmode_1"]:after,
.order_gift_ dl.formdetail_ dt#sender_addr_inputmode + dd input#d_addr_inputmode_0:checked + input + ul label[for="d_addr_inputmode_0"]:after,
.order_gift_ dl.formdetail_ dt#sender_addr_inputmode + dd input#d_addr_inputmode_1:checked + ul label[for="d_addr_inputmode_1"]:after,
.order_gift_ dl.formdetail_ dd input[type="radio"]#sender-group_type_0:checked + input + ul label[for="sender-group_type_0"]:after,
.order_gift_ dl.formdetail_ dd input[type="radio"]#sender-group_type_1:checked + ul label[for="sender-group_type_1"]:after,
ul label.checked_:after {
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
}
.order_gift_ dl.formdetail_ dd ul.radio-area_,
.order_gift_ dl.goods_remarks_ dd ul.radio-area_{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.order_gift_ dl.formdetail_ dd ul.radio-area_ li,
.order_gift_ dl.goods_remarks_ dd ul.radio-area_ li{
    width: calc((100% - 5px) / 2);
}
.order_gift_ dl.formdetail_ dd ul.radio-area_ li:first-child,
.order_gift_ dl.goods_remarks_ dd ul.radio-area_ li:first-child{
  margin-right: 5px;
}
.order_gift_ dl.formdetail_ dd ul.radio-area_.two_ li,
.order_gift_ dl.goods_remarks_ dd ul.radio-area_.two_ li {
    flex-grow: 1;
}
.order_gift_ dl.formdetail_ dd ul.radio-area_.two_ li label,
.order_gift_ dl.goods_remarks_ dd ul.radio-area_.two_ li label {
  padding: 10px 20px 10px 55px;
}
.order_gift_ dl.formdetail_ dd ul.radio-area_.two_ li label:before,
.order_gift_ dl.goods_remarks_ dd ul.radio-area_.two_ li label:before{
  top: 10px;
  left: 15px;
}
.order_gift_ dl.formdetail_ dd ul.radio-area_.two_ li label:after,
.order_gift_ dl.goods_remarks_ dd ul.radio-area_.two_ li label:after{
  top: 19px;
  left: 23px;
}
.order_gift_ dl.formdetail_ dd ul.radio-area_.column_ {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: left;
    margin-bottom: 0;
}
.order_gift_ dl.formdetail_ dd ul.radio-area_.column_ li:first-child{
    margin-right: 0;
}
.order_gift_ dl.formdetail_ dd ul.radio-area_.column_ li {
    width: 100%;
    margin-bottom: 5px;
    flex-grow: 1;
}
.order_gift_ dl.formdetail_ dd ul.radio-area_.column_ li label {
  padding: 10px 20px 10px 55px;
}
.order_gift_ dl.formdetail_ dd ul.radio-area_.column_ li label:before{
  top: 10px;
  left: 15px;
}
.order_gift_ dl.formdetail_ dd ul.radio-area_.column_ li label:after{
  top: 19px;
  left: 23px;
}
.order_gift_ dl.formdetail_ dd > .s_inputmode_addr .select-block_ {
    margin: 0 0 4px;
}
.order_gift_ dl.formdetail_ dd ul.radio-area_ + .d_inputmode_zip .small_,
.order_gift_ dl.formdetail_ dd .d_inputmode_addr .small_{
    display: block;
    color: #757575;
    margin: 10px 0 0;
}
.order_gift_ dl.formdetail_ dd ul.radio-area_ + .r_inputmode_zip .small_ {
    color: #757575;
}
.order_gift_ dl.formdetail_ dd ul.radio-area_ + div.s_inputmode_zip {
    line-height: 0;
}
.order_gift_ dl.formdetail_ dd ul.radio-area_ + div.s_inputmode_zip span.small_ {
    line-height: 1;
}
/*efo*/
.order_gift_ .efo-error_ {
    display: flex;
    align-items: center;
    color: #d10000 !important;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0;
}
.order_gift_ .dest_list_ .efo-error_ {
    margin-right: 10px;
    margin-left: 10px;
}
.order_gift_ .efo-error_ img{
  width: 18px;
  height: 16px;
  vertical-align: middle;
  margin-right: 5px;
}
.order_gift_ dl.formdetail_ dd .efo-error_ ~ span input{
  border-color: #d10000;
  background: #FFF5F5;
}
/*送り主情報*/
.order_gift_ .sender-info_ .select-block_{
  margin: 15px;
}
/*新規追加*/
.order_gift_ .dest_list_ .common_headline2_{
  background-image: url(../img/usr/icon/delivery-truck2.png);
}
.order_gift_ .dest_list_ .address_customer_ h3,
.order_gift_ .dest_list_ .post-office_list_ h3,
.order_gift_ .dest_list_ .address_book_list_ h3{
  background: no-repeat left center;
  background-size: auto 22px;
  padding: 1px 0 0 32px;
  margin-bottom: 8px;
}
.order_gift_ .dest_list_ .address_customer_ h3{
  background-image: url(../img/usr/icon/home.png);
}
.order_gift_ .dest_list_ .post-office_list_ h3{
  background-image: url(../img/usr/icon/post-office.png);
}
.order_gift_ .dest_list_ .address_book_list_ h3{
  background-image: url(../img/usr/icon/address-note.png);
}
.order_gift_ .dest_list_ .post-office_list_ h4{
    display: flex;
    align-items: center;
    height: 21px;
  font-size: 12px;
  padding: 5px 10px;
  margin: 15px 0 10px;
  background: #ededed;
}
.order_gift_ .dest_list_ .post-office_list_ h4{
}
.order_gift_ .dest_list_ .post-office_list_ h4 span{
  display: inline-block;
  background: #f5f5f5;
  border-radius: 3px;
  color: #d10000;
  font-size: 10px;
  font-weight: normal;
  padding: 3px 6px;
  margin-right: 5px;
}
.order_gift_ .dest_list_ .btn_checkall_ {
    padding: 10px 10px 0;
}
.order_gift_ .dest_list_ .address_customer_{
    margin: 10px;
  padding: 20px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  background: #fff;
}
.order_gift_ .dest_list_ .address_item_ {
  margin: 0 0 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
  color: #222;
}
.order_gift_ .dest_list_ .address_item_.teiki_ {
    border: 0;
    background: transparent;
    margin-bottom: 0;
}
.order_gift_ .dest_list_ .address_item_.teiki_ p {
    color: #757575;
    font-size: 12px;
}
.order_gift_ .dest_list_ .post-office_list_,
.order_gift_ .dest_list_ .address_book_list_ {
    margin: 0 10px 10px;
  padding: 20px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  background: #fff;
}
.order_gift_ .dest_list_ .post-office_list_ p,
.order_gift_ .delivery_detail_ .post-office_list_ .select-inner_ > p:first-child{
  margin: 13px 0 10px;
}
.order_gift_ .dest_list_ .post-office_list_ h3 + p {
    color: #757575;
    font-size: 12px;
    margin: 10px 0 5px;
}
.order_gift_ .dest_list_ .post-office_list_ h4 + p,
.order_gift_ .dest_list_ .post-office_list_ .sender-mail_ p {
    color: #757575;
    font-size: 12px;
    margin-bottom: 0;
}
.order_gift_ .dest_list_ .post-office_list_ #sender_addr_inputmode + dd .d_inputmode_addr p{
    margin-bottom: 4px;
}
.order_gift_ .dest_list_ .post-office_list_ p.efo-error_{
    display: flex;
    align-items: center;
  color: #d10000;
  font-size: 13px;
  font-weight: bold;
/*    margin: 0 0 15px; */
}
.order_gift_ .dest_list_ .post-office_list_ .sender_info_ .sender_info-inner_{
    padding-bottom: 0;
}
.order_gift_ .dest_list_ .post-office_list_ .sender_info_ .sender_info-inner_ + .form_senderinfo_{
    padding-top: 0;
}
.order_gift_ .dest_list_ .post-office_list_ .sender_info_ address p{
    color: #404040;
    font-size: 14px;
    margin: 0 0 5px;
}
.order_gift_ .dest_list_ .address_book_list_{
  padding: 20px 20px 10px;
}
.order_gift_ .dest_list_ .address_book_list_ .address_item_.check_all_ .check-box_ {
    margin: 0;
}
.order_gift_ .dest_list_ .address_book_list_ .address_item_:last-of-type{
  margin-bottom: 0;
}
.order_gift_ .dest_list_ .address_book_list_ .address_item_ div.check-box_{
  padding: 10px 0;
}
.order_gift_ .dest_list_ .address_book_list_ .address_item_ .check-box_ label{
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 0 0 48px;
}
.order_gift_ .dest_list_ .address_book_list_ .address_item_ .check-box_ label:before{
  width: 30px;
  height: 30px;
  top: 5px;
  left: 4px;
}
.order_gift_ .dest_list_ .address_book_list_ .address_item_ .check-box_ label:after{
  border-left-width: 3px;
  border-bottom-width: 3px;
  width: 10px;
  height: 6px;
  top: 35%;
  left: 14px;
}
.order_gift_ .dest_list_ .address_book_list_ .btn_add_addr_{
  padding: 0;
  margin-bottom: 0;
  text-align: center;
}
.order_gift_ .dest_list_ .address_book_list_ .btn_add_addr_ input{
  font-size: 14px;
}
.order_gift_ .dest_list_ .address_item_ address {
  width: calc(100% - 50px);
    font-style: normal;
}
.order_gift_ .dest_list_ .address_item_ .address_title_ {
  display: flex;
  justify-content: space-between;
  align-items: center;
    font-size: 14px;
    margin-bottom: 7px;
    padding: 5px 5px 0 5px;
}
.order_gift_ .dest_list_ .address_item_ .check-box_{
  position: relative;
}
.order_gift_ .dest_list_ .address_item_ .address_title_ input[type="checkbox"],
.order_gift_ .dest_list_ .address_item_ .address_title_ input[type="radio"]{
  display: none;
}
.order_gift_ .dest_list_ .address_item_ .address_title_ label{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: calc(100% - 80px);
}
.order_gift_ .dest_list_ .address_item_ .address_title_ label .check-box_{
  content: '';
  position: relative;
  display: inline-block;
  width: 30px;
  height: 1px;
  overflow: hidden;
  padding-top: 30px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  z-index: 1;
    margin-left: 0;
}
.order_gift_ .dest_list_ .address_item_ .address_title_ input[type="radio"] + label .check-box_{
    border-radius: 20px;
}
.order_gift_ .dest_list_ .address_item_ .address_title_ label .check-box_:after{
  content: '';
  position: absolute;
  top: 30%;
  left: 9px;
  display: inline-block;
  width: 10px;
  height: 6px;
  border-left: 3px solid #ddd;
  border-bottom: 3px solid #ddd;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 2;
}
.order_gift_ .dest_list_ .address_item_ .address_title_ input:checked + label  .check-box_{
  background: #222;
  border: 1px solid #222;
}
.order_gift_ .dest_list_ .address_item_ .address_title_ input:checked + label  .check-box_:after{
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
.order_gift_ .dest_list_ .address_item_ .address_title_ .address_change_{
  width: 68px;
  text-align: center;
}
.order_gift_ .dest_list_ .address_item_ .address_title_ .address_change_ input{
  border: 1px solid #222;
  border-radius: 4px;
  font-size: 13px;
  background: #FFF;
  width: 100%;
  padding: 8px 0;
  color: #000;
}
.order_gift_ .dest_list_ .btn_add_addr_ {
    padding: 0 10px 10px 25px;
    margin-bottom: 20px;
    text-align: right;
}
.order_gift_ .form_senderinfo_ .btns_edit_customerinfo_ {
  display: flex;
  justify-content: center;
  align-items: center;
}
.order_gift_ .form_senderinfo_ .btns_edit_customerinfo_ input {
    display: block;
  padding: 10px;
}
.order_gift_ .form_senderinfo_ .btns_edit_customerinfo_ .copy-sbmit_{
  width: calc(70% - 5px);
  margin-right: 5px;
}
.order_gift_ .form_senderinfo_ .btns_edit_customerinfo_ .clear-sbmit_{
  width: 30%;
}
.order_gift_ div.method_sender_ .address_item_{
    border-bottom: none;
    margin-bottom: 10px;
}
.order_gift_ .sender-info_{
  background: #fff;
  padding-bottom: 15px;
}
.order_gift_ .sender-info_ h2.common_headline2_{
  background: #dedede url(../img/usr/icon/delivery-truck2.png) 13px center no-repeat;
  background-size: 25px;
}
.order_gift_ .sender-info_ .select-block_{
  margin: 15px 10px 0;
}
.order_gift_ .sender-info_ .addresslist_ .select-block_{
  margin: 15px 0;
}
.order_gift_ .checktype_zip{
    display: inline-block;
  margin-left:  15px;
    margin-bottom: 8px;
}
.order_gift_ .check-box_{
  justify-content: center;
}
.order_gift_ .agree-section_{
  padding: 20px 0;
}
.order_gift_ .agree-section_ a{
  text-decoration: none;
  color: #0083D5;
}

/* ご指定の郵便局に送る */
.order_gift_ .designation-contents_ {
    padding: 0 10px;
}
.order_gift_ .designation-contents_ .post-office-search_ {
    display: block;
}
.order_gift_ .designation-contents_ .post-office-search_ h4 {
    display: flex;
    align-items: center;
    height: 21px;
  font-size: 12px;
    padding: 5px 10px;
    margin: 15px 0 10px;
    background: #ededed;
}
.order_gift_ .designation-contents_ .post-office-search_ h4 span {
    display: inline-block;
    background: #f5f5f5;
    border-radius: 3px;
    color: #d10000;
    font-size: 10px;
    font-weight: normal;
    padding: 3px 6px;
    margin-right: 5px;
}
.order_gift_ .designation-contents_ .post-office-search_ p {
    margin: 13px 0 10px;
    color: #757575;
    font-size: 12px;
}
.order_gift_ .designation-contents_ .post-office-search_ .select-block_ {
    margin: 15px 0 0;
}
.order_gift_ .designation-contents_ dl[name="senderdata"] {
    display: block !important;
    padding: 0;
}
.order_gift_ .designation-contents_ .r_inputmode_addr .select-block_ {
    margin: 15px 0 4px;
}
.order_gift_ .designation-contents_ dl[name="senderdata"] .small_ {
    color: #757575;
}
.order_gift_ .designation-contents_ dl[name="senderdata"] dd.s_addr_done {
    margin-bottom: 0;
}

.post-office_list_ h4 + div,
.post-office-search_ h4 + div,
.post-office-search_ > div:first-child {
    color: #757575;
    font-size: 12px;
    overflow: hidden;
}
.dest_post_list_ > div,
#method_post #use_post_office + div {
    overflow: hidden;
}
.dest_post_list_ input[type="button"],
.post-office_list_ h4 + div input[type="button"],
.post-office-search_ h4 + div input[type="button"],
#method_post input[type="button"] {
    float: left;
    display: block;
    margin: 10px 5px 10px 0;
    width: calc((100% - 15px) / 4);
    padding: 11px 0;
    text-align: center;
    border: 1px solid #707070;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 12px;
    background: #fff !important;
}
.dest_post_list_ input[type="button"]#btnPostOffice,
#method_post input[type="button"]#btnPostOffice {
    margin-right: 0;
}
.post-office_list_ h4 + div input[type="button"][name="btnPostOffice"],
.post-office-search_ h4 + div input[type="button"][name="btnPostOffice"],
.post-office-search_ > div:first-child input[type="button"][name="btnPostOffice"] {
    margin-right: 0 !important;
}
.dest_post_list_ input[type="button"].active_,
.post-office_list_ h4 + div input[type="button"].active_,
.post-office-search_ h4 + div input[type="button"].active_,
#method_post input[type="button"].active_ {
    border: 1px solid #222;
    background: #222 !important;
    color: #fff !important;
}
.post-office_list_ .dest_search,
.post-office-search_ .dest_search {
    display: none;
    color: #757575;
    font-size: 12px;
    margin: 0 0 10px;
}
.post-office_list_ .dest_search#dest_search_zip,
.post-office-search_ .dest_search#dest_search_zip {
    display: block;
}
.post-office_list_ input#search_postoffice,
.post-office-search_ input#search_postoffice {
    float: left;
    width: 53%;
    padding: 0.8em 0.6em;
    margin-right: 10px;
    font-size: 14px;
}
#search_postoffice_line input#search_postoffice {
    float: left;
    width: 53%;
    padding: 0.8em 0.6em;
    margin-right: 10px;
    font-size: 14px;
}
.post-office_list_ #SearchPostOffice,
.post-office-search_ #SearchPostOffice {
    display: inline-block;
    width: calc(100% - 54% - 30px);
    padding: 0.7em 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
    color: #222;
    text-align: center;
    text-decoration: none;
}
#search_postoffice_line #SearchPostOffice {
    display: inline-block;
    width: calc(100% - 54% - 30px);
    padding: 0.7em 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
    color: #222;
    text-align: center;
    text-decoration: none;
}
#search_postoffice_line #ResetTextArea {
    display: inline-block;
    width: calc(100% - 54% - 30px);
    padding: 0.7em 0;
    margin-top: 3px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
    color: #222;
    text-align: center;
    text-decoration: none;
}
.post-office_list_ #SearchPostOffice + div,
.post-office-search_ #SearchPostOffice + div {
    overflow: hidden;
    clear: both;
}
.post-office_list_ #post_stop_list,
.post-office-search_ #post_stop_list {
    margin: 13px 0 10px;
    color: #222;
    font-size: 12px;
    width: 100%;
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: 10px 15px;
    position: relative;
    max-width: 100%;
    height: 40px;
    background-color: #fff;
}
.post-office_list_ #post_office_map,
.post-office-search_ #post_office_map {
    float: right;
    color: #0083D5;
    text-decoration: none;
}

/* --------------------------------------------------------------------
    ギフト注文 配送先商品追加画面
-------------------------------------------------------------------- */
.order_gift_ div.delivery_dest_add_ {
    text-align: right;
    margin-bottom: 20px;
}
.order_gift_ h3.top_massage_ {
    font-size: 14px;
    font-weight: bold;
}
.order_gift_ .add_goods_list_ {
    padding: 15px;
    margin: 0 0px 10px;
}
.order_gift_ .highlight_ {
    background: #FEE;
    border: 1px solid #FFC8C8;
    margin: 5px 0;
}
.order_gift_ .delivery_dest_{
}
.order_gift_ .delivery_dest_ .inner_{
  margin: 10px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}
.order_gift_ .delivery_dest_#delivery_1 .inner_{
    margin-bottom: 0;
}
.order_gift_ .delivery_dest_ .dest_ttl {
    position:relative;
}
.order_gift_.content_option_ .delivery_dest_ .dest_ttl {
	position: static;
}
table.dest_goods-list_ {
    margin: 0 15px 20px;
    width: calc(100% - 30px);
  display: block;
}
table.dest_goods-list_ thead td{
  padding: 10px 0;
}
table.dest_goods-list_ tbody {
  display: block;
  padding: 10px;
  border: 1px solid #CCCCCC;
}
table.dest_goods-list_ tbody.list_ {
  border-bottom: none;
  border-radius: 3px 3px 0 0 ;
}
table.dest_goods-list_ tbody.total_{
  border-radius: 0 0 3px 3px ;
}
table.dest_goods-list_ tbody.list_ tr{
  border-bottom: 1px solid #CCCCCC;
}
table.dest_goods-list_ tbody.list_ tr:last-of-type{
  border: none;
}
table.dest_goods-list_ td {
    padding: 20px 5px;
  vertical-align: top;
}
table.dest_goods-list_ td.img_ {
    width: 35%;
}
table.dest_goods-list_ td.img_ img {
    max-width: 100%;
}
table.dest_goods-list_ td.name_ {
    vertical-align: top;
}
table.dest_goods-list_ td.spec_ div{
  margin-bottom: 5px;
}
table.dest_goods-list_ td.spec_ .select-text_{
  width: 60%;
}
table.dest_goods-list_ td.spec_ .select-val_{
  width: 70%;
}
table.dest_goods-list_ td.spec_ .select-text_,
table.dest_goods-list_ td.spec_ .select-val_ input{
  font-size: 18px;
  font-weight: bold;
}
table.dest_goods-list_ td.spec_ .select-val_ input{
  text-align: center;
}
table.dest_goods-list_ td.spec_ .select-text_{
  text-align: center;
}
table.dest_goods-list_ td.name_ .name1_ {
    font-weight: bold;
}
table.dest_goods-list_ td.name_ .name2_ {
    font-size: 12px;
}
table.dest_goods-list_ td.price_box_ {
    vertical-align: top;
    text-align:right;
    width:90px;
}
table.dest_goods-list_ .tax_{
  color: #222;
}
table.dest_goods-list_ .price_box_ li.money_ {
    width:90px;
    text-align:right;
    padding: 2px;
}
table.dest_goods-list_ .price_box_ li.qty_ {
    text-align:right;
    width:90px;
    padding: 2px;
}
table.dest_goods-list_ td.button_ {
    vertical-align: middle;
    text-align: center;
    width: 64px;
}
table.dest_goods-list_ td.total_ {
    text-align:right;
}
table.dest_goods-list_ .qty_ input {
    text-align: right;
}
.order_gift_ .delivery_dest_ .dest_ttl .btn_deldest_{
    position:absolute;
    right:5px;
    top:8px;
}
.order_gift_ .delivery_dest_ .dest_goods_ttl_ {
    margin: 20px 20px 0;
    background: #EDEDED;
    color: #222;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 8px 6px;
}
.order_gift_ .delivery_dest_ .address_item_ {
    padding-bottom: 0;
    border: none;
}
.order_gift_ .delivery_dest_ .address_item_ .btn_deldest_{
    padding: 10px;
}
.order_gift_ div.delivery_dest_ {
    background: #f8f8f8;
    margin: 0;
    padding: 0 0 10px;
}
.order_ div.delivery_dest_ .dest_goods_ {
    margin: 10px;
    padding: 5px;
}
.order_gift_ div.delivery_dest_ .dest_goods_ {
    margin: 10px 20px 20px;
    padding: 0;
}
.order_ div.delivery_dest_ .dest_goods_ p.ttl_,
.order_gift_ div.delivery_dest_ .dest_goods_ p.ttl_ {
    margin-top: 0;
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: bold;
    color: #222;
}
.order_gift_ .delivery_dest_ .total_dest_price_ {
    padding: 0 10px 10px 10px;
}
.order_gift_ .delivery_dest_ .total_dest_price_ table{
    width:100%;
}
.order_gift_ .delivery_dest_ .total_dest_price_ table th{
    width: 30%;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 3px;
    background-color: #F8F8F8;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    white-space:nowrap;
}
.order_gift_ .delivery_dest_ .total_dest_price_ table th,
.order_gift_ .delivery_dest_ .total_dest_price_ table td{
    border: 1px solid #DDD;
    vertical-align: middle;
}
.order_gift_ .delivery_dest_ .total_dest_price_ table td.btns_ {
    width: 60px;
    vertical-align: middle;
}
.order_ .goodsinfo_box_,
.order_gift_ .goodsinfo_box_ {
    padding: 0 10px 0;
    margin: 0;
    border:#ccc 1px solid;
    border-bottom: none;
}
.order_ .goodsinfo_box_:first-child,
.order_gift_ .goodsinfo_box_:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.order_gift_ div[id^="delivery"].delivery_dest_ .goodsinfo_box_ {
    padding-bottom: 14px;
}
.order_gift_ .goodsinfo_box_ ul li:first-child {
    border-radius: 5px 5px 0 0;
}
table.goodsinfo_box_{
    width: 100%;
    margin-bottom: 0px;
}
.method_sales_detail_append_,
.method_box_content_{
    margin: 0;
}
table.goodsinfo_box_ th {
    background-color: #F8F8F8;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    font-weight: normal;
    padding: 3px;
    text-align: left;
    vertical-align: middle;
    white-space: normal;
    width: 30%;
}

table.goodsinfo_box_ td {
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 3px;
    vertical-align: top;
}

table.goodsinfo_box_ td table td {
    padding: 3px;
}

table.goodsinfo_box_ td.noshi_info_.no_border_t {
border-left: 1px solid #ccc;
}

table.goodsinfo_box_ input[type="text"], table.goodsinfo_box_ textarea {
    width: 90%;
}

table.goodsinfo_box_  td.btn_deldest_ {
        border: 1px solid #CCCCCC;
}

.order_gift_ .goodsinfo_box_ th{
    background: #F8F8F8;
}
.order_gift_ .select_dest_goods_box_{
    background: #FFF;
    padding: 10px 10px 10px 10px;
}
.order_gift_ .select_dest_goods_box_ .btn_add_goods_{
    margin-bottom: 10px;
}
.order_gift_ .select_dest_goods_box_ .add_goods_list_ table{
    width: 100%;
}
.order_gift_ .select_dest_goods_box_ .add_goods_list_ td{
    padding: 7px 10px 0 0;
}

.order_gift_ .select_dest_goods_box_ .add_goods_list_ td.qty_{
    text-align: right;
}
.order_gift_ .select_dest_goods_box_ .add_goods_list_ td.qty_ input{
    padding: 5px;
    width: 3em;
    text-align: right;
}
.order_gift_ .select_dest_goods_box_ .btn_add_checked_goods_{
    text-align: center;
    padding: 15px 15px 0;
}
ul.formlist_.method_goodslist_ {
    margin: 0 -10px 0;
}
ul.formlist_.method_goodslist_ li.method_goodslist_item_ {
    background: #ffffff;
    border-bottom: #eeeeee 2px solid;
}
ul.formlist_.method_goodslist_ li.method_goodslist_item_:last-child {
    border-bottom: none;
}
ul.formlist_.method_goodslist_ li .box_ {
    width: 100%;
    padding: 20px 15px;
    display: table;
    box-sizing: border-box;
}
ul.formlist_.method_goodslist_ li .img_ {
    width: 35%;
    vertical-align: top;
    display: table-cell;
}
ul.formlist_.method_goodslist_ li .img_ img {
    width: 100%;
}
ul.formlist_.method_goodslist_ li .desc_ {
    width: 65%;
    padding: 0 0 0 20px;
    vertical-align: top;
    display: table-cell;
}
ul.formlist_.method_goodslist_ li .method_goods_name_ {
    margin-bottom: 5px;
    line-height: 1.4;
    text-decoration: none;
    font-weight: bold;
    color: #222222;
}
ul.formlist_.method_goodslist_ li .method_goods_name_ p {
    text-decoration: none;
    font-weight: bold;
    color: #222222;
}
ul.formlist_.method_goodslist_ li .method_goods_name_ .name2_ {
		word-break: break-word;
}
ul.formlist_.method_goodslist_ li .method_goods_price_ {
    margin-bottom: 5px;
}
ul.formlist_.method_goodslist_ li .price_ {
    font-size: 16px;
    font-weight: bold;
}
ul.formlist_.method_goodslist_ li .price_ .tax_ {
    margin-left: 5px;
    font-size: 10px;
    font-weight: normal;
    letter-spacing: -1px;
    color: #222;
}
ul.formlist_.method_goodslist_ li .include_ {
    margin: 0 0 5px;
}
ul.formlist_.method_goodslist_ li .method_qty_ {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.order_ form#frmSales #estimate_method .destgoodslist_ .method_qty_ {
    justify-content: unset;
}
ul.formlist_.method_goodslist_ li .method_qty_ .select-block_ {
    width: 46%;
    display: inline-block;
    margin: 0 0 0 4px;
}
.noshi_box_btn_ {
    margin: 15px 0;
    text-align: center;
}
.noshi_box_btn_ input {
    width: 100%;
    height: 45px;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
    color: #222;
    font-size: 14px;
}
.noshi_setting_ {
    margin: 20px 0;
}
.noshi_setting_ dt {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
}
.noshi_setting_ dd {
    font-size: 14px;
    font-weight: normal;
}
.item_bikou_ {
    margin: 20px 0 0 0;
}
.item_bikou_ dt {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
}
.item_bikou_ dd textarea {
    width: 100%;
    max-width: 100%;
    padding: 10px;
    border: #aaaaaa 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 5px;
    line-height: 1.4;
    box-sizing: border-box;
}
.item_bikou_ dd textarea::placeholder{
    color: #d4d4d4;
}
.item_bikou_ dd textarea:-ms-input-placeholder{
    color: #d4d4d4;
}
.item_bikou_ dd textarea::-ms-input-placeholder{
    color: #d4d4d4;
}

/* --------------------------------------------------------------------
    ギフト注文 のし・ラッピング設定画面
-------------------------------------------------------------------- */
.order_gift_ .section_ {
    margin-bottom: 30px;
    background: #FCFCFC;
}
.order_gift_ .section_ label {
    padding: 0;
}
.order_gift_ .section_ h3{
    margin: 0 0 10px 0;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    background: #F0F0F0;
}
.order_gift_ .section_ ul{
    overflow: hidden;
    padding: 10px 20px;
}
.order_gift_ .section_ ul li{
    float: left;
}
.order_gift_ .section_ ul li label{
    display: block;
    margin-right: 20px;
    text-align: center;
}
.order_gift_ .section_ ul li label img{
    display: block;
    margin-bottom: 10px;
}
.order_gift_ .section_ .noshi_area_ .noshi_area_wrap_ .need_noshi_area_{
    margin-bottom: 30px;
}
.order_gift_ .section_ .noshi_area_ .noshi_area_wrap_ .need_noshi_area_ ul{
    overflow: hidden;
}
.order_gift_ .section_ .noshi_area_ .noshi_area_wrap_ .need_noshi_area_ ul li{
    float: left;
}
.noshi_sender_wrap_ {
    padding: 15px 10px 0 10px;
    background: #ffffff;
}
.noshi_sender_wrap_ .noshi_goods_ {
    padding: 0 0 15px 0;
    border-bottom: #e6e6e6 2px solid;
    margin: 5px 0 0;
    font-weight: bold;
}
.order_gift_ form#noshisettingfrm .noshi_sender_wrap_ .noshi_goods_ {
    font-weight: normal;
}
.order_gift_ .section_ .div_area_ {
    margin-bottom: 30px;
}
.order_gift_ .section_ .thum_box_wrapper_{
    overflow: hidden;
}
.order_gift_ .section_ .thum_box_ {
    float: left;
    padding: 10px 0 10px 20px;
}
.order_gift_ .section_ .thum_info_ {
    float: right;
    padding: 10px 20px 0 0;
}
.order_gift_ .section_ .thum_info_ .price_{
    padding: 10px 0;
}
.order_gift_ .section_ .thum_line_ {
    overflow: hidden;
    margin-bottom: 20px;
}
.order_gift_ .section_ .thum_item_ {
    float: left;
    text-align: center;
    margin-right: 10px;
    width:120px;
}
.order_gift_ .section_ .thum_item_ label{
    display: block;
}
.order_gift_ .section_ .thum_item_ img{
    display: block;
    margin-bottom: 10px;
    width:120px;
}
.order_gift_ .section_ .thum_item_ span.price_{
    display: block;
    margin-bottom: 10px;
    padding: 5px;
}
.order_gift_ .section_ .thum_item_ span.thum_info_text_{
    display: none;
}
.order_gift_ .section_ .free_input_{
    padding: 0 10px 10px 10px;
    margin: 0 10px 30px;
}
.order_gift_ .section_ .free_input_ input{
    padding: 5px;
}
.order_gift_ .section_ .divnameprint {
    margin-bottom: 30px;
}
.order_gift_ .section_ .divnameprint .disabled_ {
    background-color:#DEDEDE;
}

.order_gift_ .section_ .input_detail_ {
    margin: 0 20px 30px;
}
.order_gift_ .section_ .input_detail_ td {
    padding: 5px;
}
.order_gift_ .section_ .input_detail_ td input {
    padding: 5px;
}
p.centertext_.info_.divgonext {
    padding-top: 15px;
    color: #333333;
}
div.show_sample_ {
    margin-top: 5px;
    color: #0083D5;
}
div.show_sample_ .modal-btn_ {
    text-decoration: none;
    color: #0083D5;
}

/* --------------------------------------------------------------------
    ご注文内容の確認
-------------------------------------------------------------------- */
div.order_ .estimate_head_ {
    margin-bottom: 25px;
}
div.order_ .estimate_head_ .estimate_head_desc_ {
    margin: 0 30px 15px;
    color: #757575;
    font-size: 12px;
}
div.order_ .estimate_head_ .common_headline1_ {
    padding: 12px;
    font-size: 18px;
    background: #DEDEDE;
}
.submit_.button-area_.mb_ .estimate_submit_desc_ {
    color: #D10000;
    margin: 10px 20px 0;
}
div.spandual_ {
    margin: 10px 0 0;
}
div.spandual_ .form_opener_ {
    position: relative;
    margin-top: 16px;
    padding: 2px 0;
    color: #0083D5;
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
    cursor: pointer;
}
div.spandual_ .form_opener_::after {
    position: absolute;
    top: 7px;
    right: 3px;
    width: 8px;
    height: 8px;
    border-right: 2px solid #0083D5;
    border-bottom: 2px solid #0083D5;
    box-sizing: border-box;
    transition: all 0.3s;
    transform: rotate(45deg);
    content: "";
}
div.spandual_ .form_opener_.open_::after {
    top: 11px;
    transform: rotate(-135deg);
}
div.spandual_ .hide_form_ {
    display: none;
    margin-top: 16px;
}
div.spandual_ .hide_form_ .formlist_ {
    margin-bottom: 8px;
}
div.spandual_ .hide_form_ p {
    font-size: 12px;
    color: #757575;
}
div.spandual_ table {
    width: 100%;
}
div.spandual_ table.top_form_ {
    border-bottom: 1px solid #E7E7E7;
}
div.spandual_head_ {
    padding: 16px 20px;
    border: 1px solid #e7e7e7;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
}
div.spandual_head_ table:last-child {
    border-top: 1px solid #e7e7e7;
    margin-top: 11px;
}
div.spandual_head_ table:last-child tr:first-child th,
div.spandual_head_ table:last-child tr:first-child td {
    padding-top: 10px;
}
div.spandual_head_ table th {
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    color: #333333;
}
div.spandual_head_ table td {
    text-align: right;
    font-size: 14px;
    font-weight: normal;
    color: #333333;
}
div.spandual_head_ table th.total_price_ {
    padding-top: 3px;
    font-weight: bold;
}
div.spandual_head_ table td.total_price_ {
    padding-top: 3px;
    font-size: 22px;
    font-weight: bold;
    color: #d10000;
}
div.spandual_head_ table.top_form_ th.total_price_,
div.spandual_head_ table.top_form_ td.total_price_ {
    padding-top: 7px;
    padding-bottom: 23px;
}
div.spandual_head_ .hide_form_ th.total_price_,
div.spandual_head_ .hide_form_ td.total_price_ {
    border-top: 1px solid #e7e7e7;
}
div.spandual_head_ + p {
    color: #959595;
    font-size: 12px;
    margin: 5px 0 0;
}
div.spandual_head_ table th.tax_subtotal_ {
	padding-left: 30px;
}
div.spandual_head_ table tr.order_total_ {
	border-top: 1px solid #e7e7e7;
}
div.spandual_head_ table th.order_total_ {
	padding-top: 10px;
}
div.spandual_head_ table th.subtotal_ ,
div.spandual_head_ table td.subtotal_ {
	border-top: 1px solid #e7e7e7;
	padding-top: 10px;
	font-weight: bold;
}
div.spandual_head_ table th.post_payment_,
div.spandual_head_ table td.post_payment_ {
	font-weight: bold;
}
div.spandual_head_ table th.total_point_,
div.spandual_head_ table td.total_point_ {
	display: none;
}
div.spandual_head_ table th.get_point_,
div.spandual_head_ table td.get_point_ {
	font-weight: bold;
}
div.spandual_head_ table td.get_point_ {
	color: #d10000;
}
#estimate_payment_form h2.common_headline2_ {
    background: #dedede;
  padding: 12px 0 12px 43px;
  background: #dedede url(../img/usr/icon/method_payment.png) 10px 9px no-repeat;
  background-size: 24px;
    margin-bottom: 0;
}
span.sagawa_message_ {
  color: #CC0000 !important;
}
div.sagawa_message_ span.sagawa_message_ {
    top: -10px;
    position: relative;
}
div.dest_goods_ div.method_goods_delivery_ span.sagawa_message_ {
  display: block;
}

/* ご注文の商品 */
table.estimate_ {
    border: 1px solid #CCCCCC;
    margin-bottom: 10px;
    width: 100%;
}
table.estimate_ th{
    border-bottom: 1px solid #CCCCCC;
    background-color: #F8F8F8;
    padding: 3px;
    font-weight: normal;
    text-align:left;
}
table.estimate_ td{
    padding: 3px;
}
table.estimate_ td textarea {
    max-width: 95%
}
table.estimate_.sales_,
table.estimate_method_ {
    border-top: 1px solid #CCCCCC;
}
table.estimate_.sales_ th,
table.estimate_method_ th {
    width: 40%;
    text-align: left;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    white-space:nowrap;
    background-color: #F8F8F8;
    padding: 3px;
}
table.estimate_.sales_ td,
table.estimate_method_ td {
    width: 60%;
    padding: 3px;
    text-align: right;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}
table.estimate_.sales_ td.nocell_ {
    border: none !important;
}

.order_notice_ {
    margin: 10px;
    color: #d10000;
}
.order_.col1_ .top_comment_ + .order_notice_ {
    margin-top: 20px;
}
.order_.col1_ .submit_.button-area_ + .order_notice_ {
    margin-top: 25px;
    margin-bottom: 0;
}
.first_order_ p.message_ {
    font-size: 14px;
    line-height: 1.6;
    margin: 10px 0;
}

/* 商品一覧 */
table.goodslist_ {
    text-align:left;
}
table.goodslist_ {
    border: 1px solid #CCCCCC;
}

table.goodslist_ td {
    padding: 3px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}
table.goodslist_ .goods_ {
    width: 20%;
}
table.goodslist_ .name_ {
}
table.goodslist_ .qty_ {
    width: 16%;
    text-align: right;
}
table.goodslist_ .amt_ {
    width: 20%;
    text-align: right;
}
table.goodslist_ .money_ {
    width: 20%;
    text-align: right;
}
table.goodslist_ th, table.goodslist_ .title_ {
    text-align: left;
    white-space:nowrap;
    font-weight: normal;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    background-color: #F8F8F8;
    padding: 3px;
}

/* 配送情報 */
table.host_, table.sender_ {
    border: 1px solid #CCCCCC;
    margin-bottom: 10px;
}
table.host_ th, table.sender_ th{
    border-bottom: 1px solid #CCCCCC;
    background-color: #F8F8F8;
    padding: 3px;
    font-weight: normal;
    text-align:left;
}
table.host_ td, table.sender_ td{
    padding: 3px;
}
table.card_,
table.convinience_{
    width: 100%;
}
table.card_ label {
    margin: 0 20px 0 5px;
}
table.convinience_ th {
    width: 16em;
}

/* お支払方法 */
div.order_ table.estimate_method_ {
}
div.order_ table.estimate_method_ th {
    width:40%;
    text-align:left;
    background-color: #F8F8F8;
    font-weight: normal;
}
div.order_ table.estimate_method_ td {
    width:60%;

    text-align:right;
}
div.order_ table.method_sales_detail_append_ {
    border:none;
}
div.order_ div.method_sales_detail_append_ .sales_detail_append_comment_ {
    margin-bottom: 10px;
}
div.order_ div.method_sales_detail_append_ input[type="radio"],
div.order_ div.method_sales_detail_append_ label {
    padding: 5px 0;
    display: inline-block;
}
div.order_ div.method_sales_detail_append_ label {
    margin-right: 20px;
}
div.order_ div.method_sales_detail_append_ p.comment_{
    margin: 5px 0 10px 0;
}
div.order_ table.method_sales_detail_append_ td {
    border:none;
}

/* お支払方法 */
div.estimate_card_form_ {
    background: #ffffff;
}
div.estimate_card_form_ .estimate_card_opener_ {
    position: relative;
    padding: 18px 0 8px;
    cursor: text;
}
div.estimate_card_form_ .estimate_card_opener_::before {
    position: absolute;
    top: 24px;
    right: 3px;
    width: 8px;
    height: 8px;
    border-right: 2px solid #0083D5;
    border-bottom: 2px solid #0083D5;
    box-sizing: border-box;
    transition: all 0.3s;
    transform: rotate(45deg);
    content: "";
}
div.estimate_card_form_ .estimate_card_opener_.open_::before {
    top: 28px;
    transform: rotate(-135deg);
}
div.estimate_card_form_ dl.formdetail_ {
    display: none;
    margin: 10px 0 0;
    border: none;
    border-top: 1px solid #E7E7E7;
}
div.estimate_card_form_ dl.formdetail_ dt {
    padding: 15px 0 5px;
    font-size: 12px;
    font-weight: bold;
    border: none;
    background: none;
}
div.estimate_card_form_ dl.formdetail_ dd {
    border: none;
}
div.estimate_card_form_ dl.formdetail_ dd#card_divide {
/*    display: none;*/
margin-top: 10px;
}
div.estimate_card_registered_ dl.estimate_ dd#card_divide {
    margin: 5px 0 0;
}
div.estimate_card_form_ dl.formdetail_ dd input {
    width: 100%;
    max-width: 100%;
    height: 40px;
    box-sizing: border-box;
    font-size: 14px;
}
div.estimate_card_form_ dl.formdetail_ dd input#card_num {
    width: 60%;
    max-width: 60%;
    height: 40px;
    box-sizing: border-box;
    font-size: 14px;
}
div.estimate_card_form_ dl.formdetail_ dd input#security_code {
    width: 40%;
    max-width: 40%;
    height: 40px;
    box-sizing: border-box;
    font-size: 14px;
}
div.estimate_card_form_ dl.formdetail_ .select-dropdown_ dt,
div.estimate_card_form_ dl.formdetail_ .select-dropdown_cart_ dt {
    padding: 17px 15px;
    margin: 0;
    background: #dedede;
    font-size: 14px;
    font-size: normal;
}
div.estimate_card_form_ dl.formdetail_ .select-dropdown_ dd,
div.estimate_card_form_ dl.formdetail_ .select-dropdown_cart_ dd {
    padding: 56px 0 0;
}
div.estimate_card_form_ dl.formdetail_ dd#savecard {
    padding-top: 18px;
}
div.estimate_card_form_ dl.formdetail_ dd#savecard input{
  display: none;
}
div.estimate_card_form_ dl.formdetail_ dd#savecard label{
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 13px 20px 12px 55px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
  color: #222;
  box-sizing: border-box;
}
div.estimate_card_form_ dl.formdetail_ dd#savecard label:before{
  content: '';
  position: absolute;
  top: 0;
    bottom: 0;
  left: 15px;
    margin: auto;
  display: block;
  width: 30px;
  height: 30px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 30px;
  background: none;
}
div.estimate_card_form_ dl.formdetail_ dd#savecard label:after{
  content: '';
  position: absolute;
  top: 18px;
  left: 23px;
  display: inline-block;
  width: 10px;
  height: 6px;
  border-radius: 2px;
  border-left: 3px solid #ddd;
  border-bottom: 3px solid #ddd;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 2;
}
div.estimate_card_form_ dl.formdetail_ dd#savecard input:checked + label:after{
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
div.estimate_card_form_ dl.formdetail_ dd#savecard input:checked + label:before{
  background: #222;
  border: 1px solid #222;
}

/* コンビニ決済 */
div.estimate_convenience_ .headline_ {
    padding: 10px;
}
div.estimate_convenience_ dt {
    background: #dedede;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px;
}
div.estimate_convenience_ dd {
    padding: 10px;
}
.order_ #estimate_payment_form div.estimate_convenience_ div.change_payment_ {
    margin: 10px 0 0;
}

/* カード登録あり */
div.estimate_card_registered_ {
    margin: 10px 0 0;
}
div.estimate_card_registered_ dl.estimate_ {
    background: #ffffff;
}
div.estimate_card_registered_ dl.estimate_ > dt,
div.estimate_card_registered_ dl.estimate_ .registered_card_payment_ dt {
    padding: 18px 0 10px;
    font-size: 12px;
    font-weight: bold;
}
div.estimate_card_registered_ dl.estimate_ .registered_card_payment_ dt.modal-close_ {
    padding: 17px 15px;
}
div.estimate_card_registered_ dl.estimate_ .estimate_registered_card_form_ dd#card_method,
div.estimate_card_registered_ dl.estimate_ .registered_card_payment_ dd#card_method02 {
    padding: 2px 0;
}
div.estimate_card_registered_ dl.estimate_ .estimate_registered_card_form_ dd#card_divide,
div.estimate_card_registered_ dl.estimate_ .registered_card_payment_ dd#card_divide02 {
    /*display: none;*/
    padding: 2px 0;
}
div.estimate_card_registered_ dl.estimate_ dd ul.radio-area_ li {
    margin: 0 0 4px;
}
div.estimate_card_registered_ dl.estimate_ dd ul.radio-area_ li:last-child {
    margin: 0;
}

/* 他のクレジットカード選択 */
div.estimate_card_registered_ .newcard_ {
    display: none;
}
div.estimate_registered_card_form_ > dl dt {
    margin: 15px 0 5px;
    font-size: 12px;
    font-weight: bold;
}
div.estimate_registered_card_form_ > dl dt.modal-close_ {
    margin: 0;
    font-size: 16px;
}
div.estimate_registered_card_form_ dd input {
    width: 100%;
    max-width: 100%;
    height: 40px;
    box-sizing: border-box;
    font-size: 14px;
}
div.estimate_registered_card_form_ dd input#card_num {
    width: 60%;
    max-width: 60%;
    height: 40px;
    box-sizing: border-box;
    font-size: 14px;
}
div.estimate_registered_card_form_ dd input#security_code {
    width: 40%;
    max-width: 40%;
    height: 40px;
    box-sizing: border-box;
    font-size: 14px;
}

div.estimate_registered_card_form_ div.two-block_ .select-block_ {
    width: 80%;
    text-align: left;
    display: inline-block;
}
div.estimate_registered_card_form_ div.two-block_ .select-block_ {
    width: 87%;
    text-align: left;
    display: inline-block;
}
div.estimate_card_registered_ dd#savecard {
    padding-top: 18px;
    margin-top: 20px;
}
div.estimate_card_registered_ dd#savecard input {
    display: none;
}
div.estimate_card_registered_ dd#savecard label {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 50px;
    padding: 13px 20px 12px 55px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
    color: #222;
    box-sizing: border-box;
}
div.estimate_card_registered_ dd#savecard label:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    margin: auto;
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 30px;
    background: none;
}
div.estimate_card_registered_ dd#savecard input:checked + label:before {
    background: #222;
    border: 1px solid #222;
}
div.estimate_card_registered_ dd#savecard label:after {
    content: '';
    position: absolute;
    top: 18px;
    left: 23px;
    display: inline-block;
    width: 10px;
    height: 6px;
    border-radius: 2px;
    border-left: 3px solid #ddd;
    border-bottom: 3px solid #ddd;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 2;
}
div.estimate_card_registered_ .newcard_ div.btn_add_creditcard,
div.estimate_card_form_ .card_ div.btn_add_creditcard {
  padding: 0;
  margin-bottom: 0;
  text-align: right;
}
#estimate_payment_form .estimate_point_frame_ {
    padding: 16px 20px;
    margin: 10px;
    border: 1px solid #e7e7e7;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
}
#estimate_payment_form .estimate_point_frame_ .estimate_point_ {
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 20px;
}
#estimate_payment_form .estimate_point_frame_ .estimate_point_ a {
    margin-bottom: 20px;
    background: #ffffff;
    text-decoration: none;
    color: #222222;
    position: relative;
    display: block;
}
#estimate_payment_form .estimate_point_frame_ .estimate_point_ a::after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 2px;
    width: 6px;
    height: 6px;
    border-right: 2px solid #2485c2;
    border-bottom: 2px solid #2485c2;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -4px;
}
#estimate_payment_form .estimate_point_frame_ .estimate_point_ p.point_txt_ {
    padding: 0 0 5px;
    font-size: 12px;
    font-weight: bold;
}
#estimate_payment_form .estimate_point_frame_ .estimate_point_ p.point_ {
    font-size: 14px;
    font-weight: normal;
}
#estimate_payment_form .estimate_point_frame_ .estimate_coupon_ {
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 20px;
}
#estimate_payment_form .estimate_point_frame_ .estimate_coupon_ a {
    margin-bottom: 20px;
    background: #ffffff;
    text-decoration: none;
    color: #222222;
    position: relative;
    display: block;
}
#estimate_payment_form .estimate_point_frame_ .estimate_coupon_ a::after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 2px;
    width: 6px;
    height: 6px;
    border-right: 2px solid #2485c2;
    border-bottom: 2px solid #2485c2;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -4px;
}
#estimate_payment_form .estimate_point_frame_ .estimate_coupon_ p.coupon_txt_ {
    padding: 0 0 5px;
    font-size: 12px;
    font-weight: bold;
}
#estimate_payment_form .estimate_point_frame_ .estimate_coupon_ p.coupon_ {
    font-size: 14px;
    font-weight: normal;
}
.estimate_payment_message_ {
    margin: 0 15px 10px;
    color: #C00;
    font-size: 14px;
}
#estimate_payment_form .estimate_point_frame_ .estimate_method_frame_ {
}
#estimate_payment_form .estimate_point_frame_ .estimate_method_frame_ + .estimate_method_frame_ {
    margin-top: 20px;
    border-top: 1px solid #E7E7E7;
}
#estimate_payment_form .estimate_point_frame_ .estimate_method_frame_ > a {
    background: #ffffff;
    text-decoration: none;
    color: #222222;
    position: relative;
    display: block;
}
#estimate_payment_form .estimate_point_frame_ .estimate_method_frame_ > a::after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 2px;
    width: 6px;
    height: 6px;
    border-right: 2px solid #2485c2;
    border-bottom: 2px solid #2485c2;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -4px;
}
#estimate_payment_form .estimate_point_frame_ .estimate_method_frame_ p.method_txt_ {
    padding: 0 0 5px;
    font-size: 12px;
    font-weight: bold;
}
#estimate_payment_form .estimate_point_frame_ .estimate_method_frame_ dl dd {
    padding: 0;
}
#estimate_payment_form .estimate_point_frame_ .estimate_method_frame_ dl.select-dropdown_ dd {
    padding-top: 53px;
}
#estimate_payment_form + .submit_.button-area_.mb_ input {
    margin-bottom: 8px;
}
#estimate_payment_form + .submit_.button-area_.mb_ p{
    color: #959595;
    font-size: 12px;
    text-align: left;
    width: 315px;
    margin: 0 auto;
}
#estimate_payment_form + .submit_.button-area_.mb_ p span{
    color: #de5252;
    font-size: 12px;
}
div.two-block_ {
    display: flex;
    justify-content: space-between;
}
div.two-block_.method_goods_delivery_,
div.two-block_.method_goods_delivery_ + p + .noshi_setting_,
div.two-block_.method_goods_delivery_ + p + .noshi_setting_ + .noshi_box_btn_,
div.two-block_.method_goods_delivery_ + p + .noshi_box_btn_,
div.two-block_.method_goods_delivery_ + p + .noshi_setting_ + .noshi_box_btn_ + .item_bikou_,
div.two-block_.method_goods_delivery_ + p + .noshi_box_btn_ + .item_bikou_,
div.two-block_.goods_delivery_method_{
    margin-right: 10px;
    margin-left: 10px;
}
p.info{
    color: #898989;
    font-size: 12px;
    margin: 10px;
}
div.two-block_.method_goods_delivery_ + p + .noshi_setting_{
    margin-bottom: 0;
}
div.two-block_.method_goods_delivery_ + p + .noshi_setting_ + .noshi_box_btn_{
    margin-top: 10px;
}
div.two-block_ .block1_ {
    padding-right: 10px;
    box-sizing: border-box;
    width: 51%;
}
.order_gift_ form .delivery_detail_ .delivery_dest_ .dest_goods_ .block_wrapper_ .block1_ {
    padding-right: 5px;
}
.order_gift_ form .delivery_detail_ .delivery_dest_ .dest_goods_ .block_wrapper_ .block2_ {
    padding-left: 0;
}
div.two-block_ .block2_ {
    flex-grow: 1;
    padding-left: 5px;
}
.dest_goods_ .two-block_ .block1_,
.dest_goods_ .two-block_ .block2_ {
    line-height: 4.3;
}
.dest_goods_ .two-block_ .block1_ dt,
.dest_goods_ .two-block_ .block1_ li,
.dest_goods_ .two-block_ .block2_ dt,
.dest_goods_ .two-block_ .block2_ li {
    line-height: 1;
}
.estimate_card_form_ .two-block_ .block1_,
.estimate_card_form_ .two-block_ .block2_ {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
div.estimate_card_form_ div.two-block_ .block2_ {
    text-align: right;
}
div.estimate_card_form_ div.two-block_ .select-block_ {
    width: 80%;
    text-align: left;
    display: inline-block;
}
div.estimate_card_form_ .show_sample_ {
    font-size: 12px;
}
.goodsinfo_box_ dl.formdetail_ {
    padding: 10px 0 0 0;
}
.goodsinfo_box_ dl.formdetail_ dt {
    margin: 0 0 3px 0;
}
#security_code-how .modal_,
#security_code-how-2 .modal_ {
    width: 300px;
    height: auto;
}
#security_code-how .modal_ .modal-inner_,
#security_code-how-2 .modal_ .modal-inner_ {
    height: 240px;
}
#security_code-how .modal_ .text_,
#security_code-how-2 .modal_ .text_ {
    padding: 10px;
}
#security_code-how .modal_ .img_,
#security_code-how-2 .modal_ .img_ {
    padding: 0 10px 10px 10px;
}
#security_code-how .modal_ .img_ img,
#security_code-how-2 .modal_ .img_ img {
    width: 240px;
    margin: 0 0 0 15px;
}

.order_ #estimate_payment_form .change_payment_ {
    margin: 20px 0 0;
    text-align: center;
    line-height: 1;
}
.order_ #estimate_payment_form .change_payment_ a {
    font-size: 14px;
    color: #0083d5;
    text-decoration: none;
}

/* ポイント利用 */
.order_ #estimate_point h2.common_headline2_,
.order_gift_ #estimate_point h2.common_headline2_ {
  padding: 12px 10px 12px 10px;
  background: #dedede;

}
#estimate_coupon .estimate_coupon_{
}
#estimate_coupon .estimate_coupon_ a {
    padding: 16px 20px 16px 10px;
    border: #e5e5e5 1px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
    text-decoration: none;
    color: #222222;
    position: relative;
    display: block;
}
#estimate_coupon .estimate_coupon_ a:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 12px;
    width: 6px;
    height: 6px;
    border-right: 2px solid #2485c2;
    border-bottom: 2px solid #2485c2;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -4px;
}

/* 贈り主様の情報 */
.order_ #estimate_host h2.common_headline2_,
.order_gift_ #estimate_host h2.common_headline2_,
.order_ .estimate_block_ h2.common_headline2_ {
  padding: 12px 0 12px 45px;
  background: #dedede url(../img/usr/icon/pencil2.png) 10px center no-repeat;
  background-size: 25px;
}
.order_ .estimate_block_ h2.common_headline2_.nbg_ {
    background: #dedede;
    padding-left: 10px;
}
#estimate_host .estimate_host_{
}
#estimate_host .estimate_host_ a ,
.estimate_block_ .estimate_inner_ a ,
.estimate_block_ .estimate_inner_ .estimate_inner_dest_ {
    padding: 10px 30px 10px 15px;
    border: #e5e5e5 1px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
    text-decoration: none;
    color: #222222;
    position: relative;
    display: block;
}
#estimate_host .estimate_host_ a:after,
.estimate_block_ .estimate_inner_ a:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 22px;
    width: 6px;
    height: 6px;
    border-right: 2px solid #2485c2;
    border-bottom: 2px solid #2485c2;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -4px;
}
#estimate_host .estimate_host_ a .host_ {
    margin: 0 0 5px;
}

/* お届け先住所 */
#estimate_method_all .common_headline2_ {
    font-size: 18px;
    background: #DEDEDE;
  padding: 12px 0 12px 47px;
  /* background: #dedede url(../img/usr/icon/delivery-truck3.png) 13px center no-repeat; */
  background-size: auto 18px;
}
#estimate_method_all .method_addr_ {
    margin: 10px;
}
#estimate_method_all .method_addr_ a {
    padding: 12px 50px 12px 15px;
    border: #e5e5e5 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #ffffff;
    text-decoration: none;
    color: #222222;
    position: relative;
    display: block;
}
#estimate_method_all .method_addr_ a:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 22px;
    width: 6px;
    height: 6px;
    border-right: 2px solid #2485c2;
    border-bottom: 2px solid #2485c2;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -4px;
}
#estimate_method_all dt.ttl_ {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
}
.order_ #estimate_method  h2.common_headline2_,
.order_gift_ #estimate_method h2.common_headline2_ {
  padding: 12px;
  background: #dedede;
}
#estimate_method dt.ttl_ {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
}
.order_ form #estimate_method .destgoodslist_ .method_date_ dd span {
    display: block;
    color: #757575;
    font-size: 12px;
    margin: 5px 0 0;
}
#estimate_method .method_detail_ {
    margin: 10px;
}
#estimate_method .method_detail_ table {
    width: 100%;
    border: none;
}
#estimate_method .method_detail_ table th {
    border: none;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
}
#estimate_method .method_detail_ table td {
    border: none;
    font-size: 14px;
    font-weight: normal;
    text-align: right;
}
#estimate_method .method_detail_ table .method_detail_total_ th {
    padding-top: 8px;
    font-size: 16px;
    font-weight: bold;
}
#estimate_method .method_detail_ table .method_detail_total_ th .tax_ {
    font-size: 14px;
    font-weight: normal;
}
#estimate_method .method_detail_ table .method_detail_total_ td {
    padding-top: 8px;
    font-size: 16px;
    font-weight: bold;
    color: #d10000;
}
#estimate_method .method_addr_ {
    padding: 10px 20px;
    margin: 10px;
    border: #e5e5e5 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #ffffff;
}
#estimate_method .method_addr_ a {
    background: #ffffff;
    text-decoration: none;
    color: #222222;
    position: relative;
    display: block;
}
#estimate_method .method_addr_ a:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 2px;
    width: 6px;
    height: 6px;
    border-right: 2px solid #2485c2;
    border-bottom: 2px solid #2485c2;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -4px;
}
#estimate_method .consignor_ {
    color: #222;
    font-size: 12px;
    font-weight: bold;
    margin: 20px 15px 0;
}
#estimate_method .method_address_ h3 {
    margin: 0 10px;
    font-size: 18px;
}
#estimate_method div.destgoodslist_ .destgoods_ {
    padding: 15px 20px 5px;
    margin: 10px;
    border: #e5e5e5 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #ffffff;
}
#estimate_method div.destgoodslist_ .method_goods_ {
    position: relative;
    margin-top: 15px;
}
#estimate_method div.destgoodslist_ .method_date_ {
    position: relative;
}
#estimate_method div.destgoodslist_ .method_goods_:before,
#estimate_method div.destgoodslist_ .method_date_:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
}
#estimate_method div.destgoodslist_ .method_goods_:first-child {
    padding-top: 0;
    margin-top: 0;
}
#estimate_method div.destgoodslist_ .method_goods_:first-child:before {
    display: none;
}
#estimate_method div.destgoodslist_ ul.formlist_.method_goodslist_ li .box_ {
    width: 100%;
    padding: 5px 5px 0 5px;
    display: table;
    box-sizing: border-box;
}
#estimate_method ul.formlist_.method_goodslist_ li .price_ {
    text-align: right;
}
#estimate_method ul.formlist_.method_goodslist_ li .price_ .tax_ {
    margin-left: 0;
    letter-spacing: 0;
    text-align: right;
    display: block;
}
#estimate_method ul.formlist_.method_goodslist_ li .tax_reduced {
    text-align: right;
    font-size: 12px;
    display: block;
}
#estimate_method ul.formlist_.method_goodslist_ li .method_qty_ span {
    margin-left: 10px;
    font-size: 16px;
    font-weight: bold;
}
#estimate_method ul.formlist_.method_goodslist_ li .method_sales_detail_append_spec_ pre {
    white-space: pre-wrap;
    font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN",'Noto Sans Japanese', sans-serif;
}

#estimate_method div.destgoodslist_ .method_delivery_ {
    border-top: #e5e5e5 1px solid;
}

#estimate_method div.destgoodslist_ .method_noshi_,
#estimate_method div.destgoodslist_ .method_salesperiod_ {
    border-top: #e5e5e5 1px solid;
}
#estimate_method div.method_noshi_ dl dd{
	word-break: break-word;
}
#estimate_method div.destgoodslist_ a.frame_,
#estimate_method div.destgoodslist_ div.method_salesperiod_ dl {
    padding: 15px 20px 15px 0;
    text-decoration: none;
    color: #222222;
    display: block;
    position: relative;
}
#estimate_method div.destgoodslist_ a.frame_:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 2px;
    width: 6px;
    height: 6px;
    border-right: 2px solid #2485c2;
    border-bottom: 2px solid #2485c2;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -4px;
}
#estimate_method div.destgoodslist_ a.frame_ ul.formlist_.method_goodslist_ {
    margin: 0;
}

div.order_ table.dest_ {
    width:100%;
}
table.destgoodslist_ {
    width:100%;
}
table.destgoodslist_ {
    margin-bottom: 10px;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}
table.destgoodslist_ th {
    width: 30%;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 3px;
    background-color: #F8F8F8;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    white-space:nowrap;
}
table.destgoodslist_ td {
    border-top: 1px solid #CCCCCC;
    vertical-align: top;
    border-right: 1px solid #ccc;
    padding: 3px;
}
table.destgoodslist_ span.img_s_ {
    float: left;
    width: 20%;
}
table.destgoodslist_ span.img_s_ img {
    width: 46px;
}
table.destgoodslist_ span.name_ {
}
table.destgoodslist_ th.method_sales_detail_append_, table.destgoodslist_ th.dest_comment_{
    text-align: left;
}
table.destgoodslist_ td.method_comment_detail_ input, table.destgoodslist_ td.method_comment_detail_ textarea {
    width: 95%;
}
table.destgoodslist_ td.method_qty_ , td.dest_qty_{
}
table.destgoodslist_ th.dest_qty_ {
width: 10%;
}
table.destgoodslist_ td.dest_qty_ {
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}
table.destgoodslist_ td.sublist_{
    margin: 0;
    padding: 0;
}
table.destgoodslist_ input[type="text"], table.destgoodslist_ textarea {
    width: 95%;
}
table.approval_purchase_ th {
    border-right-style: none;
    background-color: #e5f3ff;
    font-weight: normal;
    text-align: left;
}
div.order_ ul.card_ {
    padding: 3px;
}

/* order method.aspx */
div.order_ table.method_ {
    width: 100%;
}

/*配送先*/
div.order_ .method_method_ {
    text-align:left;
}
/* order order.aspx */
div.order_ table.order_ {
    width: 100%;
    margin: 0 auto 10px auto;
    padding: 3px;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
}
div.order_ table.order_ td {
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}
div.order_ table.order_ th {
    width: 25%;
    background-color: #F8F8F8;
    font-weight: normal;
    text-align: left;
}


/* カードで支払う */
div.order_ table.formdetailcard_ {
    margin-bottom: 10px;
    padding: 3px;
}
div.order_ table.formdetailcard_ th {
    width: 12em;
    background-color: #e5f3ff;
    font-weight: normal;
    text-align: left;
}
div.order_ dl.card_ dd input[type="radio"] {
    padding: 5px 0;
    display: inline-block;
}
div.order_ dl.card_ dd label {
    padding: 5px 0;
    margin-right: 20px;
    display: inline-block;
}

/* コメント */
.order_ dl.formdetail_.estimate_ textarea{
    max-width: 95%;
}

/* 定期申込情報 */
.method_regular_ {
    margin: 0 0 25px;
}
div.order_ .method_regular_ h2.common_headline2_ {
  background: #DEDEDE;
  padding: 12px 0 12px 47px;
  background: #dedede url(../img/usr/icon/delivery-truck2.png) 13px center no-repeat;
  background-size: auto 18px;
}
.method_regular_ .inner_ {
    padding: 15px 20px 5px;
    margin: 10px;
    border: #e5e5e5 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #ffffff;
}
.method_regular_ .textarea_ {
    margin: 0 12px;
}
.method_regular_ h3 {
    font-size: 12px;
    margin: 0 0 10px;
}
.method_regular_ address {
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: 1px solid #e5e5e5;
}
.method_regular_ .box_ {
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: 1px solid #e5e5e5;
    box-sizing: border-box;
}
.method_regular_ .box_:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.method_regular_ ul.box_ li {
    margin: 12px 0;
}
.method_regular_ ul.box_ li p:first-child {
    font-weight: bold;
    font-size: 12px;
    margin: 0 0 2px;
}
.method_regular_ ul.box_ li a {
    display: block;
    position: relative;
    color: #404040;
    text-decoration: none;
}
.method_regular_ ul.box_ li a:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 2px;
    width: 6px;
    height: 6px;
    border-right: 2px solid #2485c2;
    border-bottom: 2px solid #2485c2;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -4px;
}
.method_regular_ ul.box_ li table {
    width: 100%;
}
.method_regular_ ul.box_ li table th {
    font-weight: normal;
}
.method_regular_ ul.box_ li table td {
    text-align: right;
}
.method_regular_ ul.box_ li table tr.total_ th ,
.method_regular_ ul.box_ li table tr.total_ td {
    font-weight: bold;
}
.method_regular_ ul.box_ li table tr.total_ td {
    color: #D10000;
}
.method_regular_ .textarea_ .ttl_ {
    color: #d10000;
    font-weight: bold;
    margin:  0 0 3px;
}
.method_regular_ .textarea_ p {
    color: #757575;
    font-size: 12px;
    line-height: 20px;
}
.method_regular_ + .button-area_ .back_button_ {
    margin: 0;
}
.method_regular_ + .button-area_ .back_button_ + p {
    margin-top: 0;
}
a.new_tab_link_ {
	color:#0083D5;
}

ul.formlist_.method_goodslist_ li .method_goods_salesperiod_ .salesperiod_ {
    color: #CC0000;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
}
ul.formlist_.method_goodslist_ li .method_goods_salesperiod_ {
    margin-bottom: 5px;
    line-height: 1.4;
    text-decoration: none;
    font-weight: bold;
    color: #222222;
}

/* --------------------------------------------------------------------
    購入完了画面
-------------------------------------------------------------------- */
dl.order_.order_id_ {
    border: none;
    margin: 20px 0 10px;
}
dl.order_.order_id_ dt {
    padding: 5px 0;
    border: none;
    text-align: center;
    font-size: 10px;
    font-weight: normal;
    background: none;
}
dl.order_.order_id_ dd {
    border: none;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
ul.formlist_.back_cartlist_ {
    margin: 20px 10px 10px;
}
ul.formlist_.back_cartlist_ li {
    border: #e5e5e5 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 5px;
    background: #ffffff;
}
ul.formlist_.back_cartlist_ li a {
    text-decoration: none;
    color: #383838;
    display: block;
    position: relative;
}
ul.formlist_.back_cartlist_ li a:after {
    display: block;
    content: '';
    position: absolute;
    top: 45%;
    right: 12px;
    width: 6px;
    height: 6px;
    border-right: 2px solid #2485c2;
    border-bottom: 2px solid #2485c2;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
ul.formlist_.back_cartlist_ li .box_ {
    width: 100%;
    padding: 10px;
    display: table;
    box-sizing: border-box;
}
ul.formlist_.back_cartlist_ li .img_ {
    width: 35%;
    vertical-align: top;
    display: table-cell;
}
ul.formlist_.back_cartlist_ li .img_ img {
    width: 100%;
}
ul.formlist_.back_cartlist_ li .desc_ {
    width: 65%;
    padding: 0 20px;
    vertical-align: top;
    display: table-cell;
}
ul.formlist_.back_cartlist_ li .price_ {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}
ul.formlist_.back_cartlist_ li .price_ .tax_ {
    font-size: 10px;
    font-weight: normal;
    display: block;
    color: #737373;
}
ul.formlist_.back_cartlist_ li .qty_ span {
    margin-left: 10px;
    font-size: 16px;
    font-weight: bold;
}

/* --------------------------------------------------------------------
    バーコード系
-------------------------------------------------------------------- */
div.barcodeimage_ img {
    height: auto;
    width: 100%;
}

p.barcodenumber_ {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 5px;
}

/* --------------------------------------------------------------------
    テーブル系
-------------------------------------------------------------------- */
dl.formdetail_ {
    margin:0 10px;
    border:1px solid #CCC;
    margin-bottom:10px;
}
div.box_ dl.formdetail_ {
    margin-left: 0;
    margin-right: 0;
}
dl.formdetail_ dt {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row-reverse;
    background-color: #F0F0F0;
}
dl.formdetail_ dt img.must_ {
    margin: 5px;
    vertical-align: text-bottom;
    width: 32px;
}
dl.formdetail_ dt img.must_.notitle_ {
    float: none;
}
dl.formdetail_ dd {
    padding:2px 10px;
}
dl.formdetail_ dd.breakword_ {
    word-wrap:break-word;
}
.customer_.formdetail_ th img.must_ {
    margin-right: 5px;
    vertical-align: text-bottom;
    width: 32px;
    float: left;
}
.customer_ .formdetail_  {
    border: none;
}
.customer_ .formdetail_ dt {
    background-color: #fff;
    font-weight: bold;
    font-size: 12px;
    padding: 5px 10px;
}
.formdetail_.customer_{
    margin-bottom: 0 !important;
}

table.employee_{
    table-layout: fixed;
}
table.employee_ th{
    width: 35% !important
}
table.employee_ input{
    height:1.0em;
    padding:0.6em;
    margin: 5px 0;
    border:1px solid #aaaaaa;
    border-radius:5px;
    font-size: 14px;
}
/*セレクトボックス*/
dl.formdetail_ .select-dropdown_ dt,
dl.formdetail_ .select-dropdown_cart_ dt{
  padding: 17px 15px;
  margin: 0;
  background: #dedede;
}
dl.formdetail_ .select-dropdown_ dt.modal-close_,
dl.formdetail_ .select-dropdown_cart_ dt.modal-close_{
    font-size: 18px;
}
dl.formdetail_ .select-dropdown_ dd,
dl.formdetail_ .select-dropdown_cart_ dd{
  padding: 56px 0 0;
}
/* --------------------------------------------------------------------
    TOP
-------------------------------------------------------------------- */
.wrapper_.bg_gray {
    padding-bottom: 10px;
    background: #D5DBDB;
    overflow: hidden;
}
.app_view.top .wrapper_.bg_gray.search_bg_{
  background: rgba(0,0,0,0.5);
  height: 100vh;
}
a {
    outline: none;
}
.wrapper_.bg_gray .feature_now {
    margin: 5px 0 5px;
    background: #ffffff;
    position: relative;
}
.wrapper_.bg_gray .feature_now:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 14px;
    background: url(../img/usr/sp/menu_arrow2.png) no-repeat;
    background-size: 8px 14px;
    margin-top: -7px;
    top: 50%;
    right: 14px;
}
.wrapper_.bg_gray .feature_now a {
    padding: 7px 13px 7px 16px;
    overflow: hidden;
    display: block;
    color: #000000;
    text-decoration: none;
}
.wrapper_.bg_gray .feature_now .img {
    width: 45px;
    height: 45px;
    float: left;
}
.wrapper_.bg_gray .feature_now p {
    float: left;
    font-size: 16px;
    padding: 4px 0 0 15px;
    line-height: 1.2;
}
.wrapper_.bg_gray .feature_now p span {
    color: #cc0000;
    font-size: 13px;
}
.wrapper_.bg_gray .feature_now .img img {
    width: 100%;
}
.wrapper_.bg_gray .product_box {
    margin: 5px 0 5px;
    padding: 10px 5px 10px;
    background: #ffffff;
    overflow: hidden;
}
.wrapper_.bg_gray .product_box02 {
    margin: 0;
    padding: 0 5px 10px;
    background: #ffffff;
    overflow: hidden;
}
.wrapper_.bg_gray .product_box .common_headline1_ {
        padding-top: 5px;
}

.wrapper_.bg_gray .product_box .more_txt ,
.wrapper_.bg_gray .product_box02 .more_txt ,
.wrapper_.bg_gray .sllide_box1 .more_txt {
    color: #333333;
    margin-top: 10px;
}
.wrapper_.bg_gray .product_box .more_txt a ,
.wrapper_.bg_gray .product_box02 .more_txt a ,
.wrapper_.bg_gray .sllide_box1 .more_txt a {
    text-decoration: none;
}
.wrapper_.bg_gray .product_box .more_txt span,
.wrapper_.bg_gray .product_box02 .more_txt span,
.wrapper_.bg_gray .sllide_box1 .more_txt span {
    background: url(../img/usr/sp/menu_arrow.png) no-repeat right center;
    background-size: 16px;
    padding: 0 0 0 10px;
    font-size: 16px;
    width: calc(100% - 20px);
    display: block;
}
.wrapper_.bg_gray .product_box .feature_list {
    width: 100%;
    margin-top: 15px;
}
.wrapper_.bg_gray .product_box .feature_list li {
    line-height: 0;
    margin-top: 10px;
    text-align: center;
}
.wrapper_.bg_gray .product_box .feature_list li img {
    width: 100%;
}
.wrapper_.bg_gray .product_box .feature_img {
    margin-top: 15px;
}
.wrapper_.bg_gray .product_box .feature_img img {
    max-width: 100%;
    height: 150px;
}
.wrapper_.bg_gray .product_box.last {
    margin-bottom: 28px;
}
.wrapper_.bg_gray #buy  .goods_ {
    margin: auto;
    text-align: center;
}
.wrapper_.bg_gray .product_box .orange_button_ {
    background: #232f3e;
    width: 95%;
    margin: auto;
    border-radius: 3px;
}
.feature_img a{
    display: block;
    width: 100%;
    text-align: center;
}
.feature_img a img{
    display: inline
}
#block_of_top_genrebanner .feature_img a img{
    width: 240px
}
/* --------------------------------------------------------------------
    よく見られている特集　スライド
-------------------------------------------------------------------- */
.wrapper_.bg_gray .sllide_box1 {
    margin: 5px 0 5px;
    padding: 5px 0 5px;
    background: #ffffff;
    overflow: hidden;
    position: relative;
}
.wrapper_.bg_gray .sllide_box1 .common_headline1_ {
    margin: 0 15px 10px 5px;
}
.wrapper_.bg_gray .sllide_box1 .bx-wrapper {
    margin: 0 33px;
}
.wrapper_.bg_gray .sllide_box1 .feature_slide li img {
    width: 100%;
}
.wrapper_.bg_gray .sllide_box1 .feature_slide li div {
    margin-top: 10px;
    line-height: 0;
}
.wrapper_.bg_gray .sllide_box1 .feature_slide li div:first-child {
    margin-top: 0;
}
.wrapper_.bg_gray .sllide_box1 .bx-controls .bx-controls-direction a {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 15px;
    height: 24px;
    display: block;
    text-indent: -9999px;
    z-index: 10;
}
.wrapper_.bg_gray .sllide_box1 .bx-controls .bx-controls-direction .bx-prev {
    background: url(../img/usr/sp/slider_prev.png) no-repeat;
    background-size: 15px 24px;
    left: 8px;
}
.wrapper_.bg_gray .sllide_box1 .bx-controls .bx-controls-direction .bx-next {
    background: url(../img/usr/sp/slider_next.png) no-repeat;
    background-size: 15px 24px;
    right: 8px;
}

/* --------------------------------------------------------------------
    トップページバナー
-------------------------------------------------------------------- */

.wrapper_.bg_gray .bnr{
    margin : 0 ;
    padding : 0 5px ;
    background : #fff ;
    overflow : hidden ;
}

.wrapper_.bg_gray .bnr img{
    width : 95%
}
.wrapper_.bg_gray #top_mv_slider {
    margin-bottom : -5px;
}
.wrapper_.bg_gray #top_mv_slider img {
    width : 100%;
    background: #fff;
}
.wrapper_.bg_gray #top_mv_slider .bx-pager{
    margin-top: 0;
}
.wrapper_.bg_gray #top_mv_slider .bx-pager-link{
    width: 8px;
    height: 8px;
    margin-right: 15px;
    padding-top: 0;
    border-radius: 50%;
    border: 1px solid #999;
    background: #fff;
    text-indent: -9999px;
}
.wrapper_.bg_gray #top_mv_slider .bx-pager-link.active{
    background: #999;
}
#block_of_event .event_ .employees_only_ {
    margin: 10px 8px;
}
#block_of_event .event_ .employees_only_ img {
    width: 100%;
    vertical-align: bottom;
}

.submit_.button-area_.last_ input[name="delete.x"] {
    background: transparent;
    border: none;
    color: #0083D5;
    font-size: 14px;
    margin: 0 auto;
}

.order_gift_ .method_box_#method_age dl {
    overflow: hidden;
}
.order_gift_ .method_box_#method_age dt + dd {
    float: left;
    width: 45%;
}
.order_gift_ .method_box_#method_age dl.select-dropdown_ dt + dd {
    width: 100%;
    float: none;
}
.order_gift_ .method_box_#method_age dt + dd + dd {
    float: left;
    width: 58%;
}
.order_gift_ .method_box_#method_age input[name="age_yyyy"] {
    width: 40%;
    height: 24px;
}
.order_gift_ .method_box_#method_age .block1_,
.order_gift_ .method_box_#method_age .block2_ {
    display: flex;
    align-items: center;
    width: 50%;
}
.order_gift_ .method_box_#method_age .block1_ .select-block_,
.order_gift_ .method_box_#method_age .block2_ .select-block_ {
    width: 80%;
    margin: 0 5px 0 0;
}

.delivery_detail_ .method_box_#method_point p {
    font-weight: bold;
}
.delivery_detail_ .method_box_#method_point .point_use_ div:nth-child(1) {
    display: flex;
    align-items: center;
    padding: 8px;
    color: #222222;
    border: #cccccc 1px solid;
    background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
    border-radius: 4px;
    margin: 0 0 10px;
    margin: 0 0 10px;
}
.delivery_detail_ .method_box_#method_point .point_use_ div:nth-child(2) {
    display: flex;
    align-items: center;
    color: #ccc;
}
.delivery_detail_ .method_box_#method_point .point_use_ input#pointpay {
    position: relative;
    border: 1px solid #ccc;
    margin: 0 10px 0 0;
    width: 32px;
    height: 32px;
    background: #fff;
    border-radius: 4px;
    -webkit-appearance: none;
}
.delivery_detail_ .method_box_#method_point .point_use_ input#pointpay:checked {
    background: #222;
    border: 1px solid #222;
}
.delivery_detail_ .method_box_#method_point .point_use_ input#pointpay:after {
    content: '';
    position: absolute;
    top: 30%;
    right: 0;
    left: 0;
    margin: auto;
    display: inline-block;
    width: 10px;
    height: 6px;
    border-left: 3px solid #ddd;
    border-bottom: 3px solid #ddd;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 2;
}
.delivery_detail_ .method_box_#method_point .point_use_ input#pointpay:checked:after {
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
}
.delivery_detail_ .method_box_#method_point .point_use_ input#pointpay_num {
    background: #E9E9E9;
    border: 1px solid #E9E9E9;
    border-radius: 4px;
    margin: 0 5px 0 0;
    width: 76%;
    padding: 10px;
    color: #aaa;
}
.delivery_detail_ .method_box_#method_point .point_use_ input#pointpay_num.checked_ {
    background: #fff !important;
    border: 1px solid rgb(170, 170, 170);
}
#estimate_method.extension_ dd {
    margin: 0 0 12px;
}
#estimate_method.extension_ {
    margin: 0 0 25px;
}
#estimate_method.extension_ dd:last-child {
    margin: 0;
}
.order_gift_ .method_box_#method_post .method_box_content_ dd {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.delivery_detail_ .method_goods_delivery_ + p {
    margin: 7px 10px 0;
    color: #757575;
    font-size: 12px;
    line-height: 18px;
}
.goodsinfo_box_ + .method_goods_delivery_ {
    display: block;
    border: 1px solid #ccc;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    margin: 0 !important;
    padding: 20px;
}
.method_goods_delivery_ .block_title_{
	padding-top: 14px;
	margin-right: 3px;
	font-size: 14px;
	font-weight: bold;
}

.order_gift_ .delivery_detail_ .dest_goods_ .goodsinfo_box_ + .method_goods_delivery_ {
    padding: 20px 10px;
}
.order_gift_ .delivery_detail_ .dest_goods_ .goods_delivery_method_ + .method_goods_delivery_ {
    padding: 20px 10px;
}
.order_gift_ .delivery_detail_ .delivery_dest_ .goodsinfo_box_ + .method_goods_delivery_,
.order_gift_ .delivery_detail_ .delivery_dest_ .goodsinfo_box_ + .goods_delivery_method_ {
    border-top: 1px solid #ccc;
}
.order_gift_ .delivery_detail_ .delivery_dest_ .goodsinfo_box_ + .method_goods_delivery_ .method_box_content_ dl {
    display: flex;
    justify-content: space-between;
}
.order_gift_ .delivery_detail_ .delivery_dest_ .goods_delivery_method_ + .method_goods_delivery_ .method_box_content_ dl {
    display: flex;
    justify-content: space-between;
}
.goodsinfo_box_ + .method_goods_delivery_ .block_wrapper_ {
    display: flex;
    justify-content: space-between;
}
.goods_delivery_method_ + .method_goods_delivery_ .block_wrapper_ {
    display: flex;
    justify-content: space-between;
}
.goodsinfo_box_ + .method_goods_delivery_ .block_wrapper_ > span {
    display: block;
    width: 100%;
}
.goods_delivery_method_ + .method_goods_delivery_ .block_wrapper_ > span {
    display: block;
    width: 100%;
}
.goodsinfo_box_ + .method_goods_delivery_ .block_wrapper_ > span .method_box_content_ dl {
    display: flex;
}
.goods_delivery_method_ + .method_goods_delivery_ .block_wrapper_ > span .method_box_content_ dl {
    display: flex;
}
.goodsinfo_box_ + .method_goods_delivery_ p {
    color: #757575;
    font-size: 12px;
    line-height: 18px;
    margin: 8px 0 0;
}
.goods_delivery_method_ + .method_goods_delivery_ p {
    color: #757575;
    font-size: 12px;
    line-height: 18px;
    margin: 8px 0 0;
}
.order_gift_ .delivery_detail_ .delivery_dest_ .dest_goods_ .select-block_ p.select-text_ {
    color: #222;
    font-size: 14px;
}
.order_gift_ form .delivery_detail_ .delivery_dest_ .dest_goods_ .block_wrapper_ .block1_ p.select-text_,
.order_gift_ form .delivery_detail_ .delivery_dest_ .dest_goods_ .block_wrapper_ .block2_ p.select-text_ {
    padding-left: 7px;
    font-size: 12px;
    letter-spacing: -0.5px;
}
.order_gift_ .delivery_detail_ .delivery_dest_ .dest_goods_ .select-block_ span {
    margin: 15px 0 10px;
}

/* balloon */
.balloons{
    background: rgb(209, 0, 0) !important;
    opacity: 1 !important;
}
/* 二重包装 */
.delivery_detail_ .goods_remarks_ {
    margin: 20px 0;
}
.delivery_detail_ .goods_remarks_ dt {
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: bold;
}
.order_gift_ .delivery_detail_ dl.goods_remarks_ dd ul.radio-area_ li:last-child {
    margin-left: 4%;
}
.order_gift_ .delivery_detail_ dl.goods_remarks_ dd ul.radio-area_ li:last-child {
    margin-left: 0;
}
.delivery_detail_ .goods_remarks_ .radio-area_ label {
    box-sizing: border-box;
    height: 52px;
    padding: 12px 20px 10px 55px;
}
.delivery_detail_ .goods_remarks_ .radio-area_ label:before {
    top: 11px;
}
.delivery_detail_ .goods_remarks_ .radio-area_ label:after {
    top: 21px;
}

div.point_ img {
    width: 100px;
}

/* --------------------------------------------------------------------
    マイページ　宛名確認
-------------------------------------------------------------------- */
div#myReceipt {
    margin: 20px 0 20px 0;
}

div#myReceipt h2 {
    overflow: hidden;
    padding: 3px 0 0 30px;
    margin-bottom: 5px;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
}

div#myReceiptCon {
    width: 700px;
    margin: 0px auto;
    padding: 30px 10px 5px 10px;
    border: 1px solid rgb(0, 0, 0);
    overflow: hidden;
    font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
    text-align: left;
}

div#myReceiptCon div.dModLayCol2 {
    margin-bottom: 25px;
}

div#myReceiptCon div.dModLayCol2 span.dModLayColL  {
    font-size: 32px;
    font-weight: bold;padding: 10px;

}

div#myReceiptCon div.dModLayCol2 span.dModLayColR {
    float: right;
    font-size: 14px;
    font-weight: normal;
    padding-top: 30px;
}

div#myReceiptCon table.ReceiptName {
    margin: 10px 10px;
    width: 350px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    height:88px;
	table-layout:fixed;
	    line-height: 140%
}

div#myReceiptCon table.ReceiptName tr {
}

div#myReceiptCon table.ReceiptName th, div#myReceiptCon table.ReceiptName td{
	padding-top: 20px;
}

div#myReceiptCon table.ReceiptName td {
	border-bottom: 1px solid rgb(0, 0, 0);
	width: 330px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	vertical-align: bottom;
	word-wrap: break-word;
}

div#myReceiptCon table.ReceiptName td.ReceiptNameRight {
	border-bottom: 1px solid rgb(0, 0, 0);
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	vertical-align: bottom;
	width: 20px;
}

div#myReceiptCon table.ReceiptName tr.ReceiptTotalCenter td {
	text-align: left;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 40px;
	vertical-align: bottom;
}

div#myReceiptCon table.ReceiptName tr.ReceiptTotalCenter th{
    padding: 40px 0px 5px;
}

div.myDdottedDown div#myReceiptCon div.ReceiptMiddle {
    min-height: 220px;
}

div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table,
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo {
    margin: 20px 25px;
    font-size: 12.5px;
    font-weight: normal;
    table-layout: fixed;
    width: 660px;
}

div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table tr {
    height: 18px;
}

div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table th {
	width : 150px;
}

div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table td {
	text-align: left;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList {
    padding-left:45px;
    border: solid 1px black;
    margin-top: 0px;
	width: 660px;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList th,
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList td {
    border: solid 1px black;
    font-size:12.5px;
    font-weight: normal;
}

div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList th.hName {
    width: 60%;
	text-align: center;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList th.hQty {
    width: 10%;
    text-align: center;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList th.hClass {
	width: 10%;
	text-align: center;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList th.hPrice {
	width: 15%;
	text-align: center;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList th.hAmt {
	width: 15%;
	text-align: center;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList th.hpostage {
	padding-left: 5px;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList th.hcharge {
	padding-left: 5px;
}

div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList td.dName {
    padding-left: 5px;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList td.dQty {
    text-align: right;
    padding-right: 3px;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList td.dClass {
	text-align: center;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList td.dPrice {
	text-align: right;
	padding-right: 3px;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList td.dAmt {
	text-align: right;
	padding-right: 3px;
}

div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList td.dpostage {
	text-align: right;
	padding-right: 3px;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList td.dcharge {
	text-align: right;
	padding-right: 3px;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo{
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th {
	padding-right: 20px;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th ,
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo td {
	font-size:12.5px;
	font-weight: normal;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th.order_date {
	width: 80px;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th.order_id {
	width: 80px;
	word-break: keep-all;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th.left {
	width : 70px;
	padding-right: 0px;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th.method {
	text-align: right;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th.point_out {
	text-align: right;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th.coupon_discount {
	text-align: right;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th.subtotal_default {
	text-align: right;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo td.subtotal_default {
	text-align: right;
	width: 90px;
	padding-right: unset;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th.subtotal_reduced {
	text-align: right;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo td.subtotal_reduced {
	text-align: right;
	width: 90px;
	padding-right: unset;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th.subtotal_taxfree {
	text-align: right;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo td.subtotal_taxfree {
	text-align: right;
	width: 90px;
	padding-right: unset;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th.order_total {
	border-top: 1px solid black;
	padding-top: 5px;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th.subtotal_reduced {
	text-align: right;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo td.subtotal_reduced {
	text-align: right;
	width: 90px;
	padding-right: unset;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th.subtotal_taxfree {
	text-align: right;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo td.point_out {
	text-align: right;
	width: 90px;
	padding-right: unset;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo td.coupon_discount {
	text-align: right;
	width: 90px;
	padding-right: unset;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo td.total {
	text-align: right;
	width: 90px;
	padding-right: unset;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo td.order_date {
	width: 130px;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo td.order_id {
	width: 130px;
	word-break: keep-all;
}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle div.TaxReducedNotes {
	margin-top: -20px;
	padding-left: 25px;
	font-size: 12.5px;
}
div#myReceiptCon div.myReceiptConSome {
    margin: 20px 25px;
    font-size: 16.5px;
    font-weight: normal;
}

div#myReceiptCon div.myReceiptConSome table.ReceiptBottom {
    width: 30%;
    font-size: 12px;
    font-weight: normal;
    margin: -20px 0px 0px 390px;
}

div#myReceiptCon div.myReceiptConSome table.ReceiptBottom tr {
    height: 19px;
}

div#myReceiptCon div.myReceiptConSome table.ReceiptBottom td.dCompName {
    font-size: 24px;
    padding-bottom: 5px;
}

div#myReceiptCon div.myReceiptConSome .dModLayColR {
    margin: 3px 0px 0px;
    width: 70%;
    font-size: 10.5px;
    font-weight: normal;
    float: right;
    text-align: right;
    clear: both;
}

p.pModEleCenter {
    text-align: center;
    padding-top: 10px;
    margin: 20px auto;
}

.baseBox {
 /* --- 親BOXの定義 --------------------------------------------*/
  position      : relative;             /* 親要素               */
  overflow      : hidden;               /* はみ出しは非表示     */
  z-index       : -1;
}

 /* --- 背景透かし文字の定義 -----------------------------------*/
.baseBox .backStr {
  position      : absolute;             /* 親要素からの相対位置 */
  display       : inline-block;         /* インラインブロック化 */
  white-space   : nowrap;               /* 折り返ししない       */
  font-size     : 100pt;                 /* 背景透かし文字サイズ */
  font-weight   : bold;                 /* 太字                 */
  color         : rgba(130, 130, 130, 0.30); /* 背景透かし文字色     */
                                      /* 中心寄せ＆角度       */
  top           : 40%;
  left          : 45%;
  transform     : translate(-35%, -35%)
                  rotate(335deg);
}

.scale {
    transform: scale(1);
    transform-origin: top left;
}


/* --------------------------------------------------------------------
    マイページ　領収書出力
-------------------------------------------------------------------- */
div#dContainer {
    width: 100%;
}

div#dMain {
    margin-top: 21px;
}

p.btn_issue_print {
    margin-top: 40px;
}

p.btn_issue_print input {
    display: block;
    box-shadow: none;
    border-radius: 4px;
    font-size: 28px;
    width: 710px;
    max-width: 100%;
    margin: 0 auto;
    height: 115px;
}

@media print {

    .goods_line { display: block; page-break-before: always; }

    /* 不必要なものを消す */
    #dWrapper #dContainer .d1colum #dMain p
    {
        display:none;
    }

    /* ボーダーを消す マージン・パディングの調整 */
    #dWrapper #dContainer .d1colum #dMain .myDdottedDown #myReceiptCon{
        margin:0;
        border:none;
    }

    div#receipt_print .print_page{
        page-break-after: always;
        position: relative;
    }

    div#receipt_print .print_page:last-child{
        page-break-after: auto;
    }

}

.customer_.col1_  .message_ {
    padding: 10px 10px;
    font-size: 14px;
    color: #333;
    line-height: 1.333;
}
.customer_.formdetail_ dt {
    background-color: #fff;
    font-weight: bold;
    font-size: 12px;
}
.customer_.formdetail_ dt span.icon_required_ {
    display: inline-block;
    background: #f5f5f5;
    border-radius: 3px;
    color: #d10000;
    font-size: 10px;
    font-weight: normal;
    padding: 3px 6px;
    margin-right: 5px;
    float: left;
}

.customer_.col1_ .common_headline1_ {
    font-size: 22px;
    font-weight: normal;
    padding-bottom: 10px;
}
.customer_.col1_ .common_headline1_entry_ {
    font-size: 22px;
    font-weight: normal;
    padding-bottom: 10px;
    margin-top: 20px;
}
.customer_.col1_ form[name="frmCustomer"]  {
    background: #f8f8f8;
    padding-bottom: 15px;
}
.customer_.col1_ form[name="frmCustomer"] dl.formdetail_.customer_ dd div input {
    width: 23%;
    padding: 10px 0px;
    font-size: 11px;
    background: #fff;
    border: 1px solid #676767;
    border-radius: 5px;
    margin-top: 3px;
    color: #404040;
}
dl.formdetail_.customer_ {
    margin: 10px 10px 20px 10px;
    padding: 15px 10px;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    background: #fff;
}
form[name="custdestlist"] dl.formdetail_ {
    margin: 30px 10px 20px 10px;
    padding: 15px 10px;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    background: #fff;
}
.customer_.col1_ form[name="custdestlist"] .submit_ {
    margin: 40px 0 ;
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
}
.customer_.col1_ form[name="custdestlist"] .submit_ input.button_.large_button_.gray_button_{
    margin: 0 2px;
}
.customer_.col1_ form[name="custdestlist"] .submit_ input.button_.large_button_.gray_button_.delete_button_{
    margin: 0 10px;
}
.customer_.col1_ form[name="custdestlist"] .submit_ input.button_.large_button_.gray_button_:first-child{
    background: #fff;
}
.customer_.col1_ .radio-area_ {
    display: flex;
    margin-bottom: 5px;
}
.customer_.col1_ .radio-area_ li {
    width: 50%;
}
.customer_.col1_ .radio-area_ li:first-child {
    width: calc(50% - 5px);
    margin-right: 5px;
}
.customer_.col1_ input::placeholder {
  color: rgb(153, 153, 153);
}
.customer_.col1_ input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    width: 20px;
    height: 20px;
    background: #fff;
    -webkit-box-shadow: 1px 1px 1px 1px inset;
    -webkit-border-radius: 10px / 10px;
    position: relative;
    margin-bottom: 3px;
    margin-right: 5px;
}
.customer_.col1_ input[type="radio"] {
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 30px;
    box-shadow: none;
}
.customer_.col1_ input[type="radio"]:checked {
    background: #222;
    border: 1px solid #222;
}
.customer_.col1_  input[type="radio"] {
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 30px;
    box-shadow: none;
}
.customer_.col1_ input[type="radio"]:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 8px;
    display: inline-block;
    width: 10px;
    height: 6px;
    margin: 0;
    border-radius: 2px;
    border-left: 3px solid #ddd;
    border-bottom: 3px solid #ddd;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 2;
}
.customer_.col1_ dd input {
    max-width: none;
    width: calc(100% - 22px);
    padding: 10px;
    font-size: 14px;
}
.customer_.col1_ dd select {
    max-width: none;
    width: calc(100% - 22px);
    padding: 10px;
    font-size: 14px;
    height: 42px;
    background: #fff;
    color: #404040;
}
.customer_.col1_ dd ul.radio-area_ + div.s_inputmode_zip span.small_ {
    display: inline-block;
    color: #757575;
}
#method_post02 input[type="button"].active_ {
    border: 1px solid #222;
    background: #222 !important;
    color: #fff;
}
#method_post02 input[type="button"] {
    float: left;
    display: block;
    margin: 10px 5px 10px 0;
    width: calc((100% - 20px) / 4);
    padding: 11px 0;
    text-align: center;
    border: 1px solid #707070;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 12px;
}
#method_post02 {
    overflow: hidden;
}
div.dest_search {
    font-size: 12px;
    margin: 0 0 5px;
    color: #757575;
}
#div_search_postoffice input#search_postoffice {
    float: left;
    width: 53%;
    padding: 0.8em 0.6em;
    margin: 0 10px 0 0;
    font-size: 14px;
}
#div_search_postoffice #SearchPostOffice {
    display: inline-block;
    width: calc(100% - 54% - 30px);
    padding: 0.7em 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
    color: #222;
    text-align: center;
    text-decoration: none;
}
#tr_post_stop_list #ResetTextArea {
    display: inline-block;
    width: calc(100% - 54% - 30px);
    padding: 0.7em 0;
    margin: 0.7em 0.7em 0.7em 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
    color: #222;
    text-align: center;
    text-decoration: none;
}
span.efo.is_required.checktype_pwd + p {
    margin-top: 5px;
}
.customer_.col1_ dd select[name="yy_birth"] {
    width: 25%;
}
.customer_.col1_ dd select[name="mm_birth"] {
    width: 22%;
    margin-left: 8px;
}
.customer_.col1_ dd select[name="dd_birth"] {
    width: 22%;
    margin-left: 8px;
}

.customer_.col1_ .submit_ {
    margin: 40px 0 0;
}
form[name="skipregular"] .regular_change_.submit_ {
    margin: 40px 0;
}
.customer_.col1_ .submit_ .agree_check_ {
    margin: 0 0 10px;
}
.customer_.col1_ .submit_ .orange_button_ {
    display: block;
    box-shadow: none;
    border-radius: 4px;
    background: #FDE13E;
    font-size: 14px;
    color: #222;
    width: 315px;
    max-width: 100%;
    margin: 0 auto;
}
.customer_.col1_ .submit_ input.button_.large_button_.gray_button_ {
    width: 70px;
    padding: 10px 0 9px;
    background: #F2F2F2;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #222;
    font-size: 15px;
    margin: 20px 0;
    box-shadow: none;
}
.customer_.col1_ .submit_ input.button_.large_button_.gray_button_.agree_ {
    width: 315px;
    padding: 10px 0 9px;
    background: #F2F2F2;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #222;
    font-size: 15px;
    margin: 20px 0;
    box-shadow: none;
}
.customer_.col1_ .submit_ input.button_.large_button_.gray_button_.delete_button_ {
    width: 100px;
    padding: 10px 0 9px;
    background: #F2F2F2;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #222;
    font-size: 15px;
    margin: 20px 0;
    box-shadow: none;
}
.questionnaire_ .submit_ input.button_.large_button_.gray_button_ {
    background: none;
    border: none;
    box-shadow: none;
    font-size: 14px;
    color: #0083D5;
}
.agree_ {
    margin-top: 5px;
}

p.receipt_name_error_ {
    background: url(../img/usr/icon/attention.png) no-repeat left calc(50% - 2px);
    padding-left: 20px;
    background-size: 14px;
    font-size: 15px;
    margin: -8px 0px 2px 10px;
    text-align: left;
    color: #CC0000;
    font-weight: bold;
}

dl.receipt_input_name_ dt {
    justify-content: flex-start;
    flex-direction: row;
}

/* --------------------------------------------------------------------
    商品一覧　ページャー
-------------------------------------------------------------------- */

.navipage_ .navipage_sum_ {
    font-size: 15px;
}
.navipage_.bottom_ {
    background: #fff;
    margin: 0;
    padding: 0;
}
.pagination li {
    display: none;
}
.pagination li.prev ,
.pagination li.next {
	  float: left;
    display: inline-block;
    color: #222;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fbfbfb;
    font-size: 14px;
    padding: 0;
    width: calc((100% - 10px) / 2);
    margin: 0;
    box-sizing: border-box;
}
.pagination li.next {
		float: right;
}

/* --------------------------------------------------------------------
    swiper slider
-------------------------------------------------------------------- */
/* mainvisual */
#swiper-slider{
    margin-top: 5px;
}
#swiper-slider .swiper-container {
	padding-bottom: 20px;
  overflow-y: visible;
  transition: .3s ease;
}
#swiper-slider .swiper-container.swiper-container-initialized {
  opacity: 1;
}
#swiper-slider .swiper-slide {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
  line-height: 0;
  width: 75.5%;
  margin: 0 auto;
  margin-top: 5px;
}
#swiper-slider .swiper-slide img {
	width: 100%;
}
#swiper-slider .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	box-sizing: border-box;
	background: #BBB;
	opacity: 1;
	margin: 0 3px !important;
}
#swiper-slider .swiper-pagination-bullet-active {
	background: #c00;
}
#swiper-slider .swiper-pagination {
  position: static;
  margin: 5px 0 0;
}

/* 会員メニュー */
.top_customer_menu {
  padding: 0 10px 20px;
  border-bottom: 5px solid #F2F2F2;
}
.top_customer_menu::-webkit-scrollbar {
    height: 5px;
}
.top_customer_menu::-webkit-scrollbar-track {
    /* background-color: darkgrey; */
    background-color: #FFF;
}
.top_customer_menu::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 50px;
}
.top_customer_menu.login {
  overflow-x: scroll;
  padding-bottom: 10px;
}
.top_customer_menu.login .inner {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.top_customer_menu .point {
  display: inline-block;
  border-radius: 5px;
  font-size: 10px;
  font-feature-settings: 'palt';
  padding: 9px 15px 10px;
}
.top_customer_menu .point span {
  font-size: 16px;
  font-weight: bold;
  padding: 0 2px 0 8px;
}
.top_customer_menu ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.top_customer_menu.login ul {
  display: inline-flex;
}
.top_customer_menu li {
  width: 100px;
  text-align: center;
}
.top_customer_menu.login li {
  width: 84px;
}
.top_customer_menu li a {
  display: inline-block;
  color: #666;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  padding: 32px 0 0;
  letter-spacing: 0.5px;
}
.top_customer_menu li.mypage a {
  background: url(../img/usr/sp/icon_mypage.png) no-repeat center top / 20px;
}
.top_customer_menu li.history a {
  background: url(../img/usr/sp/icon_history.png) no-repeat center top / 25px;
}
.top_customer_menu li.bookmark a {
  background: url(../img/usr/sp/icon_bookmark.png) no-repeat center top / 25px;
}
.top_customer_menu li.quickorder a {
  background: url(../img/usr/sp/icon_quickorder.png) no-repeat center top / 24px;
}

/* 社員向け */
.bnr_employee img {
  width: 100%;
}

/* 話題のキーワード */
#attention_keyword {
	background: #fff;
  padding: 24px 17px 0px;
  margin: 0 -20px 0;
}
.app_view #attention_keyword {
  margin: 0;
}
#attention_keyword p {
  font-weight: bold;
  padding: 0 4px;
  margin: 0 0 7px;
}
#attention_keyword ul {
  display: flex;
  flex-wrap: wrap;
}
#attention_keyword li {
  margin: 0 3px 6px;
}
#attention_keyword li a {
  display: inline-block;
  color: #333;
  font-size: 12px;
  background: #F2F2F2;
  border-radius: 15px;
  padding: 6px 11px;
  text-decoration: none;
}

/* よく見られている特集 */
#block_of_top_genrebanner .swiper-container {
	padding: 0 0 30px;
}
#block_of_top_genrebanner .swiper-slide {
	text-align: center;
}
#block_of_top_genrebanner .swiper-slide img {
	width: 240px;
}
#block_of_top_genrebanner .swiper-button-prev:after,
#block_of_top_genrebanner .swiper-button-next:after {
	content: '';
	width: 15px;
	height: 15px;
	border-right: 3px solid #bbb;
	border-bottom: 3px solid #bbb;
	text-indent: -9999px;
}
#block_of_top_genrebanner .swiper-button-prev:after {
	transform: rotate(135deg);
}
#block_of_top_genrebanner .swiper-button-next:after {
	transform: rotate(-45deg);
}
#block_of_top_genrebanner .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	box-sizing: border-box;
	background: #ddd;
	opacity: 1;
	margin: 0 5px !important;
}
#block_of_top_genrebanner .swiper-pagination-bullet-active {
	background: #cd0000;
}
#block_of_top_genrebanner .swiper-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	height: 42px;
	bottom: -6px;
}

div[id^="block_of_top_"]:last-child {
  border: 0;
}
#block_of_free1 {
  padding: 0 20px 25px;
  border-bottom: 5px solid #F2F2F2
}
div[id^="block_of_free"] .product_box,
div[id^="block_of_top"] .product_box {
  padding: 25px 20px;
  border-bottom: 5px solid #F2F2F2
}
.app_view #block_of_free1 {
  padding-right: 0;
  padding-left: 0;
}
#block_of_free1 img {
  max-width: 100%;
}
#block_of_free5 {
  border: 0;
}
.top_info_ {
  margin: 0 -20px;
  padding: 0 20px 20px;
  border-bottom: 5px solid #F2F2F2;
}
.top_info_ a {
  display: block;
  color: #fff;
  font-size: 12px;
  padding: 6px 0 6px 35px;
  background: #666 url(../img/usr/sp/icon_info.png) no-repeat left 10px center / 15px;
  text-decoration: none;
}
.common_headline2_Wrap {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 0 0 18px;
}
.common_headline2_Wrap h2 {
  font-size: 16px;
  line-height: 1.3;
  padding: 0;
  width: calc(100% - 80px);
}
.ranking_contents .common_headline2_Wrap h2 {
  font-size: 14px;
}
.common_headline2_Wrap .more_link,
.common_headline3_Wrap .more_link {
  width: 80px;
  margin: 0;
  text-align: right;
}
.common_headline2_Wrap .more_link a,
.common_headline3_Wrap .more_link a {
  position: relative;
  color: #333;
  font-size: 12px;
  text-decoration: none;
  padding: 0 11px 0 0;
}
.common_headline2_Wrap .more_link a:after,
.common_headline3_Wrap .more_link a:after {
  content: '';
  position: absolute;
  top: 5px;
  right: 1px;
  width: 5px;
  height: 5px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  transform: rotate(-45deg);
}

/* オススメの特集 */
.feature_list .feature_list_inner {
  overflow-y: auto;
}
.feature_list {
  padding: 25px 20px;
  border-bottom: 5px solid #F2F2F2;
}
.feature_list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.feature_list .feature_list_inner ul {
  display: inline-block;
  white-space: nowrap;
}
.feature_list li {
  width: calc((100% - 15px) / 2);
  margin: 0 0 15px;
}
.feature_list .feature_list_inner li {
  display: inline-block;
  width: 150px;
  margin: 0 15px 0 0;
  vertical-align: top;
}
.feature_list li:nth-last-child(-n+2) {
  margin: 0;
}
.feature_list .feature_list_inner li:nth-last-child(-n+2) {
  margin: 0 15px 0 0;
}
.feature_list li a {
  display: block;
  text-decoration: none;
}
.feature_list li a img {
  display: block;
  width: 100%;
  border: 1px solid #DDD;
}
.feature_list li a span {
  display: inline-block;
  color: #333;
  font-size: 12px;
  margin: 7px 0 0;
  white-space: pre-wrap;
}

/* ストア */
.store_list {
  padding: 25px 20px;
  border-bottom: 5px solid #F2F2F2;
}
.store_list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.store_list li {
  width: calc((100% - 15px) / 2);
  margin: 0 0 15px;
}
.store_list li:nth-last-child(-n+2) {
  margin: 0;
}
.store_list li a {
  display: block;
  line-height: 0;
}
.store_list li a img {
  width: 100%;
}

/* 人気ランキング */
#block_of_top_recommend3 {
  padding-right: 0;
  padding-left: 0;
}
.ranking_area .common_headline2_Wrap {
  padding: 0 20px;
}
.ranking_contents .common_headline2_Wrap {
  padding: 0;
}
.ranking_tab {
  padding: 0 0 15px;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.ranking_tab::-webkit-scrollbar {
  display: none;
}
.ranking_tab ul {
  display: inline-block;
  white-space: nowrap;
  border-bottom: 2px solid #666;
  line-height: 0;
  margin: 0 20px;
}
.ranking_tab li {
  display: inline-block;
  /* color: #BBB; */
  color: #666;
  font-size: 11px;
  line-height: 1;
  font-weight: bold;
  background: #F2F2F2;
  border-radius: 5px 5px 0 0;
  padding: 8px 10px;
}
.ranking_tab li.current {
  color: #fff;
  background: #666;
}
.ranking_area {
  padding: 25px 0 0;
  border-bottom: 5px solid #F2F2F2;
}
.ranking_contents {
  padding: 0 20px;
}
.ranking_area .ranking_contents .product_box {
  padding: 0 0 25px;
  border: 0;
}
.ranking_contents > div:not(:first-child) {
  display: none;
}
.ranking_area .common_headline3_Wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 0 0 15px;
}
.ranking_area .common_headline3_Wrap h3 {
  font-size: 14px;
  padding: 0;
}

/* おすすめショップ */
#block_of_top_genreshopbanner {
  padding: 25px 0 25px 20px;
  border-bottom: 5px solid #F2F2F2;
}
.recommend_shop .recommend_shop_inner {
  overflow: scroll;
}
.recommend_shop ul {
  display: table;
  flex-wrap: wrap;
  white-space: nowrap;
}
.recommend_shop li {
  width: 130px;
  height: 100%;
  min-width: 130px;
  padding: 0 10px 0 0;
  margin: 0;
  border: none;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  box-sizing: border-box;
}
.recommend_shop li a {
  width: 120px;
  min-width: 120px;
  height: 100%;
  padding: 10px;
  margin: 0;
  border: #ddd 1px solid;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.recommend_shop li a img {
  width: 100%;
}

/* --------------------------------------------------------------------
	認証設定
-------------------------------------------------------------------- */
.customer_.col1_ div.auth_entry_error_ {
    font-size: 16px;
    font-weight: bold;
    color: #D10000;
    width: auto;
    background: none;
    border: none;
    padding: 2px 0;
}

div.method_authperson_question_{
	margin-bottom: 10px;
}
div.method_authperson_answer_{
	margin-bottom: 10px;
}
div.method_authperson_biometric_{
	margin-bottom: 10px;
}

.order_gift_ .delivery_detail_ #method_authperson .method_authperson_answer_ p.error_  {
    background: url(../img/usr/icon/attention.png) no-repeat left center;
    padding-left: 27px!important;
    background-size: 18px;
    margin: 5px 0;
    color: #CC0000;
    font-weight: bold;
}
.order_gift_ .delivery_detail_ #method_authperson .method_authperson_answer_  p {
    color: #8b8b8b;
    font-size: 12px;
    margin: 5px 5px 0;
}

.delivery_detail_ div.method_box_#method_authperson div.method_box_content_ div.method_authperson_biometric_ + p.small_{
	margin: 0 15px 12px;
	color: #8b8b8b;
}

#method_authperson h2.common_headline2_ {
    padding: 12px 0 12px 10px;
    background: #dedede;
}
.delivery_detail_ .method_box_#method_authperson p {
    font-weight: bold;
}

/* --------------------------------------------------------------------
	注文履歴詳細
-------------------------------------------------------------------- */
div.customer_ .destgoodslist_.historydetail_ .dest_goodsname_ .name2_,
div.customer_ .destgoodslist_.historydetail_ .dest_pointup_name_ {
	word-break: break-word;
}
/* --------------------------------------------------------------------
	特集一覧
-------------------------------------------------------------------- */
#speciallist {
  color: #333;
  padding: 45px 20px;
}
#speciallist h1 {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 2px solid #333;
  padding: 0 0 13px;
  margin: 0 0 25px;
}
#speciallist h2 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 15px;
}
#speciallist .recommend {
  padding: 0 0 22px;
  margin: 0 0 32px;
  border-bottom: 1px solid #DDD;
}
#speciallist .recommend ul,
#speciallist .category-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#speciallist .recommend li,
#speciallist .category-list li {
  width: calc((100% - 15px) / 2);
  margin: 0 0 15px;
}
#speciallist .recommend li:nth-child(n+5) {
  display: none;
}
#speciallist .recommend li img,
#speciallist .category-list li img {
  width: 100%;
}
#speciallist .recommend li a,
#speciallist .category-list li a {
  color: #333;
  text-decoration: none;
  font-size: 12px;
}
#speciallist .recommend li span,
#speciallist .category-list li span {
  font-size: 12px;
}
#speciallist .recommend .btn-more {
  display: none;
  text-align: center;
}
#speciallist .recommend .btn-more p {
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 25px 5px 10px;
}
#speciallist .recommend .btn-more p:after {
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  transform: rotate(45deg);
}
#speciallist .recommend .btn-more p.open:after {
  top: 13px;
  transform: rotate(-135deg);
}
#speciallist .category-tab {
  margin: 0 -20px 5px;
  padding: 0 0 15px;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#speciallist .category-tab::-webkit-scrollbar {
  display: none;
}
#speciallist .category-tab ul {
  display: inline-block;
  white-space: nowrap;
  border-bottom: 2px solid #666;
  line-height: 0;
  margin: 0 20px;
}
#speciallist .category-tab li {
  display: inline-block;
  color: #BBB;
  font-size: 11px;
  line-height: 1;
  font-weight: bold;
  background: #F2F2F2;
  border-radius: 5px 5px 0 0;
  padding: 8px 10px;
}
#speciallist .category-tab li.current {
  color: #fff;
  background: #666;
}
/* --------------------------------------------------------------------
	注文確認画面　Apple Pay
-------------------------------------------------------------------- */

@supports (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button-with-text {
        display: inline-block;
        -webkit-appearance: -apple-pay-button;
        -apple-pay-button-type: buy;
        width: 100%;
        height: 53px;
    }
    .apple-pay-button-with-text > * {
        display: none;
    }
    .apple-pay-button-black-with-text {
        -apple-pay-button-style: black;
    }
    .apple-pay-button-white-with-text {
        -apple-pay-button-style: white;
    }
    .apple-pay-button-white-with-line-with-text {
        -apple-pay-button-style: white-outline;
    }
}

@supports not (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button-with-text {
        --apple-pay-scale: 1; /* (height / 32) */
        display: inline-flex;
        justify-content: center;
        font-size: 12px;
        border-radius: 5px;
        padding: 0px;
        box-sizing: border-box;
        min-width: 200px;
        min-height: 32px;
        max-height: 64px;
        height: 53px;
        width: 100%;
    }
    .apple-pay-button-black-with-text {
        background-color: black;
        color: white;
    }
    .apple-pay-button-white-with-text {
        background-color: white;
        color: black;
    }
    .apple-pay-button-white-with-line-with-text {
        background-color: white;
        color: black;
        border: .5px solid black;
    }
    .apple-pay-button-with-text.apple-pay-button-black-with-text > .logo {
        background-image: -webkit-named-image(apple-pay-logo-white);
        background-color: black;
    }
    .apple-pay-button-with-text.apple-pay-button-white-with-text > .logo {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
    }
    .apple-pay-button-with-text.apple-pay-button-white-with-line-with-text > .logo {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
    }
    .apple-pay-button-with-text > .text {
        font-family: -apple-system;
        font-size: calc(1em * var(--apple-pay-scale));
        font-weight: 300;
        align-self: center;
        margin-right: calc(2px * var(--apple-pay-scale));
    }
    .apple-pay-button-with-text > .logo {
        width: calc(35px * var(--scale));
        height: 100%;
        background-size: 100% 60%;
        background-repeat: no-repeat;
        background-position: 0 50%;
        margin-left: calc(2px * var(--apple-pay-scale));
        border: none;
    }
}

/* 配送方法選択 */
.goodsinfo_box_ + .goods_delivery_method_ {
	display: block;
	border: 1px solid #ccc;
	border-top: 0;
	margin: 0 !important;
	padding: 20px;
}
.goods_delivery_method_ + .method_goods_delivery_ {
	display: block;
	border: 1px solid #ccc;
	border-top: 0;
	border-radius: 0 0 5px 5px;
	margin: 0 !important;
	padding: 20px;
}
.goods_delivery_method_ .block_title_{
	padding-top: 14px;
	margin-right: 3px;
	font-size: 14px;
	font-weight: bold;
}
.goods_delivery_method_ .block_wrapper_ dl {
	display: flex;
}
.goods_delivery_method_ .block_wrapper_ dt {
	display: flex;
	width: 120px;
}
.goods_delivery_method_ .block_wrapper_ dd {
	text-align: left;
	padding-top: 12px;
	padding-bottom: 12px;
}
.goods_delivery_method_ .radio-area_ label {
	position: relative;
	display: flex;
	align-items: center;
	width: auto;
	height: auto;
	padding: 14px 4px 14px 34px;
	border: none;
	border-radius: 0;
	background: none;
	color: #222;
}
.goods_delivery_method_ .radio-area_ label:before {
	content: '';
	position: absolute;
	top: 14px;
	left: 7px;
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	border-radius: 30px;
	background: none;
}
.goods_delivery_method_ .radio-area_ label:after{
	content: '';
	position: absolute;
	top: 20px;
	left: 12px;
	display: inline-block;
	width: 8px;
	height: 4px;
	border-radius: 2px;
	border-left: 3px solid #ddd;
	border-bottom: 3px solid #ddd;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	z-index: 2;
}
.goods_delivery_method_ .radio-area_ input:checked + label:after{
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
}
.goods_delivery_method_ .radio-area_ input:checked + label:before{
	background: #222;
	border: 1px solid #222;
}
.goods_delivery_method_ .radio-area_ img.about_delivery_method {
	width: 14px;
	height: 14px;
	margin-right:20px;
	margin-top:6px;
	padding-left: 0px;
}
.goods_delivery_method_ .radio-area_ dd.tip_icon {
	width: 50px;
}

/* サジェスト */
.bl_npSuggestContainerSp {
	left: 0 !important;
}

/* ログイン画面 google recaptcha */
.grecaptcha-badge {
	bottom: 55px !important;
}

/* 楽天ペイ決済ボタン表示 */
.button-area_ #rakuten-pay-button input,
.button-area_ #rakuten-pay-button2 input {
  display:inline;
}

/* サブスク */
.monthly_area .common_headline2_Wrap {
  padding: 0;
}
.monthly_contents_ .common_headline2_Wrap {
  padding: 0;
}
.monthly_tab_ {
  padding: 0 0 10px 0;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.monthly_tab_::-webkit-scrollbar {
  display: none;
}
.monthly_tab_ ul {
  display: inline-block;
  white-space: nowrap;
  border-bottom: 2px solid #666;
  line-height: 0;
  margin: 0;
}
.monthly_tab_ li {
  display: inline-block;
  color: #BBB;
  font-size: 11px;
  line-height: 1;
  font-weight: bold;
  background: #F2F2F2;
  border-radius: 5px 5px 0 0;
  padding: 8px 10px;
}
.monthly_tab_ li.current {
  color: #fff;
  background: #666;
}
.monthly_area_ {
  padding: 5px 0 10px 0;
}
.goods_contents_{
  padding: 0 20px;
}
.goods_area_{
  margin-bottom: 20px;
}
.monthly_area_ img , .goods_area_ img{
  width: 100px;
}
.monthly_area_ .ranking_contents .product_box {
  padding: 0 0 25px;
  border: 0;
}
.monthly_contents_ > div:not(:first-child) {
  display: none;
}
.monthly_area_ .common_headline3_Wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 0 0 15px;
}
.monthly_area_ .common_headline3_Wrap h3 {
  font-size: 14px;
  padding: 0;
}
.goods_contents_ p {
  font-weight: bold;
}
table.history_ td.subsc_name_>*,
table.destgoodslist_ td.subsc_name_,
table.destgoodslist_ td.subsc_goods_>* {
    vertical-align: middle;
}
.subsc_button_ {
  margin: 10px 0 !important;
  text-align: center;
}
.subsc_button_ input {
  width:315px;
}
.subsc_cancel_ {
  margin: 10px 0 20px !important;
}

.subsc_ .post_office_name_ input {
    width: 23%;
    padding: 10px 0px;
    font-size: 11px;
    background: #fff;
    border: 1px solid #676767;
    border-radius: 5px;
    margin-top: 3px;
}
.subsc_contact_{
  margin-top: 10px;
}
.subsc_flex_ {
  display: flex !important;
  align-items: center;
}
.subsc_flex_ div{
  padding-right:10px;
}
.end_:after {
	content: '受付完了';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}
.no_border_right_ {
    position: relative;
    border-right: none !important;
    width: 1%;
}
.no_border_left_ {
    border-left: none !important;
}
.card_msg_ { 
    color:#993300 ;
    font-weight:bold;
}

/* --------------------------------------------------------------------
	マイページ 202210
-------------------------------------------------------------------- */
/* マイページ */
.block-mypage {
  margin: 25px 0 0;
}
.block-mypage h1 {
  font-size: 20px;
  padding: 0 20px;
}
.block-mypage-top-info {
  padding: 20px;
  margin: 25px 20px 40px;
  border: 1px solid #DDD;
}
.block-mypage-top-info--head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin: 0 0 25px;
}
.block-mypage-top-info--head-name {
  font-size: 26px;
  font-weight: bold;
}
.block-mypage-top-info--head-menu {
  font-size: 16px;
  padding: 0 0 4px;
}
.block-mypage-top-info--head-menu a {
  padding: 0 5px;
}
.block-mypage-top-info--head-logout {
  width: 100%;
  margin: 5px 0 0;
}
.block-mypage-top-info--portal-alignment {
  margin: 12px 0 10px;
}
.block-mypage-top-info--portal-alignment-text {
  line-height: 1.8;
  margin: 0 0 8px;
}
.block-mypage-top-info--portal-alignment-status {
  font-size: 16px;
}
.block-mypage-top-info--portal-alignment-status span {
  font-size: 18px;
  font-weight: bold;
}
.block-mypage-top-info--point dl {
  display: flex;
  align-items: center;
  padding: 0;
  line-height: 1.7;
}
.block-mypage-top-info--point dl.block-mypage-top-info--point-acquisition {
  margin: 8px 0 0;
  padding: 12px 10px 0;
  border-top: 1px dotted #CECECE;
}
.block-mypage-top-info--point dt {
  position: relative;
  font-size: 18px;
  width: 160px;
}
.block-mypage-top-info--point dl.block-mypage-top-info--point-limited dt {
  font-size: 14px;
}
.block-mypage-top-info--point dt:after {
  content: ':';
  position: absolute;
  top: -1px;
  right: 0;
}
.block-mypage-top-info--point dd {
  font-size: 11px;
  width: calc(100% - 160px);
  padding: 0 0 0 12px;
  box-sizing: border-box;
}
.block-mypage-top-info--point dd span {
  font-size: 20px;
  font-weight: bold;
}
.block-mypage-top-info--point dl.block-mypage-top-info--point-limited dd span {
  font-size: 16px;
}
.block-mypage-top-info--point-for-guide {
  margin: 15px 0 0;
  padding: 0 0 10px 0;
  text-align: right;	
}
.block-mypage-top-info--point-history {
  margin: 10px 0 0;
  padding: 17px 0 0;
  border-top: 1px dotted #CECECE;
  text-align: right;
}
.block-mypage-rergular-info {
  background: #F3F3F3;
  padding: 20px 0;
}
.block-mypage-rergular-info--top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 20px;
  padding: 0 20px;
}
.block-mypage-rergular-info--title {
  font-size: 20px;
  font-weight: bold;
}
.block-mypage-rergular-info--items {
  overflow: visible;
}
.block-mypage .block-mypage-rergular-info--items{
    padding: 0 20px;
}
.block-mypage-rergular-info--item {
  padding: 0 20px;
  box-sizing: border-box;
}
.block-mypage-rergular-info--item:not(:first-child) {
  display: none;
}
.block-mypage-rergular-info--item.hide {
  display: none !important;
}
.block-mypage-rergular-info--item-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 15px;
}
.block-mypage-rergular-info--item-img {
  width: 85px;
}
.block-mypage-rergular-info--item-img img {
  max-width: 100%;
}
.block-mypage-rergular-info--item-name {
  width: calc(100% - 100px);
}
.block-mypage-rergular-info--item-schedule {
  border: 1px solid #D1D1D1;
  padding: 20px 0;
  margin: 0 0 10px;
  background: #FFF;
  text-align: center;
}
.block-mypage-rergular-info--item-schedule-date {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 3px;
}
.block-mypage-rergular-info--item-schedule-date dd {
  font-size: 16px;
  font-weight: bold;
}
.block-mypage-rergular-info--item-schedule-skip {
  color: #1D3994;
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
  padding: 2px 0 0;
}
.block-mypage-rergular-info--item-schedule-skip.inactive {
  width: 135px;
  background: #A5A5A5;
  color: #FFF;
  font-size: 13px;
  text-decoration: none;
  font-weight: normal;
  margin: 10px auto 0;
  padding: 5px 0 4px;
  border-radius: 30px;
  pointer-events: none;
}
.block-mypage-rergular-info .swiper-button-disabled {
  display: none;
}
.block-mypage-rergular-info .swiper-button-prev,
.block-mypage-rergular-info .swiper-button-next {
  width: 25px;
  height: 25px;
}
.block-mypage-rergular-info .swiper-button-prev {
  left: 10px;
  background: url(../img/usr/common/sslider_prev02.png) no-repeat center / 100%;
}
.block-mypage-rergular-info .swiper-button-next {
  right: 10px;
  background: url(../img/usr/common/sslider_next02.png) no-repeat center / 100%;
}
.block-mypage-rergular-info .swiper-button-prev:after,
.block-mypage-rergular-info .swiper-button-next:after {
  display: none;
}
.block-mypage-skip-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
}
.block-mypage-skip-modal--bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
}
.block-mypage-skip-modal--contents {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: 90%;
  padding: 0 0 30px;
  max-height: 70%;
  overflow-y: auto;
}
.block-mypage-skip-modal--contents.hide {
  display: none;
}
.block-mypage-skip-modal--title {
  font-size: 16px;
  font-weight: bold;
  background: #F3F3F3;
  padding: 13px 10px;
  text-align: center;
}
.block-mypage-skip-modal--list {
  padding: 20px 20px 35px;
}
.block-mypage-skip-modal--item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #DBDBDB;
  padding: 0 0 10px;
  margin: 0 0 10px;
}
.block-mypage-skip-modal--item:last-child {
  margin: 0;
}
.block-mypage-skip-modal--item-img {
  display: block;
  width: 80px;
  line-height: 0;
}
.block-mypage-skip-modal--item-img img {
  max-width: 100%;
}
.block-mypage-skip-modal--item-name {
  width: calc(100% - 95px);
}
.block-mypage-skip-modal--item-name a {
  color: #1D3994;
  font-size: 13px;
}
.block-mypage-skip-modal--text {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 20px;
  text-align: center;
}
.block-mypage-skip-modal--btn {
  display: flex;
  justify-content: center;
}
.block-mypage-skip-modal--btn-submit {
  display: block;
  width: 110px;
  background: #FDE13E;
  border-radius: 4px;
  text-align: center;
  font-size: 15px;
  border: 0;
  padding: 17px 0 16px;
  margin: 0 20px 0 0;
  color: #333;
}
.block-mypage-skip-modal--btn-cancel {
  width: 110px;
  background: #F2F2F2;
  border: 1px solid #CCC;
  border-radius: 4px;
  font-size: 15px;
  text-align: center;
  padding: 13px 0 12px;
}
.block-mypage-history,
.block-mypage-bookmark {
  padding: 30px 0;
  border-top: 6px solid #F2F2F2;
}
.block-mypage-history--head,
.block-mypage-bookmark--head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  margin: 0 0 20px;
}
.block-mypage-history--head-title,
.block-mypage-bookmark--head-title {
  font-size: 18px;
  font-weight: bold;
  font-feature-settings: 'palt';
}
a.block-mypage-rergular-info--link,
a.block-mypage-history--head-link,
a.block-mypage-bookmark--head-link {
  position: relative;
  color: #707070;
  text-decoration: none;
  padding: 0 12px 0 0;
  font-size: 12px;
}
.block-mypage-rergular-info--link:after,
.block-mypage-history--head-link:after,
.block-mypage-bookmark--head-link:after {
  content: '';
  position: absolute;
  top: 7px;
  right: 2px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  transform: rotate(-45deg);
}
.block-mypage-history--block-new {
  border-bottom: 6px solid #F2F2F2;
  padding: 0 0 30px;
  margin: 0 0 27px;
}
.block-mypage-history-items,
.block-mypage-bookmark-items {
  overflow-x: scroll;
}
.block-mypage-history-items--inner {
  display: inline-block;
  white-space: nowrap;
  padding: 0 0 10px 20px;
  font-size: 0;
}
.block-mypage-history-item {
  display: inline-block;
  width: 110px;
	padding: 0 0 23px 0;
  margin: 0 10px 0 0;
  text-align: center;
  vertical-align: top;
	position: relative;
}
.block-mypage-history-item:last-child {
  margin: 0 20px 0 0;
}
.block-mypage-history-item--img {
  display: block;
  line-height: 0;
  margin: 0 0 8px;
}
.block-mypage-history-item--img img {
  max-width: 100%;
}
.block-mypage-history-item--text p {
	min-height: 1.5em;
  font-size: 12px;
  margin: 0 0 3px;
}
.block-mypage-history-item--date {
	min-height: 1.5em;
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 3px;
}
.block-mypage-history-item--link {
	width: 100%;
  font-size: 13px;
	text-align: center;
	line-height: 1.0;
	position: absolute;
	left: 0;
	bottom: 5px;
}
.block-mypage-history-item--status {
  font-size: 13px;
  font-weight: bold;
  white-space: normal;
  line-height: 1.4;
}
.block-mypage-history-item--icon {
  display: inline-block;
  color: #FFF;
  font-size: 10px;
  background: #F00;
  border-radius: 1px;
  padding: 0 4px;
}
.block-mypage-bookmark-items,
.block-mypage-recently-history-items {
  padding: 0 0 0 20px;
}
.block-mypage-bookmark-items .goods_,
.block-mypage-recently-history-items .goods_ {
  margin-right: 0;
}
.block-mypage-bookmark-items ul.goods_p_,
.block-mypage-recently-history-items ul.goods_p_ {
  font-size: 0;
}
.block-mypage-bookmark-items ul.goods_p_ li,
.block-mypage-recently-history-items ul.goods_p_ li {
  margin: 0 10px 0 0;
}
.block-mypage-bookmark-items ul.goods_p_ li:last-child,
.block-mypage-recently-history-items ul.goods_p_ li:last-child {
  margin: 0 20px 0 0;
}
.block-mypage-customer-menu {
  padding: 30px 20px 40px;
  border-top: 6px solid #F2F2F2;
}
.block-mypage-customer-menu ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.block-mypage-customer-menu li {
  width: calc((100% - 20px) / 3);
  height: calc((100vw - 60px) / 3);
}
.block-mypage-customer-menu li a {
  display: block;
  border: 1px solid #DDD;
  height: 100%;
  text-align: center;
  color: #333;
  font-size: 13px;
  line-height: 1.2;
  text-decoration: none;
  box-sizing: border-box;
}
.block-mypage-customer-menu li a.history {
  padding-top: 69%;
  background: url(../img/usr/mypage/icon_history_sp.png) no-repeat center top 32% / 40px;
}
.block-mypage-customer-menu li:nth-child(2) a.address {
  padding-top: 69%;
  background: url(../img/usr/mypage/icon_address_sp.png) no-repeat center top 31% / 36px;
}
.block-mypage-customer-menu li:nth-child(3) a.address {
  padding-top: 63%;
  background: url(../img/usr/mypage/icon_address_sp.png) no-repeat center top 31% / 36px;
}
.block-mypage-customer-menu li a.card {
  padding-top: 61%;
  background: url(../img/usr/mypage/icon_card_sp.png) no-repeat center top 30% / 39px;
}
.block-mypage-customer-menu li a.bookmark {
  padding-top: 68%;
  background: url(../img/usr/mypage/icon_bookmark_sp.png) no-repeat center top 35% / 33px;
}
.block-mypage-customer-menu li a.regular {
  padding-top: 61%;
  background: url(../img/usr/mypage/icon_regular_sp.png) no-repeat left 57% top 30% / 38px;
}
.block-mypage-customer-menu li a.line {
  padding-top: 61%;
  background: url(../img/sys/mypage_icon_line.jpg) no-repeat center top 25% / 38px;
}
.block-mypage-customer-menu li a.apple-id {
  padding-top: 61%;
  background: url(../img/sys/apple/appleid_button_mypage.png) no-repeat center top 25% / 38px;
}
.block-mypage-customer-menu li a.password {
  padding-top: 69%;
  background: url(../img/usr/mypage/icon_lock_sp.png) no-repeat center top 32% / 29px;
}
.block-mypage-customer-menu li a.alignment-cancel {
  padding-top: 61%;
  background: url(../img/usr/mypage/icon_alignment_cancel_sp.png) no-repeat center top 25% / 34px;
}
.block-mypage-menu {
  margin: 0 0 35px;
}
.block-mypage-menu-menu--title {
  font-size: 18px;
  font-weight: bold;
  background: #F3F3F3;
  padding: 18px 20px 15px;
  margin-bottom: 8px;
}
.block-mypage-menu-menu--title a{
  color: #333;
  text-decoration: none;
  display: block;
  position: relative;
}
.block-mypage-menu-menu--title a::after{
  content: '';
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  transform: rotate(-45deg);
}
.block-mypage-menu li {
  padding: 0 20px;
}
.block-mypage-menu li a {
  position: relative;
  display: block;
  border-bottom: 1px dotted #B4B4B4;
  color: #333;
  text-decoration: none;
  box-sizing: border-box;
  padding: 19px 0 17px;
}
.block-mypage-menu li:first-child a {
  padding-top: 11px;
}
.block-mypage-menu li:last-child a {
  border: 0;
}
.block-mypage-menu-menu ul{
    padding: 0 20px;
}
.block-mypage-menu-menu ul li{
    border-top: 1px dotted #B4B4B4;
    padding: 0;
}
.block-mypage-menu-menu .block-mypage-menu-menu--title + ul{
    padding: 0;
}
.block-mypage-menu-menu .block-mypage-menu-menu--title + ul li{
    border: none;
    padding: 0 20px;
}
.block-mypage-menu li a:after {
  content: '';
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  transform: rotate(-45deg);
}
.block-mypage-menu li span {
  display: inline-block;
  padding: 18px 0 8px;
}
.block-mypage-menu-menu--text {
  margin: 0 0 15px;
}
.block-mypage-menu-menu:not(:last-of-type) .block-mypage-menu-menu--text {
    border-bottom: 1px dotted #B4B4B4;
    padding-bottom: 20px;
    margin-bottom: 0;
}
.block-mypage-recently-history {
  padding: 30px 0;
  border-top: 6px solid #F2F2F2;
}
.block-mypage-recently-history--title {
  font-size: 18px;
  font-weight: bold;
  padding: 0 20px;
  margin: 0 0 20px;
}

/* 注文履歴一覧 */
.block-history {
  line-height: 1.7;
}
.block-history h1 {
  color: #404040;
  font-size: 20px;
  padding: 0 20px;
  margin: 0 0 23px;
}
.block-history--text {
  padding: 0 20px;
  margin: 0 0 15px;
}
.block-mypage-customer-name {
  font-size: 20px;
  font-weight: bold;
  padding: 0 20px;
  text-align: center;
  margin: 0 0 25px;
}
.block-history-lists-tab {
  border-top: 1px solid #DDD;
}
.block-history-lists-tab ul {
  display: flex;
}
.block-history-lists-tab li {
  width: 50%;
  box-sizing: border-box;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  background: #F3F3F3;
  border-bottom: 1px solid #DDD;
}
.block-history-lists-tab li.block-history-lists-tab--new {
  border-right: 1px solid #DDD;
}
.block-history-lists-tab li.block-history-lists-tab--current {
  padding: 18px 0 17px;
  background: #FFF;
  border-bottom: 0;
}
.block-history-lists-tab li a {
  display: block;
  color: #404040;
  padding: 18px 0 17px;
  text-decoration: none;
}
.block-history-lists--body-inner {
  background: #F3F3F3;
  padding: 0;
}
.block-history-lists--nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 1px;
  padding: 15px;
  background: #fff;
}
.block-history-lists--nav-search {
  width: 100%;
  margin: 0 0 25px;
}
.block-history-lists--nav-search-form {
  position: relative;
  display: flex;
  background: #FFF;
  margin: 0 0 10px;
  border-radius: 6px 0 0 6px;
}
input.block-history-lists--nav-search-input {
  margin: 0 !important;
  border-radius: 6px 0 0 6px;
  width: calc(100% - 40px);
  border: 1px solid #DDD;
  border-right: 0;
  padding: 10px 25px 10px 10px;
  box-sizing: border-box;
  height: 40px;
}
.block-history-lists--nav-search-form-delete {
  position: absolute;
  top: 0;
  right: 40px;
  width: 30px;
  height: 40px;
  text-align: center;
  line-height: 20px;
  box-sizing: border-box;
  padding: 9px 0;
  display: none;
}
.block-history-lists--nav-search-btn {
  background: #585858;
  width: 40px;
  height: 40px;
  border-radius: 0 6px 6px 0;
  box-sizing: border-box;
  padding: 12px;
}
.block-history-lists--nav-search-period {
  -webkit-appearance: none;
  width: 100%;
  max-width: 100%;
  height: 40px;
  margin: 0;
  padding: 5px 30px 5px 20px;
  border-radius: 6px;
  border: 1px solid #DDD;
  background: #FFF url(../img/usr/mypage/arrow.png) no-repeat right 15px center / 11px;
  color: #404040;
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN",'Noto Sans Japanese', sans-serif;
}
.block-history-lists--nav-sum span {
  font-size: 20px;
  font-weight: bold;
}
.block-history-lists--nav-about-delivery {
  color: #1D3994;
  text-decoration: underline;
  margin-left: auto;
}
.block-history-lists--list {
  background: #FFF;
  margin: 0 0 10px;
  padding: 15px 12px 20px;
}
.block-history-lists--list:last-child {
  margin: 0;
}
.block-history-lists--list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 10px;
}
.block-history-lists--list-head-date {
  font-size: 16px;
  font-weight: bold;
}
.block-history-lists--list-head-id {
  font-size: 12px;
}
.block-history-lists--list-head-btn,
a.block-history-lists--list-head-btn {
  width: 120px;
  padding: 8px 0 6px;
  border: 1px solid #222;
  border-radius: 4px;
  text-align: center;
  font-size: 13px;
  text-decoration: none;
  color: #333;
  display: block;
}
.block-history-lists--list-item {
  padding: 15px 0 30px;
  border-top: 1px solid #DDD;
}
.block-history-lists--list-item:nth-of-type(n+4) {
  display: none;
}
.block-history-lists--list-number {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: bold;
}
.block-history-lists--list-status {
  position: relative;
  background: #FFF5F5;
  padding: 24px 12px 10px;
  margin: 0 0 25px;
}
.block-history-lists--list-status:after {
  content: '';
  position: absolute;
  right: calc(50% - 16px);
  bottom: -14px;
  border-style: solid;
  border-width: 28px 16px 0 16px;
  border-color: #FFF5F5 transparent transparent transparent;
}
.block-history-lists--list-status-cancel {
  padding: 0;
  margin: 0 0 10px;
  background: none;
  font-weight: bold;
}
.block-history-lists--list-status-cancel:after {
  display: none;
}
.block-history-lists--list-status-current {
  font-weight: bold;
  margin: -14px 0 8px;
}
.block-history-lists--list-status-cancel .block-history-lists--list-status-current {
  margin: 0;
}
.block-history-lists--list-status-figure {
  display: flex;
}
.block-history-lists--list-status-figure li {
  position: relative;
  font-size: 11px;
  padding: 20px 0 0;
  width: 20%;
  text-align: center;
}
.block-history-lists--list-status-figure li:not(.done) {
  color: #BBB;
}
.block-history-lists--list-status-figure li:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #BBB;
}
.block-history-lists--list-status-figure li:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  width: 100%;
  height: 3px;
  background: #BBB;
}
.block-history-lists--list-status-figure li:first-child:after {
  width: 50%;
  left: 50%;
}
.block-history-lists--list-status-figure li:last-child:after {
  width: 50%;
}
.block-history-lists--list-status-figure li.done:before,
.block-history-lists--list-status-figure li.done:after {
  background: #C00;
}
.block-history-lists--list-status-figure li.done:nth-child(5):before {
  top: -9px;
  width: 28px;
  height: 28px;
  background: url(../img/usr/mypage/icon_check.png) no-repeat center / 100%;
  z-index: 1;
}
.block-history-lists--list-status-figure li.done:nth-child(5):after {
  width: 35%;
}
.block-history-lists--list-status-link {
  color: #1D3994;
  font-size: 12px;
  text-align: right;
  text-decoration: underline;
}
.block-history-lists--list-item-seller {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 10px;
}
.block-history-lists--list-item-info + .block-history-lists--list-item-seller {
  margin-top: 40px;
}
.block-history-lists--list-item-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.block-history-lists--list-item-info + .block-history-lists--list-item-info {
  margin: 30px 0 0;
}
.block-history-lists--list-item-img {
  width: 110px;
  margin: 0 15px 0 0;
}
.block-history-lists--list-item-img img {
  width: 100%;
}
.block-history-lists--list-item-text {
  width: calc(100% - 125px);
}
.block-history-lists--list-item-name,
a.block-history-lists--list-item-name {
  display: inline-block;
  color: #333;
  line-height: 1.43;
  text-decoration: none;
  margin: 0 0 5px;
}
.block-history-lists--list-item-price {
  font-weight: bold;
}
.block-history-lists--list-item-price span {
  font-size: 18px;
}
.block-history-lists--list-item-recommend {
  color: #1D3994;
  font-size: 13px;
  text-decoration: underline;
}
.block-history-lists--list-item-buy {
  width: 100%;
  margin: 20px 0 0;
  text-align: center;
}
a.block-history-lists--list-item-cart {
  display: inline-block;
  width: 172px;
  color: #222;
  font-size: 15px;
  text-decoration: none;
  border-radius: 3px;
  padding: 11px 0 10px;
  background: #FDE13E;
}
.block-history-lists--list-item-finished {
  color: #C00;
}
.block-history-lists--list-more {
  position: relative;
  width: 100px;
  margin: 0 auto 23px;
  text-align: center;
  padding: 0 0 10px;
}
.block-history-lists--list-more:after {
  content: '';
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  border-right: 2px solid #707070;
  border-bottom: 2px solid #707070;
  transform: rotate(45deg);
}
.block-history-lists--list-bottom {
  padding: 15px 0 0;
  border-top: 1px solid #DDD;
}
.block-history-lists--list-bottom dl {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  line-height: 1.5;
}
.block-history-lists--list-bottom dt {
  position: relative;
  font-size: 13px;
  padding: 0 15px 0 0;
  margin: 0 5px 0 0;
}
.block-history-lists--list-bottom dt:after {
  content: ':';
  position: absolute;
  top: -1px;
  right: 0;
}
.block-history-lists--list-total-price dd {
  font-size: 18px;
  font-weight: bold;
}
.block-history-lists--list-total-price dd span {
  font-size: 24px;
}
.block-history-lists--list-payment dd {
  font-weight: bold;
}
.block-history-lists--no-data {
  background: #FFF;
  padding: 20px 12px;
  text-align: center;
}
.pagination.block-history-lists--pager {
	margin: 10px 10px 15px;
}
.pagination.block-history-lists--pager ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0 0;
}
.pagination.block-history-lists--pager ul li {
  min-width: 29px;
	width: 29px;
  height: 29px;
  padding: 0;
  margin: 0 3px;
  font-size: 16px;
  text-decoration: none;
	float: none;
	background: none;
  color: #1D3994;
  display: block;
	position: relative;
}
.pagination.block-history-lists--pager ul li.active {
	border-radius: 3px;
	color: #FFF;
	box-sizing: border-box;
	background: #2F312C;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pagination.block-history-lists--pager ul li a {
	width: 100%;
  height: 29px;
	padding: 0;
	margin: 0;
  display: flex;
	justify-content: center;
	align-items: center;
	color: #1D3994;
	box-sizing: border-box;
}
.pagination.block-history-lists--pager ul li.first,
.pagination.block-history-lists--pager ul li.prev,
.pagination.block-history-lists--pager ul li.next,
.pagination.block-history-lists--pager ul li.last {
  border: none;
}
.pagination.block-history-lists--pager ul li.prev {
	margin: 0 20px 0 5px;
}
.pagination.block-history-lists--pager ul li.next {
	margin: 0 5px 0 20px;
}
.pagination.block-history-lists--pager ul li.first a,
.pagination.block-history-lists--pager ul li.prev a,
.pagination.block-history-lists--pager ul li.next a,
.pagination.block-history-lists--pager ul li.last a {
  border: 1px solid #222;
  border-radius: 4px;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  display: block;
}
.pagination.block-history-lists--pager ul li.first a::before,
.pagination.block-history-lists--pager ul li.first a::after,
.pagination.block-history-lists--pager ul li.prev a::before,
.pagination.block-history-lists--pager ul li.next a::before,
.pagination.block-history-lists--pager ul li.last a::before,
.pagination.block-history-lists--pager ul li.last a::after {
  content: '';
  width: 6px;
  height: 6px;
	border: none;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
  position: absolute;
  top: calc(50% - 3px);
  left: 45%;
  transform: rotate(135deg);
}
.pagination.block-history-lists--pager ul li.first::before,
.pagination.block-history-lists--pager ul li.last::after {
	display: none !important;
}
.pagination.block-history-lists--pager ul li.next a::before,
.pagination.block-history-lists--pager ul li.last a::before,
.pagination.block-history-lists--pager ul li.last a::after {
  left: 40%;
  transform: rotate(-45deg);
}
.pagination.block-history-lists--pager ul li.first a::before {
  left: 39%;
}
.pagination.block-history-lists--pager ul li.first a::after {
  left: 51%;
}
.pagination.block-history-lists--pager ul li.last a::before {
  left: 35%;
}
.pagination.block-history-lists--pager ul li.last a::after {
  left: 47%;
}
.block-history-lists--bw span {
  color: #1D3994;
}
.block-history--back {
  margin: 40px 0;
  text-align: center;
}
.block-history--back a {
  display: inline-block;
  border: 1px solid #CCC;
  background: #F2F2F2;
  border-radius: 4px;
  color: #404040;
  font-size: 15px;
  text-decoration: none;
  width: 70px;
  padding: 8px 0;
}
.block-history-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 11;
}
.block-history-modal--bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
}
.block-history-modal--contents {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #F3F3F3;
  width: 88%;
  padding: 20px;
  box-sizing: border-box;
}
.block-history-recommend-modal--contents {
  background: #FFF;
}
.block-history-modal--close {
  position: absolute;
  top: -19px;
  right: -19px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #4B4B4B;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.block-history-modal--close:before,
.block-history-modal--close:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 2px;
  height: 18px;
  background: #FFF;
  transform: rotate(45deg);
}
.block-history-modal--close:after {
  transform: rotate(-45deg);
}
.block-history-modal--title {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 30px;
}
.block-history-recommend-modal--contents .block-history-modal--title {
  margin: 0 0 15px;
}
.block-history-modal--lists {
  background: #FFF;
  padding: 20px 10px;
  box-sizing: border-box;
  max-height: 70vh;
  overflow-y: auto;
}
.block-history-modal--list {
  padding: 15px 0;
  border-bottom: 1px solid #DDD;
}
.block-history-modal--list:first-child {
  padding-top: 0;
}
#modal-about-delivery .block-history-modal--list:last-child {
  border: 0;
}
.block-history-modal--list-title {
  font-size: 16px;
  margin: 0 0 2px;
}
.block-history-modal--list dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.block-history-modal--list dt {
  font-size: 16px;
  font-weight: bold;
}
.block-history-recommend-modal--lists {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.block-history-recommend-modal--list {
  width: calc((100% - 20px) / 3);
  margin: 0 0 10px;
}
.block-history-recommend-modal--list-img img {
  max-width: 100%;
}
.block-history-recommend-modal--list-price {
  color: #C00;
  text-align: right;
  line-height: 1;
  font-weight: bold;
}

/* ----------------------------------
 注文履歴詳細
---------------------------------- */
.block-history-detail h1 {
	padding: 0 20px;
	margin: 20px 0 23px;
	font-size: 20px;
	color: #404040;
}
.block-history-detail--customer {
	padding: 0;
	margin: 0 0 25px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.block-history-detail--contents {
	border-top: #DDDDDD 1px solid;
	border-bottom: #DDDDDD 1px solid;
	padding: 10px;
	background: #F3F3F3;
}
.block-history-detail--contents h2 {
	padding: 5px 0 10px 0;
	margin: 0 0 20px;
	border-bottom: #DDDDDD 1px solid;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.0;
	background: #ffffff;
	color: #222222;
}
.block-history-detail--receipt {
	margin: 0 0 10px;
	display: flex;
	justify-content: flex-end;
}
.block-history-detail--receipt-button-notice {
	font-size: 12px;
	text-align: center;
	display: block;
}
.block-history-detail--receipt .button {
	width: 120px;
	height: 38px;
	margin: 0 0 5px auto;
	border: #222222 1px solid;
	border-radius: 3px;
	font-size: 13px;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	color: #222222;
}
.block-history-detail--receipt .button.reissue {
	width: 140px;
}
.block-history-detail--receipt .button.disabled {
	border-color: #B7B7B7;
	background-color: #DDDDDD;
	color: #999999;
}
.block-history-detail--info,
.block-history-detail-info {
	padding: 10px;
	margin: 0 0 10px 0;
	background: #ffffff;
}
dl.block-history-detail-info--item,
dl.block-history-detail--info-item {
	margin: 0 0 10px;
	display: flex;
}
dl.block-history-detail--info-item.agree {
	margin-top: 20px;
}
dl.block-history-detail-info--item dt,
dl.block-history-detail--info-item dt {
	width: 100px;
	letter-spacing: -0.5px;
	position: relative;
}
dl.block-history-detail-info--item dd,
dl.block-history-detail--info-item dd {
	width: calc(100% - 100px);
	padding: 0 0 0 15px;
	box-sizing: border-box;
}
dl.block-history-detail-info--item dd .block-history-detail-info--item-payment-notice,
dl.block-history-detail--info-item dd .block-history-detail-info--item-payment-notice {
	padding-left: 1em;
	margin-top: 5px;
	font-size: 12px;
	text-indent: -1em;
	color: #666;
}
dl.block-history-detail-info--item dt::after,
dl.block-history-detail--info-item dt::after {
	content: ':';
	line-height: 1.0;
	display: inline-block;
	position: absolute;
	top: 0.15em;
	right: 0;
}
dl.block-history-detail--info-item.limit dt {
	font-size: 16px;
	font-weight: bold;
}
dl.block-history-detail--info-item.limit dt::after {
	font-size: 16px;
	right: -2px;
}
dl.block-history-detail--info-item.limit dd {
	font-size: 16px;
	font-weight: bold;
	color: #CC0000;
	word-break: break-all;
}
.block-history-detail--info-copy {
	margin: 20px 0 5px 0;
	border: #DDDDDD 1px solid;
	border-radius: 6px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.block-history-detail--info-copy-title {
	width: 75px;
	height: 40px;
	border-radius: 6px 0 0 6px;
	font-size: 13px;
	text-align: center;
	line-height: 40px;
	background: #F3F3F3;
	color: #222222;
	cursor: pointer;
}
.block-history-detail--info-copy-url {
	width: calc(100% - 137px);
	height: 40px;
}
.block-history-detail--info-copy-url input {
	width: 100%;
	height: 40px;
	padding: 0 10px;
	margin: 0;
	border: none !important;
	outline: none;
	font-size: 14px;
	text-align: left;
	line-height: 40px;
	background: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
	color: #666666;
}
.block-history-detail--info-copy-button {
	width: 62px;
	height: 40px;
}
.block-history-detail--info-copy-button button {
	width: 62px;
	height: 40px;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	border-radius: 0 6px 6px 0;
	font-size: 13px;
	text-align: center;
	line-height: 40px;
	background: #222222;
	color: #fff;
	cursor: pointer;
}
.block-history-detail--info-copy-popup {
	display: none;
}
.block-history-detail--info-copy-popup-inner {
	width: calc(100% - 80px);
	padding: 20px;
	border: #FF0000 3px solid;
	border-radius: 20px;
	text-align: center;
	box-sizing: border-box;
	background: #fff;
	box-shadow: 0px 0 5px 5px rgba(0,0,0,0.1);
}
.block-history-detail--info-copy-popup .title {
	padding: 15px 0 15px 40px;
	margin: 0 0 10px 0;
	font-size: 16px;
	font-weight: bold;
	background: url("../img/usr/mypage/icon_giftcopy.png") left center no-repeat;
	-webkit-background-size: 24px 28px;
	background-size: 24px 28px;
	display: inline-block;
}
.block-history-detail--info-copy-popup .message {
	padding: 75px 20px 15px;
	border-radius: 10px;
	font-size: 13px;
	text-align: left;
	line-height: 1.8;
	color: #333333;
	background: #FFF3F3;
	position: relative;
}
.block-history-detail--info-copy-popup .message::before {
	content: '!';
	width: 40px;
	height: 40px;
	border-radius: 40px;
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FF0000;
	position: absolute;
	top: 20px;
	left: calc(50% - 20px);
}
.block-history-detail--info-copy-popup #gifturl_popup_close {
	margin: 10px 0 0 0;
	text-align: center;
}
.block-history-detail--info-copy-popup #gifturl_popup_close span {
	padding: 10px 30px;
	font-size: 14px;
	line-height: 1.0;
	text-decoration: underline;
	color: #808080;
	cursor: pointer;
	display: inline-block;
	position: relative;
}
.block-history-detail--info-copy-popup #gifturl_popup_close span::before,
.block-history-detail--info-copy-popup #gifturl_popup_close span::after {
	content: '';
	width: 10px;
	height: 1px;
	background: #808080;
	display: block;
	position: absolute;
	top: 18px;
	left: 10px;
}
.block-history-detail--info-copy-popup #gifturl_popup_close span::before {
	transform: rotate(45deg);
}
.block-history-detail--info-copy-popup #gifturl_popup_close span::after {
	transform: rotate(135deg);
}
body.fixed-gifturl-copy {
}
body.fixed-gifturl-copy .block-history-detail--info-copy-bg {
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.7);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 900;
}
body.fixed-gifturl-copy .block-history-detail--info-copy-popup {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
}
.block-history-detail-price .block-history-detail-price--item {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.block-history-detail-price .block-history-detail-price--item.total {
	flex-wrap: wrap;
}
.block-history-detail-price .block-history-detail-price--item.total {
	flex-wrap: wrap;
}
.block-history-detail-price--item-head {
	width: 50%;
	margin: 0 0 10px 0;
	font-weight: bold;
}
.block-history-detail-price--item-body {
	width: 50%;
	margin: 0 0 10px 0;
	text-align: right;
}
.block-history-detail-price--item-detail-head {
	width: 50%;	
	margin: 0 0 10px 0;
}
.block-history-detail-price--item-detail-body {
	width: 50%;	
	margin: 0 0 10px 0;
	text-align: right;
}
.block-history-detail-price--sum {
	margin: 10px 0 0 0;
	padding: 20px 0 0 0;
	border-top: #707070 1px solid;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.block-history-detail-price--sum-head {
	width: 48.5%;
	font-size: 16px;
	font-weight: bold;
}
.block-history-detail-price--sum-body {
	width: 48.5%;
	font-size: 16px;
	text-align: right;
}
.block-history-detail-price--point {
	margin: 10px 0 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.block-history-detail-price--point-head {
	width: 48.5%;
	font-size: 16px;
	font-weight: bold;
}
.block-history-detail-price--point-body {
	width: 48.5%;
	font-size: 16px;
	text-align: right;
}
.block-history-detail-price--point-limited {
	width: 100%;
	margin: 5px 0 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	color: #CC0000;
}
.block-history-detail-price--point-limited-info {
	margin: 5px 0 0 0;
	font-size: 14px;
	color: #CC0000;
}
.block-history-detail-campaign {
	padding: 20px;
	margin: 20px 10px 10px;
	border: #707070 1px solid;
}
.block-history-detail-campaign dl + dl {
	margin: 10px 0 0 0;
}
.block-history-detail-campaign dt {
	font-size: 14px;
	font-weight: bold;
}
.block-history-detail-campaign dd {
	font-size: 14px;
	word-break: break-all;
}
#order-item .block-history-detail-info--body {
	padding: 20px;
	margin: 0 10px 20px;
	border: #222222 1px solid;
}
#order-item .block-history-detail-info--body dl {
	display: flex;
	justify-content: space-between;
}
#order-item .block-history-detail-info--body dl + dl {
	margin: 5px 0 0 0;
}
#order-item .block-history-detail-info--body dt {
	width: 100px;
	line-height: 1.6;
	letter-spacing: -0.5px;
	position: relative;
}
#order-item .block-history-detail-info--body dd {
	width: calc(100% - 100px);
	padding: 0 0 0 15px;
	line-height: 1.6;
	word-break: break-all;
	box-sizing: border-box;
}
#order-item .block-history-detail-info--body dd .block-history-detail-item--data-notice {
	padding-left: 1em;
	font-size: 12px;
	text-indent: -1em;
	line-height: 1.4;
	color: #666;
}
#order-item .block-history-detail-info--body dt::after {
	content: ':';
	line-height: 1.6;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
}
#order-item .block-history-detail-info--body dl.block-history-detail-item--status {
	margin: 0 0 15px;
}
#order-item .block-history-detail-info--body dl.block-history-detail-item--status dt {
	font-size: 16px;
	font-weight: bold;
}
#order-item .block-history-detail-info--body dl.block-history-detail-item--status dt::after {
	font-size: 16px;
	right: -2px;
}
#order-item .block-history-detail-info--body dl.block-history-detail-item--status dd {
	font-size: 16px;
	font-weight: bold;
	color: #CC0000;
}
.block-history-detail-item--socialgift-notice {
	margin-bottom: 10px;
}
.block-history-detail-item--data {
	padding: 15px 0 15px;
	margin: 0 0 15px 0;
	border-top: #DDDDDD 1px solid;
	border-bottom: #DDDDDD 1px solid;
}
.block-history-detail-item--info {
	padding: 20px 0 0 0;
	margin: 15px 0 20px;
	border-top: #DDDDDD 1px solid;
	display: flex;
	justify-content: space-between;
}
.block-history-detail-item--info-img {
	width: 110px;
}
.block-history-detail-item--info-img img {
	width: 110px;
}
.block-history-detail-item--info-text {
	width: calc(100% - 110px);
	padding: 0 0 0 15px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}
.block-history-detail-item--info-icon {
	display: flex;
}
.block-history-detail-item--info-icon .icon {
	width: 90px;
	height: 22px;
	margin: 0 10px 10px 0;
	font-size: 12px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}
.block-history-detail-item--info-icon .icon.icon-subscription {
	background: #548235;
	color: #fff;
}
.block-history-detail-item--info-name {
	margin: 0 0 5px 0;
}
.block-history-detail-item--info-code {
	margin: 0 0 10px 0;
	font-size: 12px;
}
.block-history-detail-item--info-price {
	margin: auto 0 0 0;
}
.block-history-detail-item--info-price span {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: normal;
	display: block;
}
.block-history-detail-item--info-qty {
}
.block-history-detail-item--info-cart {
	margin: 0 0 20px 0;
	text-align: center;
}
.block-history-detail-item--info-cart a {
	width: 192px;
	height: 47px;
	margin: 0 auto;
	border: #222222 1px solid;
	border-radius: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	text-align: center;
	text-decoration: none;
	color: #222222;
}
.block-history-detail-item--info-cart a + a {
	margin-top: 10px;
}
.block-history-detail-item--info-cart a.reorder {
	border-color: #FDE13E;
	color: #222222;
	background: #FDE13E;
}
.block-history-detail-item--info-cart .soldout {
  color: #C00;
}
.block-history-detail-item--info-noshi {
	padding: 10px;
	margin: 0 0 20px 0;
	background: #F3F3F3;
}
#order-item .block-history-detail-info--body .block-history-detail-item--info-noshi dt {
	width: 110px;
	font-size: 12px;
}
#order-item .block-history-detail-info--body .block-history-detail-item--info-noshi dd {
	width: calc(100% - 110px);
	padding: 0 0 0 20px;
	font-size: 12px;
	word-break: break-all;
}
.block-history-detail-item--info-total {
	padding: 10px 0 0 0;
	border-top: #DDDDDD 1px solid;
	text-align: right;
}
.block-history-detail-item--info-total .name::after {
	content: ':';
	margin: 0 5px 0 3px;
}
.block-history-detail-item--info-total-price .name {
	font-size: 14px;
}
.block-history-detail-item--info-total-price .num {
	font-size: 16px;
	font-weight: bold;
}
.block-history-detail-item--info-total-price .tax {
	font-size: 14px;
}
.block-history-detail-item--info-total-postage {
	margin: 5px 0 0;
}
.block-history-detail-item--info-total-postage .name {
	font-size: 13px;
}
.block-history-detail-item--info-total-postage .num {
	font-size: 14px;
}
.block-history-detail-item--info-total-postage .tax {
	font-size: 12px;
}
#introducer dl.block-history-detail--info-item dt {
	width: 150px;
}
#introducer dl.block-history-detail--info-item dd {
	width: calc(100% - 150px);
}
.block-history-detail-button {
	margin: 40px 0;
	text-align: center;
}
.block-history-detail-button-contact a {
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	color: #1D3994;
}
.block-history-detail-button-order-all { 
	margin: 20px 20px 0;
}
.block-history-detail-button-order-all a {
	width: 100%;
	height: 54px;
	margin: 0 auto;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	color: #222222;
	background: #FDE13E;
}
.block-history-detail-button-cancel-all {
	margin: 20px 20px 0;
}
.block-history-detail-button-cancel-all a {
	width: 100%;
	height: 54px;
	margin: 0 auto;
	border: #CCCCCC 1px solid;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	color: #222222;
	/* background: #F2F2F2; */
	background: #FFF;
    text-decoration: underline;
	box-sizing: border-box;
}
.block-history-detail-notice-subscription {
	margin: 0 10px 30px;
	text-align: center;
	line-height: 1.8;
}
.block-history-detail-notice-regular {
	margin: 0 10px 30px;
	text-align: center;
	line-height: 1.8;
}

/* カード一覧 */
.block-creditcard {
  padding: 0 20px;
}
.block-creditcard h1 {
  color: #404040;
  font-size: 20px;
  margin: 0 0 23px;
  padding: 0;
}
.block-creditcard--text {
  margin: 0 0 20px;
}
.block-creditcard--head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 0 0 20px;
}
.block-creditcard--head h2 {
  font-size: 18px;
  font-weight: bold;
}
a.block-creditcard--add-btn {
  display: block;
  border: 1px solid #222;
  width: 175px;
  border-radius: 4px;
  text-align: center;
  padding: 8px 0;
  text-decoration: none;
}
.block-creditcard--add-btn span {
  color: #333;
  font-size: 12px;
  padding: 0 0 0 20px;
  position: relative;
}
.block-creditcard--add-btn span:before,
.block-creditcard--add-btn span:after { 
	content: '';
	width: 10px;
	height: 2px;
	display: block;
	background: #333;
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	transition: 0.3s;
}
.block-creditcard--add-btn span:after { 
	transform: rotate(-90deg);
}
.block-creditcard-list {
  border: 1px solid #DDD;
  border-radius: 8px;
  padding: 20px 20px 15px;
  margin: 0 0 10px;
}
.block-creditcard-list.block-creditcard-list--selected {
  position: relative;
  background: #FFF5F5;
}
.block-creditcard-list.block-creditcard-list--selected:after {
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  width: 100%;
  height: 100%;
  border: 3px solid #C00;
  border-radius: 8px;
}
.block-creditcard-list:last-child {
  margin: 0;
}
.block-creditcard-list--name {
  font-size: 18px;
  margin: 0 0 15px;
}
.block-creditcard-list--period {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 1;
}
.block-creditcard-list--period.block-creditcard-list--period-expired {
  color: #C00;
}
.block-creditcard-list--period dt {
  margin: 0 15px 0 0;
}
.block-creditcard-list--period dd {
  display: flex;
  align-items: center;
  flex: 1;
}
.block-creditcard-list--period dd p span {
  margin: 0 0 0 15px;
}
.block-creditcard-list--period-edit-btn {
  width: 38px;
  margin-left: auto;
}
.block-creditcard-list--period-edit-btn img {
  width: 100%;
}
.block-creditcard-list--period-edit-area {
  display: none;
  width: 100%;
}
.block-creditcard-list--period-edit-area-inner {
  display: flex;
  align-items: center;
  margin: 0 0 5px;
}
.customer_.col1_ .block-creditcard-list--period-edit-area select {
  -webkit-appearance: none;
  border: 1px solid #DDD;
  border-radius: 4px;
  width: 88px;
  height: auto;
  padding: 12px 23px 12px 10px;
  box-sizing: border-box;
  background: #FFF url(../img/usr/mypage/arrow.png) no-repeat right 10px center / 10px;
  flex: 1;
}
.customer_.col1_ .block-creditcard-list--period-edit-area span {
  margin: 0 6px 0 1px;
}
.customer_.col1_ .block-creditcard-list--period-edit-save {
  border: 1px solid #222;
  border-radius: 4px;
  background: #FFF;
  width: 68px;
  box-sizing: border-box;
  margin-left: auto;
  font-size: 13px;
  padding: 8px 0;
  color: #333;
}
.block-creditcard-list--status {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #DDD;
  margin: 5px 0 0;
  padding: 12px 0 0;
  z-index: 1;
}
.block-creditcard-list--status label {
  display: flex;
  align-items: center;
}
.block-creditcard-list--status label.disabled {
	cursor: inherit;
}
.block-creditcard-list--status-caution {
  color: #C00;
  width: calc(100% - 100px);
  margin-left: auto;
}
.customer_.col1_ input.block-creditcard-list--input {
  width: 25px;
  height: 25px;
  border: 0;
  margin: 0 8px 0 0;
  background: url(../img/usr/mypage/icon_check_off.png) no-repeat center / 100%;
}
.customer_.col1_ input.block-creditcard-list--input:disabled {
  background: none;
	cursor: inherit;
}
.customer_.col1_ input.block-creditcard-list--input:checked {
  border: 0;
  background: url(../img/usr/mypage/icon_check.png) no-repeat center / 100%;
}
.customer_.col1_ input.block-creditcard-list--input:before {
  display: none;
}
input.block-creditcard-list--delete {
  width: 38px;
  height: 38px;
  border: 0;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background: url(../img/usr/mypage/icon_delete.png) no-repeat center / 100%;
}
.block-creditcard-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 11;
}
.block-creditcard-modal--bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
}
.block-creditcard-modal--contents {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #FFF;
  border-radius: 8px;
  width: 80%;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-creditcard-modal--text {
  font-size: 16px;
}
.block-creditcard--no-data {
  font-size: 16px;
}
.block-creditcard-modal .block-creditcard-modal--close {
	width: 35px;
	height: 35px;
	line-height: 1.0;
	position: absolute;
	top: 0;
	right: 0;
} 
.block-creditcard-modal .block-creditcard-modal--close span {
	width: 35px;
	height: 35px;
	line-height: 1.0;
	font-size: 24px;
	font-weight: normal;
	color: #ccc;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
} 

/* カード登録 */
.block-creditcard-register {
  padding: 0 20px;
}
.block-creditcard-register h1 {
  color: #404040;
  font-size: 20px;
  margin: 0 0 23px;
  padding: 0;
}
.block-creditcart-register--head {
  margin: 0 0 15px;
}
.block-creditcart-register--head h2 {
  font-size: 18px;
  margin: 0 0 5px;
}
.block-creditcart-register--lists {
  border: 1px solid #DDD;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  margin: 0 0 20px;
}
.block-creditcard-register--form-input:not(:last-child) {
  border-bottom: 1px solid #DDD;
}
.block-creditcard-register--form-input dt {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  background: #F8F8F8;
  border-bottom: 1px solid #DDD;
}
.block-creditcard-register--form-required {
  color: #C00;
  font-size: 10px;
  background: #FFF;
  border: 1px solid #C00;
  width: 30px;
  text-align: center;
  box-sizing: border-box;
  border-radius: 2px;
  padding: 1px 0 0;
  margin: 0 14px 0 0;
}
.block-creditcard-register--form-input dd {
  padding: 15px 20px 10px;
}
.customer_.col1_ .block-creditcard-register--form-input dd select {
  -webkit-appearance: none;
  color: #404040;
  border: 1px solid #DDD;
  width: 100%;
  box-sizing: border-box;
  border-radius: 6px;
  margin: 0;
  background: url(../img/usr/mypage/arrow.png) no-repeat right 20px top 18px / 11px;
}
.customer_.col1_ .block-creditcard-register--form-date dd select {
  width: 108px;
  margin: 0 0 5px;
}
.customer_.col1_ .block-creditcard-register--form-input dd input {
  margin: 0 0 5px;
}
.block-creditcard-register--form-code dd {
  display: flex;
  align-items: center;
}
.customer_.col1_ .block-creditcard-register--form-code dd input {
  width: 100px;
}
.block-creditcard-register--form-code div.show_sample_ {
  margin: 0;
}
.block-creditcard-register--form-code div.show_sample_ .modal-btn_ {
  color: #1D3994;
  font-size: 12px;
  padding: 3px 0 3px 20px;
  margin: 0 0 0 15px;
  background: url(../img/usr/mypage/icon_question02.png) no-repeat left center / 16px;
}
.block-creditcard-register--form-date dd span {
  margin: 0 10px 0 5px;
}
.block-creditcard-register--check {
  border: 1px solid #DDD;
  border-radius: 8px;
  margin: 0 0 40px;
  padding: 18px 20px;
}
.block-creditcard-register--check label {
  display: flex;
  align-items: center;
}
input.block-creditcard-register--check-input {
  width: 25px;
  height: 25px;
  box-shadow: none;
  background: url(../img/usr/mypage/icon_check_off.png) no-repeat center / 100%;
  margin: 0 10px 0 0;
  -webkit-appearance: none;
}
input.block-creditcard-register--check-input:checked {
  background-image: url(../img/usr/mypage/icon_check.png);
}
.block-creditcard-register--submit-btn {
  background: #FDE13E;
  text-align: center;
  width: 100%;
  border: 0;
  border-radius: 4px;
  color: #222;
  font-size: 16px;
  padding: 15px 0;
}
.block-creditcard-register .block-history--back {
  margin-top: 20px;
}

/* お気に入り */
.bookmark_item_ .cartgoods_ input {
  width: 25px;
  height: 25px;
  background: url(../img/usr/mypage/icon_check_off.png) no-repeat center / 100%;
  -webkit-appearance: none;
}
.bookmark_item_ .cartgoods_ input:checked {
  background-image: url(../img/usr/mypage/icon_check.png);
}
.bookmark_item_ .del_ input {
  background: none;
  border: 0;
  color: #1D3994;
  font-size: 14px;
  box-shadow: none;
}
.bookmark_frame_ + .navipage_ + .submit_ .large_button_s_.orange_button_ {
  display: block;
  border: 0;
  background: #FDE13E;
  border-radius: 4px;
}
.customer_ .bookmark_frame_ + .navipage_.top_ + .submit_ input.button_.large_button_.gray_button_ {
  width: 70px;
  background: #F2F2F2;
  border: 1px solid #CCC;
  border-radius: 4px;
  color: #222;
  font-size: 15px;
  padding: 10px 0 9px;
  margin: 20px 0;
}

/* ポイント履歴一覧 */
.customer_ .point_table_ + .navipage_ + .submit_ .button_.large_button_.gray_button_ {
  width: 70px;
  padding: 10px 0 9px;
  background: #F2F2F2;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #222;
  font-size: 15px;
}
.customer_.col1_ .point_table_ + .submit_ .button_.large_button_.gray_button_ {
  width: 70px;
  padding: 10px 0 9px;
  background: #F2F2F2;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #222;
  font-size: 15px;
}
/* アドレス帳 */
.customer_ form[name="custdestlist"] dl.formdetail_.contact_ + .submit_ input[name="cmdSearch.x"] {
  width: 112px;
  border: 1px solid #222;
  background: #fff url(../img/usr/mypage/icon_search02.png) no-repeat left 16px center / 15px;
  font-weight: normal;
  height: 44px;
  padding: 0 0 0 20px;
}
form[name="custdestlist"] .history_table_ input[type="checkbox"] {
  width: 25px;
  height: 25px;
  background: url(../img/usr/mypage/icon_check_off.png) no-repeat center / 100%;
  -webkit-appearance: none;
}
form[name="custdestlist"] .history_table_ input[type="checkbox"]:checked {
  background-image: url(../img/usr/mypage/icon_check.png);
}
form[name="custdestlist"] table.formlist_.history_ .change input {
  -webkit-appearance: none;
  border: 1px solid #222;
  border-radius: 4px;
  background: #fff;
  width: 68px !important;
  height: 38px !important;
  font-size: 13px;
  color: #333;
  margin: 0 30px 0 30px;
}
form[name="custdestlist"] .history_table_ + .navipage_ + .submit_ {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}
form[name="custdestlist"] .history_table_ + .block-history-lists--pager + .submit_ {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}
form[name="custdestlist"] .history_table_ + .navipage_ + .submit_ input.button_.large_button_.gray_button_[type="submit"] {
  border: 1px solid #222;
  border-radius: 4px;
  color: #222;
  font-size: 15px;
  background: #fff;
  width: 112px;
  margin: 0;
}

form[name="custdestlist"] .history_table_ + .navipage_ + .submit_{
  flex-direction: column;
}
form[name="custdestlist"] .history_table_ + .navipage_ + .submit_ input.button_.large_button_.gray_button_[type="submit"] {
  width: 50%;
  min-width: 190px;
  margin: 0 auto;
}
form[name="custdestlist"] .history_table_ + .block-history-lists--pager + .submit_ input.button_.large_button_.gray_button_[type="submit"] {
  border: 1px solid #222;
  border-radius: 4px;
  color: #222;
  font-size: 15px;
  background: #fff;
  width: 112px;
  margin: 0;
}
form[name="custdestlist"] .history_table_ + .navipage_ + .submit_ input.button_.large_button_.gray_button_[type="button"] {
  width: 70px;
  padding: 10px 0 9px;
  background: #F2F2F2;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #222;
  font-size: 15px;
  margin: 0 20px 0 0;
}
form[name="custdestlist"] .history_table_ + .navipage_ + .submit_ input.button_.large_button_.gray_button_[type="button"] {
  margin: 20px auto 0;
}
form[name="custdestlist"] .history_table_ + .block-history-lists--pager + .submit_ input.button_.large_button_.gray_button_[type="button"] {
  width: 70px;
  padding: 10px 0 9px;
  background: #F2F2F2;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #222;
  font-size: 15px;
  margin: 0 20px 0 0;
}

/* 住所の追加・変更 */
.order_gift_ dl.formdetail_ dt#host_addr_inputmode + dd input#AddrInput_0:checked + input + ul label[for="AddrInput_0"]:before,
.order_gift_ dl.formdetail_ dt#host_addr_inputmode + dd input#AddrInput_1:checked + ul label[for="AddrInput_1"]:before,
.order_gift_.col1_.address_ form[name="frmCustdest"] input:checked + label:before {
  background: #C00;
  border-color: #C00;
}
.order_gift_ dl.formdetail_ dt#host_addr_inputmode + dd input + ul label[for="AddrInput_1"]:before,
.order_gift_.col1_.address_ form[name="frmCustdest"] input + label:before {
  background: #DDD;
  border-color: #DDD;
}
.order_gift_ dl.formdetail_ dt#host_addr_inputmode + dd input + ul label[for="AddrInput_1"]:after,
.order_gift_.col1_.address_ form[name="frmCustdest"] input + label:after {
  border-color: #FFF;
}
.order_gift_.col1_.address_ form[name="frmCustdest"] .submit_.button-area_.last_ .yellow_button_ {
  border: 0;
  background: #FDE13E;
  border-radius: 4px;
}
.order_gift_.col1_.address_ .submit_ .button_.back_button_ {
  width: 70px;
  padding: 10px 0 9px;
  background: #F2F2F2;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #222;
  font-size: 15px;
  margin: 20px auto;
  font-weight: 400;
}

/* 贈り主一覧 */
.order-h_ .order_gift_.col1_.content_dest_ + .submit_ .button_.back_button_ {
  width: 70px;
  padding: 10px 0 9px;
  background: #F2F2F2;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #222;
  font-size: 15px;
  margin: 20px auto;
  font-weight: 400;
}

/* 贈り主情報の追加・変更 */
.order_gift_.col1_.address_ .submit_.button-area_.last_ .button_.large_button_.yellow_button_ {
  border: 0;
  background: #FDE13E;
  border-radius: 4px;
  font-size: 14px;
}

/* 贈り主情報の確認 */
.block-mypage-custsrc-confirm .button-area_ .yellow_button_ {
	font-size: 14px;
}
.block-mypage-custsrc-confirm .button-area_ .back_button_ {
	font-weight: normal;
}

/* 会員情報変更 */
.customer_.col1_ form#frmCustomer dl.formdetail_.customer_ input[name="AddrInput"],
.customer_.col1_ form#frmCustomer dl.formdetail_.customer_ input[name="mag2"],
.customer_.col1_ form#frmCustomer dl.formdetail_.customer_ input[name="sex"],
.customer_.col1_ form#frmCustomer dl.formdetail_.customer_ input[name="mailnews"],
.customer_.col1_ form#frmCustomer dl.formdetail_.customer_ input[name="post_office_notice"] {
  background: #DDD;
  border-color: #DDD;
}
.customer_.col1_ form#frmCustomer dl.formdetail_.customer_ input[name="AddrInput"]:before,
.customer_.col1_ form#frmCustomer dl.formdetail_.customer_ input[name="mag2"]:before,
.customer_.col1_ form#frmCustomer dl.formdetail_.customer_ input[name="sex"]:before,
.customer_.col1_ form#frmCustomer dl.formdetail_.customer_ input[name="mailnews"]:before,
.customer_.col1_ form#frmCustomer dl.formdetail_.customer_ input[name="post_office_notice"]:before {
  border-color: #FFF;
}
.customer_.col1_ form#frmCustomer dl.formdetail_.customer_ input[name="AddrInput"]:checked,
.customer_.col1_ form#frmCustomer dl.formdetail_.customer_ input[name="mag2"]:checked,
.customer_.col1_ form#frmCustomer dl.formdetail_.customer_ input[name="sex"]:checked,
.customer_.col1_ form#frmCustomer dl.formdetail_.customer_ input[name="mailnews"]:checked,
.customer_.col1_ form#frmCustomer dl.formdetail_.customer_ input[name="post_office_notice"]:checked {
  background: #C00;
  border-color: #C00;
}
.customer_.col1_ form#frmCustomer .submit_ .button_.large_button_.gray_button_ {
  width: 70px;
  padding: 10px 0 9px;
  background: #F2F2F2;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #222;
  font-size: 15px;
  margin: 20px 0;
}

/* メールアドレス変更 */
.customer_.col1_ .mailchange_ + .submit_ .button_.large_button_.gray_button_ {
  width: 70px;
  padding: 10px 0 9px;
  background: #F2F2F2;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #222;
  font-size: 15px;
  margin: 20px 0;
}

/* パスワード変更 */
.customer_.col1_ .passchange_ {
  margin-top: 20px;
}
.customer_.col1_ .passchange_ + .submit_ .button_.large_button_.gray_button_ {
  width: 70px;
  padding: 10px 0 9px;
  background: #F2F2F2;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #222;
  font-size: 15px;
  margin: 20px 0;
}

/* 秘密の質問による認証設定 */
.customer_.col1_ form#frmCustomer input[name="authperson"] {
  background: #DDD;
  border-color: #DDD;
}
.customer_.col1_ form#frmCustomer input[name="authperson"]:before {
  border-color: #FFF;
}
.customer_.col1_ form#frmCustomer input[name="authperson"]:checked {
  background: #C00;
  border-color: #C00;
}

/* ログイン通知メール送信 */
.customer_.col1_ form#frmCustomer input[name="login_mail"] {
  background: #DDD;
  border-color: #DDD;
}
.customer_.col1_ form#frmCustomer input[name="login_mail"]:before {
  border-color: #FFF;
}
.customer_.col1_ form#frmCustomer input[name="login_mail"]:checked {
  background: #C00;
  border-color: #C00;
}

/* クーポン一覧 */
.customer_.col1_ .coupon_table_ + .submit_ .button_.large_button_.gray_button_ {
  width: 70px;
  padding: 10px 0 9px;
  background: #F2F2F2;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #222;
  font-size: 15px;
  margin: 20px 0;
}

/* ゆうちょ即時振替退会のご案内 */
.customer_.col1_ .message_ + .submit_ .button_.large_button_.gray_button_ {
  width: 70px;
  padding: 10px 0 9px;
  background: #F2F2F2;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #222;
  font-size: 15px;
  margin: 20px 0;
}

/* お問い合わせ */
.contact_.col1_ form#contact_form .submit_ .button_.large_button_.orange_button_ {
  border: 0;
  background: #FDE13E;
  color: #222;
  border-radius: 4px;
  font-size: 14px;
  height: 54px;
  width: 315px;
  display: block;
  margin: 0 auto;
}
.contact_.col1_ form#contact_form .submit_ .button_.large_button_.gray_button_ {
  width: 70px;
  padding: 10px 0 9px;
  background: #F2F2F2;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #222;
  font-size: 15px;
  margin: 20px 0;
  box-shadow: none;
}

/* 退会 */
.customer_.col1_ dl.formdetail_.withdrawal_ + .submit_ .button_.large_button_.gray_button_ {
  width: 164px;
  padding: 15px 0;
  background: #FDE13E;
  border-radius: 4px;
  color: #222;
  font-size: 16px;
  margin: 20px 18px 20px 0;
}
.customer_.col1_ dl.formdetail_.withdrawal_ + .submit_ .button_.large_button_.blue_button_ {
  background: #FFF;
  border: 1px solid #222;
  border-radius: 4px;
  color: #222;
  font-size: 16px;
  box-shadow: none;
  text-shadow: none;
  margin: 0 auto;
  padding: 14px 0;
  width: 164px;
}

/* 定期コース申込情報一覧 */
.block-regular-list h1 {
  color: #404040;
  font-size: 20px;
  margin: 0 0 22px;
  padding: 0 20px;
}
.block-regular-list--customer {
  font-size: 20px;
  font-weight: bold;
  padding: 0 20px;
  margin: 0 0 30px;
  text-align: center;
}
.block-regular-list--contents {
  background: #F3F3F3;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  padding: 10px;
}
.block-regular-list--no-data {
  background: #FFF;
  text-align: center;
  padding: 20px 10px;
}
.block-regular-list--sec {
  margin: 0 0 10px;
  padding: 15px 0 10px;
  background: #FFF;
}
.block-regular-list--sec:last-child {
  margin: 0;
}
.block-regular-list--sec h2 {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #DDD;
  padding: 0 0 10px;
  margin: 0 12px 10px;
}
.block-regular-list-items {
  padding: 0 0 10px 12px;
  overflow-x: auto;
}
.block-regular-list-items ul {
  display: inline-block;
  white-space: nowrap;
  font-size: 0;
}
.block-regular-list-item {
  display: inline-block;
  width: 140px;
  vertical-align: top;
  margin: 0 10px 0 0;
}
.block-regular-list-item:last-child {
  margin: 0 12px 0 0;
}
.block-regular-list-item--img {
  width: 140px;
	height: 140px;
  display: flex;
	justify-content: center;
	align-content: center;
  margin: 0 0 3px;
}
.block-regular-list-item--img img {
  max-width: 100%;
  max-height: 100%;
}
.block-regular-list-item--name {
	height: 3.0em;
  margin: 0 0 15px;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.block-regular-list-item--name a {
  color: #222;
  white-space: normal;
  text-decoration: none;
}
a.block-regular-list-item--btn {
  display: block;
  color: #222;
  font-size: 13px;
  border: 1px solid #222;
  border-radius: 4px;
  text-align: center;
  text-decoration: none;
  padding: 9px 0 8px;
}
.block-regular-list-item--status {
  width: 120px;
  margin: 15px auto 0;
  background: #B5B5B5;
  border-radius: 13px;
  color: #FFF;
  font-size: 12px;
  text-align: center;
  padding: 4px 0;
}
.block-regular-list-item--status-noskip {
  width: 120px;
  margin: 2px auto 0;
  background: #B5B5B5;
  border-radius: 13px;
  color: #FFF;
  font-size: 12px;
  text-align: center;
  padding: 4px 0;
}
.block-regular-list-item--noskip-text {
  font-size: 12px;
  margin: 10px 0 0;
  text-align: center;
}
.block-regular-list-item--skip {
  margin: 10px 0 0;
  text-align: center;
}
.block-regular-list-item--skip-text {
  font-size: 12px;
  margin: 0 0 2px;
}
.block-regular-list-item--skip-date {
  color: #C00;
}
.block-regular-list-item--skip-btn {
  display: inline-block;
  color: #1D3994;
  text-decoration: underline;
}
.block-regular-list-skip-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
}
.block-regular-list-skip-modal--bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
}
.block-regular-list-skip-modal--contents {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: 90%;
  padding: 0 0 30px;
  max-height: 70%;
  overflow-y: auto;
}
.block-regular-list-skip-modal--title {
  font-size: 16px;
  font-weight: bold;
  background: #F3F3F3;
  padding: 13px 10px;
  text-align: center;
}
.block-regular-list-skip-modal--list {
  padding: 20px 20px 35px;
}
.block-regular-list-skip-modal--item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #DBDBDB;
  padding: 0 0 10px;
  margin: 0 0 10px;
}
.block-regular-list-skip-modal--item:last-child {
  margin: 0;
}
.block-regular-list-skip-modal--item-img {
  display: block;
  width: 80px;
  line-height: 0;
}
.block-regular-list-skip-modal--item-img img {
  max-width: 100%;
}
.block-regular-list-skip-modal--item-name {
  width: calc(100% - 95px);
}
.block-regular-list-skip-modal--item-name a {
  color: #1D3994;
  font-size: 13px;
}
.block-regular-list-skip-modal--text {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 20px;
  text-align: center;
}
.block-regular-list-skip-modal--notice {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 20px;
  text-align: center;
	color: #c00;
}
.block-regular-list-skip-modal--btn {
  display: flex;
  justify-content: center;
}
.block-regular-list-skip-modal--btn-submit {
  display: block;
  width: 110px;
  background: #FDE13E;
  border-radius: 4px;
  text-align: center;
  font-size: 15px;
  border: 0;
  padding: 17px 0 16px;
  margin: 0 20px 0 0;
  color: #333;
}
.block-regular-list-skip-modal--btn-cancel {
  width: 110px;
  padding: 0;
  background: #F2F2F2;
  border: 1px solid #CCC;
  border-radius: 4px;
  font-size: 15px;
  text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* 定期申込情報詳細 */
.block-regular-detail {
  line-height: 1.5;
}
.block-regular-detail h1 {
  color: #404040;
  font-size: 20px;
  margin: 0 0 20px;
  padding: 0 20px;
}
.block-regular-detail--sec {
  background: #F3F3F3;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  padding: 10px;
  margin: 0 0 10px;
}
.block-regular-detail--sec:last-child {
  margin: 0;
}
.block-regular-detail--caution {
  color: #C00;
  margin: 7px 0 15px;
}
.block-regular-detail--sec-contents {
  background: #FFF;
  padding: 20px 20px 30px;
  margin: 0 0 10px;
}
.block-regular-detail--sec-contents:last-child {
  margin: 0;
}
.block-regular-detail--sec-contents h2 {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #DDD;
  padding: 0 0 8px;
  margin: 0 0 13px;
}
.block-regular-detail-item:not(.block-regular-detail-item-single) {
  padding: 0 0 30px;
  margin: 0 0 30px;
  border-bottom: 1px solid #DDD;
}
.block-regular-detail-item--name {
  margin: 0 0 17px;
}
.block-regular-detail-item--name a {
  color: #1D3994;
  font-size: 16px;
  text-decoration: none;
}
.block-regular-detail-item--img {
  display: block;
  width: 65%;
  margin: 0 auto 25px;
	text-align: center;
  line-height: 0;
}
.block-regular-detail-item--img img {
  max-width: 100%;
}
.block-regular-detail-item--price {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.block-regular-detail-info dl {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  line-height: 1.8;
  margin: 0 auto 5px;
}
.block-regular-detail-info02 dl {
  font-weight: bold;
  width: 80%;
}
.block-regular-detail-info dt {
  position: relative;
  width: 125px;
  padding: 0 20px 0 0;
  box-sizing: border-box;
}
.block-regular-detail-info02 dt {
  width: 95px;
}
.block-regular-detail-info dt:after {
  content: ':';
  position: absolute;
  top: -2px;
  right: 10px;
}
.block-regular-detail-info dd {
  width: calc(100% - 125px);
}
.block-regular-detail-info02 dd {
  width: calc(100% - 95px);
}
.block-regular-detail-info--price {
  font-size: 16px;
  font-weight: bold;
  margin: 5px 0 20px;
}
.block-regular-detail--price {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 25px;
}
.block-regular-detail--price span {
  font-size: 16px;
}
.block-regular-detail-info--btn-cancel,
.block-regular-detail-schedule--skip-btn {
  display: block;
  width: 62%;
  background: #F2F2F2;
  border: 1px solid #CCC;
  border-radius: 4px;
  font-size: 15px;
  text-align: center;
  margin: 0 auto 10px;
  padding: 12px 0 11px;
}
.block-regular-edit--order-info-item .block-regular-detail-schedule--skip-btn {
  width: 220px;
}
.block-regular-detail-cancel-modal,
.block-regular-detail-skip-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
}
.block-regular-detail-cancel-modal--bg,
.block-regular-detail-skip-modal--bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
}
.block-regular-detail-cancel-modal--contents,
.block-regular-detail-skip-modal--contents {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #FFF;
  width: 90%;
  height: 256px;
  padding: 40px 10px;
  text-align: center;
  box-sizing: border-box;
}
.block-regular-detail-cancel-modal--text,
.block-regular-detail-skip-modal--text {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 25px;
}
.block-regular-detail-cancel-modal--btn,
.block-regular-detail-skip-modal--btn {
  display: flex;
  justify-content: center;
}
.block-regular-detail-cancel-modal--btn-close,
.block-regular-detail-skip-modal--btn-submit {
  width: 110px;
	height: 50px;
  padding: 0;
  margin: 0 10px;
  background: #FDE13E;
	border: none;
  border-radius: 4px;
  font-size: 15px;
  display: flex;
  justify-content: center;
	align-items: center;
    color: #333;
}
.block-regular-detail-cancel-modal--btn-submit,
.block-regular-detail-skip-modal--btn-close {
  width: 110px;
	height: 50px;
  padding: 0;
  margin: 0 10px;
  background: #F2F2F2;
  border: 1px solid #CCC;
  border-radius: 4px;
  font-size: 15px;
  display: flex;
  justify-content: center;
	align-items: center;
    color: #333;
}
a.block-regular-detail-info--btn-contact {
  display: block;
  border: 1px solid #222;
  border-radius: 4px;
  color: #333;
  text-decoration: none;
  text-align: center;
  width: 62%;
  margin: 0 auto;
  padding: 13px 0 11px;
}
.block-regular-detail-schedule {
  border-top: 1px solid #DDD;
  margin: 30px 0 0;
  padding: 25px 0 0;
}
.block-regular-detail-schedule a {
  position: relative;
  color: #333;
  text-decoration: none;
  display: block;
}
.block-regular-detail-schedule a:after {
  content: '';
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  width: 7px;
  height: 7px;
  margin: auto;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  transform: rotate(-45deg);
}
.block-regular-detail-schedule--date {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 15px;
}
.block-regular-detail-schedule--date dd {
  font-size: 20px;
}
.block-regular-detail--info {
  margin: 0 0 10px;
}
.block-regular-detail--info .block-regular-detail--sec {
  margin: 0;
}
.block-regular-detail--info .block-regular-detail--sec:not(:first-child) {
  display: none;
}
.block-regular-detail-customer-info li:not(:last-child) {
  padding: 0 0 20px;
  margin: 0 0 20px;
  border-bottom: 1px solid #707070;
}
.block-regular-detail-customer-info li a {
  position: relative;
  color: #333;
  text-decoration: none;
	display: block;
}
.block-regular-detail-customer-info li a:after {
  content: '';
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  width: 7px;
  height: 7px;
  margin: auto;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  transform: rotate(-45deg);
}
.block-regular-detail-customer-info--title {
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 5px;
}
.block-regular-detail-schedule + .block-regular-detail-customer-info,
.block-regular-detail-items + .block-regular-detail-customer-info {
  padding: 20px 0 0;
  margin: 25px 0 0;
  border-top: 1px solid #707070;
}
.block-regular-detail-expected-items {
  overflow-y: scroll;
  margin: 0 -20px;
  padding: 0 0 10px;
}
.block-regular-detail-expected-items ul {
  display: inline-block;
  white-space: nowrap;
  padding: 0 0 0 20px;
}
.block-regular-detail-expected-item {
  display: inline-block;
  vertical-align: top;
  width: 140px;
  margin: 0 6px 0 0;
}
.block-regular-detail-expected-item:last-child {
  margin: 0 20px 0 0;
}
.block-regular-detail-expected-item--date {
  font-size: 16px;
  text-align: center;
  margin: 0 0 10px;
}
.block-regular-detail-expected-item--img {
	width: 140px;
	height: 140px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.block-regular-detail-expected-item--img img {
  max-width: 100%;
	max-height: 100%;
}
.block-regular-detail-expected-item--name {
	min-height: 4.5em;
  margin: 0 0 12px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.block-regular-detail-expected-item--name a {
	min-height: 4.5em;
  color: #333;
  white-space: normal;
  text-decoration: none;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.block-regular-detail-expected-item--schedule {
  font-size: 12px;
  text-align: center;
}
.block-regular-detail-expected-item--schedule span {
  color: #C00;
  font-size: 14px;
}
.block-regular-detail-tab {
  margin: 0 0 -1px;
  overflow-y: scroll;
}
.block-regular-detail-tab ul {
  display: inline-block;
  white-space: nowrap;
  font-size: 0;
  padding: 0 10px;
}
.block-regular-detail-tab li {
  display: inline-block;
  width: 90px;
  text-align: center;
  border-top: 1px solid #DDD;
  border-left: 1px solid #DDD;
  font-size: 15px;
  padding: 13px 0;
}
.block-regular-detail-tab li:last-child {
  border-right: 1px solid #DDD;
}
.block-regular-detail-tab li.current {
  background: #F3F3F3;
}

/* 申込情報変更 */
.block-regular-edit {
  border-top: #DDDDDD 1px solid;
  border-bottom: #DDDDDD 1px solid;
  margin: 0 0 40px;
  padding: 10px;
  background: #F3F3F3;
}
.block-regular-edit .block-regular-edit--allow-change {
  margin: 2px 0 12px;
  color: #CC0000;
}
.block-regular-edit .block-regular-edit--detail,
.block-regular-edit .block-regular-edit--order {
  padding: 10px 12px;
  margin: 0 0 10px 0;
  background: #ffffff;
}
.block-regular-edit .block-regular-edit--detail h2,
.block-regular-edit .block-regular-edit--order h2 {
  padding: 5px 0 10px 0;
  margin: 0 0 20px;
  border-bottom: #DDDDDD 1px solid;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.0;
  color: #222222;
  background: #ffffff;
}
.block-regular-edit--detail-goods-list {
  padding: 0 0 12px;
}
.block-regular-edit--detail-goods-list .block-regular-edit--detail-goods-item {
  display: flex;
  width: 100%;
  margin: 0 0 4px;
}
.block-regular-edit--detail-goods-list .block-regular-edit--detail-goods-item > dt {
  width: 126px;
  padding: 8px;
  box-sizing: border-box;
}
.block-regular-edit--detail-goods-list .block-regular-edit--detail-goods-item > dt img {
  max-width: 100%;
  vertical-align: top;
}
.block-regular-edit--detail-goods-list .block-regular-edit--detail-goods-item > dd {
  width: calc(100% - 126px);
  padding: 8px 0 8px 7px;
  box-sizing: border-box;
}
.block-regular-edit--detail-goods-list .block-regular-edit--detail-goods-item > dd .block-regular-edit--detail-goods-name {
  margin: 0 0 12px;
  line-height: 1.5;
}
.block-regular-edit--detail-goods-list .block-regular-edit--detail-goods-item > dd .block-regular-edit--detail-goods-subtotal {
  display: inline;
  font-size: 14px;
  font-weight: 500;
}
.block-regular-edit--detail-goods-list .block-regular-edit--detail-goods-item > dd .block-regular-edit--detail-goods-subtotal .subtotal {
  font-size: 16px;
}
.block-regular-edit--detail-goods-list .block-regular-edit--detail-goods-item > dd .block-regular-edit--detail-goods-qty {
  display: inline;
  font-size: 14px;
  font-weight: 500;
}
.block-regular-edit--detail-regular {
  margin: 0 0 10px;
}
.block-regular-edit--detail-regular .block-regular-edit--detail-regular-info {
  margin: 0 0 25px;
}
.block-regular-edit--detail-regular .block-regular-edit--detail-regular-info dl {
  display: flex;
  width: 100%;
}
.block-regular-edit--detail-regular .block-regular-edit--detail-regular-info dl dt {
  position: relative;
  display: flex;
  width: 128px;
  padding-right: 1.0em;
  font-size: 14px;
  line-height: 1.85714;
  box-sizing: border-box;
}
.block-regular-edit--detail-regular .block-regular-edit--detail-regular-info dl dt::after {
  position: absolute;
  top: 0;
  right: 0;
  content: "：";
}
.block-regular-edit--detail-regular .block-regular-edit--detail-regular-info dl dd {
  display: flex;
  width: calc(100% - 128px);
  padding-left: 10px;
  font-size: 14px;
  line-height: 1.85714;
  box-sizing: border-box;
}
.block-regular-edit--detail-regular .block-regular-edit--detail-regular-buttons .block-regular-edit--detail-regular-cancel {
  display: block;
  width: 220px;
  padding: 12px 5px;
  margin: 0 auto 10px;
  border: 1px solid #CCC;
  border-radius: 3px;
  color: #222;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  background: #F2F2F2;
}
.block-regular-edit--detail-regular .block-regular-edit--detail-regular-buttons .block-regular-edit--detail-regular-contact {
  display: block;
  width: 220px;
  margin: 0 auto;
  padding: 12px 5px;
  border: 1px solid #222;
  border-radius: 3px;
  color: #222;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  background: #FFF;
}
.block-regular-edit--order .block-regular-edit--order-info {
  padding: 0 8px;
}
.block-regular-edit--order .block-regular-edit--order-info-item {
  width: 100%;
  padding: 0 0 20px;
  margin: 0 0 20px;
  border-bottom: 1px solid #DDDDDD;
}
.block-regular-edit--order .block-regular-edit--order-info-item.method,
.block-regular-edit--order .block-regular-edit--order-info-item.date,
.block-regular-edit--order .block-regular-edit--order-info-item.timespec {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.block-regular-edit--order .block-regular-edit--order-info-item:last-of-type {
  border-bottom: 0;
  margin: 0;
  padding: 0;
}
.block-regular-edit--order .block-regular-edit--order-info-item dt {
  padding: 8px 0;
  font-size: 14px;
  line-height: 1.25;
}
.block-regular-edit--order .block-regular-edit--order-info-item dt::after {
  content: "：";
}
.block-regular-edit--order .block-regular-edit--order-info-item dd {
  padding: 2px 0;
  font-size: 14px;
  line-height: 1.42857;
}
.block-regular-edit--order .block-regular-edit--order-info-item dd address {
	font-style: normal;
}
.block-regular-edit--order .block-regular-edit--order-info-item.method dt,
.block-regular-edit--order .block-regular-edit--order-info-item.method dd {
  width: 50%;
}
.block-regular-edit--order .block-regular-edit--order-info-item.method dt:nth-of-type(1),
.block-regular-edit--order .block-regular-edit--order-info-item.method dd:nth-of-type(1) {
  width: 100%;
}
.block-regular-edit--order .block-regular-edit--order-info-item.date dt {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.875;
}
.block-regular-edit--order .block-regular-edit--order-info-item.date dd,
.block-regular-edit--order .block-regular-edit--order-info-item.date dd span {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}
.block-regular-edit--order .block-regular-edit--order-info-item.timespec dt {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.875;
}
.block-regular-edit--order .block-regular-edit--order-info-item.timespec dd,
.block-regular-edit--order .block-regular-edit--order-info-item.timespec dd span {
  font-size: 20px;
  line-height: 1.5;
}
.block-regular-edit--order .block-regular-edit--order-info-item #delivery_time_list {
  height: auto;
  margin: 5px 0 0;
  padding: 9px 20px;
  border: 1px solid #DDD;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.5;
  background: #fff;
  max-width:98%;
}
.block-regular-edit--order .block-regular-edit--order-info-item.method dd,
.block-regular-edit--order .block-regular-edit--order-info-item.date dd {
  padding: 8px 0;
}
.block-regular-edit--order .block-regular-edit--order-info-item dd.block-regular-edit--order-info-1col {
  width: 100%;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
}
.block-regular-edit--order .block-regular-edit--order-info-item dd.block-regular-edit--order-info-1col span {
  display: block;
  margin: 8px 0 20px;
  font-size: 13px;
  font-weight: normal;
}
.block-regular-edit--order .block-regular-edit--order-info-item dd input[type="radio"][name="method"],
.block-regular-edit--order .block-regular-edit--order-info-item dd input[type="radio"][name="cardseq"] {
  display: none;
}

.block-regular-edit--order .block-regular-edit--order-info-item dd input[type="radio"][name="method"] + label {
  position: relative;
  display: block;
  line-height: 1.78571;
  padding: 0 0 0 35px;
}
.block-regular-edit--order .block-regular-edit--order-info-item dd input[type="radio"][name="method"] + label::before {
  position: absolute;
  top: calc(50% - 12px);
  left: 0;
  width: 25px;
  height: 25px;
  background: url(../img/usr/mypage/icon_check_off.png) center center / 100% auto no-repeat;
  content: "";
}
.block-regular-edit--order .block-regular-edit--order-info-item dd input[type="radio"][name="method"]:checked + label::before {
  background-image: url(../img/usr/mypage/icon_check.png);
}

.block-regular-edit--order .block-regular-edit--order-info-item dd #card_list {
  margin: 0 0 8px;
}
.block-regular-edit--order .block-regular-edit--order-info-item dd input[type="radio"][name="cardseq"] + label {
  position: relative;
  display: block;
  margin: 10px 0 0;
  padding: 15px 15px 15px 55px;
  border: 1px solid #DDD;
  border-radius: 8px;
  background: #FFF url(../img/usr/mypage/icon_check_off.png) center left 18px / 25px auto no-repeat;
  font-size: 14px;
  line-height: 1.35714;
}
.block-regular-edit--order .block-regular-edit--order-info-item dd input[type="radio"][name="cardseq"]:checked + label {
  padding: 13px 13px 13px 53px;
  border: 3px solid #CC0000;
  background: #FFF5F5 url(../img/usr/mypage/icon_check.png) center left 18px / 32px auto no-repeat;
}
.block-regular-edit--order .block-regular-edit--order-info-item dd input[type="radio"][name="cardseq"] + label .error_ {
  line-height: 1.5;
  color: #CC0000;
}
.block-regular-edit--order .block-regular-edit--order-info-item dd #regular_delivery_day {
  -webkit-appearance:none;
  width: 90px;
  height: 40px;
  padding: 0 20px;
  margin-right: 0.25em;
  color: #333;
}
.block-regular-edit--order .block-regular-edit--order-info-item dd .block-regular-edit--order-info-skip {
  display: block;
  width: 220px;
  padding: 12px 5px;
  margin: 0 auto 10px;
  border: 1px solid #CCC;
  border-radius: 3px;
  color: #222;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  background: #F2F2F2;
}
.block-regular-edit--order .block-regular-edit--order-info-item .block-regular-edit--order-info-address-change a {
  display: block;
  width: 208px;
  margin: 15px auto 0;
  padding: 8px 10px;
  border: 1px solid #222;
  border-radius: 4px;
  font-size: 14px;
  color: #222;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  background: #FFF;
}
.block-regular-edit--order .block-regular-edit--order-info-item .block-regular-edit--post-office > p {
  margin: 0 0 8px;
}
.block-regular-edit--order .block-regular-edit--order-info-item .block-regular-edit--post-office input[type="button"]#btnSearchPost {
  -webkit-appearance:none;
  padding: 8px 4px;
  margin-right: 7px;
  margin-bottom: 17px;
  border: 1px solid #222;
  border-radius: 4px;
  font-size: 13px;
  background: #FFF;
  color: #333;
}
.block-regular-edit--order .block-regular-edit--order-info-item .block-regular-edit--post-office input[type="button"]#btnSearchPost.selected {
  border-color: #CC0000;
  color: #FFF;
  background: #CC0000;
}
.block-regular-edit--order .block-regular-edit--order-info-item .dest_search p {
  margin: 0 0 13px;
  color: #222;
}

.block-regular-edit--order .block-regular-edit--order-info-item #div_search_postoffice {
  display: flex;
  align-items: center;
}

.block-regular-edit--order .block-regular-edit--order-info-item #div_search_postoffice input[type="text"]#search_postoffice {
  width: calc(100% - 46px);
  height: 46px;
  padding: 9px 20px;
  margin: 0;
  border: 0;
  border-top: 1px solid #DDD;
  border-left: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  border-radius: 6px 0 0 6px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.5;
}

.block-regular-edit--order .block-regular-edit--order-info-item #div_search_postoffice a.btn_search#SearchPostOffice {
  display: block;
  width: 46px;
  height: 46px;
  padding: 0;
  border: 0;
  border-radius: 0 6px 6px 0;
  font-size: 0;
  background: #585858 url(../img/usr/mypage/icon_search.png) center center / 15px auto no-repeat;
}
.block-regular-edit--order .block-regular-edit--order-info-item #dest_post_list {
	display: flex;
	align-items: baseline;
}
.block-regular-edit--order .block-regular-edit--order-info-item #post_stop_list {
  height: auto;
  margin: 5px 0 0;
  padding: 9px 20px;
  border: 1px solid #DDD;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.5;
	background: #fff;
}

.block-regular-edit--order .block-regular-edit--order-info-item #post_office_map {
  display: inline-block;
  padding-left: 10px;
  color: #1D3994;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.0;
  text-decoration: underline;
  vertical-align: bottom;
}
.block-regular-edit--order .block-regular-edit--order-info-item #ResetTextArea {
  display: inline-block;
  width: calc(100% - 54% - 30px);
  padding: 0.7em 0;
  margin: 0.7em 0.7em 0.7em 0;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
  color: #222;
  text-align: center;
  text-decoration: none;
}
.block-regular-edit--order .block-regular-edit--order-info-item .block-regular-edit--employee {
  font-size: 14px;
}
.block-regular-edit--order .block-regular-edit--order-info-item .block-regular-edit--employee p:not(.text_) {
  margin: 10px 0 30px;
  font-size: 12px;
  line-height: 1.5;
}
.block-regular-edit--order .block-regular-edit--order-info-item .block-regular-edit--employee-search {
  font-size: 14px;
}
.block-regular-edit--order .block-regular-edit--order-info-item .block-regular-edit--employee-search input[type="text"] {
  border-radius: 6px;
  margin: 5px 0;
}
.block-regular-edit--order .block-regular-edit--order-info-item .block-regular-edit--employee-search input[type="text"][name="employee_remarks1"] {
  width: 50%;
}
.block-regular-edit--order .block-regular-edit--order-info-item .block-regular-edit--employee-search input[type="text"][name="employee_remarks2"] {
  width: 30%;
}

.block-regular-edit--submit-frame {
  text-align: center;
  margin: 0 0 40px;
}

.block-regular-edit--submit-frame input[type="submit"]{
  display: block;
  width: 348px;
  max-width: calc(100% - 20px);
  margin: 0 auto 20px;
  padding: 15px 5px;
  border: 0;
  border-radius: 4px;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  box-sizing: border-box;
  background: #FDE13E;
  color: #333;
}

.block-regular-edit--submit-frame .block-regular-edit--back a {
  display: block;
  width: 70px;
  margin: 0 auto;
  padding: 9px 5px;
  border: 1px solid #CCC;
  border-radius: 4px;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  color: #222;
  box-sizing: border-box;
  background: #F2F2F2;
}

/* 配送先情報変更 */
.block-regular-dest-edit {
  border-top: #DDDDDD 1px solid;
  border-bottom: #DDDDDD 1px solid;
  margin: 0 0 40px;
  padding: 10px;
  background: #F3F3F3;
}

.block-regular-dest-edit .block-regular-dest-edit--now-address,
.block-regular-dest-edit .block-regular-dest-edit--alter-address {
  padding: 10px;
  margin: 0 0 10px;
  background: #fff;
}

.block-regular-dest-edit table {
  width: 100%;
}

.block-regular-dest-edit .block-regular-dest-edit--now-address h2 {
  padding: 5px 0 10px 0;
  margin: 0 0 20px;
  border-bottom: #DDDDDD 1px solid;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.0;
  color: #222222;
  background: #ffffff;
}

.block-regular-dest-edit .block-regular-dest-edit--now-address-table {
  width: calc(100% - 16px);
  margin: -16px 8px 20px;
}

.block-regular-dest-edit .block-regular-dest-edit--now-address-table th,
.block-regular-dest-edit .block-regular-dest-edit--now-address-table td {
  padding: 13px 5px;
  border-bottom: 1px solid #222;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
}

.block-regular-dest-edit .block-regular-dest-edit--alter-address-title {
  padding: 5px 0 10px 0;
  margin: 0 0 20px;
  border-bottom: #DDDDDD 1px solid;
  position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.block-regular-dest-edit .block-regular-dest-edit--alter-address-title h2 {
  padding: 9px 0 0 0;
	margin: 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.0;
  color: #222222;
  background: #ffffff;
}

.block-regular-dest-edit .block-regular-dest-edit--alter-address-title a {
  width: 175px;
  margin-left: auto;
  padding: 8px 10px;
  border: 1px solid #222;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.5;
  color: #222;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  background: #FFF;
  display: block;
}

.block-regular-dest-edit .block-regular-dest-edit--alter-address-title p {
	width: 100%;
  margin: 5px 0 0 0;
  font-size: 11px;
	text-align: right;
  line-height: 1.2;
}

.block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list {
  width: calc(100% - 16px);
  margin: 0 8px;
}

.block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list > li {
  margin: 0 0 10px;
  border-radius: 8px;
  border: 1px solid #DDD;
  overflow: hidden;
}

.block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list > li input[type="radio"] {
  display: none;
}

.block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list > li input[type="radio"] + label {
  display: block;
  margin: 0;
  padding: 14px 14px 14px 55px;
  background: url(../img/usr/mypage/icon_check_off.png) center left 17px / 25px auto no-repeat;
  font-size: 14px;
  line-height: 1.5;
}

.block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list > li input[type="radio"]:checked + label {
  background-image: url(../img/usr/mypage/icon_check.png);
}

.block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list > li.post-office input[type="radio"] + label::after {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 3px 0 0 12px;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
  transform: rotate(45deg);
  box-sizing: border-box;
  vertical-align: top;
  content: "";
}

.block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list > li input[type="radio"] + label address {
  margin: 0 0 5px;
	font-style: normal;
}

.block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list > li input[type="radio"] + label .block-regular-dest-edit--name {
  margin: 0 0 5px;
	font-style: normal;
}

.block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list > li .block-regular-dest-edit--post-office-frame {
  max-height: 0;
  padding: 0 19px;
  background: #FFF5F5;
  transition: max-height 0.3s;
  overflow: hidden;
}

.block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list > li input[type="radio"]:checked + label + .block-regular-dest-edit--post-office-frame {
  max-height: 1000px;
}

.block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list > li .block-regular-dest-edit--post-office-frame .block-regular-dest-edit--post-office {
  margin: 20px 0;
}

.block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list > li .block-regular-dest-edit--post-office-frame .block-regular-dest-edit--post-office > p {
  margin: 0 0 5px;
}

.block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list > li .block-regular-dest-edit--post-office-frame .block-regular-dest-edit--post-office div.dest_search {
  margin: 0 0 8px;
  font-size: 14px;
  color: #222;
}

.block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list > li .block-regular-dest-edit--post-office-frame input[type="button"]#btnSearchPost {
  padding: 8px 4px;
  margin-right: 5px;
  margin-bottom: 20px;
  border: 1px solid #222;
  border-radius: 3px;
  background: #FFF;
}

.block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list > li .block-regular-dest-edit--post-office-frame input[type="button"]#btnSearchPost.selected {
  border-color: #CC0000;
  color: #FFF;
  background: #CC0000;
}

.block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list > li .block-regular-dest-edit--post-office-frame .dest_search p {
  font-size: 14px;
  line-height: 1.5;
}

.block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list > li .block-regular-dest-edit--post-office-frame #div_search_postoffice {
  display: flex;
  align-items: center;
  margin: 5px 0 0;
}

.block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list > li .block-regular-dest-edit--post-office-frame #div_search_postoffice input[type="text"]#search_postoffice {
  width: calc(100% - 46px);
  height: 46px;
  padding: 9px 20px;
  margin: 0;
  border: 0;
  border-top: 1px solid #DDD;
  border-left: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  border-radius: 6px 0 0 6px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.5;
}

.block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list > li .block-regular-dest-edit--post-office-frame #div_search_postoffice a.btn_search#SearchPostOffice {
  display: block;
  width: 46px;
  height: 46px;
  padding: 0;
  border: 0;
  border-radius: 0 6px 6px 0;
  font-size: 0;
  background: #585858 url(../img/usr/mypage/icon_search.png) center center / 15px auto no-repeat;
}

.block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list > li .block-regular-dest-edit--post-office-frame #post_stop_list {
  height: auto;
  margin: 5px 0 0;
  padding: 9px 20px;
  border: 1px solid #DDD;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.5;
	background: #fff;
}

.block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list > li .block-regular-dest-edit--post-office-frame #post_office_map {
  display: inline-block;
  padding-left: 5px;
  color: #1D3994;
  font-weight: 500;
  text-decoration: underline;
  vertical-align: bottom;
}

.block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list > li .block-regular-dest-edit--post-office-frame .block-regular-dest-edit--mail {
  margin: 0 0 15px;
}

.block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list > li .block-regular-dest-edit--post-office-frame .block-regular-dest-edit--mail p {
  margin: 0 0 20px;
}

.block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list > li .block-regular-dest-edit--post-office-frame .block-regular-dest-edit--mail .block-regular-dest-edit--mail-table span.icon_required_ {
  display: inline-block;
  margin-right: 10px;
  padding: 0 5px;
  border: 1px solid #CC0000;
  border-radius: 3px;
  text-indent: 0;
  vertical-align: text-bottom;
  font-size: 10px;
  color: #CC0000;
  background: #FFF;
}

.block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list > li .block-regular-dest-edit--post-office-frame .block-regular-dest-edit--mail .block-regular-dest-edit--mail-table td {
  vertical-align: top;
}

.block-regular-dest-edit ul.block-regular-dest-edit--alter-address-list > li .block-regular-dest-edit--post-office-frame .block-regular-dest-edit--mail input[type="text"] {
  width: 100%;
  max-width: 100%;
  height: 46px;
  margin: 8px 0;
  border: 1px solid #DDD;
  border-radius: 6px;
  box-sizing: border-box;
}

.block-regular-dest-edit--submit-frame {
  text-align: center;
  margin: 0 0 40px;
}

.block-regular-dest-edit--submit-frame input[type="submit"]{
  display: block;
  width: 348px;
  max-width: calc(100% - 20px);
  margin: 0 auto 20px;
  padding: 15px 5px;
  border: 0;
  border-radius: 4px;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  box-sizing: border-box;
  background: #FDE13E;
}

.block-regular-dest-edit--submit-frame .block-regular-dest-edit--back a {
  display: block;
  width: 70px;
  margin: 0 auto;
  padding: 9px 5px;
  border: 1px solid #CCC;
  border-radius: 4px;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  color: #222;
  box-sizing: border-box;
  background: #F2F2F2;
}

/* --------------------------------------------------------------------
	ゲストログイン
-------------------------------------------------------------------- */
input[type="submit"].orange_button_.guest_login_ {
	height: 44px;
	line-height: 44px;
	background: #ee6600;
	font-size: 17px;
	font-weight: normal;
}

.customer_.col1_ .history_table_ > .formlist_ > tbody > tr > th{
    width: 35px;
}

.block-mypage-bookmark-items ul.goods_p_ li div.desc_ .name_ {
  -webkit-line-clamp: 3;
}

.order-h_ .button-area_ .back_button_ {
    width: auto;
    display: inline-block;
    margin-bottom: 0;
    background: none;
    border: none;
    box-shadow: none;
    font-size: 14px;
    color: #0083D5;
    font-weight: 400;
}
.order-h_ .submit_.button-area_.bg_gray_ .back_button_ {
    width: 70px;
    margin:20px auto 30px;
    background: #F2F2F2;
    border: 1px solid #CCC;
    box-shadow: none;
    font-size: 14px;
    color: #0083D5;
    font-weight: 400;
    color: #222;
    display: block;
}
.order-h_ .submit_.button-area_.last_ .back_button_ {
    width: 70px;
    margin:20px auto 30px;
    background: #F2F2F2;
    border: 1px solid #CCC;
    box-shadow: none;
    font-size: 14px;
    color: #0083D5;
    font-weight: 400;
    color: #222;
    display: block;
}
.order_ .submit_.button-area_ input.button_.large_button_.yellow_button_ {
    font-size: 14px;
}
span.i-must_ {
    font-size: 10px;
    background: #FFF;
    border: 1px solid #C00;
    width: 30px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 1px 0 0;
    margin: 0 6px 3px 0;
}
/* --------------------------------------------------------------------
	注文確認画面 メッセージカード
-------------------------------------------------------------------- */
.estimete_giftcard_frame_ {
  background: #FFF;
  border: 1px solid #E5E5E5;
  border-radius: 2px;
  margin: 10px;
  padding: 20px;
}
.estimete_giftcard_length_ {
  display: flex;
  margin: 0 0 20px;
}
.estimete_giftcard_length_ dd {
  font-weight: bold;
  margin: 0 0 0 15px;
}
.estimete_giftcard_sample_ {
  border: 1px solid #E2E2E2;
  border-radius: 10px;
  padding: 27px 17px 30px;
}
.estimete_giftcard_img_ {
  margin: 0 0 10px;
}
.estimete_giftcard_img_ img {
  width: 100%;
}
.estimete_giftcard_message_ {
  font-size: 13px;
  line-height: 2.15;
  word-wrap: break-word;
}
.estimete_giftcard_giver_ {
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  border-top: 2px dotted #E2E2E2;
  border-bottom: 2px dotted #E2E2E2;
  padding: 15px 0;
  margin: 15px 0 0;
}
a.estimete_giftcard_change_ {
  display: block;
  width: 215px;
  margin: 20px auto 0;
  padding: 13px 0 11px;
  color: #404040;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #CCC;
  background: #F8F8F8;
  border-radius: 2px;
}

p.select-spec-val_ {
  display: none;
}


/*==============================
202311購入フロー改修
==============================*/

/* 贈り主・お届け先の設定 */

/* ヘッダー */

header {
  background: #fff;
  border-bottom: 2px solid #f2f2f2;
}

  .order-h_ .order_gift_{
  background-color: #fff;
}

/* h1タイトル */

div.order_.content_select_ .common_headline1_,
  div.order_.content_estimate_ .common_headline1_,
  .order-h_ div.order_gift_.content_dest_ .common_headline1_,
  div.order_gift_.content_select_ .common_headline1_,
  div.order_gift_.content_multiple_ .common_headline1_{
    margin-bottom: 15px !important;
  }

  div.order_.content_select_ .common_headline1_,
  div.order_.content_estimate_ .common_headline1_,
  .order-h_ div.order_gift_.content_dest_ .common_headline1_,
  div.order_gift_.content_select_ .common_headline1_,
  div.order_gift_.content_multiple_ .common_headline1_{
  color:#404040;
  padding:15px 0 15px 62px;
  background: url(../img/usr/icon/delivery_addr.png);
  background-size: auto 20px;
  background-position: 33px 50%;
  background-repeat: no-repeat;
  font-size: 20px;
    color: #404040;
}

/* エラー文 */

  .order-h_ div.order_gift_.content_dest_ .efo-error_{
    padding: 0 3%;
    align-items: flex-start;
}

/*==============================
贈り主
==============================*/

.method_sender_{
  background-color:#F5F5F5;
  padding-bottom: 40px;
}

div.method_sender_ .common_headline2_{
  background: none;
  padding: 25px 0 15px 30px;
  font-size: 18px;
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN",'Noto Sans Japanese', sans-serif;
    color: #404040;
}

.order_gift_ .common_headline2_ span{
  display: block;
  margin-top: 15px;
  font-weight: normal;
  font-size: 15px;
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN",'Noto Sans Japanese', sans-serif;
}

div.method_sender_ div.sender_info_{
  margin-top: 0;
}

div.method_sender_ .sender_change_ label{
  text-align: right;
}

div.method_sender_ .sender_change_ label span,
div.post-office-search_ div.sender_change_ label span{
  color: #404040;
}

.checktype_addr2{
  margin-bottom: 19px;
}

.order_gift_ .dest_list_ .address_item_ address,
.order_gift_ .dest_list_ .address_item_ address p,
.order_gift_ .dest_list_ .address_item_ .address_title_ .address_change_ input,
.sender_info-inner_,
.sender_info-inner_ address,
.sender_info-inner_ address p{
  font-size: 15px !important;
    color: #404040;
}

.order_gift_ .dest_list_ .address_item_ address span,
.sender_info-inner_ address span,
div.sender_change_ label span{
  display: block;
  font-size: 13px;
}

div.sender_change_ label[for="chkself"] span,
div.sender_change_ label[for="chkRecipient"] span{
  font-size: 15px;
}

.sender_info-inner_.active,
.sender_info-inner_.active address p,
.sender_info-inner_.active address{
  color: #b4b4b4 !important;
}

/* 贈り主の変更ボタン */

div.method_sender_ .sender_change_ input:checked + label span:after,
div.method_sender_ .sender_change_ label span:after,
div.post-office-search_ .sender_change_ input:checked + label span:after{
  border-right:2px solid #404040;
  border-bottom:2px solid #404040;
}

/* 贈り主の変更 内部 */

  .order-h_ .content_dest_ .btns_edit_customerinfo_ a.gradation-glay_{
  background: none;
  border: 1px solid #404040;
  border-radius: 25px;
  padding: 13px 0;
  font-weight: bold;
  width: 295px;
  font-size: 16px;
}

input[type=text], input[type=number], input[type=password], input[type=email], input[type=tel]{
  border: 1px solid #dcdcdc;
}

.order_gift_ dl.formdetail_ dd.s_addr_done,
.order_gift_ dl.formdetail_ dd.s_addr_done span{
  font-size: 15px;
}

/* 必須 */

  .order-h_ .order_gift_.content_dest_ dl.formdetail_ dt,
  .order_gift_.content_multiple_ dl.formdetail_ dt{
  font-size: 15px;
}

  .order-h_ .order_gift_.content_dest_ dl.formdetail_ dt span,
  .order-h_ .order_gift_.content_dest_ .dest_list_ .post-office_list_ h4 span,
  .order-h_ .order_gift_.content_dest_ dl.formdetail_ dt span,
  .order_gift_.content_multiple_ dl.formdetail_ dt span,
  .order_gift_.content_multiple_ .dest_list_ .post-office_list_ h4 span,
  .order_gift_.content_multiple_ dl.formdetail_ dt span,
span.i-must_{
  width: 37px;
  line-height: 23px;
  padding: 0;
  border: 1px solid #cc0000;
  border-radius: 4px;
  font-size: 14px;
  background-color: #fff;
    color: #cc0000 !important;
  text-align: center;
  font-weight: normal;
  white-space: nowrap;
}

/* 住所の自動入力 */

  .order-h_ .order_gift_.content_dest_ .radio-area_ label,
  .order_gift_.content_select_ .radio-area_ label,
  .order_gift_.content_multiple_ .radio-area_ label{
  background: none;
  align-items: center;
  padding-left: 32px;
  font-size: 15px;
    color: #404040;
}

  .order-h_ .order_gift_.content_dest_ .radio-area_ label:before,
  .order_gift_.content_select_ .radio-area_ label:before,
  .order_gift_.content_multiple_ .radio-area_ label:before{
    background: none !important;
    border: 1px solid #DCDCDC !important;
  }

.order-h_ .order_gift_.content_dest_ .radio-area_ label:before,
  .order_gift_.content_select_ .radio-area_ label:before,
  .order_gift_.content_multiple_ .radio-area_ label:before{
  width: 18px;
  height: 18px;
  left: 7px;
  top: 15px;
}

  .order-h_ .order_gift_.content_dest_ .radio-area_ label:after,
  .order_gift_.content_select_ .radio-area_ label:after,
  .order_.content_estimate_ .radio-area_ label:after,
  .order_gift_.content_multiple_ .radio-area_ label:after{
  border: none;
}

/* .order_gift_ dl.formdetail_ dt#sender_addr_inputmode + dd input#s_addr_inputmode_0:checked + input + ul label[for="s_addr_inputmode_0"]:before,
.order_gift_ dl.formdetail_ dt#sender_addr_inputmode + dd input#s_addr_inputmode_1:checked + ul label[for="s_addr_inputmode_1"]:before, */

.order_gift_ dl.formdetail_ dt#sender_addr_inputmode + dd input#recipient_addr_inputmode_0:checked + input + ul label[for="recipient_addr_inputmode_0"]:before,
.order_gift_ dl.formdetail_ dt#sender_addr_inputmode + dd input#recipient_addr_inputmode_1:checked + ul label[for="recipient_addr_inputmode_1"]:before{
  background: none;
  border: 1px solid #DCDCDC;
}

/* .order_gift_ dl.formdetail_ dt#sender_addr_inputmode + dd input#s_addr_inputmode_0:checked + input + ul label[for="s_addr_inputmode_0"]:after,
.order_gift_ dl.formdetail_ dt#sender_addr_inputmode + dd input#s_addr_inputmode_1:checked + ul label[for="s_addr_inputmode_1"]:after, */

.order_gift_ dl.formdetail_ dt#sender_addr_inputmode + dd input#recipient_addr_inputmode_0:checked + input + ul label[for="recipient_addr_inputmode_0"]:after,
.order_gift_ dl.formdetail_ dt#sender_addr_inputmode + dd input#recipient_addr_inputmode_1:checked + ul label[for="recipient_addr_inputmode_1"]:after{
  border-bottom: 2px solid #cc0000;
  border-left: 2px solid #cc0000;
  width: 13px;
  height: 5px;
  top: 22px;
  left: 10px;
}

.order_gift_ dl.formdetail_ dt#sender_addr_inputmode + dd input#s_addr_inputmode_0:checked + input + ul label[for="s_addr_inputmode_0"]:after,
.order_gift_ dl.formdetail_ dt#sender_addr_inputmode + dd input#s_addr_inputmode_1:checked + ul label[for="s_addr_inputmode_1"]:after,
.order_gift_ dl.formdetail_ dt#sender_addr_inputmode + dd input#recipient_addr_inputmode_0:checked + input + ul label[for="recipient_addr_inputmode_0"]:after,
.order_gift_ dl.formdetail_ dt#sender_addr_inputmode + dd input#recipient_addr_inputmode_1:checked + ul label[for="recipient_addr_inputmode_1"]:after
{
  display: block;
  width: 10px;
  height: 10px;
  background-color: #676767;
  border: none;
  border-radius: 5px;
  top: 24px;
  left: 16px;
  transform: translateY(-50%) translateX(-50%);
}

.s_inputmode_zip{
    text-align: left !important;
  }

.s_inputmode_zip{
  display: flex;
  flex-direction: column;
  justify-content: left;
}

.order_gift_ dl.formdetail_ dd input[type=tel]{
  width: 150px;
}

/*==============================
お届け先
==============================*/

/* カート内の商品数表示 */

.dest_list_ .cart_vol{
  padding-left: 40px;
  position: relative;
  background-image: url(../img/usr/icon/delivery_cart.png);
  background-repeat: no-repeat;
  background-position: 20px 50%;
  font-size: 15px;
}

.dest_list_ .cart_vol span{
  font-size: 20px;
}

.order_gift_ .dest_list_ .common_headline2_{
  text-align: center;
  background-color: #fff;
    background-image: none;
  padding: 43px 0 35px;
  font-size: 20px;
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN",'Noto Sans Japanese', sans-serif;
    color: #404040;
}

.order_gift_ .dest_list_ .address_customer_{
  border: none;
  padding: 35px 20px 10px;
  margin: 0;
}

.order_gift_ .dest_list_ .address_customer_ h3,
.order_gift_ .dest_list_ .post-office_list_ h3, 
.order_gift_ .dest_list_ .address_book_list_ h3{
  padding: 0;
  font-size: 16px;
    background-image: none;
}

  .order-h_ .order_gift_ .dest_list_ .address_item_{
  background: none;
  padding: 16px;
  margin-bottom: 15px;
    border: 1px solid #dcdcdc;
}

  .order-h_ .order_gift_ .dest_list_ .address_item_ .address_title_{
  margin: 0;
  padding: 0;
  align-items: flex-start;
}

.order_gift_ .dest_list_ .address_customer_{
  padding-bottom: 0;
}

.select-inner_ .select-text_:after{
  width: 8px;
  height: 8px;
  top: 50%;
  border-bottom: 1px solid #404040;
  border-right: 1px solid #404040;
  border-top: none;
  border-left: none;
  transform: translateY(-50%) rotate(45deg);
}

/* 編集 */

.order_gift_ .dest_list_ .address_item_ .address_title_ .address_change_{
  margin: 0;
}

  .order-h_ .order_gift_ .dest_list_ .address_item_ .address_title_ .address_change_ input{
  display: inline-block;
  text-align: right;
  border: none;
  padding: 0;
    -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #1D3994;
}

/* ラジオボタン */

  .order-h_ .order_gift_.content_dest_ .radio-btn_,
  .order_gift_.content_multiple_ .radio-btn_{
  margin: 0 10px;
}

  .order-h_ .order_gift_.content_dest_ .dest_list_ .address_item_ .address_title_ input[type="radio"] + label .radio-btn_,
  .order_gift_.content_multiple_ .dest_list_ .address_item_ .address_title_ input[type="radio"] + label .radio-btn_{
  border-radius: 20px;
}

  .order-h_ .order_gift_.content_dest_ .dest_list_ .address_item_ .address_title_ label,
  .order_gift_.content_multiple_ .dest_list_ .address_item_ .address_title_ label{
  align-items: flex-start;
    color: #404040;
}

  .order-h_ .order_gift_.content_dest_ .dest_list_ .address_item_ .address_title_ label .check-box_,
  .order-h_ .order_gift_.content_dest_ .dest_list_ .address_item_ .address_title_ label .radio-btn_,
  .order-h_ .order_gift_.content_dest_ .dest_list_ .post-office_list_ .address_item_ label .radio-btn_,
  .order_gift_.content_multiple_ .dest_list_ .address_item_ .address_title_ label .check-box_,
  .order_gift_.content_multiple_ .dest_list_ .address_item_ .address_title_ label .radio-btn_,
  .order_gift_.content_multiple_ .dest_list_ .post-office_list_ .address_item_ label .radio-btn_{
content: '';
position: relative;
display: inline-block;
overflow: hidden;
padding-top: 30px;
background: #fff;
border: 1px solid #ccc;
border-radius: 5px;
z-index: 1;
margin: 0 10px 0 0 ;
width: 17px;
height: 17px;
position: inherit;
padding: 0;
}

  .order-h_ .order_gift_.content_dest_ .dest_list_ .address_item_ .address_title_ label .check-box_,
.order-h_ .order_gift_.content_dest_ .dest_list_ .address_item_ .address_title_ label .radio-btn_,
.order-h_ .order_gift_.content_dest_ .dest_list_ .post-office_list_ .address_item_ label .radio-btn_{
  border-radius: 20px;
}

  .order-h_ .order_gift_.content_dest_ .dest_list_ .address_item_ .address_title_ input:checked + label .check-box_,
  .order-h_ .order_gift_.content_dest_ .dest_list_ .address_item_ .address_title_ input:checked + label .radio-btn_,
  .order_gift_.content_multiple_ .dest_list_ .address_item_ .address_title_ input:checked + label .check-box_,
  .order_gift_.content_multiple_ .dest_list_ .address_item_ .address_title_ input:checked + label .radio-btn_{
  background-color: #FFF;
  border:1px solid #CCC;
  position: relative;
}

  .order-h_ .order_gift_.content_dest_ .post-office_list_ .radio-btn_ label,
  .order_gift_.content_multiple_ .post-office_list_ .radio-btn_ label{
  padding-left: 10px;
  text-align: left;
}

.post-office_list_ .radio-btn_ label:before,
.post-office_list_ .radio-btn_ input:checked + label:before{
  background-color: #FFF;
  border:1px solid #CCC;
  position: relative;
  width: 17px;
  height: 17px;
  left: -10px;
}

/* ラジオボタン内 */

.order_gift_ .dest_list_ .address_item_ .address_title_ input:checked + label .radio-btn_::after,
.order_gift_ .dest_list_ .address_item_ .address_title_ input:checked + label .check-box_::after{
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  background-color: #676767;
  border: none;
  border-radius: 5px;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-55%);
}

.post-office_list_ .check-box_ input:checked + label:after{
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  background-color: #676767;
  border: none;
  border-radius: 5px;
  top: 50%;
  left: 10px;
  transform: translateY(-50%) translateX(-50%);

}

.order_gift_ .dest_list_ .address_item_ .address_title_ label .check-box_:after,
.post-office_list_ .check-box_ label:after{
  display: none;
}

/* 選択不可 */

.order_gift_ .dest_list_ .address_item_:has(input:disabled){
  position: relative;
  background-color: #F5F5F5;
  color: #9F9F9F;
}

.order_gift_ .dest_list_ .address_item_:has(input:disabled) .address_title_ .address_change_ input{
  background-color: #F5F5F5;
}

.order_gift_ .dest_list_ .address_item_:has(input:disabled) .address_title_ .check-box_{
  background-color: #9F9F9F;
}

  div.order_.content_select_ p.error_,
  div.order_.content_estimate_ p.error_,
  .order-h_ div.order_gift_.content_dest_ p.error_,
  div.order_gift_.content_select_ p.error_,
  div.order_gift_.content_multiple_ p.error_{
  display: block;
    padding-left: 45px;
  padding-right: 40px;
    font-weight: bold;
    font-size: 12px;
  }
  
  div.order_gift_.content_option_ p.error_{
    display: block;
    padding-left: 25px;
    font-weight: bold;
    color: #cc0000;
  }
  div.order_gift_.content_option_ div.error_{
    color: #cc0000;
  }
  
  div.order_.content_select_ p.error_:not(:has(img)),
  div.order_.content_estimate_ p.error_:not(:has(img)),
  div.order_gift_.content_select_ p.error_:not(:has(img)),
  div.order_gift_.content_multiple_ p.error_:not(:has(img)){
  background: url(../img/usr/icon/delicery_attention.png);
  background-repeat: no-repeat;
    background-position: 22px 2px;
}
  div.order_gift_.content_option_ p.error_:not(:has(img)){
  background: url(../img/usr/icon/delicery_attention.png);
  background-repeat: no-repeat;
    background-position: 5px 2px;
}

  div.order_gift_.content_multiple_ div.error_{
    display: block;
    padding-left: 35px;
    background: url(../img/usr/icon/delicery_attention.png);
    background-repeat: no-repeat;
    background-position: 12px 6px;
    font-weight: bold;
    font-size: 12px;
  }

  /*div.order_gift_.content_multiple_ .efo-error_{
    margin-left: 30px;
  }*/

  .order-h_ .order_gift_ .dest_list_ .address_book_list_ .btn_add_addr_{
  text-align: right;
}

  .order-h_ .order_gift_ .dest_list_ .address_book_list_ .btn_add_addr_ .text_button_{
  width: 178px;
  padding: 12px 19px;
  margin-top: 5px;
  color: #404040;
  border: 1px solid #404040;
  border-radius: 22px;
}

/* 郵便局 */

.order_gift_ .dest_list_ .post-office_list_{
    margin: 0;
  padding: 0;
}

  .order-h_ .order_gift_ .dest_list_ .post-office_list_, .order-h_ .order_gift_ .dest_list_ .address_book_list_{
  border: none;
}

.order_gift_ .dest_list_ .post-office_list{
    margin: 20px auto 30px;
    /* width: calc(100% - 40px); */
  border-radius: 5px;
  background: #fff;
}
  .order_gift_ .dest_list_ .post-office_list_ .address_item_{
    margin-left: 20px;
    margin-right: 20px;
  }
.order_gift_ .dest_list_ .post-office_list_ h3 + p{
  font-size: 15px;
    color: #404040;
}

.order_gift_ .dest_list_ .post-office_list_ h4 + p, .order_gift_ .dest_list_ .post-office_list_ .sender-mail_ p,
.post-office_list_ .dest_search, .post-office-search_ .dest_search p{
  font-size: 15px;
}

.post-office_list_ .dest_search, .post-office-search_ .dest_search span{
  font-size: 13px;
}

.order_gift_ .dest_list_ .post-office_list_ .address_item_ label{
  display: flex;
  justify-content: left;
  padding: 0;
  align-items: center;

}

.order_gift_ .dest_list_ .post-office_list_ .address_item_ input[type="radio"] {
  display: none;
}

.post-office_list_ input#search_postoffice, .post-office-search_ input#search_postoffice{
  width: 63%;
}

.post-office_list_ #SearchPostOffice, .post-office-search_ #SearchPostOffice{
  background: #fff;
  width: 92px;
  padding: 11.2px 0;
  border: 1px solid #404040;
  border-radius: 25px;
  font-size: 15px;
  font-weight: bold;
    color: #404040;
}

.order_gift_ .dest_list_ .post-office-search_wrap{
      margin: 20px 20px 30px;
  border-radius: 5px;
  background: #fff;
}
  .order_gift_ .dest_list_ .post-office-search_ .post-office-search_wrap{
    margin: 20px 0 30px;
  }
  .order_gift_ .dest_list_ .post-office-search_ .post-office-search_wrap h4,
  .order_gift_ .dest_list_ .post-office-search_ .post-office-search_wrap p,
  .order_gift_ .dest_list_ .post-office-search_ .post-office-search_wrap .dest_post_list_,
  .order_gift_ .dest_list_ .post-office-search_ .post-office-search_wrap .sender-mail_,
  .order_gift_ .dest_list_ .post-office-search_ .post-office-search_wrap .dest_search{
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    color: #404040;
  }
  .order_gift_ .dest_list_ .post-office-search_ .post-office-search_wrap input#search_postoffice{
    margin-left: 20px;
    width: calc(60% - 20px);
  }
.order_gift_ .dest_list_ .post-office_list_ h4{
  background-color: #fff;
  padding: 0;
  font-size: 15px;
}

.dest_post_list_{
  -webkit-appearance: none;
  appearance: none; 
  position: relative;
  width: 100%;
}

  .dest_post_list_:has(select.post_selectbox_order_dest)::after{
  position: absolute;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-right: 1px solid #404040;
  border-bottom: 1px solid #404040;
  transform: translateY(-50%) rotate(45deg);
  top: 50%;
  right: 20px;
    pointer-events: none;
}

.dest_post_list_ select{
    max-width: 100% !important;
  }

.dest_post_list_ select{
  display: block;
  width: 100%;
  padding: 16px 20px;
  margin: 15px 0;
  height: auto;
  color: #404040;
  border: 1px solid #dcdcdc;
    background-image: none;
}

/* 受取人情報 */

.post_receiver .check-box_{
  padding: 10px 0;
}

.order_gift_ .dest_list_ .post_receiver{
    padding: 10px 16px 50px;
    margin-top: 40px;
    margin-bottom: 40px;
  border-radius: 5px;
  background: #f5f5f5;
}

div.post-office-search_ .sender_info-inner_{
  align-items: flex-end;
}

.order_gift_ .dest_list_ .post_receiver h4{
  background-color: transparent;
  font-size: 16px;
    padding:10px 16px 0;
}

.order_gift_ .dest_list_ .post_receiver h4 + p{
  font-size: 14px;
}

.post_receiver .sender_info_{
  background-color: #fff;
  padding: 22px 24px 15PX;
  margin-top: 22px;
}

.r_inputmode_addr .select-block_{
  margin-bottom: 15px;
}

div.post_receiver div.sender_change_ {
	margin: 10px 0 0;
}

.order_gift_ dl.formdetail_ dd ul.radio-area_ + .r_inputmode_zip .small_,
.order_gift_ dl.formdetail_ dd ul.radio-area_ + div.s_inputmode_zip span.small_{
  display: block;
  font-size: 13px;
    color: #404040;
}

div.post_receiver div.sender_change_ input{
  display: none;
}

div.post_receiver div.sender_change_ label{
	display: block;
	text-align: right;
	width: 100%;
}

div.post_receiver div.sender_change_ label span{
	position: relative;
  color: #404040;
	padding-right: 18px;
}

div.post_receiver .sender_change_ label span:after{
  display: block;
  content: '';
	position: absolute;
	top: 4px;
	right: 0;
  width: 6px;
  height: 6px;
  margin: 0 auto;
  border-right: 2px solid #404040;
  border-bottom: 2px solid #404040;
  -webkit-transition: -webkit-transform 0.25s linear;
  transition:transform 0.25s linear;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

div.post_receiver .sender_change_ input:checked + label span:after{
  display: block;
  content: '';
	position: absolute;
	top: 7px;
	right: 0;
  width: 6px;
  height: 6px;
  border: none;
  border-right: 2px solid #404040;
  border-bottom: 2px solid #404040;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* 進む戻るボタン */

  .order-h_:has(.content_dest_) + .submit_.button-area_.last_,
  .order-h_ .order_gift_.content_dest_ + .submit_.button-area_.last_,
  .order_gift_.content_select_ .submit_.button-area_.last_,
  .order_gift_.content_multiple_ + .submit_.button-area_.last_{
  display: flex;
  justify-content: space-around;
  width:90%;
  background-color: #fff;
  margin: 24px auto 14px;
  padding-top: 0;
}

.submit_.button-area_.last_.attention{
  margin-bottom: 15px;
  padding-bottom: 0;
}

.submit_.button-area_.last_.attention + span{
  display: block;
  text-align: center;
  font-size: 13px;
  margin-bottom: 20px;
}

  .order-h_:has(.content_dest_) + .button-area_ .yellow_button_,
  .order-h_ .order_gift_.content_dest_ + .button-area_ .yellow_button_,
  .order_gift_.content_select_ + .button-area_ .yellow_button_,
  .order_gift_.content_multiple_ + .button-area_ .yellow_button_,
  .order_gift_.content_multiple_ .button-area_ .yellow_button_{
  width: 60%;
  line-height: 18px;
  height: auto;
  max-height: 50px;
  margin: 0;
  border-radius: 25px;
  font-size: 17px;
}

  .order-h_:has(.content_dest_) + .button-area_ .back_button_,
.order-h_ .submit_.button-area_.last_ .back_button_,
  .order-h_ .order_gift_.col1_.content_dest_ + .submit_ .button_.back_button_{
  width: 110px;
  height: 50px;
  margin: 0;
  font-weight: bold;
  border-radius: 25px;
  font-size: 17px;
}

.button-area_.last_ .back_button_.short{
  width: 110px !important;
    margin: 0 !important;
  }

.button-area_.last_ .back_button_.short{
  height: 50px;
  border-radius: 25px;
  font-size: 17px;
}

p.back_shop_button_{
  background-color: #fff;
  border: none;
    -webkit-text-decoration: underline ;
    text-decoration: underline ;
    text-decoration-color: #1D3994;
}

p.back_shop_button_ a{
  font-size: 16px;
    color: #1D3994 !important;
}

.submit_.button-area_.last_.wide{
  flex-direction: column;
}

  .order_.content_estimate_ + .button-area_ .yellow_button_.wide{
  width: 90%;
  height: 50px;
  margin: 0 auto 24px;
  border-radius: 25px;
}

  .order-h_ .order-h_ .order_gift_.col1_.content_dest_ + .submit_ .button_.back_button_.wide{
  width: 90%;
  height: 50px;
  margin: 0 auto;
  border-radius: 25px;
  font-size: 17px;
}

/*==============================
複数配送先
==============================*/

.order_gift_.content_multiple_ .btns_edit_customerinfo_ a.gradation-glay_{
  background: none;
  width: 295px;
  border: 1px solid #404040;
  border-radius: 25px;
  font-weight: bold;
  color: #222;
    -webkit-text-decoration: none;
  text-decoration: none;
  text-align: center;
  padding: 13px 0;
  font-size: 16px;
}

.order_gift_.content_multiple_ .dest_list_ #dest_list_modal .post-office_list_{
  border: none;
}

.order_gift_.content_multiple_ .dest_list_ .address_book_list_{
  margin: 0;
  border: none;
    padding: 15px 20px 30px;
}

.order_gift_.content_multiple_ #dest_list_modal .submit_.button-area_.last_{
  margin-top: 0;
    background: #fff;
}

.order_gift_.content_multiple_ .dest_list_ .address_item_ .address_title_ input:checked + label .check-box_::after{
  display: block;
  content: '';
	position: absolute;
	top: -8px;
	right: 0;
  width: 6px;
  height: 20px;
  border: none;
  background: none;
  border-radius: 0;
    border-right: 2px solid #404040;
    border-bottom: 2px solid #404040;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.order_gift_.content_multiple_ .dest_list_ .address_item_wrap{
    max-height: calc(100vh - 440px);
  overflow: scroll;
}

/* .order_gift_.content_multiple_ .dest_list_ .address_item_wrap::-webkit-scrollbar {
  width: 24px;
  padding: 5px 0 5px 5px;
}

.order_gift_.content_multiple_ .dest_list_ .address_item_wrap::-webkit-scrollbar-thumb {
  background: #b4b4b4;
  border-radius: 14px 14px 14px 14px / 8px 8px 8px 8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  background-clip: padding-box;
  } */

.order_gift_.content_multiple_ p.error_.item_num{
  padding-left: 0;
  padding-right: 0;
  margin: 10px auto 0;
  font-size: 13px;
}

.order_gift_.content_multiple_ p.error_.item_num.small{
  margin-bottom: 10px;
  margin-top: 0;
}

.order_gift_.content_multiple_ p.error_.item_num.small span{
  font-size: 13px;
  margin-bottom: 10px;
}

.order_gift_.content_multiple_ p.error_.item_num.top{
  text-align: center;
}

.order_gift_.content_multiple_ p.error_.item_num.top span{
  font-size: 14px;
}

.order_gift_.content_multiple_ p.error_.item_num,
.order_gift_.content_multiple_ p.error_.item_zero{
  display: none;
}

.order_gift_.content_multiple_ p.error_.item_zero.active,
.order_gift_.content_multiple_ p.error_.item_num.active{
  display: block;
}

.order_gift_.content_multiple_ p.error_.item_num.active.small{
  padding-right: 20px;
  text-align: center;
}

/* モーダル */

.order_gift_.content_multiple_ #trigger {
  display: none;
}

.order_gift_.content_multiple_ .modal {
  display: none;
  background-color: rgba(0,0,0,0.8);
  border: none;
}

.order_gift_.content_multiple_ #trigger:checked + .modal {
  display: block;
  position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  z-index: 100;
}

.order_gift_.content_multiple_ .modal > label {
  background-color: rgba(0,0,0,0.5);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
}

.order_gift_.content_multiple_ #dest_list_modal {
  position: absolute;
  top: 30px;
  right: 15px;
  bottom: 30px;
  left: 15px;
  z-index: 200;
  margin: auto;
  background-color: white;
  overflow: auto;
}

.order_gift_.content_multiple_ #dest_list_modal .common_headline2_{
  font-size: 20px;
  padding-bottom: 25px;
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN",'Noto Sans Japanese', sans-serif;
}

.order_gift_.content_multiple_ .dest_list_modal_btn{
  display: block;
  width: 80%;
  margin: 0 auto;
  padding: 12px 0;
  font-weight: bold;
  border: 1px solid #404040;
  border-radius: 25px;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
}

.order_gift_.content_multiple_ #dest_list_modal .modal-close-btn{
  margin: 15px 0 0 15px;
  padding: 12px 15px;
  width: 120px;
  line-height: 22px;
    height: 22px;
  font-size: 15px;
  border-radius: 6px;
  text-align: center;
  border: 2px solid #404040;
  position: relative;
}

.order_gift_.content_multiple_ #dest_list_modal .modal-close-btn label{
  padding-left: 15px;
  font-size: 15px;
}

.order_gift_.content_multiple_ #dest_list_modal .modal-close-btn::before,
.order_gift_.content_multiple_ #dest_list_modal .modal-close-btn::after{
  display: block;
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #404040;
}

.order_gift_.content_multiple_ #dest_list_modal .modal-close-btn::before{
  top: 50%;
  left: 20px;
  transform: translateY(-65%) rotate(-60deg);
}

.order_gift_.content_multiple_ #dest_list_modal .modal-close-btn::after{
  top: 50%;
  left: 20px;
  transform: translateY(-35%) rotate(-120deg);
}

.order_gift_.content_multiple_ .dest_list_ .address_book_list_ .btn_add_addr_ .text_button_{
  margin-top: 15px;
  margin-bottom: 20px;
  margin-right: 20px;
}

.order_gift_.content_multiple_ .dest_list_modal_open p{
  font-size: 18px;
  padding-left: 30px;
  margin-bottom: 10px;
  margin-top: 20px;
  font-weight: bold;
}

.submit_.button-area_.last_.content_multiple_{
  display: flex;
  justify-content: space-between;
  width: 80%;
  padding: 0;
  margin: 26px auto 10px;
  font-weight: bold;
}

.submit_.button-area_.last_.multiple_modal{
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.submit_.button-area_.last_.multiple_modal .yellow_button_.wide{
    width: calc(100% - 20px);
  padding-left: 0;
  padding-right: 0;
  margin-right: 20px;
  margin-bottom: 0;
  font-size: 17px;
}

.submit_.button-area_.last_.content_multiple_ .button{
  font-weight: bold;
}

.submit_.button-area_.last_.content_multiple_ .button.wide{
  width: 100%;
}

.submit_.button-area_.last_.content_multiple_ .back_button_{
  width: 35%;
  height: 50px;
  margin: 0;
  border-radius: 25px;
  font-weight: bold;
  font-size: 17px;
}

/* ボタンエリア */

.order_gift_.content_dest_ + .button-area_ .yellow_button_[disabled],
  .order_gift_.content_multiple_ + .button-area_ .yellow_button_[disabled]{
  background-color: #757575;
  color: #fff;
  border: none;
  align-items: center;
  font-size: 17px;
}

/* エラー文言 */

p.error_.item_zero,
p.error_.item_num{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  background: none;
}

p.error_.item_zero img,
p.error_.item_num img{
  margin-right: 7px;
}

/*==============================
お届け先の確認
==============================*/

.order_gift_.confilm .dest_list_ .common_headline2_{
  text-align: left;
  background-color: #fff;
  padding: 43px 0 13px 30px;
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN",'Noto Sans Japanese', sans-serif;
}

.order_gift_.confilm #dest_list_modal .dest_list_ .common_headline2_{
  text-align: center;
  background-color: #fff;
  padding: 43px 0 25px;
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN",'Noto Sans Japanese', sans-serif;
}

.order_gift_.confilm .dest_list_ .address_book_list_{
  /* padding-top: 0; */
  padding-right: 20px;
    margin-bottom: 20px;
}

.order_gift_ .modal.confilm .address_book_list_{
    padding: 15px 20px 30px;
  margin-bottom: 0;
}

.order_gift_.confilm .dest_list_ .address_item_{
  padding: 0;
}

.order_gift_.confilm .dest_list_ .address_item_ h5{
  padding: 10px 16px;
  background-color: #f5f5f5;
  border-radius: 5px;
  font-weight: normal;
}

.order_gift_.confilm .dest_list_ .address_item_ h5 p{
  border-left: 2px solid #cc0000;
  padding-left: 10px;
  font-size: 14px;
}

.order_gift_.confilm .dest_list_ .address_item_ h5 p span{
  font-weight: bold;
}
.order-h_ .order_gift_.confilm .dest_list_ .address_item_ .address_title_ {
    padding: 9px 19px 19px 26px;
}
.order_gift_.confilm .modal.confilm .address_item_ .address_title_{
  padding: 16px;
}
  
  /*==============================
  お支払い方法の選択
  ==============================*/

    .order-h_ .order_gift_.content_select_ html,
    .order-h_ .order_gift_.content_select_ body,
    .order-h_ .order_gift_.content_select_ div,
    .order-h_ .order_gift_.content_select_ span, 
    .order-h_ .order_gift_.content_select_ object, 
    .order-h_ .order_gift_.content_select_ iframe, 
    .order-h_ .order_gift_.content_select_ p, 
    .order-h_ .order_gift_.content_select_ address, 
    .order-h_ .order_gift_.content_select_ var, 
    .order-h_ .order_gift_.content_select_ dl, 
    .order-h_ .order_gift_.content_select_ dt, 
    .order-h_ .order_gift_.content_select_ dd, 
    .order-h_ .order_gift_.content_select_ ol, 
    .order-h_ .order_gift_.content_select_ ul, 
    .order-h_ .order_gift_.content_select_ li, 
    .order-h_ .order_gift_.content_select_ form, 
    .order-h_ .order_gift_.content_select_ label, 
    .order-h_ .order_gift_.content_select_ table, 
    .order-h_ .order_gift_.content_select_ caption, 
    .order-h_ .order_gift_.content_select_ tbody, 
    .order-h_ .order_gift_.content_select_ tfoot, 
    .order-h_ .order_gift_.content_select_ thead, 
    .order-h_ .order_gift_.content_select_ tr, 
    .order-h_ .order_gift_.content_select_ th, 
    .order-h_ .order_gift_.content_select_ td, 
    .order-h_ .order_gift_.content_select_ article{
    font-size: 15px;
    font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN",'Noto Sans Japanese', sans-serif;
  }
  
  .order-h_ .order_gift_.content_select_.all_ .common_headline1_{
    margin-bottom: 5px !important;
  }
  
  .order_gift_ .delivery_detail_ div#method_pay.method_box_ div.method_box_content_.content_wrap{
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 0;
  }
  
  .order-h_ .order_gift_.content_select_ .delivery_detail_{
    margin-top: 0;
  }
  
  #method_authperson h2.common_headline2_,
  #method_point h2.common_headline2_,
  #method_coupon h2.common_headline2_,
  #method_post h2.common_headline2_,
  #method_age h2.common_headline2_{
    background-color: #fff;
    padding: 0 0 0 10px;
    position: relative;
    font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN",'Noto Sans Japanese', sans-serif;
    color: #404040;
  }

  #method_authperson h2.common_headline2_::before,
  #method_point h2.common_headline2_::before,
  #method_coupon h2.common_headline2_::before,
  #method_post h2.common_headline2_::before,
  #method_age h2.common_headline2_::before{
    position: absolute;
    display: block;
    content: "";
    width: 2px;
    height: 18px;
    background-color: #cc0000;
    left: 0;
  }
  
  #method_post h2.common_headline2_{
    line-height: 1.5;
  }
  
  .order-h_ .order_gift_.content_select_ #method_authperson,
  .order-h_ .order_gift_.content_select_ #method_point,
  .order-h_ .order_gift_.content_select_ #method_coupon,
  .order-h_ .order_gift_.content_select_ #method_post,
  .order-h_ .order_gift_.content_select_ #method_age{
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 21px 25px 20px;
    font-size: 15px;
  }

  .order-h_ .order_gift_.content_select_ #method_post #method_post{
    border: none;
    margin: 0;
    padding: 0;
  }
  
  /* ラジオボタン */
  
  .order_gift_.content_select_ #method_pay .radio-area_ li label{
    border-radius: 6px;
    color: #404040;
  }

  .order_gift_.content_select_ #method_pay .radio-area_ input[disabled] + label{
    background-color: #757575;
    color: #fff;
  }
  
  .order_gift_.content_select_ #method_pay .radio-area_ input[disabled] + label:before{
    background-color: #d2d2d2 !important;
  }
  
  .order_gift_ .delivery_detail_ #method_pay .method_list_.radio-area_{
    margin-bottom: 16px;
  }
  
  .order-h_ .order_gift_.content_select_ #method_pay .radio-area_ label:after{
    border: none;
  }
  
  .order-h_ .order_gift_.content_select_ #method_post ul.method_list_.radio-area_ input[name="method"]:checked + label:after,
  .order-h_ .order_gift_.content_select_ #method_post ul.radio-area_ input[name="post_office_notice"]:checked + label:after,
  .order-h_ .order_gift_.content_select_ #method_pay ul.method_list_.radio-area_ input[name="method"]:checked + label:after,
  .order-h_ .order_gift_.content_select_ #method_pay ul.radio-area_ input[name="post_office_notice"]:checked + label:after
  {
    display: block;
    width: 10px;
    height: 10px;
    background-color: #676767;
    border: none;
    border-radius: 5px;
    top: 24px;
    left: 17px;
    transform: translateY(-50%) translateX(-50%);
  }

  .order-h_ .order_gift_.content_select_ #method_post ul.radio-area_ input[name="post_office_notice"]:checked + label:after{
    left: 16px;
  }
  
  /*  */
  
  .order-h_ .order_gift_.content_select_ div.method_authperson_question_{
    margin-bottom: 20px;
  }

  .order-h_ .order_gift_.content_select_ div.method_box_ div.method_box_content_{
    padding: 0 0 15px;
  }

  .order-h_ .order_gift_.content_select_ div.method_box_ div.method_box_content_.np{
    padding: 0;
  }
  
  .hr_line{
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #DCDCDC;
    margin-top: 15px;
    margin-bottom: 30px;
  }
  
  .order-h_ .order_gift_.content_select_ .method_box_content_ .method_authperson_answer_ dt{
    margin-bottom: 10px;
  }

  .order-h_ .order_gift_.content_select_ .method_box_content_ .method_authperson_question_ dd{
    margin-bottom: 19px;
    margin-top: 10px;
  }
  
  .order-h_ .order_gift_.content_select_ #method_pay div.method_box_content_ p{
    font-size: 13px;
    color: #404040;
  }

  .order-h_ .order_gift_.content_select_ #method_point div.method_box_content_ p{
    margin-top: 10px;
  }

  .order-h_ .order_gift_.content_select_ #method_point div.method_box_content_ p strong{
    font-size: 20px;
  }

  .order-h_ .order_gift_.content_select_ div.method_box_ div.method_box_content_.search{
    margin-top: 15px ;
  }

  .order-h_ .order_gift_.content_select_ div.method_box_ .content_question{
    margin-top: 15px;
  }
  .order-h_ .order_gift_.content_select_ div.method_box_ div.method_box_content_ p.postoffice_qa1 + span + div{
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
  }

  .order-h_ .order_gift_.content_select_ div.method_box_ div.method_box_content_ p.postoffice_qa2{
    text-indent: -2.5em;
    padding-left: 2.5em;
  }

  .order-h_ .order_gift_.content_select_ div.method_box_ div.method_box_content_ span.small{
    font-size: 13px;
    line-height: 1.5;
  }
  
  .order-h_ .order_gift_.content_select_ div.method_box_ div.method_box_content_ span.square{
    padding: 3px 4px;
    border: 1px solid #707070;
    border-radius: 3px;
    margin-right: 10px;
  }
  
  div.method_box_ .postoffice_qa{
    margin-bottom: 15px;
  }
  
  .order-h_ .order_gift_.content_select_ .i-any_{
    display: block;
    text-align: center;
    box-sizing: border-box;
    padding: 2px 0;
    width: 37px;
    line-height: 23px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    background-color: #EFEFEF;
    color: #404040;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 15px;
  }

.order-h_ .order_gift_.content_select_ #method_post input[type="button"]{
    background-color: #F5F5F5 !important;
    border: 1px solid #dcdcdc;
    margin: 0 5px 10px 0;
    width: auto;
    padding: 10px 12px;
    text-align: center;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
    color: #404040;
  }
  
  .order-h_ .order_gift_.content_select_ #method_post input[type="button"].active_{
    background-color: #404040 !important;
  }
  
  .order-h_ .order_gift_.content_select_ #search_postoffice_line input#search_postoffice{
    width: calc(100% - 95px);
  }
  
  .order-h_ .order_gift_.content_select_ #search_postoffice_line #SearchPostOffice{
    background: #fff;
    width: 56px;
    border: 1px solid #404040;
    font-weight: normal;
    font-size: 14px;
    color: #404040;
  }
  
  .post-office_list_ #post_office_map{
    float: none;
    display: inline;
    font-size: 13px;
    color: #1D3994;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    margin-right: 20px;
  }
  
  .post-office_list_ .postoffice_serch_wrap{
    display: flex;
    justify-content: right;
  }
  
  #search_postoffice_line #ResetTextArea{
    display: inline;
    width: auto;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font-size: 13px;
    color: #1D3994;
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }
  
/* 同意ボタン */
  
  .order-h_ .order_gift_.content_select_ .post_office_notice_ ul.radio-area_{
    display: flex;
    justify-content: space-between;
  }
  .order-h_ .order_gift_.content_select_ .post_office_notice_ ul.radio-area_ li{
    width: calc((100% - 10px) / 2);
  }

/* 狭小端末用 */
  @media screen and (max-width:370px) {
    .order-h_ .order_gift_.content_select_ .post_office_notice_ ul.radio-area_{
      display: block;
    }
    .order-h_ .order_gift_.content_select_ .post_office_notice_ ul.radio-area_ li{
      width: 100%;
      margin-bottom: 10px;
    }
  }/* max-width:370px */



  .order-h_ .order_gift_.content_select_ #method_post ul.radio-area_ input[name="post_office_notice"] + label,
  .order-h_ .order_gift_.content_select_ #method_pay ul.radio-area_ input[name="post_office_notice"] + label{
    width: 100px;
    border: 1px solid #dcdcdc;
    color: #404040;
  }

  .order-h_ .order_gift_.content_select_ #method_post ul.radio-area_ input[name="post_office_notice"] + label{
    padding: 10px 10px 10px 35px !important;
    width: calc(100% - 45px);
  }

/* 戻る進むボタン */
  
  .order-h_ .order_gift_.content_select_ .submit_.button-area_.last_{
    justify-content: center;
    margin-top: 60px;
  }
  
  .order-h_ .order_gift_.content_select_ .submit_.button-area_.last_ .back_button_{
    margin-right: 15px;
    color: #404040;
  }
  
  .order-h_ .order_gift_.content_select_ .button-area_ .yellow_button_{
    width: 190px;
    line-height: 18px;
    height: auto;
    max-height: 50px;
    margin: 0;
    border-radius: 25px;
    font-size: 17px;
    color: #404040;
  }

  .order-h_ .order_gift_.content_select_ .button-area_ .yellow_button_.yucho{
    width: 100%;
    margin-top: 25px;
  }
  
  div.method_box_ .postoffice_thanks{
    font-size: 16px !important;
  }

div.method_box_ .postoffice_thanks{
    text-align: center;
  }
  
  /* 全部乗せ */

  .order-h_ .order_gift_.content_select_.all_ p.error_{
    font-size: 14px;
    padding-left: 55px;
    margin-top: 0;
    background-position: 33px 3px;
  }
  
  .order-h_ .order_gift_.content_select_.all_ #method_pay .method_list_.radio-area_ + p.error_,
  .order-h_ .order_gift_.content_select_.all_ #method_pay .method_list_.radio-area_ + p.error_{
    font-weight: normal;
    display: block;
    background: url(../img/usr/icon/delicery_attention.png);
    background-repeat: no-repeat;
    background-position: 5px 3px;
    font-size: 14px;
    margin-bottom: 10px;
  }

  .order-h_ .order_gift_.content_select_.all_  .method_box_ .method_box_content_ p.error_{
    font-weight: normal;
    display: block;
    background: url(../img/usr/icon/delicery_attention.png);
    background-repeat: no-repeat;
    background-position: 5px 3px;
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 27px;
    padding-right: 0px;
  }
  
/* ポイント利用 */

  .order-h_ .order_gift_.content_select_.all_ .point_use_{
    margin-bottom: 15px;
  }

  .order-h_ .order_gift_.content_select_.all_ .point_use_ div:first-child{
    margin-bottom: 10px;
  }
  
  .order-h_ .order_gift_.content_select_.all_ .method_box_#method_authperson .method_authperson_biometric_ input,
  .order-h_ .order_gift_.content_select_.all_ .method_box_#method_point .point_use_ input#pointpay {
    position: relative;
    border: 1px solid #ccc;
    margin: 0 10px 0 0;
    width: 17px;
    height: 17px;
    background: #fff;
    border-radius: 4px;
    -webkit-appearance: none;
  }

  .order-h_ .order_gift_.content_select_.all_ .method_box_#method_authperson .method_authperson_biometric_ input:checked,
  .order-h_ .order_gift_.content_select_.all_ .method_box_#method_point .point_use_ input#pointpay:checked {
    background: #fff;
    border: 1px solid #dcdcdc;
  }
  
  .order-h_ .order_gift_.content_select_.all_ .method_box_#method_authperson .method_authperson_biometric_ input:after,
  .order-h_ .order_gift_.content_select_.all_ .method_box_#method_point .point_use_ input#pointpay:after {
    content: '';
    position: absolute;
    top: 8%;
    left: 3px;
    margin: auto;
    display: inline-block;
    width: 13px;
    height: 6px;
    border: none;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 2;
  }

  .order-h_ .order_gift_.content_select_.all_ .method_box_#method_authperson .method_authperson_biometric_ input:checked:after,
  .order-h_ .order_gift_.content_select_.all_ .method_box_#method_point .point_use_ input#pointpay:checked:after {
    border-left: 2px solid #404040;
    border-bottom: 2px solid #404040;
  }

.order-h_ .order_gift_.content_select_.all_ .method_box_#method_point .point_use_ input#pointpay_num {
    font-size: 20px !important;
  }

  .order-h_ .order_gift_.content_select_.all_ .method_box_#method_point .point_use_ input#pointpay_num {
    background: #E9E9E9;
    border: 1px solid #E9E9E9;
    border-radius: 4px;
    margin: 0 5px 0 0;
    width: 119px;
    padding: 10px;
    margin-right: 8px;
    color: #aaa;
    text-align: right;
  }

  .order-h_ .order_gift_.content_select_.all_ .method_box_#method_point .point_use_ input#pointpay_num.checked_ {
    background: #fff !important;
  }

.order-h_ .order_gift_.content_select_.all_ .method_box_#method_point .point_use_ input#pointpay_num.checked_ {
    border: 1px solid rgb(170, 170, 170);
  }

  #estimate_method.extension_ dd {
    margin: 0 0 12px;
  }

  #estimate_method.extension_ {
    margin: 0 0 25px;
  }

  #estimate_method.extension_ dd:last-child {
    margin: 0;
  }

  .order-h_ .order_gift_.content_select_.all_ #search_postoffice_line > div{
    position: relative;
  }

  .order-h_ .order_gift_.content_select_.all_ #search_postoffice_line > div:has(select):after{
    position: absolute;
    display: block;
    content: "";
    width: 5px;
    height: 5px;
    top: 33px;
    right: 15px;
    border-bottom: 1px solid #404040;
    border-right: 1px solid #404040;
    transform: translateY(-50%) rotate(45deg);
  }
  
  .order-h_ .content_select_.all_ span.back_attention{
    display: block;
    text-align: center;
    font-size: 13px;
    margin-bottom: 0;
  }
  
  /*==============================
  ご注文内容の確認
  ==============================*/

  div.order_.content_estimate_ html,
  div.order_.content_estimate_ body,
  div.order_.content_estimate_ div,
  div.order_.content_estimate_ span, 
  div.order_.content_estimate_ object, 
  div.order_.content_estimate_ iframe, 
  div.order_.content_estimate_ p, 
  div.order_.content_estimate_ address, 
  div.order_.content_estimate_ var, 
  div.order_.content_estimate_ dl, 
  div.order_.content_estimate_ dt, 
  div.order_.content_estimate_ dd, 
  div.order_.content_estimate_ dl.estimate_ > dt,
  div.order_.content_estimate_ ol, 
  div.order_.content_estimate_ ul, 
  div.order_.content_estimate_ li, 
  div.order_.content_estimate_ form, 
  div.order_.content_estimate_ label, 
  div.order_.content_estimate_ table, 
  div.order_.content_estimate_ caption, 
  div.order_.content_estimate_ tbody, 
  div.order_.content_estimate_ tfoot, 
  div.order_.content_estimate_ thead, 
  div.order_.content_estimate_ tr, 
  div.order_.content_estimate_ th, 
  div.order_.content_estimate_ td, 
  div.order_.content_estimate_ article{
  font-size: 15px;
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN",'Noto Sans Japanese', sans-serif;
  color: #404040;
  }
  
  /* 全体背景 */

  div.order_.content_estimate_{
    background-color: #fff;
  }
  
  /* タイトル */

div.order_ .estimate_head_ .common_headline1_{
    margin-bottom: 15px !important;
  }

  div.order_ .estimate_head_ .common_headline1_{
    color:#404040;
    padding:15px 0 15px 62px;
    background-color: #fff;
    background: url(../img/usr/icon/estimate_check.png);
    background-size: auto 20px;
    background-position: 33px 50%;
    background-repeat: no-repeat;
    font-size: 20px;
    font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  
  #estimate_method_all .common_headline2_,
  /* .order_ #estimate_host h2.common_headline2_, */
  #estimate_payment_form h2.common_headline2_,
  /* .order_gift_ #estimate_host h2.common_headline2_, */
  .order_ .estimate_block_ h2.common_headline2_,
  .order_ .estimate_block_ h2.common_headline2_.nbg_,
  .order_ #estimate_method h2.common_headline2_,
  .order_ .estimete_giftcard_ h2.common_headline2_,
  div.order_ .method_regular_ h2.common_headline2_{
    background: #fff;
    border-left: 2px solid #cc0000;
    padding: 0 0 0 10px;
    font-size: 18px;
    margin: 15px 15px 19px;
    font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #404040;
  }
  
/* アコーディオン処理 */
  
  .order-h_ .content_estimate_ div.spandual_ .hide_form_,
  .order-h_ .content_estimate_ div.estimate_card_form_ dl.formdetail_ {
    display: block;
  }
  
/* ボタン */
  
  .submit_.button-area_.mb_{
    margin: 0;
  }

.submit_.button-area_.mb_ p.small_{
    text-align: left;
  }

  .order_.col1_.content_estimate_ .submit_.button-area_ p.agree_check_btn_{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.order_.col1_.content_estimate_ .submit_.button-area_ p.agree_check_btn_ input{
  width: 18px !important;
  border-radius: 50%!important;
  }

  .order_.col1_.content_estimate_ .submit_.button-area_ p.agree_check_btn_ input{
  -webkit-appearance: none;
  padding: 0;
  margin: 0 10px 0 0;
  height: 18px;
  float: left;
  border: 1px solid #dcdcdc;
  display: block;
  position: relative;
  flex-shrink: 0;
}

  .order_.col1_.content_estimate_ .submit_.button-area_ p.agree_check_btn_ input:checked::after{
  content: '';
  display: block;
  width: 14px;
  height:4px;
  border-left: 2px solid #404040;
  border-bottom: 2px solid #404040;
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% + 4px);
  transform: translate(-50%,-50%) rotate(-45deg);
}

  .order-h_ .content_estimate_ .button-area_ .yellow_button_{
    width: 90%;
    height: 50px;
    margin: 0 auto 24px;
    border-radius: 25px;
  }

  .order-h_ .content_estimate_ .button-area_ .yellow_button_.wide{
    font-size: 17px !important;
  }

  .order-h_ .content_estimate_ .button-area_.mb_ .yellow_button_.wide{
    width: 100% !important;
    font-size: 17px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .order-h_ .content_estimate_ .button-area_.submit_ .yellow_button_.wide{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

.order-h_ .content_estimate_ .button-area_.mb_ .yellow_button_.wide{
    height: 50px;
    margin: 0 0 24px;
    border-radius: 25px;
  }
  
  .order-h_ .content_estimate_ div.order_ .estimate_head_ .estimate_head_desc_{
    font-size: 13px;
  }
  
.order-h_ .content_estimate_ div table th.total_price_{
    font-size: 20px;
    color: #404040;
  }
  #estimate_method ul.formlist_.method_goodslist_ li .price_,
  #estimate_method ul.formlist_.method_goodslist_ li .price_ span{
    font-size: 20px;
    color: #cc0000;
  }

  .order-h_ .content_estimate_ div table th.total_price_ span,
  #estimate_method ul.formlist_.method_goodslist_ li .price_ span{
    font-size: 13px;
  }
  
  /* ポイント */

  .order-h_ .content_estimate_ div.spandual_head_{
    /* padding-top: 0; */
  }

.order-h_ .content_estimate_ div.spandual_head_ table .total_price_.num,
.order-h_ .content_estimate_ div.spandual_head_ table .total_price_.num span,
  .order-h_ .content_estimate_ div.spandual_head_ table .get_point_desc.num{
    color: #cc0000 !important;
    font-size: 18px;
    font-weight: bold;
  }

  div.spandual_head_ table .get_point_desc.num span{
    font-size: 13px;
    font-weight: normal;
    color: #cc0000 !important;
  }
  
/* 情報内部 */
  
  #estimate_payment_form .estimate_point_frame_{
    margin-bottom: 25px;
  }

  .order-h_ .content_estimate_ div table.top_form_.get_point_{
    margin-top: 10px;
  }

  .order-h_ .content_estimate_ div.spandual_ table.top_form_.noborder,
  div.spandual_head_ table:last-child{
    border: none;
  }

  .order-h_ .content_estimate_  table.top_form_ tr th.total_price_,
  .order-h_ .content_estimate_  table.top_form_ tr td.total_price_{
    padding: 0 0 13px;
  }

  .order-h_ .content_estimate_  table tr th.text_margin,
  .order-h_ .content_estimate_  table tr td.text_margin{
    padding-bottom: 11px !important;
    color: #404040;
  }

  .order-h_ .content_estimate_  table tr.tm th.text_margin,
  .order-h_ .content_estimate_  table tr.tm td.text_margin{
    padding-top: 10px !important;
    color: #404040;
  }
  
  .order-h_ .content_estimate_ table td.left{
    text-align: left;
  }
  
  .order-h_ .content_estimate_ table td p.small{
    font-size: 13px;
    margin-bottom: 22px;
    padding-top: 13px;
    color: #404040;
  }
  
  .order-h_ .content_estimate_ .submit_.button-area_.mb_ .estimate_submit_desc_{
    margin: 18px 0 0 ;
    text-align: left;
    color: #404040 !important;
  }
  
/* 「明細」ライン */
  
  .order-h_ .content_estimate_ .hr_line.detail{
    position: relative;
    margin: 35px 0 10px;
  }

  .order-h_ .content_estimate_ .hr_line.detail span{
    position: absolute;
    display: block;
    text-align: center;
    width: 50px;
    font-size: 17px;
    background-color: #fff;
    padding: 10px 30px;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
  }
  
  /* 青矢印削除 */

  #estimate_method_all .method_addr_ a:after,
  #estimate_payment_form .estimate_point_frame_ .estimate_point_ a::after,
  #estimate_payment_form .estimate_point_frame_ .estimate_method_frame_ > a::after,
  div.estimate_card_form_ .estimate_card_opener_::before,
  #estimate_host .estimate_host_ a:after, .estimate_block_ .estimate_inner_ a:after,
  #estimate_method div.destgoodslist_ a.frame_:after,
  #estimate_payment_form .estimate_point_frame_ .estimate_coupon_ a::after
  {
    position: static;
    border: none;
  }
  
  /* クレジットカード入力 */

  div.estimate_card_form_ dl.formdetail_,
  div.estimate_card_form_ dl.formdetail_{
    border: none;
  }

  .order-h_ .content_estimate_ dl.formdetail_ dt{
    flex-direction: row;
    justify-content: flex-start;
    font-size: 15px;
  }

  #estimate_payment_form .estimate_point_frame_ .estimate_point_{
    margin-bottom: 0;
  }

  #estimate_payment_form .estimate_point_frame_ .estimate_method_frame_ + .estimate_method_frame_{
    margin-top: 0;
    border: none;
  }
  
  #estimate_payment_form .estimate_point_frame_ .estimate_point_ p.point_txt_,
  #estimate_payment_form .estimate_point_frame_ .estimate_method_frame_ p.method_txt_,
  #estimate_payment_form .estimate_point_frame_ .estimate_coupon_ p.coupon_txt_{
    font-size: 16px;
  }

  #estimate_payment_form .estimate_point_frame_ .estimate_point_ p.point_txt_{
    padding-bottom: 10px;
  }

  #estimate_payment_form > div > div.estimate_method_frame_.estimate_card_form_ > dl > dd:nth-child(4) > div{
    margin-top: 8px;
  }

  div.estimate_card_form_ .estimate_card_opener_.pt0{
    padding-top: 0;
    cursor: default;
    
  }
  
  .select-inner_ .select-text_, .select-inner_ .select-val_ input{
    border: 1px solid #dcdcdc;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  div.estimate_card_form_ .estimate_card_registered_ dd label,
  div.estimate_card_form_ dl.formdetail_ dd#savecard label,
  div.estimate_card_registered_ dd#savecard label{
    background: #fff;
    border: 1px solid #dcdcdc;
    padding-left: 45px;
    margin-bottom: 14px;
    color: #404040;
  }

  div.estimate_card_form_ .estimate_card_registered_ dd label{
    height: auto;
    min-height: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    margin: 0;
  }

  div.estimate_card_form_ .estimate_card_registered_ dd ul li:nth-of-type(n+2) label{
    margin-top:10px;
  }

div.estimate_card_registered_ dd#savecard label::before,
  div.estimate_card_form_ .estimate_card_registered_ dd label::before,
  div.estimate_card_form_ dl.formdetail_ dd#savecard label:before{
    background: none!important;
    border:1px solid #eee!important;
  }

  div.estimate_card_registered_ dd#savecard label::before,
  div.estimate_card_form_ .estimate_card_registered_ dd label::before,
  div.estimate_card_form_ dl.formdetail_ dd#savecard label:before{
    width: 18px;
    height: 18px;
  }

  div.estimate_card_registered_ dd#savecard label::before,
  div.estimate_card_form_ .estimate_card_registered_ dd label::before{
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
  }

  div.estimate_card_form_ dl.estimate_ dd#savecard label:after,
  div.estimate_card_form_ dl.formdetail_ dd#savecard label:after{
    border: none;
  }

  div.estimate_card_form_ dl.formdetail_ dd#savecard input:checked + label:before{
    background-color: #fff;
    width: 18px;
    height: 18px;
    border: 1px solid #dcdcdc;
  }

div.estimate_card_form_ dl.formdetail_ dd#savecard input:checked + label:after{
    border-left: 2px solid #404040!important;
    border-bottom: 2px solid #404040!important;
  }

  div.estimate_card_form_ dl.formdetail_ dd#savecard input:checked + label:after{
    width: 14px;
    height: 4px;
    left: 18px;
  }

  div.estimate_card_form_ .estimate_card_registered_ dd input:checked +  label::after{
    border-left: 2px solid #404040!important;
    border-bottom: 2px solid #404040!important;
    top: calc(50% - 2px)!important;
    left: 15px!important;
  }

div.estimate_card_form_ .estimate_card_registered_ dd input:checked +  label::after{
    transform: translateY(-50%) rotate(-45deg);
    width: 14px;
    height: 4px;
  }
  
  /* お届け先以下詳細部分 */

  #estimate_method_all .method_addr_ a,
  #estimate_payment_form .estimate_point_frame_ .estimate_point_ a,
  #estimate_payment_form .estimate_point_frame_ .estimate_method_frame_ > a,
  #estimate_host .estimate_host_ a, .estimate_block_ .estimate_inner_ a, .estimate_block_ .estimate_inner_ .estimate_inner_dest_,
  #estimate_payment_form .estimate_point_frame_ .estimate_coupon_ a{
    padding: 0;
    border: 0;
    color: #1D3994;
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }

  div.estimate_card_form_ dl.formdetail_.card_{
    margin-top: 0;
  }

  .order-h_ .content_estimate_ .strong_{
    font-weight: bold;
  }

  .order-h_ .content_estimate_ .normal_{
    font-weight: normal;
  }

  .order-h_ .content_estimate_ .estimate_flex_{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px 20px;
    border-radius: 6px;
  }

  .order-h_ .content_estimate_ .estimate_flex_ dd{
    flex-shrink: 0;
    /* white-space: nowrap; */
  }

  .order-h_ .content_estimate_ .estimate_flex_ dd a{
    display: inline-block;
  }

  .order-h_ .content_estimate_ .method_delivery_ .estimate_flex_,
  .order-h_ .content_estimate_ .method_date_ .estimate_flex_{
    padding-left: 0;
  }
  .order-h_ .content_estimate_ .method_date_ .estimate_flex_{
    padding-right: 0;
  }

.order-h_ .content_estimate_ .estimate_flex_.border_{
    margin: 0 !important;
  }

  .order-h_ .content_estimate_ .estimate_flex_.border_{
    border: 1px solid #dcdcdc;
  }

  .order-h_ .content_estimate_ .estimate_flex_.nplr_{
    padding-left: 0;
    padding-right: 0;
  }

  .order-h_ .content_estimate_ .estimate_flex_.border_ dl,
  .order-h_ .content_estimate_ .estimate_flex_.border_ .estimate_flex_child{
    width: 90%;
  }
  
  .order-h_ .content_estimate_ .estimate_flex_ .estimate_flex_child .address_ span{
    display: block;
    font-size: 13px;
  }

  .order-h_ .content_estimate_ .estimate_convenience_,
  .order-h_ .content_estimate_ #estimate_point{
    padding-top: 8px;
  }
  
  div.estimate_card_form_ .estimate_card_opener_{
    font-size: 16px !important;
  }

div.estimate_card_form_ .estimate_card_opener_{
    cursor: default;
  }
  
  /* 商品の設定 */

  #estimate_method div.destgoodslist_{
    padding: 15px 20px 5px;
    margin: 10px;
    border: #dcdcdc 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #ffffff;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  #estimate_method div.destgoodslist_ .estimate_flex_ a.frame_, #estimate_method div.destgoodslist_ div.method_salesperiod_ dl{
    padding: 0;
    color: #1D3994;
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }

  #estimate_method div.destgoodslist_ a.frame_{
    padding-right: 0;
    padding-top: 0;
    width: 100%;
    height: auto;
  }

ul.formlist_.method_goodslist_ li .method_goods_name_{
    font-size: 14px !important;
  }

  ul.formlist_.method_goodslist_ li .method_goods_name_{
    padding-right: 30px;
  }

  #estimate_method div.destgoodslist_ .method_noshi_,
  #estimate_method div.destgoodslist_ .method_salesperiod_{
    border: none;
  }

  #estimate_method div.destgoodslist_ .method_goods_:before, #estimate_method div.destgoodslist_ .method_date_:before{
    background: #fff;
  }

  #estimate_method div.destgoodslist_ .method_noshi_{
    background-color: #F5F5F5;
    border-radius: 6px;
  }

  #estimate_method dt.ttl_{
    font-size: 16px;
  }

  #estimate_method dt.ttl_ span{
    font-size: 14px;
  }

  .order_ form#frmSales #estimate_method .destgoodslist_ .method_qty_{
    font-size: 13px;
    margin-bottom: 20px;
  }
  
  #estimate_method div.destgoodslist_ .method_noshi_ .noshi-detail_{
    font-size: 14px;
    font-weight: normal;
    margin-top: 8px;
  }
  
  #estimate_method div.destgoodslist_ .method_goods_:before
  #estimate_method div.destgoodslist_ .method_date_ span.attention{
    display: block;
    font-size: 13px;
    margin-bottom: 25px;
  }

  #estimate_method div.destgoodslist_ .destgoods_{
    margin: 0;
    margin-bottom: 30px;
    padding: 0;
    border: none;
    height: auto;
  }

  #estimate_method div.destgoodslist_ .destgoods_:not(:first-child){
    border-top: 1px solid #dcdcdc;
  }

  #estimate_method div.destgoodslist_ .destgoods_ .method_goods_{
    height: auto;
  }
  
  /* TOPへ戻る */

  .order-h_ .content_estimate_ .button-area_ .back_button_,
  .order-h_ .content_estimate_ p.back_shop_button_ a{
    font-size: 16px;
    color: #1D3994;
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }
  
  .order-h_ .content_estimate_ #demoslide01 p{
    font-size: 13px !important;
    margin: 0 30px;
    text-align: left;
    line-height: 1.8;
    color: #404040;
  }

  .order-h_ .content_estimate_ #demoslide01 span.largeText,
  #estimate_payment_form dl dd.payment{
    font-size: 13px !important;
    color: #cc0000 !important;
  }

  .order-h_ .content_estimate_ #demoslide01 p.estimate_submit_desc_{
    font-size: 13px !important;

  }

.order-h_ .content_estimate_ #demoslide01 p.estimate_submit_desc_{
    margin-bottom:43px;
    text-align: left;
    line-height: 1.5;
  
  }
  
  .order-h_ .content_estimate_ #demoslide01 p.submit_txt_{
    margin-top: 15px;
  }

  .order-h_ .content_estimate_ #demoslide01 a{
    color: #1D3994;
  }
  
/* モーダル */
  
  .order-h_ .content_estimate_ div.show_sample_ .modal-btn_{
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: #1D3994;
  
  }
  
/* カード情報内モーダル */
  
  .order-h_ .content_estimate_ .select-dropdown_{
    border: none;
    border-radius: 6px;
    border-bottom: none;
    background: #f5f5f5;
    width: 159px;
    max-width: calc(100% - 20px);
    height: 315px;
    padding: 0 0 22px 14px;
    overflow: hidden;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto;
  }

  /* .order-h_ .content_estimate_ .select-dropdown_.card_method_{
    height: 220px !important;
  } */

  .order-h_ .content_estimate_ .select-dropdown_.card_method_ li{
    width: calc(100% - 45px);
  }

  .order-h_ .content_estimate_ .select-dropdown_ dt,
  .order-h_ .content_estimate_ .select-dropdown_ li{
    width: calc(100% - 30px);
    padding: 11px 14px;
    text-align: left;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    border-bottom: none;
    word-break: break-all;
  }

  .order-h_ .content_estimate_ .select-dropdown_ .card_m_title{
    padding: 11px 14px;
  }

  .order-h_ .content_estimate_ .select-dropdown_ dt{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    /* background: #dedede; */
    background: #f5f5f5;
      color: #000;
      font-size: 18px;
      font-weight: bold;
  }

  .order-h_ .content_estimate_ .cartlist_ .select-dropdown_ dt{
      line-height: 1;
  }

  /* .order-h_ .content_estimate_ .select-dropdown_ dt:before{
    display: block;
    position: absolute;
    content: "";
    margin: auto;
    padding: 0;
    width: 2px;
    height: 14px;
    background: #fff;
    transform: rotate(45deg);
    top: 0;
      bottom: 0;
    right: 19px;
  }
  .order-h_ .content_estimate_ .select-dropdown_ dt:after{
    display: block;
    content: "";
    position: absolute;
    top: 0;
      bottom: 0;
    right: 13px;
    width: 14px;
    height: 2px;
    margin: auto;
    background: #fff;
    transform: rotate(45deg);
  } */

  .order-h_ .content_estimate_ .select-dropdown_ dd{
    overflow: auto;
    padding-top: 0;
      width: 100%;
    height: 90%;
  }

  .order-h_ .content_estimate_ .select-dropdown_ dd ul,
  .order-h_ .content_estimate_ .select-dropdown_cart_ dd ul{
      padding: 0 0 10px;
      border: none;
  }

  .order-h_ .content_estimate_ .select-dropdown_ li.active_,
  .order-h_ .content_estimate_ .select-dropdown_cart_ li.active_{
  }

  .order-h_ .content_estimate_ .select-dropdown_ li.active_:after,
  .order-h_ .content_estimate_ .select-dropdown_cart_ li.active_:after{
      display: inline-block;
      content: '';
      width: 8px;
      height: 3px;
      border-left: 2px solid #cd0000;
      border-bottom: 2px solid #cd0000;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
    vertical-align: middle;
    margin: 0 0 5px 15px;
  }
  
  .order-h_ .content_estimate_ #estimate_payment_form .estimate_point_frame_ .estimate_method_frame_ dt.modal-close_::before,
  .order-h_ .content_estimate_ #estimate_payment_form .estimate_point_frame_ .estimate_method_frame_ dt.modal-close_::after {
    top: 0;
    display: none;
  }

  .order-h_ .content_estimate_ #estimate_payment_form .estimate_point_frame_ .estimate_method_frame_ dl.select-dropdown_ dd{
    height: auto !important;
  }

.order-h_ .content_estimate_ #estimate_payment_form .estimate_point_frame_ .estimate_method_frame_ dl.select-dropdown_ dd{
    max-height: calc(100% - 50px);
    padding-top: 0;
  }

/* .order-h_ .content_estimate_ .select-dropdown_ dd::-webkit-scrollbar {
    width: 24px;
    padding: 5px 0 5px 5px;
  }

  .order-h_ .content_estimate_ .select-dropdown_ dd::-webkit-scrollbar-thumb {
    background: #b4b4b4;
    border-radius: 14px 14px 14px 14px / 8px 8px 8px 8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    background-clip: padding-box;
  } */
  
  .order-h_ .content_estimate_ div.estimate_card_form_ dl.formdetail_ .select-dropdown_ dt,
  .order-h_ .content_estimate_ div.estimate_card_form_ div.newcard_ .select-dropdown_ dt,
  .order-h_ .content_estimate_ div.estimate_card_form_ #card_method .select-dropdown_ dt,
  .order-h_ .content_estimate_ div.estimate_card_form_ #card_divide .select-dropdown_ dt,
  .order-h_ .content_estimate_ .modal_ .modal-close_{
    background-color: #f5f5f5;
    position: relative;
    border: none;
    font-size: 14px;
    padding: 17px 15px;
    color: #404040;
  }

  /* .order-h_ .content_estimate_ .select-dropdown_ dt.modal-close_:before{
    background: #404040;
    height: 20px;
    top: 20px;
    right: 27px;
  }
  .order-h_ .content_estimate_ .select-dropdown_ dt.modal-close_::after{
    background: #404040;
    width: 20px;
    top: 20px;
    right: 17px;
  
  } */

  .order-h_ .content_estimate_ div.estimate_card_form_ dl.formdetail_ .select-dropdown_ dt span{
    display: none;
    /* position: absolute;
    width: 33px;
    height: 33px;
    border: 1px solid #404040;
    border-radius: 6px;
    right: 10px;
    top: 10px; */
  }
  
  /* セキュリティコード */

  .order-h_ .content_estimate_ .modal_ .modal-close_.modal-secucode_::before,
  .order-h_ .content_estimate_ .modal_ .modal-close_.modal-secucode_::after{
  background: transparent;
  }

  .order-h_ .content_estimate_ .modal_ .modal-close_.modal-secucode_ span{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 46px;
    padding-right: 22px;
    padding-left: 2em;
    background-color: #fff;
    border: 2px solid #404040;
    border-radius: 6px;
    margin-bottom: 28px;
    position: relative;
  }

  .order-h_ .content_estimate_ .modal_ .modal-close_.modal-secucode_ span::before{
    display: block;
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-left: 1px solid #404040;
    border-bottom: 1px solid #404040;
    left: 18px;
    transform: rotate(45deg);
  }
  
  #security_code-how-2 .modal_{
    background: #f5f5f5;
    width: calc(100% - 60px);
    padding: 15px 14px 36px;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 6px;
  }

  #security_code-how .modal_ .modal-inner_, #security_code-how-2 .modal_ .modal-inner_{
    height: auto;
  }

  #security_code-how-2 .modal_ .modal-secucode_title{
    text-align: center;
    font-size: 20px;
    margin-bottom: 17px;
    font-weight: bold;
  }
  
  /* キャンセル・返品モーダル */

  .order-h_ .content_estimate_ .modal_box{
    background: #F5F5F5;
    border: none;
    border-radius: 6px;
    padding: 15px 0 38px ;
    height: 512px;
  }
  
  .order-h_ .content_estimate_ .modal_box .link_area{
    margin: 0;
    display: flex;
    justify-content: left;
    margin-bottom: 42px;
  }

  .order-h_ .content_estimate_ .modal_box .link_area .modal_close_link a{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 23px;
    padding: 10px 18px 10px 1.8em;
    background-color: #fff;
    border: 2px solid #404040;
    border-radius: 6px;
    margin-bottom: 0;
    position: relative;
    color: #404040;
  }

  .order-h_ .content_estimate_ .modal_box .link_area .modal_close_link a::before{
    display: block;
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-left: 1px solid #404040;
    border-bottom: 1px solid #404040;
    left: 18px;
    transform: rotate(45deg);
  }

  .order-h_ .content_estimate_ .modal_box h2.ModalTitle{
  border: none;
  padding: 0;
  text-align: center;
  font-size: 20px;
  }
  
  .order-h_ .content_estimate_ .modal_box .modalContent{
    overflow-y: scroll;
    overflow-x: hidden;
    padding-left: 24px;
    padding-right: 12px;
    height: 320px;
  }

  .order-h_ .content_estimate_ .modal_box .modalContent p{
    text-align: left;
  }

  .order-h_ .content_estimate_ .modal_box .modalContent p.ListModalTitle{
    font-size: 16px;
    margin-bottom: 26px;
  }

  .order-h_ .content_estimate_ .modal_box .modalContent p.ListModalTitle span.small{
    display: block;
    font-size: 14px;
    font-weight: normal;
  }

/* .order-h_ .content_estimate_ .modal_box .modalContent::-webkit-scrollbar {
    width: 24px;
    padding: 5px 0 5px 5px;
  }

  .order-h_ .content_estimate_ .modal_box .modalContent::-webkit-scrollbar-thumb {
    background: #b4b4b4;
    border-radius: 14px 14px 14px 14px / 8px 8px 8px 8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    background-clip: padding-box;
  } */

/*==============================
注文確認画面パーツリスト
==============================*/

.order-h_ .content_estimate_ #estimate_payment_form .estimate_point_frame_ dl dd.headline_{
    font-size: 16px;
    font-weight:bold;
    margin-bottom: 10px;
}

/* メッセージカード */

.content_estimate_ .estimete_giftcard_frame_{
  margin-bottom: 20px;
}

.content_estimate_ a.estimete_giftcard_change_{
  background: none;
  border: none;
  font-size: 16px;
  color: #1D3994;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

ul.formlist_.method_goodslist_ li .method_goods_salesperiod_{
  padding-top: 10px;
}

.method_goods_salesperiod_{
  display: flex;
  justify-content: left;
  text-align: left;
}

.method_goods_salesperiod_ div{
  font-size: 14px !important;
  }

.method_goods_salesperiod_ div{
  /* width: 4em; */
  display: inline-block;
  white-space: nowrap;
  }

.method_goods_salesperiod_ p{
  font-size: 14px !important;
}

.method_goods_salesperiod_ p{
  width: calc(100% - 4em);
}

/* 商品が複数の場合 */

.content_estimate_ ul.formlist_.method_goodslist_ li:nth-of-type(1){
  border-top: 1px solid #dcdcdc;
  margin-top: 30px;
}

#estimate_method span.attention{
  display: block;
  padding: 10px 30px;
  font-size: 13px;
}

#estimate_method span.attention.nplr_{
  padding-left: 0;
  padding-right: 0;
}

/* 配送先が複数の場合 */

#estimate_method .method_addr_.multipul,
#estimate_method div.destgoodslist_.multipul{
  border: none;
  margin: 0;
  padding: 0;
  height: auto;
}

.estimate_method_multipul{
  padding: 20px;
  margin: 10px;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  height: auto;
}

#estimate_method .method_addr_.multipul{
  /* border-bottom: 1px solid #dcdcdc; */
  padding-bottom: 20px;
  height: auto;
}

#estimate_method .method_addr_.multipul a{
  display: inline-block;
  margin-left: 20px;
  color: #1D3994;
  font-weight: normal;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  font-size: 14px;
}

#estimate_method .method_addr_.multipul a:after{
  display: none;
}

#estimate_method div.destgoodslist_.multipul .destgoods_{
  /* margin: 0; */
}

/* 定期便 */

.method_regular_ .inner_ h3{
  font-size: 15px;
}

.method_regular_ .inner_ .box_ > li{
    display: flex;
    flex-direction: column;
    padding-left: 160px;
    position: relative;
  }

.method_regular_ .inner_ .box_ > li p{
      box-sizing: border-box;
      font-size: 15px !important;
    }

.method_regular_ .inner_ .box_ > li p:nth-of-type(1){
        flex-shrink: 0;
        width: 150px;
        padding: 0;
        margin: 0;
        font-weight: 500;
        font-size: 15px;
        margin-right: 10px;
        position: absolute;
        top: 0;
        left: 0;
      }

/* .method_regular_ .inner_ .box_ > li p:nth-of-type(2){
        width: 100%;
        box-sizing: border-box;
        font-size: 15px;
      } */

.method_regular_ .inner_ .box_ > li a{
      width: 3em;
      font-size: 13px;
      white-space: nowrap;
      text-align: right;
      color: #1D3994;
      -webkit-text-decoration: underline;
      text-decoration: underline;
      position: absolute;
      top: 0;
      right: 0;
    }

.method_regular_ .inner_ .box_ > li a::after{
      display: none;
    }

.method_regular_ .inner_ .box_ > li table tbody .total_ th,
    .method_regular_ .inner_ .box_ > li table tbody .total_ td,
    .method_regular_ .inner_ .box_ > li table tbody .total_{
      display: block;
      text-align: left;
      font-size: 15px;
      font-weight: normal;
    }

.method_regular_ .inner_ .box_ > li h2{
      font-size: 15px !important;
    }

.method_regular_ .inner_ .box_ .regular_total_price_{
   /*  padding: 20px 0; */
   padding: 20px 0 20px 160px;
    margin: 20px 0;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
  }

.method_regular_ .inner_ .box_ .regular_total_price_ > p:nth-of-type(1){
  position: absolute;
  top: 20px;
  left: 0;
}

.method_regular_ .inner_ .box_ .textarea_{
    margin: 0;
    margin-bottom: 29px;
    color: #404040;
  }

.method_regular_ .inner_ .box_ .textarea_ .ttl_{
      color: #404040;
      font-weight: normal;
    }

.method_regular_ .inner_ .box_ .textarea_ p{
      color: #404040;
    }

.order_.content_estimate_ .method_regular_ address span{
    font-size: 13px;
    display: block;
    margin-top: 10px;
}

/* 出荷予定日確認チェック */

.content_estimate_ .submit-top_,
.content_estimate_ .submit-bottom_{
  margin-top: 30px;
  }

.content_estimate_ .submit-top_ .large_,.content_estimate_ .submit-bottom_ .large_{
    text-align: center;
    margin-bottom: 10px;
    padding-left: 30px;
  }

.content_estimate_ .submit-top_ .large_ label,.content_estimate_ .submit-bottom_ .large_ label{
      position: relative;
      font-size: 16px;
      font-weight: 500;
    }

.content_estimate_ .submit-top_ .large_ label::before,.content_estimate_ .submit-bottom_ .large_ label::before{
        position: absolute;
        display: block;
        content: "";
        width: 18px;
        height: 18px;
        border: 1px solid #dcdcdc;
        border-radius: 50%;
        top: calc(50% - 9px);
        left: -30px;
      }

.content_estimate_ .submit-top_ .large_.is-agree label::after,.content_estimate_ .submit-bottom_ .large_.is-agree label::after{
      position: absolute;
      display: block;
      content: "";
      width: 10px;
      height: 5px;
      border-left: 2px solid #404040;
      border-bottom: 2px solid #404040;
      top: calc(50% - 5px);
      left: -25px;
      transform: rotate(-45deg);

    }

.content_estimate_ .submit-top_ .submit_,.content_estimate_ .submit-bottom_ .submit_{
    width: 100%;
    height: 50px;
    margin: 0 auto 16px;
    box-sizing: border-box;
  }

.content_estimate_ .submit-top_ .submit_ input,.content_estimate_ .submit-bottom_ .submit_ input{
      padding: 5px 20px;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
      border-radius: 25px;
      background: #FBE13E;
      font-size: 17px;
      font-weight: bold;
    }

.content_estimate_ .submit-top_ .submit_ input.disabled_,.content_estimate_ .submit-bottom_ .submit_ input.disabled_{
        pointer-events: none;
        background: #757575;
        color: #fff;
        border: none;
      }

.content_estimate_ .submit-top_ .estimate_submit_desc_,.content_estimate_ .submit-bottom_ .estimate_submit_desc_{
    font-size: 13px;
    text-align: left;
  }

.content_estimate_ .submit-top_ .submit_ input{
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

.content_estimate_ .submit-bottom_ .page_back_button_{
  margin-bottom: 20px;
}

.order-h_ .content_option_ .select-dropdown_ dd {
    height: 100%;
  }
  
  .order-h_ .content_option_ .select-dropdown_ dd ul {
    padding: 0 0 53px;
}

#frmMessageCard .btn_back_{
        background-color: red;
    }

#frmMessageCard .btn_next_{
        border: 0;
        background: #FDE13E;
        border-radius: 4px;
        font-size: 14px;
    }

.order-h_ .order_gift_.content_select_ #method_age .method_box_content_{
margin-top: 10px;
}

.order-h_ .order_gift_.content_select_ #method_age .method_box_content_ dl{
    display: grid;
    grid-template-columns: 40% 60%;
    grid-template-rows:  1fr 1.5fr;
}

.order-h_ .order_gift_.content_select_ #method_age .method_box_content_ dl div{
    grid-column: 1 / 3;
    grid-row: 1 / 2;
    margin-bottom: 10px;
}

.order-h_ .order_gift_.content_select_ #method_age .method_box_content_ dd span{
    display: flex;
    justify-content: left;
    align-items: center;
    margin-right: 10px;
}

.order-h_ .order_gift_.content_select_ #method_age .method_box_content_ dd:first-child{
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}

.order-h_ .order_gift_.content_select_ #method_age .method_box_content_ dd:last-child{
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}

.order-h_ .order_gift_.content_select_ #method_age .method_box_content_ dd .two-block_,
.order-h_ .order_gift_.content_select_ #method_age .method_box_content_ dd .two-block_ .block1_,
.order-h_ .order_gift_.content_select_ #method_age .method_box_content_ dd .two-block_ .block2_,
.order-h_ .order_gift_.content_select_ #method_age .method_box_content_ dd .two-block_ .select-block_,
.order-h_ .order_gift_.content_select_ #method_age .method_box_content_ dd .two-block_ .select-inner_{
    margin-bottom: 0;
}

.order-h_ .order_gift_.content_select_ #method_age .method_box_content_ dd .two-block_ .block2_{
    padding: 0;
}

.order-h_ .order_gift_.content_select_ #method_age .method_box_content_ dd .two-block_ .select-text_{
    padding: 3px;
    width: 60px;
    line-height: 40px;
    display: flex;
    align-items:center;
}

.order_gift_ .method_box_#method_age .method_box_content_ input{
    padding: 3px;
    width: 60px;
    height:40px;
}

.order-h_ .order_gift_.content_select_ #method_age .method_box_content_ .two-block_ dl.select-dropdown_{
    display: block;
}

/*==============================
贈り先設定・ゲスト購入
==============================*/

  .order-h_ .order_gift_ .content_dest_.guest_ .agree-section_ a.modal-btn_{
    color: #1D3994 !important;
  }

.order-h_ .order_gift_ .content_dest_.guest_ .agree-section_ a.modal-btn_{
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

.wrapper_.order-h_ p.error_.item_num span {
    font-size: 12px;
    font-weight: bold;
}

.order_gift_.content_multiple_ div.efo-error_ {
    margin-left: 22px;
}

  /* 規約同意 */

  .order-h_ .order_gift_.content_dest_ .check-box_ input:checked + label.agree:before
  {
    background-color: #fff;
    width: 17px;
    height: 17px;
  }

  .order-h_ .order_gift_.content_dest_ .check-box_ input:checked + label.agree:after
  {
    border-left: 2px solid #404040;
    border-bottom: 2px solid #404040;
  }
  
.order_gift_.content_dest_ dl.formdetail_ dt#sender_addr_inputmode + dd input#d_addr_inputmode_0:checked + input + ul label[for="d_addr_inputmode_0"]:after,
.order_gift_.content_dest_ dl.formdetail_ dt#sender_addr_inputmode + dd input#d_addr_inputmode_1:checked + input + ul label[for="d_addr_inputmode_1"]:after{
    display: block;
    width: 10px;
    height: 10px;
    background-color: #676767;
    border: none;
    border-radius: 5px;
    top: 24px;
    left: 16px;
    transform: translateY(-50%) translateX(-50%);
  }
  
/*==============================
注文完了画面
==============================*/

.box_:has(.order_id_)~.button-area_ .yellow_button_{
    margin:0 auto 20px;
  }
  
  /* カート画面数量選択 */

  .cartlist_ .select-inner_ .cart_select_ input[type="tel"],
  .cartlist_ table.cartlist_ td.spec_ .select-text_{
    width: 80px;
    margin-left: 0;
  }

.order-h_ .order_.content_estimate_ .button-area_ p span{
    color: #404040;
}

/* カート画面・お気に入り登録バルーン */

.wrapper_:has(.cartlist_) ~ div.balloontip{
    width: 60px;
}

/* お届け先情報郵便番号フォントサイズ */

.order-h_ .content_estimate_ #estimate_method_all .method_addr_ span{
    font-size: 13px;
}

/* 単一配送先商品設定 */

.order_gift_.content_option_ form .delivery_detail_ .delivery_dest_ .dest_goods_ .block_wrapper_ .block1_{
    height: 47px;
}

/* 郵便局検索プルダウン */

.order-h_ .order_gift_.content_dest_ .post-office_list_ #post_stop_list, .post-office-search_ #post_stop_list{
    background:url(../img/usr/common/header/icon_arrow2-2.png) no-repeat right 10px top 50%;
    background-size: 14px;
}

.order-h_ .order_gift_.content_select_.all_ .post-office_list_ #search_postoffice_line select{
    background: none;
}

.order-h_ .order_.content_estimate_ div.estimate_card_form_ .estimate_card_opener_{
    cursor: default;
}

/* 商品設定画面モーダル */

.order-h_ .content_estimate_ .select-dropdown_,
.order-h_ .content_select_ .select-dropdown_,
.order-h_ .content_option_ .select-dropdown_,
.order-h_ .content_dest_ .select-dropdown_,
.order-h_ .content_multiple_ .select-dropdown_,
.cartlist_.col1_ .select-dropdown_cart_{
  border: none;
  border-radius: 6px;
  border-bottom: none;
  background: #f5f5f5;
  width: 159px;
  max-width: calc(100% - 20px);
  height: 315px;
  padding: 0 0 22px 14px;
  overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.order-h_ .content_estimate_ .select-dropdown_ dt,
.order-h_ .content_select_ .select-dropdown_ dt,
.order-h_ .content_option_ .select-dropdown_ dt,
.order-h_ .content_dest_ .select-dropdown_ dt,
.order-h_ .content_multiple_ .select-dropdown_ dt,
.cartlist_.col1_ .select-dropdown_cart_ dt{
  width: auto;
  position: static;
  z-index: 20;
  background: #f5f5f5 url(../img/usr/icon/modal-close_icon.png) no-repeat top 10px right 10px !important;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    border: 0;
  padding-right: 50px;
}

.order-h_ .content_estimate_ div.estimate_card_form_ dl.formdetail_ .select-dropdown_ dt:before,
.order-h_ .content_option_ .select-dropdown_ dt:before,
.order-h_ .content_select_ .select-dropdown_ dt:before,
.order-h_ .content_dest_ .select-dropdown_ dt:before,
.order-h_ .content_multiple_ .select-dropdown_ dt:before,
.cartlist_.col1_ .select-dropdown_cart_ dt:before,
.order-h_ .content_estimate_ div.estimate_card_form_ dl.formdetail_ .select-dropdown_ dt:after,
  .order-h_ .content_option_ .select-dropdown_ dt:after,
.order-h_ .content_dest_ .select-dropdown_ dt:after,
.cartlist_.col1_ .select-dropdown_cart_ dt:after,
.order-h_ .content_estimate_ .select-dropdown_ dt.modal-close_ span,
.order-h_ .content_option_ .select-dropdown_ dt.modal-close_ span,
.order-h_ .content_select_ .select-dropdown_ dt.modal-close_ span,
.order-h_ .content_dest_ .select-dropdown_ dt.modal-close_ span,
.order-h_ .content_multiple_ .select-dropdown_ dt.modal-close_ span,
    .cartlist_.col1_ .select-dropdown_cart_ dt.modal-close_ span{
    display: none;
}
.order-h_ .content_estimate_ .select-dropdown_ dd,
.order-h_ .content_select_ .select-dropdown_ dd,
.order-h_ .content_option_ .select-dropdown_ dd,
.order-h_ .content_dest_ .select-dropdown_ dd,
.order-h_ .content_multiple_ .select-dropdown_ dd,
.cartlist_.col1_ .select-dropdown_cart_ dd{
    height: 100% !important;
    padding: 0;
    width: 100%;
    min-height: calc(100% - 50px);
    max-height: calc(100% - 50px);
    width:calc(100% - 14px);
}
.order-h_ .content_estimate_ .select-dropdown_ dd ul,
.order-h_ .content_select_ .select-dropdown_ dd ul,
.order-h_ .content_option_ .select-dropdown_ dd ul,
.order-h_ .content_dest_ .select-dropdown_ dd ul,
.order-h_ .content_multiple_ .select-dropdown_ dd ul,
    .cartlist_.col1_ .select-dropdown_cart_ dd ul{
    padding-bottom: 0;
    overflow-Y: scroll;
    overflow-x: hidden;
    border: none;
    background: #f5f5f5;
    width: 100%;
}
.order-h_ .content_estimate_ .select-dropdown_ dd ul li,
.order-h_ .content_select_ .select-dropdown_ dd ul li,
.order-h_ .content_option_ .select-dropdown_ dd ul li,
.order-h_ .content_dest_ .select-dropdown_ dd ul li,
.order-h_ .content_multiple_ .select-dropdown_ dd ul li,
.cartlist_.col1_ .select-dropdown_cart_ dd ul li{
    width: 113px;
    border: 1px solid #dcdcdc;
    background-color:#fff;
}

/* .order-h_ .content_estimate_ .select-dropdown_ dd::-webkit-scrollbar ,
  .order-h_ .content_option_ .select-dropdown_ dd::-webkit-scrollbar ,
  .order-h_ .content_dest_ .select-dropdown_ dd::-webkit-scrollbar ,
  .cartlist_.col1_ .select-dropdown_cart_ dd::-webkit-scrollbar {
    width: 24px;
    padding: 5px 0 5px 5px;
    background-color: #f5f5f5;
  }

.order-h_ .content_estimate_ .select-dropdown_ dd::-webkit-scrollbar-thumb ,
  .order-h_ .content_option_ .select-dropdown_ dd::-webkit-scrollbar-thumb ,
  .order-h_ .content_dest_ .select-dropdown_ dd::-webkit-scrollbar-thumb ,
  .cartlist_.col1_ .select-dropdown_cart_ dd::-webkit-scrollbar-thumb {
    background: #b4b4b4;
    border-radius: 14px 14px 14px 14px / 8px 8px 8px 8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    background-clip: padding-box;
  } */

  /* 注文確認画面エラーボックス */

  div.order_.content_estimate_ .info_{
    background-color: #efefef;
  }

  div.order_.content_estimate_ ul.error_{
    display: block;
    padding-left: 25px;
    padding-right: 0px;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    margin-left:0;
    color: #cc0000 !important;
  }
div.order_.content_estimate_ ul.error_ li{
    color: #cc0000 !important;
}
  div.order_.content_estimate_ ul.error_:not(:has(img)){
    background: url(../img/usr/icon/delicery_attention.png);
    background-repeat: no-repeat;
    background-position: 5px 2px;
  }

  /* 商品設定・注文確認画面 表示枠 */
.order-h_ .content_estimate_ #estimate_method div.destgoodslist_ .destgoods_ .method_goods_,
.order-h_ .content_option_ div[id^="delivery"].delivery_dest_ .goodsinfo_box_{
    border-bottom: 1px solid #dcdcdc;
}

.order-h_ .content_estimate_ #estimate_method div.destgoodslist_ .destgoods_ .method_goods_:last-of-type,
.order-h_ .content_estimate_ #estimate_method div.destgoodslist_ .destgoods_ .method_goods_:has(+ .method_date_),
.order-h_ .content_estimate_ #estimate_method div.destgoodslist_ .destgoods_ .method_goods_:has(+ .method_noshi_),
.order-h_ .content_estimate_ #estimate_method div.destgoodslist_ .destgoods_ .method_goods_:last-of-type,
.order-h_ .content_option_ div[id^="delivery"].delivery_dest_ .goodsinfo_box_:has(+ .method_goods_delivery_),
.order-h_ .content_option_ div[id^="delivery"].delivery_dest_ .goodsinfo_box_:last-of-type{
    border-bottom: none;
    border: none;
}
  
.order-h_ .content_estimate_ #estimate_method .destgoods_{
  border: 1px solid #dcdcdc;
  margin-bottom: 15px;
  border-radius: 5px;
  padding: 10px;
}

/* クレジットカードエラーbox */
.order_.content_estimate_ > div.info_,
.order_.content_estimate_ #frmSales > div.info_{
    margin: 0 14px;
    
}
.order_.content_estimate_ > div.info_ span,
.order_.content_estimate_ #frmSales > div.info_ span{
    display: block;
    margin: 0 3px;
    padding-left: 1em;
    text-indent: -1em;
}

/* フォントカラー・サイズ調整 */
.cartlist_ .cart-list-sumally_inner_ div dl dt,
.order_gift_.content_multiple_ .dest_list_modal_open p{
    color: #404040;
}

.order_gift_ .sender-info_ h2.common_headline2_{
     background-color:#fff !important;
}

/* カート上部注意文 */

.cartlist_ h1.common_headline1_ ~ p{
    margin-left: 30px;
    margin-right: 30px;
}

.cartlist_ p.info_{
    line-height: 1.8;
    padding: 0; 
    margin-left: 30px;
    margin-right: 30px;
}

/* 定期モーダル */
.order-h_ .content_estimate_ #modal3 li::marker{
    content:"";
    display:none;
}

/* 本人認証 */
.formdetail_.customer_ .method_authperson_biometric_ input + label::before{
    display: none;
}

/*==============================
ラジオボタン押下範囲修正
==============================*/
.order_gift_ .dest_list_ .post-office_list_ .address_item_{
    padding: 0;
}
.order_gift_ .dest_list_ .post-office_list_ .address_item_ .address_title_ label{
    width: 100%;
    padding: 16px;
}

/* 注文確認画面・定期申込情報 */
.order-h_ .content_estimate_ .method_regular_{
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin: 10px 10px 30px;
    padding: 15px 20px 5px;
}
.order-h_ .content_estimate_ .method_regular_ .common_headline2_{
    border-left: none;
    border-bottom: 1px solid #e5e5e5;
    border-bottom: ;
    margin: 0 0 20px;
    padding: 15px 15px 19px 0;
}
.order-h_ .content_estimate_ .method_regular_ .inner_{
    border: none;
    margin: 0;
    padding: 0;
}

.order-h_ .content_estimate_ .estimate_change{
    color: #1d3994;
}


/*20240227*/
header#head02 .header_top_ form.search_form_ input.keyword_{
    padding: 0 45px 0 10px;
}
form.search_form_ .search_button_{
    width: 37px;
    height: 37px;
    background-color: #7D7D7D;
    border-radius: 0 4px 4px 0;
    position: absolute;
    right: 0;
    top: 0;
}
div.bl_npSuggestKeywordList_body{
    position: relative;
    padding: 0;
    background: #FFF;
}
div.bl_npSuggestContainerSp{
    left: -20px!important;
    margin-top: 15px;
}
div.bl_npSuggestContainerSp{
    width: 100vw;
}
.bl_npSuggestHistoryList_header{
    display: none;
}
div.bl_npSuggestKeywordList{
    border-left: none;
    border-right: none;
    border-top: 1px solid #d4d9dc;
    border-bottom: none;
}
div.bl_npSuggestContainerSp div.bl_npSuggestKeywordList_keyword{
    white-space: normal;
    margin-right: 40px;
}
#searchPanel .close{
    width: 60px;
    margin-right: 10px;
}
#searchPanel .close img{
    width: 60px;
}
#header_searchbox.fixed_ form.search_form_{
    width: 90%;
}
#header_searchbox.fixed_ .search_wrap_deletebtn{
    background: url(../img/usr/sp/panelclosebtn.png) center center no-repeat;
    background-size: 12px;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 50px;
    cursor: pointer;
}

.customer_.col1_ div.submit_ + form[name="custdestlist"]{
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    margin: 45px 10px;
    padding: 20px 0 0 0;
}
.customer_.col1_ div.submit_ + form[name="custdestlist"] .contact_ + .submit_{
    margin-top: 20px;
    margin-bottom: 20px;
}
.customer_.col1_ div.submit_ + form[name="custdestlist"] dl.formdetail_.contact_ {
    border: none;
    margin: 0;
    padding: 0 20px;
}
.customer_.col1_ div.submit_ + form[name="custdestlist"] dl.formdetail_.contact_ dt{
    padding-left: 0;
    padding-right: 0;
    font-weight: normal;
}
.customer_.col1_ div.submit_ + form[name="custdestlist"] dl dd{
    padding-left: 0;
    padding-right: 0;
}
.customer_.col1_ div.submit_ + form[name="custdestlist"] dl dd select{
    width: 100%;
}
.customer_.col1_ div.submit_ + form[name="custdestlist"] dl dd input{
    width: 100%!important;
    box-sizing: border-box;
    height: 40px;
}
.bl_npSuggestContainerSp span.deletebtn{
    display: block;
    float: right;
    width: 17%;
    height: 47px;
    /* background: #000; */
    border-bottom: 1px solid #d4d9dc;   
    background: url(../img/usr/sp/panelclosebtn.png) right 15px center no-repeat;
    background-size: 10px;
}
.bl_npSuggestContainerSp span.el_npSuggestCrossBtn{
    background: url(../img/usr/sp/panelclosebtn.png) center center no-repeat;
    background-size: 10px;
    width: 10px;
    height: 10px;
}
.bl_npSuggestContainerSp span.el_npSuggestCrossBtn::before,
.bl_npSuggestContainerSp span.el_npSuggestCrossBtn::after{
    display: none;
}
.bl_npSuggestKeywordList_item{
    clear: both;
    float: left;
    width: 83%;
    height: 47px;
}
.bl_npSuggestContainerSp{
    display: flex;
}
.bl_npSuggestContainerSp div.bl_npSuggestRankingList{
    border: none;
}
.bl_npSuggestContainerSp .bl_npSuggestHistoryList_body{
    padding: 0;
}
.bl_npSuggestContainerSp .bl_npSuggestHistoryList{
    border-top: none;
    border-bottom: 1px solid #d4d9dc;
}
.bl_npSuggestContainerSp .bl_npSuggestContainerSp_searchboxComponent{
    margin: 0;
}
.bl_npSuggestContainerSp .bl_npSuggestHistoryList_header{
    display: none;
}
#header_searchbox.fixed_{
	width: calc(100vw - 100px);
}
#header_searchbox.fixed_ form.search_form_ {
    width: 100%;
}
/*20240227*/


/* SPアプリ・ナビプラスサジェスト位置調整 */
.app_view div.bl_npSuggestContainerSp{
    top:30px !important;
    left:-8px !important;
}

/*キーワード検索 関連キーワード */
#relative_keyword_ {
  background: #fff;
  padding: 24px 17px 0px;
  margin: 0 -20px 0;
}
#relative_keyword_ p {
  font-weight: bold;
  padding: 0 4px;
  margin: 0 0 7px;
}
#relative_keyword_ ul {
  display: flex;
  flex-wrap: wrap;
}
#relative_keyword_ li {
  margin: 0 3px 6px;
}
#relative_keyword_ li a {
  display: inline-block;
  color: #333;
  font-size: 12px;
  background: #F2F2F2;
  border-radius: 15px;
  padding: 6px 11px;
  text-decoration: none;
}

.order-h_ div.order_gift_.content_multiple_ .modal .dest_list_ p.cart_vol{
    margin-bottom: 15px;
  }
  .order-h_ div.order_gift_.content_multiple_ .modal .dest_list_ .max_dest{
    margin-bottom: 20px;
    padding-left: 20px;
    font-size: 15px;
  }

  .order-h_ div.order_gift_.content_multiple_ .modal p.error_.item_num.top{
    text-align: left;
    padding-left:20px;
  }

  .order-h_ div.order_gift_.content_multiple_ ~ p.error_.item_num.item_zero{
    display: none !important;
  }
  
  .order-h_ div.order_gift_.content_multiple_ ~ p.error_.item_num.item_zero.active{
    display: flex !important;
  }
  

  .order_gift_.content_multiple_ .modal .dest_list_ .address_item_wrap{
    max-height: calc(100vh - 500px);
    min-height: 250px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

.order_gift_.content_multiple_.confilm #dest_list_modal .dest_list_ .common_headline2_,
.order_gift_.content_multiple_ #dest_list_modal .common_headline2_{
    padding-top: 10px;
    padding-bottom:10px;
}

.order-h_ div.order_gift_.content_multiple_ .modal #dest_list_modal{
    max-height: calc(100vh - 60px);
    height: auto;
}
.order-h_ div.order_gift_.content_multiple_ .modal #dest_list_modal .dest_list_{
    height: 100%;
}
.order-h_ div.order_gift_.content_multiple_.confilm .modal .dest_list_ p.cart_vol,
.order-h_ div.order_gift_.content_multiple_ .modal .dest_list_ p.cart_vol{
    margin-bottom: 5px;
}
.order-h_ div.order_gift_.content_multiple_.confilm .modal .dest_list_ .max_dest,
.order-h_ div.order_gift_.content_multiple_ .modal .dest_list_ .max_dest{
    margin-bottom: 0;
}

.order-h_ .order_gift_ .modal .dest_list_ .address_item_ .address_title_ label address,
.order-h_ .order_gift_ .modal .dest_list_ .address_item_ .address_title_ label{
    width: 100%;
}

.order-h_ .order_gift_ .modal .dest_list_ .address_item_ .address_title_ .address_change_{
    width: auto;
}

.block-history-detail-item--data .redelivery_button_ {
	border: #222222 1px solid;
	border-radius: 3px;
	background-color: #F3F3F3;
	font-size: 13px;
	text-decoration: none;
	display: inline-flex;
	width: auto;
	align-items: center;
	color: #222222;
	padding: 0px 10px;
	margin: 5px 5px 5px 0px;
}

#ppz_recommend164 ul.goods_p_ li div.desc_ .name_ {
  display: block;
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	min-height: 32px;
}
#ppz_recommend164 ul.goods_r_ li div.desc_ .name_ {
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	min-height: 32px;
	font-size: 12px;
	color: #333;
	line-height: 1.333;
	margin-bottom: 10px;
}
#ppz_recommend164 .goods_p_ li:after {
  display: flex;
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  top: 10px;
  left: 10px;
  align-items: center;
  justify-content: center;
  background: #222222;
  font-size: 14px;
  color: #ffffff;
  z-index: 10;
}
#ppz_recommend164 .goods_p_ li:nth-of-type(1):after {
  content:"1";
  background: #b7a567;
}
#ppz_recommend164 .goods_p_ li:nth-of-type(2):after {
  content:"2";
  background: #bababa;
}
#ppz_recommend164 .goods_p_ li:nth-of-type(3):after {
  content:"3";
  background: #996e37;
}
#ppz_recommend164 .goods_p_ li:nth-of-type(4):after {
  content:"4";
}
#ppz_recommend164 .goods_p_ li:nth-of-type(5):after {
  content:"5";
}
#ppz_recommend164 .goods_p_ li:nth-of-type(6):after {
  content:"6";
}
#ppz_recommend164 .goods_p_ li:nth-of-type(7):after {
  content:"7";
}
#ppz_recommend164 .goods_p_ li:nth-of-type(8):after {
  content:"8";
}
#ppz_recommend164 .goods_p_ li:nth-of-type(9):after {
  content:"9";
}
#ppz_recommend164 .goods_p_ li:nth-of-type(10):after {
  content:"10";
}
#ppz_recommend164 .goods_p_ li:nth-of-type(11):after {
  content:"11";
}
#ppz_recommend164 .goods_p_ li:nth-of-type(12):after {
  content:"12";
}
#ppz_recommend164 .goods_p_ li:nth-of-type(13):after {
  content:"13";
}
#ppz_recommend164 .goods_p_ li:nth-of-type(14):after {
  content:"14";
}
#ppz_recommend164 .goods_p_ li:nth-of-type(15):after {
  content:"15";
}
#ppz_recommend164 .goods_p_ li:nth-of-type(16):after {
  content:"16";
}
#ppz_recommend164 .goods_p_ li:nth-of-type(17):after {
  content:"17";
}
#ppz_recommend164 .goods_p_ li:nth-of-type(18):after {
  content:"18";
}
#ppz_recommend164 .goods_p_ li:nth-of-type(19):after {
  content:"19";
}
#ppz_recommend164 .goods_p_ li:nth-of-type(20):after {
  content:"20";
}
#ppz_recommend164 ul.goods_p_ li .img_ img {
  margin-top: 0 !important;
}
#ppz_recommend164 .goods_vertical ul.goods_p_ li div.desc_ .price_box small {
  font-size: 9px;
  margin: 0 0 0 3px;
}
#ppz_recommend164 .goods_vertical ul.goods_r_ li div.desc_ .price_box small {
  font-size: 9px;
  margin: 0 0 0 3px;
  display: block;
  font-weight: normal;
  color: #666;
}
#ppz_recommend164 .goods_r_ li:after {
  display: flex;
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  top: 10px;
  left: 10px;
  align-items: center;
  justify-content: center;
  background: #222222;
  font-size: 14px;
  color: #ffffff;
  z-index: 10;
}
#ppz_recommend164 .goods_r_ li:nth-of-type(1):after {
  content:"1";
  background: #b7a567;
}
#ppz_recommend164 .goods_r_ li:nth-of-type(2):after {
  content:"2";
  background: #bababa;
}
#ppz_recommend164 .goods_r_ li:nth-of-type(3):after {
  content:"3";
  background: #996e37;
}
#ppz_recommend164 .goods_r_ li:nth-of-type(4):after {
  content:"4";
}
#ppz_recommend164 .goods_r_ li:nth-of-type(5):after {
  content:"5";
}
#ppz_recommend164 .goods_r_ li:nth-of-type(6):after {
  content:"6";
}
#ppz_recommend164 .goods_r_ li:nth-of-type(7):after {
  content:"7";
}
#ppz_recommend164 .goods_r_ li:nth-of-type(8):after {
  content:"8";
}
#ppz_recommend164 .goods_r_ li:nth-of-type(9):after {
  content:"9";
}
#ppz_recommend164 .goods_r_ li:nth-of-type(10):after {
  content:"10";
}
#ppz_recommend164 .goods_r_ li:nth-of-type(11):after {
  content:"11";
}
#ppz_recommend164 .goods_r_ li:nth-of-type(12):after {
  content:"12";
}
#ppz_recommend164 .goods_r_ li:nth-of-type(13):after {
  content:"13";
}
#ppz_recommend164 .goods_r_ li:nth-of-type(14):after {
  content:"14";
}
#ppz_recommend164 .goods_r_ li:nth-of-type(15):after {
  content:"15";
}
#ppz_recommend164 .goods_r_ li:nth-of-type(16):after {
  content:"16";
}
#ppz_recommend164 .goods_r_ li:nth-of-type(17):after {
  content:"17";
}
#ppz_recommend164 .goods_r_ li:nth-of-type(18):after {
  content:"18";
}
#ppz_recommend164 .goods_r_ li:nth-of-type(19):after {
  content:"19";
}
#ppz_recommend164 .goods_r_ li:nth-of-type(20):after {
  content:"20";
}