@charset "UTF-8";
/*
 * common.css
 *
 *  version --- 1.0
 *  updated --- 2017/11/30
 */


/* !Base Fonts -------------------------------------------------------------- */
a {
	color: #000;
	text-decoration: none;
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}

a:hover {
	text-decoration: underline;
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}

.op img,
.op input {
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;	
}
.op:hover img,
.op:hover input {
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}
.fwN { font-weight: normal;}
.fwB { font-weight: bold;}

/* !Inline Align ------------------------------------------------------------ */
.taL { text-align: left   !important;}
.taC { text-align: center !important;}
.taR { text-align: right  !important;}
.vaT { vertical-align: top    !important;}
.vaM { vertical-align: middle !important;}
.vaB { vertical-align: bottom !important;}
.blockC { margin-right: auto; margin-left: auto; text-align: left;}
* html .blockC { margin-right: 0; margin-left: 0;}
.blockR { margin-left: auto; text-align: left;}
* html .blockR { margin-left: 0;}

/* !Floats ------------------------------------------------------------------ */
.flL    { display: inline; float: left;}
.flR    { display: inline; float: right;}
.flImgL { display: inline; float: left; margin-right: 10px;}
.flImgR { display: inline; float: right; margin-left: 10px;}
.ftBox  { overflow: hidden;}

/* !Tools ------------------------------------------------------------------- */
.clear { clear: both;}
.block { display: block !important;}
.hide  { display: none !important;}
.bgN   { background: none !important;}
.tdU   { text-decoration: underline;}
.tdN   { text-decoration: none;}

/* !JavaScript -------------------------------------------------------------- */
.over { /* ロールオーバー呼び出し用 */ }

.pc {
	display: block;
}
.sp {
	display: none;
}
@media screen and (max-width: 767px) {
.pc {
	display: none;
}
.sp {
	display: block;
}
}

/* !h(n)eading
---------------------------------------------------------- */
.hdL {
	text-align: center;
	font-size: 1.2rem;
	color: #231815;
	letter-spacing: 0.02em;
	font-weight: bold;
	line-height: 1.2;
}
.hdL span{
	font-weight: normal;
	font-size: 3.6rem;
	display: block;
}
.eventArea .hdL em{
	position: relative;
}
.eventArea .hdL em:before{
	position: absolute;
	right: -150px;
	bottom: -25px;
	content: '';
	background: url('../img/top/icon_img01.png')no-repeat right 0;
	width: 80px;
	height: 93px;
}
.onsaleArea .hdL em{
	position: relative;
}
.onsaleArea .hdL em:before{
	position: absolute;
	left: -75px;
	top: -60px;
	content: '';
	background: url('../img/top/icon_img06.png')no-repeat right 0;
	width: 31px;
	height: 26px;
}









.hdM {
	
}

.hdS {
	
}

.hd01 {
	
}


/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 959px) {

}

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
.eventArea .hdL em:before {
    position: absolute;
    right: -70px;
    bottom: 3px;
    background-size: 100% auto;
    width: 40px;
    height: 47px;
}

.onsaleArea .hdL em:before {
    position: absolute;
    left: -40px;
    top: -40px;
    background-size: 100% auto;
    width: 15px;
    height: 15px;
}

}


.bgImg{
    box-sizing: border-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  display: block;
}