@charset "utf-8";
/***********************************
style.css style setting
************************************/
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: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	background: #FFFFFF;
	color: #333333;
	font-family: メイリオ, ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",  sans-serif;
	font-size: 13px;
	//line-height: 1.6;
	line-height: 2;
	-webkit-text-size-adjust: none;
	margin:0;
	}

form {display:inline;}
	
/***********************************
Basic set
************************************/
a:link {
    color: #0075a9;
    text-decoration: none;
}
//user agent stylesheet
a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}

.bold { font-weight:bold; }
.red-price {color:#993333;}
.ttl-gray { font-weight:bold;color:#333; }
.red { color:#f00; }
.blue { color:#00f; }
.bold { font-weight:bold; }
.txt11 { font-size:11px; }
.txt12 { font-size:12px; }
.txt13 { font-size:13px; }
.txt14 { font-size:14px; }
.txt15 { font-size:15px; }
.txt16 { font-size:16px; }
.txt18 { font-size:18px; }
.txt20 { font-size:20px; }
.t-left { text-align:left; }
.t-right { text-align:right; }
.t-center { text-align:center; }
.top5 { margin-top:5px; }
.top10 { margin-top:10px; }
.top20 { margin-top:20px; }
.top30 { margin-top:30px; }
.top40 { margin-top:40px; }
.top50 { margin-top:50px; }
.top60 { margin-top:60px; }
.top70 { margin-top:70px; }
.bot10 { margin-bottom:10px; }
.bot20 { margin-bottom:20px; }
.bot30 { margin-bottom:30px; }
.bot40 { margin-bottom:40px; }
.w100 { width:100%; }
.errmsg { margin:20px 0;color:#f00;font-weight:bold; }

@media (min-width:750px) {
input:hover { cursor:pointer; }
}

text-area { word-break: break-all; }

input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus::-moz-placeholder {
color: transparent;
}
input:focus::-ms-input-placeholder {
color: transparent;
}
input:focus::placeholder {
color: transparent;
}

#wrapper {
width:100%;
margin:0 auto;
min-height:100%;
position:relative;
clear:both;
}

//Warning
#container h1.err-cap {
color:#f00 !important;
font-size:120% !important;
}

/***********************************
Buttons
************************************/
.drawer-brand {
font-size: 1rem !important;
}

.btn-area input.btn-next {
	color: #ffffff;
	padding: 6px 12px;
	font-weight: bold;
	background: -moz-linear-gradient( top, #a3a3a3 0%, #3b3b3b 50%, #242424 50%, #000000);
	background: -webkit-gradient( linear, left top, left bottom, from(#a3a3a3), color-stop(0.50, #3b3b3b), color-stop(0.50, #242424), to(#000000));
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #000000;
}
.btn-area {
	text-align:center;
	margin:15px;
}
.btn-area + form{
	margin-top:10px;
}
.btn-area input.btn-enter {
	color: #ffffff;
	padding: 6px 12px;
	font-weight: bold;
	background: -moz-linear-gradient( top, #a3a3a3 0%, #3b3b3b 50%, #242424 50%, #000000);
	background: -webkit-gradient( linear, left top, left bottom, from(#a3a3a3), color-stop(0.50, #3b3b3b), color-stop(0.50, #242424), to(#000000));
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #000000;
}
.btn-close-text a{
	background: -moz-linear-gradient( top, #ffffff 0%, #ffffff 32%, #e6e6e6);
	background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), color-stop(0.32, #ffffff), to(#e6e6e6));
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #c2c0c2;
	padding: 0 8px;
	color: #333333;
	height: 20px;
	line-height: 20px;
	display:inline-block;
	margin: 5px;
	font-size: 12px;
	text-decoration: none;
}
.btn-back-text {
    text-align: center;
}
.btn-back-text a {
    background: -moz-linear-gradient( top, #ffffff 0%, #ffffff 32%, #e6e6e6);
    background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), color-stop(0.32, #ffffff), to(#e6e6e6));
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #c2c0c2;
    padding: 0 8px;
    color: #333333;
    height: 20px;
    line-height: 20px;
    display: block;
    margin: 5px;
    font-size: 11px;
    width: 30px;
    text-align: center;
}


/*ここから追加────────────────────────────────────────────────────────────────────────────────────────────────────────────────*/

html,body{height:100%;}

[type="button"] { cursor:pointer; }

input {margin:0;}

input[type="radio"],input[type="checkbox"] {
position:relative;
top:2px;
margin-right:2px;
}

input[type="button"],input[type="submit"] {
-webkit-appearance:none;
border-radius:0;
}

.txt-href {
color:#4b98da;
text-decoration:none;
}

.txt-href:hover {
text-decoration:underline;
}

/***********************************
Buttons 追加
************************************/
/* ログインボタン blue*/
input.login-btn {
background: #4b98da;
color: #fff;
width: 200px;
padding: 10px 0;
border-radius: 2px;
border:none;
}
input.login-btn:hover {
background: #6FA8D8;
}

/* 戻る　large grey*/
input.hen-large-grey{
width:100px;
padding: 7px 0;
font-size: 12px;
border-radius: 2px;
border: none;
background: #F3F3F3;
letter-spacing:1.5px;
border:1px solid #aaa;
}

/* 変更・編集ボタンsmall grey*/
input.hen{
padding: 2.5px 6px;
font-size: 12px;
border-radius: 2px;
border:1px solid #aaa;
background: #F3F3F3;
letter-spacing:1.5px;
}
input.hen:hover ,input.hen-large-grey:hover {
background:#fff;
}

/* 変更ボタンlarge blue*/
input.hen-large{
background: #4b98da;
color: #fff;
width: 100px;
padding: 7px 0;
border-radius: 2px;
border:none !important;
}
input.hen-large:hover {
background: #6FA8D8;
}

/* 削除ボタンsmall charcoal grey*/
input.del {
border:1px solid #555;
background:#555;
border-radius:2px;
color:#fff;
}
input.del:hover {
background:#FF6666;
border:1px solid #FF6666;
}

/***********************************
background color
************************************/
.bg_light-grey {
background:#f0f0f0; /* 薄グレー */
}

/***********************************
見出し
************************************/
h2 {
display:table-cell;
font-size:16px;
font-weight:normal;
margin-bottom:10px;
padding-left:10px;
padding-top:4px;
color:#fff;
background:#666;
}

h4 {
color:#fff;
background:#f89174;
text-align:center;
padding:10px 5px;
font-weight:normal;
line-height:1.4;
}

/***********************************
ハンバーガー・ドロップダウン　追加
************************************/
.drawer-hamburger {
padding-top:14px;
padding-bottom:35px;
top:-4px;
}

.drawer--left .drawer-hamburger {
background:rgba(255,255,255,.7);
}

.drawer-hamburger:after {
content:"MENU";
position:absolute;
top:44px;
left:12px;
font-size: 11px;
}

.drawer--left.drawer-open .drawer-hamburger {
padding-top:17px;
}

.drawer--left.drawer-open .drawer-hamburger {
background:rgba(244,244,244,1);
}

.drawer--left.drawer-open .drawer-hamburger:hover {
background:#fefefe;
}

ul.drawer-menu li a.drawer-menu-item:hover {
background:#fefefe url(https://plesk1.eshop-do.com/lib/arrow_right_on.png)no-repeat;
background-size: 8px;
background-position: 96% 50%;
color:#0075a9 !important;
transition:.5s;
}

/***********************************
header
************************************/
.myp-logo {
text-align:right;
padding:0 10px 0 0;
overflow:hidden;
}

.txt-1 {
color:#666;
}

.txt-2 {
color:#f00;
}

.msg-1 {
font-weight:bold;
color:#f00;
font-size:16px;
background:none;
}

/***********************************
LoginPage のみ使用
************************************/
.cont1 {
padding:10px 20px 20px;
margin:20px 0 30px;
border-radius:2px;
}
.bg-gray {
background:#f0f0f0;
}
.bg-org {
background:#f9eccd;
}

.ttl_grey {
font-weight:bold;
border-bottom:1px solid #ddd;
}

.ttl_org {
font-weight:bold;
border-bottom:1px solid #efd599;
}

.bg-grey #box ,.bg-org #box{
width:100%;
max-width:750px;
margin:10px auto 0;
}

.box_content {
max-width:450px;
margin:0 auto;
margin:0 auto;
}

.box_content .content_inner {
width:100%;
max-width:430px;
margin:0 auto;
}

input.txt-large {
width:100%;
max-width:430px;
padding:15px 5px;
border-radius:2px;
border:solid 1px #c8c8c8;
}

.register-bg {
background:#e98913;
color:#fff;
border-radius:1px;
padding:0 5px;
}

/***********************************
入力欄
************************************/
input.txt100 {
width:100%;
border: solid 1px #c8c8c8;
border-radius:2px;
padding: 10px 7px;
}

input.txt30 {
max-width:80px;
width:30%;
border: solid 1px #c8c8c8;
border-radius:2px;
padding: 10px 7px;
}

select.selectM {
width:50%;
height:34px;
padding:2px;
border: solid 1px #c8c8c8;
}

select.selectS {
width:35%;
height:34px;
padding:2px;
border: solid 1px #c8c8c8;
}

/***********************************
共通
************************************/
.cont2 {
margin-top:30px;
}

.inner{
padding:0 10px;
}

/***********************************
topのみ
************************************/
ul.li-topinfo {
padding-left:20px;
}

ul.li-topinfo li + li {
margin-top:5px;
}

.shop-contact {
margin-top:10px;
}

.shop-contact p{
width:100%;
max-width:300px;
margin:0 auto;
}

/***********************************
お客様情報
************************************/
.myinfo_ttl {
display:table;
width:100%;
background:#666;
overflow:hidden;
margin-bottom:15px;
}

.myinfo_ttl .btn-position {
display:table-cell;
vertical-align:middle;
text-align:right;
padding-right:10px;
}

dl.tbl-1 dt{
padding:3px 5px 0;
}

dl.tbl-1 dd {
margin-bottom:10px;
margin-left:0;
}

dl.tbl-2 {
margin-top:20px;
overflow:hidden;
}

dl.tbl-2 dt {
padding:3px 5px 0;
}

.dl-block {
border-bottom:1px solid #cdcdcd;
padding:10px 5px;
}

dl.tbl-2 dd.item-ttl {
padding:3px 0 0 0;
margin:0;
}

.item-total {
background:#f0f0f0;
border-radius:4px;
padding:10px;
font-size:16px;

}

/* お届け先 */
table.todokesaki {
width:100%;
border-collapse:collapse;
font-size:13px;
}

table.todokesaki th {
text-align:left;
background:#f0f0f0;
height:25px;
vertical-align:middle;
padding:3px 5px 1px;
color:#555;
}

table.todokesaki th.no{
width:8%;
text-align:center;
border-right:1px solid #fff;
}

table.todokesaki th.name{
width:92%;
padding-left:10px;
}

table.todokesaki td{
padding:8px 0;
}

table.todokesaki td.no{
width:8%;
text-align:center;
border-right:1px solid #fff;
}

table.todokesaki td.name{
width:76%;
padding-left:10px;
}

table.todokesaki td.btn {
width:8%;
box-sizing: border-box;
padding-left:5px;
padding-right:5px;
}

table.rev-edit {
width:100%;
border-collapse:collapse;
}

table.rev-edit th {
font-weight:normal;
text-align:left;
width:20%;
}

table.rev-edit th,td {
padding:5px 0;
font-size: 13px;
}

table.rev-edit td {
width:80%;
}