@charset "utf-8";

a {text-decoration:none;
   color:inherit;}

/*バナー*/
#banner {
  background:#5fbdd5;
}

#fh5co-header .display-tc h1, #fh5co-counter .display-tc h1, .fh5co-cover .display-tc h1 {
  font-size: 80px;
}

.row-pb-md{
　padding-bottom:0;    
}

.fh5co-copy {
  color:#fff;
}

.row-pb-md {
   padding-bottom:0;
}

/*js、jQuery共通*/

.jsjq {
  width:750px;
  margin:0 auto;
  padding:0 15px 20px;   
}

.jsjq>h2 {
  font-size:55px;
}

.study {  
  width:750px;
  margin:0 auto;
  padding:0 15px;
}

.study dt{
  float:left;
  color:#F73859;
  line-height:1.7em;
  padding-bottom:10px;
}

.study dd{ 
  color:#000;
  line-height:1.7em;
  padding-left:2em;
  padding-bottom:10px;
}

/*jQuery*/
.fh5co-bg-section-f {
  margin:112px auto;
  background: #fff;
}


/*動画*/
h3 {
  line-height: 1.25em;
}

video{
  background: #000000;
}


/*Illustrator+Photoshop*/
.illphoto {
  width:750px;
  margin:0 auto;
  padding:0 15px;
}

.illphoto>h3 {
  font-size:17px;
  margin: 3px 0 9px;
}

.pink {
  font-size:28px; 
  color: #F73859;
  padding-right:0.15em;
}

.illphoto>p {
  margin:3px 0 30px;
}

.half {
  float:left;
  width:45%;
  margin-top:18px;
  padding-right:3%;
}

.thirds {
  float:left;
  width:25%;
  margin-top:20px;
  padding-right:2%; 
}

.thirds-one {
  float:left;
  width:42%;
  margin-top:20px;
  padding-right:3%; 
}


/*エディトリアル*/
.ed {
  margin:0 auto;　　　　　　　　
}

.ed>h3 {
  font-size:17px;
  margin: 3px 0 9px;
}

.pink {
  font-size:28px; 
  color: #F73859;
  padding-right:0.15em;
}

.edimg {
  width:80%;
  border:1px solid #999; 
  margin-bottom:60px;
}

.edimg1-2 {
  width:65.5%;
  border:1px solid #999; 
  margin-bottom:60px;
  margin-left:0;
}

.edimg1-3 {
  width:160%;
  border:1px solid #999; 
  margin-bottom:0;
  margin-left:0;
}

.edimg3 {
  width:90%;
  border:1px solid #999; 
  margin-bottom:60px;
  margin-left:0;
}

.edimg3-2 {
  width:81%;
  border:1px solid #999; 
  margin-bottom:60px;
  margin-left:0;
}

.edimg3-3 {
  width:40%;
  border:1px solid #999; 
  margin-bottom:60px;
  margin-left:0;
}

.edother h3{
  font-size:17px;
  margin: 3px 0 15px;
}

.edimg4-2 {
  width:158.5%;
  border:1px solid #999; 
}

.edimg5 {
  width:100%;
  border:1px solid #999; 
  margin-bottom:60px;
  margin-left:0;
}

.edimg6 {
  width:75%;
  margin-bottom:60px;
  margin-left:0;
}

/*イラスト*/
.illust {
  width:95%;
  margin-bottom:60px;
}

.illust1-3{
  width:80%;
  margin-bottom:60px;
}

.illust1-4{
  width:47%;
  margin-bottom:0;
}

.illust3-1{
  width:65%;
  margin-bottom:0;
}

.illust3-2{
  width:70%;
  margin-bottom:0;
}

.illust3-3{
  width:120%;
  margin-bottom:0;
}

.illust4-1 {
  width:100%;
  margin-bottom:0;
}

.illust4-2 {
  width:185%;
　padding: 15px 0 0 10px;
}

/*漫画*/
.manga1{
  width:100%;
  margin-bottom:0;
}



footer a {
  color:#F73859; 
}


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

.br-sp{display: block;}
.br-pc{display: none;}
    
.study {  
  width:100%;
  margin:0 auto;
  padding:0 15px;
}
    
.illphoto {
  width:100%;
    }
    
.illphoto img {
  width:100%;
    }
    
.half {
  float:none;
  width:100%;
  margin:15px auto;}

.edimg1-3 {
  width:100%;
  border:1px solid #999; 
  margin-bottom:0;
  margin-left:0;
}

.edimg .edimg1-2 .edimg3 .edimg3-2 .edimg3-3 .edimg5 .edimg6 {
  width:100%;
  border:1px solid #999; 
  margin-bottom:0;
  margin-left:0;
}

.edimg4-2 {
  width:100%;
  border:1px solid #999; 
  margin-bottom:60px;
}
    
.illust3-3 {
  width:100%;   
    }
    
.illust4-2 {
  width:100%; 
  margin-top:7px;
    }
    
}