@charset "utf-8";

/*
Theme Name:  VFF2018 Theme
Description: Tomomichi Ueda-Studio Impala
Author: Algo Pictures
Version: 1.0
*/




/*==========================================
 General
===========================================*/
/*#container {
	display: none;
	background:#fff;
}
#loading {
	max-width: 100%;
	display: inline-block;
	position: absolute;
	z-index: 400;
	top: 50%;
	left: 50%;
	text-align: center!important;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}*/
html {
	font-size: 62.5%;
	-webkit-overflow-scrolling: touch;
	height: 100%
}
body {
	font-family: Helvetica, Arial,"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	margin: 0;
	padding: 0;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-webkit-overflow-scrolling: touch;
	min-width: 1020px;
	font-size: 1.6rem;
}

@font-face {
  font-family: YuGothicM;
  font-weight: normal;
  src: local('YuGothic-Medium'),  
       local('Yu Gothic Medium'), 
       local('YuGothic-Regular'); 
}
@font-face {
  font-family: YuGothicM;
  font-weight: bold;
  src: local('YoGothic-Bold'), 
       local('Yu Gothic');
}

@media only screen and (max-width: 768px) {
	body {
	min-width:auto;
	}
}

a {
	color: #e60012;
	text-decoration: none;
}
a:link {
	color: #e60012;
}
a:visited {
	color: #e60012;
}
a:hover {
	color: #e60012;
	text-decoration: underline;
}
a:active {
	color: #e60012;
}

a.btn{
	padding: 10px 30px;
font-size: 1.8rem;
font-weight: normal;
background-color: #36c2bd;
color: #fff;
text-align:center;
cursor: pointer;
width:100%;
max-width: 300px;
display: block;
margin: 0 auto;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
transition: all 0.2s linear;
box-sizing:border-box;
}
a.btn:hover{
	text-decoration:none;
	opacity:0.8;
}

p {
	font-size: 1.6rem;
	text-align: left;
	color: #333;
	line-height: 1.8;
	margin-bottom:30px;
}
p.small{
	font-size: 1.5rem;
	text-align: left;
	color: #333;
}
p.large {
	font-size: 1.8rem;
}
p.last-sentence {
	margin-bottom: 70px!important;
}
p.center {
	text-align: center;
}

p.credit{
	font-size:1.3rem;
	color:#555;
	padding:0 20px;
}
p.caption{
	font-size:1.3rem;
	color:#555;
	line-height:140%;
}
p.center-pc{
	text-align:center;
}
.align-left{
	text-align:left!important;
}
.mgn20 {
	margin-bottom: 20px!important;
}
.mgn30 {
	margin-bottom: 30px!important;
}
.mgn40 {
	margin-bottom: 40px!important;
}
.mgn50 {
	margin-bottom: 50px!important;
}
.mgn60 {
	margin-bottom: 60px!important;
}
.mgn70 {
	margin-bottom: 70px!important;
}
.mgn80 {
	margin-bottom: 80px!important;
}
.mgn90 {
	margin-bottom: 90px!important;
}
.mgn100 {
	margin-bottom: 100px!important;
}
.center{
	text-align:center;
}


/*==========================================
 H
===========================================*/

h1 {
	font-size: 2.4rem;
	letter-spacing: 0.05em;
	font-weight: bold;
	color: #333;
	text-align:center;
	margin: 0 auto 40px;
	display:block;
}
h1:after {
	content: "";
	width:50px;
	height:2px;
	background: #e60012;
	margin: 25px auto 0;
	display:block;
}

h2 {
	font-size: 2.2rem;
	letter-spacing: 0.05em;
	font-weight: bold;
	color: #333;
	text-align:center;
	margin: 0 auto 40px;
	display:block;
}


h2.align-left {
	font-size: 2.2rem;
	text-align:left;
	margin:0;
	margin-bottom:40px;
	font-weight:bold;
	color:#333;
	line-height:130%;
}

h2.half-circle{
	font-size:2rem;
	text-align:center;
	color:#fff;
	padding-top:60px;
	display:block;
	margin:0 auto;
	background: #4a8e01;
		height: 50px;
		width: 220px;
		
	-moz-border-radius: 110px 110px 0 0;
		-webkit-border-radius: 110px 110px 0 0;
		-o-border-radius: 110px 110px 0 0;
		-ms-border-radius: 110px 110px 0 0;
		border-radius: 110px 110px 0 0;
}
h2.half-circle:after{
	display:none;
}
h3 {
	font-size: 1.8rem;
	font-weight:bold;
	color: #333;
	letter-spacing: 0.05em;
	margin-bottom: 10px;
	clear: left;
	line-height:1.4;
}
h3 span{
	font-size:1.6rem;
	font-weight: normal;
}



@media only screen and (max-width: 480px) {
	p.center-pc{
		text-align:left;
}

}




/*==========================================
 header
===========================================*/
header {
	width: 100%;
	border-top:3px solid #e60012;
	
	top:0;
	left:0;
	z-index:700;
	
	
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.20);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.20);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.20);


}
#head-inner{
	margin:0 auto;
	
	padding:20px 20px 15px 20px;
	min-width:980px;
}
#header #logo {
	
	
	float: left;
}

header.fixed {
	position:fixed;
	top: 0;
  left: 0;
	border-top:none;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease;
	transform: translateY(-100%);
	background-color: rgba(255,255,255,1);
}
header.is-show {
 	transform: translateY(0);
	transition: 0.3s ease;
}

header.fixed #head-inner{
	padding:10px 20px 7px 20px;
	}
	


@media only screen and (max-width: 768px) {
#header {
	padding-top:0;
	padding-bottom:0px;
	height:60px;
	position:fixed;
	background-color: rgba(255,255,255,1);
}
#head-inner{
	padding:12px;
	min-width:auto;
}
#header #logo {
	margin: 0;
	float: none;
}
#header #logo img {
	max-width: 200px;
	height: auto;
}
header.fixed {
	display:none;
}

}

/*==========================================
 ナビゲーション
===========================================*/
#nav {
	z-index:700;
	float:right;
	padding:15px 0 10px;
	text-align:center;
	overflow:visible;
}
nav#nav ul {
	margin:0 auto;
	padding:0;
	float:left;
}
nav#nav ul li {
	padding:0 ;
	padding-right:20px;
	display:block;
	font-size:1.45rem;
	font-weight:bold;
	display:block;
	float:left;
	line-height:100%;
}

nav#nav ul#social{
	margin-top:-5px;
	
}
nav#nav ul li a {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	backface-visibility: hidden;
	text-decoration: none;
	color:#333;
	
}
nav#nav ul li a:hover {
	opacity: 1.0;
	text-decoration: none;
	color: #e60012;
}
nav#nav ul li.current-menu-item a{
	color: #e60012;
	background: url(images/line_paint.png) repeat-x bottom;
	padding-bottom:10px;
}





@media only screen and (max-width: 768px) {
.menu {
	position: fixed;
	right: 10px;
	top: 17px;
	display: block;
	width: 24px;
	height: 24px;
	cursor: pointer;
	z-index:800;
	background:#fff;
	padding:5px;
}
.menu .bar {
	display: inline-block;
	width: 24px;
	height: 2px;
	background-color: #e60012;
	position: absolute;
	top:5px;
	left: 5px;
	transition: .15s ease-in-out;
}
.menu .black {
	background-color: #e60012;
	position: absolute;
}
#bar01 {
	top: 6px;
}
#bar02 {
	top: 15px;
}
#bar03 {
	top: 25px;
}
.menuOpen #bar01 {
	top: 14px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	background-color: #e60012;
}
.menuOpen #bar02 {
	width: 0;
	background-color: #e60012;
}
.menuOpen #bar03 {
	top: 14px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	background-color: #e60012;
}
nav#nav {
	position: fixed;
	top: 0;
	left: 0;
	display:none;
	float:none;
	width: 100%;
	height:100%;
	padding-bottom: 70px;
	background:#fff;
	text-align: center;
	padding-top: 80px;
	float:none;
}
nav#nav ul {
	border-left: 0px;
	margin-left:0;
	padding-left:0;
	-webkit-overflow-scrolling: touch;
	float:none;
}
nav#nav ul li {
	padding-left:0!important;
	padding-right:0!important;
	display: block!important;
	float: none!important;;
	border-left: 0px!important;
	border-right: 0px;
	margin-bottom: 35px!important;
	
	
}


#nav ul li a {
	text-decoration: none;
	transition: .15s ease-in-out;
}
nav#nav ul li.current-menu-item a{
	color:#59372e;
	background: none;
	padding-bottom:10px;
}
nav#nav ul#social{
	display:inline-block;
}
nav#nav ul#social li{
	float:left!important;
	margin-right:30px;
}
nav#nav ul#social li:last-child{
	margin-right:0;
}


}

@media only screen and (max-width: 480px) {
	nav#nav ul li ul.sub-menu#sub-menu-profile{
	display:none;
}
}

/* Go Page Top
================================================== */







/*  top main image
================================================== */
#topVisualWrapper {
	width: 100%;
	position:relative;
	height:auto;
	margin:0 auto 80px;
	background:#fff;
	
}
#topVisualWrapper img.bg {
	width: 100%;
	height:auto;
	vertical-align:top;
}
#topVisualWrapper.fixed {
    margin-top: 86px;
}

#topVisualWrapper #topImgText{
	width:45%;
	height:99.8%;
	background-color: rgba(230,0,18,0.75);
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	vertical-align:top;
	box-sizing:border-box;
	padding:0 20px;
	
}

#topVisualWrapper #topImgText #textWrap{
	margin-top:140px;
}
#topVisualWrapper #topImgText #sub{
	margin-bottom:20px;
}

#topVisualWrapper #topImgText h1{
	text-align:left;
	margin-bottom:20px;
	padding-bottom:0;
}

#topVisualWrapper #topImgText h1:after {
	
	display:none;
}
#topVisualWrapper #topImgText h1 img{
	width:100%;
	height:auto;
	max-width:500px;
}
#topVisualWrapper #topImgText #subTitle{
	
	margin-bottom:40px;
	padding-bottom:0;
	font-size:24px;
	font-family: 'Oswald', sans-serif;
	letter-spacing:0.05em;
}
#topVisualWrapper #topImgText #date{
	font-size:2.2rem;
	font-weight:bold;
	margin-bottom:20px;
}
#topVisualWrapper #topImgText #date span{
	font-size:2rem;
	font-weight:bold;
	
}
@media only screen and (max-width: 1080px) {
	#topVisualWrapper #topImgText{
	width:50%;
}
}


@media only screen and (max-width: 768px) {
	#topVisualWrapper {
	margin:60px auto;
}
#topVisualWrapper #topImgText{
	width:100%;
	height:auto;
	text-align:center;
}
#topVisualWrapper #topImgText #textWrap{
	margin:20px 0;
}
#topVisualWrapper #topImgText #sub{
	font-size:1.4rem;
	margin-bottom:20px;
}

#topVisualWrapper #topImgText h1{
	margin-bottom:20px;
	width:80%;
}

#topVisualWrapper #topImgText #date{
	font-size:2.4rem;
}
#topVisualWrapper #topImgText #date span{
	font-size:1.6rem;
}

}
@media only screen and (max-width: 480px) {
	#topVisualWrapper #topImgText{
	background-color: rgba(230,0,18,0.75);
	padding:0 10px;
	
}
#topVisualWrapper #topImgText h1{
	margin-bottom:7px;
}
#topVisualWrapper #topImgText h1 img{
	
}
#topVisualWrapper #topImgText #sub{
	font-size:1.1rem;
	margin-bottom:10px;
}
#topVisualWrapper #topImgText #subTitle{
	font-size:1.6rem;
	margin-bottom:20px;
}
#topVisualWrapper #topImgText #textWrap{
	margin-top:20px;
}
	#topVisualWrapper #topImgText #date{
		font-size:1.3rem;
		margin-bottom:7px;
	}
	#topVisualWrapper #topImgText #date span{
	font-size:1.2rem;
}

}


dl.eventList{
	
}
dl.eventList dt{
	margin-bottom:40px;
	font-weight:normal;
	font-size:1.8rem;
	text-align:center;
	line-height:1.4;
}
dl.eventList dt span.eventTitle{
	
	font-weight:bold;
}
.foot-credit-logo{
	display:inline-block;
	background: url(images/shochiku_logo.jpg)  no-repeat;
	background-size:100px auto;
	padding-left:30px;
}

@media only screen and (max-width: 480px) {
	dl.eventList{
	margin:0 20px;
}
	dl.eventList dt{
	text-align:left;
	font-size:1.4rem;
}
}



/*==========================================
 Contents
===========================================*/


/*Layout
================================================== */
#contentsAreaTop{
	width:100%;
	padding-top:0;
}
#contentsArea{
	width:100%;
	padding-top:80px;
	
}
#contentsArea.fixed {
    margin-top: 86px;
}

.Wrapper{
	background:#fff;
	width:980px;
	padding:50px 30px;
	margin:0 auto 0;
	box-sizing:border-box;
	margin-bottom:80px;
}
.bgcolor{
	background:#f5f5f5;
}
main{
	width:700px;
	float:left;
	margin-right:30px;
}
aside{
	width:190px;
	float:left;
	text-align:left;
}
div.fixed{
	margin-top:65px;
}
#contentsArea .wfull{
	width:100%;
	box-sizing:border-box;
}
#contentsArea .w1280{
	width:100%;
	max-width:1240px;
	padding:0 20px;
	margin:0 auto;
	box-sizing:border-box;
	
}
#contentsArea .w1080{
	width:100%;
	max-width:1040px;
	padding:0 20px;
	margin:0 auto;
	box-sizing:border-box;
}
#contentsArea .w980{
	width:100%;
	max-width:940px;
	padding:0 20px;
	margin:0 auto;
}
#contentsArea .w800{
	width:100%;
	max-width:760px;
	padding:0 20px;
	margin:0 auto;
}


ul.culumn3{
	/zoom: 1;/* for IE6,7 */
clear:both;
font-size: 0;	
	box-sizing:border-box;
}
ul.culumn3 li{
	width:33.2%;
	margin-right:0.2%;
	vertical-align:top;
	margin-bottom:50px;
	box-sizing:border-box;
	display:inline-block;
/display:inline;
/zoom:1;
	
	
	height:auto;
}
ul.culumn3 li span{
	font-size:1.4rem;
	line-height:1.2;
}

ul.culumn3 li:nth-child(3n) {
	margin-right:0;
}
ul.culumn3 li img{
	width:100%;
	height:auto;
	margin-bottom:10px;
}




.fl-box{
	width:100%;
	margin-bottom:0;
}
.fl-box .fl-left{
	float:left;
	width:400px;
	margin-right:20px;
}
.fl-box .fl-right{
	width:500px;
	float:left;
}
.fl-box-half{
	width:100%;
	margin-bottom:0;
}
.fl-box-half-left{
	width:48%;
	float:left;
	padding-right:2%;
}
.fl-box-half-right{
	width:48%;
	float:left;
	padding-left:2%;
}

div.box-blue{
background:#3994c8;
padding:39px;

}
div.box-blue p{
	text-align:center!important;
color:#fff;
line-height:200%;
margin-bottom:0;

}

div.box-blue p a{
	color:#fff;
}

.map-yokohama{
	width:100%;
}
.map-yokohama .fl-left{
	float:left;
	width:62%;
	margin-right:4%;
}
.map-yokohama .fl-right{
	float:left;
	width:34%;
}
.map-yokohama img{
	 width:100%;
	 height:auto;
}


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

@media screen and (max-width: 768px) {
	#contentsArea{
	padding-top:140px;
}
.bgcolor{
	background:#fff;
}
.Wrapper{
	width:100%;
	padding:0 20px;
	
}
main{
	width:100%;
	float:none;
	margin-right:0;
}
aside{
	width:100%;
	float:none;
}

#contentsArea .w1080{
	width:auto;
}
#contentsArea .w980{
	width:auto;
}
#contentsArea .w800{
	width:auto;
}

ul.culumn3 li{
		width:49.5%;
		margin-right:0;
}
ul.culumn3 li:nth-child(odd) {
	margin-right:1%;

}

.fl-box .fl-left{
	float:none;
	width:100%;
	margin-right:0;
	
}
.fl-box .fl-right{
	width:100%;
	text-align:center;
	

}
.fl-box-half{
	width:100%;
}
.fl-box-half-left{
	width:100%;
	float:none;
	padding-right:0;
}
.fl-box-half-right{
	width:100%;
	float:none;
	padding-left:0;
}

div.box-blue{


}
.map-yokohama{
	width:100%;
}
.map-yokohama .fl-left{
	float:none;
	width:100%;
	margin-right:0;
}
.map-yokohama .fl-right{
	float:none;
	width:100%;
}
.map-yokohama img{
	 max-width:750px;
}
.map-yokohama img.map-s{
	 max-width:340px;
	 margin:0 auto;
}
	
section {
	background: #fff!important;
}


}
@media screen and (max-width: 480px) {
	.fullImg{
		margin-bottom:80px;
	}
.fullImg div{
	width:100%;
	float:none;
	margin-bottom:30px;
	text-align:center;
}
.fullImg div img{
	width:96%;
	margin:0 auto;
}
#contentsArea .w1080{
	padding:0 15px;
}
#contentsArea .w980{
	padding:0 15px;
}
#contentsArea .w800{
	padding:0 15px;
}
ul.culumn3 li{
		margin-bottom:20px;
}
ul.culumn3 li span{
	font-size:1.3rem;
}
}

/*Movie
================================================== */

ul.movieWrapper {
	/zoom: 1;/* for IE6,7 */
clear:both;
font-size: 0;	
	box-sizing:border-box;
	
}

ul.movieWrapper li {
	width:48.5%;
	vertical-align:top;
	margin-bottom:50px;
	box-sizing:border-box;
	display:inline-block;
/display:inline;
/zoom:1;
	
}
ul.movieWrapper li:nth-child(odd) {
	margin-right:3%;
}
ul.movieWrapper li img{
	width:100%;
	height:auto;
}
ul.movieWrapper li .movie-img{
	position:relative;
}
ul.movieWrapper li  .movie-img span.special{
	font-size:1.3rem;
	color:#000;
	position:absolute;
	top:0;
	right:0;
	background:#fcb903;
	display:block;
	font-weight:bold;
	padding:10px;
	letter-spacing:0.05em;
	color:#fff;
}
ul.movieWrapper .movie-data{
	padding:20px;
	background:#fff;
}
ul.movieWrapper li span.title{
	font-size:1.8rem;
	font-weight:bold;
	margin-bottom:20px;
	display:block;
}
ul.movieWrapper li span.original-title{
	font-size:1.5rem;
	color:#333;
	margin-bottom:20px;
	display:block;
}
ul.movieWrapper li span.data{
	font-size:1.3rem;
	color:#666;
	margin-bottom:20px;
	display:block;
}

ul.movieWrapper li span.director{
	font-size:1.3rem;
	color:#666;
	margin-bottom:10px;
	display:block;
	line-height:130%;
}
ul.movieWrapper .movie-data p{
	font-size:15px;
}

#vietnamees ul.movieWrapper li:last-child{
	display:none!important;
}
@media screen and (max-width: 768px) {
	ul.movieWrapper .movie-data{
	padding:20px 0 0 0;
	
}
	
}

@media screen and (max-width: 480px) {


ul.movieWrapper li {
	width:100%;
	
	margin-bottom:30px;
	
	
}
ul.movieWrapper li:nth-child(odd) {
	margin-right:0;
}
}



/*event
================================================== */
main .eventpage img{
	width:100%;
	max-width:700px;
	height:auto;
	padding-bottom:20px;
}
article.eventList{
border-bottom:1px solid #ccc;
margin-bottom:50px;
}
article.eventList span.eventData{
	font-size:1.6rem;
	margin-bottom:40px;
	display:block;
	font-weight:bold;
	color:#333;
	line-height:140%;
}



/* 追加（）editor style css Images */
#post img[class*="wp-image-"] {
  height: auto;
  max-width: 100%;
}

#post img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

.alignleft {
    float: left;
    margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
    float: right;
    margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 1.75em;
}

/*==========================================
wp-pagenavi
===========================================*/


.wp-pagenavi {
font-size:1.4rem;
clear: both;
line-height:3;
color:#fff;
margin-top:60px;
}
.wp-pagenavi .pages {
font-weight:normal;
border:none;
margin-right:20px;
color:#555;
}
.wp-pagenavi a, .pagenavi span {
text-decoration: none!important;
padding:9px 12px 8px 12px;	

margin:5px;
color:#555;
border:none!important;
border-radius: 28px;
line-heigh:1;
}
.wp-pagenavi span.current {
padding:9px 12px 8px 12px;	
color:#555;
background:#e60012;
color:#fff;	
font-weight:normal;

border-radius: 28px;
line-heigh:1;
}
.wp-pagenavi a:hover{

color:#fff;
background:#e60012;
font-weight:normal;


}


/*pagenation
-------------------------------------------------------------- */

.pagenation {
	width:100%;
	max-width:730px;
	margin-bottom: 60px;
	display:block;
}
i.fa{
	color: #e60012;
}
#post .pagenation {
	margin-bottom: 60px;
}

#post .pagenation .oldpage {
	width: 50%;
	float: left;
	text-align: left;
}
#post .pagenation .newpage {
	width: 50%;
	float: right;
	text-align: right;
}


#socialLink{
	margin:50px 0 50px;
}
#socialLink ul li{
	float:left;
	margin-right:20px;
}

@media only screen and (max-width: 480px) {
	

.alignleft {
    float:none;
    margin: 0 auto;
}
.alignright {
    float: none;
     margin: 0 auto;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 1.75em;
}



}


/* sidebar
================================================== */
#sideArea h2{
	color:#333;
	font-size:1.6rem;
	font-weight:bold;
	text-align:left;
	margin:0;
	
	margin-bottom:30px;
}
#sideArea h2:after{
	display:none;
}
#sideArea .sideNavi{
	margin-bottom:40px;
}
#sideArea .sideNavi li{
	font-size:1.4rem;
	margin-bottom:15px;
	line-height:1.3
}
#sideArea .sideNavi li a{
	color:#e60012;
	font-weight:bold;
}
#sideArea .sideNavi li a:hover{
	text-decoration:underline;
}


@media only screen and (max-width: 768px) {
	
}

/*上映情報
===========================================*/

table {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-collapse: collapse;
  width: 100%;
  
  margin:0 auto 0;
}
table caption{
	font-size:1.8rem;
	margin:20px 0 40px;
	font-weight:bold;
	line-height:1.6
}
table th,
table td {
  text-align:left;
  border-bottom: 1px solid #ddd;
  padding: 20px;
  font-size:1.6rem;
  color:#333;
  border-left: 1px solid #ddd;
  line-height:130%;
}
table th {
padding: 10px 20px;
  background:#f4f4f4;
  text-align:center;
  font-weight:normal;
 }
 table th.cell1 {
width:18%;
 }
 table th.cell1 {
width:40%;
 }
 table th.cell1 {
width:18%;
 }
 table th.cell1 {
width:24%;
 }
  table th.left {

text-align:left;
 }
 @media screen and (max-width: 768px) {
	 table {
	  width:100%;
	
  }
   table th,
table td {
	
	font-size:1.3rem;
}
 }

@media screen and (max-width: 480px) {
	
	
  table th,
table td {
	
	 text-align:left;
	 padding: 7px;
}
table th.date{
	width:4em;
}
.fl-box-half table th, .fl-box-half table td {
	font-size:1.6rem;
}
}





/*送信フォーム
==========================================*/

.form-layout {
	width: 100%;
	margin: 0 auto 30px;
	border-bottom: none;
	font-size: 1.6rem;
	clear: both;
	text-align:center;
}
.form-layout dl {
	margin-bottom:30px;
}
.form-layout dt, .form-layout dd {
	padding: 20px 20px 20px 0;
	margin-bottom: 10px;
	color:#555;
}

.form-layout dt {
	font-size: 100%;
	clear: both;
	float: left;
	width: 200px;
	vertical-align: middle;
	padding-top: 15px;
	padding-bottom: 8px;
	text-align:left;
	}
.form-layout dd {
	padding-left: 220px;
	padding-top: 13px;
	padding-bottom: 10px;
	text-align: left;
}
.form-layout input.w300 {
	width: 300px;
}
.form-layout .w70 {
	width: 70px;
}
.form-layout dd.h30 {
	height: 30px;
}
.form-layout dd.h120 {
	
}
.form-layout span.error {
	font-size: 100%!important;
	line-height: 1.6!important;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif, "ヒラギノゴシック Pro W3", "Hiragino Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif;
}
.form-layout span.required {
	font-size: 70%;
	vertical-align: top;
	color: red;
}
.form-layout select {
	font-size: 1.3rempx;
	line-height: 20px;
}
.form-layout input {
	font-size: 100%;
	height: 20px;
}
.form-layout label {
	font-size: 100%;
}
.form-layout [type="checkbox"], [type="radio"] {
    width:auto;
	
}
.form-layout input[type="text"], textarea {
	border: 1px solid #999;
	padding: 5px;
	resize: none;
	font-size: 100%;
	width: 100%;
	max-width: 600px;
	border-radius:3px;
}

.input-bt{
	width:100%;
	text-align:center;
	margin-top:30px
}
input:focus, textarea:focus {
	background-color: #f2f2f2;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	 -webkit-appearance: none;
	padding: 7px 30px;
	font-size: 100%;
	font-weight: normal;
	background-color: #e60012;
	color: #fff;
	border-style: none;
	cursor: pointer;
	height:40px;
	margin:0 auto 40px;
	text-align:center;
	margin:0 auto;
	display:inline-block;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	opacity: 0.8;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

@media only screen and (max-width: 860px) {
.form-layout dt {
	float: none;
	width: 100%;
	padding-bottom: 0;
}
.form-layout dd {
	padding-top: 5px;
	padding-left: 0;
}
}

/* modal iframe
================================================== */

.mfp-fade.mfp-bg.mfp-ready{
	opacity:0.8!important;
}


/*footer
================================================== */

footer {
	background: #fff;
	width:100%;
  overflow:hidden;
  position:relative;
  
  border-top:1px solid #eee;
  padding:20px 0;
}

#footInner{
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
	padding:0 20px;
	font-size:1.3rem;
	line-height:120%;
	color: #777;
	
}
#footInner #footLeft{
	float:left;
	
}
#footInner #footLeft  #footNavi{
	margin-bottom:20px;
}
#footInner #copyright{
	color:#555;
}

#footInner #footRight{
	float:right;
}
#footInner ul#bannar li{
	float:left;
	margin-right:20px;
}
#footInner ul#bannar li:last-child{
	margin-right:0;
}
#footInner a{
	
}
#footInner a {
	color: #555;
	text-decoration: none;
}
#footInner a:link {
	color: #555;
}
#footInner a:visited {
	color: #555;
}
#footInner a:hover {
	color: #555;
	text-decoration: underline;
}
#footInner a:active {
	color: #555;
}



#page-top {
	position: fixed;
	bottom: 100px!important;
	right:20px;
	
	display:block;
	cursol:pointer;
	z-index:999;
}

#page-top  a{
	color:#fff;
}

@media only screen and (max-width: 768px) {
	
	#page-top {
	
	bottom: 30px!important;

}
	#footInner #footLeft{
	float:none;
	text-align:center;
	padding:0;
	margin:0;
}



#footInner #footRight{
	float:none;
	text-align:center;
	display:none;
}
#footInner #footRight ul#bannar{
	margin:0 auto;
}
}
 
/* ------------------------------------------------------------
	br reponsive
------------------------------------------------------------ */

br.pc-none{
	display:none;
}

@media only screen and (max-width: 768px) {
br.pc-none{
	display:block;
}
}

br.sp-none{
	display:block;
}
@media only screen and (max-width: 768px) {
br.sp-none{
	display:none;
}
}


/* ------------------------------------------------------------
	Clearfix
------------------------------------------------------------ */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End Hack */