@charset "utf-8";

/* mv
-----------------------------------------------------*/

/* ==============================================
    universal reset
============================================== */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* ==============================================
    html,body and base
============================================== */
html,body {
	height:100%;
}

/* general params
------------------*/
table {
	empty-cells: show;
	font-size: 100%;
	border-collapse: collapse;
}

img {
	border: none;
	height: auto;
	vertical-align: top;
    image-rendering: -webkit-optimize-contrast;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	font-size: 100%;
}

h1 img,h2 img,h3 img,h4 img,h5 img,h6 img {
}

ul {
	letter-spacing: -.40em;
}
ul li {
	letter-spacing: normal;
}
/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr {
	cursor: help;
}


/* ==============================================
    body
============================================== */
body {
	text-align: center;
	line-height: 1.2;
	color: #3c3c3c;
	-webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 700px) {
	body {
		min-width: 300px;
	}
}
@media print {
	body {
		min-width: 950px;
	}
}
body,
input,
select,
textarea {
	font-family: Meiryo,Arial,Roboto,'Droid Sans','Yu Gothic','Lucida Grande','Hiragino Kaku Gothic ProN', sans-serif;
}
form input[type="submit"],
form input[type="reset"],
form input[type="button"] {
	-webkit-appearance: none;
}

/* ==============================================
    link
============================================== */
a {
	transition: all .4s;
	text-decoration: none;
}

/* @media screen and (min-width: 701px) { */
@media (hover: hover) {
    a:hover {
        text-decoration: underline;
    }
    
	a:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
	}
}

/* ==============================================
    mv responsive
============================================== */

.movie_embed {
	position: relative;
	padding-top: 56.25%;
	height: 0;
	overflow: hidden;
}
.movie_embed .movie_embed_wrap {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
}

#video-js-id0_wrapper {
	max-width: 100%;
	min-width: 100%;
	max-height: 100vh;
	min-height: 100vh;
}
.vjs-poster {
	background-color: #fff !important;
}