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

@media screen and ( max-width:990px )
{
	#header {
		width:100%;
		height: auto;
		background-color: #fff;
		/*border-bottom: 1px #ccc solid;*/
	}
	
	#headerIn {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		padding: 10px 0;
		position: relative;
	}

	#headerIn h1 img {
		width: 20%;
		height: auto;
		padding-left: 3%;
	}

	#headMenu {
		width: 75%;
		margin-right: 5%;
		top: 30%;
		left: 25%;
	}
	
	#headMenu li {
		float: left;
		font-size: 7px;
		font-weight: bolder;
		margin-right: 5px;
	}
	
	#headMenu .offer {
		font-size: 5px;
		padding-top: 2.5px;
		padding-left: 5px;
	}
	
	#headMenu .btn_twitter_top,.btn_fb_top {
		display: none;
	}
	
	.main {
		width: 100%;
		margin: 0 auto;
		background-color: #FFFFFF;
	}
	
	.main img {
		width: 100%;
		height: 100%;
	}
	
	#title {
		height: 8px;
	}
	
	#title h1 {
		width: 100%;
		font-size: 4px!important;
	}
	
	.pc_none {
		display: flex;
		
	}
	
	.none {
		display: none;
	}
	
	
	/*----------------------------------contents
---*/

	#contents p {
		font-size: 1.1rem;
		padding:15px 20px;
	}
	
	#intro {
		width: 100%;
		margin: 0 auto;
	    padding: 3% 0; 
	}
	
    #intro img {
	    width: 95%;
		height: 95%;
        margin: 0 auto;
        text-align: center;
        display: block;
    }
	
	h1 img {
		width: 100%;
		height: 100%;
	}
	
    #sec_block {
        width:100%;
        margin: 5% auto;
    }

	h2 {
		width: 90%;
        font-size: 1.3rem;
        letter-spacing: 2px;
        margin: 2% auto;
        text-align: center;
	}
	
    .int_photo {
        float: none;
        padding: 10px;
        margin: 0 auto;
		text-align: center;
    }
	
	 .int_photo img {
	 	width: 100%;
		margin: 0 auto;
		border: 1px solid #ececec;
	 }

    .int_text {
		width: 90%;
        font-size: 1.1rem;
    	padding: 0;
        float: none;
		margin: 0 auto;
    }

    .int_btn img {
		width: 100%;
        margin: 4% auto;
        padding: 0;
    }
	
      .movie {
          width: 100%;
		  margin: 3% auto 5%;
		  text-align: center;
      }
	  
	  .movie img {
	  	  width: 95%;
	  }
	  
      .profile {
		  text-align: center;
      }
	  
	  .profile img {
	  	   width: 95%;
	  }

      .profile_la {
		  text-align: center;
      }
	  
	  .profile_la img {
	  	   width: 95%;
	  }

      #sec6 {
          width: 100%;
          margin: 0 auto;
          background: url(../images/story.jpg);
          background-size:cover;
      }

      #sec6 .st_title {
          width: 100%;
          padding: 5% 0 0;
          font-size: 1.8rem;
          letter-spacing: 3px;
          color: #5e7678;
          margin: 0 auto;
          text-align: center;
      }

      #sec6 .story {
          padding: 0;
          width:100%;
          margin:0 auto;
      }

        .writer {
            width: 90%;
            text-align: right;
            font-size: 0.8rem;
            margin: 5px auto;
        }
	  
	  #footer {
		  margin: 3% auto 0;
	  	  width: 90%;
	  }

      #footer p {
          font-size: 0.8rem;
      }

      #footer .ft_btn {
          padding: 10px;
          margin: 0 auto;
          text-align: center;
          display: block;
      }
	  
	  #footer .ft_btn img{
	  	  width: 100%;
	  }

	#sns {
		width: 100%;
		margin: 20px auto;
		padding: 0;
		background-color:#FFFFFF;
	}

	#sns  ul {
		width: 100%;
		text-align: center;
	}

	#sns li {
		width: 120px;
		display: inline-block;
		vertical-align: middle;
		padding: 0;
	}

	#sns .btn_twitter,.btn_fb_bottom {
		transform:scale(1.1);
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
	}

	#sns .btn_line img {
		width:80%;
		height: auto;
	}

	#sns .btn_twitter {
		padding: 4px 0 0 -5%;
	}

	#sns .btn_fb_bottom {
		margin-top: 0;
		margin-right:10px;
	}
	


	
	#scrollUp {
		margin-bottom: 50px;
		width: 50px;
		height: 50px;
		background:url(../images/pagetop_sp.png);
		opacity: 0.8;
	}

	
}

 @media screen and (min-width: 768px) and (max-width: 990px) {
    /*　画面サイズ 500pxから999pxまで適用　*/
	.btn_01 {
		position: absolute;
		top: 91%;
		left: 40%;
	}
  }