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

@media screen and (min-width : 768px){
    html{ font-size : 87.5%;} 
}
 
@media screen and (min-width : 900px) {
    html{ font-size : 100%}; 
}

@media screen and (max-width: 699px){
.sp-none {display:none;}
}

@media screen and (min-width: 699px){
.pc-none {display:none;}
}

h1 {
    font-size : 2em;   /* 48px */
    line-height : 1;   /* 48px */
}

h2 {
    font-size : 1,5em;   /* 36px */
    line-height : 1.3333;   /* 48px */
}


.embed {
	position: relative;
	width:100%;
	padding-top:56.25%;
	}

.embed iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	}
	
.clear { clear:both; } 

.fl-l{ float: left;}
.fl-r{ float: right;}
.center{margin: 0 auto;}

.al-l{text-align: left;}
.al-r{text-align: right;}
.al-c{text-align: center;}

.f04em{font-size: 0.4em;}
.f06em{font-size: 0.6em;}
.f08em{font-size: 0.8em;}
.f10em{font-size: 1em;}
.f12em{font-size: 1.2em;}
.f14em{font-size: 1.4em;}
.f16em{font-size: 1.6em;}
.f18em{font-size: 1.8em;}
.f20em{font-size: 2em;}
.f22em{font-size: 2.2em;}
.f24em{font-size: 2.4em;}
.f26em{font-size: 2.6em;}
.f28em{font-size: 2.8em;}
.f30em{font-size: 3em;}
.b{font-weight:bold;}

.red{color: #F00;}

.m0-t{margin-top:0px;}
.m5-t{margin-top:5px;}
.m10-t{margin-top:10px;}
.m15-t{margin-top:15px;}
.m20-t{margin-top:20px;}
.m25-t{margin-top:25px;}
.m30-t{margin-top:30px;}
.m35-t{margin-top:35px;}
.m40-t{margin-top:40px;}
.m45-t{margin-top:45px;}
.m50-t{margin-top:50px;}

.m0-b{margin-bottom:0px;}
.m5-b{margin-bottom:5px;}
.m10-b{margin-bottom:10px;}
.m15-b{margin-bottom:15px;}
.m20-b{margin-bottom:20px;}
.m25-b{margin-bottom:25px;}
.m30-b{margin-bottom:30px;}
.m35-b{margin-bottom:35px;}
.m40-b{margin-bottom:40px;}
.m45-b{margin-bottom:45px;}
.m50-b{margin-bottom:50px;}

.m0-r{margin-right:0px;}
.m5-r{margin-right:5px;}
.m10-r{margin-right:10px;}
.m15-r{margin-right:15px;}
.m20-r{margin-right:20px;}
.m25-r{margin-right:25px;}
.m30-r{margin-right:30px;}
.m35-r{margin-right:35px;}
.m40-r{margin-right:40px;}
.m45-r{margin-right:45px;}
.m50-r{margin-right:50px;}

.m0-l{margin-left:0px;}
.m5-l{margin-left:5px;}
.m10-l{margin-left:10px;}
.m15-l{margin-left:15px;}
.m20-l{margin-left:20px;}
.m25-l{margin-left:25px;}
.m30-l{margin-left:30px;}
.m35-l{margin-left:35px;}
.m40-l{margin-left:40px;}
.m45-l{margin-left:45px;}
.m50-l{margin-left:50px;}