.psw form{
 font-size:80%;
 position:absolute;
 display:none;
 padding:1em;
 margin:1em;
}


.psw form input{
 display:inline;
 font-size:16px;
 padding:1em;

 border-radius:0 0 0 0;
 border:none;
}

.psw .request{
 padding:1.13em;
 background:#000;
 font-size:15px;
 font-family:"Abel", sans-serif;
}

.psw form a{
 margin-left:1px;
}

.psw .in{
 pointer-events : none;
 padding:0;
 margin:0;
}

.psw form{
 background:none;
}

.psw form a:link {
color: #fff;
text-decoration:none;
}
.psw form a:visited {
color: #fff;
text-decoration:none;
}
.psw form a:hover {
color: #fff;
text-decoration:none;
}
.psw form a:active {
color: #fff;
text-decoration:none;
}


body{
 -webkit-font-smoothing: antialiased;
 -webkit-text-size-adjust: 100%;
 text-align:left;
 line-height:1.5;
 color:#333;
 background-color:#fff;
 letter-spacing: 0.1em;
 font-weight: 400;
 font-style: normal;
 font-family: "Quattrocento", "Shippori Mincho", serif;
}

#mail_form {
 -webkit-font-smoothing: antialiased;
 -webkit-text-size-adjust: 100%;
 text-align:left;
 line-height:1.5;
 color:#333;
 letter-spacing: 0.1em;
 font-weight: 400;
 font-style: normal;
 font-family: "Quattrocento", "Shippori Mincho", serif;
}

  .pc{
    display:block;
  }
  .sp{
    display:none;
  }

  #totop{
    z-index:5;
    bottom : 6em;
    width:5%;
    margin:0 1% 0 94%;
	cursor: pointer;
  }

  #totop img{
    width:30%;
  }

#main {
width:80%;
padding:3% 0;
margin:0 auto;
  
}

#contents {
display:block;
visibility:visible;

}

.Video ul, .Video2 ul{
line-height:0;
margin-bottom:5em;
}

.Video li, .Video2 li{
float:left;
width:50%;
background-color:none;
}

.Video .portrait, .Video2 .portrait{
width:100%;
}

.Video .insta, .Video2 .insta{
width:100%;
}

.Video li p, .Video2 li p{
  opacity:0;
  position:absolute;
  display:block;
  padding:10% 3% 3% 3%;
  width:34%;
  color:#fff;
  z-index:999;
  text-align:left;
  font-size:80%;
  line-height:2;
  letter-spacing: 0.1em;
}

.Video li p span{
 display:inline;
 margin:0;
 padding:0;
 background-color:#000;
}

.Video li p .hosoku, .Video2 li p .hosoku{
  display:inline;
  margin-top:1em;
  font-size:90%;
}

.Video .wide, .Video2 .wide{
float:left;
width:100%;
}

.Video .wide .sp{
display:none;
}

.Video .wide .pc{
display:block;
}

.Video li img, .Video2 li img{
width:100%;
}

.Video .small, .Video2 .small{
float:left;
width:25%;
}

.Video .small .sp{
display:none;
}

.Video .small .pc{
display:block;
}



#Contact {
margin:7em 0 6em 0.5em;
font-size:80%;
}

#About {
margin:0em 0 3em 0.5em;
width:50%;
font-size:80%;
}

#Contact h1 {
margin:0.8em 0 2em 0;
display:block;
font-size:250%;
letter-spacing:0.2em;
}

#Contact h2 {
margin:0.5em 0 1em 0.3em;
line-height:1.8;
}

#Contact h1 span, #About h2 span {
margin:0 0 0 1em;
font-size:60%;
letter-spacing:0.1em;
}

#Contact p {
margin:0.5em 0 2em 0;
}

#About p {
margin:0.5em 0 1em 0;
line-height:1.8;
}

#Contact ul, #About ul{
texte-align:left;
padding:0;
margin:0 0 0 0.3em;
}

#Contact li, #About li{
margin-bottom:0.8em;
}

.address, .mail, .mailform, .tel{
letter-spacing:0.05em;
}
.mailform{
margin-top:1em;
font-size:140%;
}

.result{
width:100%;
margin:3em auto;
}

.result p{
margin:0 0 0 0;
font-size:90%;
 line-height:2;
}

.name{
letter-spacing:0.1em;
}

#footer {
font-size:80%;
padding:0;
margin:5em 0 0 0.5em;
letter-spacing:0.05em;
}

#sb-title{
margin: 2em 0 0 2em;
}

#sb-title span{
display:block;
}

#sb-title-inner .title {
margin:0;
padding:0;
width:100%;
letter-spacing:0.1em;
font-size:125%;
}

#sb-title-inner .title .workname{
 display:block;
 font-size:130%;
 margin-bottom:1.5em;
}

#sb-title-inner .title .kind{
 display:block;
 margin-bottom:1em;
}

#sb-title-inner .title .scope{
 display:block;
 margin-bottom:0em;
}

#sb-title-inner .title .credit{
 display:block;
 margin-bottom:0em;
}

#sb-title-inner .rink{
 letter-spacing:0.1em;
 font-size:125%;
 text-decoration:underline;
 margin:1em 0 2em 0;
}

#sb-title-inner .rink br{
display:none;
}


#sb-wrapper{
  padding-bottom:2em;
  margin-bottom:2em;
}

/* modal -窶披€披€披€披€披€披€披€披€披€披€披€披€� */

#btn-close {
width:100%;
text-align:center;
cursor:pointer;
color:#555;
}


/* a -窶披€披€披€披€披€披€披€披€披€披€披€披€� */

a {
-webkit-tap-highlight-color:rgba(0,0,0,0);
}



#Contact ul a:link,#About a:link, #sb-title-inner .title a:link, #sb-title-inner .rink a:link  {
color: #ba3f20;
text-decoration:underline;
}
#Contact ul a:visited,#About a:visited,#sb-title-inner .title a:visited, #sb-title-inner .rink a:visited {
color: #ba3f20;
text-decoration:underline;
}
#Contact ul a:hover,#About a:hover,#sb-title-inner .title a:hover, #sb-title-inner .rink a:hover {
color: #6b7d89;
text-decoration:underline;
}
#Contact ul a:active,#About a:active,#sb-title-inner .title a:active, #sb-title-inner .rink a:, #sb-title-inner .rink a:active {
color: #e66b4c;
text-decoration:underline;
}

#Contact h2 a:link  {
color: #333;
text-decoration:underline;
}
#Contact h2 a:visited {
color: #777;
text-decoration:underline;
}
#Contact h2 a:hover {
color: #777;
text-decoration:underline;
}
#Contact h2 a:active {
color: #777;
text-decoration:underline;
}

/* clearfix -窶披€披€披€披€披€披€披€披€披€披€披€披€� */

.clearfix:after{
    */content:".";*/
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
.clearfix li{
*/display: inline;*/
padding:0 0 0 0;
margin:0;
}


/* @media 窶披€披€披€披€披€披€披€披€�*/


@media (max-width: 960px) {

.Video li p, .Video2 li p{
 font-size:65%;
}
}

/* @media 窶披€披€披€披€披€披€披€披€�*/


@media (max-width: 840px) {

  .pc{
    display:none;
  }
  .sp{
    display:block;
  }

.psw form input{
 display:inline;
font-size:16px;
padding:0.2em;
}


.psw .request{
padding:0.5em 0.8em;
 font-size:13px;
 font-family:"Abel", sans-serif;
border-radius:5px;
}

#Contact h1 {
margin:0.8em 0 0.4em 0;
}

#main {
width:96%;
padding:2em 2% 0 2%;
margin:0;
}
#sb-title-inner .rink br{
display:inline;
}

  .pc{
    display:none;
  }
  .sp{
    display:block;
  }

.Video ul, .Video2 ul{
margin-bottom:2em;
}

.Video li, .Video2 li{
float:left;
width:100%;
}

.Video .s{
float:left;
width:50%;
}

.Video li p, .Video2 li p{
padding:25% 3% 3% 3%;
  width:80%;
 font-size:70%;
}

.Video .wide, .Video2 .wide{
  width:100%;
}

.Video .small, .Video2 .small{
  width:100%;
}

.Video .wide .pc{
display:none;
}

.Video .wide .sp{
display:block;
}

.Video .small .pc{
display:none;
}

.Video .small .sp{
display:block;
}

.Video .s p{
  width:34%;
}

.Video li p span, .Video2 li p span{
display:inline;
  margin:0;
  padding:0;
}

.Video li p .hosoku, .Video2 li p .hosoku{
display:inline;
  margin:1em 0 0 0;
  padding:0;
  font-size:90%;
}

.Video .short, .Video2 .short{
float:left;
width:50%;
}

.address, .mail, .mailform, .tel{
letter-spacing:0.02em;
}

#Contact {
margin:6em 1em 6.5em 1em;
font-size:70%;
}

#Contact h1 {
font-size:200%;
margin-bottom:1em;
}

#Contact h2 {
line-height:2;
}

#Contact ul, #About ul{
margin:0 0 0 0.2em;
}

.result{
width:90%;
}

.result p{
margin:0 0 0 1em;
font-size:70%;
	line-height:2;
}

.result p br{
display:none;
}

#About {
width:94%;
padding:0 3% 0% 3%;
font-size:70%;
margin:2em 0;
line-height:2.5;
}

#About p{
line-height:2;
}

#footer {
margin:5em 1em 2em 1em;
font-size:80%;
}

#Contact .address a:link,#About a:link {
color: #6b7d89;
text-decoration:underline;
}
#Contact .addres a:visited,#About a:visited {
color: #6b7d89;
text-decoration:underline;
}
#Contact .addres a:hover,#About a:hover {
color: #6b7d89;
text-decoration:underline;
}
#Contact .addres a:active,#About a:active {
color: #6b7d89;
text-decoration:underline;
}

#sb-title-inner .title .workname{
margin-right:3em;
}


  #totop{
    margin:0 2% 0 90%;
  }
  #totop img{
    width:20px;
  }

#sb-title-inner .title{
font-size:100%;
}


.workname2{
font-size:110%;
}


}

.workname2{
font-size:130%;
padding:2em 0 1.5em 3%;
width:50%;
}


/*窶披€披€披€披€披€披€披€披€� @media */

@media (orientation: landscape) and (max-width: 767px){
.Video li p{
 font-size:70%;
}
.Video li a{
	pointer-events: none;
	}
#Contact a{
	pointer-events: none;
}


}