@charset "utf-8";
/*
Theme Name: jimi_landing
Author: 日本映画大学
Description: 日本映画大学ラインディグページ2016年6月用
Version: 1.1
Author URI: www.eiga.ac.jp
*

/* common */
@font-face {
   font-family: 'notosans_b_web';
   src: url('../fonts/notosans_b_web.woff') format("woff");
}

@font-face {
   font-family: 'notosans_m_web';
   src: url('../fonts/notosans_m_web.woff') format("woff");
}

@font-face {
   font-family: 'ipamjm';
   src: url('../fonts/ipamjm.woff') format("woff");
}

body {
    font-family:'notosans_m_web', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;;
	background:#000000;
}

.clearfix:after {
    content:"";
    display:block;
    clear:both;
}

/* sotsusei-top */
.sotsusei-top {
    width:100%;
    height:135px;
    padding:100px 0px;
    background:#000000;
}

h2 {
    font-size:55px;
    text-align:center;
    font-family: 'ipamjm';
    line-height:70px;
    letter-spacing:8px;
    color:#ffffff;
}

/* sotsusei-photobox */
.sotsusei-photobox {
    width:100%;
    margin:0 auto;
}

.sotsusei-photobox img {
	display:block;
    width:1200px;
    height:auto;
    margin:0 auto;
    text-align:center;
    padding:0px;
}

.sotsusei-photobox li {
    margin-bottom:30px;
}

.sotsusei-comingsoon {
    padding-top:100px;
}

.sotsusei-comingsoon h3 {
    font-size:45px;
    text-align:center;
    font-family: 'ipamjm';
    color:#ffffff;
    line-height:55px;
}

.sotsusei-buttun a {
	width:320px;
    color:#ffffff;
    font-family: 'notosans_m_web';
    font-size:18px;
    text-decoration:none;
}

.sotsusei-buttun a:hover {
    text-decoration:underline;
}

.sotsusei-buttun {
    text-align:center;
    margin:100px 0px 50px 0px;
}

.sakunen a {
	display:block;
    width:640px;
    margin:0 auto;
	background:#c5000b;
    border-radius:5px;
    padding:30px 0px;
    text-align:center;
    color:#ffffff;
    font-family: 'notosans_b_web';
    font-size:18px;
    text-decoration:none;
    transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
    margin-top:50px;
}

.sakunen a:hover {
    background:#d74d55;
}

@media screen and (min-width: 960px) and (max-width: 1200px) {

.sotsusei-photobox img {
	display:block;
    width:100%;
    height:auto;
    margin:0 auto;
    text-align:center;
    padding:0px;
}

.sotsusei-photobox li {
    margin-bottom:20px;
}
}

@media screen and (min-width: 640px) and (max-width: 960px) {

/* sotsusei-top */
.sotsusei-top {
    width:100%;
    height:110px;
    padding:75px 0px;
    background:#000000;
}

h2 {
    font-size:40px;
    text-align:center;
    font-family: 'ipamjm';
    line-height:55px;
    letter-spacing:2px;
    color:#ffffff;
}

.sotsusei-photobox img {
	display:block;
    width:100%;
    height:auto;
    margin:0 auto;
    text-align:center;
    padding:0px;
}

.sotsusei-photobox li {
    margin-bottom:15px;
}

.sakunen a {
	display:block;
    width:75%;
    margin:0 auto;
	background:#c5000b;
    border-radius:5px;
    padding:30px 0px;
    text-align:center;
    color:#ffffff;
    font-family: 'notosans_b_web';
    font-size:18px;
    text-decoration:none;
    transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
    margin-top:30px;
}

.sotsusei-buttun {
    margin:50px 0px;
}
}

@media screen and (min-width: 0px) and (max-width: 640px) {

/* sotsusei-top */
.sotsusei-top {
    width:100%;
    height:76px;
    padding:50px 0px;
    background:#000000;
}

h2 {
    font-size:28px;
    text-align:center;
    font-family: 'ipamjm';
    line-height:38px;
    letter-spacing:2px;
    color:#ffffff;
}

h3 {
    font-size:22px;
    text-align:center;
    font-family: 'ipamjm';
    color:#ffffff;
    line-height:28px;
}

.sotsusei-photobox img {
	display:block;
    width:100%;
    height:auto;
    margin:0 auto;
    text-align:center;
    padding:0px;
}

.sotsusei-photobox li {
    margin-bottom:10px;
}

.sotsusei-comingsoon {
    padding-top:30px;
}

.sotsusei-comingsoon h3 {
    font-size:22px;
    text-align:center;
    font-family: 'ipamjm';
    color:#ffffff;
    line-height:28px;
}

.sakunen a {
	display:block;
    width:75%;
    margin:0 auto;
	background:#c5000b;
    border-radius:5px;
    padding:15px 0px;
    text-align:center;
    color:#ffffff;
    font-family: 'notosans_b_web';
    font-size:14px;
    text-decoration:none;
    transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
    margin-top:30px;
}

.sotsusei-buttun {
    margin:30px 0px;
}

.buttun a {
    padding:15px 0px;
    font-size:14px;
}
}