@charset "utf-8";
/* CSS Document */

#machi * {
	margin:0;
	padding:0;
	text-shadow:none;
	letter-spacing:-0.01px;
	font-weight:normal;
	line-height:1.6;
	-webkit-text-size-adjust:100%;
	font-size:12px;
 font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"CI",Meiryo,"メイリオ","lroSVbN","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#232323;
    outline : none;
}

body {
}

body.loaded {
	overflow:visible;
}

a {
	outline:0;
	border:0;
	color:#0099ff;
	text-decoration:underline;
}

a:hover {
	opacity:1;
}

img {
	vertical-align:top;
	border:0;
    outline : none;
}

ul,ol {
	list-style:none;
}

/* コンテント */

#machi  {
 background:#ffffff;
}

#machi .content {
	margin:0 auto;
	width:950px;
}

#machi #cp_fotter .content {
	width:1140px;
}

/* メイン */

#machi #main {
	background:url(https://prodmwsrstorage.blob.core.windows.net/mvtk-jp-public/cp/machi/img/pc/bg_head.jpg) no-repeat top center;
}

#machi #text {
margin-bottom:50px;
}

#machi #text h3 {
margin-bottom:30px;
}

#machi #about {
}

#machi #text .text_box {
	text-align:center;
	font-size:20px;
	height:70px;
	line-height:70px;
}

#machi #text ul {
	width:860px;
	margin:25px auto 0 auto;
}

#machi #text ul li {
	font-size:12px;
	background:url(https://prodmwsrstorage.blob.core.windows.net/mvtk-jp-public/cp/machi/img/pc/lidisc.png) no-repeat left 5px;
	background-size:8px 8px;
	padding-left:14px;
}

/* ボタン */

#machi #text .content {
	position:relative;
}

#machi #but_mvtk {
margin-bottom:20px;
}



#machi #about .about_box {
margin:10px 0 15px 0;
overflow:hidden;
clear: both;
}

#machi #about .about_movie {
float: left;
width:515px;
}

#machi #about .about_copyright {
font-size:10px;
margin-top:10px;
}

#machi #about .about_text {
float:right;
width:410px;
}

#machi #about .about_text p {
font-size:14px;
margin-bottom:15px;
}

#machi #youtube_outer {

}

#machi #youtube_outer iframe {
 display:block;
}


.youtube {
 position:relative;
}

#movie_box_in {
 position:relative;
 background:#000000;
}

#movie_box_in_out {
 background:#000000;
}

#movie_box img {
 cursor:pointer;
}

#trailer_box_outer {
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 display:none;
 z-index:100;
 right:0;
}

#trailer_box_outer_in {
 position:relative;
 padding-bottom:67.5%;
 height:0;
 overflow:hidden;

}

#trailer_box_outer_in iframe {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
}