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

/*------------------------------------- */
/* 特別色設定 */
/*------------------------------------- */
/*************固定色****************/
/*白背景用*/
.whiteback{
    background-color: #transparent !important;
    color:#ffffff !important;
}
/*黒背景用*/
.blackback{
	background-color:#333333 !important;
}
/*全体背景…全体の背景色と画像(非表示)*/
.backAllcolor{
	background-color:#0a0909 !important;
/*	background-attachment: fixed !important;*/
/*	background: linear-gradient(#000000,#000000,#000000,#000000,#000000,#000000,#000000) !important;*/
}
.textAllcolor{
    color:#ffffff !important;
}

/*------------------------------------- */
/* テナント別色設定 */
/*------------------------------------- */

/* メインカラー */
.keycolor01{
	color:#cc0001 !important;
}
.keycolor01back{
	background-color:#6f0000!important;
	color: #ffffff !important;
}
.keycolor01border{
	border-color:#6f0000 !important;
}
.keycolor01btn{
	background-color:#cc0001 !important;
	color: #ffffff !important;
	border:solid 1px #cc0001 !important;
}
.keycolor01hover:hover{
	color:#6f0000 !important;
}
.keycolor01borderhover:hover{
	border-color:#cc0001 !important;
}
.keycolor01btnhover:hover{
	background-color:#ffffff !important;
	color: #000000 !important;
	border:solid 1px #cc0001 !important;
}
.keycolor01backafter:after{
    background:#6f0000 !important;
}
.keycolor01backbefore:before{
    background:#6f0000 !important;
}


/* サブカラー */
.keycolor02{
	color:#000090 !important;
}
.keycolor02back{
	background-color:#000090 !important;
	color: #ffffff !important;
}
.keycolor02border{
	border-color:#000090 !important;
}
.keycolor02btn{
	background-color:#000090 !important;
	color: #ffffff !important;
	border:solid 1px #000090 !important;
}
.keycolor02hover:hover{
	color:#000090 !important;
}
.keycolor02borderhover:hover{
	border-color:#000090 !important;
}
.keycolor02btnhover:hover{
	background-color:#000090 !important;
	color: #ffffff !important;
	border:solid 1px #000090 !important;
}
.keycolor02backafter:after{
    background:#000090 !important;
}
.keycolor02backbefore:before{
    background:#000090 !important;
}


/* 差し色 カートの数字の部分 現状ピンク*/
.keycolor03{
	color:#cc0001 !important;
}
.keycolor03back{
	background-color:#cc0001 !important;
	color: #ffffff !important;
}
.keycolor03border{
	border-color:#550055 !important;
}
.keycolor03btn{
	background-color:#000000 !important;
	color: #ffffff !important;
	border:solid 1px #000000 !important;
}
.keycolor03hover:hover{
	color:#550055 !important;
}
.keycolor03borderhover:hover{
	border-color:#550055 !important;
}
.keycolor03btnhover:hover{
	background-color:#550055 !important;
	color: #ffffff !important;
	border:solid 1px #550055 !important;
}
.keycolor03backafter:after{
    background:#550055 !important;
}
.keycolor03backbefore:before{
    background:#550055 !important;
}



/* うすいグレー ヘッダーバックやフッターバック 戻るボタン ヘッダーメニューなど*/
.subcolor01{
	color:#555555 !important;
}
.subcolor01back{
	background-color:#333333 !important;
	color: #ffffff !important;
}
.subcolor01border{
	border-color:#6f0000 !important;
}
.subcolor01btn{
	background-color:#555555 !important;
	color: #ffffff !important;
	border:solid 1px #555555 !important;
}
.subcolor01hover:hover{
	color:#555555 !important;
}
.subcolor01borderhover:hover{
	border-color:#555555 !important;
}
.subcolor01btnhover:hover{
	background-color:#555555 !important;
	color: #ffffff !important;
	border:solid 1px #555555 !important;
}
.subcolor01backafter:after{
    background:#555555 !important;
}
.subcolor01backbefore:before{
    background:#555555 !important;
}
.subcolor01backhover:hover{
    background:#555555 !important;
}

/* 濃いグレー moreやタグ イベントのハートカウント背景  */
.subcolor02{
	color:#cccccc !important;
}
.subcolor02back{
	background-color:#cccccc !important;
	color: #333333 !important;
}
.subcolor02border{
	border-color:#cccccc !important;
}
.subcolor02btn{
	background-color:#cccccc !important;
	color: #333333 !important;
	border:solid 1px #cccccc !important;
}
.subcolor02hover:hover{
	color:#cccccc !important;
}
.subcolor02borderhover:hover{
	border-color:#cccccc !important;
}
.subcolor02btnhover:hover{
	background-color:#cccccc !important;
	color: #333333 !important;
	border:solid 1px #cccccc !important;
}
.subcolor02backafter:after{
    background:#cccccc !important;
}
.subcolor02backbefore:before{
    background:#cccccc !important;
}







.subBackcolor, .circle-list h2:before, .circle-list li:hover h2:before {
    background-color: #555555 !important;
    color: #ffffff !important;
}


/* 見出しタイトル文字色 */
/*
.titlecolor01{
color:#ffffff;
}
*/



/*------------------------------------- */
/* css対応 */
/*------------------------------------- */
html, body, div, h1, p, blockquote, pre, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset {
    color: #ffffff;
}
.pagetitleheading:before{
color:#aa0000;
}

/* topページ　pc */
.sitedesc-right{
color:#333333;
}

.pointcont-title{
color:#333333;
}

.nonecart{
color:#ffffff;
}
.sitedesc-right{
color:#ffffff;
}
.pointcont{
background:#000000 !important;
box-shadow:none;
border:1px solid #ffffff;
}
.pointcont-title{
color:#aa0000 !important;
}

/*　サイドバー関連 */
.contentslink:hover .incart:after,
.contentslink:hover .nonecart:after,
ul.talentsearch li:hover:after{
color:#ffffff !important;
}

/* SP input */
.text-input--material{
color:#ffffff !important;
}
.text-input--material:focus {
    background-image: linear-gradient(#aa0000, #aa0000), linear-gradient(to top, transparent 1px, #afafaf 1px) !important;
    -webkit-animation: material-text-input-animate 0.3s forwards !important;
    animation: material-text-input-animate 0.3s forwards !important;
}

/* 翻訳対策 */
.goog-te-gadget{
color:#ffffff !important;
}
.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active {
color: #ffffff !important;
}



/* イベント表示 写真表示部分 */
.photoevent{
background:#333333 !important;
}
.photoevent:hover{
opacity:0.7;
}
.series-ev-bottom{
background:#555555 !important;
}
.checkbox04-input:checked + .checkbox04-parts{
background: #aa0000;
color: #fff;
border: 1px solid #aa0000;
}
.checkbox04-input:checked + .checkbox04-parts::before {
    border: 1px solid #aa0000;
}
.checkbox04-input:checked + .checkbox04-parts::after {
    left: 1.85rem;
    background: #aa0000;
}
.checkbox04-input:checked + .checkbox04-parts.sp::after {
    left: 1.2rem;
    background: #aa0000;
}
.cartbtn.price-carttext-yoko.subcolor01btn.subcolor01btnhover,.cartbtn.price-carttext.subcolor01btn.subcolor01btnhover{
background:#000000 !important;
border:1px solid #000000 !important;
}
.nowpage{
border: 1px solid #ffffff;
padding: 5px 15px;
color: #ffffff;
display: inline-block;
}

/* SP カート */
.twobox .newinfo{
border:none !important;
}
.tabContent.active.subcolor01back{
background:#000000 !important;
}

/* モーダル */
.pc .modalcont-inner,.sp .modalcont-inner{
color:#000000 !important;
}

/* SP 海外配送先選択プルダウン */
.prf-item-select{
color:#cccccc;
}
/* 配送先選択 */
ul.tab li{
color:#eeeeee !important;
}
/* SP 戻るボタン */
.backbtn.subcolor01btn.subcolor01btnhover{
background-color: #000000 !important;
color: #ffffff !important;
border: solid 1px #000000 !important;
}