/*----------------------------------------
 Theme Name:   sakagura_ele
 Author:       kun-admin
 Template:     twentyeleven
 Version:      1.0
--------------------------------------------*/

@import url("../twentyeleven/style.css");
@import url("common.css");
@import url("fontello-91/css/fontello.css");

/***	header	------------------------***/
#langmn	{
	text-align: right;
}
#langmn a	{
	font-size: 12px;
	background: #184e8b;
	color: #fff;
	padding: 4px 10px;
	border-radius: 0 0 6px 6px / 0 0 6px 6px;
}
#site-title a img {
	width: 300px;
	margin-left: -30px;
}
#site-description	{
	display: none;
}

/***	toggle menu	--------***/
#menu	{
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  padding: 0;
}
#menu li	{
  display: block;
	font-size: 0.8em;
  float: left;
  width: 20.0%;		/*19.4%; 16.5%;*/
  margin: 0;
  padding: 0;
}
#menu li a	{
  display: block;
  padding: 12px 0 10px;
/*  background: #333;	*/
	background-color: #0074DA;
	background-image: -moz-linear-gradient(#0074DA, #004A8D);
	background-image: -o-linear-gradient(#0074DA, #004A8D);
	background-image: -ms-linear-gradient(#0074DA, #004A8D);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0074DA), to(#004A8D));
	background-image: -webkit-linear-gradient(#0074DA, #004A8D);
	background-image: linear-gradient(#e5e5e5, #d1d1d1);
  color: #303030;
  text-align: center;
  text-decoration: none;
}
#menu li a:hover	{
  background: #444;
	color: #fff;
}
#toggle	{
 display: none;
}
@media only screen and (max-width: 768px) {
    #menu li	{
    width: 20.0%;
    border-bottom: 1px solid #444;
  }
}
@media only screen and (max-width: 480px) {
  #menu{
    display: none;
  }
  #menu li{
    width: 100%;
  }
  #toggle{
    display: block;
    position: relative;
    width: 100%;
/*    background: #222;	*/
	background-color: #0074DA;
	background-image: -moz-linear-gradient(#0074DA, #004A8D);
	background-image: -o-linear-gradient(#0074DA, #004A8D);
	background-image: -ms-linear-gradient(#0074DA, #004A8D);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0074DA), to(#004A8D));
	background-image: -webkit-linear-gradient(#0074DA, #004A8D);
	background-image: linear-gradient(#e5e5e5, #d1d1d1);
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px solid #444;
    color: #303030;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #c7c7c7;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }
}
/***	toggle menu	--------***/

/***	contents	---------------***/
.topimg img	{
	max-width: 100%;
}
.top_time	{
	display: block;
	text-align: center;
}

.wlcm	{
	width: 95.6%;
/*	font-size: 1.2em;	*/
	border: none;	/*1px solid #1b0c00;*/
	margin: 0 auto 12px;
	padding: 6px;
	border-radius: 10px;
	background-color: #e7e7e7;
	background-image: -moz-linear-gradient(#e4cae6, #fefefe);
	background-image: -o-linear-gradient(#e4cae6, #fefefe);
	background-image: -ms-linear-gradient(#e4cae6, #fefefe);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e4cae6), to(#fefefe));
	background-image: -webkit-linear-gradient(#e4cae6, #fefefe);
	background-image: linear-gradient(#e4cae6, #fefefe); /*** IE ***/
}
.tl_01	{
	display: block;
	border-bottom: 1px solid #381300;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 0 0 12px;
	margin: 0 0 12px;
}
.bnr_00	{
	color: #fff;
	font-size: 1.1em;
	line-height: 1.6em;
/*	text-align: center;	*/
/*	background: #381300;	*/
 background-color: #0074DA;
 background-image: -moz-linear-gradient(#0074DA, #004A8D);
 background-image: -o-linear-gradient(#0074DA, #004A8D);
 background-image: -ms-linear-gradient(#0074DA, #004A8D);
 background-image: -webkit-gradient(linear, left top, left bottom, from(#0074DA), to(#004A8D));
 background-image: -webkit-linear-gradient(#0074DA, #004A8D);
 background-image: linear-gradient(#0074DA, #004A8D);
	border-radius: 10px;
	padding: 6px 24px;
	margin: 12px 0;
}
.bnr_ble a	{
	display: block;
	color: #fff;
	font-size: 1.1em;
	line-height: 1.6em;
	padding: 3px 24px;
	background: #206fb3;
	border-radius: 10px;
}
.bnr_r1	{
	color: #fff;
	line-height: 1.6em;
/*	text-align: center;	*/
/*	background: #381300;	*/
	background-color: #da008b;
	background-image: -moz-linear-gradient(#da008b, #8d004c);
	background-image: -o-linear-gradient(#da008b, #8d004c);
	background-image: -ms-linear-gradient(#da008b, #8d004c);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#da008b), to(#8d004c));
	background-image: -webkit-linear-gradient(#da008b, #8d004c);
	background-image: linear-gradient(#da008b, #8d004c);
	border-radius: 10px;
	padding: 6px 24px;
	margin: 12px 0;
}


/***	top_menu	----------***/
#conmenu	{
	float: left;
	width: 47%;
	margin: 12px 0 24px 10px;
}
#conmenu .menutle	{
	font-size: 1.0em;
	font-weight: bold;
	letter-spacing: 0.01em;
	padding-left: 12px;
	margin-bottom: 6px;
	border-bottom: 1px solid #381300;
}
#conmenu img	{
/*	clear: left;
	float: left;	*/
	max-width: 90%;
	padding: 6px 10px;
	border: 1px solid #c0c0c0;
	margin-right: 6px;
}
/*.details,*/
.details a	{
	display: block;
	width: auto;	/*150px;*/
	display: block;
	color: #fff;
	line-height: 1.6em;
	padding: 4px 12px;
	margin: 6px 0 12px 0;
	background: #206fb3;
	border-radius: 10px;
}
img.accmap	{
	max-width: 100%;
}

/***	Page	----------------------------------***/
.page-tl	{
	font-size: 10px;
}
.page-tl img	{
	max-width: 100%;
}
#info-page img	{
	clear: left;
	float: left;
	width: 36%;
	padding: 3px;
	border: 1px solid #c0c0c0;
	margin-right: 6px;
}
#info-nigori	{
}

/**************************
#it-box	{
	max-width: 720px;
	margin: 0 auto;
}
****************************/
ul#item-box	{
	max-width: 720px;
	margin: 0;
	padding: 0 0 0 3%;
}
ul#item-box li img	{
	clear: left;
	float: left;
	width: 60px;
	padding: 3px;
	border: 1px solid #c0c0c0;
	margin-right: 6px;
}
ul#item-box li	{
	float: left;
	list-style: none;
	width: 45%;
	margin: 3px 12px 6px 0;
}
ul#item-box li.pr-01	{
	font-weight: bold;
	background: #fff668;
	padding: 20px 0;
	margin-top: 50px;
	border-radius: 30px;
}
/************---------------------*****/
ul#item-box2	{
	max-width: 720px;
	margin: 0;
	padding: 0 0 0 3%;
}
ul#item-box2 li img	{
	display: block;
	width: 95%;
	padding: 3px;
	border: 1px solid #c0c0c0;
	margin: 0 auto;
}
ul#item-box2 li	{
	float: left;
	list-style: none;
	width: 45%;
	margin: 3px 12px 6px 0;
}
ul#item-box2 li.pr-01	{
	font-weight: bold;
	background: #fff668;
	padding: 20px 0;
	margin-top: 50px;
	border-radius: 30px;
}
/*********---1列----------------***/
ul#item-boxw	{
	max-width: 720px;
	margin: 0;
	padding: 0 0 0 3%;
}
ul#item-boxw li img	{
	display: block;
	width: 95%;
	padding: 3px;
	border: 1px solid #c0c0c0;
	margin: 0 auto;
}
ul#item-boxw li	{
	float: left;
	list-style: none;
	width: 92%;
	margin: 3px 12px 6px 0;
}
ul#item-boxw li.pr-01	{
	font-weight: bold;
	background: #fff668;
	padding: 20px 0;
	margin-top: 50px;
	border-radius: 30px;
}
/*********-------------------***/

.sake	{	/***日本酒***/
	color: #fff;
	font-size: 0.9em;
	background: #133078;
	margin: 0 10px 6px 70px;
	width: 60px;
	text-align: center;
	padding: 4px 0;
	border-radius: 6px;
}
.chu	{	/***焼酎***/
	color: #fff;
	font-size: 0.9em;
	background: #5e2e0f;
	margin: 0 10px 6px 70px;
	width: 60px;
	text-align: center;
	padding: 4px 0;
	border-radius: 6px;
}