@charset "utf-8";
/* CSS Document */

/* SALE用CSS index適用の「style.css」と競合しないよう注意*/

.body-sale {
	background-image: url("imgs/bg2.png");
}
.body-sale a {
	text-decoration: none;
	color: #FFF;
}
.head-sale {
	text-align: center;
	background-image: url("imgs/bg.png");
	background-repeat: repeat-x;
}
.headerimg {
	max-width: 100%;  /* 横幅に合わせて自動縮小するが、拡大はしない */
}

.body-sale > .container {
	background-color: #FFF;
	border: none;
	margin: 80px auto;
	padding: 60px 30px 0 40px;
}
.body-sale > .row {
	width: 100%;
	margin: 80px auto 0;
}
.saletitle1 {
	letter-spacing: 1px;
  color: #792B00;
  text-align: center;
  padding: 10px;
}
.saletitle2 {
	color: #534741;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #837165;
}
.saletext{
	text-align: center;
}
.card {
	margin: 30px 0;
}
.card-title2 {
	font-size: 180%;
}

.bg-fst {
}
.bg-scd {
	background-color: #EDE7D3;
}

.card {
	border: none;
}
.card-header {
	text-align: center;
	line-height: 28px;
	font-weight: bold;
	font-size: 90%;
	margin: 0;
	padding: 5px 0 3px 0;
	width: 100%;
	background-color: #792B00;
	color: #FFF;
}
.card-header span {
	font-size: 150%;
	margin: 0 3px 0 8px;
	color: #e50615;
}
.card-text {
	text-align: left;
}
.card-caution {
	text-align: left;
	color :#792B00;
	border:  dashed 2px #792B00;
	padding: 10px;
}
.card-caution span {
	font-weight: bolder;
	font-size: 120%;
}
.card-catch {
	color: #534741;
	font-weight: bolder;
}
.card-item {
	padding: 10px 0;
	font-size: 80%;
}
.card-img-top {
	border: solid 2px #EDE7D3;
}
/*------------------------------------
- COLOR red
------------------------------------*/

/* 通常のボタン色 */
.btn-ygreen,
.btn-ygreen.disabled, .btn-ygreen:disabled {
  color: #fff;
  background-color: #792B00;
  border-color: #792B00;
}

/* focusされた時の枠線の色 */
.btn-ygreen:focus, .btn-ygreen.focus,
.btn-ygreen:not(:disabled):not(.disabled):active:focus, .btn-ygreen:not(:disabled):not(.disabled).active:focus,
.show > .btn-ygreen.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(123, 169, 24, 1);
}

/* hover時（マウスカーソルを重ねた時）の色（通常より濃いor暗めの色を指定） */
.btn-ygreen:hover {
  color: #fff;
  background-color: #6ebf49;
  border-color: #6ebf49;
}

/* active時の色（hover時と同等かさらに濃いor暗めの色を指定） */
.btn-ygreen:not(:disabled):not(.disabled):active, .btn-ygreen:not(:disabled):not(.disabled).active,
.show > .btn-ygreen.dropdown-toggle {
  color: #fff;
  background-color: #FFA92F;
  border-color: #FFA92F;
}


.btn-outline-danger {
    color: #ed1c24;
    background-color: transparent;
    border-color: #ed1c24;
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #ed1c24;
    border-color: #ed1c24;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(237, 28, 36, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #ed1c24;
    background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #ed1c24;
    border-color: #ed1c24;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(237, 28, 36, 0.5);
}