@charset "utf-8";

/* メディクリ */

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

html,body{
width:100%;
height:100%;
}
body:before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url(../pic/bg2.jpg) left bottom no-repeat;
  background-size:cover;
}
body {
margin:0 auto;
padding:0;
font-size:12px;
line-height:200%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color:#333333;
}
#scroll{
position:absolute;
bottom:10px;
left:50%;
transform: translateX(-50%);
-webkit- transform: translateX(-50%);
z-index:100;
}
#logo2{
display: block;
position:absolute;
top:30px;
right:30px;
width:20%;
z-index:100;
}
#logo2 img{
width:100%;
}


#slide01, #slide02, #slide03, #slide04{
display:block;
width:100%;
height: 0;
overflow: hidden;
padding-bottom:60%;
position: relative;
}
.titletxt02{
font-size:16px;
border-bottom:7px solid #ffff00;
padding:0;
margin-bottom:30px;
font-family: 'Sawarabi Mincho', sans-serif;
}

/* メディクリ メニュー */

#topmenu{
display:none;
}

.txt{
padding:3px 7px;
margin-right:3px;
background-color:#ffffff;
border-radius:5px;
}

.fat-nav__wrapper a:link{color:#0098D0;}
.fat-nav__wrapper a:visited{color:#0098D0;}
.fat-nav__wrapper a:hover{color:#00D7D0;}
.fat-nav__wrapper a:active{color:#0098D0;}



#info, #bio, #schedule, #works {
margin:0 auto;
padding:30px 0 50px 0;
width:100%;
z-index:100;
background-color:#ffffff;
}

.info, .bio, .schedule, .works {
margin:0 auto;
width:90%;
}

.title{
margin:0 auto 40px auto;
}
.titleimg{
width:20%;
margin:0 auto;
}
.titleimg img{
width:100%;
}
.titletxt{
font-size:20px;
text-align:center;
}


.schedulebox{
margin:0 0 20px 0;
padding:0;
width:50%;
}
.scheduletxt{
font-size:10px;
padding:10px;
line-height:150%;
}
#worksbox{
margin-bottom:20px;
}
.worksbox{
margin:0 0 15px 0;
padding:0;
width:33%;
}
.workstxt{
font-size:10px;
padding:5px;
line-height:150%;
}
.worksbox img{
width:100%;
}


/* メディクリ modaal */



.content{
width:90%;
margin:0 auto;
padding:20px 0;
display:block;
text-align:left;
}
.left{
width:100%;
}
.right{
width:100%;
}
.left img{
width:100%;
}
.contenttxt{
padding:20px 0;
}

.workstitle{
font-size:14px;
margin-bottom:30px;
}

.movie{
width:50%;
}

.youtube{
position: relative;
width: 100%;
padding-top:50%;
margin-bottom:10px;
}
.movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

.movieflex{
margin-bottom:20px;
}
.movie{
margin-bottom:20px;
}

#footer{
padding:100px 0;
font-size:9px;
line-height:150%;
}
.footerimg{
width:30%;
margin:0 auto 15px auto;
}
.footerimg img{
width:100%;
}

#topcontrol{
display:none;
}













}