@charset "UTF-8";

body	{
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
}



/*==========================================
 ヘッダー部のアレンジ
===========================================*/

.header
{
	/* [disabled]padding-top: 10px; */
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	background-color: #ff9933;
}

.header h1
{
	margin: 0;
font-size: 24px;
line-height: 1;
}

.header h1 a
{
	color: #fff;
text-decoration: none;
}

.header .logo
{
	margin: 0 10px 0 0;
border: none;
vertical-align: -15px;
}

/*==========================================
 ナビゲーションバーのアレンジ
===========================================*/
.menu {
	background-color: #ff9933;
	border: none;
	border-top: solid 1px #fff;
	border-radius: 0;
}
.menu li a {
	color: #fff !important;
}
.menu li a:hover
		 {
	background-color: #ff6600 !important;
}

.menu .navbar-collapse
		{
	border-top-color: #fff;
		border-top-style: dashed;
}
		
.menu .navbar-toggle
{
	border-color: #fff;
}

.menu .navbar-toggle: hover.
.menu .navbar-toggle: focus
{background-color: #ff6600;}

.menu .dropdown-menu {
	background-color: #ff9933;
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {background-color: #ff6600;}

.menu.navbar.navbar-inverse .navbar-header .navbar-brand {
	color: #FFFFFF;
}

/*==========================================
 記事ENTRYのアレンジ
===========================================*/

.entry
{
	padding: 0;
}

.entry img
{
	max-width: 100%;
height: auto;
margin: 0 0 20px 0;
vertical-align: bottom;
}

.entry h1
{
	margin: 0 0 20px 0;
font-size: 24px;
line-height: 1.2;
}

.entry p
{
	margin: 0 0 20px 0;
font-size: 14px;
line-height: 1.6;
}

.entry .added
{
	margin: 0 0 20px 0;
}

/*==========================================
 メニュー（サブメニュー）のアレンジ
===========================================*/

.submenu {
  height: 100%; /* 「submenu」に対してはmin-heightに対応していないブラウザ用 */
}


.submenu	{
	min-height: 100%; /* 最小の高さ */
	padding: 20px; 
	background-color: #ff9933;
}

.submenu ul,
.submenu ol	{
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
	list-style: none;
}

.submenu li a	{
	position: relative;
	display: block;
	padding-top: 3px;
	padding-right: 0px;
	padding-left: 14px;
	padding-bottom: 0px;
	color: #FFFFFF;
	text-decoration: none;
}

.submenu li a:hover	{
	background-color: #fec;
	color: #FF9933;
}

.submenu li a:before
{
	position: absolute;
	left: 0px;
	top: 5px;
	content: '\f061';
	color: #FFCC33;
	font-family: 'FontAwesome';
	font-size: 12px;
	line-height: 1;
}
	
/*==========================================
 枠＋見出しの設定（サブメニュー）のアレンジ
===========================================*/
.submenu	{
	padding: 0;
	border: solid 1px #ff9933;
	border-left: none;
	border-right: none;
	border-radius: 0;
	box-shadow: none;
	background-color: #fff;
}

.submenu > .panel-heading	{margin: 0;
	padding: 10px;
	border-bottom: solid 1px #ff9933;
	background-color: #fff;
	font-size: 18px;}

.submenu > .panel-body	{margin: 0;
	padding: 10px;}
	
/*==========================================
 フッターアドセンスのサイズ指定
===========================================*/
.footer.adsence {
	width: 300px;
	height: 250px;
}

@media screen and(min-width:768px){
	.footer.adsence {
	width: 728px;
	height: 90px;
	}
}
	
/*==========================================
 フッター（枠内）のアレンジ
===========================================*/
.footer.well {
	text-align: center;
	padding-bottom: 6px;
	padding-top: 6px;
}


/*==========================================
 ページトップへボタンのスタイル
===========================================*/
a#pagetopBtn img {
  position: fixed;
  bottom: 10px;
  right: 1px;
}
.search {
	float: right;
	clear: both;
	margin-bottom: 5px;
	margin-top: 5px;
}
/*==========================================
 特集記事サムネイルのスタイル
===========================================*/
.feature .feature-img-s {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-style: none;
	float: left;
	clear: both;
	max-width: 30%;
	min-width: 75px;
	width: 225px;
}
.banner img {
	margin-top: 0px;
	margin-bottom: 6px;
	border-style: none;
	/* [disabled]max-width: 468px; */
}
/*==========================================
 バナー広告部分のスタイル（上下余白5px）
===========================================*/
.row.ad {
	margin-top: 5px;
	margin-bottom: 5px;
}
/*==========================================
 画像上下に余白をあけるスタイル（上下余白5px）
===========================================*/
.image.ad {
	margin-top: 5px;
	margin-bottom: 5px;
}
/*==========================================
 h5 title コンテンツ見出しのスタイル
===========================================*/
h5.title {
	background-color: #FF9933;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 16px;
	color: #FFFFFF;
}
.h5.title-gray {
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 16px;
	color: #FFFFFF;
	background-color: #888888;

}
.h5.title-xmas {
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 16px;
	color: #FFFFFF;
	background-color: #990000;

}

/*==========================================
 表組のスタイル　上下線、左列の幅最小指定
===========================================*/
.table-contents td{
	border-top: 1px solid #888888;
	border-bottom: 1px solid #888888;
}
.td-1st {
	width: 125px;
	min-width: 125px;
}
.td-70 {
	min-width: 70px;
	width: auto;
	max-width: 125px;
}

/*==========================================
 上に5pxの間をあかせる時の空白DIV
===========================================*/
.margintop {
	margin-top: 5px;
}

/*==========================================
 画像コピーガード（透明GIFを重ねRWD対応）
===========================================*/
.back-clear{
    position:relative;
    width:auto;
    height:auto;
}
span.guard{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-image : url(../cinema/225x150_clear.gif);
}

/*==========================================
 拡大画像ページ用（背景色、各セル幅、文字色）
===========================================*/
.td-jpg-left {
	width: 30px;
	text-align: left;
}
.td-jpg-center {
	width: auto;
	text-align: center;
	color: #FFFFFF;
	margin-top: 5px;
}
.td-jpg-right {
	width: 30px;
	text-align: right;
}
.jpg-page-backcolor {
	background-color: #000000;
}
h5.sub-title {
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 16px;
	background-color: #FFCC33;
	margin-top: 0px;
}
/*==========================================
 左のメニューバー背景
===========================================*/
.submenu.paner-back {
	background-color: #FF9933;
}
/*==========================================
 パネル内リンク文字色を白から黒へ
===========================================*/
.submenu.side li a	{
	color: #000000;
	text-decoration: none;
}
/*==========================================
 特集記事の見出しをマージン0、Boldへ
===========================================*/
.feature-title {
	margin-top: 0px;
	font-weight: bold;
}


/*==========================================
 テキストカラー変更用
===========================================*/

.text-color-ff9933 {
	color: #FF9933;
}
.text-color-ffcc33 {
	color: #FFCC33;
}

/*==========================================
 glyphincon挿入時の上下マージン5
===========================================*/

.glyphicon {
	margin-top: 5px;
	margin-bottom: 5px;
}


/*----------------------------------------------------
  table-br_600
  行表示を600px以下で2段にする
  （左側は見出しセル、右側のセルは改行される）
----------------------------------------------------*/
.table-br_600 th  {
	width: 30%; text-align: left; 
}
 
@media only screen and (max-width:600px){
    .table-br_600 { margin: 0 -10px; }
    .table-br_600 th,
    .table-br_600 td{
        width: 100%;
        display: block;
        border-top: none;
    }
    .table-br_600 tr:first-child th   { border-top: 1px solid #ddd; }
}

/*==========================================
 GoogleMapをレスポンシブサイトに
===========================================*/

.googlemap {
	position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.googlemap iframe,
.googlemap object,
.googlemap embed {
	position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*==========================================
 水平線をスタイルシートでおしゃれに
===========================================*/

hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
}

hr.style-two {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}

hr.style-three {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

hr.style-four {
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
hr.style-five:before {
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;    
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}