/*
	Theme Name: mch 2018
	Description: 前橋シネマハウス サイトテンプレート
	Author: H.Shiina
	Author URI: http://wapuka.com/
	Version: 0.1
*/

/* -------------------------------------------------------　
	
	Main CSS
	
---------------------------------------------------------- */

html { height: 100%; }
body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
	line-height: 1.5em;
    padding: 0;
    text-align: left;
    background: #fff;
    overflow-x: hidden;
	color: #333333;
    background-color: #fff;
	height: 100%; }

/* google font：トップページコンテンツタイトル */
.content_title {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size: 48px; }
/* google font：英語表記 */
.alphabet {
	font-family: 'Roboto Condensed', sans-serif; }
/* google font：英語表記（太字） */
.alphabet_bold {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold; }

/* PC・SP 表示切り替え */
img.pc { display: block; }
img.sp { display: none; }

/* スペースを入れたいとき */
span.blnk { display: inline-block; width: 0.5rem; }

/* リンク設定 */
a:link { color: #333; }
a:visited { color: #333; }
a:hover { color: #333; }
a:active { color: #333; }

/* ページ内リンク設置用 */
section.linkanchor { padding-top : -50px; }

/* = ▼ 全体共通のレイアウトCSS
---------------------------------------------------------- */

.headerWrapper	 { width: 100%; }
.headerInner	 { width: 1200px; margin: 0 auto; position: relative; }

.contentWrapper	 { width: 100%; }
.contentInner	 { width: 1200px; margin: 0 auto; position: relative; }


/* ----------------------------------------------------------
	header
---------------------------------------------------------- */

/* headerInformation（3分割レイアウト） */
.header {
	display:table;
	width:1200px; }

/* （ヘッダーロゴ） */
.header .headerLogoBox {
	display:table-cell;
	width:190px; }

/* (グローバルナビ) */
.header .headerNaviBox {
	display:table-cell;
	text-align: center;
	vertical-align:middle; }

/* （右リンクボックス） */
.header .headerLinkBox {
	display:table-cell;
	width:200px;
	text-align: right;
	vertical-align:middle; }

/* = ▼ ヘッダーロゴ
---------------------------------------------------------- */
#header h1 {
	margin: 20px 0;
	display: inline-block; }
#header h1 a { display: inline-block; }
#header h1 img.pc {
	height: 80px;
	width: auto; }

/* = ▼ グローバルナビ
---------------------------------------------------------- */

/* 全体のスタイル */
nav#headerNavi {
	z-index: 1000;
	width: 100%;
	display: block; }

/* メニューUL */
nav#headerNavi ul {
	*zoom: 1;
	list-style-type: none;
	margin: 0;
	padding: 0; }
nav#headerNavi ul li {
	position: relative;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	/* font */
	font-size: 13px;
	font-weight: bold; }

nav#headerNavi ul li a {
	display: block;
	margin: 8px 16px;
    padding: 8px;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff; }
nav#headerNavi ul li a:hover { border-top: 3px dotted #66ad26; border-bottom: 3px dotted #66ad26; }

/* ＊＊＊ PCで非表示のメニュー ＊＊＊ */
nav#headerNavi ul li.hide-pc { display: none; }

/* サブメニュー */
nav#headerNavi ul li ul {
	list-style: none;
	position: absolute;
	z-index: 1001;
	top: 100%;
	left: -190%; /* -100%; */
	margin: 0;
	padding: 0;
	width: 480%; /* 200%; */ }

nav#headerNavi ul li ul li {
	width: 25%; /* -33.3%; */
	float: left;
	font-size: 12px; }
nav#headerNavi ul li ul li a {
	background: #fff;
	margin: 2px 0;
	padding: 2px 0;
	display: block;
	border-top: none;
	border-bottom: none;
	border-left: 1px solid #5fa323; }
nav#headerNavi ul li ul li:last-child a { border-right: 1px solid #5fa323; }
nav#headerNavi ul li ul li a:hover { border-top: none; border-bottom: none; color: #5fa323; }
/* サブリンクマーク非表示 */
nav#headerNavi ul li a span.sub-menu-open-sp { display: none; }
nav#headerNavi ul li ul li a span.sublinkmark { display: none; }

/* dropdown のアニメーション */
nav#headerNavi ul li ul li {
	overflow: hidden;
	height: 0;
	transition: .5s; }
nav#headerNavi li:hover ul li { overflow: visible; height: 56px; }

/* = ▼ 右リンクボックス
---------------------------------------------------------- */
#header .headerLinkBox ul li { display: inline-block; vertical-align: middle; }
#header .headerLinkBox ul li.tel { padding-right: 4px; }
#header .headerLinkBox ul li.ico { padding-left: 4px; }
#header .headerLinkBox ul li a { display: inline-block; }
#header .headerLinkBox ul li a img {
	width: 24px;
	height: auto; }

/* = ▼ to Top（ボタンToTop(スマホ用))
 ------------------------------ */
#toTopButton { display: none; }


/* ----------------------------------------------------------
	footer
---------------------------------------------------------- */
#footerWrapper {
	position: relative;
	background: #5fa323;
	padding-bottom: 120px;
	text-align: center;
	/* 背景画像 */
	background-image: url("./images/footer-bg.png");
	background-size: 480px auto;
	background-repeat: no-repeat;
	background-position: center 70px; }

/* = ▼ footerNavi
 ------------------------------ */
 
/* メニューUL */
nav#footerNavi ul {
	*zoom: 1;
	margin: 24px 0 32px;
	padding: 0; }
nav#footerNavi ul li {
	display: inline-block;
	text-align: center;
	padding: 0 16px;
	position: relative;
	/* font */
	font-size: 13px;
	font-weight: bold; }
nav#footerNavi ul li a:hover { color: #fff; }

/* サブメニュー */
nav#footerNavi ul li ul {
	list-style: none;
	position: absolute;
	z-index: 1001;
	top: 100%;
	left: -200%; /* -100%; */
	margin: 0;
	padding: 0;
	width: 500%; /* 350%; */ }

nav#footerNavi ul li ul li {
	float: left;
	font-size: 10px;
	padding: 4px 0; }
nav#footerNavi ul li ul li a {
	margin: 0;
	padding: 0 16px;
	display: block; }
nav#footerNavi ul li ul li a:hover { color: #fff; }

/* dropdown のアニメーション */
nav#footerNavi ul li ul li {
	overflow: hidden;
	height: 0;
	transition: .5s; }
nav#footerNavi ul li:hover ul li { overflow: visible; height: 24px; }
nav#footerNavi ul li:hover ul li a { border-left: 1px dotted #333; }
nav#footerNavi ul li:hover ul li:last-child a { border-right: 1px dotted #333; }
	
/* = ▼ to Top（FooterToTop(PC用))
 ------------------------------ */
#footerToTop {
	display: inline-block;
	position: absolute;
	top: 28px;
	right: 180px;
	z-index: 999; }
#footerToTop a { display: inline-block; overflow: hidden; }
#footerToTop img {
	width: 24px;
	height: auto; }

/* = ▼ copyright
 ------------------------------ */
#copyright {
	color: #202020;
	text-align: center;
	font-size: 10px; }