@charset "utf-8";

*{
margin:0;
padding:0;
}

html {
/*overflow-y: scroll;*/
}

a{
color:#555;
text-decoration:none;
}

a:hover {
color:#f47723;	
text-decoration:none;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;	
padding: 0;
}

article, aside, canvas, footer, header, hgroup, nav, section, figure, figcaption { 
display: block;
margin: 0;
padding: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
}

table {
border-collapse: collapse;	
border-spacing: 0;
}

caption, th	{
text-align: left;
}

q:before ,q:after {
content: '';
}

object, embed {
vertical-align: top;
}

hr, legend {
display: none;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

img, abbr, acronym, fieldset {
border: 0;
vertical-align: bottom;
}

li {
list-style-type: none;
}

/*------------ fontStyle------------*/
body {
	font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, 'MS Pゴシック', 'MS PGothic', sans-serif;
letter-spacing:1px;

line-height: 1.8;
color:#444;
-webkit-text-size-adjust:100%;
}

/*-----------------------------------------------------------------------------------------------------------clearfix-----------------*/

.clearfix{ /zoom:1; }
.clearfix:after{ content : ''; display : block; clear : both; height:0; }





.clr {
	content: ".";
	clear: both;
	visibility:hidden;
	height: 1px;
	display: block;
}

/*--------------------------------------------------------------------------------------------------------------jsMessage----------*/


.movie {
     position: relative;
     padding-bottom: calc(315 / 560 * 100%);
     // padding-topでも可
}
.movie__iframe {
     position: absolute;
     top: 0;
     right: 0;
     width: 100%;
     height: 100%;