@charset "utf-8";

/*
Theme Name: PC 中居正広のミになる図書館
Version: 1.0
Author: mediaplex
Author URI: http://www.mediaplex.co.jp/
*/

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	WordPress Native Styles

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }
.clear { clear: both; }
/*
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix {
	*zoom: 1;
	overflow: hidden;
}
*/
 
p {
    display: block;
    margin: 1em 0;
}
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}

img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}
img {
	max-width: 100%;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	Theme Styles

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

@font-face {
  font-family: 'tvasahi-webfont';
  src: url("/common/static/fonts/tvasahi-webfont.eot");
  src: url("/common/static/fonts/tvasahi-webfont.eot?#iefix") format("embedded-opentype"), url("/common/static/fonts/tvasahi-webfont.woff") format("woff"), url("/common/static/fonts/tvasahi-webfont.ttf") format("truetype"), url("/common/static/fonts/tvasahi-webfont.svg#webfont") format("svg"); }

.clearfix {
  overflow: hidden;
  *zoom: 1; }

.left {
  float: left; }

.right {
  float: right; }

.liquid-wrapper:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 360px;
  bottom: 0;
  left: 0;
}

.aside:after, .aside-min:after {
  content: "";
  display: block;
  position: absolute;
  width: 360px;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-repeat: repeat-y; }

/*
 * target: IE6,7
 * Validator: Valid
 */
html*.container-wrapper {
  background: #f2f2f2 url(./images/bg.png) repeat-y 50% 0; }

.aside:after {
  background-position: -920px 0; }

.aside-min:after {
  background-position: -1260px 0; }

.aside-container {
  position: relative;
  z-index: 1; }

.container-wrapper {
  background: #f2f2f2; }

.main-container {
  padding: 0 20px 0 40px; }
.main-container section {
  padding: 20px 0; }
.main-container section .site-title {
  color: #fafafa;
  margin: 0 -20px;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
  background-color: #00a0c6;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00a0c6), color-stop(100%, #0082a8));
  background-image: -webkit-linear-gradient(top, #00a0c6, #0082a8);
  background-image: -moz-linear-gradient(top, #00a0c6, #0082a8);
  background-image: -o-linear-gradient(top, #00a0c6, #0082a8);
  background-image: linear-gradient(top, #00a0c6, #0082a8);
  padding: 5px 20px; }
.main-container section p {
  margin-top: 10px; }
  
  
  
  
 
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	mininaru Styles

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

@charset "UTF-8";

/* default ------------------------------------------------------------------------- */
.liquid-wrapper:after { content: ""; display: block; position: absolute; z-index: 0; top: 0; right: 360px; bottom: 0; left: 0;}
.aside:after, .aside-min:after { content: ""; display: block; position: absolute; width: 360px; z-index: 0; top: 0; right: 0; bottom: 0;}
.container-wrapper { background: #f2f2f2;}

/*
 * target: IE6,7
 * Validator: Valid
 */
html*.container-wrapper { }
.aside:after { background-position: -920px 0;}
.aside-min:after { background-position: -1260px 0;}
.aside-container { position: relative; z-index: 1;}
.main-container { padding: 0 20px 40px 20px;}
.main-container section { padding: 20px 0 0 0;}
.main-container section .site-title { color: #fafafa; margin: 0 -20px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); background-color: #959595; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #959595), color-stop(100%, #646464)); background-image: -webkit-linear-gradient(top, #959595, #646464); background-image: -moz-linear-gradient(top, #959595, #646464); background-image: -o-linear-gradient(top, #959595, #646464); background-image: linear-gradient(top, #959595, #646464); padding: 5px 20px;}

/* .main-container section p { margin-top: 10px; text-indent: 1em;} */

/*
 * addition
 */

/* common ------------------------------------------------------------------------- */
body, input { margin: 0; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; font-size: 14pt; line-height: 1.5em; color: #333333;}
body { background:url(./images/bg-pat.gif) repeat;}

.header { padding:0;}
#header-image a:hover { background: none !important;}
.container-wrapper { background: url(./images/bg.png) no-repeat scroll center top transparent;}
.main-container { background: #FFFFFF;}
.main-container section { margin-bottom:15px;}
.main-container section p.center { text-align:center;}
.page-nav ul li, .page-nav ul li a, .page-nav ul li a:hover, .page-nav ul li a.active { border: none; background:none;}
.sns { padding-top:10px; background-color:#FFFFFF;}

.page-nav { -webkit-box-shadow: inset 0px 3px 8px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0px 3px 8px rgba(0, 0, 0, 0.125); box-shadow: inset 0px 3px 8px rgba(0, 0, 0, 0.125); padding-top: 0px;}
.page-nav ul { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); border: none;}

.page-nav ul li { background: #FFFFFF; text-align:center;}
/*.page-nav ul li { width:25%; background: #FFFFFF; text-align:center;} メニュー4項目*/
/*.page-nav ul li { width:20%; background: #FFFFFF; text-align:center;} メニュー5項目*/
.page-nav ul li a { color: #ffffff; padding: 10px 25px !important; text-shadow: none;}
.page-nav ul li a:hover { color: #ffffff; text-shadow: none;}
.page-nav ul li.menu-top a { color: #e16d6e; border-bottom:5px solid #e16d6e !important;}
.page-nav ul li.menu-top a:hover, .page-nav ul li.menu-top.current-menu-item a { color: #ffffff; background-color: #e16d6e !important;}
.page-nav ul li.menu-program a { color: #fec262; border-bottom:5px solid #fec262 !important;}
.page-nav ul li.menu-program a:hover, .page-nav ul li.menu-program.current-menu-item a { color: #ffffff; background-color: #fec262 !important;}
.page-nav ul li.menu-backnumber a { color: #509731; border-bottom:5px solid #509731 !important;}
.page-nav ul li.menu-backnumber a:hover, .page-nav ul li.menu-backnumber.current-menu-item a { color: #ffffff; background-color: #509731 !important;}
.page-nav ul li.menu-uwasa a{ color: #903098; border-bottom:5px solid #903098 !important;}
.page-nav ul li.menu-uwasa a:hover, .page-nav ul li.menu-uwasa.current-menu-item a{ color: #ffffff; background-color: #903098 !important;}

.page-nav-inner { padding: 0!important; font-size: 100%;}

/* top ------------------------------------------------------------------------- */
.info dl { padding: 5px 10px 10px 10px;}
.info dt { display: block; color: #d90703; font-size: 70%; line-height: 1.6em;}
.info dd { color: #1c1c1c; margin: 0 0 10px 0; margin-bottom: 5px; padding-bottom: 5px; font-size: 100%; line-height: 1.6em;}

.wlist { margin-top: 10px;}
.wlist dl { padding: 5px 10px 10px 10px;}
.wlist dt { display: block; color: #d90703; font-size: 70%; line-height: 1.6em;}
.wlist dd { color: #1c1c1c; margin: 0 0 10px 0; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #6d6a64; font-size: 100%; line-height: 1.6em;}

.main-container section h1 {margin: 0 0 5px 0; padding: 4px 0 0 10px; border-bottom: 3px #e16d6e solid; color: #e16d6e; font-size: 120%; font-weight:bold; line-height: 1.6em;}
.main-container section h1.program { border-bottom: 2px #fec262 solid; color: #fec262; }
.main-container section h1.backnumber { border-bottom: 2px #509731 solid; color: #509731;}
.main-container section h1.uwasa{ border-bottom: 2px #903098 solid; color: #903098;}
.main-container section h1.h1_date {
	line-height: 1em;
	border-bottom: none;
}
.main-container section h1.h1_nextdate { border-bottom: none; line-height: 1em; }

.info a, .wlist a { font-weight: bold;}

/* contents ------------------------------------------------------------------------- */

p.text { font-size:0.8em; line-height:1.6em; text-indent:0 !important;}
p.text img {width: 60%;}
div.small { font-size:0.8em; line-height:1.6em; text-indent:0 !important;}

.load-backnumber dl { padding: 5px 10px 10px 10px;}
.load-backnumber dt { display: block; color: #E16D6E; font-size: 70%; line-height: 1.6em;}
.load-backnumber dd { color: #1c1c1c; margin: 0 0 10px 0; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #6d6a64; font-size: 100%; line-height: 1.6em;}

/*
 * javascript
 */
 
/* scrolltopcontrol.js ------------------------------------------------------------------------- */
.scroll2top { display: table-cell; width: 50px; height: 50px; z-index: 10; color: #fff; background-color: #dfe1e1; background:url(./images/scroll2top.png) center top no-repeat;}

/* shadowbox.js ------------------------------------------------------------------------- */
#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message { font-family: "HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 200; color: #fff;}
#sb-container { position: fixed; margin: 0; padding: 0; top: 0; left: 0; z-index: 999; text-align: left; visibility: hidden; display: none;}
#sb-overlay { position: relative; height: 100%; width: 100%;}
#sb-wrapper { position: absolute; visibility: hidden; width: 100px;}
#sb-wrapper-inner { position: relative; border: none; overflow: hidden; height: 100px;}
#sb-body { position: relative; height: 100%;}
#sb-body-inner { position: absolute; height: 100%; width: 100%;}
#sb-player.html { height: 100%; overflow: auto;}
#sb-body img { border: none;}
#sb-loading { position: relative; height: 100%;}
#sb-loading-inner { position: absolute; font-size: 14px; line-height: 24px; height: 24px; top: 50%; margin-top: -12px; width: 100%; text-align: center;}
#sb-loading-inner span { background: url(../../mininaru/js/shadowbox/img/loading.gif) no-repeat; padding-left: 34px; display: inline-block;}
#sb-body, #sb-loading { background-color: #060606;}
#sb-title, #sb-info { position: relative; margin: 0; padding: 0; overflow: hidden;}
#sb-title, #sb-title-inner { height: 26px; line-height: 26px;}
#sb-title-inner { font-size: 16px;}
#sb-info, #sb-info-inner { height: 20px; line-height: 20px;}
#sb-info-inner { font-size: 12px;}
#sb-nav { float: right; height: 16px; padding: 2px 0; width: 45%;}
#sb-nav a { display: block; float: right; height: 16px; width: 16px; margin-left: 3px; cursor: pointer; background-repeat: no-repeat;}
#sb-nav-close { background-image: url(../../mininaru/js/shadowbox/img/close.png);}
#sb-nav-next { background-image: url(../../mininaru/js/shadowbox/img/next.png);}
#sb-nav-previous { background-image: url(../../mininaru/js/shadowbox/img/previous.png);}
#sb-nav-play { background-image: url(../../mininaru/js/shadowbox/img/play.png);}
#sb-nav-pause { background-image: url(../../mininaru/js/shadowbox/img/pause.png);}
#sb-counter { float: left; width: 45%; display: none;}
#sb-counter a { padding: 0 4px 0 0; text-decoration: none; cursor: pointer; color: #fff;}
#sb-counter a.sb-counter-current { text-decoration: underline;}
div.sb-message { font-size: 12px; padding: 10px; text-align: center;}
div.sb-message a:link, div.sb-message a:visited { color: #fff; text-decoration: underline;}

/*150608追加*/
.header-image {
  position: relative;
  overflow: hidden;
}
.header-image .cover {
  position: absolute;
  top: 0;
  left: 0;
}