@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:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

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

/* header */
header {
    width:100%;
    height:75px;
    background:#ffffff;
    z-index:999999;
}

.wrapper {
    width:1200px;
    margin:0 auto;
}

h1 {
    width:209px;
    height:36px;
    padding:20px;
}

/* menu */
.drawer-menu li {
	color:#ffffff;
    font-size:14px;
    border-bottom:1px solid #3f3f3f;
}

.drawer-menu a {
	display:block;
	color:#ffffff;
    text-decoration:none;
	padding:20px;
    background:#333333;
    transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
}

.drawer-menu a:hover {
	background:#3f3f3f;
}

/* top */
.top {
    width:100%;
	background:url(images/top.jpg) no-repeat center center #ffffff;
    height:657px;
}

.top-catch {
    float:right;
    padding-top:75px;
}

/* student-cm */
.student-cm {
    width:100%;
    background:#333333/*url(images/student_cm_back.jpg) no-repeat center center;*/;
    background-size:cover;
    color:#ffffff;
    padding:100px 0px;
}

.student-cm h2 {
    letter-spacing:0px;
    margin-bottom:15px;
}

.student-cm-youtube {
    width:640px;
    margin:0 auto;
    margin-top:75px;
    margin-bottom:50px;
}

.youtube {
	width:640px;
    margin:0 auto;
    margin-top:75px;
}

.youtube iframe {
	width:640px;
    height:360px;
    box-shadow:0px 2px 2px #000000;
}

/* point */
.point {
    width:100%;
    background:#ffffff;
    padding:100px 0px;
}

.point-catch {
    margin-bottom:95px;
}

h2 {
    font-size:55px;
    text-align:center;
    font-family: 'ipamjm';
    line-height:70px;
    margin-bottom:30px;
    letter-spacing:8px;
}

.caption {
    text-align:center;
    font-size:18px;
    line-height:27px;
}

.pc {
    display:block;
}

.sp {
    display:none;
}

.sp320 {
    display:none;
}

.point-count {
    width:1200px;
}

.point-count1 {
    width:367px;
    float:left;
    margin-right:50px;
    position:relative;
}

.point-count2 {
    width:367px;
    float:left;
    margin-right:49px;
    position:relative;
}

.point-count3 {
    width:367px;
    float:left;
    position:relative;
}

.point h3 {
    font-size:28px;
    text-align:center;
    font-family: 'ipamjm';
    margin-top:25px;
    margin-bottom:25px;
    line-height:35px;
}

.point-count .caption {
    text-align:justify;
    font-size:16px;
    line-height:23px;
}

.point-count img {
	width:367px;
    height:206px;
}


/* manzokudo */
.manzokudo {
    padding:100px 0px;
    background:#c5000b;
}

.manzokudo .wrapper {
    width:1060px;
}

.manzokudo-l {
    width:460px;
    float:left;
    padding-top:30px;
    margin-right:100px;
    color:#ffffff;
}

h3 {
    font-size:45px;
    text-align:center;
    font-family: 'ipamjm';
}

.manzokudo-h3-cap {
	width:100%;
    text-align:center;
    font-size:15px;
    margin-top:0px;
}

.midashi-catch {
    font-size:40px;
    text-align:center;
    font-family: 'ipamjm';
    margin-top:40px;
    margin-bottom:40px;
    line-height:50px;
}

.manzokudo-r {
    width:500px;
    height:450px;
    float:right;
}

.manzokudo-l .caption {
    text-align:justify;
}

#engurafu1 {
	width:400px;
    height:400px;
    padding-top:43px;
    position: relative;
}

.manzokudo-suuji {
    width:500px;
    height:450px;
    margin-top:-445px;
    position: relative;
}

/* sotsusei */
.sotsusei {
    width:1200px;
    background:#ffffff;
    padding:75px 0px 75px 0px;
	text-align:center;
    border-top:1px solid #cccccc;
    margin:0 auto;  
}

.sotsusei-l {
	float:left;
    width:650px;
    height:400px;
    background:url(sotsusei3/04.jpg) center;
    background-size:cover;
}

.sotsusei-r {
    float:left;
    width:500px;
    height:262px;
    padding:69px 0px;
    margin-left:50px;
    text-align:center;
}

.sotsusei h3 {
    color:#262626;
    font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    font-size:35px;
    text-align:center;
    line-height:55px;
    letter-spacing:3px;
    margin-bottom:10px;
}

.sotsusei-date {
    font-size:14px;
    color:#262626;
    margin-bottom:50px;
}

.sotsusei-new {
    padding:0px 5px;
    border:1px solid #c5000b;
    color:#c5000b;
    font-size:9px;
    margin-right:6px;
}

.sotsusei .buttun a {
    width:75%;
    margin:0 auto;
    background:#c5000b;
    color:#ffffff;
    transition: opacity 0.1s linear;
	-webkit-transition: opacity 0.1s linear;
}

.sotsusei .buttun a:hover {
    background:#c5000b;
    opacity:0.5;
}

/* voice */
.voice {
    padding:100px 0px;
    background:url(images/voice.jpg) no-repeat top center;
    color:#ffffff;
}

.voice-h3-cap {
    font-size:15px;
    margin-top:0px;
    text-align:center;
}

.voice1 {
	width:850px;
    font-size:25px;
    font-family: 'ipamjm'; 
    line-height:45px;
    margin:0 auto;
    margin-bottom:85px;
	margin-top:100px;
}

.voice-23-box {
    width:960px;
    margin:0 auto;
    text-align:justify;
}

.voice2 {
	width:390px;
    font-size:20px;
    font-family: 'ipamjm'; 
    line-height:32px;
    float:left;
    margin-right:100px;
}

.voice3 {
	width:470px;
    font-size:20px;
    font-family: 'ipamjm'; 
    line-height:32px;
    float:right;
    margin-bottom:-12px;
}

.buttun a {
	display:block;
    width:640px;
    margin:0 auto;
    background:#ffea00;
    border-radius:5px;
    padding:20px 0px;
    text-align:center;
    color:#000000;
    font-weight:bold;
    font-size:18px;
    text-decoration:none;
    transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
}

.buttun a:hover {
    background:#fff47f;
}

.voice .buttun {
    margin-top:100px;
}


/* senpai */
.senpai {
    padding:100px 0px;
}

.senpai h3 {
    margin-bottom:90px;
}

.senpai-box {
}

.senpai1-h4 {
    width:1200px;
    height:600px;
    background:url(images/senpai1.jpg);
    font-family: 'ipamjm'; 
}

.senpai2-h4 {
    width:1200px;
    height:600px;
    background:url(images/senpai2.jpg);
    font-family: 'ipamjm'; 
}

.senpai3-h4 {
    width:1200px;
    height:600px;
    background:url(images/senpai3.jpg);
    font-family: 'ipamjm'; 
}

.senpai1-h4 .senpai-katagaki {
    font-size:25px;
    margin-top:0px;
    margin-bottom:5px;
    margin-left:-12px;
}

.senpai2-h4 .senpai-katagaki, .senpai3-h4 .senpai-katagaki {
    font-size:25px;
    padding-top:0px;
    margin-bottom:5px;
    margin-left:0px;
}

.senpai1-h4 .senpai-name {
    font-size:45px;
    margin-bottom:0px;
    margin-left:-3px;
}

.senpai2-h4 .senpai-name, .senpai3-h4 .senpai-name  {
    font-size:45px;
    margin-bottom:0px;
    margin-left:0px;
}

.senpai-name-boxbox {
    padding-top:388px;
}

.senpai-name-box {
	width:375px;
    height:112px;
	padding:25px;
    background:rgba(255,255,255,0.9);
}

.san {
    font-size:25px;
}

.senpai-sotsugyou {
    font-size:15px;
}

.readmore-button-box {
	display:none;
}

.readmore-box {
    display: block;
}

.senpai-textbox {
    width:100%;
    margin:100px 0px 100px 0px;
}

.senpai3 .senpai-textbox {
    width:100%;
    margin:100px 0px 0px 0px;
}

.senpai-l {
    width:550px;
    float:left;
    margin-right:150px;
    font-size:18px;
}

.senpai-r {
    width:500px;
    float:right;
}

.senpai-l p, .senpai-r p {
    font-size:18px;
    line-height:27px;
    text-align:justify;
    margin-bottom:1em;
}

.senpai2 .senpai-l {
    width:550px;
    float:right;
    margin-right:0px;
    margin-left:150px;
    font-size:18px;
}

.senpai2 .senpai-r {
    width:500px;
    float:left;
}

.senpai-r .caption {
    text-align:justify;
    font-size:16px;
    line-height:23px;
    margin-bottom:45px;
}

.senpai-textbox .buttun a {
    width:100%;
    background:#c5000b;
    color:#ffffff;
    font-size:18px;
}

.senpai-textbox .buttun a:hover {
    background:#d74d55;
}

.senpai2-h5 {
    font-size:24px;
    text-align:left;
    font-family: 'ipamjm';
    margin-top:0px;
    margin-bottom:42px;
    line-height:35px;
}

.chigasaki-bt a {
	display:block;
    width:100%;
    color:#ffffff;
    font-weight:bold;
    font-size:18px;
    margin:0 auto;
    border-radius:5px;
    padding:65px 0px 20px 0px;
    text-align:center;
    text-decoration:none;
    background:url(images/bookicon.png) no-repeat #7aafc5;
    background-position:center 25px;
    transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
}

.chigasaki-bt a:hover {
    background:url(images/bookicon.png) no-repeat #93c4d8;
    background-position:center 25px;
}

.senpai-midashi {
    font-size:28px;
    text-align:center;
    font-family: 'ipamjm';
    margin-top:18px;
    margin-bottom:15px;
    line-height:35px;
}


/* obog */
.obog {
    width:100%;
    background:url(images/obog.jpg) no-repeat center top #000000;
    padding:100px 0px;
    color:#ffffff;
	font-family: 'ipamjm';
}

.obog-mainbox {
	width:900px;
    margin:0 auto;
    margin-top:90px;
	margin-bottom:50px;
    text-align:center;
}

.obog-main1, .obog-main2 {
	width:300px;
    float:left;
    margin-right:0px;
}

.obog-main3 {
	width:300px;
    float:left;
    margin-left:0px;
}

.obog-main-katagaki {
    font-size:20px;
    margin-bottom:7px;
}

.obog-main-name {
    font-size:45px;
    margin-bottom:5px;
}

.obog-main-sakuhin {
    font-size:20px;
    line-height:25px;
    margin-left:10px;
}

.ogob-ul-box {
    width:1060px;
    margin:0 auto;
}

.obog-ul-box table {
	font-size:16px;
    text-align:left;
    vertical-align:middle;
}

.obog-ul-l td, .obog-ul-r td {
    padding:0px 0px 10px 0px;
    text-align:center;
}

.obogo-ul-name {
	font-size:24px;
    padding:0px 10px 0px 10px;
}

.obog-ul-l {
    float:left;
    width:525px;
}

.obog-ul-r {
	margin-left:50px;
    float:left;
    width:485px;
}

/* info */
.info {
    width:100%;
    background:#ffffff;
    padding:100px 0px;
}

.info-box {
	margin-top:100px;
    margin-bottom:0px;
}

.info-box li {
    margin-bottom:50px;
}

.info-opencampus {
    width:1200px;
    height:664px;
    background:url(images/info_opencampus.jpg) no-repeat center center;
    background-size:cover;
    display:block;
    text-align:center;
}

.info-line {
    width:1200px;
    height:75px;
    text-align:center;
    background:url(images/line_qr.jpg) no-repeat center center;
    margin:25px 0px;
}

.info-line a {
    display:block;
    width:100%;
    height:100%;
}

.info-fullsize {
    width:1200px;
    height:450px;
    background:url(images/fullsize.png) no-repeat center center #c5000b;
}

.info-booklet {
	display:block;
    width:1200px;
    height:550px;
    background:url(images/info_booklet.png) no-repeat center center #a1131a;
}

.info-nyushi {
	display:block;
    width:1200px;
    height:450px;
    background:url(images/info_nyushi.jpg) no-repeat center center;
}

.info-sns {
    padding-top:0px;
}

.info-sns-fb {
    width:496px;
    height:500px;
    float:left;
    margin-right:50px;
    border:1px solid #cccccc;
}

.info-sns-twitter {
    width:648px;
    height:500px;
    float:right;
    border:1px solid #cccccc;
}


/* access */
.access {
    width:100%;
    background:#c5000b;
    padding:100px 0px;
}

.access h3 {
    color:#ffffff;
}

.access-box {
    margin-top:100px;
}

.access-box1, .access-box2 {
    width:1200px;
    background:#ffffff;
    margin-bottom:50px;
    box-shadow:0px 3px 1px #9e0009;
}

.access-map {
    width:1130px;
    padding:35px;
    background:#ffffff;
    text-align:center;
    box-shadow:0px 3px 1px #9e0009;
}

.kousha-ph1 {
	width:575px;
    height:300px;
    background:url(images/shinyuri.jpg) no-repeat center;
    background-size:cover;
    float:left;
}

.kousha-ph2 {
	width:575px;
    height:300px;
    background:url(images/hakusan.jpg) no-repeat center;
    background-size:cover;
    float:left;
}

.kousha-textbox {
    width:525px;
    height:200px;
    padding:50px;
    float:right;
}

.kousha-name {
    font-size:24px;
    color:#c5000b;
    margin-bottom:10px;
}

.kousha-cap {
    font-size:16px;
    line-height:23px;
    text-align:justify;
}

.kousha-adress {
    margin-top:14px;
}


/* footer */
.footer {
    font-size:10px;
    color:#000000;
    background:#ffffff;
    text-align:center;
    padding:20px 0px 20px 0px;
}


/* ad_bar */
.ad-bar {
	display:none;
    width:100%;
    position:fixed;
    bottom:0;
    background:#ffffff;
    padding:10px 0px;
    animation: anime1 5s ease -2s infinite alternate;
    -webkit-animation: anime1 1s ease 0s 1 alternate;
}

@-webkit-keyframes anime1 {
0% {margin-bottom:-75px; opacity:0.0;}
100% {margin-bottom:0px; opacity:1.0;}
}

.ad-bar .wrapper{
    width:640px;
    margin:0 auto;
}

.ad-bar1, .ad-bar2 {
	display:block;
    width:315px;
	float:left;
    background:#ffea00;
    border-radius:5px;
    padding:20px 0px;
    text-align:center;
    color:#000000;
    font-weight:bold;
    font-size:18px;
    text-decoration:none;
    transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
}

.ad-bar1:hover, .ad-bar2:hover {
    background:#fff47f;
}

.ad-bar1 {
    margin-right:10px;
}

/* page-top */
#pageTop {
    position:fixed;
    right:10px;
    bottom:10px;
    text-align:center;
    background-color:rgba(0,0,0,0.75);
    border-radius:25px;
}

#pageTop:hover{
    background-color:#404040;
    transition:background-color 0.1s linear;
    -webkit-transition:background-color 0.1s linear;
}

#pageTop a{
    padding:15px 12px 10px 12px;
    text-decoration:none;
    display:block;
    cursor:pointer;
}

.yajirushi {
	width:12px;
    height:12px;
    border-left:4px solid #ffffff;
    border-top:4px solid #ffffff;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
}


@media screen and (min-width: 960px) and (max-width: 1200px) {
/* header */
header {
    width:100%;
    height:75px;
    background:#ffffff;
    z-index:999999;
}

.wrapper {
    width:960px;
    margin:0 auto;
}

h1 {
    width:209px;
    height:36px;
    padding:20px;
}

/* menu */
.drawer-menu li {
	color:#ffffff;
    font-size:14px;
    border-bottom:1px solid #3f3f3f;
}

.drawer-menu a {
	display:block;
	color:#ffffff;
    text-decoration:none;
	padding:20px;
    background:#333333;
    transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
}

.drawer-menu a:hover {
	background:#3f3f3f;
}

/* top */
.top {
	background:url(images/top.jpg) no-repeat center center #ffffff;
	width:100%;
    height:526px;
    background-size:cover;
}

.top-catch {
    float:right;
    padding-top:75px;
}

.top-catch img {
    width:500px;
    height:auto;
}

/* student-cm */
.student-cm {
    width:100%;
    background:#333333/*url(images/student_cm_back.jpg) no-repeat center center;*/;
    background-size:cover;
    color:#ffffff;
    padding:100px 0px;
}

.student-cm h2 {
    letter-spacing:0px;
    margin-bottom:15px;
}

.youtube {
	width:640px;
    margin:0 auto;
    margin-top:75px;
}

.youtube iframe {
	width:640px;
    height:360px;
    box-shadow:0px 2px 2px #000000;
}

/* point */
.point {
    width:100%;
    background:#ffffff;
    padding:100px 0px;
}

.point-catch {
    margin-bottom:95px;
}

h2 {
    font-size:55px;
    text-align:center;
    font-family: 'ipamjm';
    line-height:70px;
    margin-bottom:30px;
    letter-spacing:8px;
}

.caption {
    text-align:center;
    font-size:18px;
    line-height:27px;
}

.pc {
    display:block;
}

.sp {
    display:none;
}

.point-count {
    width:960px;
    margin:0 auto;
}

.point-count img {
    width:286px;
    height:161px;
}

.point-count1 {
    width:286px;
    float:left;
    margin-right:51px;
}

.point-count2 {
    width:286px;
    float:left;
    margin-right:51px;
}

.point-count3 {
    width:286px;
    float:left;
}

.point h3 {
    font-size:26px;
    text-align:center;
    font-family: 'ipamjm';
    margin-top:25px;
    margin-bottom:25px;
    line-height:35px;
}

.point-count .caption {
    text-align:justify;
    font-size:16px;
    line-height:23px;
}


/* manzokudo */
.manzokudo {
    padding:100px 0px;
    background:#c5000b;
}

.manzokudo .wrapper {
    width:960px;
}

.manzokudo-l {
    width:360px;
    float:left;
    padding-top:30px;
    margin-right:100px;
    color:#ffffff;
}

h3 {
    font-size:45px;
    text-align:center;
    font-family: 'ipamjm';
}

.manzokudo-h3-cap {
	width:100%;
    text-align:center;
    font-size:15px;
    margin-top:0px;
}

.midashi-catch {
    font-size:40px;
    text-align:center;
    font-family: 'ipamjm';
    margin-top:40px;
    margin-bottom:40px;
    line-height:50px;
}

.manzokudo-r {
    width:500px;
    height:450px;
    float:right;
}

.manzokudo-l .caption {
    text-align:justify;
}

#engurafu1 {
	width:400px;
    height:400px;
    padding-top:43px;
    position: relative;
}

.manzokudo-suuji {
    width:500px;
    height:450px;
    margin-top:-445px;
    position: relative;
}

/* sotsusei */
.sotsusei {
    width:960px;
    padding:50px 0px 50px 0px;
}

.sotsusei-l {
    width:550px;
    height:400px;
}

.sotsusei-r {
    width:360px;
}

/* voice */
.voice {
    padding:100px 0px;
    background:url(images/voice.jpg) no-repeat top center;
    color:#ffffff;
}

.voice-h3-cap {
    font-size:15px;
    margin-top:0px;
    text-align:center;
}

.voice1 {
	width:850px;
    font-size:25px;
    font-family: 'ipamjm'; 
    line-height:45px;
    margin:0 auto;
    margin-bottom:85px;
	margin-top:100px;
}

.voice-23-box {
    width:890px;
    margin:0 auto;
    text-align:justify;
}

.voice2 {
	width:380px;
    font-size:20px;
    font-family: 'ipamjm'; 
    line-height:32px;
    float:left;
    margin-right:50px;
}

.voice3 {
	width:460px;
    font-size:20px;
    font-family: 'ipamjm'; 
    line-height:32px;
    float:right;
    margin-bottom:-10px;
}

.buttun a {
	display:block;
    width:640px;
    margin:0 auto;
    background:#ffea00;
    border-radius:5px;
    padding:20px 0px;
    text-align:center;
    color:#000000;
    font-weight:bold;
    font-size:18px;
    text-decoration:none;
    transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
}

.buttun a:hover {
    background:#fff47f;
}

.voice .buttun {
    margin-top:100px;
}


/* senpai */
.senpai {
    padding:100px 0px;
}

.senpai h3 {
    margin-bottom:90px;
}

.senpai-box {
}

.senpai1-h4 {
    width:960px;
    height:600px;
    background:url(images/senpai1.jpg) right top;
    font-family: 'ipamjm'; 
}

.senpai2-h4 {
    width:960px;
    height:600px;
    background:url(images/senpai2.jpg) right top;
    font-family: 'ipamjm'; 
}

.senpai3-h4 {
    width:960px;
    height:600px;
    background:url(images/senpai3.jpg) right top;
    font-family: 'ipamjm'; 
}

.senpai1-h4 .senpai-katagaki {
    font-size:25px;
    margin-top:0px;
    margin-bottom:5px;
    margin-left:-12px;
}

.senpai2-h4 .senpai-katagaki, .senpai3-h4 .senpai-katagaki {
    font-size:25px;
    padding-top:0px;
    margin-bottom:5px;
    margin-left:0px;
}

.senpai1-h4 .senpai-name {
    font-size:45px;
    margin-bottom:0px;
    margin-left:-3px;
}

.senpai2-h4 .senpai-name, .senpai3-h4 .senpai-name  {
    font-size:45px;
    margin-bottom:0px;
    margin-left:0px;
}

.senpai-name-boxbox {
    padding-top:388px;
}

.senpai-name-box {
	width:375px;
    height:112px;
	padding:25px;
    background:rgba(255,255,255,0.9);
}

.san {
    font-size:25px;
}

.senpai-sotsugyou {
    font-size:15px;
}

.senpai-textbox {
    width:100%;
    margin:100px 0px 100px 0px;
}

.senpai3 .senpai-textbox {
    width:100%;
    margin:100px 0px 0px 0px;
}

.senpai-l {
    width:500px;
    float:left;
    margin-right:100px;
    font-size:18px;
}

.senpai-r {
    width:360px;
    float:right;
}

.senpai-r img {
    width:360px;
    height:203px;
}

.senpai-l p, .senpai-r p {
    font-size:18px;
    line-height:27px;
    text-align:justify;
    margin-bottom:1em;
}

.senpai2 .senpai-l {
    width:500px;
    float:right;
    margin-right:0px;
    margin-left:100px;
    font-size:18px;
}

.senpai2 .senpai-r {
    width:360px;
    float:left;
}

.senpai-r .caption {
    text-align:justify;
    font-size:16px;
    line-height:23px;
    margin-bottom:44px;
}

.senpai-textbox .buttun a {
    width:100%;
    background:#c5000b;
    color:#ffffff;
    font-size:18px;
}

.senpai-textbox .buttun a:hover {
    background:#d74d55;
}

.senpai2-h5 {
    font-size:24px;
    text-align:left;
    font-family: 'ipamjm';
    margin-top:0px;
    margin-bottom:42px;
    line-height:35px;
}

.chigasaki-bt a {
	display:block;
    width:100%;
    color:#ffffff;
    font-weight:bold;
    font-size:18px;
    margin:0 auto;
    border-radius:5px;
    padding:65px 0px 20px 0px;
    text-align:center;
    text-decoration:none;
    background:url(images/bookicon.png) no-repeat #7aafc5;
    background-position:center 25px;
    transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
}

.chigasaki-bt a:hover {
    background:url(images/bookicon.png) no-repeat #93c4d8;
    background-position:center 25px;
}

.senpai-midashi {
    font-size:28px;
    text-align:center;
    font-family: 'ipamjm';
    margin-top:18px;
    margin-bottom:15px;
    line-height:35px;
}

.readmore-box {
    display: block;
}


/* obog */
.obog {
    width:100%;
    background:url(images/obog.jpg) no-repeat center top #000000;
    padding:100px 0px;
    color:#ffffff;
	font-family: 'ipamjm';
}

.obog-mainbox {
	width:900px;
    margin:0 auto;
    margin-top:90px;
	margin-bottom:50px;
    text-align:center;
}

.obog-main1, .obog-main2 {
	width:300px;
    float:left;
    margin-right:0px;
}

.obog-main3 {
	width:300px;
    float:left;
    margin-left:0px;
}

.obog-main-katagaki {
    font-size:20px;
    margin-bottom:7px;
}

.obog-main-name {
    font-size:45px;
    margin-bottom:5px;
}

.obog-main-sakuhin {
    font-size:20px;
    line-height:25px;
    margin-left:10px;
}

.ogob-ul-box {
    width:100%;
    margin:0 auto;
}

.obog-ul-box table {
	font-size:16px;
    text-align:center;
    vertical-align:middle;
    width:100%;
}

.obog-ul-l td, .obog-ul-r td {
    padding:0px 0px 10px 0px;
    text-align:center;
}

.obogo-ul-name {
	font-size:24px;
    padding:0px 10px 0px 10px;
}

.obog-ul-l {
    float:none;
    width:100%;
}

.obog-ul-r {
	margin-left:0px;
    float:none;
    width:100%;
}

/* info */
.info {
    width:100%;
    background:#ffffff;
    padding:100px 0px;
}

.info-box {
	margin-top:100px;
    margin-bottom:0px;
}

.info-box li {
    margin-bottom:50px;
}

.info-box li img{
    width:960px;
    height:466px;
}

.info-opencampus {
    width:960px;
    height:570px;
    background:url(images/info_opencampus.jpg) no-repeat center center;
    background-size:cover;
    display:block;
}

.info-line {
    width:960px;
    height:60px;
    text-align:center;
    background:url(images/line_qr.jpg) no-repeat center center;
    margin:25px 0px;
    background-size:contain;
}

.info-fullsize {
    width:960px;
    height:450px;
    background:url(images/fullsize.png) no-repeat center center #c5000b;
    background-size:85%;
}

.info-booklet {
	display:block;
    width:960px;
    height:568px;
    background:url(images/info_booklet.jpg) no-repeat center center;
    background-size:cover;
}

.info-booklet {
	display:block;
    width:960px;
    height:414px;
    background:url(images/info_booklet.png) no-repeat center center #a1131a;
    background-size:860px 314px;
}

.info-nyushi {
	display:block;
    width:960px;
    height:350px;
    background:url(images/info_nyushi.jpg) no-repeat center center;
    background-size:cover;
}


.info-sns {
    padding-top:0px;
}

.info-sns-fb {
    width:453px;
    height:500px;
    float:left;
    margin-right:50px;
    border:1px solid #cccccc;
}

.info-sns-twitter {
    width:452px;
    height:500px;
    float:right;
    border:1px solid #cccccc;
}


/* access */
.access {
    width:100%;
    background:#c5000b;
    padding:100px 0px;
}

.access h3 {
    color:#ffffff;
}

.access-box {
    margin-top:100px;
}

.access-box1, .access-box2 {
    width:960px;
    background:#ffffff;
    margin-bottom:50px;
    box-shadow:0px 3px 1px #9e0009;
}

.access-map {
    width:890px;
    padding:35px;
    background:#ffffff;
    text-align:center;
    box-shadow:0px 3px 1px #9e0009;
}

.access-map img {
    width:890px;
    height:auto;
}

.kousha-ph1 {
	width:425px;
    height:292px;
    background:url(images/shinyuri.jpg) no-repeat center;
    background-size:cover;
    float:left;
}

.kousha-ph2 {
	width:425px;
    height:292px;
    background:url(images/hakusan.jpg) no-repeat center;
    background-size:cover;
    float:left;
}

.kousha-textbox {
    width:435px;
    height:192px;
    padding:50px;
    float:right;
}

.kousha-name {
    font-size:24px;
    color:#c5000b;
    margin-bottom:10px;
}

.kousha-cap {
    font-size:16px;
    line-height:23px;
    text-align:justify;
}

.kousha-adress {
    margin-top:14px;
}


/* footer */
.footer {
    font-size:10px;
    color:#000000;
    background:#ffffff;
    text-align:center;
    padding:20px 0px 20px 0px;
}

}


@media screen and (min-width: 640px) and (max-width: 960px) {
/* header */
header {
    width:100%;
    height:50px;
    background:#ffffff;
    z-index:999999;
    border-bottom:1px solid #cccccc;
}

.wrapper {
    width:85%;
    margin:0 auto;
}

h1 {
    width:149px;
    height:26px;
    padding:12px;
    margin:0 auto;
}

/* menu */
.drawer-menu li {
	color:#ffffff;
    font-size:14px;
    border-bottom:1px solid #3f3f3f;
}

.drawer-menu a {
	display:block;
	color:#ffffff;
    text-decoration:none;
	padding:20px;
    background:#333333;
    transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
}

.drawer-menu a:hover {
	background:#3f3f3f;
}

/* top */
.top {
	background:url(images/top.jpg) no-repeat center center #ffffff;
	width:100%;
    height:450px;
    background-size:cover;
}

.top-catch {
    float:right;
    padding-top:55px;
}

.top-catch img {
    width:350px;
    height:auto;
}

/* student-cm */
.student-cm {
    width:100%;
    background:#333333/*url(images/student_cm_back.jpg) no-repeat center center;*/;
    background-size:cover;
    color:#ffffff;
    padding:50px 0px;
}

.student-cm h2 {
    letter-spacing:0px;
    margin-bottom:5px;
}

.youtube {
	width:640px;
    margin:0 auto;
    margin-top:50px;
}

.youtube iframe {
	width:640px;
    height:360px;
    box-shadow:0px 2px 2px #000000;
}

/* point */
.point {
    width:100%;
    background:#ffffff;
    padding:50px 0px;
}

.point-catch {
    margin-bottom:50px;
}

h2 {
    font-size:40px;
    text-align:center;
    font-family: 'ipamjm';
    line-height:55px;
    margin-bottom:35px;
    letter-spacing:2px;
}

.caption {
    text-align:center;
    font-size:16px;
    line-height:25px;
}

.pc {
	display:block;
}

.sp {
	display:block;
}

.sp640 {
    display:none;
}

.sp320 {
    display:none;
    
}

.point-count {
    width:100%;
    margin:0 auto;
}

.point-count img {
    width:100%;
    height:100%;
}

.point-count1 {
    width:100%;
    float:left;
    margin-right:51px;
    margin-bottom:50px;
}

.point-count2 {
    width:100%;
    float:left;
    margin-right:51px;
    margin-bottom:50px;
}

.point-count3 {
    width:100%;
    float:left;
}

.point h3 {
    font-size:35px;
    text-align:center;
    font-family: 'ipamjm';
    line-height:45px;
    margin-top:25px;
    margin-bottom:22px;
}

.point-count .caption {
    text-align:justify;
    font-size:16px;
    line-height:25px;
}


/* manzokudo */
.manzokudo {
    padding:50px 0px;
    background:#c5000b;
}

.manzokudo .wrapper {
    width:85%;
}

.manzokudo-l {
    width:100%;
    float:none;
    padding-top:0px;
    margin-right:0px;
    color:#ffffff;
}

h3 {
    font-size:40px;
    text-align:center;
    font-family: 'ipamjm';
}

.manzokudo-h3-cap {
	width:100%;
    text-align:center;
    font-size:14px;
    margin-top:0px;
}

.midashi-catch {
    font-size:35px;
    text-align:center;
    font-family: 'ipamjm';
    margin-top:20px;
    margin-bottom:25px;
    line-height:45px;
}

.manzokudo-r {
    display:none;
}

.manzokudo-l .caption {
    text-align:justify;
}

#engurafu2 {
	display:none;
}

.manzokudo-suuji {
    display:none;
}

.engurafu-sp {
	width:100%;
	text-align:center;
    margin-top:25px;
}

.engurafu-sp img {
    width:100%;
    height:100%;
}

/* sotsusei */
.sotsusei {
    width:100%;
    padding:50px 0px 50px 0px;
}

.sotsusei-l {
	float:none;
    width:100%;
    height:400px;
    margin-bottom:30px;
}

.sotsusei-r {
    float:none;
    width:100%;
    height:auto;
    margin:0;
    padding:0;
}

.sotsusei-date {
	margin-bottom:30px;
}

.sotsusei .buttun a {
	width:50%;
}

/* voice */
.voice {
    padding:50px 0px;
    background:url(images/voice.jpg) no-repeat top center #000000;
    background-size:cover;
    color:#ffffff;
}

.voice-h3-cap {
    font-size:12px;
    margin-top:0px;
    text-align:center;
}

.voice1 {
	width:75%;
    font-size:18px;
    font-family: 'ipamjm'; 
    line-height:28px;
    margin:0 auto;
    margin-bottom:50px;
	margin-top:45px;
    text-align:justify;
}

.voice-23-box {
    width:75%;
    margin:0 auto;
    text-align:justify;
}

.voice2 {
	width:100%;
    font-size:16px;
    font-family: 'ipamjm'; 
    line-height:25px;
    float:none;
    margin-right:50px;
    margin-bottom:50px;
}

.voice3 {
	width:100%;
    font-size:16px;
    font-family: 'ipamjm'; 
    line-height:25px;
    float:none;
    margin-bottom:10px;
}

.buttun a {
	display:block;
    width:85%;
    margin:0 auto;
    background:#ffea00;
    border-radius:5px;
    padding:15px 0px;
    text-align:center;
    color:#000000;
    font-weight:bold;
    font-size:16px;
    text-decoration:none;
    transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
}

.buttun a:hover {
    background:#fff47f;
}

.voice .buttun {
    margin-top:50px;
}


/* senpai */
.senpai {
    padding:50px 0px;
}

.senpai h3 {
    margin-bottom:50px;
}

.senpai-box {
}

.senpai1-h4 {
    width:100%;
    height:400px;
    background:url(images/senpai1.jpg) right top;
    background-size:cover;
    margin-bottom:170px;
    font-family: 'ipamjm'; 
}

.senpai2-h4 {
    width:100%;
    height:400px;
    background:url(images/senpai2.jpg) right top;
    background-size:cover;
    margin-bottom:170px;
    font-family: 'ipamjm'; 
}

.senpai3-h4 {
    width:100%;
    height:400px;
    background:url(images/senpai3.jpg) right top;
    background-size:cover;
    margin-bottom:170px;
    font-family: 'ipamjm'; 
}

.senpai1-h4 .senpai-katagaki {
    font-size:20px;
    margin-top:0px;
    margin-bottom:2px;
    margin-left:-8px;
}

.senpai2-h4 .senpai-katagaki, .senpai3-h4 .senpai-katagaki {
    font-size:20px;
    padding-top:0px;
    margin-bottom:2px;
    margin-left:0px;
}

.senpai1-h4 .senpai-name, .senpai2-h4 .senpai-name, .senpai3-h4 .senpai-name  {
    font-size:35px;
    margin-bottom:0px;
    margin-left:0px;
}

.senpai-name-boxbox {
    padding-top:425px;
}

.senpai-name-box {
	width:100%;
    height:100%;
	padding:15px 0px;
    background:none;
    text-align:center;
}

.san {
    font-size:25px;
}

.senpai-sotsugyou {
    font-size:16px;
}

.senpai-textbox {
    width:100%;
    margin:50px 0px 50px 0px;
}

.senpai3 .senpai-textbox {
    width:100%;
    margin:50px 0px 0px 0px;
}

.senpai-l {
    width:100%;
    float:none;
    margin-right:0px;
    font-size:16px;
    margin:0 auto;
    margin-bottom:50px;
}

.senpai-r {
    width:100%;
    float:none;
    margin:0 auto;
}

.senpai-r img {
    width:100%;
    height:100%;
}

.senpai-l p, .senpai-r p {
    font-size:16px;
    line-height:25px;
    text-align:justify;
    width:100%;
    margin:0 auto;
    margin-bottom:1em;
}

.senpai2 .senpai-l {
    width:100%;
    float:none;
    margin:0 auto;
    margin-bottom:50px;
    font-size:18px;
}

.senpai2 .senpai-r {
    width:100%;
    float:none;
}

.senpai-r .caption {
    text-align:justify;
    font-size:16px;
    line-height:25px;
    margin-bottom:41px;
}

.senpai-textbox .buttun a {
    width:65%;
    background:#c5000b;
    color:#ffffff;
    font-size:16px;
}

.senpai-textbox .buttun a:hover {
    background:#d74d55;
}

.senpai2-h5 {
    font-size:24px;
    text-align:left;
    font-family: 'ipamjm';
    margin-top:0px;
    margin-bottom:42px;
    line-height:35px;
    text-align:center;
    display:none;
}

.chigasaki-bt a {
	display:block;
    width:100%;
    color:#ffffff;
    font-weight:bold;
    font-size:18px;
    margin:0 auto;
    border-radius:5px;
    padding:65px 0px 20px 0px;
    text-align:center;
    text-decoration:none;
    background:url(images/bookicon.png) no-repeat #7aafc5;
    background-position:center 25px;
    transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
}

.chigasaki-bt a:hover {
    background:url(images/bookicon.png) no-repeat #93c4d8;
    background-position:center 25px;
}

.senpai-midashi {
    font-size:26px;
    text-align:center;
    font-family: 'ipamjm';
    margin-top:28px;
    margin-bottom:25px;
    line-height:35px;
}

.readmore-box {
    display: none;
}

.readmore-button-box {
	display:block;
}

.readmore-button-box a {
	display:block;
    width:85%;
    margin:0 auto;
    background:#c5000b;
    border-radius:5px;
    padding:15px 0px;
    text-align:center;
    color:#ffffff;
    font-weight:bold;
    font-size:16px;
    text-decoration:none;
    transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
}

.readmore-button-box a:hover {
    background:#d74d55;
}


/* obog */
.obog {
    width:100%;
    background:url(images/obog.jpg) no-repeat center top #000000;
    background-size:cover;
    padding:75px 0px;
    color:#ffffff;
	font-family: 'ipamjm';
}

.obog-mainbox {
	width:85%;
    margin:0 auto;
    margin-top:50px;
	margin-bottom:55px;
    text-align:center;
}

.obog-main1, .obog-main2 {
	width:100%;
    float:none;
    margin-right:0px;
    margin-bottom:35px;
}

.obog-main3 {
	width:100%;
    float:none;
    margin-left:0px;
}

.obog-main-katagaki {
    font-size:20px;
    margin-bottom:6px;
}

.obog-main-name {
    font-size:35px;
    margin-bottom:5px;
}

.obog-main-sakuhin {
    font-size:18px;
    line-height:23px;
    margin-left:10px;
}

.ogob-ul-box {
    width:100%;
    margin:0 auto;
    margin-bottom:-25px;
}

.obog-ul-box table {
	font-size:14px;
    text-align:center;
    vertical-align:middle;
    width:100%;
}

.obog-ul-l td, .obog-ul-r td {
    padding:0px 0px 25px 0px;
    text-align:center;
    font-size:16px;
    line-height:25px;
}

.obogo-ul-name {
	font-size:24px;
    padding:0px 10px 0px 10px;
}

.obog-ul-l {
    float:none;
    width:100%;
}

.obog-ul-r {
	margin-left:0px;
    float:none;
    width:100%;
}

/* info */
.info {
    width:100%;
    background:#ffffff;
    padding:50px 0px 50px 0px;
}

.info .wrapper {
	width:100%;
}

.info-box {
	margin-top:50px;
    margin-bottom:0px;
}

.info-box li {
    margin-bottom:0px;
}

.info-box li img{
    width:100%;
    height:100%;
}

.info-opencampus {
    width:100%;
    height:500px;
    background:url(images/info_opencampus.jpg) no-repeat center center;
    background-size:cover;
    display:block;
    text-align:center;
}

.info-line {
    width:100%;
    height:200px;
    text-align:center;
    background:url(images/line_qr.png) no-repeat center center;
    margin:50px 0px;
    background-size:contain;
}

.info-fullsize {
    width:100%;
    height:643px;
    background:url(images/fullsize_sp.png) no-repeat center center #c5000b;
    background-size:auto;
}

.info-booklet {
	box-sizing:border-box;
	display:block;
    width:100%;
    height:455px;
    background:url(images/info_booklet_sp.png) no-repeat center center #a1131a;
    background-size:276px 350px;
}

.info-nyushi {
	display:block;
    width:100%;
    height:300px;
    background:url(images/info_nyushi.jpg) no-repeat center center;
    background-size:860px;
}

.info-sns {
	width:85%;
    margin:0 auto;
    padding-top:25px;
}

.info-sns-fb {
    width:42%;
    height:500px;
    float:left;
    margin-right:3%;
    border:1px solid #cccccc;
}

.info-sns-twitter {
    width:54%;
    height:500px;
    float:right;
    border:1px solid #cccccc;
}


/* access */
.access {
    width:100%;
    background:#c5000b;
    padding:50px 0px 20px 0px;
}

.access .wrapper {
    width:85%;
}

.access h3 {
    color:#ffffff;
}

.access-box {
    margin-top:50px;
}

.access-box1, .access-box2 {
    width:100%;
    background:#ffffff;
    margin-bottom:20px;
    box-shadow:0px 3px 1px #9e0009;
}

.access-map {
    width:100%;
    padding:0%;
    background:#ffffff;
    text-align:center;
    box-shadow:0px 3px 1px #9e0009;
}

.access-map img {
    width:85%;
    height:85%;
    padding:30px 0px;
}

.kousha-ph1 {
	width:100%;
    height:180px;
    background:url(images/shinyuri.jpg) no-repeat center;
    background-size:cover;
    float:none;
}

.kousha-ph2 {
	width:100%;
    height:180px;
    background:url(images/hakusan.jpg) no-repeat center;
    background-size:cover;
    float:none;
}

.kousha-textbox {
    width:85%;
    height:85%;
    padding:30px 50px 50px 50px;
    float:none;
    margin:0 auto;
}

.kousha-name {
    font-size:24px;
    color:#c5000b;
    margin-bottom:20px;
    text-align:center;
}

.kousha-cap {
    font-size:16px;
    line-height:25px;
    text-align:justify;
}

.kousha-adress {
    margin-top:17px;
    font-size:14px;
}


/* footer */
.footer {
    font-size:8px;
    color:#000000;
    background:#ffffff;
    text-align:center;
    padding:10px 0px 10px 0px;
}

/* page-top */
#pageTop {
    display:block;
}

#pageTop a {
    display:block;
}

/* ad_bar */
.ad-bar {
	display:none;
}

}

@media screen and (min-width: 0px) and (max-width: 640px) {
/* header */
header {
    width:100%;
    height:50px;
    background:#ffffff;
    z-index:999999;
    border-bottom:1px solid #cccccc;
}

.wrapper {
    width:85%;
    margin:0 auto;
}

h1 {
    width:149px;
    height:26px;
    padding:12px;
    margin:0 auto;
}

/* menu */
.drawer-menu li {
	color:#ffffff;
    font-size:14px;
    border-bottom:1px solid #3f3f3f;
}

.drawer-menu a {
	display:block;
	color:#ffffff;
    text-decoration:none;
	padding:20px;
    background:#333333;
    transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
}

.drawer-menu a:hover {
	background:#3f3f3f;
}

/* top */
.top {
	background:url(images/top.jpg) no-repeat center center #ffffff;
	width:100%;
    height:260px;
    background-size:cover;
}

.top-catch {
    float:right;
    padding-top:35px;
}

.top-catch img {
    width:250px;
    height:auto;
}

/* student-cm */
.student-cm {
    width:100%;
    background:#333333/*url(images/student_cm_back.jpg) no-repeat center center;*/;
    background-size:cover;
    color:#ffffff;
    padding:30px 0px;
}

.student-cm h2 {
    letter-spacing:0px;
    margin-bottom:5px;
}

.student-cm .caption {
    text-align:center;
}

.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
    margin-top:30px
}

.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
    box-shadow:0px 2px 2px #000000;
}

/* point */
.point {
    width:100%;
    background:#ffffff;
    padding:50px 0px 30px 0px;
}

.point-catch {
    margin-bottom:50px;
}

h2 {
    font-size:28px;
    text-align:center;
    font-family: 'ipamjm';
    line-height:38px;
    margin-bottom:35px;
    letter-spacing:2px;
}

.caption {
    text-align:justify;
    font-size:14px;
    line-height:20px;
}

.pc {
	display:none;
}

.sp {
	display:block;
}

.sp640 {
	display:none;
}

.sp320 {
    display:block;
}

.point-count {
    width:100%;
    margin:0 auto;
}

.point-count img {
    width:100%;
    height:100%;
}

.point-count1 {
    width:100%;
    float:left;
    margin-right:51px;
    margin-bottom:25px;
}

.point-count2 {
    width:100%;
    float:left;
    margin-right:51px;
    margin-bottom:25px;
}

.point-count3 {
    width:100%;
    float:left;
}

.point h3 {
    font-size:23px;
    text-align:center;
    font-family: 'ipamjm';
    line-height:30px;
    margin-top:21px;
    margin-bottom:20px;
}

.point-count .caption {
    text-align:justify;
    font-size:14px;
    line-height:20px;
}


/* manzokudo */
.manzokudo {
    padding:30px 0px;
    background:#c5000b;
}

.manzokudo .wrapper {
    width:85%;
}

.manzokudo-l {
    width:100%;
    float:none;
    padding-top:0px;
    margin-right:0px;
    color:#ffffff;
}

h3 {
    font-size:25px;
    text-align:center;
    font-family: 'ipamjm';
    line-height:33px;
}

.manzokudo-h3-cap {
	width:100%;
    text-align:center;
    font-size:14px;
    margin-top:3px;
}

.midashi-catch {
    font-size:25px;
    text-align:center;
    font-family: 'ipamjm';
    margin-top:20px;
    margin-bottom:25px;
    line-height:30px;
}

.manzokudo-r {
    display:none;
}

.manzokudo-l .caption {
    text-align:justify;
}

#engurafu2 {
	display:none;
}

.manzokudo-suuji {
    display:none;
}

.engurafu-sp {
	width:100%;
	text-align:center;
    margin-top:25px;
}

.engurafu-sp img {
    width:100%;
    height:100%;
}

/* sotsusei */
.sotsusei {
    width:100%;
    padding:30px 0px 30px 0px;
}

.sotsusei-l {
    width:100%;
    height:175px;
}

.sotsusei-r {
	width:100%;
    height:auto;
    margin:0;
    padding:25px 0px 0px 0px;
}

.sotsusei h3 {
    font-size:20px;
    line-height:30px;
    letter-spacing:1px;
    margin-bottom:8px;
}

.sotsusei-date {
    font-size:11px;
    color:#262626;
    margin-bottom:20px;
}

.sotsusei-new {
    padding:0px 5px;
    border:1px solid #c5000b;
    color:#c5000b;
    font-size:6px;
    margin-right:6px;
}

/* voice */
.voice {
    padding:30px 0px;
    background:url(images/voice.jpg) no-repeat top center #000000;
    background-size:cover;
    color:#ffffff;
}

.voice-h3-cap {
    font-size:12px;
    margin-top:3px;
    text-align:center;
}

.voice1 {
	width:95%;
    font-size:14px;
    font-family: 'ipamjm'; 
    line-height:20px;
    margin:0 auto;
    margin-bottom:30px;
	margin-top:30px;
    text-align:justify;
}

.voice-23-box {
    width:95%;
    margin:0 auto;
    text-align:justify;
}

.voice2 {
	width:100%;
    font-size:14px;
    font-family: 'ipamjm'; 
    line-height:20px;
    float:none;
    margin-right:0px;
    margin-bottom:30px;
}

.voice3 {
	width:100%;
    font-size:14px;
    font-family: 'ipamjm'; 
    line-height:20px;
    float:none;
    margin-bottom:3px;
}

.buttun a {
	display:block;
    width:85%;
    margin:0 auto;
    background:#ffea00;
    border-radius:5px;
    padding:15px 0px;
    text-align:center;
    color:#000000;
    font-weight:bold;
    font-size:14px;
    text-decoration:none;
    transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
}

.buttun a:hover {
    background:#fff47f;
}

.voice .buttun {
    margin-top:50px;
}


/* senpai */
.senpai {
    padding:30px 0px;
}

.senpai .wrapper {
    width:100%;
}

.senpai h3 {
    margin-bottom:30px;
}

.senpai-box {
}

.senpai1-h4 {
    width:100%;
    height:350px;
    background:url(images/senpai1_sp.jpg) center top;
    background-size:cover;
    margin-bottom:133px;
    font-family: 'ipamjm'; 
}

.senpai2-h4 {
    width:100%;
    height:350px;
    background:url(images/senpai2_sp.jpg) center top;
    background-size:cover;
    margin-bottom:115px;
    font-family: 'ipamjm'; 
}

.senpai3-h4 {
    width:100%;
    height:350px;
    background:url(images/senpai3_sp.jpg) center top;
    background-size:cover;
    margin-bottom:115px;
    font-family: 'ipamjm'; 
}

.senpai1-h4 .senpai-katagaki {
    font-size:14px;
    margin-top:0px;
    margin-bottom:3px;
    margin-left:-8px;
}

.senpai2-h4 .senpai-katagaki, .senpai3-h4 .senpai-katagaki {
    font-size:14px;
    padding-top:0px;
    margin-bottom:3px;
    margin-left:0px;
}

.senpai1-h4 .senpai-name {
    font-size:25px;
    margin-bottom:1px;
    margin-left:-3px;
}

.senpai2-h4 .senpai-name, .senpai3-h4 .senpai-name  {
    font-size:25px;
    margin-bottom:1px;
    margin-left:0px;
}

.senpai-name-boxbox {
    padding-top:350px;
}

.senpai-name-box {
	width:100%;
    height:100%;
	padding:25px 0px;
    background:none;
    text-align:center;
}

.san {
    font-size:14px;
}

.senpai-sotsugyou {
    font-size:12px;
    line-height:18px;
}

.senpai-textbox {
    width:85%;
    margin:0 auto;
    margin-top:50px;
    margin-bottom:30px;
}

.senpai3 .senpai-textbox {
    width:85%;
    margin:0 auto;
}

.senpai-l {
    width:100%;
    float:none;
    margin-right:0px;
    font-size:14px;
    margin:0 auto;
    margin-bottom:25px;
}

.senpai-r {
    width:100%;
    float:none;
    margin:0 auto;
}

.senpai-r img {
    width:100%;
    height:100%;
}

.senpai-l p, .senpai-r p {
    font-size:14px;
    line-height:20px;
    text-align:justify;
    width:100%;
    margin:0 auto;
    margin-bottom:1em;
}

.senpai2 .senpai-l {
    width:100%;
    float:none;
    margin:0 auto;
    margin-bottom:30px;
    font-size:18px;
}

.senpai2 .senpai-r {
    width:100%;
    float:none;
}

.senpai-r .caption {
    text-align:justify;
    font-size:14px;
    line-height:20px;
    margin-bottom:23px;
}

.senpai-textbox .buttun a {
    width:85%;
    background:#c5000b;
    color:#ffffff;
    font-size:14px;
}

.senpai-textbox .buttun a:hover {
    background:#d74d55;
}

.senpai2-h5 {
    font-size:24px;
    text-align:left;
    font-family: 'ipamjm';
    margin-top:0px;
    margin-bottom:42px;
    line-height:35px;
    text-align:center;
    display:none;
}

.chigasaki-bt a {
	display:block;
    width:85%;
    color:#ffffff;
    font-weight:bold;
    font-size:14px;
    margin:0 auto;
    border-radius:5px;
    padding:70px 0px 20px 0px;
    text-align:center;
    text-decoration:none;
    background:url(images/bookicon.png) no-repeat #7aafc5;
    background-position:center 25px;
    transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
}

.chigasaki-bt a:hover {
    background:url(images/bookicon.png) no-repeat #93c4d8;
    background-position:center 25px;
}

.senpai-midashi {
    font-size:18px;
    text-align:center;
    font-family: 'ipamjm';
    margin-top:20px;
    margin-bottom:20px;
    line-height:24px;
}

.readmore-box {
    display: none;
}

.readmore-button-box {
	display:block;
}

.readmore-button-box a {
	display:block;
    width:85%;
    margin:0 auto;
    background:#c5000b;
    border-radius:5px;
    padding:15px 0px;
    text-align:center;
    color:#ffffff;
    font-weight:bold;
    font-size:14px;
    text-decoration:none;
    transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
}

.readmore-button-box a:hover {
    background:#d74d55;
}


/* obog */
.obog {
    width:100%;
    background:url(images/obog.jpg) no-repeat center top #000000;
    background-size:cover;
    padding:50px 0px;
    color:#ffffff;
	font-family: 'ipamjm';
}

.obog-mainbox {
	width:85%;
    margin:0 auto;
    margin-top:30px;
	margin-bottom:30px;
    text-align:center;
}

.obog-main1, .obog-main2 {
	width:100%;
    float:none;
    margin-right:0px;
    margin-bottom:25px;
}

.obog-main3 {
	width:100%;
    float:none;
    margin-left:0px;
}

.obog-main-katagaki {
    font-size:14px;
    margin-bottom:5px;
}

.obog-main-name {
    font-size:25px;
    margin-bottom:5px;
}

.obog-main-sakuhin {
    font-size:14px;
    line-height:20px;
    margin-left:10px;
}

.ogob-ul-box {
    width:100%;
    margin:0 auto;
    margin-bottom:-25px;
}

.obog-ul-box table {
	font-size:14px;
    text-align:center;
    vertical-align:middle;
    width:100%;
}

.obog-ul-l td, .obog-ul-r td {
    padding:0px 0px 25px 0px;
    text-align:center;
    font-size:12px;
    line-height:20px;
}

.obogo-ul-name {
	font-size:20px;
    padding:0px 10px 0px 10px;
}

.obog-ul-l {
    float:none;
    width:100%;
}

.obog-ul-r {
	margin-left:0px;
    float:none;
    width:100%;
}

/* info */
.info {
    width:100%;
    background:#ffffff;
    padding:30px 0px;
}

.info .wrapper {
    width:100%;
}

.info-box {
	margin-top:25px;
    margin-bottom:0px;
}

.info-box li {
    margin-bottom:0px;
}

.info-box li img{
    width:100%;
    height:100%;
}

.info-opencampus {
    width:100%;
    height:350px;
    background:url(images/info_opencampus.jpg) no-repeat center center;
    background-size:cover;
    display:block;
    text-align:center;
}

.info-line {
    width:85%;
    height:120px;
    text-align:center;
    background:url(images/line_qr.png) no-repeat center center;
    margin:0 auto;
    margin-top:25px;
    margin-bottom:25px;
    background-size:contain;
}

.info-fullsize {
    width:100%;
    height:400px;
    background:url(images/fullsize_sp.png) no-repeat center center #c5000b;
    background-size:206px 350px;
}

.info-booklet {
	box-sizing:border-box;
	display:block;
    width:100%;
    height:300px;
    background:url(images/info_booklet_sp.png) no-repeat center center #a1131a;
    background-size:197px 250px;
}

.info-nyushi {
	display:block;
    width:100%;
    height:200px;
    background:url(images/info_nyushi.jpg) no-repeat center center;
    background-size:620px;
}

.info-sns {
    padding-top:25px;
    width:85%;
    margin:0 auto;
}

.info-sns-fb {
    width:100%;
    height:500px;
    float:left;
    margin:0 auto;
    margin-bottom:25px;
    border:1px solid #cccccc;
}

.info-sns-twitter {
    width:100%;
    height:500px;
    float:right;
    border:1px solid #cccccc;
}


/* access */
.access {
    width:100%;
    background:#c5000b;
    padding:30px 0px 20px 0px;
}

.access .wrapper {
    width:85%;
}

.access h3 {
    color:#ffffff;
}

.access-box {
    margin-top:30px;
}

.access-box1, .access-box2 {
    width:100%;
    background:#ffffff;
    margin-bottom:20px;
    box-shadow:0px 3px 1px #9e0009;
}

.access-map {
    width:100%;
    padding:0%;
    background:#ffffff;
    text-align:center;
    box-shadow:0px 3px 1px #9e0009;
}

.access-map img {
    width:85%;
    height:85%;
    padding:30px 0px;
}

.kousha-ph1 {
	width:100%;
    height:180px;
    background:url(images/shinyuri.jpg) no-repeat center;
    background-size:cover;
    float:none;
}

.kousha-ph2 {
	width:100%;
    height:180px;
    background:url(images/hakusan.jpg) no-repeat center;
    background-size:cover;
    float:none;
}

.kousha-textbox {
    width:85%;
    height:85%;
    padding:20px 0px 30px 0px;
    float:none;
    margin:0 auto;
}

.kousha-name {
    font-size:18px;
    color:#c5000b;
    margin-bottom:12px;
    text-align:center;
}

.kousha-cap {
    font-size:14px;
    line-height:20px;
    text-align:justify;
}

.kousha-adress {
    margin-top:17px;
    font-size:14px;
}


/* footer */
.footer {
    font-size:5px;
    color:#000000;
    background:#ffffff;
    text-align:center;
    padding:10px 0px 70px 0px;
}

/* page-top */
#pageTop {
    display:none;
}

#pageTop a {
    display:none;
}

/* ad_bar */
.ad-bar {
	display:block;
    width:100%;
    position:fixed;
    bottom:0;
    background:#ffffff;
    padding:10px 0px;
    animation: anime1 5s ease -2s infinite alternate;
    -webkit-animation: anime1 1s ease 0s 1 alternate;
}

@-webkit-keyframes anime1 {
0% {margin-bottom:-75px; opacity:0.0;}
100% {margin-bottom:0px; opacity:1.0;}
}

.ad-bar .wrapper{
    width:300px;
    margin:0 auto;
}

.ad-bar1 {
	display:block;
    width:65px;
	float:left;
    background:#ffea00;
    border-radius:3px;
    padding:10px 0px;
    text-align:center;
    color:#000000;
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
    transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
}

.ad-bar2 {
	display:block;
    width:125px;
	float:left;
    background:#ffea00;
    border-radius:3px;
    padding:10px 0px;
    text-align:center;
    color:#000000;
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
    transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
}

.ad-bar3 {
	display:block;
    width:65px;
	float:left;
    background:#ffea00;
    border-radius:3px;
    padding:10px 0px;
    text-align:center;
    color:#000000;
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
    transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
}

.ad-bar1:hover, .ad-bar2:hover, .ad-bar3:hover {
    background:#fff47f;
}

.ad-bar1, .ad-bar2 {
    margin-right:5px;
}

.ad-bar-pagetop {
	float:right;
}

.ad-bar-pagetop a{
    padding:14px 10px 8px 0px;
    text-decoration:none;
    display:block;
    cursor:pointer;
}

.yajirushi {
	width:12px;
    height:12px;
    border-left:4px solid #cccccc;
    border-top:4px solid #cccccc;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
}

}

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

/* .top {
	background:url(images/top.jpg) no-repeat center center #ffffff;
	width:100%;
    height:230px; 
    background-size:cover; 
} */

.top-catch {
    float:right;
    padding-top:25px;
}

.top-catch img {
    width:175px;
    height:auto;
}
 
}