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

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

/* Googleフォント使用する場合 */
.web-font{
	font-family: 'Inconsolata', monospace !important;
}

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

/* メインカラー */
.keycolor01{
	color:#5e656d !important;
}
.keycolor01back{
	background-color:#5e656d !important;
	color: #ffffff !important;
}
.keycolor01border{
	border-color:#5e656d !important;
}
.keycolor01btn{
	background-color:#5e656d !important;
	color: #ffffff !important;
	border:solid 1px #5e656d !important;
	transition: 0.3s;
}
.keycolor01:hover{
	color:#5e656d !important;
}

.keycolor01before:before{
	color:#5e656d !important;
}

.keycolor01after:after{
	color:#5e656d !important;
}

.keycolor01borderhover:hover{
	border-color:#5e656d !important;
}
.keycolor01btnhover:hover{
	background-color:#ffffff !important;
	color: #5e656d !important;
	border:solid 1px #5e656d !important;
	background-color:transparent !important;
	}
}
.keycolor01btnhover02:hover{
	background-color:#5e656d !important;
	color: #ffffff !important;
	border:solid 1px #5e656d !important;
}
.keycolor01backafter:after{
    background:#5e656d !important;
}
.keycolor01backbefore:before{
    background:#5e656d !important;
}

/* タイトルの三角色 */
.conttitle-heading:before{
	border-right-color:#5e656d !important;
}
.conttitle-heading:after{
	border-left-color:#5e656d !important;
}
/* 新着情報のNEWマーク */
.newslist-date.new:before{
	background-color:#5e656d !important;
	color: #ffffff !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;
	transition: 0.3s;
}
.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;
}
.keycolor02borderafter:after{
    border-color:#000090 !important;
}
.keycolor02borderbefore:before{
    border-color:#000090 !important;
}


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

.keycolor03borderafter:after{
    border-color:#222222 !important;
}
.keycolor03borderbefore:before{
    border-color:#222222 !important;
}
/* 逆バージョン */
.keycolor03btnhover-rev:hover{
	background-color:#222222 !important;
	color: #ffffff !important;
	border:solid 1px #222222 !important;
}


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

/* keycolor03の逆パターン 文字色、枠線あり　白背景のボタン  */
.subcolor02{
	color:#222222 !important;
}
.subcolor02back{
	background-color:#222222 !important;
	color: #ffffff !important;
}
.subcolor02border{
	border:solid 1px #222222 !important;
}
.subcolor02btn{
	background-color:transparent !important;
	color: #222222 !important;
	border:solid 1px #222222 !important;
	transition: 0.3s;
}
.subcolor02hover:hover{
	color:#5e656d !important;
}
.subcolor02borderhover:hover{
	border-color:#222222 !important;
}
.subcolor02btn:hover{
	background-color:#222222 !important;
	color: #ffffff !important;
	border:solid 1px #222222 !important;
}
.subcolor02backafter:after{
    background:#dedede !important;
}
.subcolor02backbefore:before{
    background:#dedede !important;
}

.subBackcolor, .circle-list h2:before, .circle-list li:hover h2:before {
    background-color: #d3d3d3 !important;
    color: #5e656d !important;
}


/* 見出しタイトル文字色 */
.titlecolor01{
/*
color:#5e656d !important;
*/
}
.conttitle-heading02 .titlecolor01{
color:#555555;
}


/* View Morevボタン */

.contpage-linkbtn{
color:#222222 !important;
border-color:#222222 !important;
}
.contpage-linkbtn:hover{
color:#ffffff !important;
background-color:#222222 !important;
border-color:#222222 !important;
}


/* DMチェックボックス */
.radio-inline__input:checked + .radio-inline__label {
	background: #5e656d;
	color: #fff;
	text-shadow: 0 0 1px rgba(0,0,0,.7);
}
.radio-inline__input:checked + .radio-inline__label:before{
	content: "\f14a";
	color:#ffffff;
}


/*------------------------------------- */
/* fixed sidemenu */
/*------------------------------------- */
.fixed-sidemenu-backcolor{
	background-color:#5e656d !important;
}

.fixed-sidemenu-fontcolor{
	color:#dddddd !important;
}
.fixed-sidemenu-menu .keycolor01.web-font{
	color:#ff0000 !important;
}


/*------------------------------------- */
/* slider */
/*------------------------------------- */
.img-mask{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url("./usrimg/dot01.png");
/* 
	background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
	background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
 */
}

.slider-caption-color{
	color:#ffffff !important;
}

.slider-btn-fontcolor{
	color:#ffffff !important;
}

.slider-btn-bordercolor{
	border-color:#ffffff !important;
}

.slider-btn-bordercolor:hover{
	border-color:#5e656d !important;
}

.slider-btn:hover {
	color: #ffffff !important;
}

.slider-btn::before {
	background: #5e656d !important;
}

/*------------------------------------- */
/* fullwidth contents design */
/*------------------------------------- */

/*------------------------------------- */
/* SNSarea design PC*/
/*------------------------------------- */
.fwcontents001{
	position: relative;
	overflow: hidden;
	margin-bottom:17rem;
}

.fwcontents001 .conttitle-heading{
	color:#ffffff !important;
}

.fwcontents001:before ,.fwcontents001:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 120%;
	height: 80%;
	margin: 3rem 0 0 -5rem;
	transform-origin: right center;
	transform: rotate(-5deg);
	z-index: -1;
}

.fwcontents001:before{
	background-image:url('./usrimg/fwcontents001-back.jpg');
	background-attachment: unset;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-clip: unset;
}

.fwcontents001:after{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url("./usrimg/dot01.png") !important;
}

.fwcontents001 .contents-block{
	min-height:800px;
	padding:0rem 3rem 0rem 3rem;
	margin-top:12rem;
	margin-bottom:12rem;
	text-align: center;
}

/*------------------------------------- */
/* SNSarea design SP*/
/*------------------------------------- */
.fwcontents001sp{
	position: relative;
	overflow: hidden;
}

.fwcontents001sp .conttitle-heading{
	color:#ffffff !important;
}

.fwcontents001sp:before ,.fwcontents001sp:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.fwcontents001sp:before{
	background-image:url('./usrimg/fwcontents001-back.jpg');
	background-attachment: unset;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-clip: unset;
}

.fwcontents001sp:after{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url("./usrimg/dot01.png") !important;
}

.fwcontents001sp .contents-block{
	padding:0rem 2rem 0rem 2rem;
	margin-top:2rem;
	margin-bottom:4rem;
	text-align: center;
}
/*------------------------------------- */
/* PREMIUM GALLERY area design PC*/
/*------------------------------------- */
.fwcontents002{
	position: relative;
	overflow:hidden;
}

.fwcontents002-background01{
	position: absolute;
	top:15rem;
	left:0;
	width:40%;
	z-index:-1;
}
.fwcontents002-background02{
	position: absolute;
	top:12.5rem;
	left:3%;
	width:40%;
	z-index:-2;
	background-color:#5e656d;
}

.fwcontents002-background01 img ,.fwcontents002-background02 img{
	width:100%;
}
.fwcontents002-background02 img{
	opacity:0;
}
.fwcontents002-contents{
	float:right;
	width:50%;
	padding:0 0 0 1rem;
}

/*------------------------------------- */
/* PREMIUM GALLERY area design SP*/
/*------------------------------------- */
.fwcontents002sp{
	position: relative;
	overflow:hidden;
	background-color: rgb(94 101 109 / 10%);
}
.fwcontents002sp-contents{
	width:100%;
	padding:0 0 0 1rem;
}


/*------------------------------------- */
/* ENTRY RULES area design PC*/
/*------------------------------------- */

.fwcontents003{
	position: relative;
	overflow: hidden;
}

.fwcontents003 .conttitle-heading{
	color:#ffffff !important;
}

.fwcontents003:before ,.fwcontents003:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 120%;
	height: 80%;
	margin: 3rem 0 0 -5rem;
	transform-origin: left center;
	transform: rotate(5deg);
	z-index: -1;
}

.fwcontents003:before{
	background-image:url('./usrimg/fwcontents003-back.jpg');
	background-attachment: unset;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-clip: unset;
}

.fwcontents003:after{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url("./usrimg/dot01.png") !important;
}

.fwcontents003 .contents-block{
	min-height:800px;
	padding:0rem 3rem 0rem 3rem;
	margin-top:12rem;
	margin-bottom:17rem;
}
.fwcontents003 .conttitle-heading ,.fwcontents003 .conttitle-heading-caption{
	color:#ffffff !important;
}


/* 
.fwcontents003{
	position: relative;

}
.fwcontents003:before ,.fwcontents003:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.fwcontents003:before{
	background-image:url('./usrimg/fwcontents003-back.jpg');
	background-attachment: fixed;
	background-position: 0 0 0 300px;
	background-repeat: no-repeat;
	background-size: cover;
}

.fwcontents003:after{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url("./usrimg/dot01.png") !important;
}

.fwcontents003 .conttitle-heading ,.fwcontents003 .conttitle-heading-caption{
	color:#ffffff !important;
}
 */
/*------------------------------------- */
/* ENTRY RULES area design SP*/
/*------------------------------------- */
.fwcontents003sp{
	position: relative;

}
.fwcontents003sp:before ,.fwcontents003sp:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.fwcontents003sp:before{
	background-image:url('./usrimg/fwcontents003-back.jpg');
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.fwcontents003sp:after{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url("./usrimg/dot01.png") !important;
}

.fwcontents003sp .conttitle-heading ,.fwcontents003sp .conttitle-heading-caption{
	color:#ffffff !important;
}

.fwcontents003sp .conttitle-heading-caption{
	margin-top:0.5rem;
	line-height:1.4rem;
}
.fwcontents003sp .contents-block{
	padding-bottom:4rem;
}

/*------------------------------------- */
/* 下層ページアイキャッチ */
/*------------------------------------- */
.eyecatcharea:before{
	background-image:url('./usrimg/eyecatch0001.jpg');
	background-position:top right;
}

.eyecatcharea-mask{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url("./usrimg/dot01.png") !important;
}

.eyecatcharea-sp:before{
	background-image:url('./usrimg/only-sp/eyecatch0001.jpg');
}

.eyecatcharea-sp-mask{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url("./usrimg/dot01.png") !important;
}

/*------------------------------------- */
/*　POST機能用 */
/*------------------------------------- */
.enqtext{
	border: #cccccc solid 1px;
}
.enqradio:checked + .enqtext{
	background: #5e656d;
	color: #FFF;
	border: #5e656d solid 1px;
}

/*------------------------------------- */
/* css対応 */
/*------------------------------------- */

.fixed-sidemenu-snsarea{
	border-color:#727272;
}
.pure-drawer,.drawer-menu{
	background-color:#5e656d !important;
}
.header-logoimg {
	max-height: 45px;
	padding: 0.1rem 0;
}
.footer-copyright{
	background-color:#5e656d !important;
}
.fwcontents002sp{
	background-color: rgb(94 101 109 / 10%) !important;
}
.fwcontents002{
}
.fwcontents002:before, .fwcontents002:after {
	transform: unset;
	height: 100%;
	content: "";
	display:block;
	position:absolute;
	width:100%;
}
.fwcontents002:before{
	background-image: url(./usrimg/fwcontents002-back.jpg);
	background-attachment: unset;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-clip: unset;
	top:0;
	z-index:-2;
}
.fwcontents002:after{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url(./usrimg/dot01.png) !important;
	top:0;
	z-index:-1;
}
.badge-number.keycolor01back{
	background-color: #000000 !important;
}