@charset "UTF-8";

.my_page_nav {
	padding:0;
	margin:10px 20px;
}

.my_page_nav::after {
	content: '';
	display: block;
	clear: both;
}

.my_page_nav_item {
	float:left;
	list-style-position:inside;
	margin-right:20px;
}

/* 入力フォーム */
.input_form {margin:20px auto;}

.input_label, .input_data {
	margin:0;
	padding:9px;
	border-right:1px solid #ccc;
}

.input_label {
	font-size:14px;
	background-color:#eee;
	vertical-align:middle;
}

.input_data .page_caution {
	margin:5px 0;
	font-size:12px;
}

.hissu::after {
	content:'※';
	color:red;
}

.btn_img {
	border:none;
	background:transparent;
	margin:0;
	padding:0;
	vertical-align:middle;
	cursor:pointer;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.btn_img:focus {outline:0;}

.btn_img:hover {opacity:0.7;}

.btn_box {
	text-align:center;
	margin:20px 0;
}

.btn_box > * {
	display:inline-block;
	margin:0 5px;
	vertical-align:bottom;
}

.input_box2 {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background-color:#eee;
	display:block;
	padding:5px 9px;
	width:calc(90% - 20px);
	margin:0 auto;
}

/* 郵便番号自動ボタン */
.zip_block {
	margin:5px 0;
	display:none; /* js無効時 */
}

[data-input-type=login_mail] {width:90%;}

[data-input-type=login_pass] {width:90%;}

[data-form-type=entry] {width:90%;}

[data-input-type=entry_name] {
	margin:0 5px;
	width:80px;
}

[data-input-type=entry_zip] {
	margin:0 5px;
	width:40px;
}

[data-input-type=entry_tel], [data-input-type=entry_fax] {
	margin:0 5px;
	width:60px;
}

[data-input-type=entry_tel]:first-of-type, [data-input-type=entry_fax]:first-of-type {margin:0 5px 0 0;}

[data-input-type=entry_addr] {
	margin:5px 0;
	width:90%;
}

[data-input-type=entry_mail] {width:90%;}

[data-input-type=entry_pass] {width:90%;}

[data-input-type=entry_ans] {
	margin:5px 0;
	max-width:70%;
	max-width:calc(90% - 3em);
}

[data-form-type=forgot] {width:90%;}

[data-input-type=forgot_mail] {width:90%;}

[data-input-type=forgot_name] {
	margin:0 5px;
	width:80px;
}

.forgot_box {
	width:60%;
	margin:20px auto 0;
	border:1px solid #ccc;
	padding:10px;
}

.forgot_box_pass {
	color:red;
	margin:0;
	padding:0;
}

.forgot_box_ans {
	width:90%;
	margin:5px 0 0 0;
}

[data-form-type=send] {width:90%;}

[data-input-type=send_name] {
	margin:0 5px;
	width:80px;
}

[data-input-type=send_zip] {
	margin:0 5px;
	width:40px;
}

[data-input-type=send_tel], [data-input-type=send_fax] {
	margin:0 5px;
	width:60px;
}

[data-input-type=send_tel]:first-of-type, [data-input-type=send_fax]:first-of-type {margin:0 5px 0 0;}

[data-input-type=send_addr] {
	margin:5px 0;
	width:90%;
}

[data-form-type=mypage] {width:90%;}

[data-input-type=mypage_name] {
	margin:0 5px;
	width:80px;
}

[data-input-type=mypage_zip] {
	margin:0 5px;
	width:40px;
}

[data-input-type=mypage_tel], [data-input-type=mypage_fax] {
	margin:0 5px;
	width:60px;
}

[data-input-type=mypage_tel]:first-of-type, [data-input-type=mypage_fax]:first-of-type {margin:0 5px 0 0;}

[data-input-type=mypage_addr] {
	margin:5px 0;
	width:90%;
}

[data-input-type=mypage_mail] {width:90%;}

[data-input-type=mypage_pass] {width:90%;}

[data-input-type=mypage_ans] {
	margin:5px 0;
	max-width:70%;
	max-width:calc(90% - 3em);
}

[data-form-type=shopping_address] {width:90%;}

[data-form-type=shopping_address].input_form {
	margin-top:0;
	margin-bottom:0;
}

[data-form-type=shopping_address].input_form:first-of-type {margin-top:20px;}

[data-form-type=shopping_address].input_form:last-of-type {margin-bottom:20px;}

[data-input-type=shopping_address_name] {
	margin:0 5px;
	width:80px;
}

[data-input-type=shopping_address_zip] {
	margin:0 5px;
	width:40px;
}

[data-input-type=shopping_address_tel], [data-input-type=shopping_address_fax] {
	margin:0 5px;
	width:60px;
}

[data-input-type=shopping_address_tel]:first-of-type, [data-input-type=shopping_address_fax]:first-of-type {margin:0 5px 0 0;}

[data-input-type=shopping_address_addr] {
	margin:5px 0;
	width:90%;
}

[data-input-type=shopping_address_mail] {width:90%;}

[data-input-type=shopping_address_pass] {width:90%;}

[data-input-type=shopping_address_ans] {
	margin:5px 0;
	max-width:70%;
	max-width:calc(90% - 3em);
}

[data-shipping-other="false"] {
   border-top:1px solid #ccc;
   display:block !important;
}

[data-shipping-other="false"] * {
    display: none !important;
}

[data-shipping-other] + .btn_box > .btn_img {
	margin:10px;
}