/* ************************************************ 
 * ------------------------------------------------
 *	マイアカウント CSS
 * ------------------------------------------------
 * ************************************************ */


/* ------------------------------------- 
 *	共通
 * ------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	padding-top: 30px;
	color: #333;
	font-size: 11px;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	line-height: 150%;
	background-color: #FFF;
	margin-left: 20px;
}

/* ------------------------------------- 
 *	リンクの文字/通常時(link,visited,active)
 *	リンクの文字/マウスが当たっている時(hover)
 * ------------------------------------- */
a:link {
	color: #768FBE;
	text-decoration: underline;
}

a:visited {
	color: #768FBE;
	text-decoration: underline;
}

a:active {
	color: #768FBE;
	text-decoration: none;
}

a:hover {
	color: #3B6190;
	background: #F18A6C;
	text-decoration: none;
}

/* ------------------------------------- 
 *	入力項目
 * ------------------------------------- */

input, select, textarea {
	border-right: solid #CCC 1px;
	border-top: solid #CCC 1px;
	border-left: solid #CCC 1px;
	border-bottom: solid #CCC 1px;
}

.base01 {
	width: 600px !important;
	margin: 0px !important;
	padding: 0px !important;
	text-align: left !important;
}

.base02 {
	border-top: 2px solid #768FBE;
	width: 600px !important;
	margin: 0px !important;
	padding: 20px 0px 0px 0px !important;
	text-align: left !important;
}

.sub {
	border-top: 2px solid #768FBE !important;
	width: 600px !important;
	margin: 0px !important;
	padding: 10px 0px !important;
	background:#FFF;
}

/* ------------------------------------- 
 *	テーブルの背景色と文字色
 * ------------------------------------- */

.table1 {
	border: 1px solid #768FBE;
	font-size: 11px;
	align:center;
}

.CELL_1_L {
	background: #EEE;
	border: 1px solid #CCC;
	padding: 4px 2px 4px 10px;
	font-weight: bolder;
	text-align:left;
}

.CELL_1_C {
	background: #EEE;
	border: 1px solid #CCC;
	padding: 4px 2px 4px 2px;
	font-weight: bolder;
	text-align:center;
}

.CELL_1_R {
	background: #EEE;
	border: 1px solid #CCC;
	padding: 4px 10px 4px 2px;
	font-weight: bolder;
	text-align:right;
}

.CELL_2 {
	background:#FFF;
	border: 1px solid #EEE;
	padding: 4px 2px;
}

.prod_total, .all_total {
	font-weight: bolder;
	display: block;
}

.title_area {
	font-size: 22px;
	padding: 0px !important;
	font-weight: bolder;
	line-height:1.0em;
}

.shop_title {

}


/* ------------------------------------- 
 *	ボタン
 * ------------------------------------- */

.submit_btn {
	text-align:center !important;
}

/*決済ページ:カートを空にする&変更*/
.submit_btn_cart01 {
}

/*決済ページ:買い物を続ける&レジへ進む*/
.submit_btn_cart02 {
}


/* ------------------------------------- 
 *	コピーライト、セキュア
 * ------------------------------------- */
.copyright{
	width: 600px;
	text-align:center !important;
	border-bottom: 2px solid #768FBE;
}

.secure_seal {
	float:left;
	text-align:center;
	margin:20px auto !important;
	width:600px;
}

.secure_table {
	margin:20px auto !important;
	text-align:center;
}

/* ------------------------------------- 
 *	注意書き１の文字色
 * ------------------------------------- */
.note {
	font-size: 11px;
	color: #3B6190;
}

/* ------------------------------------- 
 *	注意書き２の文字色
 * ------------------------------------- */
.note2 {
	font-size: 11px;
	color: #3B6190;
}

/* ------------------------------------- 
 *	注意書き３の文字色
 * ------------------------------------- */
#note3 {
	font-size: 11px;
	color: #3B6190;
}

/* ------------------------------------- 
 *	メッセージ表示域の設定
 * ------------------------------------- */
.info {
	border: #3c60c5 1px dotted;
	padding: 10px;
	font-size: 11px;
	margin: 10px auto;
	width: 90%;
	color: #3c60c5;
	background-color: #f8f8ff;
	text-align: left
}

/* ------------------------------------- 
 *	会員ログインページのメッセージ表示域の設定
 * ------------------------------------- */
.members_info {
	border: #3c60c5 1px dotted;
	padding: 10px;
	font-size: 11px;
	margin: 10px auto;
	width: 90%;
	color: #3c60c5;
	background-color: #f8f8ff;
	text-align: left
}

/* ------------------------------------- 
 *	エラー表示域の設定
 * ------------------------------------- */
.errorbox {
	background-color: #00929F;
	border: 2px solid;
	border-color: #007782;
	padding: 4px 2px 4px 5px;
	margin:10px auto;
	text-align: left;
	color:#FFFFFF;
	font-size:11px;
}

/* ------------------------------------- 
 *	手数料の文字色
 * ------------------------------------- */
.sub_charge {
	color: #900990;
	font-weight: bold;
}

/* ------------------------------------- 
 *	使用ポイントの文字色
 * ------------------------------------- */
.point_discon {
	color: 00929F;
	font-weight: bold;
}
/* ************************************************ 
 *	追加設定
 * ************************************************ */
/*normalize.css*/
html { font-family: sans-serif; /* 1 */  -ms-text-size-adjust: 100%; /* 2 */  -webkit-text-size-adjust: 100%; /* 2 */}
body { margin: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {  display: block;}
audio,canvas,progress,video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */}
audio:not([controls]) { display: none; height: 0;}
[hidden],template { display: none;}
a { background: transparent;}
a:active,a:hover { outline: 0;}
abbr[title] { border-bottom: 1px dotted;}
b,strong { font-weight: bold;}
dfn { font-style: italic;}
h1 { font-size: 2em; margin: 0.67em 0;}
mark { background: #ff0; color: #000;}
small { font-size: 80%;}
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}
img { border: 0;}
svg:not(:root) { overflow: hidden;}
figure { margin: 1em 40px;}
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
pre { overflow: auto;}
code,kbd,pre,samp { font-family: monospace, monospace; font-size: 1em;}
button,input,optgroup,select,textarea { color: inherit; /* 1 */  font: inherit; /* 2 */  margin: 0; /* 3 */}
button { overflow: visible;}
button,select { text-transform: none;}
button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */}
button[disabled],html input[disabled] { cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0;}
input { line-height: normal;}
input[type="checkbox"],input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { height: auto;}
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend { border: 0; /* 1 */ padding: 0; /* 2 */}
textarea { overflow: auto;}
optgroup { font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0;}
td,th { padding: 0;}
/*normalize.css*/

html { height:100%; font-size:62.5%; scrollbar-base-color: #fcc800; }
body { 
position:relative;
margin-left:auto;
margin-right:auto;
width:auto;
height:auto; 
color:#666;
background:#FFF;
/*font-family:'Helvetica neue', Helvetica, "游ゴシック", YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;*/
font-family: 'Rokkitt',"Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
font-weight:200;
letter-spacing: 1px;
-webkit-text-size-adjust: 100%;
-webkit-transition:all .5s;
transition:all .5s;
overflow-x:hidden;
overflow-y:auto;
padding:0;
}
div.base01.p-page__container { width:100% !important; max-width:1200px !important; height:auto !important; margin:0 auto !important; }
.base02.p-page__container.p-page__body { width:100% !important; max-width:840px !important; height:auto !important; margin:0 auto !important; }