/* ========================================================
　SSLページ共通
========================================================= */

body { color:#FFF; font-size:100%; line-height:1.8; background-color:#514545;}

a,a:visited,a:focus { color:#514545; text-decoration:underline; outline:none;}
a:hover { color:#514545; text-decoration:none;}

.p-page__wrap {}
.p-page__wrap .p-shop__header { text-align:left;}
.p-shop__logo { margin:0 0 0 60px;}
.p-page__body { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.p-page__body-inner { padding:10px 20px; color:#2F2828; border:none;}
.p-page__title {
 margin:0 0 20px; padding:5px 0; color:#2F2828; border-top:2px solid #2F2828; border-bottom:2px solid #2F2828;}
.p-page__secure { margin:2px auto 0 auto;}
.p-page__copyright,.p-page__copyright a { color:#FFF;}
.c-button__group--sub { margin:10px 0 20px;}
.c-button__group { margin:0 0 20px 0;}
.c-alert {
 margin:30px 0 0 0; color:#2F2828; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#FCF7EE;}
.c-alert--danger {
 color:#BF2D3F; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#FEEDEB;}
.c-line { height:1px; margin:0 0 30px 0; background:#FFF;}

@media only screen and (max-width:720px) {
.view_pc .p-page__container { width:calc(100% - 20px);}
}

/* ========================================================
　テキスト入力エリア
========================================================= */

/* 通常時　入力エリアのボーダー色を指定 */
.c-input--text { border-color:#A8A2A2;}

/* フォーカス時　入力エリアのボーダー色を指定 */
.c-input--text:focus { border-color:#2F2828;}

/* ========================================================
　ボタン
========================================================= */

/* 通常ボタン
----------------------------------------------- */
/* ボタンの文字の色を指定 */
.c-button,.c-button:link,.c-button:active,.c-button:visited { color:#FFF;}
.c-button:hover { color:#FFF;}

/* 通常時　ボタンの背景色を指定 */
.c-button {
 border-color:#900;
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #D54C5E),color-stop(1, #900));
 background-image:-o-linear-gradient(bottom, #D54C5E 0%, #900 100%);
 background-image:-moz-linear-gradient(bottom, #D54C5E 0%, #900 100%);
 background-image:-webkit-linear-gradient(bottom, #D54C5E 0%, #900 100%);
 background-image:-ms-linear-gradient(bottom, #D54C5E 0%, #900 100%);
 background-image:linear-gradient(to bottom, #D54C5E 0%, #900 100%);}

/* マウスオーバー時　ボタンの背景色を指定 */
.c-button:hover {
 border-color:#820000;
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #BF2D3F),color-stop(1, #820000));
 background-image:-o-linear-gradient(bottom, #BF2D3F 0%, #820000 100%);
 background-image:-moz-linear-gradient(bottom, #BF2D3F 0%, #820000 100%);
 background-image:-webkit-linear-gradient(bottom, #BF2D3F 0%, #820000 100%);
 background-image:-ms-linear-gradient(bottom, #BF2D3F 0%, #820000 100%);
 background-image:linear-gradient(to bottom, #BF2D3F 0%, #820000 100%);}

/* 送信ボタン
----------------------------------------------- */
/* ボタンの文字の色を指定 */
.c-button--primary,.c-button--primary:link,
.c-button--primary:active,.c-button--primary:visited { color:#FFF;}
.c-button--primary:hover { color:#FFF;}

/* 通常時　ボタンの背景色を指定 */
.c-button--primary {
 border-color:#900;
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #D54C5E),color-stop(1, #900));
 background-image:-o-linear-gradient(bottom, #D54C5E 0%, #900 100%);
 background-image:-moz-linear-gradient(bottom, #D54C5E 0%, #900 100%);
 background-image:-webkit-linear-gradient(bottom, #D54C5E 0%, #900 100%);
 background-image:-ms-linear-gradient(bottom, #D54C5E 0%, #900 100%);
 background-image:linear-gradient(to bottom, #D54C5E 0%, #900 100%);}

/* マウスオーバー時　ボタンの背景色を指定 */
.c-button--primary:hover {
 border-color:#820000;
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #BF2D3F),color-stop(1, #820000));
 background-image:-o-linear-gradient(bottom, #BF2D3F 0%, #820000 100%);
 background-image:-moz-linear-gradient(bottom, #BF2D3F 0%, #820000 100%);
 background-image:-webkit-linear-gradient(bottom, #BF2D3F 0%, #820000 100%);
 background-image:-ms-linear-gradient(bottom, #BF2D3F 0%, #820000 100%);
 background-image:linear-gradient(to bottom, #BF2D3F 0%, #820000 100%);}

/* 解除・退会ボタン
----------------------------------------------- */
/* ボタンの文字の色を指定 */
.c-button--danger,.c-button--danger:link,
.c-button--danger:hover,.c-button--danger:active,
.c-button--danger:visited { color:#FFF;}

/* 通常時　ボタンの背景色を指定 */
.c-button--danger {
 border-color:#514545;
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #746A6A),color-stop(1, #514545));
 background-image:-o-linear-gradient(bottom, #746A6A 0%, #514545 100%);
 background-image:-moz-linear-gradient(bottom, #746A6A 0%, #514545 100%);
 background-image:-webkit-linear-gradient(bottom, #746A6A 0%, #514545 100%);
 background-image:-ms-linear-gradient(bottom, #746A6A 0%, #514545 100%);
 background-image:linear-gradient(to bottom, #746A6A 0%, #514545 100%);}


/* マウスオーバー時　ボタンの背景色を指定 */
.c-button--danger:hover {
 border-color:#2F2828;
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #514545),color-stop(1, #2F2828));
 background-image:-o-linear-gradient(bottom, #514545 0%, #2F2828 100%);
 background-image:-moz-linear-gradient(bottom, #514545 0%, #2F2828 100%);
 background-image:-webkit-linear-gradient(bottom, #514545 0%, #2F2828 100%);
 background-image:-ms-linear-gradient(bottom, #514545 0%, #2F2828 100%);
 background-image:linear-gradient(to bottom, #514545 0%, #2F2828 100%);}