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

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

.p-page__body-inner {
 padding:10px 20px; color:#000; border-top:2px solid #221912; border-bottom:2px solid #221912;}
.p-page__title { margin:0 0 20px; color:#000;}
.c-button__group--sub { margin:10px 0px 20px;}
.c-button__group { margin:0 0 20px 0;}
.c-alert { margin:30px 0px; color:#221912; background:#F7F5F1;}
.c-alert--danger { color:#C00; background:#FEEDEB;}

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

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

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

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

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

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

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

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

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

/* マウスオーバー時　ボタンの背景色を指定 */
.c-button--primary:hover {
 border-color: #421C1C;
 background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #704C4C),color-stop(1, #421C1C));
 background-image: -o-linear-gradient(bottom, #704C4C 0%, #421C1C 100%);
 background-image: -moz-linear-gradient(bottom, #704C4C 0%, #421C1C 100%);
 background-image: -webkit-linear-gradient(bottom, #704C4C 0%, #421C1C 100%);
 background-image: -ms-linear-gradient(bottom, #704C4C 0%, #421C1C 100%);
 background-image: linear-gradient(to bottom, #704C4C 0%, #421C1C 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: #900;
 background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #C00),color-stop(1, #900));
 background-image: -o-linear-gradient(bottom, #C00 0%, #900 100%);
 background-image: -moz-linear-gradient(bottom, #C00 0%, #900 100%);
 background-image: -webkit-linear-gradient(bottom, #C00 0%, #900 100%);
 background-image: -ms-linear-gradient(bottom, #C00 0%, #900 100%);
 background-image: linear-gradient(to bottom, #C00 0%, #900 100%);}

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