@charset "utf-8";

/*

Theme Name: Ad-template
Description: SEOを意識したテンプレートを作ってみました。状況を見ながら改善をしていきたいと思います。
Author: BAOBAB KAZUMASA
Author URI: http://the-baobab.net

*/


/* 全体レイアウト
*****************************************************/
body{
	background-color:#ffffff;
	color:#333333;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.wrap{
	width: 100%;
	overflow:hidden;
}


/* ヘッダー
*****************************************************/
header .headerLeft{
	background-color:#39B54A;
	width:40%;
	float:left;
	text-align:center;
}
header .headerLeft .logo{
	width:300px;
	padding:10px 0;
}
header .headerRight{
	width:50%;
	padding-right:5%;
	float:right;
	text-align:right;
}

/* メイン画像
*****************************************************/
.mainText{
	font-size:1em;
	line-height:1.8em;
}
.mainImg img{
	width:100%;
	height:auto;
}

/* コンテンツ・レイアウト
*****************************************************/
.contents{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:30px 0;
	min-height:800px;
}
.contentsWrap{
	padding:30px 0 0;
}
.main{
	width:700px;
	float:left;
}
.sidebar{
	width:265px;
	float:right;
}


/* TOPページ
*****************************************************/
.movieListBox{
	line-height:1.5em;
	text-align:center;
	margin-bottom:10px;
}
.movieList{
	float:left;
	margin-right:26.5px;
}
.movieList dt{
	margin-bottom:5px;
}
.movieList dd a{
	color:#666666;
}
.movieList dd a:hover{
	color:#666666;
	text-decoration:underline;
}
.movieList:last-child{
	margin-right:0;
}
.sitemapButton{
	padding-bottom:20px;
}
.articleSection{
	padding-bottom:0px !important;
}

/* タイトル
*****************************************************/
.title01{
	background-image:url(images/common/title_bar.png);
	background-repeat:no-repeat;
	background-position:bottom;
	font-size:1.7em;
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:30px;
}
.title01 span.titleGreen{
	color:#39B54A;
}
.title01 span.subTitle{
	color:#39B54A;
	padding-left:10px;
	font-size:0.8em;
}

.title02{
	font-weight:bold;
	font-size:1.1em;
	color:#39B54A;
	margin-bottom:20px;
}

/* コンテンツブロッック
*****************************************************/
.boxWrap{
	padding-top:30px;
	background-color:#D8A0A1;
}
.contentsLeft01{
	width:230px;
	float:left;
}
.contentsRight01{
	width:440px;
	float:right;
}

.contentsLeft02{
	width:340px;
	float:left;
}
.contentsRight02{
	width:340px;
	float:right;
}

/* 画像サイズ
*****************************************************/
.main img{
	width:100%;
}
.imageFix01{
	width:100%;
	max-width:340px;
}
.contentsLeft01 img{
	width:230px;
}


/* 記事一覧
*****************************************************/
.articleDay{
	font-weight:bold;
	font-size:1.2em;
	color:#666;
	margin-bottom:10px;
	border-bottom:2px solid #999;
}
.articleTitle{
	font-weight:bold;
	font-size:1.2em;
	color:#39B54A;
}
.articleSection{
	position:relative;
}
.articleBox .contentsBlock{
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px dashed #666666;
}
.articleBox .contentsBlock02{
	padding-bottom:50px;
}
.articleButton{
	margin-top:25px;
	font-weight:bold;
	text-align:center;
	float:left;
}
.articleButton a{
	font-size:1em;
	border:2px solid #666666;
	border-radius:5px;
	color:#666666;
	padding:5px 20px;
}
.articleButton a:hover{
	border:2px solid #999999;
	color:#FFFFFF;
	background-color:#999999;
	background-position:center left;
	background-repeat:no-repeat;
}
.articleButton a span{
	padding-left:20px;
	background-image:url(images/common/button_mark.png);
	background-position:center left;
	background-repeat:no-repeat;
}
.articleButton a:hover span{
	padding-left:20px;
	background-image:url(images/common/button_mark_h.png);
	background-position:center left;
	background-repeat:no-repeat;
}
.articleAll{
	position:absolute;
	top:0;
	right:0;
	font-weight:bold;
	text-align:center;
	float:left;
}
.articleAll a{
	font-size:0.8em;
	border:2px solid #39B54A;
	border-radius:5px;
	color:#39B54A;
	padding:3px 25px;
}
.articleAll a:hover{
	border:2px solid #39B54A;
	color:#FFFFFF;
	background-color:#39B54A;
	background-position:center left;
	background-repeat:no-repeat;
}
.articleAll a span{
	padding-left:20px;
	background-image:url(images/common/button_mark_green.png);
	background-size:13px;
	background-position:center left;
	background-repeat:no-repeat;
}
.articleAll a:hover span{
	padding-left:20px;
	background-image:url(images/common/button_mark_h.png);
	background-position:center left;
	background-repeat:no-repeat;
}

/* サイドバーコンテンツ
*****************************************************/
.sideTitle01{
	background-image:url(images/common/sub_title_bg.png);
	background-repeat:no-repeat;
	background-position:center;
	padding:15px;
	line-height:15px;
	text-align:center;
	border-top:2px solid #39B54A;
	border-bottom:2px solid #39B54A;
	font-weight:bold;
	color:#39B54A;
}
.sideBox{
	margin-bottom:30px;
}
.sideWidget{
	margin-bottom:30px !important;
}
.sideWidget li{
	border-bottom:1px dashed #999;
	text-align:center;
}
.sideWidget li a{
	padding:10px 0;
	color:#666666;
	display:block;
}
.sideWidget li a:hover{
	background-color:#EBF4E6;
}


/* フッターコンテンツ
*****************************************************/
footer{
	background-color:#39B54A;
	background-image:url(images/common/footer_bg.png);
	background-position:top;
	background-repeat:repeat-x;
	padding:40px 0 20px;
	color:#FFF;
}
.footerInner{
	width:1000px;
	margin:0 auto;
}
.footerLeft{
	width:500px;
	float:left;
}
.footerRight{
	width:500px;
	float:right;
	text-align:right;
}
.footerRight .footerLogo{
	width:200px;
}

/* 上映スケジュール
*****************************************************/
.scheduleBox .articleTitle{
	margin-bottom:10px;
}
.scheduleBox .screenInfomation01{
	margin-bottom:10px;
}
.scheduleBox .screenInfomation01 h4{
	font-weight:bold;
	color:#333;
}

/*** レスポンシブテーブルデザイン ***/
.screenInfomationTable{
  width:100%;
  border: 2px solid #d6ceb4;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
	margin-top:20px;
}
 
.screenInfomationTable th{
  padding: 6px 8px 5px;
  border-top: solid 1px #ffffff;
  width: 30%;
  overflow: hidden;
  color: #13131e;
  font-style: normal;
  font-weight: bold;
  font-size: 100%;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: top;
  background-color: #eeece4;
}
 
.screenInfomationTable td{
padding: 5px 10px;
text-align: left;
vertical-align: top;
color: #595960;
background-color: #ffffff;
border-top: dotted 1px #e0dccc;
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}

 
@media (max-width: 400px){
.screenInfomationTable{
	margin-top:40px;
}
.screenInfomationTable th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  border-radius: 3px;
}
.screenInfomationTable td{
	display:list-item;
  border-top: none !important;
}
}/* end */


/* ableの会とは
*****************************************************/
.google-maps {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/* 英語ページ
*****************************************************/
.imgList{
	margin-top:30px;
}
.imgList li{
	width:220px;
	float:left;
	margin-right:20px;
}
.imgList li:last-child{
	margin-right:0px;
}
.imgList li img{
	width:100%;
}

.menberList{
	width:670px;
	margin-top:30px;
	margin:0px auto;
}
.menberList li{
	width:200px;
	float:left;
	margin-right:33px;
	margin-bottom:30px;
	text-align:center;
}
.menberList li:nth-child(3n){
	margin-right:0px;
}
.menberList li img{
	width:100%;
	max-width:120px;
}

/* サイトマップ
*****************************************************/
.sitemapList{
	margin-bottom:30px;
}
.sitemapList:last-child{
	margin-bottom:0px;
}
.sitemapList li{
	background-image:url(images/common/sitemap_mark.png);
	background-position:center left;
	background-repeat:no-repeat;
	background-size:8px;
	padding-left:15px;
	float:left;
	margin-right:20px;
}
.sitemapList li:last-child{
	margin-right:0px;
}
.sitemapList li a{
	display:block;
}
/* 作品紹介
*****************************************************/
.movieListBox02{
	line-height:1.5em;
	text-align:center;
	margin-bottom:10px;
}
.movieListBox02 .movieList02{
	width:46%;
	float:left;
	margin-right:55px;
	margin-bottom:30px;
}
.movieListBox02 .movieList02:nth-child(2n){
	margin-right:0px;
}
.movieListBox02 dt{
	width:100%;
	margin-bottom:5px;
}
.movieListBox02 dt img{
	width:100%;
	margin-bottom:5px;
}
.movieListBox02 dd{
	margin-bottom:20px;
}
.movieListBox02 dd.movieTitle{
	font-size:1.2em;
	font-weight:bold;
	color:#39B54A;
}
.movieListBox02 dd.movieTitle a{
	color:#39B54A;
}
.movieListBox02 dd a:hover{
	color:#666666;
	text-decoration:underline;
}
.movieListBox02 dd.movieText{
	color:#666666;
	text-align:left;
}
dd.movieLink a{
	width:100%;
	display:block;
	background-color:#666666;
	color:#FFF;
	padding:10px 0;
}
dd.movieLink a:hover{
	width:100%;
	display:block;
	background-color:#999999;
	color:#FFF;
	padding:10px 0;
}
.movieTextEn{
	min-height:150px;
}

/* Q&A
*****************************************************/
.single-faq{
	margin-bottom:30px;
	background-image:url(images/faq/faq_bg.png);
	background-position:left;
	background-repeat:repeat-y;
	padding-left:20px;
	cursor:pointer;
}
.single-faq h3{
	background-image:url(images/faq/faq_mark.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding:10px 0 0 80px;
}
.single-faq h3 span{
	background-image:url(images/faq/answer_open.png);
	background-repeat:no-repeat;
	background-position:right;
	width:100%;
	display:block;
}
.faq-answer{
	background-image:url(images/faq/faq_mark_a.png);
	background-position:0px 15px;
	background-repeat:no-repeat;
	padding:10px 0 0 80px;
}

/* 記事ページ
*****************************************************/
.pageNaviSingle{
}
.pageNaviSingle li{
	width:40%;
}
.pageNaviSingle li.next{
	float:right;
}
.pageNaviSingle li.prev{
	float:left;
}
.pageNaviSingle a{
	display:block;
	background-color:#39B54A;
	text-align:center;
	color:#FFF;
}
.pageNaviSingle a:hover{
	background-color:#5FAD69;
	text-align:center;
	color:#FFF;
}

/* お申し込みフォームここから
*******************************************/

.formBox{
	padding:30px 0 30px;
	border-bottom:1px dashed #cccccc;
	font-size:0.9em;
}
.formBox dt{
	float:left;
	width:100%;
	max-width:250px;
	color:#666666;
	font-weight:bold;
}

.formBox dd{
	float:right;
	width:100%;
	max-width:450px;
}
.m-alert{ /* 必須スタイル */
	padding:3px 10px;
	background:#ff8080;
	color:#fff;
	margin:5px 10px 5px 0;
	font-weight:normal;
	font-size:12px;
}
input[type="text"], input[type="email"], textarea { /* inputのスタイル */
    vertical-align: middle;
    width: 100%;
		max-width:350px;
    line-height: 25px;
    height: 25px;
    padding: 1px 5px;
    border: 1px solid #d4d4d7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 100%;
    color: #555;
    background: #fcfcfc;
}
textarea {
    height: auto;
    line-height: 1.5;
}
input[type="submit"], input[type="reset"], input[type="button"] {
		width:33%;
		display:block;
		margin:20px auto;
    padding: 3px 10px;
    background: #b7b0a3;
    border: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    line-height: 1.5;
    font-size: 100%;
    color: #fff;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
    background: #a69f92;
}
select {
    vertical-align: middle;
    max-width: 90%;
    line-height: 30px;
    height: 30px;
    padding: 1px 5px;
    border: 1px solid #d4d4d7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 100%;
    color: #555;
}
.listTate .wpcf7-list-item {
    margin-top:5px;
    display: block;
}
.listTate .wpcf7-list-item:first-child{
    margin-top:0;
}
span.wpcf7-not-valid-tip {
	font-weight:bold !important;
}
dl.takeTerm span.wpcf7-not-valid-tip {
    display: none !important;
}
dl.takeTerm .termMinutes02{
	position:relative;
}
dl.takeTerm .termMinutes02 span.wpcf7-not-valid-tip{
    display: block !important;
		position:absolute !important;
		top:30px !important;
		left:-305px !important;
		width:400px;
}
dl.seactTest span.wpcf7-not-valid-tip {
    display: none !important;
}

dl.seactTest .no-test span.wpcf7-not-valid-tip {
    display: block !important;
		margin-top:50px;
}

.sendMessage img{
	width:inherit;
}