@charset "utf-8";

@import url("../../common/css/reset.css");
@import url("../../common/css/layout.css");

/* header
──────────────────────────────────────── */

header #HeaderLINK a.pc:before {
	content:url(../img/icon/pc.gif);
	margin-right:0.25em;
}

/* コンテンツ
──────────────────────────────────────── */

/* flexslider ────────── */

section.flexslider{
	padding:1em 0 0;
	position:relative;
	text-align:center;
}

section.flexslider:after{
	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(top,  #cccccc 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cccccc 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cccccc 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cccccc 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cccccc 0%,#ffffff 100%); /* W3C */
	content:"";
	clear:both;
	display:block;
	height:5px;
}

section.flexslider div.flex-viewport{
	z-index:0;
}

section.flexslider .slides li img,
section.flexslider div.flex-viewport img{
	max-width:100%;
	height:auto;
}

/* 切り替え */

section.flexslider .flex-direction-nav li{
	margin-top:-1.5em;
}

section.flexslider .flex-direction-nav li:first-child {
	background: #c40018; /* Old browsers */
	background: -moz-linear-gradient(left,  #c40018 0%, #ef4123 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c40018), color-stop(100%,#ef4123)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #c40018 0%,#ef4123 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #c40018 0%,#ef4123 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #c40018 0%,#ef4123 100%); /* IE10+ */
	background: linear-gradient(to right,  #c40018 0%,#ef4123 100%); /* W3C */
	-webkit-box-shadow: inset 0px 0px 5px px #000000;
	box-shadow: inset 0px 0px 5px px #000000;
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
	display:block;
	opacity: 0.75;
	position:absolute;
	top:50%; left:0;
}

section.flexslider .flex-direction-nav li:last-child {
	background: #c40018; /* Old browsers */
	background: -moz-linear-gradient(left,  #c40018 0%, #ef4123 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c40018), color-stop(100%,#ef4123)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #c40018 0%,#ef4123 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #c40018 0%,#ef4123 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #c40018 0%,#ef4123 100%); /* IE10+ */
	background: linear-gradient(to right,  #c40018 0%,#ef4123 100%); /* W3C */
	-webkit-box-shadow: inset 0px 0px 5px px #000000;
	box-shadow: inset 0px 0px 5px px #000000;
	-webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
	display:block;
	opacity: 0.75;
	position:absolute;
	top:50%; right:0;
}

section.flexslider .flex-direction-nav li a{
	display:inline-block;
	color:#FFF;
	text-shadow: 1px 1px 0px #000000;
    text-decoration:none;
	padding:0.25em 10px;
}

/* ページング */

section.flexslider .flex-control-paging{
	padding:5px 0;
}

section.flexslider .flex-control-paging li{
	display:inline-block;
}

section.flexslider .flex-control-paging li:not(:last-child){
	margin-right:0.5em;
}

section.flexslider .flex-control-paging li a{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
	-webkit-border-radius: 6px;
    border-radius: 6px;
	border:1px #CCCCCC solid;
	display:inline-block;
	height:10px;
	overflow:hidden;
	text-indent:100%;
	width:10px;
	white-space:nowrap;
}

section.flexslider .flex-control-paging li a.flex-active{
	background: #ef4123; /* Old browsers */
	background: -moz-linear-gradient(top,  #ef4123 0%, #c40018 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef4123), color-stop(100%,#c40018)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ef4123 0%,#c40018 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ef4123 0%,#c40018 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ef4123 0%,#c40018 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ef4123 0%,#c40018 100%); /* W3C */
	border:1px #c40018 solid;
}

/* pagelink ────────── */

#pagelink{
	margin:0 10px 1em;
	font-size:xx-small;
}

#pagelink ul{
	display:table;
	margin-top:1em;
	table-layout:fixed;
	width:100%;
}

#pagelink ul li{
	clear:both;
	color:#FFF;
    display:table-cell;
	text-align:center;
	width:25%;
}

#pagelink ul li.store{
	background: #ef4123; /* Old browsers */
	background: -moz-linear-gradient(top,  #ef4123 0%, #c40018 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef4123), color-stop(100%,#c40018)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ef4123 0%,#c40018 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ef4123 0%,#c40018 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ef4123 0%,#c40018 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ef4123 0%,#c40018 100%); /* W3C */
	-webkit-border-radius: 3px 0px 0px 3px;
	border-radius: 3px 0px 0px 3px;
	border-right:1px solid #930112;
}

#pagelink ul li.store a:before {
	content:url(../img/navi/store.png);
	display:block;
	margin:0 auto 0.25em;
}

#pagelink ul li.storeevent{
	background: #2bb3ac; /* Old browsers */
	background: -moz-linear-gradient(top,  #2bb3ac 0%, #0f8a81 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2bb3ac), color-stop(100%,#0f8a81)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2bb3ac 0%,#0f8a81 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2bb3ac 0%,#0f8a81 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2bb3ac 0%,#0f8a81 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2bb3ac 0%,#0f8a81 100%); /* W3C */
	border-right:1px solid #1a7c77;
	border-left:1px solid #5abdb7;
}

#pagelink ul li.storeevent a:before {
	content:url(../img/navi/storeevent.png);
	display:block;
	margin:0 auto 0.25em;
}

#pagelink ul li.eventsale{
	background: #4496d3; /* Old browsers */
	background: -moz-linear-gradient(top,  #4496d3 0%, #216bba 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4496d3), color-stop(100%,#216bba)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4496d3 0%,#216bba 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4496d3 0%,#216bba 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4496d3 0%,#216bba 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4496d3 0%,#216bba 100%); /* W3C */
	border-right:1px solid #1e568f;
	border-left:1px solid #6facdc;
}

#pagelink ul li.eventsale a:before {
	content:url(../img/navi/eventsale.png);
	display:block;
	margin:0 auto 0.25em;
}

#pagelink ul li.recipe{
	background: #f9c32a; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9c32a 0%, #f39607 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9c32a), color-stop(100%,#f39607)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9c32a 0%,#f39607 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9c32a 0%,#f39607 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9c32a 0%,#f39607 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9c32a 0%,#f39607 100%); /* W3C */
	-webkit-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;
	/*border-right:1px solid #b87d10;*/
	border-left:1px solid #eeb250;
}

#pagelink ul li.recipe a:before {
	content:url(../img/navi/recipe.png);
	display:block;
	margin:0 auto 0.25em;
}

/* 未使用 */

#pagelink ul li.cinema{
	background: #9cbb1c; /* Old browsers */
	background: -moz-linear-gradient(top,  #9cbb1c 0%, #68a20f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9cbb1c), color-stop(100%,#68a20f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9cbb1c 0%,#68a20f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9cbb1c 0%,#68a20f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9cbb1c 0%,#68a20f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #9cbb1c 0%,#68a20f 100%); /* W3C */
	-webkit-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;
	border-left:1px solid #acc652;
}

#pagelink ul li.cinema a:before {
	content:url(../img/navi/cinema.png);
	display:block;
	margin:0 auto 0.25em;
}

#pagelink li a{
	display:block;
	color:#FFF;
	padding:10px;
	text-decoration:none;
	text-shadow: 0px 1px 0px #333333;
}

/* information ────────── */

#information{
	margin-bottom:1em;
}

#information h2{
	background:#c40018;
	color:#FFF;
	font-size:large;
	position:relative;
	padding:0.5em 10px;
	padding-left:45px;
	text-shadow: 1px 1px 0px #970002;
	text-align:left;
}

#information h2:before {
	/* 20150907追加 */
	content:"";
	display:block;
	background:url(../img/icon/sai/red.png) no-repeat left center;
	background-size:auto 100%;
	height:35px;
	margin-top:-17px;
	position:absolute;
	top:50%; left:10px;
	width:35px;
}

#information:after {
	background: rgb(204,204,204); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(204,204,204,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	content:"";
	display:block;
	height:5px;
}

#information article{
	padding:10px;
	background:#EEEEEE;
}

#information a{
	display:block;
}
#information a:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
	/*モダンブラウザ隙間対策*/
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}

#information a {
	text-decoration:none;
}

#information a img{
	height:auto;
	float:left;
	max-width:80px;
}

#information a h3,
#information a p{
	line-height:1.8;
	padding-left:100px;
}

#information a h3,
#information a p{
	color:#333;
}

/* banner ────────── */

#banner{
	margin-bottom:1em;
	line-height:1.8;
	text-align:center;
}

#banner li{
	margin:10px 10px 0;
}

#banner li:first-child {
	margin-top:0;
}

#banner img{
	-webkit-box-shadow:  0px 0px 3px 0px #999999;
	box-shadow:  0px 0px 3px 0px #999999;
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}

/* campagin banner ────────── */

#campagin_bnr{
	margin-bottom:1em;	
}

#campagin_bnr a{
	display:block;
	width:50%;
	max-width:150px;
	margin:0 auto;
}

#campagin_bnr a img{
	width:100%!important;
	height:auto;
}

/* link ────────── */

#link{
	margin-bottom:1em;
	line-height:1.8;
}

#link article{
	-webkit-box-shadow:  0px 0px 3px 0px #999999;
	box-shadow:  0px 0px 3px 0px #999999;
	-webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	margin:0 10px;
	padding:5px;
}

#link article.banner,
#link article.link{
	margin-bottom:10px;
}

#link article.banner a{
	padding:0;
}

#link article.banner img{
	height:auto !important;
	max-width:580px !important;
	vertical-align:bottom;
	width:100% !important;
}

#link a{
	background:#F5F5F5;
	color:#333333;
	display:block;
	text-decoration:none;
	padding:10px;
}

#link a[href^="cinema"] h3:before {
	content:url(../img/useful/cinema.png);
	margin-right:5px;
}

#link a[href^="cinema"] div{
	background:url(../../common/img/arrow/green_Rdisc20px.png) no-repeat right center;
	padding-right:25px;
}

/* recipe ────────── */

#recipe{
	margin-bottom:1em;
}

#recipe h2{
	background:#f29700;
	color:#FFF;
	font-size:large;
	padding:0.5em 10px;
	padding-left:45px;
	position:relative;
	text-shadow: 1px 1px 0px #e85b00;
	text-align:left;
}

#recipe h2:before {
	content:"";
	display:block;
	background:url(../img/icon/sai/yellow.png) no-repeat left center;
	background-size:auto 100%;
	height:35px;
	margin-top:-17px;
	position:absolute;
	top:50%; left:10px;
	width:35px;
}

/*
#recipe h2:before {
	content:url(../img/title/recipe.png);
	margin-right:0.25em;
	vertical-align:-0.25em;
}
*/

#recipe article{
	border-bottom:1px #CCCCCC solid;
	padding:10px;
}

#recipe a{
	background:url(../../common/img/arrow/orange_Rdisc20px.png) no-repeat center right;
	display:block;
	padding-right:30px;
}
#recipe a:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
	/*モダンブラウザ隙間対策*/
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}

#recipe a {
	text-decoration:none;
}

#recipe a img{
	-webkit-box-shadow:  0px 0px 3px 0px #bfbfbf;
    box-shadow:  0px 0px 3px 0px #bfbfbf;
	-webkit-border-radius: 3px;
    border-radius: 3px;
	height:auto;
	float:left;
	max-width:80px;
}

#recipe a h3,
#recipe a small{
	display:block;
	line-height:1.8;
	padding-left:100px;
}
#recipe a h3{
	color:#f29700;
}

#recipe a small{
	color:#333;
}

/* eventsale ────────── */

#eventsale{
	background:#fdf4e5;
	margin-bottom:1em;
	padding:10px;
	text-align:center;
}

#eventsale h2{
	background:#4395d2;
	color:#FFF;
	font-size:large;
	margin:-10px -10px 10px;
	padding:0.5em 10px;
	padding-left:45px;
	position:relative;
	text-shadow: 1px 1px 0px #1359af;
	text-align:left;
}

#eventsale h2:before {
	content:"";
	display:block;
	background:url(../img/icon/sai/blue.png) no-repeat left center;
	background-size:auto 100%;
	height:35px;
	margin-top:-17px;
	position:absolute;
	top:50%; left:10px;
	width:35px;
}

/*
#eventsale h2:before {
	content:url(../img/title/eventsale.png);
	margin-right:0.25em;
	vertical-align:-0.25em;
}
*/
#eventsale a{
	background:url(../../common/img/arrow/blue_Rdisc20px.png) no-repeat center right;
	display:block;
	padding-right:30px;
}
#eventsale a:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
	/*モダンブラウザ隙間対策*/
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}

#eventsale article{
	border-right:1px #CCC solid;
	border-bottom:1px #CCC solid;
	background:#FFFFFF;
	clear:both;
	padding:10px;
	text-align:left;
}

#eventsale a {
	text-decoration:none;
}

#eventsale a img{
	border:2px #4395d2 solid;
	height:auto;
	float:left;
	max-width:80px;
	padding:1px;
}

#eventsale a h3,
#eventsale a p{
	line-height:1.8;
	padding-left:100px;
}
#eventsale a h3{
	color:#4395d2;
}

#eventsale a p{
	color:#333;
}

#more{
	background: #4395d2; /* Old browsers */
	background: -moz-linear-gradient(top,  #4395d2 0%, #1258af 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4395d2), color-stop(100%,#1258af)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4395d2 0%,#1258af 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4395d2 0%,#1258af 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4395d2 0%,#1258af 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4395d2 0%,#1258af 100%); /* W3C */
	-webkit-border-radius: 3px;
    border-radius: 3px;
	-webkit-box-shadow:  1px 1px 1px 0px #CCCCCC;
	box-shadow:  1px 1px 1px 0px #CCCCCC;
	clear:both;
	display:inline-block;
	margin:10px auto 0;
	padding:0.5em 10px;
}

#more a{
	background:url(../../common/img/arrow/white_Rdisc14px.png) no-repeat right center;
	color:#FFF;
	display:inline-block;
	padding-right:24px;
	text-decoration:none;
	text-shadow: 1px 1px 0px #1258af;
}

/* useful ────────── */

#useful{
	margin-bottom:5px;
}

#useful h2{
	font-size:large;
	margin-bottom:10px;
	padding:0 10px;
	text-shadow: 1px 1px 0px #EEEEEE;
	text-align:left;
}

#useful h2:before {
	content:url(../img/title/useful.png);
	margin-right:0.25em;
	vertical-align:-0.25em;
}

#useful p{
	padding:0 10px;
	margin-bottom:1em;
	line-height:1.8;
}

#useful nav ul {
	border-bottom:1px #CCCCCC solid;
}

#useful nav li{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
	border-bottom:1px #FFFFFF solid;
	border-top:1px #CCCCCC solid;
	padding:0 10px;
}

#useful nav li a{
	background:url(../../common/img/arrow/window.png) no-repeat right center;
	color:#333;
	display:block;
	text-decoration:none;
	padding:10px 20px 10px 0;
}

#useful nav li a[href^="cinema"] {
	background:url(../../common/img/arrow/red_R15px.png) no-repeat right center;
}

#useful nav .cinema:before {
	content:url(../img/useful/cinema.png);
	margin-right:0.5em;
	vertical-align:-0.25em;
}

#useful nav .emifull:before {
	content:url(../img/useful/emifull.png);
	margin-right:0.5em;
	vertical-align:-0.25em;
}

#useful nav .fitta:before {
	content:url(../img/useful/fitta.png);
	margin-right:0.5em;
	vertical-align:-0.25em;
}

#useful nav .netshop:before {
	content:url(../img/useful/netshop.png);
	margin-right:0.5em;
	vertical-align:-0.25em;
}

#useful nav .netsuper:before {
	content:url(../img/useful/netsuper.png);
	margin-right:0.5em;
	vertical-align:-0.25em;
}

/* contentslink ────────── */

#contentslink{
	font-size:x-small;
	padding-left:10px;
}

#contentslink:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
	/*モダンブラウザ隙間対策*/
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}

#contentslink li{
	float:left;
	margin-top:10px;
	width:50%;
}

#contentslink li:last-child a {
	border:none;
	padding-bottom:0;
}


#contentslink li a{
	-webkit-box-shadow:  0px 0px 3px 0px #999999;
    box-shadow:  0px 0px 3px 0px #999999;
	color:#333;
	display:block;
	margin-right:10px;
	padding:10px;
	text-decoration:none;
}

#contentslink li span{
	background:#CCC;
	border:1px #CCCCCC solid;
	display:block;
	margin-right:10px;
	padding:9px;
	text-align:center;
}
	

#contentslink li a:after{
	content:url(../img/icon/pc.gif);
	margin-left:0.5em;
}

/* footer
──────────────────────────────────────── */

/* デバイス切り替え */

ul#device{
	display:table;
	margin:1em 0;
	table-layout:fixed;
	width:100%;
}

ul#device li{
	clear:both;
    display:table-cell;
	text-align:center;
	width:50%;
}

ul#device li:not(:last-child){
	border-right:1px solid #CCCCCC;
}

ul#device li a{
	display:block;
	color:#333;
}

ul#device li a:before {
	content:url(../img/icon/pc.png);
	margin-right:0.25em;
}

ul#device li span{
	font-weight:bold;
}

ul#device li span:before {
	content:url(../img/icon/smart.png);
	margin-right:0.25em;
}

/* clothing
──────────────────────────────────────── */

/* flexslider ────────── */

#clothing{
	background:url(../../webcatalog/img/back.gif) no-repeat left top #ffcc00;
	border:5px #FFFFFF solid;
	-webkit-box-shadow:  0px 0px 3px 0px #999999;
	box-shadow:  0px 0px 3px 0px #999999;
	-webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	margin:1em 10px;
	text-align:center;
	padding:10px;
}

#clothing img{
	width:100%;
	height:auto;
}

#clothing h2 {
	text-align:left;
	margin:-10px 0 5px;
}

#clothing h2 img{
	height:60px;
	width:auto;
}

@media screen and (max-width: 360px) {
/* 縦閲覧 */

	#clothing h2 img{
		height:auto;
		width:100%;
	}

}

.slides_container {
	width:260px;
	margin:0 auto 5px;
	height:115px;
}
.slides_container div {
	width:260px;
	height:115px;
	display:block;
}

.slides_container a{
	width:260px;
	height:115px;
	display:block;
	position:relative;
}

.slides_container img{
	width:100%;
	height:auto;
}

/* ページング */

#clothing ul{
	padding:5px 0;
}

#clothing li{
	display:inline-block;
}

#clothing li:not(:last-child){
	margin-right:0.5em;
}

#clothing li a{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
	-webkit-border-radius: 6px;
    border-radius: 6px;
	border:1px #CCCCCC solid;
	display:inline-block;
	height:10px;
	overflow:hidden;
	text-indent:100%;
	width:10px;
	white-space:nowrap;
}

#clothing li a:active,
#clothing li a:hover{
	background: #ef4123; /* Old browsers */
	background: -moz-linear-gradient(top,  #ef4123 0%, #c40018 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef4123), color-stop(100%,#c40018)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ef4123 0%,#c40018 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ef4123 0%,#c40018 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ef4123 0%,#c40018 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ef4123 0%,#c40018 100%); /* W3C */
	border:1px #c40018 solid;
}