@charset "utf-8";

/*--------------------------------------------------------------*/
/* CSS and Graphics are released under Creative Commons Licence */
/* https://www.webplus.jp/                                       */
/* Copyright (C) 2016 Kiyonobu Horita @ WEBPLUS Inc.            */
/*--------------------------------------------------------------*/


/* -----------------------------------------------------------

　bxslider

-------------------------------------------------------------- */
#mainVisual .random {
	display:none;
}

.bxslider {
	height:460px;
	overflow:hidden;
}

@media screen and (min-width:320px) and (max-width:1200px) {

	#mainVisual .bxslider {
		display:none;
	}

	#mainVisual .random {
		display:inherit;
		width:1200px;
		height:300px;
		background-repeat:no-repeat;
	}
	
	.bx-wrapper {
		display:none;
	}

}

/* -----------------------------------------------------------

　epark

-------------------------------------------------------------- */
#epark {
	display:none;
	background:#9c0300;
}

/* -----------------------------------------------------------

　news

-------------------------------------------------------------- */
#news {
	clear:both;
	padding-bottom:40px;
	width:100%;
	min-height:460px;
	height:auto;
	background:url(../images/news_title_bg.png) center top repeat-x;
}

/* -----------------------------------------------------------
　tab
-------------------------------------------------------------- */
#news #tabs {
	margin:40px 0 0 5px;
	width:800px;
}

#news #tabs li {
	float:left;
	margin-right:8px;
	width:125px;
	height:40px;
	background:#F6F6F6;
	border:1px #CCC solid;
	border-top:inherit;
	border-bottom:inherit;
	border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	-o-border-radius:4px 4px 0 0;
	-ms-border-radius:4px 4px 0 0;
	text-align:center;
	list-style:none;
	line-height:40px;
	transition:0.3s ease-out;
	-moz-transition:0.3s ease-out;
	-webkit-transition:0.3s ease-out;
	-o-transition:0.3s ease-out;
	-ms-transition:0.3s ease-out;
}

/* カテゴリータブごとにボーダートップ変色 */
#news #tabs li:nth-child(1), #news #tabs li:nth-child(1):hover, #news #tabs li:nth-child(1).open  {
	border-top:3px #C11920 solid;
}

#news #tabs li:nth-child(2), #news #tabs li:nth-child(2):hover, #news #tabs li:nth-child(2).open  {
	border-top:3px #7ECEF4 solid;
}

#news #tabs li:nth-child(3), #news #tabs li:nth-child(3):hover, #news #tabs li:nth-child(3).open  {
	border-top:3px #CCE198 solid;
}

#news #tabs li:nth-child(4), #news #tabs li:nth-child(4):hover, #news #tabs li:nth-child(4).open  {
	border-top:3px #EFB968 solid;
}

#news #tabs li:nth-child(5), #news #tabs li:nth-child(5):hover, #news #tabs li:nth-child(5).open  {
	border-top:3px #F1B2CD solid;
}

#news #tabs li:nth-child(6), #news #tabs li:nth-child(6):hover, #news #tabs li:nth-child(6).open  {
	border-top:3px #C9C9C9 solid;
}

#news #tabs li:last-child {
	margin-right:0;
}

#news #tabs li a {
	display:block;
	font-size:1.16666em;
	font-weight:500;
}

#news #tabs li:hover, #news #tabs li.open {
	background:#FFF;
	border:1px #CCC solid;
	border-top:inherit;
	border-bottom:inherit;
}

#news #tabs li.open a {
	background:#FFF;
}

/* -----------------------------------------------------------
　news list
-------------------------------------------------------------- */
#news .box {
	clear:both;
	margin:0;
	width:800px;
	border-top:1px #CCC solid;
}

#news li {
	list-style:none;
}

#news .box ol > li {
	padding-bottom:5px;
	border-bottom:1px #666 dotted;
	height:24px;
}

#news .box ol li {
	margin-top:24px;
}

#news .box ul li {
	margin-top:0;
}

#news .box .date {
	float:left;
	color:#C11920;
	font-size:1.16666em;
	font-family: "メイリオ", "Meiryo", "Meiryo UI", "ＭＳ Ｐゴシック", "Osaka", "平成角ゴシック", "ヒラギノ角ゴ Pro W3", "Arial", "Helvetica", "sans-serif";
}

#news .box .post-categories {
	float:left;
}

#news .box .post-categories a {
	display:block;
	margin:-1px 0 0 10px;
	padding:0 10px;
	min-width:104px;
	max-width:140px;
	height:18px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius:2px;
	-ms-border-radius:2px;
	color:#000;
	text-align:center;
	line-height:18px;
}

/*　カテゴリーごとにラベル変色
/*-------------------------------------------*/

/* お知らせ */
#news .box .notice .post-categories a {
	background:#7ECEF4;
}

/* シロクマ便り */
#news .box .letter .post-categories a {
	background:#CCE198;
}

/* おすすめカレー */
#news .box .recommend .post-categories a {
	background:#EFB968;
}

/* ブログ */
#news .box .blog .post-categories a {
	background:#F1B2CD;
}

/* その他 */
#news .box .other .post-categories a {
	background:#C9C9C9;
}

#news .box .post-categories a:hover {
	background:#C11920;
	color:#FFF;
}

/*　タイトル部
/*-------------------------------------------*/
#news .box .title {
	display:block;
	font-size:1.16666em;
}

#news .box li .title a {
	margin-left:10px;
	color:#333;
}

#news .box li .title a:hover {
	color:#F30;
}

#news .box li .title::after {
	content:"\f0da";
	color:#FFF;
	font-size:1.16666em;
	font-family: "FontAwesome";
	transition:0.3s ease-out;
	-moz-transition:0.3s ease-out;
	-webkit-transition:0.3s ease-out;
	-o-transition:0.3s ease-out;
	-ms-transition:0.3s ease-out;
}

#news .box li .title:hover::after {
	padding-left:10px;
	content:"\f0da";
	color:#F30;
	font-family: "FontAwesome";
}

/*　新着を表す「NEW!」
/*-------------------------------------------*/
#news .box .new {
	margin-left:10px;
	color:#F00;
}

/* -----------------------------------------------------------
　allview
-------------------------------------------------------------- */
#news .allview {
	position:absolute;
	top:40px;
	right:340px;
	z-index:150;
}

#news .allview a {
	display:block;
	padding:20px 0;
	width:80px;
	height:80px;
	background:#C11920;
	border:3px #FFF solid;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	-o-border-radius:100%;
	-ms-border-radius:100%;
	color:#FFF;
	font-size:1.16666em;
	text-align:center;
	line-height:18px;
	box-shadow:3px 3px 8px 0px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:3px 3px 8px 0px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow:3px 3px 8px 0px rgba(0, 0, 0, 0.7);
	-o-box-shadow:3px 3px 8px 0px rgba(0, 0, 0, 0.7);
	-ms-box-shadow:3px 3px 8px 0px rgba(0, 0, 0, 0.7);
}

#news .allview a:hover {
	color:#FF0;
	transform:rotate(-15deg);
	-webkit-transform:rotate(-15deg);
	-moz-transform:rotate(-15deg);
	-ms-transform:rotate(-15deg);
	-o-transform:rotate(-15deg);
	transform-origin:50% 50%;
}

/* -----------------------------------------------------------
　character
-------------------------------------------------------------- */
#news .chara {
	position:absolute;
	top:30px;
	right:0;
	z-index:100;
}

@media screen and (min-width:320px) and (max-width:1200px) {

	#news  {
		width:1200px;
	}

}

/* -----------------------------------------------------------

　campaign

-------------------------------------------------------------- */
#campaign {
	clear:both;
	padding-bottom:100px;
	width:100%;
	height:auto;
	background:#EEE url(../images/campaign_title_bg.png) center top repeat-x;
}

#campaign h2 {
	height:90px;
}

#campaign h2 img {
	float:left;
}

#campaign h2 span {
	margin-left:100px;
	color:#C11920;
	font-weight:700;
	line-height:92px;
	text-shadow: 1px 1px 2px #FFF;
}

#campaign h2 span::before {
	padding-right:5px;
	content:"\f005";
	font-size:1.1em;
	font-family: "FontAwesome";
}

#campaign h2 span::after {
	padding-left:5px;
	content:"\f005";
	font-size:1.1em;
	font-family: "FontAwesome";
}

#campaign h3 {
	clear:both;
	margin:20px auto;
	font-size:1.66666em;
	letter-spacing:0.1em;
}

#campaign h3::before {
	padding-right:5px;
	content:"\f02e";
	color:#FC0;
	font-size:1.1em;
	font-family: "FontAwesome";
	text-shadow: 1px 1px 1px #CC3300;
}

#campaign li {
	position:relative;
	float:left;
	margin-bottom:10px;
	list-style:none;
}

#campaign li a {
	position:relative;
	display:block;
	width:400px;
	height:200px;
}

#campaign li a:hover {
	background:url(../images/campaign_banner_on.png) 0 0 no-repeat;
}

#campaign li .arrow {
	visibility:hidden;
	position:absolute;
	left:318px;
	top:128px;
	width:50px;
	height:40px;
	background:url(../images/campaign_arrow.png) 0 0 no-repeat;
	transition:0.3s ease-out;
	-moz-transition:0.3s ease-out;
	-webkit-transition:0.3s ease-out;
	-o-transition:0.3s ease-out;
	-ms-transition:0.3s ease-out;
}

#campaign li:hover .arrow {
	visibility:inherit;
	left:348px;
	top:158px;
	background:url(../images/campaign_arrow_on.png) 0 0 no-repeat;
}

#campaign li a img {
	transition:0.5s ease-out;
	-moz-transition:0.5s ease-out;
	-webkit-transition:0.5s ease-out;
	-o-transition:0.5s ease-out;
	-ms-transition:0.5s ease-out;
}

#campaign li a img:hover {
	opacity:0.5;
	-moz-opacity:0.5;
	-webkit-opacity:0.5;
	-o-opacity:0.5;
	-ms-opacity:0.5;
	-khtml-opacity:0.5;
	filter:alpha(opacity=50);
}

#campaign .clearfix {
	border-bottom:1px #999 dashed;
}

@media screen and (min-width:320px) and (max-width:1200px) {

	#campaign  {
		width:1200px;
	}

}





/*--------------------　▲　end of file　▲　*/