/*
Theme Name: MOV ICHI 2026
*/


/* ------------------------------
default
------------------------------ */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-style: initial;
	-webkit-text-size-adjust: 100%;
}

html,body {
	height: 100%;
	width: 100%;
	scroll-behavior: smooth;
}
body {
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.8;
	letter-spacing: 0.1em;
	margin: 0;
	color: #333333;
}
a {
	color: #333333;
	text-decoration: none;
	-webkit-transition: all linear 0.2s;
	transition: all linear 0.2s;
}
a:hover{
	opacity: 0.65;
}
img {
	height: auto;
	max-width: 100%;
}
input, button, select, textarea {
	/*-webkit-appearance: none;*/
}
h2, ul, li{
	list-style: none;
	margin: 0;
	padding: 0;
}
/* --------------------------------
font
---------------------------------*/
.fontll{
	font-size: 21px;
}
.fontl{
	font-size: 18px;
}
.fontm{
	font-size: 16px;
}
.fontss{
	font-size: 12px;
}


/* --------------------------------
common
---------------------------------*/
.bk_b{
	/*background-color: #F09BA5;*/
	background-color: rgba(240,155,165)
}
.bk_w{
	background-color: #fff;
}
.pc{
	display: block;
}
.sp{
	display: none;
}
.area{
	margin: 0 auto;
	max-width: 1040px;
	position: relative;
}
section{
	padding: 80px 0;
	position: relative;
}
.section_title{
	font-size: 28px;
	font-weight: bold;
	border-bottom: 3px solid #296197;
	width: fit-content;
	margin: 0 auto 70px;
}
.space{
	width: 100%;
	height: auto;
}
.space::before{
	content: '';
	display: block;
	padding-top: 47.91%;
}
.fadein{
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 500ms;
}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
a.button,
.submit_button{
	display: block;
	padding: 20px;
	margin: 20px auto;
	background-color: #67728a;
	color: #fff;
	width: fit-content;	
	position: relative;
	cursor: pointer;
	transition: all 0.3s;
	border-radius: 5px;
	border-bottom: 5px solid #778b9c;
}
a.button:hover,
.submit_button:hover{
	background-color: #67728a;
	border-bottom: 2px solid #778b9c;
	opacity: 1;
}
a.button_bk{
	background-color: #333333;
	border-bottom: none;
}
.flex_box_double{
	display: flex;
}
.flex_box_double .container_l,
.flex_box_double .container_r{
	width: 50%;
}
.comingsoon{
	color: #e6e6e6;
}
.content_box{
	width: 100%;
	position: relative;
}
.content_box a{
	display: block;
	width: 100%;
	height: 100%;
}
.content_box span{
	position: absolute;
	bottom: 0;
	right: 0;
	color: #fff;
	font-weight: bold;
	background-color: #E95504;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	font-size: 10px;
	z-index: 10;
	line-height: 1.3;
	padding: 6px 0 0 1px;
}
.content_box .content_thum{
	width: 100%;
	height: auto;
}
.content_box .content_thum>div{
	width: 100%;
	padding-top: 56.25%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.content_box .content_detail{
	background-color: #fff;
	padding: 15px;
	font-weight: bold;
	height: 125px;
	margin-bottom: 30px;
}
.content_box .content_detail .cont_time{
	font-size: 10px;
	background-color: #ea6d8d;
	height: 22px;
	line-height: 22px;
	width: fit-content;
	padding: 0 5px;
	border-radius: 4px;
	margin-bottom: 15px;
	color: #fff;
}

/* ------------------------------
modaal
------------------------------ */
.popup_window{
	padding: 30px!important;
}
.popup_window .popup_title{
	margin-bottom: 20px;
}
.popup_window .popup_subtitle{
	margin-top: 40px;
	margin-bottom: 20px;
}
.popup_window .popup_name{
	text-align: center;
	margin-bottom: 50px;
	font-weight: bold;
}
.popup_window .live_frame{
	text-align: center;
	width: 100%;
}
.popup_window .live_frame iframe{
	max-width: 100%;
}
.popup_window .popup_pic{
	display: block;
	width: 150px;
	margin-right: 20px;
	float: left;
}

/* --------------------------------
header
---------------------------------*/
.site_header{
	height: 60px;
	position: relative;
	width: 100%;
	z-index: 999;
}
.site_header.fixed{
	position: fixed;
	top: 0;
	background-color: #fff;
}
.site_header h1{
	height: 60px;
	width: 20%;
	position: absolute;
	left: 6%;
	display: flex;
	align-items: center;
	z-index: 99;
}
.site_header h1 a{
	display: flex;
	width: 100%;
	height: 100%;
}
.site_header h1 a img{
	display: inline-block;
}
.site_header .globalnav .navi{
	height: 60px;
	width: 100%;
	position: absolute;
	right: 6%;
	display: flex;
	flex-flow: row;
	align-items: center;
	justify-content: flex-end;
	font-weight: bold;
}
.site_header .globalnav .navi li{
	margin-left: 4%;
}
.site_header .globalnav .navi li a{
	display: block;
	width: 100%;
	height: 100%;
}
.site_header .globalnav .burgermenu,
.site_header .globalnav .burgermenu span{
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	border-bottom: inherit;
}
.site_header .globalnav .burgermenu{
	position: absolute;
	right: 16px;
	top: 16px;
	width: 21px;
	height: 21px;
	display: none;
}
.site_header .globalnav .burgermenu span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #000;
}
.site_header .globalnav .burgermenu span:nth-of-type(1) {
	top: 0;
}
.site_header .globalnav .burgermenu span:nth-of-type(2) {
	top: 9px;
}
.site_header .globalnav .burgermenu span:nth-of-type(3) {
	bottom: 0;
}
.site_header .globalnav .burgermenu.active span:nth-of-type(1) {
	-webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
	background-color: #000;
}
.site_header .globalnav .burgermenu.active span:nth-of-type(2) {
	opacity: 0;
}
.site_header .globalnav .burgermenu.active span:nth-of-type(3) {
	-webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg);
	background-color: #000;
}

/* --------------------------------
top
---------------------------------*/
.top{
	width: 100%;
	height: auto;
	padding-top: 47.9%;
	padding-bottom: 0;
	position: fixed!important;
}
.top img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

/* --------------------------------
special_program
---------------------------------*/
.special_program{
	display: none;
}
.special_program.fixed{
	margin-top: 60px;
}
.special_program .slide_area{
	width: 81%;
	padding-top: 43%;
	margin: 0 auto 80px;
	border: 10px solid #E95504;
	background-color: #fff;
	position: relative;
}
.special_program .slide_area .swiper-container{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.special_program .slide_area .swiper-wrapper .swiper-slide a{
	display: block;
	width: 100%;
	height: 100%;
}
.special_program .sw_button{
	width: 50px;
	height: 50px;
	background-color: #fff;
	border-radius: 50%;
}
.special_program .swiper-button-next{
	background-image: url(images/arrow_next.svg);
	transform: scale(-1, 1);
}
.special_program .swiper-button-prev {
	background-image: url(images/arrow_next.svg);
}
.special_program .swiper-button-next,
.special_program .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: calc(var(--swiper-navigation-size) / 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
	width: 50px;
	height: 50px;
	background-size: 50px 50px;
	margin-top: -25px;
}
.swiper-button-prev:after,
.swiper-button-next:after {
	display: none;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
	content: "prev";
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
	content: "next";
}
.special_program .flex_box_3{
	display: flex;
	justify-content: space-between;
}
.special_program .flex_box_3 .sp_1,
.special_program .flex_box_3 .sp_2,
.special_program .flex_box_3 .sp_3{
	width: 30%;
}
.special_program .border_area{
	width: 1px;
	height: 710px;
	background-color:#E6E6E6;
	margin: 0 2%;
}
.special_program .flex_box_3 .sp_category{
	text-align: center;
	background-color: #fff;
	font-weight: bold;
	width: 100%;
	height: 46px;
	line-height: 40px;
	border: 2px solid #E95504;
	border-radius: 5px;
	margin-bottom: 30px;
}
.special_program .button_area{
	display: flex;
	justify-content: center;
}
.special_program .button_area .button{
	width: 286px;
}
.special_program a.button,
.special_program .submit_button{
	margin: 20px 15px;
}

/* --------------------------------
exhibitors
---------------------------------*/
.exhibitors{
	display: none;
}
.exhibitors .flex_box_4{
	display: flex;
	flex-wrap: wrap;
}
.exhibitors .flex_box_4 .content_box{
	width: 22%;
	border: 5px solid #E95504;
	margin: 0 40px 40px 0;
}
.exhibitors .flex_box_4 .content_box:nth-of-type(4n){
	margin: 0 0 40px 0;
}
.exhibitors .content_box span{
	color: #333333;
	background-color: #ea6d8d;
	width: 40px;
	height: 40px;
	padding: 7px 0 0 1px;
	font-size: 8px;
	line-height: 1.1;
}
.exhibitors .content_box .content_thum div{
	padding-top: 100%;
}
.exhibitors .content_box .content_detail{
	background-color:  #E95504;
	padding: 13px;
	margin-bottom: 0;
	height: 110px;
}
.exhibitors .content_box .content_detail .cont_title{
	color: #fff;
}
.exhibitors .button{
	width: 286px;
}	

/* --------------------------------
about
---------------------------------*/
.about .flex_box_double .container_l{
	position: relative;
	padding-top: 45%;
}
.about .flex_box_double .container_l img{
	display: block;
}
/*.about .flex_box_double .container_l .frame_1,
.about .flex_box_double .container_l .frame_2,
.about .flex_box_double .container_l .frame_3*/
.about .flex_box_double .container_l div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
/*.about .flex_box_double .container_l .frame_1::before,
.about .flex_box_double .container_l .frame_2::before,
.about .flex_box_double .container_l .frame_3::before*/
.about .flex_box_double .container_l div::before{
	content: '';
	display: block;
	padding-top: 83%;
}
.about .flex_box_double .container_l .img_1{
	width: 79%;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	animation: anime_slider_fade 9s 0s infinite;
}
.about .flex_box_double .container_l .img_1:nth-of-type(2) {
	animation-delay: 3s;
}
.about .flex_box_double .container_l .img_1:nth-of-type(3) {
	animation-delay: 6s;
}
.about .flex_box_double .container_l .img_2{
	width: 62%;
	position: absolute;
	top: 51%;
	right: 0;
	visibility: hidden;
	animation: anime_slider_fade 12s 0s infinite;
}
.about .flex_box_double .container_l .img_2:nth-of-type(2) {
	animation-delay: 4s;
}
.about .flex_box_double .container_l .img_2:nth-of-type(3) {
	animation-delay: 8s;
}
.about .flex_box_double .container_l .img_3{
	width: 40%;
	position: absolute;
	bottom: -15%;
	left: 11%;
	visibility: hidden;
	animation: anime_slider_fade 15s 0s infinite;
}
.about .flex_box_double .container_l .img_3:nth-of-type(2) {
	animation-delay: 5s;
}
.about .flex_box_double .container_l .img_3:nth-of-type(3) {
	animation-delay: 10s;
}
@keyframes anime_slider_fade {
    0% {
        visibility: visible;
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    33.3% {
        opacity: 1;
    }
    48.3% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
.about .flex_box_double .container_r{
	padding-left: 40px;
}
.about .flex_box_double .container_r div.fontll{
	margin-bottom: 1em;
	font-weight: bold;
}

/* --------------------------------
archives
---------------------------------*/
.archives .movie_frame{
	width: 65%;
	margin: 0 auto 70px;
}
.archives .archives_container{
	display: flex;
	justify-content: space-between;
	white-space: nowrap;
	overflow-x: auto;
	align-items: baseline;
}
.archives .archives_container div{
	width: 10%;
	min-width: 100px;
	margin-right: 20px;
}
.archives .archives_container div:last-child{
	margin-right: 0;
}
.archives .archives_container div p{
	letter-spacing: 0;
	text-align: center;
	font-weight: bold;
}


/* --------------------------------
news
---------------------------------*/
.news dl{
	display: flex;
	flex-wrap: wrap;
	margin-top: 25px;
}
.news dl a{
	color: #296197;
}
.news dl:first-child{
	margin-top: 0;
}
.news dl::after{
	display: block;
	content: '';
	background-image: linear-gradient(to right, #000, #000 3px, transparent 4px, transparent 8px);
	background-size: 7px 1px;
	background-repeat: repeat-x;
	width: 100%;
	height: 1px;
	margin-top: 25px;
}
.news dl dt{
	padding-right: 55px;
	white-space: nowrap;
	width: 20%;
	font-weight: bold;
}
.news dl dd{
	width: 80%;
}

/* --------------------------------
entry_area
---------------------------------*/
.front_page .entry_area{
	text-align: center;
	/*display:none;*/
}
.front_page .entry_area.fixed{
	margin-top: 60px;
}
.front_page .entry_area .entry_box{
	max-width: 860px;
	width: 100%;
	margin: 0 auto 60px;
	padding: 50px 20px;
	filter: drop-shadow(10px 10px 0 #b1afb7);
}
.front_page .entry_area .entry_box p{
	max-width: 680px;
	width: 100%;
	margin: 0 auto 50px;
	text-align: left;
}
.front_page .entry_area .entry_box a.button{
	max-width: 370px;
	width: 100%;
	text-align: center;
}
.front_page .entry_area .fontll{
	font-weight: bold;
	margin-bottom: 40px;
}
.front_page .entry_area .popup_windows{
	max-width: 860px;
	width: 100%;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
	flex-wrap: wrap;
}
.front_page .entry_area .popup_windows div.fadein{
	max-width: 260px;
	width: 100%;
	background-color: #b1afb7;
	color: #fff;
	padding: 30px;
	border-radius: 5px;
	margin-bottom: 30px;
}
.front_page .entry_area .popup_windows div.fadein img{
	width: 160px;
	height: 160px;
	display: flex;
	margin: 0 auto 20px;
	background-color: #fff;
	border-radius: 50%;
}
.front_page .entry_area .popup_windows div.fadein p{
	text-align: left;
}
.front_page .entry_area .popup_windows div.fadein a.button_w{
	color: #296197;
	background-color: #fff;
	display: block;	
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	font-weight: bold;
	margin-top: 10px;
}

/* --------------------------------
sponsors
---------------------------------*/
.sponsors{
	background-color: #F6F6F6;
}
.sponsors .area{
	display: flex;
	/*justify-content: space-between;*/
	justify-content:flex-start;
}
.sponsors .area .sp_logo{
	width: 18%;
	height: auto;
	margin-right:20px;
}
.sponsors .area .sp_logo a{
	display: block;
	width: 100%;
	height: auto;
	background-color: #fff;
}
.sponsors .area .sp_logo a div{
	width: 100%;
	padding-top: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/* --------------------------------
footer
---------------------------------*/
footer{
	position: relative;
}
footer .footer_upper{
	background-color: #333333;
	color: #fff;
}
footer .footer_upper ul li a{
	color: #fff;
}
footer .footer_upper .area{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 125px;
}
footer .footer_upper .area .footer_container{
	display: flex;
}
footer .footer_upper .area .footer_container li{
	margin-right: 30px;
}
footer .footer_upper .area .footer_logo img{
	display: block;
	width: 140px;
	margin-left: 30px;
}
footer .footer_rower{
	height: 60px;
	line-height: 60px;
	text-align: center;
	vertical-align: middle;
}

/* ------------------------------
for smartphone
------------------------------ */
@media screen and (max-width: 980px) {
	/* --------------------------------
	common
	---------------------------------*/
	.area{
		padding-left: 20px;
		padding-right: 20px;
	}
	.flex_box_double{
		flex-direction: column;
	}
	.flex_box_double .container_l,
	.flex_box_double .container_r{
		width: 100%;
	}
	/* --------------------------------
	header
	---------------------------------*/
	.site_header {
		height: 48px;
	}
	.site_header h1{
		height: 48px;
		width: 40%;
		left: 50%;
		transform: translateX(-50%);
	}
	.site_header h1 a img{
		width: 85%;
		margin: 0 auto;
	}
	.site_header .globalnav .navi{
		height: 100vh;
		width: 80%;
		position: fixed;
		right: 0;
		padding-top: 48px;
		display: none;
		flex-direction: column;
		justify-content: flex-start;
		background-color: #fff;
	}
	.site_header .globalnav .navi.active{
		display: block;
		position: absolute;
	}
	.site_header .globalnav .navi li{
		font-size: 18px;
		margin-left: 0;
		padding: 2em 0 2em 2em;
		border-bottom: 1px dotted #333333;
	}
	.site_header .globalnav .burgermenu{
		display: block;
	}
	/* --------------------------------
	special_program
	---------------------------------*/
	.special_program .flex_box_3{
		flex-direction: column;
		justify-content: center;
	}
	.special_program .flex_box_3 .sp_1,
	.special_program .flex_box_3 .sp_2,
	.special_program .flex_box_3 .sp_3{
		width: 75%;
		margin: 0 auto;
	}
	.special_program .border_area{
		display: none;
	}

	/* --------------------------------
	exhibitors
	---------------------------------*/
	.exhibitors .flex_box_4 {
		justify-content: space-between;
	}
	.exhibitors .flex_box_4 .content_box{
		width: 48%;
		margin: 0 0 40px 0;
	}
	.exhibitors .flex_box_4 .content_box:nth-of-type(4n){
		margin: 0 0 40px 0;
	}

	/* --------------------------------
	about
	---------------------------------*/
	.about .flex_box_double .container_r{
		padding: 55% 0 0 0;
	}
	/* --------------------------------
	archives
	---------------------------------*/
	.archives .movie_frame{
		width: 100%;
		margin: 0 auto 30px;
	}

	/* --------------------------------
	news
	---------------------------------*/
	.news dl dt{
		padding-right: 0;
		padding-bottom: 15px;
		width: 100%;
	}
	.news dl dd{
		width: 100%;
	}

	/* --------------------------------
	footer
	---------------------------------*/
	footer .footer_upper .area{
		justify-content: space-around;
		height: auto;
		align-items: flex-end;
	}
	footer .footer_upper .area .footer_container{
		flex-direction: column;
		padding-top: 20px;
	}
	footer .footer_upper .area .footer_logo{
		padding-bottom: 5px;
	}
	footer .footer_upper .area .footer_logo img{
		margin-left: 0;
		margin-bottom: 20px;
		width: 100px;
	}
	footer .footer_upper .area .footer_container li{
		margin-right: 0;
		margin-bottom: 20px;
	}

}
@media screen and (max-width: 600px) {
	/* --------------------------------
	font
	---------------------------------*/
	.fontll{
		font-size: 18px;
	}
	.fontl{
		font-size: 16px;
	}
	.fontm{
		font-size: 14px;
	}
	
	/* --------------------------------
	common
	---------------------------------*/
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
	section{
		padding: 45px 0;
	}
	.section_title{
		font-size: 21px;
		padding-bottom: 8px;
		margin: 0 auto 29px;
	}
	.space::before{
		padding-top: 166%;
	}
	.content_box .content_detail{
		height: auto;
	}
	/* ------------------------------
	modaal
	------------------------------ */
	.popup_window{
		padding: 10px!important;
	}
	.popup_window .popup_name{
		margin-bottom: 0;
	}
	.popup_window .live_frame{
		height: 250px;
	}
	.popup_window .popup_pic{
		margin: 0 auto 20px;
		float: none;
	}
	/* --------------------------------
	top
	---------------------------------*/
	.top{
		padding-top: 166%;
	}
	/* --------------------------------
	special_program
	---------------------------------*/
	.special_program.fixed{
		margin-top: 48px;
	}
	.special_program .slide_area{
		width: 100%;
		padding-top: 56.25%;
		margin: 0 auto 50px;
		border: 5px solid #5AB5B2;
		border-radius: 5px;
	}
	.special_program .sw_button{
		width: 30px;
		height: 30px;
	}
	.special_program .swiper-button-next,
	.special_program .swiper-button-prev {
		width: 30px;
		height: 30px;
		background-size: 30px 30px;
		margin-top: -15px;
	}
	.special_program .button_area{
		flex-direction: column;
	}
	.special_program a.button,
	.special_program .submit_button{
		margin: 10px auto;
	}
	/* --------------------------------
	exhibitors
	---------------------------------*/
	.exhibitors .flex_box_4 .content_box{
		width: 100%;
	}

	/* --------------------------------
	entry_area
	---------------------------------*/
	.front_page .entry_area.fixed{
		margin-top: 48px;
	}
	.front_page .entry_area .popup_windows{
		flex-direction: column;
	}
	.front_page .entry_area .popup_windows div.fadein{
		width: 100%;
		margin: 0 auto 30px;
	}
	/* --------------------------------
	sponsors
	---------------------------------*/
	.sponsors .area{
		flex-wrap:wrap;
		justify-content: space-between;
	}
	.sponsors .area .sp_logo{
		width:46%;
		margin-bottom: 30px;
	}
	.sponsors .area .sp_logo{
		margin-right:0;
	}

}