@charset "utf-8";

* html,* html body {background-image:url(about:blank);background-attachment:fixed;}

a.m {font-size:0px;}

.trail_wrap {width:100%;min-width:960px;padding-bottom:124px;}
.trail_main {width:960px;text-align:center;margin:0px auto;font-family:メイリオ,Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial;}
.trail_kanban {overflow:hidden;}
.trail_menu {margin-top:100px;text-align:center;}
.trail_menu a {display:inline-block;text-align:center;font-size:20px;color:#000;text-decoration:none;line-height:1.2em;_display:inline;vertical-align:top;position:relative;}
.trail_wrap.f .trail_menu a {font-size:12px;}
.trail_wrap.t .trail_menu a {font-size:12px;}
.trail_menu.g a {font-size:18px; line-height:30px; width:180px; position:relative; padding-bottom:35px;}
.trail_menu a img{padding-bottom:12px;}
.trail_menu.g a img {height:184px;}
.trail_menu.g a p {position:absolute;top:160px;left:43px;width:113px;height:25px;color:#fff;font-size:12px;line-height:25px;text-align:center;}
.trail_menu.g a p.men {background:#063d76;}
.trail_menu.g a p.women {background:#670133;}
.trail_title {border-bottom:1px solid #000;width:960px;margin:0px auto;padding-top:80px;}
.trail_title.noborder {border:none;}
.trail_item {width:100%;min-width:960px;margin-top:20px;padding-bottom:40px;background:url(../img/kalenji_trail_bg.png) repeat-x center bottom;}
.trail_item_sp {width:100%;min-width:960px;margin-top:20px;padding-bottom:40px;background:url(../img/kalenji_trail_bg_sp.png) repeat-x center bottom;}
.trail_itemlong {width:100%;min-width:960px;margin-top:20px;background:url(../img/kalenji_trail_bg.png) repeat-x center bottom;}
.trail_itemlong_sp {width:100%;min-width:960px;margin-top:20px;background:url(../img/kalenji_trail_bg_sp.png) repeat-x center bottom;}
.trail_wrap.f .trail_item {background:url(../img/kalenji_fishing_bg.png) repeat-x center bottom;}
.trail_wrap.f .trail_item_sp {background:url(../img/kalenji_fishing_bg_sp.png) repeat-x center bottom;}
.trail_item.cool {background:url(../img/kalenji_set_bg1.png) repeat-x center bottom;}
.trail_item.cool_sp {background:url(../img/kalenji_set_bg1_sp.png) repeat-x center bottom;}
.trail_itemlong.cool {background:url(../img/kalenji_set_bg1.png) repeat-x center bottom;}
.trail_itemlong.cool_sp {background:url(../img/kalenji_set_bg1_sp.png) repeat-x center bottom;}
.trail_item.pop {background:url(../img/kalenji_set_bg2.png) repeat-x center bottom;}
.trail_item.pop_sp {background:url(../img/kalenji_set_bg2_sp.png) repeat-x center bottom;}
.trail_itemlong.pop {background:url(../img/kalenji_set_bg2.png) repeat-x center bottom;}
.trail_itemlong.pop_sp {background:url(../img/kalenji_set_bg2_sp.png) repeat-x center bottom;}
.trail_item.night {background:url(../img/kalenji_set_bg3.png) repeat-x center bottom;}
.trail_item.night_sp {background:url(../img/kalenji_set_bg3_sp.png) repeat-x center bottom;}
.trail_item.gear {background:url(../img/kalenji_set_bg4.png) repeat-x center bottom;}
.trail_item.gear_sp {background:url(../img/kalenji_set_bg4_sp.png) repeat-x center bottom;}
.trail_bg {width:100%;min-width:960px;height:216px;margin-top:24px;background:url(../img/kalenji_set_bg4.png) repeat-x center bottom;}

/* #flickscroll
--------------------------- */
.flickarea {margin-top:1px;position:relative;}

#flicktextbar {position:absolute;top:0px;left:0px;width:960px;cursor:default;}
#flicktextbg {width:960px;height:30px;background:#fff;opacity:0.8;filter:alpha(opacity=80);}
#flicktext {position:absolute;top:0px;left:0px;width:960px;text-align:center;color:#666;font-size:16px;line-height:2em;font-family:メイリオ,Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial;}

#flickscroll {
	margin: 0 auto;
	width: 960px;
	height: 400px;
	text-align: left;
	position: relative;
}
#flickscroll ul {
	top: 0;
	left: 0;
	height: 400px;
	position: absolute;
	overflow: hidden;
	z-index: 10;
}
#flickscroll ul li {
	width: 320px;
	height: 400px;
	float: left;
	display: inline;
	overflow: hidden;
}

.trail_item.set #flickscroll, .trail_item.set #flickscroll ul, .trail_item.set #flickscroll ul li {height:520px;}
.trail_itemlong.set_long #flickscroll, .trail_itemlong.set_long #flickscroll ul, .trail_itemlong.set_long #flickscroll ul li {height:560px;}

#flickscroll #flickmask {
	height: 432px;
	overflow: hidden;
}

.trail_item.set #flickscroll #flickmask {height:552px;}

#flickscroll #moveprev {
	top: 95px;
	left: 18px;
	position: absolute;
	cursor: pointer;
}

#flickscroll #movenext {
	top: 95px;
	right: 18px;
	position: absolute;
	cursor: pointer;
}

#flickscroll .flickbtn {
	width: 276px;
	height: 276px;
	background: url(../img/kalenji_trail_buy.png) no-repeat center center;
	position: absolute;
	top: 150px;
	right: 10px;
	z-index: 11;
}

#flickscroll .flickbuy {
	background:url(about:blank);
	position: absolute;
	top: 150px;
	right: 10px;
	width: 276px;
	height: 276px;
	z-index: 12;
	display: none;
}

#flickscroll .single_buy {
	position: absolute;
	top: 230px;
	left: 400px;
	width: 300px;
	font-size: 18px;
	line-height: 1.5em;
	font-family: メイリオ,Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial;
	z-index: 13;
	display: none;
}

.trail_item.set #flickscroll .flickbtn, .trail_item.set #flickscroll .flickbuy {top:234px;}

.flickinfo {
	position: absolute;
	top: 0px;
	left: 390px;
	width: 550px;
	display: none;
	z-index:12;
}

#flickscroll .flickbuy.active , #flickscroll .single_buy.active , .flickinfo.active {
	display: block;
}

.flickinfo p {
	font-family: メイリオ,Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial;
	line-height: 1em;
	position:relative;

	z-index: 1;
}

.flickinfo .flicktxt {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}

.flickinfo .flicktitle {
	font-size: 30px;
	padding-top: 40px;
	letter-spacing: -1px;
}

.trail_wrap.t .flickinfo .flicktitle {
	color:#a74b07;
	letter-spacing: -1px;
}

.trail_wrap.f .flickinfo .flicktitle {
	color: #1164d5;
	letter-spacing: -1px;
}

.flickinfo .flickname {
	font-size: 12px;
	padding-top: 4px;
	line-height: 28.2px;
	min-height: 34px;
	color:#666666;
}

.trail_wrap.t .flickinfo .flickname {
	font-size: 12px;
	padding-top: 4px;
	min-height: 34px;
	color:#666666;
}

.trail_wrap.f .flickinfo .flickname {
	font-size: 12px;
	padding-top: 4px;
	min-height: 34px;
}

.flickinfo .flickcommont {
	font-size: 20px;
	padding-top: 16px;
	line-height: 1.2em;
	min-height: 72px;
}

.trail_wrap.t .flickinfo .flickcommont {
	padding-top: 12px;
}

.trail_wrap.f .flickinfo .flickcommont {
	padding-top: 12px;
}

.flickinfo .flickprice {
	font-size: 72px;
	/*padding-top: 21px;*/
	letter-spacing: -2px;
	/*padding-bottom:16px;*/

}

.flickinfo .flickprice .pp {
	font-size: 18px;
	line-height: 1em;
}

/* #flickthumb
--------------------------- */
#flickthumb {
	margin: 6px auto 20px;
	width: 960px;
	height: 17px;
	text-align: center;
	display:none;
}
#flickthumb ul {
	width: 960px;
	height: 17px;
	text-align: center;
	zoom: 1;
}
#flickthumb ul li {
	width: 17px;
	height: 17px;
	margin: 0px 3px;
	cursor: pointer;
	zoom: 1;
	display: inline-block;
	*display: inline;
}


/* =======================================
	ClearFixElements
======================================= */
#flickscroll ul:after,
#flickthumb ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#flickscroll ul,
#flickthumb ul {
	display: inline-block;
	overflow: hidden;
}

body.pc {overflow-x:scrcoll;}
body.pc.whole {overflow-x:hidden;}
body.pc.whole .trail_kanban {overflow:visible;}
body.pc.whole #flickscroll #flickmask {overflow: visible;}


.trail_t0{background-color:#333333; width:100%;}
.trail_t0 img{margin:0 auto; width:960px; display:block;}