@charset "UTF-8";
/* CSS Document */

body {
 margin: 0;
 padding: 0;
 background: #d0eae5;
 background: linear-gradient(#d0eae5, #fff87a);
 font-family: "Yu Mincho Light","YuMincho","Yu Mincho","游明朝体","ヒラギノ明朝 ProN","Hiragino Mincho Pro",serif;
}

.clear { 
clear:both; 
}
  
.clear hr {
 display:none;
 }

#head {
 width: 100vw;
 height: 8vh;
 min-height: 20px;
 max-height: 200px;
}

#down {
 width: 800px;
 height: 12vh;
 margin: auto;
 min-height: 60px;
 max-height: 300px;
}

.goodbyestranger {
 position: absolute;
 left: -9999px;
}

#blank {
 width: 70vw;
 height: 60vh;
 min-width:770px;
 max-width: 1050px;
 min-height: 480px;
 max-height: 1200px;
 margin: auto;
 border: 0; 
}

#japanese {
 width: 40vw;
 height: 25vh;
 min-width: 440px;
 max-width: 600px;
 min-height: 200px;
 max-height: 500px;
 float: right;
}

#japanese a, a:visited {
 width: 40vw;
 height: 25vh;
 min-width: 440px;
 max-width: 600px;
 min-height: 200px;
 max-height: 500px;
 border-radius: 10px;
 background: #FFFFFF;
 text-decoration: none;
 color: #000000;
 display: flex;
 align-items: center;
 cursor: pointer;
  transition: 0.8s ease-in-out;
  -webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out; 
 }

#japanese a:hover {
 background:  rgba(208, 234, 229,0);
}

.letters {
 display: block;
 margin-left: 15px;
 font-size: 2em;
 line-height: 3em;

}


.coloredsentence {
 background: #ccfff5;
}

#sukima{
 width: 70vw;
 height: 10vh;
 min-width: 770px;
 max-width: 1050px;
 min-height: 80px;
 max-height: 200px;
}

#english {
 width: 40vw;
 height: 25vh;
 min-width: 440px;
 max-width: 600px;
 min-height: 200px;
 max-height: 500px;
 display: flex;
 align-items: center;
 float: left;

}

#english a, a:visited {
 width: 40vw;
 height: 25vh;
 min-width: 440px;
 max-width: 600px;
 min-height: 200px;
 max-height: 500px;
 border-radius: 10px;
/* border-radius: 20px 120px 10px 10px/ 20px 100px 10px 10px;*/
 background: #FFFFFF;
 text-decoration: none;
 color: #000000;
 display: flex;
 align-items: center;
 cursor: pointer;
  transition: 0.8s ease-in-out;
  -webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out; 
 }

#english a:hover {
 background: rgba(208, 234, 229,0);
}

#logopac {
 width: 62vw;
 height: 317px;
 min-width: 680px;
 max-width: 950px;
 margin: 180px auto;
}

#logo {
 width: 600px;
 height: 317px;
 background-image: url("../img/mikisentaro_logo.png");
 background-repeat: no-repeat;
 float: right;
}

#contents {
 width: 900px;
 height: 2147px;
 background-image: url("../img/pc01.png");
 margin: 100px auto 360px;
 padding-top: 30px;
 }

.ctitle {
 font-size: 1.6em;
 line-height: 3em;
 background: #FFFFFF;
}

.sentences {
 font-size: 1em;
 line-height: 2em;
 background: #FFFFFF;
}

#sekinin {
 width: 500px;
 margin: 0 auto;
}

#aiyumekibo {
 width: 560px;
 height: 315px;
 margin: 300px auto;
}

#bacon{
 width: 100px;
 height: 300px;
 margin: 50px auto 300px 120px;
}

#park{
 width: 360px;
 height: 240px;
 margin: 300px auto 500px 120px;
}