@charset "UTF-8" ;
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);

body{
	margin: 0 ;		/* スペース */
	padding: 0 ;	/* 余白 */
}

/* ボディ */
#wrapper
{

	font-size: 15px ;	/* 文字サイズ */
	line-height: 1.618 ;	/* 行の高さ */
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

html>/**/body {
	font-size: 15px;
}

/* ヘッダー */
#header
{
		height: 0;
	    padding-top: 43.35%;
	    background: url('../images/header.jpg?') 0 0 no-repeat;
	    background-size: contain;
		position: relative;
		margin-bottom: 40px;
}

/* ロゴ画像を囲むh1 */
#header .logo-wrapper
{
	margin: 0 ;
	padding: 0 ;
	line-height: 1 ;
}

#header .logo
{
	width: 90% ;
    left: 0;
    right: 0;
    margin:0 auto;
	top:5%;
	position: absolute;
}

/* フッター */
#footer
{
	border-top: 3px solid #ffea00;
    text-align: center;
    margin-top: 2em;
    background: #7c0308;
    /* height: 80px; */
    line-height: 180%;
    padding-bottom: 50px;
}

/* 全体(デスクトップPCとスマホ)に適用するCSS */
.wrapper
{
	width: 1000px ;
	margin: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 0 ;			/* 上下左右の余白を0にしておく */

}

/* 全体(デスクトップPCとスマホ)に適用するCSS */
#main
{
    width: 96%;
    padding: 20px;
    border-style: solid;
    position: relative;
    font-size: 1.2em;
    line-height: 2em;
	/*padding-top: 149px; */
    margin-bottom: 10px;
    border: none;
}

#main .titesa{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0%;
}

#side
{
	width: 330px ;
}

.newlist
{
	border-radius: 10px 10px 10px 10px;
	background-color: #FFF;
	border-color: #ffea00;
	border-width: 6px;
    border-style: solid;
    padding-top: 15px;
    padding-bottom: 15px;
}
/* 全体(デスクトップPCとスマホ)に適用するCSS */
#main
{
	float: left ;		/* 左に寄せる */
}

#side
{
	float: right ;		/* 右に寄せる */
}

.wrapper
{
	overflow: hidden ;
}

.cast-read{
	font-size:1.2em;
	line-height: 1.8em;
}
.cast-read-discription{
	font-size:0.8em;
	line-height: 1.8em;
}

a:link{
	direction: none;
}

a:visited{
	direction: none;
}

a:hover{
	direction: none;
}

a:active{
	direction: none;
}

/* timeschedule */
table.timeschedule {
	margin: 0 auto;
    border-collapse: collapse;
    border: none;
    width: 850px;
    font-size: 1.0em;
    table-layout: fixed;
}
 
table.timeschedule th {
    width: 100px;
    min-height: 13px;
    padding: 10px 10px 10px 0;
    text-align: justify;
    text-justify: inter-ideograph;
    vertical-align: top;
    border: none;
    white-space: nowrap;
    overflow: visible;
}

table.timeschedule tr:not(:last-child) {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-top: 20px;
}
 
 
table.timeschedule th::after {
    float: right;
    padding: 0;
    right: -15px;
    top: 0;
    height: 0;
    width: 0;
    position: relative;
    pointer-events: none;
    border: none;
}
 
table.timeschedule td {
    height: 12px;
    margin: 0;
    padding: 10px 10px 10px 60px;
    text-align: left;
    vertical-align: top;
    border: none;
    line-height: 180%;
}


.next_name {
    border-width: 4px;
    border-style: solid;
    padding: 5px;
    padding-left: 100px;
    padding-right: 30px;
    border-color: #f08200;
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: bold;
    text-align: left;
}

.tire{
    font-weight: 600;

}

h3{
   font-size: 1.8em;
}