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

/*===============================================
 style.css -  basic
===============================================*/

/* clearfix */
.clearfix { zoom:1; }
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clear { clear:both; }

/* flex-box */
.flex-between {display: flex; justify-content: space-between;}

/* margin */
.mb0 { margin-bottom:0 !important; }
.mb_2em { margin-bottom:-2em !important; }
.mb15 { margin-bottom:15px !important; }
.mb1em { margin-bottom: 1em !important; }
.mb2em { margin-bottom: 2em !important; }
.mb3em { margin-bottom: 3em !important; }

/* others */
body { 
	width:100%;
	margin: 0;
	color: #333;
	font-family: sans-serif; font-family:"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
	font-size: 62.5%;
	background:#e6e6e6;
	/*background:url(../img/bk_paper.jpg) repeat;*/
}
a { text-decoration: none; color: #003461; }
h1,h2,h3,h4,h5,h6 { margin:0; color: #003461; font-size:bold; }
img { vertical-align: bottom; }

p { margin: 0 0 3.5em; list-style-position: inside; }
ul { margin: 0 0 2em; padding:0; list-style-position: inside; }

.tac { text-align:center; }
.fll { float: left; display:inline; }
.flr { float: right; display:inline; }

.f_222 { color:#333; }

#container { margin: 0 auto; }

header {
	line-height:1;
	position: relative;
	font-weight: bold;
	background:url(../img/bk_header.gif) top repeat-x #fff;
}

header .sns-icon-list { width: 110px; list-style: none; margin-bottom: 0; align-items: center;}
header .sns-icon {width: 25px; }

#h_shadow { background:url(../img/bk_headerb.png) bottom repeat-x; padding:0 0 6px 0; border-sizing: border-box;}

h1 { display:inline; }

article { max-width: 900px; margin: 0 auto; }
section { position: relative; box-sizing:border-box; }

#gloval_menu ul { color:#ccc; letter-spacing: -0.5px;font-feature-settings: "palt";}
#mainImg { padding:0;}
#concept, #step, #map, .e_contSec, .ed_contSec, #about, #cheerList {
	border-radius: 5px;		/* CSS3 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome */
	-moz-border-radius: 5px;	/* Firefox */
	border: 0.9em solid #fff;
	background:url(../img/bk_gray.jpg) repeat #f9f9f9;
}

.comment {font-size: 0.8rem;}

#step { padding: 3em 0 3em 0; }
.howtoGet { border: 1px dashed; }
.howtoGet h4, .howtoUse h4 { 
	width:20em;
	color:#fff;
	font-weight:normal;
	letter-spacing:0.1em;
	text-align:center;
	background:#ad8f27;
	margin:1.2em auto 0.5em;
	padding:0.5em 0;
	border-radius: 3px;		/* CSS3 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome */
	-moz-border-radius: 3px;	/* Firefox */
}
#map, #concept { padding: 0 0 3em 0; }

.button { 
	border-radius: 3px;		/* CSS3 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome */
	-moz-border-radius: 3px;	/* Firefox */
	border-bottom: solid 0.3em #44809c;
	letter-spacing: 0.1em;
	background: #67c7ff;
	padding: 0.8em 3em; 
	display: block;
	font-weight: bold;
	text-align: center;
	color: #003461;
}

.button:hover {
	border-bottom: solid 0.3em #67c7ff;
	background: #67c7ff;
}
.soon .button { border:none; background:url(../img/bk_gray_com.jpg) repeat #f9f9f9; color:#fff; }
#about .howtoGet h4, #about .howtoUse h4, #step .howtoGet h4, #step .howtoUse h4 { margin: 0.8em auto ; }

h3.blue { 
	border-radius: 3px;		/* CSS3 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome */
	-moz-border-radius: 3px;	/* Firefox */
	letter-spacing: 0.2em;
	background: #003461;
	color: #fff;
	padding: 0.8em 3em;
	text-align: center;
}

#concept h3, h3.flag { 
	background-image: url(../img/img_flag_left.png), url(../img/img_flag_right.png);
	background-position: top left, top right;
	background-repeat: no-repeat;
	background-size: 33%;
	-moz-background-size:33%;
	text-align:center;
}

.st h5 { width: 100%; margin-bottom: 0.2em; }
.st p { width: 80%; margin:0 auto; }
.st h5 .small { display: block; font-size: 80%; }

#map { background:#fff; }
#googlemap { position: relative; }
#googlemap a { 
	border-radius: 3px;		/* CSS3 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome */
	-moz-border-radius: 3px;	/* Firefox */
	letter-spacing: 0.1em;
	background: #ccc;
	text-align: center;
	white-space:nowrap;
	display:block;
	padding: 0.8em 3em;
}
#googlemap a { color: #fff; font-weight: bold; }
#shopList { width: 95%; margin: 0 auto; }
#shopList ul a { text-decoration: underline; word-break: break-all; }
#shopList ul li { text-align: left; }
#shopList h4 { margin-bottom: 0.8em; }
#map #odd, #map #even { font-size:1.2em; line-height:17px; list-style:none; margin:0; } /* 12px */
.sListbutton { clear:both; text-align: center; }
.pdf_btn { padding:0; margin:0; }
#odd li, #even li { margin-bottom: 0.7em; color: #003461; }
#odd li img, #odd li img { vertical-align:top; padding-right:2px; }
#odd .genre, #even .genre { margin-left:0.5em; font-weight:normal; }


.list {
	letter-spacing: -0.02em;
	text-align: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	margin-right: 0.5em;
	text-align: center;
}
.eat {
	background: #003461;
	color: #fff;
}
.other {
	font-weight: bold;
	background: #67c7ff;
	color: #003461;
	text-transform: uppercase;
}
#shopList .list { font-size: 0.8em; line-height: 18px; display: inline-block; }
#shopList .eat { width: 1.8em; height: 1.8em; }
#shopList .other { width: 1.7em; height: 1.7em; border: 1px solid #003461; }
#shop_lis .list { font-size: 1.3em; line-height: 20px; }
#shop_lis .eat { width: 1.6em; height: 1.6em; }
#shop_lis .other { width: 1.5em; height: 1.5em; border: 1px solid #003461; }
#sdCont .list { font-size: 0.6em; line-height: 1.9em; display: inline-block; }
#sdCont .eat { width: 1.9em; height: 1.9em; font-weight: normal; }
#shop_tub .list { font-size: 1em; line-height: 20px; display: inline-block; }
#shop_tub .eat { width: 1.6em; height: 1.6em; }
#shop_tub .other { width: 1.5em; height: 1.5em; border: 1px solid #003461; }
.result .list { font-size: 1.3em; line-height: 1.8em; display: inline-block; margin: 0 0.1em; }
.result .eat { width: 1.8em; height: 1.8em; }

#concept, .e_cont p { text-align:justify; }
.e_contSec { position: relative; }
.e_contSec .mouseOver { width:100%; height:100%; position:absolute; text-indent:-999px; top:0; left:0; z-index:2; }
.e_cont .taisho { text-align:left; vertical-align:middle; margin:0 auto; }
.e_cont .taisho img { width:auto; height:auto; }
.taisho th, .taisho td { padding-top:0.5em; padding-bottom:0.5em; border-bottom: solid 1px #ccc; }
.taisho .last th, .taisho .last td { border-bottom: none; }
.taisho td.shopName { text-align:left; color: #003461; font-weight:bold; padding-left:0.5em; }
.e_cont .button { font-size:120%; text-align: center; }

#step p.shops { margin-top:0.5em; white-space:nowrap; /*font-weight:bold;*/ }
.shops a { color:#f30; text-decoration:underline; }
.st { text-align:center; margin-bottom:3em; }
.playguide { border-top:1px solid #003461; margin:0 2em; }
.playguide h5, .playguide p { text-align:center; }
.playguide h5, .pcode { color:#003461; font-weight:bold; }
.playguide table { margin:1em auto; }
.playguide table th { padding: 0.1em; white-space:nowrap; }
.playguide table td { padding: 0.1em; }
#staff { border-top: solid 1px #a79d82; border-bottom: solid 1px #a79d82; padding: 2em 0 1em; }
#staff table { text-align:left; }
#staff table th, #staff table td { vertical-align:top; padding-bottom:0.5em; }
#staff table th { white-space:nowrap; padding-right: 1em; }
#slogos { text-align: center; margin-top:1em; }
#slogos img { height: 35px; vertical-align:top; margin: 0 15px 15px 0; }
#slogos img.topTeam { margin: 0 10px 15px 0; }
#slogos img.last { margin: 0 0 15px 0; }

#facebook { border: solid thin #aaa; }
.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style]{ width: 100%!important; } /*facebook*/
.TwitterWidget #twitter-widget-0 { width:100% !important; } /*twitter*/
#instagram img {width: 30px; height: 30px; margin-right: 0.6rem;}
#instagram iframe body {border: none;}
/* #instagram iframe {display: inline-block;} */

/* footer */
footer .sns-icon-list {width: 160px; list-style: none; margin: 0 auto;}
footer .sns-icon {width: 35px;}
address { clear:both; text-align:center; font-weight:bold; font-style:normal; margin:3em 0; }
footer { background:url(../img/bk_header.gif) bottom repeat-x; padding:20px 0 15px 0; }

/* event */
.ed_cont img.main { width:100% !important; }
.ed_contSec { padding-bottom: 2em; }
#event03 .ed_contSec { margin-bottom: 0; }
#event01 .taisho img { vertical-align:top; }
#event01 .taisho td { text-align:right; }
#event03 .taisho_list { text-align:center; }
.qr_det p { text-align:center; }
.qr_det .bigTitle { font-weight:bold; color: #003461; margin: 0 0 0.8em; }
.qr_det .hosoku { padding-top:1em; }
.url { color: #003461; }
.url a { text-decoration: underline; }
.qr_det span, .taisho_list span, .pcode span { line-height:1; background:#67c7ff; color: #003461; font-weight:bold; margin-right:1em; }
.eveLogo { text-align: center; color:#003461; font-weight:bold; }
.qr { text-align: center; }

/* shop */
#shop_list .lead { text-align:center; color: #003461; font-weight: bold; }
#shop_list .lead p { margin-bottom: 0.5em; letter-spacing:0.1em; }
#shop_list .lead p.small { font-size: 78%; margin-bottom: 0.3em; letter-spacing:0; }
#shop_list .lead .button { width: 70%; margin: 0 auto; }
.shop_con { position: relative; }
.takashima, .hiranuma, .tobe {
	width:5em;
	margin:0;
	padding: 0.7em 1em 0.5em;
	line-height:1;
	border-radius: 3px;		/* CSS3 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome */
	-moz-border-radius: 3px;	/* Firefox */
	white-space:nowrap;
	text-align: center;
}
.lunch {
	width:6em;
	margin:0;
	padding: 0.7em 1em 0.5em;
	line-height:1;
	border-radius: 3px;		/* CSS3 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome */
	-moz-border-radius: 3px;	/* Firefox */
	white-space:nowrap;
	text-align: center;
	color:#003461;
	background: #b7d31b;
	font-weight:bold;
}

p.mIcon, p.dIcon {
	width: 9em;
	margin: 0 0 0.3em 0;
	text-align: center;
	padding: 0.7em 1em 0.5em;
	line-height:1;
	border-radius: 3px;		/* CSS3 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome */
	-moz-border-radius: 3px;	/* Firefox */
	white-space:nowrap;
	color:#fff;
	background: #003461;
	font-weight: 800;
}
.takashima, .hiranuma, .tobe { color:#fff; background: #003461; }
/*.hiranuma { color:#003461; background: #b3d013; font-weight: 800;}
.tobe { color:#003461; background: #fff; font-weight: 800;}*/
.mainImg .takashima, .mainImg .hiranuma, .mainImg .tobe {
	position:absolute;
	bottom:5px;
	right:5px;
}

.shop_con {
	border-radius: 5px;		/* CSS3 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome */
	-moz-border-radius: 5px;	/* Firefox */
	border: 0.9em solid #fff;
	background:url(../img/bk_gray.jpg) repeat #f9f9f9;
	position:relative;
	margin-bottom: 2em;
	position:relative;
}

.mainImg { width:100%; position:relative; margin:0 0 23px 0; }
.main { width: 100%; }
.number {
	position: absolute;
	top: 4px;
	left: 4px;
	bottom: 1px;
}
.shop_con h4 { line-height: 1.2; vertical-align:middle; }
.shop_con h4, .sdata { width: 90%; margin:0 auto; }
.option { width: 90%; margin:0 auto 2em auto; }
.genre, .shopLead { width: 90%; color: #003461; font-weight: 800; margin:0.2em auto 1em auto; }
.sdata { padding-bottom: 2em; }
.sdata p { margin: 0 0 0.2em 0; }
.sdata p a {text-decoration: underline;}

#shop_detail, #shop_tub {
	border-radius: 5px;		/* CSS3 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome */
	-moz-border-radius: 5px;	/* Firefox */
	border: 0.9em solid #fff;
	background:url(../img/bk_gray.jpg) repeat #f9f9f9;
	position:relative;
	margin-bottom: 2em;
	position:relative;
}
#shop_detail .mark { vertical-align:top; }
#shop_detail h4 { display:inline; padding:0; }
.thumb img { cursor:pointer; }
.thumb a:select { border: 2px solid #fff; }
.sLead { margin: 1.5em 0 2em; }
.sdData { border-top: solid #ccc 1px; text-align:left; }
.sdData th, .sdData td { border-bottom: solid #ccc 1px; padding: 0.5em 0 0.3em 0; }
.sdData th { white-space: nowrap; vertical-align:top; }
.sdData td { word-break: break-all; }
#recommend img, #chisan img { border: solid #fff 5px; width:96%; margin: 0 auto 1.5em auto; }
#recommend h5, #chisan h5 { margin-bottom: 0.5em; color: #333; }
#shop_tub { padding: 2em 1em 2em 2.5em; }
#shop_tub ul { margin:0; }
#shop_tub li { list-style: none; }
#shop_tub a { text-decoration: underline; }
#staffs { border: solid #ccc 3px; clear:both; }
#staffs .name { font-size: 0.98em; }
#staffs p { margin: 0.8em 0 0 0; }

.mainSlide { position: relative; }
.mainSlide .arrow-left, .mainSlide .arrow-right { position: absolute; top: 50%; z-index:2; }
.mainSlide .arrow-left {
  background: url(../img/arrows.png) no-repeat left top;
  left: 10px;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.mainSlide .arrow-right {
  background: url(../img/arrows.png) no-repeat left bottom;
  right: 10px;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.thumb img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	border: 1px solid transparent;
}

#about .discription, #step h4 { margin: 0.5em 0; }

/* about */
#about .discription { color: #003461; font-weight: bold; }
#about .aDetail { background: none; border-bottom: solid 3px #003461; padding: 1em 0; text-align: center; }
#event_detail table { margin: 0 auto 2em auto; text-align: left; }
#event_detail th, #event_detail td { border-bottom: solid #ccc 1px; }
#event_detail th { padding: 0.5em 1em 0.3em 0; }
#event_detail td { padding: 0.5em 0 0.3em 0; }
#event_detail .last th, #event_detail .last td { border-bottom: none; }
#event_detail th { color: #003461; white-space: nowrap; vertical-align:top; }
#event_detail table a { color:#f30; text-decoration: underline; }
#event_detail table span { color: #003461; font-weight:bold; }
#eDetail01, #eDetail02 { background:#efefef; border: 3px solid #003461; }
#eDetail01 h4, #eDetail02 h4 { color:#fff; text-align:center; padding: 0.6em 0 0.8em 0; background: #003461; margin-bottom:1em; }
.reserve { color:#003461; vertical-align:top; background: #b7d31b; font-size: 70%; padding: 0.4em 0.8em; margin-left:1em; font-weight:normal; }
#eDetail01 p, #eDetail02 p { width:85%; margin: 0 auto 0.5em auto; color: #003461; font-weight: bold; }
.subject { border: 1px solid #003461; padding: 0.2em 0.5em; background: #fff; margin-right:1em; }

#before { clear:both; }
#about #notice h4 { color: #333; }
#notice p { margin-top: 2em; }
#notice .red { color:#f30; }

#tokuten { background: #fff; }
.result { font-size: 1.3em; line-height:1.8; font-weight: bold; }/* 16px */
.result .big { font-size: 1.1em; line-height:1; margin: 0 0.05em; }/* 16px */
.card p, .result { color: #003461; }
.gLine { border-bottom: 3px solid #b7d31b; padding-bottom: 3px; }
#comprete { padding-top: 19px; }
#about #tokuten h3.blue { padding: 0.8em; text-align: center; }
#cCont {  border-right: 3px solid #003461; border-bottom: 3px solid #003461; border-left: 3px solid #003461; padding:1em 2.5em; }
#about h4.comprete { color:#fff; line-height: 15px; padding: 1em; background:#003461; }
#about h4.comprete img{ margin-right: 5px; }
#cCont .small { font-size:80%; }

/* cheer */
#cheers .topLead { color: #003461; font-weight: bold; }
#cheerList .lead, #cheerList .big, #cheerList .sLeft, #cheerList .sRight { border-bottom: solid 1px #ccc; }
#cheerList .last { border:none; }
#cheerList .bRight img.sub { display:block; margin-top: 1em; }
#cheerList .big img.company { margin-bottom: 2em; }
#cheerList .big .company {position: relative;}
/* #cheerList .big .company::after {content: ""; display: inline-block; width: 10px; height: 10px; border-top: solid 2px #aaa; border-right: solid 2px #aaa; transform: rotate(45deg); position: absolute; top: 3px; right: 70px;} */
#cheerList h4 { color: #003461; font-weight:bold; letter-spacing:0.1em; }
#cheerList p.name, #cheerList .lead, #cheerList p.title { color: #003461; font-weight:800; }
#cheerList .small .comment { clear:both; }

.kikite { color:#555; font-weight: bold; }
.iwaya span { color: #003461; font-weight:bold; margin-right:1em; }

/*! responsive-nav.js 1.0.32 by @viljamis */
.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.disable-pointer-events {
  pointer-events: none !important;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.facebook-wrapper {
    max-width: 500px;
}

.facebook-wrapper > .fb-page {
    width: 100%;
}

.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}