@charset "utf-8";

/* =============================================================

　　カラー設定

============================================================= */





/* COLOR１:メニューの背景色
-------------------------- */

.luxbar-menu-cl,
.luxbar-menu-cl .dropdown ul {
  background: #4caf50;
}

.luxbar-menu-cl .luxbar-hamburger span,
.luxbar-menu-cl .luxbar-hamburger span::before,
.luxbar-menu-cl .luxbar-hamburger span::after {
  background: #4caf50;
}





/* COLOR２:メニューの下線色
-------------------------- */

.luxbar-menu-cl .active {
  border-bottom: 1px solid #ffeb3b;
  color:#ffeb3b;
}

.luxbar-menu-cl .luxbar-item:hover {
  color:#ffeb3b;
}

@media screen and (min-width: 769px) {
  
	.luxbar-menu-cl .active,
	.luxbar-menu-cl .luxbar-item:hover {
		border-bottom: 4px solid #ffeb3b;
	}
	
	.luxbar-menu-cl .luxbar-item a {
		color:#fff;
	}

}





/* COLOR３:リンク色
-------------------------- */

a,
.link,
.btn-small,
.box-select-tab .btn-tab span,
#login a.default {
	color: #4171ba;
}

.bg-link,
#personal-data input[type="button"],
#personal-data .btn-delete,
.swiper-pagination-bullet-active,
.page-ranking .box-lecture.second .box-lecture-list li dl dt .icn-rank,
.modal-map-content ul li .btn-test,
.btn-square,
#livechat-message .box-post .btn-submit input,
.change,
.thumb li .del-image,
.l-square::before,
.box-sort .btn-search {
	background: #4171ba;
}

.btn-round,
.bg-link.shadow,
.btn,
.btn-square {
	background: #4171ba;
	box-shadow: 0px 3px 7px rgba(0,0,0,0.3);
}

#login .btn-round.default,
#login .btn-round.default:hover {
	color: #fff;
}

.r-list.default::before,
.toggle > li > .b-list::before {
	border-top: 2px solid #4171ba;
	border-right: 2px solid #4171ba;
}

.l-into.default::before{
	border-left: 4px solid #4171ba;
}

.box-tsubuyaki .form-tsubuyaki textarea {
    border: 3px solid #4171ba;
}

.box-select-tab .btn-tab span::before {
	border-top: 10px solid #4171ba;
}

ul.index > li a {
	border-left: 5px solid #4171ba;
}



/* COLOR４:マウスオーバーしたとき
-------------------------- */

a:hover,
.link:hover,
.box-select-tab .btn-tab span:hover,
#login a.default:hover,
.page-category #outline-list .box-outline-list li a:hover {
	color: #225095;
}

.bg-link:hover,
#personal-data input[type="button"]:hover,
.page-ranking .box-lecture.second .box-lecture-list li dl dt .icn-rank:hover,
.modal-map-content ul li .btn-test:hover,
.btn-round:hover,
.btn-square:hover {
	background: #225095;
	color: #fff;
}

#login .btn-round:hover,
#login .btn-round.large:hover,
#login .btn-round.important:hover {
	background: #225095;
	color: #fff;
}

.box-sort .btn-search:hover,
.box-sort .txt-search:focus + .btn-search {
	background: #225095;
}

.important:hover,
.btn.important:hover,
.btn-round.important:hover,
.btn-square.important:hover,
.box-lecture.second .box-lecture-list .btn-delete:hover {
	background: #225095;
}



/* COLOR５:強調色
-------------------------- */

.important,
#lecture-select-scroll li#active-lecture,
.page-test #content .box-total-score.perfect-score p span,
.txt-important,
.txt-y-payment　{
	color: #fe7144;
}

.bg-important,
.btn.important,
.box-lecture.second .box-lecture-list .btn-delete,
.y-payment,
.box-select-tab .btn-tab.on {
	background: #fe7144;
	color:#fff;
}

.box-select-tab .btn-tab.on span {
	color:#fff;
}

.btn-round.important,
.btn-square.important {
	background: #fe7144;
	box-shadow: 0px 3px 7px rgba(0,0,0,0.3);
	color:#fff;
}

.page-tsubuyaki .box-select-tsubuyaki .btn-tab.on {
	border-bottom: 4px solid #fe7144;
	color: #fe7144;
}

.trial-message {
	border: 2px solid #fe7144;
	color: #fe7144;
}

.band.important:hover {
	background: #fff;
	opacity: 1;
	filter: alpha(opacity=100);
	color: #fe7144;
}


/* COLOR６:サイドバーの帯色
-------------------------- */

.band.second,
#login h1 {
	background: #4caf50;
}

/* みんなのムービー */
.comment-count-item {
	border: 2px solid #4caf50;
}

.comment-count-item .ttl {
	background: #4caf50;
}


/* COLOR7:みんなのムービー応援コメント
-------------------------- */

#box-comment-tabs li.cheering-tab-menu {
	background: #bfecff;
}

.cheering-tab {
	background: #bfecff url("/user/images/movie/bg-cheering-comment.png") 50% bottom no-repeat;
}

.cheering-tab .box-comment-input-area {
  background: #bfecff;
}


/* その他:デフォルトカラーの設定
-------------------------- */
.box-tsubuyaki {
	background: #f7f7f7;
}

.btn-small {
    background: linear-gradient(#fff, #f7f7f7);
    border: 1px solid #c9c9c9;
}

.list-tsubuyaki .del-tsubuyaki a {
	background: #fcfcfc;
    border-bottom: 1px solid #dedede;
    border-left: 1px solid #dedede;
}