@charset "utf-8";
/* 
:::::::::::::::::::::
Grid4 Styles 
:::::::::::::::::::::
*/

.Grid4 .Inner.Aspmovie iframe {
	margin: auto;
	display: block;
	width: 100%;
	max-width: 720px;
}

/* 
:::::::::::::::::::::
Aspmovie Styles 
:::::::::::::::::::::
*/

.Grid4 .Aspmovie .Inner.Flex {
	display: flex;
	justify-content: space-around;
}


.Grid4 .Aspmovie .FlexColumn {
	max-width: 44%;
	width: 44%;
}

.Grid4 .Aspmovie .FlexColumn h3 {
text-align: left;
font-size: 1.4em;
color: #4D4D4D;
display: block;
padding: 0;
}
.Grid4 .Aspmovie .FlexColumn h3 a:link,
.Grid4 .Aspmovie .FlexColumn h3 a:hover {
	text-decoration: none;
	background: none;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.Grid4 .Aspmovie .FlexColumn h3 a:hover {
	opacity: .8;;
}

.Grid4 .Aspmovie .FlexColumn h3 a:after {
	content: "";
	width: 28px;
	height: 28px;
	display: block;
	margin: 0 0 0 .5em;
	transition: .08s ease-in;
}


.Grid4 .Aspmovie .FlexColumn h3 a:hover:after {
	content: "";
	opacity: .8;;
}

.Grid4 .Aspmovie .FlexColumn ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.Grid4 .Aspmovie .FlexColumn li {
	background: #F5F5F5;
	border-radius: 5px;
	padding: 1em;
	text-align: center;
	width: 41%;
	margin: 0 0 .75em 0;
	display: flex;
	align-items: center;
	min-height: 120px;
	height: 100%;;
}

.Grid4 .Aspmovie .FlexColumn li a:link,
.Grid4 .Aspmovie .FlexColumn li a:visited {
	color: #4d4d4d;
	text-decoration: none;
	transition: .08s ease-in;
	width: 100%;
/*	height: 100%;*/
	display: block;
	line-height: 1;
}
.Grid4 .Aspmovie .FlexColumn li a:hover {
	opacity: .8;
}

.Grid4 .Aspmovie .FlexColumn li img {
	margin: 0 0 1em;
}

.Grid4 .Aspmovie .FlexColumn .ButtonLink {
	width: 100%;
}

.Grid4 .Aspmovie .FlexColumn .ButtonLink a:visited {
	color: #fff;
}
.Grid4 .Aspmovie .FlexColumn .ButtonLink a:link {
	color: #fff;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 4em;
	min-height: 4em;
	border-radius: 5px;
	text-decoration: none;
	transition: .08s ease-in;
	background: url(/-/media/ind/fukushinomori/image/arrow_white.png) no-repeat 98% center/ 28px;
    line-height: inherit;
}
.Grid4 .Aspmovie .FlexColumn.Kokuho .ButtonLink a:link,
.Grid4 .Aspmovie .FlexColumn.Kokuho .ButtonLink a:visited {
	background-color: #FF9902;
}

.Grid4 .Aspmovie .FlexColumn .ButtonLink a:hover {
	opacity: .8;
	background-position: 99% center;
}

.Grid4 .Aspmovie .FlexColumn p.Kyotu a:link,
.Grid4 .Aspmovie .FlexColumn p.Kyotu a:visited {
	background-color: #99FF32;
}

.Grid4 .Aspmovie .FlexColumn p.Case a:link,
.Grid4 .Aspmovie .FlexColumn p.Case a:visited,
.Grid4 .Aspmovie .FlexColumn p.Kobetu a:link,
.Grid4 .Aspmovie .FlexColumn p.Kobetu a:visited{
	background-color: #FF9999;
}

.Grid4.Common .BoxPatternA h2.center1{
    background-color: #99FF32;
}

.Grid4.Common .BoxPatternA h2.center2{
    background-color: #FF9999;
    
}

.Grid4.Common .BoxPatternA h2.center3{
    background-color: #FF9902;
    
}


/* 
:::::::::::::::::::::
About Styles 
:::::::::::::::::::::
*/

.ButtonLink {
	border-radius: 7px;
	margin: 1em auto;
	width: 370px;
	box-shadow: 0 0 8px silver;
	background: #fff;
}


.Grid4 .Section h3.movie_ttl{
    min-height: 20px;
    margin: 20px auto;
    padding: 0;
    color: #595959;
    line-height: 130%;
    border: none;
    zoom: 1;  
    font-size: 120%;
    
}



div.movie_box{
    margin-bottom: 100px;
}

div.movie_box>span{
position: relative;
top: -200px;
display: block;
}

.icon01{
    position: relative;
}


.icon01::after {
   content: 'COMING SOON'; 
    color:  #fff;   
    background-color: #595959; 
    padding: 0px 5px; 
    display:  inline-block;  
    position:  absolute;  
    left:  0;  
    top: 0%;         
    font-size: 80%;
    opacity: .6;
}


@media screen and (min-width: 1024px) {
		
}

@media screen and (max-width: 994px) {
	
	
	.JS .Grid4 .Aspmovie .FlexColumn h3 {
		font-size: 1.2em;
	}
	.JS .Grid4 .Aspmovie .FlexColumn li {
		width: calc((100% / 2) - 40px);
	}


}

@media screen and (min-width: 768px) {
	

}

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

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

	.JS .Grid4 .Aspmovie .Inner.Flex {
		display: block;
	}
	.JS .Grid4 .Aspmovie .FlexColumn {
		max-width: inherit;
		width: auto;
	}
	.JS .Grid4 .Aspmovie .FlexColumn li {
/*		width: 42%;*/
	}

	.JS .Grid4 .Aspmovie .FlexColumn .ButtonLink {
		margin: .15em auto 3em;
	}
	
	
}

@media screen and (max-width: 579px) {
	
	
	.JS .Grid4 .Inner.Aspmovie iframe {
		min-height: 286px;
	}
	
	.JS .icon01::after{
		font-size: 30%;
	}

}


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

	.JS .Grid4 .Aspmovie .FlexColumn .ButtonLink a:link {
		background-position: 96% center;
	}
	
	
}