/*
Theme Name: BlankSlate
Theme URI: http://wordpress.org/themes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: <strong>UPDATE</strong> - 4.0+ is here, completely overhauled, yet again. As always, <a href="http://tidythemes.com/concept/#upgrading">use caution when upgrading</a> (tidythemes.com/concept/#upgrading) and <a href="http://tidythemes.com/concept/">learn the TidyThemes concept</a> (tidythemes.com/concept). &nbsp; &rarr; <em><strong>CAUTION</strong>: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.</em> &nbsp; &rarr; <strong>DESCRIPTION</strong>: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. &nbsp; &rarr; <strong>SUPPORT</strong>: Please use the <a href="http://tidythemes.com/forum/">official support forum</a> (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "<a href="http://tidythemes.com/tidythemes-sucks/">TidyThemes Sucks!</a>" (tidythemes.com/tidythemes-sucks). Just getting started? <a href="http://tidythemes.com/want-to-learn-css/">Want to learn CSS?</a> (tidythemes.com/want-to-learn-css) &nbsp; &rarr; <strong>WHAT'S NEW?</strong>: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. <a href="http://make.wordpress.org/themes/author/chipbennett/">Chip Bennett</a> (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. <a href="http://themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0">See</a> (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been <a href="https://github.com/tidythemes/blankslate">opened up on GitHub</a> (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Version: 4.0.3
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2015 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {color:#232323; line-height:1.5; font-family: 'Noto Sans JP', sans-serif;-webkit-text-size-adjust: 100%;}

#content p > a {
	color: #333;
	text-decoration: underline;
}


.robote {font-family: 'Roboto', sans-serif;}

ul {overflow: hidden;}

/*ヘッダー*/


#header_contact img {
	width: 50px;
	height: auto;
	color: #fff;
}

#top-head .favorite_btn a {
	color: #000;}


/*　//ヘッダー*/


/*content*/

#content article > section {
	padding-bottom: 10%;
}
#content h2 {
	color: #003366;
	position: relative;
	padding: 15px 0 15px 10px;
	font-weight: bold;
}
#content h2::before,
#content h2::after{
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}
#content h2::before{
	top: 0;
	border-top: 2px solid #003366;
	border-bottom: 1px solid #003366;
}
#content h2::after {
	bottom: 0;
	border-top: 1px solid #003366;
	border-bottom: 2px solid #003366;
}

#content h3 {
	background: #003366;
	color: #fff;
padding: 10px 0 10px 10px;
text-align: center;}

#content_box > ul {
	padding: 10px 0;}

#content_box > ul li p img {
	float: left;
	padding: 0 10px 10px 0;}

#content_box > ul li h3 {
	margin-bottom: 1%;
}

.top_text {
	padding:2% 0 10%;
}

.text_top {
	padding-top: 2%;
}

/* フッター */

#copyright {
	text-align: center; color: #fff; font-size: 12px;}
#copyright a {
	color: #fff;}

/* //フッター */

/*　お気に入り　*/

#wpfp_link_box {
	text-align: center;
	padding-bottom: 5%;
}

.wpfp-span > p {
	padding-top: 2%;
}

.byline .oshirase {
	background: #0035bb;}

.byline .kaijyo {
	background: #fc4545;}

.catchcopy p {font-size: 18px;
    font-weight: bold;
text-align: center;
color: #003366;}

.catchcopy p {
	position: relative;
    padding: 10px 0;
    margin-bottom: 10px;
}
.catchcopy p::before,
.catchcopy p::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}

.catchcopy p::after {
	bottom: 0;
	border-top: 1px solid #003366;
	border-bottom: 2px solid #003366;
}

.venue_box {
	padding-bottom: 5%;
}

.wpfp-span ul {padding: 2% 0;}
.wpfp-span li {
	    overflow: hidden;
    padding-bottom: 2%;
    border-bottom: 1px solid #ccc;
    margin-bottom: 2%;
}
.wpfp-span ul li img {
	float: left;
	padding-right: 2%;
}

ul li .wpfp-link{
    background: #ccc;
    color: #333;
    padding: 0.5% 1%;
    font-size: 12px;
    font-weight: bold;
    float: right;
    margin-top: 2%;
}

.wpfp-span {
    font-size: 12px;
    line-height: 1.5;
    font-size: 16px;
    text-align: center;
}

.wpfp-span > a.wpfp-link:hover {
	border: 2px solid #ea3700;
	background: #fff;
	color: #ea3700;
	font-weight: bold;
}

.venue_list {
	padding-top: 2%;
}


.venue_list li img {
	width: 100%;
	height: auto;
}

.venue_list li a:hover {
	opacity: 0.8;
}

.venue_list li a p.shosai {
	position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(255,13,13,0.6);
    color: #fff;
    font-size: 14px;
    padding: 1% 2%;
}

#characteristic_box ul,
#use_box ul {
	padding-top: 2%;
}

#contact_form > label span,
.form_box label span {
	color: tomato;
}

#contact_form > label,
.form_box {
	padding-top: 3%;
}

.wpcf7-list-item label {
	border: 1px dashed #aaa;
    display: block;
    text-align: center;
    padding: 4% 0;
}

	.form_box textarea {
		width: 100%;
		border: 2px solid #003366;
		box-sizing: border-box;
		border-radius: 0px;
		margin-top: 0.5%;
	}

.wpcf7-list-item-label {
	font-weight: bold;
	color: #333;
}

/* パンくず */

.breadcrumbs {
	font-size: 12px;
    padding-bottom: 1%;
}

.box {
	padding-bottom: 5%;
}

.box > h2 {
	margin-bottom: 2%;
}

#guide_nav h3,
#guide_nav2 h3{
	border: 3px double #003366;
    background: #fff;
    color: #003366;
    font-weight: bold;
}

.sidebar_box.search ul li span {
	    display:block;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    background: #02a0e9;
	text-align: center;
	border-radius: 30px;
	border: 3px solid #02a0e9;
	-webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}

.sidebar_box.search ul li a:hover span {
	background: #003366;
border: 3px solid #02a0e9;}
.sidebar_box.search ul li p {
    font-size: 13px;
    line-height: 1.3;
	padding-top: 5px;
color: #333;}

.search2 ul li a {
	display: block;
	text-align: center;
	color: #003366;
	font-weight: bold;
	padding: 2% 0;
	border: 3px solid #fff;
-webkit-transition: .55s ease-in-out;
    -moz-transition: .55s ease-in-out;
    transition: .55s ease-in-out;
}

.search2 ul li a:hover {
	background: #02a0e9;
	color: #fff;
	border: 3px solid #003366;
	font-weight: normal;
	border-radius: 30px;
}

.jp-relatedposts em {
	display: none;
}

h3.jp-relatedposts-headline:after {
	font-size: 16px; /* 適宜変更しましょう*/
	line-height: 16px; /* 適宜変更しましょう*/
	content: "関連コンテンツ";
}

#jp-relatedposts h3.jp-relatedposts-headline {
	display: block !important;
	float: none !important;
}

.jp-relatedposts-post-date,
	.jp-relatedposts-post-context {
		display: none !important;
	}

	.jp-relatedposts-post-a {color: #333;}

.venue_box > h4 {background: #333;
    color: #fff;
    text-align: center;
	font-weight: bold;
    padding: 10px 0;
    margin: 10px 0;}
.planbox {
	background: #eee;
	padding: 2%;
}
.planbox li {
	border-bottom: 1px solid #fff;
	padding: 2%;
}
.planbox li h5 {
	background: #ccc;
    text-align: center;
    padding: 1%;
    margin: 2% 0;
}
/* PC */
@media (min-width: 768px) {
	
	body {width: 100%; min-width: 1060px;font-size:16px;}
	

	.sp { display:none;}
	
	 #top-head {width: 100%;}
	
	h1 {
		font-size: 12px;
    width: 1060px;
    margin: auto;
	color: #555;
	}

	/* メインビジュアル */
#mainvisual {
	width: 1060px;
	margin: auto;}

/* メインビジュアル */
	
	
	 nav{height:66px;}
	.fixed{
    position:fixed;
    left:0;
    top:0;
    z-index:1000;
	width: 100%;
}
	
	#top-head .logo {
		width: 200px;
	float: left;}
	
	 #pc_tel {
    overflow: hidden;
    padding-top: 6px;
    float: right;
    width: 240px;
}
	#pc_tel span {
		display: block;
	text-align: right;
	font-size: 12px;
	font-weight: bold;}
	
	#pc_tel a {
		color:#333333;
	font-size: 25px;
	font-weight: bold;}
	
	#pc_tel p {
		line-height: 1.2
	}
	
	#pc_tel img {
		    width: 35px;
    height: auto;
    padding-right: 5px;
	}
	#pc_mail {
		float: right;
	}
	#pc_mail a {
		background: #ea3700;
    color: #fff;
    display: block;
    padding: 15px 30px;
    border-radius: 5px;
	}

	
	#global-nav {
		background: #003366;
	}
	
	#global-nav > ul {
		width: 1060px;
		margin: auto;
	overflow: hidden;}
	
	#global-nav > ul li {
		float: left;
	}
	
	#global-nav > ul > li ul li {
		border-left: 1px solid #fff;
	}
	#global-nav > ul > li ul li a p span {
		display: block;
		font-size: 10px;
	text-align: center;}
	
	#global-nav #menu-menu-1 {overflow: hidden; border-right: 1px solid #fff;}
	
	#global-nav ul li a {
		min-width: 120px;
		font-size: 14px;
		color: #fff;
		font-weight: bold;
	display: block;
	padding: 15px;
	text-align: center;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;}
	
	#global-nav ul li a p {
		text-align: center;}
	
	#global-nav ul li a:hover {
		background: #02a0e9;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;}
	
	#mobile-head {
		width: 1060px;
		margin: 0 auto 10px;
	overflow: hidden;}
	
	#container {
		width:1060px;
		margin:20px auto 100px;}
	#content {
		width:760px;
		float: right;
		overflow: hidden;
}
	#sidebar {
		width: 300px;
		float: left;
		overflow: hidden;
	}
	
	.sidebar_box,
	.widget-container {
		width: 280px;
	    margin-bottom: 20px;
    border: 1px solid #ccc;}
	
	.sidebar_box h3,
	.widget-container h3 {
		background: #003366;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	}
	
	.sidebar_box ul,
	.widget-area .wpfp_users_favorites_widget_view ul {
		padding:10px;}
	.sidebar_box ul li {
		border-bottom: 1px solid #ccc;
	padding: 5px 0;}
	
	.sidebar_box ul li:last-child {
		border-bottom: none;}
	
	.sidebar_box .byline {
		font-size: 13px;
	}
	
	.sidebar_box .byline span {
        font-size: 11px;
    width: 100px;
    display: inline-block;
    text-align: center;
    color: #fff;
    letter-spacing: 2px;
    float: right;
    padding: 1px 0;
	}
	
	.wpfp_users_favorites_widget_view {
		font-size: 14px;
	}
	
	
	.sidebar_box .title {
		font-size: 14px;
	}
	
	
	div.clear {
		clear: both;}
	
	h2 {
	font-size: 25px;
}
	
	/* what */
#what h4 {
	background: #02a0e9;
    color: #fff;
    padding: 20px 0;
    text-align: center;
    font-size: 18px;
    border-radius: 40px;
    width: 650px;
    margin: auto;}
	
	#content_box > ul#tsuyomi li {
	padding-bottom: 5%;
overflow: hidden;}
	
	#riyou_list li {
	    float: left;
    width: 253px;
    background: #ccc;
    padding: 20px 0;
    border: 5px solid #fff;
    box-sizing: border-box;
    text-align: center;
    border-radius: 10px;
    font-weight: bold;
	
}
	
/* トップページ */
	
	.venue_list li {
	    float: left;
    width: 50%;
    border: 1px solid #ccc;
    padding: 1%;
    box-sizing: border-box;
	position: relative;
}
	
.venue_list li a p.area {position: absolute;
    top: 60px;
    left: 10px;
    color: #fff;
	background: rgba(14,51,95,0.9);
    border-radius: 50px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 3;}
	
.venue_list li a p.access {
	position: absolute;
    top: 60px;
    right: 10px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-size: 14px;
    padding: 1% 2%;
}
	
#content article > section h2 span {    padding-left: 2%;
    font-size: 16px;
    font-weight: bold;}
	
	
/* 会場詳細ページ */
.venue_access {
	padding: 1% 0 2%;
	line-height: 1;
}
.venue_access span {
	background: #003366;
    color: #fff;
    padding: 0 2%;
    border-radius: 20px;
    font-size: 12px;
	margin-right: 1%;
}
#box2 p,
#box3 p {
	font-size: 30px;
    text-align: center;
    font-weight: bold;
}

#box2 p span,
#box3 p span {
	font-size: 16px;
    font-weight: bold;
    line-height: 2;
}
	
#characteristic_box li,
	#use_box li {
	float: left;
    background: #fc4545;
    color: #fff;
    width: 50%;
    border: 2px solid #fff;
    box-sizing: border-box;
    text-align: center;
    padding: 1.5% 0;
	border-radius: 5px;
	font-size: 16px;
}
	
	#map > p {
		padding: 1% 0 2%;
	}
	
	#kihon table{
		margin: 2% 0;
		border-left: 1px solid #aaa;
		border-top: 1px solid #aaa;
	}
	#kihon tr{
    padding: 2% 0;
    border-bottom: 1px solid #aaa;
    box-sizing: border-box;
	}
	#kihon th {
		width: 30%;
		background: #ccc;
		text-align: center;
		vertical-align: middle;
		padding: 1.5% 0;
	}
	#kihon td {
		width: 70%;
		padding: 1.5%;
		border-right: 1px solid #aaa;
		vertical-align: middle;
		
	}
	
	.wpfp-span > a.wpfp-link {
	background: #ea3700;
    color: #fff;
    line-height: 1.5;
    padding: 2px 1%;
    border-radius: 5px;
    display: inline-block;
    border: 2px solid #ea3700;
    width: 300px;
    font-size: 16px;
    text-align: center;
		-webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
	
.wpfp-img {
	width: 32px;
	height: auto;
}
	
#contact_form > label,
.form_box label {
	    display: block;
    text-align: center;
    padding: 1% 0;
    border-bottom: 1px solid #003366;
		font-size: 18px;
	font-weight: bold;
	color: #333;
}
	
	#contact_form > label {
		margin-top: 2%;
	}	

.wpcf7-form-control-wrap > input {
	width: 100%;
    box-sizing: border-box;
    height: 3em;
    /*border-left: 2px solid #003366;
	border-right: 2px solid #003366;
	border-bottom: 2px solid #003366;
	border-top: none;*/
	border: 2px solid #003366;
	margin-top: 0.5%;
	border-radius: 0px;
}
	
	.menu-838 select{
	width: 300px;
    box-sizing: border-box;
    height: 3em;
    /*border-left: 2px solid #003366;
	border-right: 2px solid #003366;
	border-bottom: 2px solid #003366;
	border-top: none;*/
	border: 2px solid #003366;
	margin: 0.5% auto;
	border-radius: 0px;
		display: block;
		font-size: 14px;
}
	
span.wpcf7-list-item {
    width: 30%;
}

input[type="submit"] {
    -webkit-appearance: none;
    width: 45%;
    height: 4em;
    margin: 5% auto 0;
    display: block;
    font-size: 18px;
    background: #ea3700;
    color: #fff;
    font-weight: bold;
    letter-spacing: 2px;
    border: 3px solid #fd8680;
    border-radius: 10px;
	-webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
  }
	
	input[type="submit"]:hover {
		opacity: 0.6;
		-webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
	}
	
	.date .wpcf7-form-control {
		width: 300px;
		display: block;
		margin: auto;
		margin-top: 0.5%;
		font-size: 16px;
		height: 2em;
	}
	
#contact_form > span.wpcf7-form-control-wrap {
    display: block;
    border-top: 2px solid #003366;
    margin-top: 0.5%;
	padding-top: 1%;
	}
	
/* お気に入りリスト */
.wpfp-span ul li a p {
	color: #333;
	text-decoration: underline;
	font-size: 16px;
}
	
/*  footer */
	
#footer {
	padding:20px 0;
	min-height: 120px;
	background: #003366;
	color: #003366;
}
	
#footer_nav {
	    width: 100%;
    background: rgba(255,255,255,0.2);
    position: fixed;
    bottom: 0;
}

#footer_nav a {
	width: 300px;
	float: right;
	    color: #fff;
    background: #ea3700;
    padding: 20px 0;
    display: inline-block;
	text-align: center;
    margin: 1%;
    border-radius: 10px;
    border: 3px solid #fd8680;
    font-size: 18px;
	-webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
	
#footer_nav a:hover {
    background: #fc5c2b;
	-webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
	#footer_nav_inner {width: 1100px;margin: auto;}
	
	#guide_nav {
		padding: 2% 0;
		float: left;
		width: 50%;
	}
	
	#guide_nav2 {
		padding: 2% 0;
		float: right;
		width: 50%;
	}
	
	#guide_nav > li,
	#guide_nav2 > li{
		width: 100%;
    border: 5px solid #fff;
    box-sizing: border-box
	}
	
	#guide_nav > li ul,
	#guide_nav2 > li ul {
		background: #003366;
    padding: 2%;
	}
	
	#guide_nav > li ul li,
	#guide_nav2 > li ul li{
		padding: 1% 0;
    border-bottom: 1px dashed #ccc;
	}
	
	#guide_nav > li ul li a,
	#guide_nav2 > li ul li a,
	#guide_nav > li ul li p,
	#guide_nav2 > li ul li p{
		display: block;
		font-size: 13px;
		color: #fff;
		padding: 5px 0;
		border: 3px solid #003366;
	}

	#guide_nav > li ul li a:hover,
	#guide_nav2 > li ul li a:hover{
		border: 3px double ;
		background: #fff;
		color: #003366;
		font-weight: bold;
	}
	
	#guide_nav > li ul li:first-child,
	#guide_nav2 > li ul li:first-child{
		border-bottom: none;
		padding: 0;
	}
	
#flow.box ul li {
	padding-bottom: 5%;
}
#flow.box ul li p {
	padding-top: 1%;
}

/* コンシェルジュ */
#content_box .inner_box {
	padding-bottom: 10%;
}

#content_box .inner_box p {padding: 2% 0;}
#content_box .inner_box #nayami {padding-top: 2%;}
#content_box .inner_box #nayami img {    width: 35px;
    height: auto;
    padding-right: 1%;
}
#content_box .inner_box #nayami li {
	    padding-bottom: 2%;
    font-size: 20px;
	font-weight: bold;
}
	
	.inner_box #con_flow p {
		overflow: hidden;
    background: #ecf4fc;
    margin-bottom: 20px;
		padding: 20px;
	}
	
#content_box .inner_box #nayami span {
		font-weight: bold;
	}
	#content_box .inner_box #tsuyomi,
	.inner_box #con_flow{
		padding-top:20px;
	}
	#content_box .inner_box #tsuyomi li,
	#con_flow li{
		overflow: hidden;
	}

	#content_box .inner_box #tsuyomi li img,
	#con_flow li img {
		float: left;
		width: 20%;
		height: auto;
	}
	#con_flow li:after {
		content: "";
    display:block;
    width: 50px;
    height: 50px;
    background: url("images/arrow.png") no-repeat;
    background-size: contain;
    margin: auto;
	padding-bottom: 20px;
	}

	#con_flow li:last-child:after {
		content: none;
	}
	
	}/* //メディアクエリ（PC）*/


/* スマホ */
@media (max-width: 767px) {
	body {width: 100%;font-size:14px;}
	.pc { display:none;}
	img {width: 100%; height: auto;}
	#container {
		width: 95%;
		margin: auto;
	}
	
	#content {
		padding-bottom: 10%;
	}
	h1 {
		font-size: 10px;
    color: #333;
    padding: 5px 2px 0;
    background: #fff;
    position: relative;
    z-index: 9999999;
	}
	#content h2 {font-size: 16px;}
	#content h3 {font-weight: bold;}
	
	/*　ハンバーガーメニュー　*/
.inner:after {
    content: "";
    clear: both;
    display: block;}
 
/* header */
#top-head {
    top: -100px;
    position: absolute;
    width: 100%;
    margin: 100px auto 0;
    padding: 30px 0 0;
    line-height: 1;
    z-index: 999;}
	
#top-head a,
#top-head {
    color: #fff;
    text-decoration: none;}
	
#top-head .inner {position: relative;}
	
#top-head .logo {
    float: left;
    font-size: 36px;}
	
#global-nav ul {
    list-style: none;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;}
	
#global-nav ul li {float: left;}
	
#global-nav ul li a {padding: 0 30px;}
 
/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    padding-top: 10px;
    height: 55px;
    background: #fff;
    background: rgba(255,255,255,.7);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;}
	
#top-head.fixed .logo {
    font-size: 24px;
    color: #333;}
#top-head.fixed #global-nav ul li a {
    color: #333;
    padding: 0 20px;}
 
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 5px;
    top: 8px;
    width: 30px;
    height: 26px;
    cursor: pointer;
    z-index: 101;
    background: #13448f;
    padding: 10px;
	z-index: 9999;
}
#nav-toggle div {position: relative;}
	
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;}
	
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 11px;}
#nav-toggle span:nth-child(3) {top: 22px;}

/* ナビ */
    #top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: relative;
        margin-top: 0;
		background: #fff;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
    width: 100%;
	height: 60px;
    z-index: 999;
    position: relative;
	background:#fff;
    }

    #top-head.fixed .logo,
    #top-head .logo {
    position: absolute;
    left: 2%;
    top: 15%;
    width: 190px;
    }
	
	#menu-menu-1 p span {display: none;}
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -485px;
        background: rgba(0,51,102,0.9);
        width: 100%;
        text-align: center;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
    }
    #global-nav ul li {
        float: none;
        position: static;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 98%;
        display: block;
        color: #fff;
        padding: 18px 0;
		margin: 0 0 0 2%;
    }
	
	#menu-menu-1 p {
       text-align: center;
    }
	
	#menu-menu-1 li {
		border-bottom: 1px solid #fff;}

    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }
	
	#mobile-head > ul > li:first-child {
		width:50px;}
		#mobile-head > ul > li:nth-child(2) {
		width:50px;
		padding-right:10%;}
	
	#mobile-head > ul > li {
		float:left;
		width:15%;
		padding-left:2%;}
		
		
#mobile-head > ul {
	    overflow: hidden;
    padding-top: 6px;
    float: right;
    width: 120px;/*170px*/
    height: 54px;
	}

/*ハンバーガーメニュー*/
	
/* what */
#what h4 {
	background: #02a0e9;
    color: #fff;
    padding: 2% 0;
    text-align: center;
    font-size: 14px;
    border-radius: 40px;
    width: 90%;
    margin: auto;}
	
#content_box > ul#tsuyomi li {
	padding-bottom: 10%;
	overflow: hidden;}
	
	#riyou_list li {
	    float: left;
    width: 50%;
    background: #ccc;
    padding: 2% 0;
    border: 2px solid #fff;
    box-sizing: border-box;
    text-align: center;
    border-radius: 10px;
    font-weight: bold;
		font-size: 12px;
	
}
	
/* sidebar */

	.sidebar_box,
	.widget-container {
		width: 100%;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    box-sizing: border-box;}
	
	.sidebar_box h3,
	.widget-container h3 {
		background: #003366;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	}
	
	.sidebar_box ul,
	.widget-area .wpfp_users_favorites_widget_view ul {
		padding:10px;}
	.sidebar_box ul li {
		border-bottom: 1px solid #ccc;
	padding: 5px 0;}
	
	.sidebar_box ul li:last-child {
		border-bottom: none;}
	
	.sidebar_box .byline {
		font-size: 13px;
	}
	
	.sidebar_box .byline span {
    font-size: 13px;
    width: 100px;
    display: inline-block;
    text-align: center;
    padding: 1px 0;
    color: #fff;
    letter-spacing: 2px;
		float: right;
	}
	
	.wpfp_users_favorites_widget_view {
		font-size: 14px;
	}
	
	
	.sidebar_box .title {
		font-size: 14px;
	}
	
/*　お気に入りリスト */
	.wpfp-span ul li img {
    width: 40%;
}
	
.wpfp-span ul li a p {
	color: #333;
	text-decoration: underline;
	font-size: 14px;
}
	
/* トップページ */
	
	.venue_list li {
    width:100%;
    border: 1px solid #ccc;
    padding: 1%;
    box-sizing: border-box;
	position: relative;
}
	
.venue_list li a p.area {
    position: absolute;
    top: 50px;
    left: 10px;
    color: #fff;
    background: rgba(14,51,95,0.9);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 2.8;
	font-weight: bold;
}
	
.venue_list li a p.access {
	position: absolute;
    top: 50px;
    right: 10px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-size: 14px;
    padding: 1% 2%;
}
	
	#mainvisual {
		padding-bottom: 2%;
	}
	
#content article > section h2 span {    padding-left: 2%;
    font-size: 10px;
    font-weight: bold;
	line-height: 2;}
	
/* 会場詳細ページ */
.venue_access {
	padding: 2% 0 4%;
	line-height: 1;
}
.venue_access span {
	background: #003366;
    color: #fff;
    padding: 0 2%;
    border-radius: 20px;
    font-size: 12px;
	margin-right: 1%;
}
	
#box2 p,
#box3 p{
	font-size: 25px;
    text-align: center;
    font-weight: bold;
}

#box2 p span,
#box3 p span {
	font-size: 14px;
    font-weight: bold;
    line-height: 2;
}
	
	#characteristic_box li,
	#use_box li{
	float: left;
    background: #fc4545;
    color: #fff;
    width: 50%;
    border: 2px solid #fff;
    box-sizing: border-box;
    text-align: center;
    padding: 1.5% 0;
	border-radius: 5px;
	font-size: 12px;
	font-weight: bold;
}
	
#map > p {
		padding: 2% 0;
	}
	
.wpfp-span > a.wpfp-link {
	background: #ea3700;
    color: #fff;
    line-height: 1.5;
    padding: 2px 1%;
    border-radius: 5px;
    display: inline-block;
    border: 2px solid #ea3700;
    width: 70%;
    font-size:16px;
    text-align: center;
}
	
.wpfp-img {
	width: 30px;
	height: auto;
}
	
	#kihon table {
		margin: 2% 0;
		border: 1px solid #aaa;
	}
	#kihon tr {
    padding: 2% 0;
    border-bottom: 1px solid #aaa;
    box-sizing: border-box;
	text-align: center;
	}
	#kihon th {
		width: 100%;
		background: #ccc;
		font-weight: bold;
		display: block;
		text-align: center;
		padding: 2% 0;
	}
	#kihon td {
		width: 100%;
		padding: 4%;
		display: block;
		box-sizing: border-box;
		
	}
	
#contact_form > label,
.form_box label {
	    display: block;
    text-align: center;
    border-bottom: 1px solid #003366;
		font-size: 14px;
	font-weight: bold;
	color: #333;
}
	
	#contact_form > span.wpcf7-form-control-wrap {
    display: block;
    border-top: 2px solid #003366;
    margin-top: 0.5%;
	padding-top: 1%;
	}

.wpcf7-form-control-wrap > input {
	width: 100%;
    box-sizing: border-box;
    height: 3em;
    /*border-left: 2px solid #003366;
	border-right: 2px solid #003366;
	border-bottom: 2px solid #003366;
	border-top: none;*/
	border: 2px solid #003366;
	margin-top: 0.5%;
	border-radius: 0px;
}
	
.menu-838 select{
	width: 100%;
    box-sizing: border-box;
    height: 3em;
    /*border-left: 2px solid #003366;
	border-right: 2px solid #003366;
	border-bottom: 2px solid #003366;
	border-top: none;*/
	border: 2px solid #003366;
	margin-top: 0.5%;
	border-radius: 0px;
}

span.wpcf7-list-item {
    width: 48%;
    box-sizing: border-box;
    margin: 1% !important;
}
	
	.date .wpcf7-form-control {
		width: 300px;
		display: block;
		margin: auto;
		margin-top: 0.5%;
		font-size: 16px;
		height: 2em;
	}
	
input[type="submit"] {
    -webkit-appearance: none;
    width: 80%;
    height: 3em;
    margin: 5% auto 0;
    display: block;
    font-size: 16px;
    background: #ea3700;
    color: #fff;
    font-weight: bold;
    letter-spacing: 2px;
    border: 2px solid #fd8680;
    border-radius: 10px;
  }
	
/* footer */
	
#footer {
	padding:20px 0;
	min-height: 80px;
	background: #003366;
	color: #003366;
}
	
#footer_nav {
	    width: 100%;
    background: rgba(0,51,102,0.6);
    position: fixed;
    bottom: 0;
}

#footer_nav a {
	width: 80%;
	    color: #fff;
    background: #ea3700;
    padding: 3% 0;
    display:block;
    margin: 3% auto;
    border-radius: 10px;
    border: 2px solid #fd8680;
    font-size: 14px;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
}
	
	#guide_nav,
	#guide_nav2 {
		padding: 2% 0;
	}
	
	#guide_nav > li,
	#guide_nav2 > li{
		background: #003366;
		margin-bottom: 4%;
	}

	#guide_nav > li a,
	#guide_nav2 > li a{
		color: #fff;
		font-weight: bold;
		display: block;
		font-size: 12px;
	}
	#guide_nav > li p,
	#guide_nav2 > li p{
		color: #fff;
	}
	#guide_nav > li ul li,
	#guide_nav2 > li ul li{
		border-bottom: 1px dashed #fff;
		padding: 2% 0;
		margin: 1% 2%;
	}
	#guide_nav > li ul li:first-child,
	#guide_nav2 > li ul li:first-child{
		border-bottom: none;
		padding: 0;
		margin: 0;
	}

	#guide_nav > li ul li:last-child,
	#guide_nav2 > li ul li:last-child{
		border-bottom: none;
	}
	
#flow.box ul li {
	padding-bottom: 10%;
}
#flow.box ul li p {
	padding-top: 2%;
}
	
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.jp-relatedposts-post img {
	height: auto; /* 適宜変更しましょう*/
	width: 100%; /* 適宜変更しましょう*/
}
	
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
    width: 48% !important;
    float: left;
	clear: none !important;
	margin: 1%!important;
	padding-right: 0!important;
}
	
#jp-relatedposts .jp-relatedposts-items-visual {
    margin-right: 0;
    overflow: hidden;
    width: 100%;
}

#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
    font-size: 12px !important;
line-height: 1.2 !important;
    margin: 2% 0!important;
}
	
/* コンシェルジュ */
#content_box .inner_box {
	padding-bottom: 10%;
}

#content_box .inner_box p {padding: 2% 0;}
#content_box .inner_box #nayami {padding-top: 2%;}
#content_box .inner_box #nayami img {    width: 25px;
    height: auto;
    padding-right: 1%;
	float: left;
}

	#content_box .inner_box #nayami span {
		display: table-cell;
		font-weight: bold;
		padding-top: 1.6%;
	}
#content_box .inner_box #nayami li {
	padding-bottom: 4%;
    font-size: 14px;
	line-height: 1.4;
	overflow: hidden;
}
	

}/* //メディアクエリ（スマホ）*/