@charset "UTF-8";
/* CSS Document */

.bxSliderBox{
	margin-bottom:15px;
	padding:3px;
}


.bxSliderBox .bx-wrapper{
		position:relative;
		
	}
	
	/*.bx-wrapper .bx-controls .bx-controls-direction .bx-prev{
		width:25px;
		height:25px;
		background:url(../images/silide_icon_left.png) left top no-repeat;
		background-size:25px 25px;
		outline:none;
		text-indent:-9999px;
		position:absolute;
		left:-8px;
		top:50%;
		z-index:60;
		margin-top:-16px;
	}
	.bx-wrapper .bx-controls .bx-controls-direction .bx-next{
		width:25px;
		height:25px;
		background:url(../images/silide_icon_right.png) left top no-repeat;
		background-size:25px 25px;
		outline:none;
		text-indent:-9999px;
		position:absolute;
		right:-8px;
		top:50%;
		z-index:60;
		margin-top:-16px;
	}
*/



a:link,
a:visited {
	color: #22a02b;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #22a02b;
}
#wrapper {
	position:relative;
	z-index:1;
	width:100% ;
	overflow:hidden;
}


/*--------------------------------------------------------------*/
h1{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:4px 0px 5px 0px;
text-align:center;
	color:#E60011;
	font-size:12px;
	line-height:14px;
}


h2.top {
	background: #F60014;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
}
h2.top span{
	font-size:11px;
}
h3.top {
	text-align:center;
	color:#F60014;
	font-size:16px;
	line-height:20px;
	padding:5px;
}

/*----------------------------------------------------------*/
/*header
----------------------------------------------------------*/
header{
	width:100%;
	overflow:hidden;
	text-align:center;
	background:#E60011;
	border-bottom:1px solid #FFFFFF;
	}
header .menu{
	overflow:hidden;
	border-bottom:1px solid #D5D5D5;
	background:#004780;
}

header .left{
	padding:4px 0px 0px 5px;
	width:75%;
	float:left;
	text-align:left;
	color:#FFFFFF;
}
header .right a{
	width:15%;
	padding:6px 10px 0px 0px;
	float:right;
	overflow: hidden;
	font-size:14px;
	color:#FFFFFF;
}
/*------------------------------------------------------------
TOPナビゲーション
------------------------------------------------------------*/
nav{
	width:100%;
	overflow:hidden;
	background:#F60014;
	text-align:center;
	clear:both;
	margin:0px auto 0px auto;
}
nav ul{
margin:0px auto;
width:95%;
text-align:center;
}
nav ul li {
	float:left;
	width:33%;
	display:block;
	padding:10px 0px 5px 0px;
	text-align:center;
}
nav ul li.now{
		background:#333;

}

nav ul li:first-child{
	border-left:none;
}
/*-------------------------*/
/*INFO
-----------------------------------------------------------------*/
.info{
	width:100%;
	margin:0px auto 0px auto;
	padding:10px 0px 10px 0px;
	background:#FFBF02;
}
.info h4{
	margin: 0px auto;
	padding: 1%  3%;
	width: 83.7%;
	border: 4px solid #F60014;
	font-size: 16px;
	color: #FFFFFF;
	background: #F60014;
	/*-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;*/
	text-align: center;
	}
	.info h4 img{
		width:80%
		}

.info div{
	margin: 0px auto;
	width: 84%;
	border: 4px solid #F60014;
	/*-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;*/
	background: #FFFFFF;
	padding: 10px;
	text-align: center;
}
.info dl dt,.info dl dd{
	font-size:14px;
	line-height:18px;
}
.info dl{
	padding:5px;
	border-bottom:1px dotted #CCC;
}
.info dl dd{
	margin:0px 0px 5px 0px;
}

.info p img {
	margin:0px 0px 8px 0px;
}

/*------------------------------------------------------------
	baseBtn
------------------------------------------------------------*/
.baseBtn a {
	margin: 0px auto 10px auto ;
	width:80%;
	font-size: 19px;
	color: #444444;
	padding: 13px;
	background: -moz-linear-gradient(top,
	#ffffff 0%,
		#eeeeee 50%,
		#ffffff);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #eeeeee),
		to(#ffffff));
	border-radius: 8px;
	border: 1px solid #bbbbbb;
	display:block;
	text-align:center;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
.demo1 button {
	width:90%;
   border-top: 1px solid #ccc;  
    border-right: 1px solid #999;  
    border-bottom: 1px solid #999;  
    border-left: 1px solid #ccc;  
    padding: 5px 20px;  
    font-weight: bold;  
    cursor: pointer;  
    color: #666;  
} 

footer p.copyright {
	background: #F00;
	padding: 5px 10px;
	color: #FFF;
	font-size: 10px;
	text-align: center;
}
/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/

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

.menu01 {
	list-style: none;
}
.menu01 li {
	list-style: none;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
}
.menu01 li:last-child {
	border-bottom: 0px;
}
.menu01 li a {
	display: block;
	position: relative;
	z-index: 10;
	height: 40px;
	margin: 0;
	padding: 0px 10px 0px 25px;
	background: #FFF;
	color: #222;
	font-size: 12px;
	line-height: 40px;
	font-weight: bold;
	text-decoration: none;
		border-bottom: 1px solid #CCC;
		border-left: 1px solid #CCC;
		color:#000;
}
.menu01 li a:hover {
	background: #DDD;
	color:#000;
}
#list2{
		border-top: 1px solid #CCC;
		color:#000;
	}

#list2 li{
	width: 50%;
	float: left;
}
#list2 li a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 0;
	height: 0;
	margin-top: -5px;
  border: 5px solid transparent;
	border-left: 5px solid  #FF0004;
	color:#000;
}
/*.totop{
	padding:10px 0;
}*/
.totop a{
	width:100%;
	/*padding:15px 0px;*/
	display:block;
	background:#ADA9A9;
	text-align:center;
}
.totop a img{
	display:inline-block;
	margin-top:10px;
	margin-bottom:10px;
}



/*-------------------------------------------------------*/
.bnr{
	text-align: center;
	margin: 10px auto;
}
.column{
		margin-bottom:10px;
}
section.column{
	padding:0px 10px;
		margin-bottom:10px;
}
.center{
	text-align:center;
}



.Bnr2Area {
	width: 50%;
	float: left;
	margin-bottom: 10px;
}

ul.cam-bnr{
	overflow:hidden;
	margin-bottom:10px;
	padding-top:10px;
}
ul.cam-bnr li{
	float:left;
	width:50%;
	text-align:center;
}

.holiday_area {
    background-color: #fffdf1;
    margin: 0 auto 10px;
    padding: 15px;
    border: 1px solid #d6d6d6;
    width:90%;
}

.mgT15{
	margin-top:15px;
}




p.areap {
	width: 90%;
	margin: 0 auto;
background: #ff3300; /*背景色*/
padding: 0.5em;/*文字周りの余白*/
color: white;/*文字を白に*/
  border-radius: 15px 15px 0px 0px ;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
}

.shop_area {
	width: 90%;
	margin: 0 auto 50px auto;
	overflow: hidden;
  border-radius: 0px 0px 15px 15px;
	border: #ff3300 2px solid;
padding: 0.8em 0.5em;
}

.masucon {
      display: flex;
	width: 100%;
flex-wrap: wrap;
		}
		.masu {
      width: 48%;
      height: 50px;
      background-color: rgba(248,249,222,1);
      text-align: center;
			line-height: 50px;
			margin-bottom: 10px;
			margin-left: 5px;
		}
.masucon a { font-size: 14px; text-decoration: none; font-weight: bold; color: #000; }

		.masu0 {
      width: 48%;
      height: 50px;
      background-color: rgba(248,249,222,1);
			line-height: 50px;
      text-align: center;
			margin-left: 5px;
		}
.mido {
color: #ff3300; 
}