@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; }
 
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

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
　　
/* 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; background-image:url(./images/bg.jpg) !important; }

/*
 * 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 0 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.jpg) repeat center top;}


.container-wrapper { background: url(../img/bg.jpg) no-repeat scroll center top transparent;}

.main-container { padding-bottom:30px; padding-left:60px; background: url(./images/main-container-bg.png) repeat-y scroll left top transparent;}
.main-container section { margin-bottom:15px;}
.main-container section h1 { display:inline-block; padding:14px 80px 0 15px; height:40px; min-height:40px !important; color: #000000; font-weight:bold; letter-spacing:0.2em; background:url(./images/title-bg.png) top left no-repeat;}
.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;}

.page-nav { background:none;}
.page-nav ul { padding-bottom:20px; background:none; border: none;}

.page-nav ul li { width:15.1%; height:66px; margin-left:14px; text-align:center; background:url(./images/menu-bg.png) top left no-repeat; -webkit-box-shadow: 0px 0px 10px 0 #000000; -moz-box-shadow: 0px 0px 10px 0 #000000; box-shadow: 0px 0px 10px 0 #000000;}
.page-nav ul li a { margin-top:4px; padding:15px 0 15px 0 !important; color: #ffffff; font-weight:bold; background-color:#FFFFFF; text-shadow: none;}
.page-nav ul li a:hover { color: #ffffff; text-shadow: none;}
.page-nav ul li.menu-top a { color: #D92F16;}
.page-nav ul li.menu-top a:hover, .home .menu-top a { color: #ffffff !important; background-color: #D92F16 !important;}
.page-nav ul li.menu-next a { color: #df610f;}
.page-nav ul li.menu-next a:hover { color: #ffffff; background-color: #df610f !important;}
.page-nav ul li.menu-program a { color: #f1c41e;}
.page-nav ul li.menu-program a:hover { color: #ffffff; background-color: #f1c41e !important;}
.page-nav ul li.menu-cast a { color: #61ae34;}
.page-nav ul li.menu-cast a:hover { color: #ffffff; background-color: #61ae34 !important;}
.page-nav ul li.menu-backnumber a { color: #2297d5;}
.page-nav ul li.menu-backnumber a:hover, .current-menu-item.menu-backnumber a { color: #ffffff !important; background-color: #2297d5 !important;}
.page-nav ul li.menu-opinion a { color: #8c147a;}
.page-nav ul li.menu-opinion a:hover, .current-menu-item.menu-opinion a { color: #ffffff !important; background-color: #8c147a !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;}

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

.main-container p { font-size:0.8em; line-height:1.6em; text-indent:0 !important;}
p.center { text-align:center;}
section strong { color:#E95312; font-weight:bold;}

.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 { margin: 0 0 10px 0; margin-bottom: 5px; padding-bottom: 5px; padding-left:30px; color: #1c1c1c; border-bottom: 1px dotted #6d6a64; font-size: 100%; line-height: 1.6em; background:url(./images/list-bg.png) top left no-repeat;}

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