@charset "utf-8";

/* 申請画面 */


button,
input,
select,
textarea {
  /* margin: 0;
  padding: 0; */
  /*
  vertical-align: bottom;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  */
  box-sizing:border-box
}
.txt_caution{
  color: #f00;
}
.mod_form_text {
  width: 100%;
  padding: 14px 15px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #c6c6c6;
  border-radius: 2px;
  font-size:15px;
}
.mod_form_text:focus {
  border: 1px solid #0b3080;
  outline: 0;
}
.mod_form_text.validation-error{
  border: 1px solid #f00;
}
.mod_form_textarea {
  width: 100%;
  padding: 14px 15px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #c6c6c6;
  border-radius: 2px;
}
.mod_form_textarea:focus {
  border: 1px solid #0b3080;
  outline: 0;
}
.mod_form_select {
  display: inline-block;
  position: relative;
  background: #fff;
}
.mod_form_select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 8px 45px 8px 20px;
  border: 1px solid #c6c6c6;
  border-radius: 2px;
  background: transparent;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.mod_form_select select::-ms-expand {
  display: none;
}
.mod_form_select:after {
  content: "";
  width: 7px;
  height: 6px;
  display: inline-block;
  background: url("/res/p/common/img/form/mod_form_select.png") no-repeat;
  position: absolute;
  top: 15px;
  right: 20px;
  z-index: 1;
}
.mod_form_checkbox {
  margin: 8px 30px 8px 0;
  display: inline-block;
  cursor: pointer;
}
.mod_form_checkbox input[type="checkbox"] {
  display: none;
}
.mod_form_checkbox input[type="checkbox"]+.mod_form_checkbox_icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.mod_form_checkbox input[type="checkbox"]+.mod_form_checkbox_icon:before {
  content: "";
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
  border: 1px solid #c6c6c6;
  border-radius: 50%;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
}
.mod_form_checkbox input[type="checkbox"]:checked+.mod_form_checkbox_icon:before {
  content: "";
  border: 1px solid #0b3080;
  background: #0b3080 url("/res/p/common/img/form/mod_form_checkbox.png") no-repeat center center;
}
.mod_form_checkbox > .mod_form_checkbox_icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.mod_form_checkbox > .mod_form_checkbox_icon:before {
  content: "";
  width: 28px;
  height: 28px;
  margin: 0 8px 0 0;
  border: 1px solid #c6c6c6;
  border-radius:50%;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
}
.mod_form_checkbox.on > .mod_form_checkbox_icon:before {
  content: "";
  border: 1px solid #0b3080;
  background: #0b3080 url("/res/p/common/img/form/mod_form_checkbox.png") no-repeat center center;
}
.mod_form_checkbox a{
  text-decoration: none;
}
.mod_form_radio {
  margin: 0 30px 0 0;
  display: inline-block;
  cursor: pointer;
}
.mod_form_radio input[type="radio"] {
  display: none;
}
.mod_form_radio input[type="radio"]+.mod_form_radio_icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.mod_form_radio input[type="radio"]+.mod_form_radio_icon:before {
  content: "";
  width: 28px;
  height: 28px;
  margin: 0 8px 0 0;
  border: 1px solid #c6c6c6;
  border-radius: 28px;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
}
.mod_form_radio input[type="radio"]:checked+.mod_form_radio_icon:before {
  content: "";
  border: 1px solid #0b3080;
  background: #0b3080 url("/res/p/common/img/form/mod_form_radio.png") no-repeat center center;
}
.mod_form_radio input[type="radio"]:disabled+.mod_form_radio_icon:after {
  content: "";
  width: 42px;
  height: 2px;
  background: #c6c6c6;
  position: absolute;
  top: 14px;
  left: -6px;
  transform: rotate(-45deg);
}
.mod_btn_prev {
  width: 100%;
  padding: 22px 0;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  line-height: 1;
  background: #fff;
  color: #0b3080;
  border: 1px solid #c6c6c6;
  border-radius: 6px;
  cursor: pointer;
}
a.mod_btn_prev,
a.mod_btn_prev:link,
a.mod_btn_prev:visited,
a.mod_btn_prev:hover,
a.mod_btn_prev:active{
  text-decoration: none;
  color: #0b3080;
}
.mod_btn_prev_s {
  padding: 10px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  line-height: 1;
  background: #fff;
  color: #0b3080;
  border: 1px solid #c6c6c6;
  border-radius: 6px;
  cursor: pointer;
  white-space: nowrap;
}
.mod_btn_next {
  width: 100%;
  padding: 22px 0;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  line-height: 1;
  background: #0b3080;
  color: #fff;
  border: 1px solid #0b3080;
  border-radius: 6px;
  cursor: pointer;
  margin-top:30px;
}
a.mod_btn_next,
a.mod_btn_next:link,
a.mod_btn_next:visited,
a.mod_btn_next:hover,
a.mod_btn_next:active{
  text-decoration: none;
  color: #fff;
}
.mod_btn_next_s {
  padding: 10px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  line-height: 1;
  background: #fff;
  color: #0b3080;
  border: 1px solid #c6c6c6;
  border-radius:6px !important;
  cursor: pointer;
  white-space: nowrap;
}
.mod_txt_next_s {
  font-size: 12px;
  color: #0b3080 !important;
  background: none;
  border: none;
  text-decoration: underline !important;
  cursor: pointer;
  margin-top:8px;
}
.mod_btn_disable {
  width: 100%;
  padding: 22px 0;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  line-height: 1;
  background: #0b3080;
  color: #fff;
  border: 1px solid #0b3080;
  border-radius: 6px;
  cursor: pointer;
  opacity: .5;
}
.mod_link_prev{
  color: #111;
  text-decoration:underline;
  cursor: pointer;
}
.mod_link_prev:link {color:#111; text-decoration:underline;}
.mod_link_prev:visited {color:#111; text-decoration: none;}
.mod_link_prev:hover {color:#666; text-decoration: none;}
.mod_link_prev:active {color:#666; text-decoration: none;}
.mod_link_next{
  color: #111;
  text-decoration:underline;
  cursor: pointer;
}
.mod_link_next:link {color:#111; text-decoration:underline;}
.mod_link_next:visited {color:#111; text-decoration: none;}
.mod_link_next:hover {color:#666; text-decoration: none;}
.mod_link_next:active {color:#666; text-decoration: none;}




.mod_link_kakunin{
  color: #111;
  text-decoration:underline;
  cursor: pointer;
  margin:0 0 0 160px;
}
.mod_link_kakunin:link {color:#111; text-decoration:underline;}
.mod_link_kakunin:visited {color:#111; text-decoration: none;}
.mod_link_kakunin:hover {color:#666; text-decoration: none;}
.mod_link_kakunin:active {color:#666; text-decoration: none;}








.mod_btn_return {
	margin:30px 0 50px 0;
	width: 100%;
	padding: 22px 0;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	line-height: 1;
	background: #3B9753;
	color: #fff;
	border: 0px solid #333;
	border-radius: 6px;
	cursor: pointer;
	margin-top:30px;
	text-decoration:none;

}


.mod_btn_return:hover {
  color: #000;
  background-color: #add6b8;
}












.input_error li{
  margin: 7px 0 0 0;
  padding: 0 0 7px 0;
  color: #f00;
}
.reqd_form{
  color: #f00;
}
/*ページャー*/
.mod_pager {
  margin: 0 0 20px 0;
  display: inline-block;
  vertical-align: bottom;
  float: right;
  *zoom: 1;
}
.mod_pager:after {
  content: "";
  display: table;
  clear: both;
}
.mod_pager > ul {
  float: right;
}
.mod_pager > ul > li {
  float: left;
  margin-left: 1px;
  padding-top: 1px;
  box-sizing: content-box;
}
.mod_pager > ul > li:first-child {
  margin-left: 0;
}
.mod_pager > ul > li > a {
  font-size: 14px;
  padding: 6px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  display: block;
  text-align: center;
}
.mod_pager > ul > li > a.on,
.mod_pager > ul > li > a:hover {
  background-color: #e0e0e0;
  text-decoration: none;
}
.mod_pager .mod_pager_prev,
.mod_pager .mod_pager_next {
  padding: 0;
}
.mod_pager .mod_pager_prev a,
.mod_pager .mod_pager_next a {
  display: block;
  overflow: hidden;
  padding: 30px 20px 0 9px;
  border: 1px solid #dedede;
  height: 0;
  background-repeat: no-repeat;
  background-position: center center;
}
.mod_pager .mod_pager_prev a {
  background-image: url(/res/p/search/img/arrow-left.png);
}
.mod_pager .mod_pager_next a {
  background-image: url(/res/p/search/img/arrow-right.png);
}
.mod_pager .mod_pager .mod_pager_ellipsis p {
  font-size: 14px;
  padding: 6px;
  padding-left: 0;
  width: 18px;
  height: 18px;
  line-height: 18px;
  display: block;
  text-align: center;
}
/*メンバー枠*/
.wrap_member{
  margin: 0 auto 0px auto;
  text-align: left;
  color: #111;
  line-height:1.5em;
  font-size:14px;
}
.wrap_member:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
* html .wrap_member{
  height: 1%;
}
.wrap_member{
  display:block;
}
.wrap_member .col_sub{
  width: 285px;
  margin: 0 0 0px 0;
  float: left;
}
.wrap_member .col_main{
  width: 860px;
  margin: 0 0 0px 0;
  float: right;
}
.wrap_member .col_main:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
* html .wrap_member .col_main{
  height: 1%;
}
.wrap_member .col_main{
  display:block;
}
.wrap_member .wrap_ttl{
  margin:30px auto 45px;
  font-size: 0;
  color: #000;
  border-bottom:1px solid #ddd;
}
.wrap_caution{
  margin: 0 0 50px 0;
  text-align: center;
  color: #f00;
}
.wrap_caution p{
  margin: 0 0 20px 0;
}

/*
.wrap_member .wrap_ttl h1 {
  margin: 0;
  padding: 0;
  display: inline-block;
  font-size: 26px;
  line-height: 1;
}*/


.wrap_member .wrap_ttl h1 { display:inline-block; font-size:32px; line-height:1; padding-bottom:14px; border-bottom:1px #0b3080 solid; margin-bottom:-1px }





.wrap_member .wrap_ttl em {
  margin: 0 0 0 30px;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
}
.wrap_member .wrap_line{
  margin: 0 0 45px 0; display:none;
}
.wrap_member .wrap_line .line01{
  width: 180px;
  height: 2px;
  border-top: 1px #0b3080 solid;
  float: left;
}
.wrap_member .wrap_line .line02{
  width: 1010px;
  height: 2px;
  border-top: 1px #ddd solid;
  float: left;
}
.wrap_member h2.cnts_ttl{
  font-size: 20px;
  margin: 0 0 15px 0;
  /*padding: 0 0 18px 0;
  border-bottom: 1px solid #c6c6c6;*/
}
.wrap_error ul li{
  font-size: 16px;
  margin: 0 0 10px 0;
}
.wrap_error ul li:last-child{
  margin: 0 0 30px 0;
}
.wrap_error ul li a{
  text-decoration: underline;
}
.wrap_error ul li span{
  color: #f00;
}
.wrap_member .sub_ttl{
  margin:50px 0 20px 0;
  font-size: 16px;
  font-weight:bold;
}
.wrap_member .txt_desc{
  margin: 0 0 5px 0;
  font-size: 14px;
  line-height: 1.8;
}
.wrap_member .txt_desc:last-of-type{
  margin: 0 0 30px 0;
}
.wrap_member .txt_info{
  margin: 0 0 30px 0;
  padding: 20px;
  border: 1px solid #c6c6c6;
  background:#f3f3f3;
}
.wrap_member .txt_info p{
  margin: 0 0 20px 0;
}
.wrap_member .txt_info p:last-of-type{
  margin: 0;
}
.cnts_form{
  width: 100%;
  margin: 0 0 50px 0;
  display: table;
  border-collapse: collapse;
}
.wrap_form{
  display: table-row;
}
.wrap_form .label_form{
  width: 30%;
  padding: 15px 30px ;
  display: table-cell;
  vertical-align: middle;
  background: #eee;
  border: 1px solid #c6c6c6;
}
.wrap_form .main_form{
  width: 70%;
  padding: 15px 20px 15px 30px;
  display: table-cell;
  vertical-align: middle;
  border: 1px solid #c6c6c6;
}
.wrap_form .main_form .form_list{
}
.wrap_form .main_form .form_list tr td:first-of-type{
  width: 100%;
}
.wrap_form .main_form .form_list tr td:last-of-type{
  text-align: right;
}
.wrap_form .main_form .form_list tr td:last-of-type p{
  margin:0;
}
.wrap_form .main_form .form_list tr td:last-of-type p:last-of-type{
  margin: 0;
}
.wrap_form .main_form .select_form{
  margin: 0;
}
.wrap_form .main_form .select_form p{
  margin: 0 30px 0 0;
}
.wrap_form .main_form .select_form p:last-of-type{
  margin: 0;
}
.wrap_form .main_form .link_zip{
  margin: 10px 0 0 0;
}
.wrap_form .main_form .text_form{
  width: 70%;
  display: inline-block;
}
.wrap_form .main_form .text_label,
.wrap_form .main_form .img_label{
  display: inline-block;
  padding: 0 10px 0 0;
}
.wrap_form .main_form .img_label img{
  cursor: pointer;
}
.wrap_form .main_form .img_label+.text_form{
  vertical-align: top;
}
.wrap_form .main_form .img_label+.text_form+p{
  margin: 15px 0 0 0;
}
.wrap_form .main_form .text_label+.text_form,
.wrap_form .main_form .text_label+.img_form{
  width: 35%;
  display: inline-block;
}
.wrap_form .main_form .text_label+.text_form+.text_label{
  padding: 0 10px;
}
.wrap_form .caution_statement{
  margin: 15px 0 0 0;
}
.wrap_btn{
  margin: 0 0 30px 0;
  text-align: center;
  clear: both;
}
.wrap_btn form{
  display: inline;
}
.wrap_btn p{
  width: 300px;
  margin: 0 15px;
  display: inline-block;
  vertical-align: top;
}
.data_wrap{
  margin:20px 0 30px 0;
  overflow: hidden;
}
.data_wrap .submit-btn_wrap{
  margin: 0 0 20px 0;
}
.data_wrap .shipping_data{
  margin: 0 0 10px 0;
}
.data_wrap .shipping_data p{
  margin: 0 0 10px 0;
  font-size: 14px;
}
.data_wrap .shipping_data p:first-child {
  color:#f00;
  font-weight:bold;
}
.data_wrap .tax_data{
  width: 300px;
  float: right;
  margin: 0 0 10px 0;
}
.data_wrap .tax_data .tax_list,
.data_wrap .tax_data .total-tax_list{
  width: 100%;
  border-collapse: inherit;
}
.data_wrap .tax_data .tax_list{
  padding: 0 0 5px 0;
}
.data_wrap .tax_data .total-tax_list{
  padding: 5px 0 0 0;
  border-top: 1px solid #c6c6c6;
}

.data_wrap .tax_data .tax_list tr td,
.data_wrap .tax_data .total-tax_list tr td{
  font-size: 14px;
  vertical-align:top;
  padding:4px 0;
}

.data_wrap .tax_data .tax_list tr td:first-of-type,
.data_wrap .tax_data .total-tax_list tr td:first-of-type{
  text-align: left;
  white-space: nowrap;
  padding-right:7px;
}
.data_wrap .tax_data .tax_list tr td:last-of-type,
.data_wrap .tax_data .total-tax_list tr td:last-of-type{
  text-align: right;
}

.data_wrap .tax_data .total-tax_list tr:last-child td:last-child { color:#ff0000; }


/*コンプリートページ共通*/
.cnts_complete{
  padding: 90px 0;
  text-align: center;
}
.cnts_complete p{
  font-size: 15px;
  margin: 0 0 30px 0;
  line-height: 1.8;
}
.cnts_complete .txt_complete{
  font-size: 24px;
}
.cnts_complete .list_complete{
  font-size: 15px;
  margin: 0 0 30px 0;
  text-align: left;
  line-height: 2;
}
/*ログイン /html/BASE/PC/_APP/member/auth/_auth-WOS.html*/
.auth_form{
  width:960px;
  margin: 0 auto 20px auto;
 text-align: center;
}
.reauth_form{

}
.auth_form_l{
  width: 460px;
  float: left;
}
.auth_form_r{
  width: 460px;
  float: right;
}

.auth_top .auth_form_l {
	background-color:#9BCBFB;
}

.auth_top .auth_form_r {
	background-color:#9BCBFB;
}

.auth_form_c{
  width: 480px;
  margin: 0 auto;
}
.auth_top,
.auth_btm{
  clear: both;
}
.auth_form_l h3,
.auth_form_r h3,
.auth_form_c h3{
  width: 100%;
  text-align: center;
  padding: 45px 0 20px;
  font-size: 22px;
  background: #fff;
  font-weight: bold;
}
.auth_top .auth_form_l .auth_txt_l,
.auth_top .auth_form_c .auth_txt_c{
  padding: 45px 50px 35px;
  text-align: left;
  font-size: 14px;
  line-height: 1em;
}
.auth_top .auth_form_l .auth_txt_l .txt_mail{
  padding: 0 0 7px 0;
}
.auth_top .auth_form_c .auth_txt_c .txt_nickname{
  padding: 0 0 7px 0;
}
.auth_top .auth_form_l .auth_txt_l .txt_password,
.auth_top .auth_form_c .auth_txt_c .txt_password{
  padding: 25px 0 7px 0;
}
.auth_top .auth_form_r .auth_txt_r{
  padding: 70px 70px 8px;
  font-size: 16px;
  line-height: 2em;
  text-align: left;
}
.auth_btm .auth_form_l,
.auth_btm .auth_form_c{
  padding: 0 0 45px 0;
  font-size: 14px;
  line-height: 1em;
}
.auth_btm .auth_form_l p,
.auth_btm .auth_form_c p{
  margin: 0 0 10px 0;
  text-align: center;
}
.auth_btm .auth_form_l p:last-of-type,
.auth_btm .auth_form_c p:last-of-type{
  margin: 0;
}
.auth_btm .auth_form_l .auth_btn,
.auth_btm .auth_form_c .auth_btn{
  margin: 0 auto 30px;
}
.auth_ex{
  width: 960px;
  margin: 40px auto;
  text-align: center;
  clear: both;
  line-height: 1.7em;
}
.auth_ex h4{
  width: 100%;
  text-align: center;
  padding: 17px 0 25px;
  font-size: 18px;
  background: #fff;
  font-weight: bold;
}
.auth_ex .ex_cnt{
  width: 330px;
  float: left;
  padding: 0px 20px;
}
.auth_ex .ex_ttl{
  font-size: 16px;
  display: block;
  padding: 13px 0 14px;
}
.auth_ex a.bt_ex{
  font-weight: bold;
  text-align: center;
  background: #fff;
  display: block;
  padding: 8px 0;
  border-radius: 30px;
  border: 2px solid #444;
  font-size: 12px;
  width: 200px;
  margin: 20px auto 0;
}
.auth_ex a.bt_ex:link {color:#000; text-decoration: none;}
.auth_ex a.bt_ex:visited {color:#000; text-decoration: none;}
.auth_ex a.bt_ex:hover {color:#666; text-decoration: none;}
.auth_ex a.bt_ex:active {color:#666; text-decoration: none;}
.auth_ex a.bt_ex span {
  line-height:1em;
  margin:0 auto;
  width:85%;
  background:url(/res/p/member/img/auth_arrow.png) right 2px no-repeat;
  background-size:15px 15px !important;
  display:block;
  padding:5px 0;
  line-height:100%;
}
.ex_cnt .app_bt a img.ios,
.ex_cnt .app_bt a img.android{
  width: auto !important;
  height: 43px !important;
}
.auth_btn{
  width: 260px;
  margin: 0 auto;
}

.reauth_form { margin-bottom:50px; }









.mod_btn_kensaku {
  width: 100%;
  padding: 22px 0;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  line-height: 1;
  background: #004010;
  color: #fff;
  border: 1px solid #0b3080;
  border-radius: 6px;
  cursor: pointer;
}
a.mod_btn_kensaku,
a.mod_btn_kensaku:link,
a.mod_btn_kensaku:visited,
a.mod_btn_kensaku:hover,
a.mod_btn_kensaku:active{
  text-decoration: none;
  color: #fff;
}



















/*ワールド プレミアムクラブ会員規約 /html/BASE/PC/_APP/member/register/_terms-of-service-WOS.html*/
.cnts_agreement .wrap_agreement{
  height: 250px;
  margin: 0 0 30px 0;
  border: 1px solid #c6c6c6;
  overflow-x: hidden;
  overflow-y: scroll;
}
.terms_wrap .terms_inr{
  padding: 20px;
  background:#f3f3f3;
}
.term_desc{
  margin: 0 0 20px 0;
}
.term_sec{
  margin: 0 0 30px 0;
}
.term_sec .term_ttl{
  margin: 0 0 20px 0;
  font-size: 16px;
}
.term_sec > ul > li{
  margin: 0 0 10px 0;
  line-height: 1.6;
}
.term_sec > ul > li > ol li{
  padding: 0 0 0 1em;
  margin: 5px 0;
  line-height: 1.6;
}
.term_sec > ul > li > ol li p{
  margin: 0 0 5px 0;
}
/*ログインメールアドレス入力 /html/BASE/PC/_APP/member/register/_input-email-WOS.html*/
/*共通のみ*/

/*確認メール送信完了 /html/BASE/PC/_APP/member/register/_send-complete-WOS.html*/
/*共通のみ*/
/*コンプリートページ共通*/

/*基本情報入力 /html/BASE/PC/_APP/member/register/_input-profile-WOS.html*/
/*共通のみ*/

/*入力内容確認 /html/BASE/PC/_APP/member/register/_confirm-WOS.html*/
/*共通のみ*/

/*登録完了 /html/BASE/PC/_APP/member/register/_complete-WOS.html*/
/*共通のみ*/
/*コンプリートページ共通*/

/*パスワード再確認 /html/BASE/PC/_APP/member/auth/_reauth-WOS.html*/
/*下記に追記*/
/*ログイン /html/BASE/PC/_APP/member/auth/_auth-WOS.html*/

/*登録情報の変更 /html/BASE/PC/_APP/member/update/_input-WOS.html*/
/*共通のみ*/

/*登録情報の確認 /html/BASE/PC/_APP/member/update/_confirm-WOS.html*/
/*共通のみ*/

/*登録情報の変更完了 /html/BASE/PC/_APP/member/update/_complete-WOS.html*/
/*共通のみ*/
/*コンプリートページ共通*/

/*パスワードの変更 /html/BASE/PC/_APP/member/password/_input-WOS.html*/
/*共通のみ*/

/*パスワードの変更完了 /html/BASE/PC/_APP/member/password/_complete-WOS.html*/
/*共通のみ*/
/*コンプリートページ共通*/

/*お届け先一覧 /html/BASE/PC/_APP/member/shipping/_shipping-WOS.html*/
.shipping_form .wrap_form .label_form{
  white-space: nowrap;
}
.shipping_form .wrap_form .label_form,
.shipping_form .wrap_form .main_form{
  width: auto;
}
.shipping_form .wrap_form .main_form{
  padding: 15px 0;
}
.shipping_form .wrap_form .form_list{
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.shipping_form .wrap_form .form_list tr td:nth-of-type(1){
  padding: 0 0 0 30px;
}
.shipping_form .wrap_form .form_list tr td:nth-of-type(1) .shipping-address{
  font-weight: bold;
}
.shipping_form .wrap_form .form_list tr td:nth-of-type(2){
  width: 80px;
  padding: 0 30px 0 0;
  text-align: right;
  border-right: 1px solid #c6c6c6;
}
.shipping_form .wrap_form .form_list tr td:nth-of-type(3){
  width: 230px;
  text-align: center;
  white-space: nowrap;
}
.shipping_form .wrap_form .form_list tr td:nth-of-type(3) p .mod_btn_next_s{
  width: 170px;
  padding: 10px 0;
}
.shipping_form .wrap_form .form_list tr td:nth-of-type(3) p span{
  width: 170px;
  font-weight: bold;
}

/*お届け先追加,お届け先変更 /html/BASE/PC/_APP/member/shipping/_input-WOS.html*/
/*共通のみ*/

/*お届け先削除 /html/BASE/PC/_APP/member/shipping/_delete-WOS.html*/
/*共通のみ*/

/*ご注文履歴 /html/BASE/PC/_APP/member/order-list/_list-WOS.html*/
.cnts_order .order_list{
  margin: 0 0 60px 0;
}
.cnts_order .order_list table,
.cnts_order .order_status table{
  width: 100%;
  border-collapse: collapse;
}
.cnts_order .order_list table tr th{
  border: 1px solid #c6c6c6;
  padding:20px 15px;
  background: #eee;
  text-align: left;
}
.cnts_order .order_list table tr td{
  padding: 20px 10px;
  border-bottom: 1px solid #c6c6c6;
  font-size:12px
}
.cnts_order .order_list table tr td .past-brand span,
.cnts_order .order_list table tr td .past-item span{
  display: block;
}

.cnts_order .order_status table tr td{
  border: 1px solid #c6c6c6;
  padding: 20px;
  background: #fff;
}
.cnts_order .order_status table tr td:nth-child(odd){
  background: #eee;
}

.cnts_order .order_list table tr td a:link {color: #003399; text-decoration: underline; }
.cnts_order .order_list table tr td a:visited {color: #003399; text-decoration: underline; }
.cnts_order .order_list table tr td a:hover {color: #0066CC; text-decoration: underline;}
.cnts_order .order_list table tr td a:active {color: #0066CC;text-decoration: underline;}



/*ご注文詳細 /html/BASE/PC/_APP/member/order-detail/_detail-WOS.html*/
.cnts_item .item_list,
.cnts_item .item_price,
.cnts_item .item_status{
  margin: 0 0 30px 0;
  text-align:center;
}
.cnts_item .item_wrap .item_list{
  width: 100%;
  border-collapse: collapse;
}
.cnts_item .item_wrap .item_list tr th{
  border: 1px solid #c6c6c6;
  padding: 10px;
  background: #eee;
  text-align: center;
  font-weight: normal;
}
.cnts_item .item_wrap .item_list tr td{
  padding: 20px;
  border-bottom: 1px solid #c6c6c6;
  text-align: center;
}
.cnts_item .item_wrap .item_detail tr td{
  padding: 0;
  border-bottom: none;
}
.cnts_item .item_wrap .item_detail .item_photo{
  width: 125px;
  padding: 0 20px 0 0;
  text-align: left;
}
.cnts_item .item_wrap .item_detail .item_photo img{
  width: 125px;
}
.cnts_item .item_wrap .item_detail .item_txt{
  text-align: left;
}

/*ご注文履歴（過去分） /html/BASE/PC/_APP/member/order-past/_list-WOS.html*/
/*下記を使用/*ご注文履歴 /html/BASE/PC/_APP/member/order-list/_list-WOS.html*/

/*ご注文キャンセル確認 /html/BASE/PC/_APP/member/order-detail/_cancel-confirm-WOS.html*/
.cancel_list .mod_form_radio{
  margin: 0 0 20px 0;
  display: block;
}
.cancel_list .mod_form_radio:last-of-type{
  margin: 0;
}
/*支払い方法変更 /html/BASE/PC/_APP/member/payment/_payment-WOS.html*/
.cnts_payment .payment_wrap{
  margin: 0 0 30px 0;
  padding: 0 0 30px 0;
  border-bottom: 1px solid #c6c6c6;
}
.payment_wrap .payment_label{
  font-size: 16px;
  margin: 0 0 20px 0;
  font-weight:bold;
}
.card_form{
  display: table;
  border-collapse: collapse;
}
.card_form .wrap_form .label_form{
  width: 30%;
  padding: 10px;
  background: none;
  border: none;
}
.card_form .wrap_form .main_form{
  width: 70%;
  padding: 10px;
  display: table-cell;
  border: none;
}
.card_form .wrap_form .main_form .mod_form_text {
  width: 100%;
  padding: 5px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #c6c6c6;
  border-radius: 2px;
}


.card_form .ex_kensaku .wrap_form .main_form .mod_form_text {
  width: 50%;
  padding: 5px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #c6c6c6;
  border-radius: 2px;
}

/*失効予定ポイント一覧 /html/BASE/PC/_APP/member/point-history/_payment-WOS.html*/
/*ポイント利用履歴 /html/BASE/PC/_APP/member/point-history/_history-list-WOS.html*/
.cnts_point .point_list{
  margin: 0 0 60px 0;
}
.cnts_point .point_list table{
  width: 100%;
  border-collapse: collapse;
}
.cnts_point .point_list table tr th{
  border: 1px solid #c6c6c6;
  padding: 20px;
  background: #eee;
}
.cnts_point .point_list table tr > td{
  padding: 20px;
  border: 1px solid #c6c6c6;
}
.cnts_point .point_list table tr > td.add_point{
  background: #ffe8ea;
}
.cnts_point .point_list table tr > td.remove_point{
  background: #e3f0ff;
}

/*ID連携 /html/BASE/PC/_APP/member/external-idp/_list-WOS.html*/
.cnts_idp{
  margin: 0 0 60px 0;
}
.cnts_idp table{
  width: 100%;
  border-collapse: collapse;
}
.cnts_idp table tr th{
  border: 1px solid #c6c6c6;
  padding: 20px;
  background: #eee;
}
.cnts_idp table tr > td{
  padding: 20px;
  border: 1px solid #c6c6c6;
}
.cnts_idp table tr > td .mod_btn_next_s{
  text-decoration: none !important;
  color: #0b3080 !important;
}

/*左カラム*/
#myBarcode { overflow:hidden !important; line-height:2.5em; }

.member--name { line-height:1.5em; padding:15px 20px 5px;
border-radius: 10px 10px 0 0 / 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
 border:1px #bbb solid; }

.member--name img { margin:10px 0; width:100%; }
.member--service li b { margin:40px 0 0px 0; display:block; }

.member--service li a { display:block; padding:22px 0; text-indent:15px; line-height:1em; border-bottom:#ddd solid 1px; background:url(/res/s/common/img/arrows_01.png) 95% center no-repeat; background-size:12px 12px; display:block; }

.member--service li a span{
  display: block;
  font-size: 12px;
  margin: 7px 0 0 0;
}

.member-menu__card { font-size:13px; background:#0b3080; padding:20px; color:#fff; margin:0; border-radius: 0 0 10px 10px / 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px / 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px / 0 0 10px 10px;
 }

.member-menu__card a { color:#fff; background:url(/res/s/common/img/arrows_04.png) 98% center no-repeat; background-size:13px 13px; display:block; }

.member-menu__card a.stage { color:#fff; background:url(/res/p/common/img/icon/ico_stage.png) left center no-repeat; background-size:23px 23px; display:block; padding:2px 0 2px 30px; }

.member-menu__card li.card_line { border-bottom:1px solid #4a66a2; padding-bottom:15px; margin-bottom:15px; }


/*マイページトップ*/
#cate_bnr_journal .journal_bnr{ float:left; width:415px; margin:0; padding-bottom:18px; }
#cate_bnr_journal .journal_bnr:nth-child(odd) { clear:left; margin:0 30px 10px 0; }

#cate_bnr_journal .journal_bnr img { width:100%; height:auto; }
#cate_bnr_journal h2 { font-family: 'Noto Sans', sans-serif; font-size:24px; letter-spacing:0.4px; float:left; padding-top:0px; line-height:100%; padding-bottom:20px }
#cate_bnr_journal h2 em { font-size:11px; margin-left:10px; }

#cate_bnr_journal .clearfix { margin-bottom:35px; }
#cate_bnr_journal .journal_bnr .bnr_day { padding:5px 18px 0px; font-size:11px; font-family: 'Noto Sans', sans-serif; letter-spacing:0.1em; }
#cate_bnr_journal .journal_bnr .bnr_name { padding:6px 18px 6px; font-size:14px; text-decoration: underline; }
#cate_bnr_journal .journal_bnr .campaign_yymmdd { padding:5px 18px 0px; font-size:12px; }


#order-item .yymmdd { font-size:18px; font-weight:bold; padding-bottom:25px }
#order-item .cnts_order { margin-top:10px; }
#order-item .cnts_order .order_list table { margin-bottom:70px }
#order-item .mod_pager { margin:-5px 0 0 0 }



.app_bt { margin-top:20px; }
.app_bt a{
    display:inline-block;
    border:none;
    padding:0;
    width:auto;
    vertical-align:top;
}

.app_bt a:first-child { margin-right:10px }
.app_bt a img.ios { width:100%; height:43px !important; }
.app_bt a img.android { width:100%; height:43px !important; }


/*フォームテキスト*/
.help_btm_caution{
  margin: 50px 0;
  padding: 30px;
  background: #ffe5e5;
  line-height: 1.7;
  font-size: 14px;
}
.help_btm_caution .help_caution_txt{
  color: #f00;
  font-weight: bold;
}
.help_btm_caution p:last-of-type{
  margin: 0 0 20px 0;
}
.help_btm_caution .help_caution_list a{
  text-decoration: underline;
}
.help_btm_caution .help_caution_list a:hover{
  text-decoration: none;
}

/*idp*/
.member__auth__login--mail{
  width: 480px;
  float: left;
  padding: 45px 50px 45px;
  box-sizing: border-box;
  position: relative;
  margin: 86px 0 0 0;
}
.member__auth__login--mail h2{
  width: 100%;
  text-align: center;
  padding: 45px 0 20px;
  font-size: 22px;
  background: #fff;
  font-weight: bold;
  position: absolute;
  top: -86px;
  left: 0;
}
.member__auth__input__pass{
  padding: 0 0 35px 0;
}
.member__auth__form__label--title{
  padding: 0 0 7px 0;
}
.member__auth__input__pass .member__auth__form__label--title{
  padding: 25px 0 7px 0;
}
.member__auth__attention__list--bottom{
  display: none;
}
.member__auth-wrap .member__btn__wrapper{
  width: 260px;
  margin: 0 auto;
}
.member__auth__password--reminder{
  margin: 0 auto 30px;
  text-align: center;
}
.member__auth__regist{
  width: 480px;
  float: right;
  padding: 90px 50px 0px;
  font-size: 16px;
  line-height: 2em;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  margin: 86px 0 0 0;
}
.member__auth__regist h3{
  width: 100%;
  text-align: center;
  padding: 45px 0 20px;
  font-size: 22px;
  background: #fff;
  font-weight: bold;
  position: absolute;
  top: -86px;
  left: 0;
}
.member__auth_favorite-txt{
  display: none;
}
.member__auth__regist .member__btn__wrapper{
  width: 260px;
  margin: 0 auto;
}
.member__auth__text p{
  margin: 0 auto 30px;
}

.wrap_btn span{
  width: 300px;
  margin: 0 15px;
  display: inline-block;
  vertical-align: top;
}
.wrap_btn span .btn--no-auth {
  width: 100%;
  padding: 22px 0;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  line-height: 1;
  background: #fff;
  color: #0b3080;
  border: 1px solid #c6c6c6;
  border-radius: 6px;
  cursor: pointer;
}
.wrap_btn span .btn--agree-auth {
  width: 100%;
  padding: 22px 0;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  line-height: 1;
  background: #0b3080;
  color: #fff;
  border: 1px solid #0b3080;
  border-radius: 6px;
  cursor: pointer;
}
