/*@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah&text=wjambop.MyPht);*/
/*@import url(http://fonts.googleapis.com/css?family=Patrick+Hand&text=wjambop.MyPht);*/
/*@import url(http://fonts.googleapis.com/css?family=Just+Me+Again+Down+Here&text=wjambop.MyPht);*/
@import url(http://fonts.googleapis.com/css?family=Gaegu&text=wjambop.MyPht);
html,body,main,h1,a,dl,dt,dd,p,ul,li{background:transparent;border:0;margin:0;padding:0;}
body{line-height:1;}
h1{font-weight:normal;}
img{vertical-align:bottom;}
a{text-decoration:none;
color:#333;}
a:hover{opacity:0.3;}
*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}

html,body{
width:100%;
height:100%;
color:#333;
background-color:#FFF;
}
body{
line-height:1.2em;
letter-spacing:0.1em;
display:table;
}

.mb1 {margin-bottom:1em !important;}
.subtxt{color:#CCC;}

main.top{
position:relative;
max-width:100%;
text-align:center;
padding:3em 0 0 0;
height:100vh;
display:table-cell;
vertical-align:middle;
}
h1{
/*font-family: 'Gloria Hallelujah', cursive;*/
/*font-family: 'Patrick Hand', cursive;*/
/*font-family: 'Just Me Again Down Here', cursive;*/
font-family: 'Gaegu', cursive;
padding:0 0 320px 0;
}
#addid{
position:relative;
top:-295px;
left:50%;
width:129px;
height:95px;
text-indent:110%;
white-space:nowrap; 
overflow:hidden; 
background:url(../img/ico.png) no-repeat 45px 0;
}
#addid a{
position:absolute;
top:0;
left:45px;
width:100%;
height:100%;
cursor:pointer;
}

#addid2{
position:absolute;
top:calc(50% + 45px);
left:calc(50% - 95px);
width:45px;
height:71px;
text-indent:110%;
white-space:nowrap; 
overflow:hidden; 
background:url(../img/img.png) no-repeat 0 0 /contain;
}
#addid2:hover{opacity:0.5;}
#addid2 a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
cursor:pointer;
}


dl{margin:-95px auto 0;font-size:85%;}
dt{font-weight:bold;}

main.insta{display: block;}

main.insta article#visual{
max-width:100%;
text-align:center;
padding:3em 0 0 0;
height:100vh;
overflow:hidden;
display:block;
}
main.insta h1{
font-size:200%;
padding:0 0 1.7em 0;
}
main.insta .main_v{
width:100%;
height:100vh;
background-size:cover;
background-position: 50% 50%;
text-indent:-9999px;
overflow:hidden;
}

main.insta article#thumb{
width:100%;
background-color:#222;
text-align:center;
padding:4em 0 0 0;
}

main.insta article#thumb h1,
main.insta article#thumb h1 a{color:#FFF;}
main.insta ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
padding:0 10px 10px;
background-color:#222;
}

main.insta li:first-child{display:none;}

main.insta li{
position:relative;
list-style:none;
margin:10px;
border:2px solid #CCC;
background-color:#000;
width:30%;
width:-webkit-calc((100% / 3) - 20px);
width:calc((100% / 3) - 20px);
}

main.insta li p.times{
font-size:10px;
color:#FF8100;
position:absolute;
bottom:1em;
right:1em;
line-height:0.9em;
}

main.insta li a{opacity:0.6;}
main.insta li a:hover{opacity:1;}
main.insta #thumb img{
	width:100%;
	height:auto;
}



@media only screen and (min-width:1000px){
main.insta ul{
}
main.insta li{
width:12%;
width:-webkit-calc((100% / 8) - 20px);
width:calc((100% / 8) - 20px);
}
}
@media only screen and (max-width:420px){
main.insta li{
width:45%;
width:-webkit-calc((50%) - 20px);
width:calc((50%) - 20px);
}
}
/*
main.insta li{
list-style:none;
background-color:#666;
width:100%;
height:100vh;
position:relative;
overflow:hidden;
}


main.insta li img{
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
width:100%;
height:auto;
}


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

	
	
main.insta li img{
width:auto;
height:100%;
}
}
*/