@charset "UTF-8";

/* common */

body{
	-webkit-text-size-adjust: 100%;
	padding:0;
	margin: 0;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
	background:#666666;/*1b1b1b*/
	line-height: 1;
}
	
/* default */

div,dl,dt,dd,ul,ol,
li,h1,h2,h3,h4,h5,
h6,pre,code,form,fieldset,legend,
input,textarea,p,blockquote,
th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;word-break: break-all;font-size:inherit;width:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
.aligncenter{text-align:center;}
img{vertical-align: bottom;line-height: 1;}

a img{
	-webkit-transition: all .5s ease;
	   -moz-transition: all .5s ease;
	    -ms-transition: all .5s ease;
	     -o-transition: all .5s ease;
	        transition: all .5s ease;
}

a img:hover{
	opacity:0.7;
}
		
.container{
	margin: 0 auto;
	/*width: 80%;*/
	max-width: 1000px;/*100%*/
	height: 1000px;/*200vh*/
	overflow: hidden;
	position: relative;
}
		
/* layout ---------------------------------------*/

header{
	position:relative;
}	
		
/* header ---------------------------------------*/

.headerInner{
	width:95%;
	margin:0 auto;
	position:relative;
}

header .headerLogo{
	background: url(/files/user/special/angels/img/logo.png) 0 0 no-repeat;
	background-size: 100%;
	text-indent: -999em;
	overflow: hidden;
	width: 100px;
	height: 55px;
	position: absolute;
	left:0px;
	top:40px;
}

/* index */	
	
/* keyvisual ---------------------------------------*/

.keyvisual{
	text-align: center;
	width: 100%;
	/*height:200vmax;*/
}

.keyvisual h1{
	width: 100%;
	/*height:200vh;*/
	min-height:100%;
	opacity:1;
	background: url(/files/user/special/angels/img/header_bg_txt_btm.png) no-repeat center top;
	background-size: cover;
	text-indent:-999em;
	overflow: hidden;
}

.keyvisual.active h1{opacity:0;}

.kvInner img{
	position: absolute;
	top: 7vh;
	left: 0;
	right: 0;
	display: block;
	width: 51.10%;
	max-width: 750px;
	margin: 0 auto;
	transition: all .75s ease;
}

.kvInner p {
	position: absolute;
	top: 10vw;/*28.8*/
	left: 0;
	right: 0;
	font-size: 1.6vw;
	color: #FFF;
	display: block;
	width: 100%;/*80*/
	margin:0 auto;
	line-height: 2em;
	transition: all .75s ease;
  /*font-weight: bold;*/
    text-shadow: -1px -2px 10px #000000,
	   1px 2px 10px #000000; /*-1px -2px 3px #808080; */
}	
		
.kvInner span{
	border-bottom: solid 1px #0276ff;
}
	
.menuContainer {
	position: absolute;
	top: 500px;/*30vw50 28.8*/
	left: 0;
	right: 0;	
    display : flex;
    justify-content:center;
   /*background: #d4ddf8;*/
    width     : 100%;
    margin    : 10px;
    padding   : 5px;
    flex-direction:row;
    flex-wrap:wrap;
}
		
.item {
    /*border-radius: 4px;
    color: white;
    background-color:blue;
    width:100px;
    height: 100px;
    font-size:20px;
    text-align:center;*/
    margin: 10px;
}

.item img{
    width: 150px;/*200*/
    height: 150px;/*200*/
}

.itembig img{
    width: 250px;/*300*/
    height: 250px;/*300*/
}	
	
/*.item1 {
	position: relative;
	top: 100px;
}

.item2 {
	position: relative;
	top: 30px;
}

.item3 {
	position: relative;
	top: 100px;
}

.item4 {
	position: relative;
	top: 120px;
}

.item5 {
	position: relative;
	top: 130px;
}*/





@media screen and (max-width: 768px){

/* common item */
	
.container{
	width: 100%;
	height: 200vw;
	overflow: hidden;
	position: relative;
}
	
/*header{
	width:100%;
	height:52px;
	position:fixed;
	left:0px;
	top:0px;
	z-index: 10;
	padding:0px 0 0 0;
	background: #000;
}*/
	
header .headerLogo{
	background: url(/files/user/special/angels/img/logo.png) 0 0 no-repeat;
	background-size: 100%;
	text-indent: -999em;
	overflow: hidden;
	width: 50px;/*50*/
	height: 27.5px;/*30*/
	position: absolute;
	left: 14px;
	top: 11px;
}
	
.keyvisual h1{
	background: url(/files/user/special/angels/img/header_bg_txt_btm.png) no-repeat left top;
	background-size: contain;
}
	
.menuContainer {
	position: absolute;
	top: 300px;/*30vw50 28.8*/
	left: 0;
	right: 0;	
    display : flex;
    justify-content:flex-start;/*center*/
   /*background: #d4ddf8;*/
    width     : 100%;
    margin    : 10px;
    padding   : 5px;
    flex-direction:row;
    flex-wrap:wrap;
}

.item img{
    width: 100px;
    height: 100px;
}

.itembig img{
    width: 150px;
    height: 150px;
}	

/*
.item1 .item2 .item3 .item4 .item5{
	position: absolute;
	top: 0px;
}*/	
	
	
	
@media screen and (max-width: 600px) {

.container{
	width:100%;
	/*height:250vh;*/
	overflow: hidden;
	position: relative;
}	
	
/*.keyvisual{
	text-align: center;
	height: 600px;*/
	/*padding-top: 52px;*/
	/*background: url(/files/user/special/angels/img/header_bg_txt_sp.png) no-repeat top left;*//*top 52px*/
	/*background-size: 100%;
}*/
	
.keyvisual h1{
	width: 100%;
	/*height:250vh;*/
	min-height:100%;
	opacity:1;
	background: url(/files/user/special/angels/img/header_bg_txt_btm_rec.png) no-repeat top;
	background-size: cover;
	text-indent:-999em;
	overflow: hidden;
}	

.kvInner img{
	position: absolute;
	top: 7vw;
	left: 0;
	right: 0;
	display: block;
	width: 51.10%;
	max-width: 600px;
	margin: 0 auto;
	transition: all .75s ease;
}	
	
.menuContainer {
    flex-direction: column;
    align-content:space-around;
	position: absolute;
	top: 20vw;/*28.8*/
	left: 0;
	right: 0;	
    display : flex;
    justify-content:flex-start;
    width     : 100%;
    margin    : 10px;
    padding   : 5px;
    flex-direction:row;
    flex-wrap:wrap;
}

/*.item{
    width:100%;
}*/
	
.item img{
    width: 100px;
    height: 100px;
}

.itembig img{
    width: 150px;
    height: 150px;
}	
	
	

}