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

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

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

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

/* others */
body { width:100%; margin: 1em 0;  #111; font-family: sans-serif; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 62.5%; }
a { text-decoration: none; }
h1,h2,h3,h4,h5,h6 { margin:0; }
p { margin: 0 0 1em; list-style-position: inside; }
ul { margin: 0 0 2em; padding:0; list-style-position: inside; }

#container { max-width: 920px; margin: 0 auto; }

header {
	margin-bottom: 20px;
	position: relative;
	height: 78px;
	background:url(../img/common/back_header.gif) bottom repeat-x;
}

h1 { display:inline; }

.enjp a, #link header .enjp a {  #06c; font-weight: bold; text-decoration:underline; }

.entry {
	margin-top: 30px;
	position: absolute;
	bottom: 5px;
	right: 0;
}

#gloval_menu li { font-size: 0.96em; }
#gloval_menu a { font-weight:bold; }
#gloval_menu .movie a, h2#movie, #gloval_menu .art a, h2#art { #09c; } /*#textEntry .movie span*/
#gloval_menu .wine a, h2#wine { #909; }
#gloval_menu .books a, h2#books { #096; }
#gloval_menu .venue a, h2#venue { #096; }
#gloval_menu .music a, h2#music, 
#gloval_menu .stage a, h2#stage { #c06; }

/* footer */
footer { clear: both; text-align: center; margin: 20px 0; width: 100%; }
tColumn {text-align: left;}
footer .associate { margin: 0.5em 0 ; font-weight: bold; }
.copy { margin-top: 10px;}


#news .date { display:block; margin-bottom:5px; font-size:93%; }
#news a {  #C00; text-decoration: underline; }
#news p { border-bottom:1px solid #111; padding-bottom:10px; margin-bottom:10px; }
#banners img, #subCont img, #mainSubside img { margin-bottom:15px; }
address { clear:both; text-align:center; font-size:77%; padding:20px 0 10px 0; }

#basic h2 { margin-bottom: 20px; }
#basic .kBody a, #basic .koenOld a {  #C00; text-decoration: underline; }
#basic h3 a { #222; }
#basic h3 a:hover,#basic h3 a:active { #f00; }
#basic .endai { font-weight: bold; }
#basic h4 { #f00; margin-bottom:5px; }
.pankuzu { font-size:87.5%; line-height:1; margin: 0 0 2em 0; clear:both; }
.pankuzu a {  #111; text-decoration: underline; }
.honbun { clear: both; margin: 20px 0; }
footer { text-align: center; clear: both; }
.nShosai { font-size:92%; }
.super { font-size:72%; #666; vertical-align:super; }

/* ---------------------------- honeyasume ----------------------------- */
.caution {  #06c; }
#textRead ul li { text-indent:-1em; padding-left:1em; }

/* toBasic */
.kTitle { display: inline; line-height:1; font-weight: bold; }
.new { padding: 0 0.4em;  #fff; margin-right: 0.8em; line-height:1; background: #C00; }
.kBody { clear: both; }
.koen { border-bottom: 1px solid #ccc; margin-bottom: 1.5em; }
.koenOld { border-bottom: 1px solid #ccc; margin: 0; padding: 0.3em; }
#koenkai { margin-bottom: 1.5em; }
.koenOld:last-child, #event .koen:last-child, #media .last, #toBasictext .last { border-bottom: none; }
.oneEn { clear: both; border-bottom: 1px solid #ccc; margin-bottom: 2.5em; }
.oneEn img { margin: 1em 0 0 0.5em; }

/* bar */
.textAuthor { font-size: 77%; }/* 10px */
#textRead .lead { margin-bottom: 2em; }

/* artgallery */
.galleryPhoto { margin: 0 auto 2em; text-align:right; }

/* text */
#basic .inyo { font-style: italic; #666; }
#basic .recommend { width: 200px; clear: both; float:left; margin:0 1.5em 1em 0; }

#basic .barTitle { font-size:80%; margin-bottom:0.5em; display:block; }
#basic .cocktail { border:1px solid #999; float:left; padding:2em 1em 0.5em; margin:0 2em 1em 0; background:#eeeeef; text-align:center; font-size: 85%; }
#basic .cocktail img { margin: 0 0 0.5em; }
#basic .cocktail .text { text-align:left; }

#text #main img.h2 { margin:0; }
.teachers { width:100%; clear: both; border-bottom: 1px solid #ccc; padding-bottom: 0.8em; margin-bottom: 1.5em; }
.teachers:last-child { border: none; }
#textIndex .category { margin-bottom: 2em; margin: 0 0 0 1em; }
#textIndex .teacherName { margin-top: 0.5em; clear: both; }
#catList, .labo { background: #f9f9f9; padding: 1.2em; border: 1px solid #ccc; margin-bottom: 2em; }
.labo p { margin:0; }
#text #main a {  #C00; text-decoration: underline; }
#catList h3 { margin-bottom: 0.7em;  #333; }
#basic .teacherName { margin-bottom: 0.5em; }
.enjp { font-size: 1.3em; line-height: 1; }/* 13px */

.origin { margin-bottom: 1.3em;  #666; }
table.teacherName th { white-space: nowrap; vertical-align: top; font-weight: normal; }
table.teacherName th, table.teacherName td { padding: 0.3em 0; }
.teachers .lLeft { float: left; }
.teachers .lRight { float: right; }
.teachers .lRight h3 { margin-left: -0.5em; }

/* pub */
#pub a {  #C00; text-decoration: underline; }
#pub h4 {  #111; padding-bottom: 0.5em; }
.letterEntry { border-bottom: 1px solid #ccc; margin-bottom: 1em; }
.letterEntry:last-child { border-bottom: none; }
.letterEntry ul { margin: 0; }
.letterEntry li, .mailEntry li { list-style: none; }
.mailEntry div { margin-bottom: 2em; }
#pub .mailEntry h4 { margin: 0; }

/* table */
.tableClass00 { width: 100%; margin-bottom: 0.5em; text-align: left; }
.tableClass00 tr, .tableClass00 td { padding-bottom: 0.5em; }
.tableClass00 th { font-weight: normal; vertical-align:text-top; white-space:nowrap; }

.tableClass01 { border: 1px solid #ccc; width: 100%; margin-bottom: 2em; }
.tableClass02 { border: 1px solid #ccc; width: 100%; margin-bottom: 0.2em; }
.tableClass03 { border: 1px solid #ccc; width: 100%; margin-bottom: 0.2em; }
.tableClass01 th, .tableClass01 td { border: 1px solid #ddd; padding: 0.6em; }
.tableClass01 th, .tableClass02 th, .tableClass03 th { background: #eee; }
.tableClass01 ol { margin:0; padding: 0 0 0 2em; }

.tableClass02 th, .tableClass02 td { border: 1px solid #ddd; padding: 0.4em 0.6em; }
.tableClass02 .name { white-space: nowrap; }

.tableClass03 th, .tableClass03 td { border: 1px solid #ddd; padding: 0.4em; }
.tableClass03 .name, .tableClass03 .role, .tableClass03 .title { white-space: nowrap; }
.tableClass03 .role { background: none; }
.chuyaku, .spName { text-align: right; }

.nowrap th { white-space: nowrap; }

.recommend_text { border:1px solid #999; background:#eee; margin-bottom:2em; padding:1em 2em; }
.recommend_text .recommendTitle { font-size:120%; }
.recommendTitle2{font-size: 1.3em; font-weight: bold;}
.recommend_text p{font-size: 0.9em;}

/* Demo Styles */
.swiper-container {
  width: 100%;
   #fff;
  text-align: center;
  max-height: 355px;
}

.pagination {
  position: absolute;
  z-index: 20;
  left: 10px;
  bottom: 10px;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-visible-switch {
  background: #aaa;
}
.swiper-active-switch {
  background: #fff;
}

/*! 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- 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;
}