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

/* 主なタグの設定
------------------------------------- */
body{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	font-size: 62.5%;
	text-align:center;
	font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro"," 游明朝","メイリオ","Meiryo","Osaka","MS PMincho","ＭＳＰ明朝","serif";
}

h1{
	font-size:2.4em;
	padding-top:1em;
	border-top:#a09263 solid 0.1em;
}
h2{
	font-size:2.4em;
	padding:0.57em 0 0.3em;
}

h2 a{
	color:#000;
}

h3{
	font-size:1.8em;
}
p{
	font-size:1.4em;
}

a:hover,
a img:hover,
a h1:hover{
  opacity: 0.7;
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity: 0.7;
  -o-opacity: 0.7;
  -webkit-opacity: 0.7;
  -khtml-opacity: 0.7;
}


/* 不要なものを非表示に
------------------------------------- */

#spMenu,
.accessText br,
.pc{
	display:none;
}

/* ヘッダー
------------------------------------- */

#footerMenu,
#footerLogo2,
#logo2,
#pcMenu{
	display:none;
}

#footerLogo,
#logo{
	position:absolute;
	top:1em;
	left:1em;
}

#footerLogo img,
#logo img{
	width:70%;
	height:auto;
	display:block;
}

#exNav2,
#exNav{
	display:none;
}

/* ハンバーガー
------------------------------------- */

.menu
{ width: 35px; height:31px; position: fixed; top:12px; right:12px; cursor:pointer; z-index:2; }
.menu1
{ width:35px; height:6px; background-color:#666; top:0px; position:absolute; border:#fff solid 0.1em; } 
.menu2
{ width:35px; height:6px; background-color:#666; top:10px; position:absolute; border:#fff solid 0.1em; } 
.menu3
{ width:35px; height:6px; background-color:#666; top:20px; position:absolute; border:#fff solid 0.1em; }

.menu1,.menu2,.menu3{
	transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
	-o-border-radius: 50px;
	-ms-border-radius: 50px;
  }
  
.menuclick1{
	top:17px;
    -o-transform: rotate(405deg);
    -moz-transform: rotate(405deg);
    -webkit-transform: rotate(405deg);
    -ms-transform: rotate(405deg);
    transform: rotate(405deg); }
.menuclick2{ opacity:0;}
.menuclick3{
	top:17px;
	-o-transform: rotate(-405deg);
    -moz-transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
    -ms-transform: rotate(-405deg);
    transform: rotate(-405deg); } 

#spMenu ul{
	width:100%;
	position:fixed;
	z-index:1;
	top:0;
	padding:6.5em 0 0 0;
	background:#f5f2ed;
}
#spMenu ul li{
	display:block;
	width:100%;
	margin:0 auto;
	background:#f5f2ed;
	border-bottom:#a09263 1px solid;
	position:relative;
}

#spMenu ul li a{
	display:block;
	width:100%;
	color:#a09263;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	padding:1.2em;
}


/* 会場エリア
------------------------------------- */

.hall{
	width:80%;
	height:auto;
	display:block;
	margin:0 auto;
	padding:2.5em 0;
}
.hall p{
	font-size:1.8em;
}

.hall img{
	width:100%;
	height:auto;
}

.hall .btn{
	width:80%;
	display:block;
	padding:0.2em 0;
	margin:1em auto 0;
    background:#999;
	text-align:center;
    font-size:1.5em;
	color:#fff;
}

.hall h2{
	font-weight:100;
	font-size:1.8em;
}

.plan{
	font-size:1.2em;
	font-weight:bold;
}


.comment,
.comment2,
.comment3{
	width:95%;
	height:15em;
	padding:2em 1em;
	margin:2em auto;
	display:block;
	border:double #a09263 1px;
	font-size:0.8em;
}

/* コラムエリア
------------------------------------- */

#columnWrap{
	width:90%;
	margin:0 auto;
	padding-bottom:2em;
}

.column{
	width:48.6%;
	display:block;
	float:left;
	margin:0 0.2em 0.4em 0.2em;
}

.column h2{
	width:100%;
	font-size:1.7em;
	line-height:1.5;
	font-weight:100;
}

.column p{
	padding:2em 1.5em;
	text-align:left;
}

.column a{
	color:#333;
}

.next{
	font-size:1.7em;
}

/* アクセスエリア
------------------------------------- */

#accessL,
#accessR{
	width:90%;
	display:block;
	margin:0 auto;
}

#accessL img{
	width:100%;
	height:auto;
	margin-bottom:1em;
}

.accessText{
	text-align:left;
	font-size:1.2em;
	margin-bottom:1.5em;
}

.map{
	width:100%;
	height:25em;
	margin:1em 0 1.5em;
}
.sns{
  width:90%;
  display:block;
  margin:0 auto;
}
#accessR img{
  width:26%;
  height:auto;
	margin-bottom:1.5em;
	margin-left:5%;
	display:block;
}
#accessR .last{
  margin-right:6%;
}

/* バナーエリア
------------------------------------- */

.banner{
	width:80%;
	padding:0.5em;
	display:block;
	margin:0 auto;
}

.banner img{
	width:100%;
	height:auto;
}

/* フッター
------------------------------------- */

#footer{
	width:100%;
	padding:2em 0 5em;
	background:#f5f2ed;
	color:#a09263;
}

footer nav a{
	color:#a09263;
	font-size:1.4em;
}

footer nav a{
	padding:0.5em;
	font-weight:bold;
}

footer nav a:hover{
	color:#f5f2ed;
	background:#a09263;
}


/* スマホ下部固定メニュー
------------------------------------- */

#footer-btn{
 	width: 100%;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	background-color: #f5f2ed;
	position: fixed;
	bottom: 0px;
	z-index: 4;	
}

#footer-btn li{
	height: 50px;
	display:block;
	line-height: 50px;
	text-align:center;
	padding:0 auto;
	list-style-type:none;
	float:left;
	font-size:18px;
	border:2px solid #a09263;	
	
}

#footer-btn li a{
	color:#a09263;
}

#footer-btn img{
	display:block;
	margin:0 auto;
	padding-top:6px;
	width:25px;
	height:auto;
}

/* トップへ戻るボタン
------------------------------------- */

.page-top {
	width:2em;
	height:2em;
    position: fixed;
    bottom: 4em;
    right: 1em;
    padding: 0.2em 0.46em 0.6em;
    background: #f5f2ed;
	text-align:center;
	color:#a09263;
	border:#a09263 solid 0.01em;
    font-size:2em;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -o-opacity: 0.8;
    -webkit-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
	transition:all 0.3s ;
	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	-o-transition:all 0.3s ;
	-ms-transition:all 0.3s ;
	z-index:2;
}


.page-top:hover{
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

/* 余白
------------------------------------- */
.mt5  { margin-top: 0.5em; }
.mt10 { margin-top: 1em; }
.mt15 { margin-top: 1.5em; }
.mt20 { margin-top: 2em; }
.mt30 { margin-top: 3em; }
.mt40 { margin-top: 4em; }
.mt50 { margin-top: 5em; }
.mt100 { margin-top: 10em; }

.mb10 { margin-bottom: 0.5em; }
.mb10 { margin-bottom: 1em; }
.mb15 { margin-bottom: 1.5em; }
.mb20 { margin-bottom: 2em; }
.mb30 { margin-bottom: 3em; }
.mb40 { margin-bottom: 4em; }
.mb50 { margin-bottom: 5em; }

.pt10 { padding-top: 1em; }
.pt15 { padding-top: 1.5em; }
.pt20 { padding-top: 2em; }
.pt30 { padding-top: 3em; }
.pt40 { padding-top: 4em; }
.pt50 { padding-top: 5em; }
.pr30 { padding-top: 3em; }
.pf30 { padding-top: 3em; }
.pb10 { padding-bottom: 1em; }
.pb15 { padding-bottom: 1.5em; }
.pb20 { padding-bottom: 2em; }
.pb30 { padding-bottom: 3em; }
.pb40 { padding-bottom: 4em; }
.pb50 { padding-bottom: 5em; }

.ml10 { margin-left: 1em; }
.ml3{ margin-left: 3%; }
.mr10{ margin-right:1em; }

/* 幅の指定
------------------------------------- */

.spw80 { width: 80%; }
.w40{ width: 40%;}
.w20{ width: 20%;}

/* フレームサイズ
------------------------------------- */

/* 文字サイズ
------------------------------------- */
.fs20 { font-size:2em; }
.fs12 { font-size:1.2em; }

/* 文字強調
------------------------------------- */
.strong{
	font-weight:bold;
	font-size:1.3em;
}

.bold{
	font-weight:bold;
}

/* 文字位置
------------------------------------- */
.textL{
	text-align:left;
}
.textR{
	text-align:right;
}

/* 色の指定
------------------------------------- */

.pk{color:#E94A7A;}
.gold{color:#a09263;}
.bgold{background-color:#f5f2ed;}


/* 改行の表示
------------------------------------- */

.br br{
	display:inline;
}
	
/* フロートの設定
------------------------------------- */

.fl{float:left;}
.fr{float:right;}

/* ボーダーの設定
------------------------------------- */

.border-gray{border:#999 solid 0.3em;}
.border-green{border:#22BB9F solid 0.3em;}
.border-gold{border:#a09263 solid 0.1em;}
.border-bottom-gold{border-bottom:#a09263 solid 0.2em;}
.border-bottom-green{border-bottom:#22BB9F solid 0.2em;}
.border-none{border:none}


/* バックグラウンドの設定
------------------------------------- */

.back-gray{background:#999;color:#fff;}
.back-gold{background:#f5f2ed;color:#a09263;}
.back-gold2{background:#a09263;color:#fff;}
.back-green{background:#2bd1b3;color:#fff;}

/* エラーの設定
------------------------------------- */

ul.error {
	padding: 5px;
	list-style: none;
	background: #FFB0B0;
  font-size: 1.3em;
	margin-bottom: 20px;
}

ul.error li {
	border-bottom: 1px dotted #FFF;
	padding-left: 10px;
	font-weight: bold;
  font-size: 1.3em;
	color: #F00;
}