@charset "UFT-8";

body{
	background: #143739;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino KakuGothic Pro", "メイリオ", Meiryo, sans-serif;
	padding: 0;
	margin: 0;
}
h1,h2,h3,h4,ul,li,figure,figcaption,p,dd,dt,dl,div,a{
	padding: 0;
	margin: 0;
}
div{
	box-sizing: border-box;
}
main{
	font-size: 3.6vw;
	color:#fff;
}
main a{
	text-decoration: none;
	color: inherit;
}
img{
	width: 100%;
}
header {
    padding: 7vw 5vw 2vw;
}

.main{
	background: url(../img/v04_movie_chara.png)no-repeat bottom right;
	background-size: 67vw;
	padding-left: 5%;
	margin: 4vw auto;
	width: 100%;
	padding-top: 1vw;
}
.main h2{
	font-size: 6.6vw;
	color:#a98c14;
}
.main p{
	color:#fff;
	font-size:4vw;
	margin: 2vw 0 4vw
}
.main a{
	width: 57vw;
	border-radius: 4px;
	border: 2px solid #a98c14;
	color: #fff;
	display: block;
	text-align: center;
	padding: 1.6vw 0;
	font-size:5.3vw;
	font-weight: bold;
	
	background:url(../img/v04_movie_btn_bg.png)no-repeat center;
	background-size:58vw;
}
.inner{
	width: 90%;
	margin: 0 auto;
}
nav.inner{
	display: block;
	font-weight: bold;
	margin-bottom: 7vw;
}
nav h3{
	border-bottom:2px solid #a98c14;
	color:#a98c14;
	text-align: center;
	font-size:4.7vw;
}
nav a{
	display: block;
	margin: 2vw 0 3vw
}
 dt{
	display: flex;
	justify-content: space-between;}
 dt p{
	font-weight: normal;
}
 dt p span{
	color:#d8070c;
}
section{
	margin-bottom: 4vw;
}
section h1{
	font-size: 3.6vw;
	margin-bottom: 1vw
}
section p{
	word-break: break-all;
	
}
 dt{
	color: #999;
}
dt p{
	color: #fff;
}
section dd{
	font-size: 4.8vw;
	line-height: 1.3;
}
section dd span{
	border: 1px solid;
	font-size: 3vw;
	padding: 1vw;
	padding-right: 6vw;
	margin-top: 2vw;
	display: inline-block;
	position: relative;
}
section dd span::after{
	content: "";
	width: 3.8vw;
	height: 3.8vw;
	position: absolute;
	right: 0.7vw;
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 50%;
	top: 0.9vw
}
section dd span::before{
	content: "";
	width: 1.5vw;
	height: 1.5vw;
	position: absolute;
	right: 2vw;
	display: inline-block;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	top: 1.7vw;
	transform: rotate(135deg);
}
section .open dd span::before{
	transform: rotate(-45deg)!important;
	top: 2.4vw;
}
section .arasuzi{
	display: none;
}
#end_btn{
	display: block;
	width: 40vw;
	margin: 8vw auto;
	text-align: center;
	background: #ddd;
	color:#222;
	border-radius:5px;
	padding: 2vw 0;
}
footer{
	background: #000;
	padding: 3vw 2vw;
	color:#fff;
}
footer ul{
	margin-bottom: 4vw;
	text-align: center;
}
footer li{
	display: inline;
	font-size: 3.6vw;
}
footer li a{
	color:#fff;
	border-right: 1px solid #fff;
	padding: 1vw;
}
footer small{
	display: block;
	text-align: center;
	margin: 2vw 0;
	font-size: 3vw;
}
footer small.copy{
	font-size: 3.5vw;
}


#function1{
	
}
#function1 h1{
	font-size: 5vw;
	color:#a98c14;
}
#function1 h1 img{ 
	width: 55vw;
	padding-right: 5vw;
vertical-align: text-bottom;
} 
#function1 h2{
	box-sizing: border-box;
	border-radius: 4px;
	border: 2px solid #a98c14;
	color: #fff;
	display: block;
	text-align: center;
	padding: 1.6vw 0;
	font-size:5.3vw;
	font-weight: bold;
	background:url(../img/v04_movie_function1_btn_bg.png)no-repeat center;
	background-size:cover;
	margin: 2vw 0 5vw;
}
#function1 .chara_box{
	border: 2px solid #a98c14;
	color: #000;
	margin-bottom: 2vw;
	font-size: 0;
	background: #fff;
}
#function1 .chara_box div{
	font-weight: bold;
	padding: 0 1vw 0 3vw;
}
#function1 .chara_box p{
	background: #DDE5D9;
	padding: 3vw 4vw;
	font-size: 3.4vw;
	line-height: 1.3;
	
}
#cboxContent{
	
}