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

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

.body-sale {
	background-image: url("imgs/bg_body.png");
	background-size:100%;
	margin: 0;
}
.body-sale a {
	text-decoration: none;
	color: #FFF;
}

.body-sale > .container {
	background-image: url("");
	border: none;
	margin: 80px auto;
	padding: 60px 30px 0 40px;
}
.body-sale > .row {
	width: 100%;
	margin: 80px auto 0;
}


.cometitle {
	margin-bottom: 0em
}
.comeinfo {
	font-size: 80%;
	border-bottom: dotted 1px #EFD193;
	margin-bottom: 2em;
}
.comelink {
	background-color: #D9D4C4;
}
.comment {
	font-size: 80%;
}

.media {
	margin: 50px 20px;
}
.media img{
	width: 50px;
}

/*------------------------------------
- COLOR red
------------------------------------*/

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

/* 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(84,158,200,1.00);
}

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

/* 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: #21536F;
  border-color: #21536F;
}


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