@charset "utf-8";
/* CSS Document */
/*********************************
　基本フォーマット
*********************************/


html{overflow:auto;}

body{
	margin: 0px;
	padding: 0px;
	font-size:15px;
	line-height:150%;
	font-family:'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',
	'Yu Gothic Medium','游ゴシック Medium',YuGothic,'游ゴシック体','游ゴシック','Yu Gothic','メイリオ',Meiryosans-serif;
	color:#333;
	overflow:hidden;
    background:#fff;
    box-sizing:border-box;
}

p{line-height:1.68em;letter-spacing:-0.01em;}
a{
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    -moz-transition: 0.4s;-o-transition: 0.4s;-webkit-transition: 0.4s;transition: 0.4s;
    display:block;
    cursor:pointer;
}
a:hover{opacity:0.6;}  

input[type="radio"] {display: none;}
img {border:0;-webkit-backface-visibility: hidden;width:100%}
h1,h2,h3,h4,h5,h6,p,ul,li{margin:0;padding:0;}
ul,ol{list-style:none;}


.container{width: calc(100% - 30px);max-width: 980px;margin: 0 auto;}




.video{
width:100%;              /*横幅いっぱいにwidthを指定*/
padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
height:0px;              /*高さはpaddingで指定するためheightは0に*/
position: relative;
}

.video iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events:none;
}

.flex{display: -webkit-box;display: -ms-flexbox;display: flex;}

.player {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.thumb {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

 


/*PC==========================================*/
@media print, screen and (min-width:1300px) {

}
@media print, screen and (min-width:769px) {
.sp {display: none;}
.pc {display: block;}
}


/*タブレット==========================================*/

@media screen and (min-width:769px) and (max-width:1060px) {
html{font-size: 1.6vw;}

header{position:relative;}


}



/*スマホ==========================================*/
@media print, screen and (max-width:768px)  {
.sp {display: block;}
.pc {display: none;}
html {font-size: 3.46vw;}
body{font-size:16px;}
p{font-size:1.1rem;line-height:1.6em;}

header{height:20vw;position:relative;}



}