@charset "UTF-8";

body{
margin:0;
padding:0;
background-color:#0f3f21;
color:#ffffff;
}

p,img,div,a,ul,li,table,tr,td,th,span{
margin:0;
padding:0;
}

a:hover img{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

@font-face {
font-family:'lite';
src: url('../font/lite.woff');
}

@font-face {
font-family:'lite';
src: url('../font/lite.woff2');
}

@font-face {
font-family:'lite';
src: url('../font/lite.otf');
}

img{
margin:0;
padding:0;
vertical-align:bottom;
}

div#container{
max-width:1080px;
width:100%;
height:auto;
margin:0 auto;
background-color:#0f3f21;
border:0;
}

div#title{
max-width:845px;
width:100%;
height:auto;
margin:6% auto 0 auto;
border:0;

}

div#title img{
display:block;
margin:0 auto;
padding:0;
}

div#subtitle{
max-width:845px;
width:100%;
height:auto;
margin:0 auto;
border:0;
font-family:'lite';
}

div#subtitle img{
display:block;
margin:0 auto;
padding:0;
}

div#gifmovbox{
max-width:845px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}

div#gifmovbox img{
display:block;
margin:0 auto;
padding:0;
}

.iframe-wrap {
background-color:#ffffff;
  position: relative;
    max-width:920px;
    margin:0 auto;
    height:;
  width: 95%;
  padding-top: 12%;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:6px solid #fff; 
}
.iframe-wrap iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
    vertical-align: bottom;
    background-color:#ffffff;
}


@media screen and (min-width:1px) and ( max-width:400px) {
.iframe-wrap {
background-color:#ffffff;
  position: relative;
    max-width:920px;
    margin:0 auto;
    height:;
  width: 95%;
  padding-top: 25%;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:4px solid #fff; 
}
.iframe-wrap iframe {
background-color:#ffffff;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
    vertical-align: bottom;
}
}
@media screen and (min-width:401px) and ( max-width:640px) {
.iframe-wrap {
background-color:#ffffff;
  position: relative;
    max-width:920px;
    margin:0 auto;
    height:;
  width: 95%;
  padding-top: 30%;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:5px solid #fff; 
}
.iframe-wrap iframe {
background-color:#ffffff;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
    vertical-align: bottom;
}
}


@media screen and (min-width:641px) and ( max-width:800px) {
.iframe-wrap {
background-color:#ffffff;
  position: relative;
    max-width:920px;
    margin:0 auto;
    height:;
  width: 95%;
  padding-top: 18%;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:6px solid #fff; 
}
.iframe-wrap iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
    vertical-align: bottom;
    background-color:#ffffff;
}
}



.iframe-wrapex {
  position: relative;
    max-width:920px;
    margin:0 auto;
    height:;
  width: 95%;
  padding-top: 125%;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:6px solid #fff; 
}
.iframe-wrapex iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
    vertical-align: bottom;
}




div#iframebox1{
max-width:845px;
width:100%;
height:auto;
margin:0 auto 5% auto;
border:0;
}

div#iframebox1 img{
display:block;
margin:0 auto;
padding:0;
}


div#iframebox2{
max-width:845px;
width:100%;
height:auto;
margin:5% auto 5% auto;
border:0;
}

div#iframebox2 img{
display:block;
margin:0 auto;
padding:0;
}













div#oshinagakibox{
max-width:845px;
width:100%;
height:auto;
margin:5% auto 0 auto;
border:0;
}

div#oshinagakibox img{
display:block;
margin:0 auto;
padding:0;
}





div#oshinagakibox2{
max-width:845px;
width:100%;
height:auto;
margin:5% auto 5% auto;
border:0;
}

div#oshinagakibox2 img{
display:block;
margin:0 auto;
padding:0;
}







div#mapbox{
max-width:845px;
width:100%;
height:auto;
margin:2% auto 0 auto;
border:0;
}

div#mapbox img{
display:block;
margin:0 auto;
padding:0;
}

div#telbox{
max-width:845px;
width:100%;
height:auto;
margin:1.5% auto 0 auto;
border:0;
}

div#telbox img{
display:block;
margin:0 auto;
padding:0;
}



div#kotobox{
max-width:845px;
width:100%;
height:auto;
margin:4% auto 0 auto;
border:0;
}

div#kotobox img{
display:block;
margin:0 auto;
padding:0;
}


div#snsbox{
margin:3% auto 0 auto;
max-width:845px;
display:-webkit-flex;
display:flex;
}

img#snsimgs{
max-width:100%;
width:100%;
display:block;
height:auto;
margin:0 auto;
}