@charset "utf-8";
/*---?????i?r?p?f?B???O????????p--*/
#leftcolumn {
    padding-top: 0px;
}
/*---?????i?r?p?f?B???O????????p--*/


/* clearfix */
.clearfix:after,.rnClearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix,.rnClearfix{display:block;}
* html .clearfix,* html .rnClearfix{height:1%;}
*:first-child+html .clearfix,*:first-child+html .rnClearfix{display:inline-block;}


/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1;}


/* common style */

.cOrange {
	color: #B26D56;
}
.tBold {
    font-weight: bold;
}
.-mgr0 {
	margin-right: 0!important;
}
.-mgt0 {
	margin-top: 0!important;
}
.read {
    margin: 30px 10px 0;
	font-size: 16px;
	line-height: 2;
    text-align: center;
	color:#333333;
}

/* reset */

body {
	margin: 0;
}
ul {
	margin: 0;
	padding: 0;
}

.pan_area {
	background: #fff;
}
#categories_ {
	margin: 0;
}
header div#pan, .pan_area div#pan{
	margin: 0 auto;
    padding-top: 10px;
    background-position-y: 10px;
}

/* parts */
.fadein {
	opacity: 0;
	transform: translate(0, 30px);
	transition: all 1s;
}

.fadein2 {
	opacity: 0;
	transform: translate(0, 50px);
	transform: scale(1.8, 1.8);
	transition: all 2s;
}

.fadein3 {
	opacity: 0;
	transform: scale(1.4, 1.4);
	transition: all 1s;
}

.fadein.active,
.fadein2.active,
.fadein3.active {
	opacity: 1;
	transform: translate(0, 0);
}

.pcOnly {
	display: block;
}
.spOnly {
	display: none;
}

@media screen and (max-width: 768px) {
	.pcOnly {
		display: none;
	}
	.spOnly {
		display: block;
	}
}

article.lp_contents {
    font-family: futura-pt, sans-serif;
    overflow: hidden;
}


#header {
	padding: 20px 0;
	display: block;
	position: relative;
	z-index: 50;
	max-width: 100%;
	background: #fff;
	height: auto;
}
.mainvisual {
	width: 1260px;
	height: auto;
}
#header .header_img {
	margin: 0 auto;
	width: 1260px;
	height: auto;
}

@media screen and (max-width: 768px) {
    #header .header_img {
        width: 100%;
        height: auto;
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #header .header_img .mainvisual {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 480px) {
	#header {
		background: url("/assets/upload/imgupload/specialpage/feiler23fw/main_sp.jpg") no-repeat center top;
		background-size: 100% auto;
		padding: 0;
        padding-top: 106%;
	}
	#header .header_img {
		display: none;
	}
.item-list {
margin-top:-60px;
}
.special {
margin-top:-60px;
margin-bottom:-60px;
}
.read {
    margin: 30px 10px 30px;
    text-align: left;
}

}

@media screen and (max-width: 320px) {
/*
	#header {
		min-height: 377px;
	}
*/
}



footer {
	position: relative;
	z-index: 50;
}