/*************************************************
 *		cssリセット
 **************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/*************************************************
 *		css基本設定
 **************************************************/
html,body{
	width:100%;
}
html {
	font-size:62.5%;
} 
body {
	font-family:-apple-system,Verdana,'メイリオ',meiryo,'Hiragino Kaku Gothic ProN','游ゴシック Medium','Droid Sans Japanese',sans-serif;
	font-size:12px;
	font-size:1.2rem;
	line-height:1.2;
	color:#666;
}
body{
	-webkit-animation: fadeIn 2s linear 1; /* Safari & Chrome */
	-moz-animation: fadeIn 2s linear 1; /* Firefox */
	-o-animation: fadeIn 2s linear 1;  /* Opera */
	animation: fadeIn 2s linear 1;
}
@-webkit-keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:1; }
}
@-moz-keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:1; }
}
@-o-keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:1; }
}
@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:1; }
}

p{
	margin:0 0 10px 0;
}

ul{list-style:none;margin:0;padding:0;}
hr{border:0;height:20px;margin:0;}

.clearfix:before,
.clearfix:after{
	content:"";
	clear:both;
	display:block;
	height:0;
}
.clearfix {
	min-height: 1%;
	zoom:1;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
body a{
	transition: all, 0.5s, linear;
	-moz-transition: all, 0.5s, linear;
	-o-transition: all, 0.5s, linear;
	-webkit-transition: all, 0.5s, linear;
}

a:link    {color: #666; text-decoration: none;}
a:visited {color: #666; text-decoration: none;}
a:active  {color: #666; text-decoration: none;}
a:hover   {color: #000; text-decoration: none;}

a:hover,
input.c-button:hover,
input.c-button--primary:hover,
input.c-button--danger:hover{
	-moz-animation:btAnimation 1s 0s 1;
	-o-animation:btAnimation 1s 0s 1;
	-ms-animation:btAnimation 1s 0s 1;
	-webkit-animation:btAnimation 1s 0s 1;
	animation:btAnimation 1s 0s 1;
}
@-webkit-keyframes btAnimation {
	0% {opacity:1.0;}
	20% {opacity:0.2;}
	100% {opacity:1.0;}
}
@-moz-keyframes anime1{
	0% {opacity:1.0;}
	20% {opacity:0.2;}
	100% {opacity:1.0;}
}
@-o-keyframes anime1{
	0% {opacity:1.0;}
	20% {opacity:0.2;}
	100% {opacity:1.0;}
}
@-ms-keyframes anime1{
	0% {opacity:1.0;}
	20% {opacity:0.2;}
	100% {opacity:1.0;}
}
@keyframes btAnimation {
	0% {opacity:1.0;}
	20% {opacity:0.2;}
	100% {opacity:1.0;}
}

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

/*フォームボタン*/
input{
	width:100%;
  height:40px;
	padding:0 5px;
	display:block;
	font-family:-apple-system,Verdana,'メイリオ',meiryo,'Hiragino Kaku Gothic ProN','游ゴシック Medium','Droid Sans Japanese',sans-serif;
	border:1px solid #eee;
  	border-radius: 0;		/* CSS3草案 */
	-webkit-border-radius: 0;	/* Safari,Google Chrome用 */
	-moz-border-radius: 0;	/* Firefox用 */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}
input:focus{
	outline: 0;
}
input[type="text"]:focus{
 border:1px solid #000; 
}
textarea{
  border:1px solid #eee;
	outline: 0;
}
textarea:focus{
 border:1px solid #000; 
}
/*セレクト*/
select{
	width:100%;
	height:40px;
	padding:0 10px;
	display:block;
	font-family:-apple-system,Verdana,'メイリオ',meiryo,'Hiragino Kaku Gothic ProN','游ゴシック Medium','Droid Sans Japanese',sans-serif;
	border:1px solid #eee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	text-indent: 0.01px;
	text-overflow: '';
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	border:1px solid #eee;
	color: inherit;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
}
select:focus{
	outline: 0;
	border:1px solid #000;
}
select option{
	background-color: #fff;
}
select::-ms-expand {
  display:none;
}
select:-moz-focusring { 
	color: transparent; 
	text-shadow: 0 0 0 #828c9a;
}
select{
	position:relative;
}
abbr[title], dfn[title]{
	border:none;
}
/*ラジオボタン*/

input[type="radio"]{
    width: 20px;
    height: 20px;
    padding: 0;
 clear:both;
}
input[type="radio"]:hover{
  cursor:pointer;
}

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

.base02{
        width:800px;
        margin:0 auto;
        text-align:left;
  position:relative;
}

.sub {
	width: 700px !important;
	margin: 0px !important;
	padding: 10px 0px !important;
	background:#FFF;
}

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

.table1 {
	border: 1px solid #999999;
	font-size: 11px;
	align:center;
	margin:0px auto;
}

.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 {
	padding: 0px !important;
}

/* ショップタイトル */
.p-shop__header{
    width: 800px!important;
    margin: 30px auto;
  text-align:left!important;
}
 div.title_area img{
  width:180px!important;
  height:45px;
  display:block;
   margin:0 0 30px 0;
}

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

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

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

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

/* ------------------------------------- 
 *	コピーライト、セキュア
 * ------------------------------------- */
.copyright{
	width: 700px;
	text-align:center !important;
	margin:0px auto !important;
}

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

.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
}

/* ------------------------------------- 
 *	エラー表示域の設定
 * ------------------------------------- */
.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;
}
/* ------------------------------------- 
 *	上記以外
 * ------------------------------------- */
.p-page__body-inner{
    color: #666;
    border:none;
  padding:0;
  text-align:center;
}
/* ショップへ戻る */
.c-button__group--sub {
    margin: 0;
    text-align: center;
  position:relative;
}
.c-button__group--sub a,
.c-button__group--sub a:link,
.c-button__group--sub a:active,
.c-button__group--sub a:visited,
.c-button__group--sub a:hover{
    width: 84px;
    margin: 0 0 0 auto;
    padding: 10px;
    display: block;
    color: #666;
    background: #eee;
    font-weight: normal;
    font-size: 12px;
  box-shadow:none;
  border:none;
  	border-radius: 0;		/* CSS3草案 */
	-webkit-border-radius: 0;	/* Safari,Google Chrome用 */
	-moz-border-radius: 0;	/* Firefox用 */
}
/* メルマガ登録/解除タイトル/仮登録 */
.p-page__title{
  margin:30px 0;
	position:relative;
}
.c-line{
    height: 1px;
    background: #000;
    border: none;
    margin: 50px 0;
}
.c-button__group--sub + .p-page__title:after{
content:"登録 / Register";
  width:100%;
  height:100%;
  background:#fff;
  position:absolute;
  top:0;
  left:0;
}
.c-line + .p-page__title:after{
content:"解除 / Deregister";
  width:100%;
  height:100%;
  background:#fff;
  position:absolute;
  top:0;
  left:0;
}
/* エラー表示/メッセージ */
.c-alert {
    border: 1px solid #eee;
    padding: 30px 5px 30px 40px;
    font-weight: bold;
    text-align: left;
    margin: 30px auto 20px auto;
    clear: both;
    line-height: 2.0;
    position: relative;
  color:#666;
  background:#fff;
}
.c-alert div a{
  width:120px;
  margin:0 0 0 auto;
    padding: 10px;
    display: block;
    color: #666;
  line-height:1.0;
    background: #eee;
  font-weight:normal;
  font-size:12px;
}
.c-alert--danger:after{
 content:"error";
  color:#f00;
  position:absolute;
  left:10px;
  top:0;
  font-size:16px;
}
/* 登録 */
.c-form__title{
  width:160px;
vertical-align: middle;
  position:relative;
}
.c-form__title:after{
  content:"email address :";
  width:205px;
  height:55px;
  padding:15px 30px 0 0;
  background:#fff;
  position:absolute;
  top:0;
  left:0;
  font-size:20px;
}
.c-input--text{
  border:1px solid #eee;
  	border-radius: 0;		/* CSS3草案 */
	-webkit-border-radius: 0;	/* Safari,Google Chrome用 */
	-moz-border-radius: 0;	/* Firefox用 */
}
#insert_mmchk_msg + .c-alert{
    line-height:1.3;
}
#insert_mmchk_msg + .c-alert > div:before{
  width:100%;
  margin:30px 0 10px 0;
  display:block;
  content:"Our registration process is comprised of two parts:\A\A
    - Enter your email address and click the Register button below.\A
    Once you have submitted your your email address, \A
    a confirmation email will be sent to the email you used for the registration.\A\A
    - Validate and activate your email account.\A
    Open the confirmation email you have received from us,\A
    Click the link (URL) provided in order to validate your registration.\A
    Registration is then complete.";
white-space: pre ;
}
/* 登録ボタン */
.c-button--primary,
.c-button--primary:hover,
.c-button--danger,
.c-button--danger:hover{
  width: 240px!important;
  height:54px!important;
  margin:0 0 0 auto!important;
    display: block!important;
    text-align: center!important;
    color: #fff!important;
    background: #000!important;
  	border:1px solid #eee!important;
  	border-radius: 0;		/* CSS3草案 */
	-webkit-border-radius: 0;	/* Safari,Google Chrome用 */
	-moz-border-radius: 0;	/* Firefox用 */
}
.c-form__table + .c-button__group{
position:relative;
}
.c-form__table + .c-button__group:after{
  position:absolute;
  bottom:5px;
  right:5px;
  color:#fff;
  font-size:11px;
}
#insert_mmchk_msg + .c-alert + .c-form__table + .c-button__group:after{
  	content:"Register";
}
#delete_mmchk_msg + .c-alert + .c-form__table + .c-button__group:after{
  	content:"Deregister";
}
.c-button,
.c-button:hover{
width: 84px;
    margin: 0 0 0 auto;
    padding: 10px;
    display: block;
    color: #666;
    background: #eee;
    font-weight: normal;
    font-size: 12px;
    box-shadow: none;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
/* 仮登録 */
.p-mailmaga__email{
	color:#000;
  display:inline-block;
  margin:50px 0;
  padding:10px 0;
  border-bottom:1px solid #000;
}
.p-page__body-inner p{
 line-height:1.6;
  margin-bottom:30px;
  text-align:left;
}
.p-page__body-inner p br{
  display:none;
}
.p-page__body-inner p br:nth-child(2){
  display:block;
}