@charset "utf-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
html{
    font-size: 62.5%;
}
body{
    font-size:1.6rem;/* 16px*/
    line-height: 2;
}

img, object, embed, video {
	max-width: 100%;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		10;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」 
	http://www.alistapart.com/articles/responsive-web-design
	
	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/ 
*/

/* 	カラー指定 */
.green {color:#98d402;}
.orange{color:#fcae05;}
.red   {color:#fa4848;}
.cyan  {color:#0068b7;}

/* 見出し */
h1 {
  position: relative;
  padding-left: 60px;
  font-size:2.5rem;
  font-weight:500;
}
h1:before {
  position: absolute;
  font-family: "FontAwesome";
  content: "\f0eb";
  background: #ffca2c;
  color: white;
  font-weight: normal;
  font-size: 28px;
  border-radius: 50%;
  left: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
h1:after {
  /*吹き出しのちょこんと出た部分*/
  content: '';
  display: block;
  position: absolute;
  left: 35px;
  height: 0;
  width: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #ffca2c;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
h1.day:before {
	content: "\f073" !important;
	background:#98d402 !important;
}
h1.day:after {
	border-left: 10px solid #98d402 !important;
}
h1.vanue:before {
	content: "\f041" !important;
	background:#fcae05 !important;
}
h1.vanue:after {
	border-left: 10px solid #fcae05 !important;
}
h1.greeting:before {
	content: "\f007" !important;
	background:#0068b7 !important;
}
h1.greeting:after {
	border-left: 10px solid #0068b7 !important;
}
h1.other:before {
	content: "\f069" !important;
	background:#fa4848 !important;
}
h1.other:after {
	border-left: 10px solid #fa4848 !important;
}
h1.access:before {
	content: "\f08d" !important;
	background:#fa4848 !important;
}
h1.access:after {
	border-left: 10px solid #fa4848 !important;
}
h1.contact:before {
	content: "\f2a0" !important;
	background:#98d402 !important;
}
h1.contact:after {
	border-left: 10px solid #98d402 !important;
}

strong {
	font-size:2rem;
	color:#0068b7;
	font-weight:600;
}

/* モバイルレイアウト : 480 px およびそれ以下. */

.gridContainer {
	clear: both;
	margin: 0 auto;
	padding:3px 10px;
	width: 100%;
	max-width:1024px;
	text-align:center;
}
#headling {
	margin: 0;
	padding: 0;
	width: 100%;
	height:70px;
	display: block;
	background-repeat:repeat-x;
	background-size:auto;
	background: linear-gradient(90deg, rgba(247, 93, 139, 1), rgba(254, 220, 64, 1));
}
.title{
	color:#fff;
	font-size:3rem;
}
.sub_title{
	color:#fff;
	font-size:1.1rem;
	clear:left;
}

#navi {
	clear: both;
	margin:3px auto;
}
#navi ul{
	margin:0 auto;
	padding:0; /*１カラムのpadding分マイナスマージン*/
	overflow:hidden;
	text-align:center;
}

#navi ul li {
  list-style-type:none;
  padding:0 5px;/*カラム間のガター*/
  margin-bottom:5px;
  margin-left:5px;
  display:inline-block;
  border:#ffbf7f 2px solid;
  width:28%;
}
#navi ul li.current {
	background: linear-gradient(90deg, rgba(254, 220, 64, 1),rgba(247, 93, 139, 1) );
}
#navi ul li.current a {
	color:#fff;
}
#navi ul li a {
	display:inline-block;
	color:#ff7f7f;
	text-decoration:none;
	font-weight:500;
}
.sml {
	font-size:1.2rem;
}
#catcheye {
	width:100%;
	margin: 0;
	padding:0;
	background-image:url(../img/back_gray.gif);
	background-repeat:round;
	background-size:auto;
}


#footer {
	height:70px;
	margin: 0 0 10px;
	padding:3px 10px;
	background-image:url(../img/back_gray.gif);
	background-repeat:repeat-y;
	background-size: cover;
	text-align:center;
	line-height:1.3;
	font-size:0.8;
}
.box, .box2 {
	width:100%;
	float:left;
	text-align:left !important;
}
.longbox {
	width:100%;
	text-align:left !important;
}

.big {font-size:2.5rem;}
.maru {
	font-size:1.5rem;
	padding:3px 6px;
	background-color:blue;
	color:#fff;
	border-radius:50%;
}
.sun {background:red !important;}

table.booth {
	width:85%;
	margin:5px auto;
	border-collapse: separate;
	border-spacing: 15px;
	font-size:2rem;
}
table.booth th {
	vertical-align:top;
	color:#ff7f50;
}
table.booth td {
	text-align:left;
}
table.booth td a {
	color:#ff7f50;
/*	color:#444;*/
	font-weight:500;
}
table.booth td.booth_end {
	border-bottom:#fcae05 dotted 1px;
}

/*  ## マップの表示設定 ##  */
#bb1 path {visibility:hidden;}
#bb2 path {visibility:hidden;}
#bb3 path {visibility:hidden;}
#bb4 path {visibility:hidden;}
#bb5 path {visibility:hidden;}
#bb6 path {visibility:hidden;}
#bb7 path {visibility:hidden;}
#bb8 path {visibility:hidden;}
#bb9 path {visibility:hidden;}
#bb10 path {visibility:hidden;}
#bb11 path {visibility:hidden;}
#booth1:hover #bb1 path {
	visibility:visible;
}
#booth2:hover #bb2 path {
	visibility:visible;
}
#booth3:hover #bb3 path {
	visibility:visible;
}
#booth4:hover #bb4 path {
	visibility:visible;
}
#booth5:hover #bb5 path {
	visibility:visible;
}
#booth6:hover #bb6 path {
	visibility:visible;
}
#booth7:hover #bb7 path {
	visibility:visible;
}
#booth8:hover #bb8 path {
	visibility:visible;
}
#booth9:hover #bb9 path {
	visibility:visible;
}
#booth10:hover #bb10 path {
	visibility:visible;
}
#booth11:hover #bb11 path {
	visibility:visible;
}

table.sp {
	width:100%;
	border:4px #fff solid;
	color:#444;
}
table.sp th {
	background:#faf5e1;
	border:4px #fff solid;
	text-align:center;
}
table.sp td {
	background:#fcfaf2;
	border:4px #fff solid;
}
td.lect {
	text-align:center;
	background:#fff !important;
}
th.sp_theme {
	background:linear-gradient(#30b0ff,#0436bf) !important;
/*	background:#0808a6 !important;#05FBFF, */
	color:#fff;
	font-size:2rem;
}
td.sp_outline {
	background:#fff !important;
}
/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
.sub_title{
	color:#fff;
	margin-left:1.5em;
	font-size:2.2rem;
}
#navi ul li {
	  width:14%;
}
.box {
	width:48%;
	margin-right:1%;
}
.box2 {
	padding:5px;
	width:48%;
	margin-right:1%;
}
}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {
.box {
	width:32%;
	margin-right:1%;
}
.box2 {
	margin-right:1%;
	padding:5px;
	width:64%;
	float:left;
}
}


@media screen and (max-width:480px){
.title{
 font-size:1em;
}

}