@media screen and (min-width: 751px) {
}

/*-------------------------*/
/* SPレイアウト 760px*/
/*-------------------------*/
@media screen and (max-width: 750px) {
*, *:before, *:after {
	box-sizing: border-box;
}
body {
	width: 100%;
	min-width: 100%!important;
	-webkit-text-size-adjust: 100%;
	font-size: 14px;
}
img {
	max-width: 100%;
	height: auto;
}
a:hover, a:active {
	text-decoration: none;
	color: #010101;
}
a.s_tel {
	pointer-events: auto;
	text-decoration: none;
}
.b480-l, .b450-r {
	width: 100%;
	float: none;
}
.mrb40 {
	margin-bottom: 20px;
}
.sn {
	display: none;
}
.pn {
	display: block;
}
section {
	width: 100%;
}
/*-------sp_menu--------*/
.menu-trigger, .menu-trigger span {
	float: right;
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	z-index: 999;
	position: absolute;
	right: 0px;
}
.menu-trigger {
	width: 40px;
	height: 40px;
	background: #230e00;
	text-align: center;
	margin: 0;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 15px;
	height: 2px;
	background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
	top: 15px;
	left: 12px;
}
.menu-trigger span:nth-of-type(2) {
	top: 19px;
	left: 12px;
}
.menu-trigger span:nth-of-type(3) {
	top: 23px;
	left: 12px;
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(20px) rotate(-45deg);
	transform: translateY(4px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	left: 200%;
	opacity: 0;
	-webkit-transform: translateY(0px);
	transform: translateY(5px);
	-webkit-animation: active-menu-bar02 .8s forwards;
	animation: active-menu-bar02 .8s forwards;
}
@-webkit-keyframes active-menu-bar02 {
 100% {
 height: 0;
}
}
@keyframes active-menu-bar02 {
 100% {
 height: 0;
}
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-30px) rotate(45deg);
	transform: translateY(-4px) rotate(45deg);
}
.head_nav {
	overflow: hidden;
}
header nav.sp {
	position: absolute;
	top: 40px;
	width: 100%;
	text-align: center;
	z-index: 30;
	height: auto;
	left: 0;
}
header nav.sp ul {
}
header nav.sp ul li {
	background: #fff;
	opacity: 0.96;
	text-align: left;
	overflow: hidden;
	font-size: 14px;
	width: 100%;
	border-top: none;
	margin-bottom: 0px;
	border-bottom: 1px solid #bea770;
}
header nav.sp ul li:last-child {
	border: none;
}
header nav.sp ul li a:link {
	color: #292929;
}
header nav.sp ul li a:hover {
	color: #292929;
}
header nav.sp ul li a:active {
	color: #292929;
}
header nav.sp ul li a:visited {
	color: #292929;
}
header nav.sp li a {
	padding: 10px 10px;
	display: block;
}
.sidenav {
	margin-bottom: 0;
}
.sidenav a {
	display: block;
}
.sidenav li {
	font-size: 14px;
}
.sidenav li.s_nav {
	text-align: left;
	padding-left: 0;
	line-height: 30px;
	margin-right: 0;
}
.sidenav li.s_nav.single {
	padding: 0px 6px 46px;
	line-height: 30px;
	margin: 0 0 0 0;
	margin-left: 0px;
	display: block;
}
.sidenav li.s_nav.single a {
}
.sidenav .menu {
	background: url(../images/common/arw01.gif) no-repeat right 25px;
	line-height: 30px;
	background-position: 96%;
	height: auto;
	display: block;
	position: relative;
	text-align: left;
	padding-left: 15px;
	margin-right: 0px;
}
.sidenav .child {
	display: none;
	margin: 0 0 -1px;
	padding: 0 0 10px 0;
	background: #fff;
}
.sidenav .child .menu {
	padding-left: 0;
}
.sidenav .child > li {
	padding-left: 0px;
	line-height: 15px;
	border-bottom: none;
	padding-right: 0;
	text-indent: 0;
	padding-left: 0;
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.5;
}
.sidenav li a, .sidenav li a:link, .sidenav li a:visited, .sidenav li a:hover, .sidenav li a:active {
	color: #010101;
}
/*=============================
	Layout-Base
===============================*/
/* header
-------------------------*/
.clearfix:after {
	display: block;
	content: " ";
	clear: both;
}
header {
}
/* main-visual
-------------------------*/
#visual {
	width: 100%;
	height: auto;
	background: none;
}
#visual.top .site_title {
	display: none;
}
/* pagebody
-------------------------*/
#pagebody {
	width: 100%;
	margin: 0 auto;
}
#pagebody.top {
	padding-top: 25px;
}
.contents {
	width: 100%;
	float: none;
}
/* sidenav
-------------------------*/
.sidebar {
	width: 100%;
	float: none;
}
.side_bnr {
	width: 92%;
	margin: 50px auto 0;
}
.side_bnr li {
	width: 100%;
	padding: 0 77px;
	margin-top: 25px;
}
.side_bnr li:last-of-type {
	margin-bottom: 0;
}
.side_bnr li p {
	width: 250px;
	font-size: 9px;
	line-height: 1;
	letter-spacing: -0.09rem;
	margin: 6px auto 0;
}
.side_bnr li ul {
    width: 250px;
    margin: 10px auto 0;
}
.side_bnr li li {
    padding: 0;
    padding-left: 22px;
    font-size: 9px;
    margin-top: 0;
}
/* pagetop
-------------------------*/
#pagetop {
}
#totop {
	width: 100%;
	height: 45px;
	background: #230e00;
	display: block;
	position: inherit;
	margin-top: 30px;
}
#totop a {
	padding: 14px;
}
#totop a img {
	width: 44px;
	height: auto;
	margin: 0 auto;
}
/* footer
-------------------------*/
#footer {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 10px;
	padding-top: 40px;
}
.ft_txt {
	width: 98%;
}
.ft_txt .ft_logo {
	width: 130px;
	margin: 0 auto 20px;
}
.ft_txt p {
	font-size: 8px;
	letter-spacing: -0.05rem;
	line-height: 1.5;
}
/*=============================
	TopPage setting
===============================*/
#wrap-content {
	padding-bottom: 0;
}
section {
	width: 92%;
	margin: 0 auto;
}
.news {
	margin-bottom: 0;
}
.news h2 {
	float: left;
	width: 23%;
	height: 100%;
	font-size: 12px;
	line-height: 60px;
	color: #fff;
}
.news ul {
	width: 77%;
	float: right;
	height: 60px;
	font-size: 12px;
	padding: 12px 0 0 18px;
}
.news li {
	line-height: 1.6;
	margin-bottom: 0;
}
.news li span {
	width: 100%;
	display: block;
	margin-right: 0;
}
.news li a {
	width: 100%;
	display: block;
}
.info {
	margin: 25px auto;
	padding-bottom: 24px;
}
.info h3 {
	font-size: 15px;
	padding-top: 34px;
	margin-bottom: 8px;
}
.info p {
	width: 100%;
	font-size: 12px;
	padding: 0 23px;
}
.homecoming {
	background-position: center top;
	background-size: 120% auto;
	height: 840px;
}
.ceremony {
	margin-bottom: 24px;
}
.ceremony table {
	width: 92%;
	font-size: 12px;
	margin-top: 12px;
}
.ceremony table th {
	width: 5.5em;
}
.ceremony td p {
	font-size: 10px;
	width: 100%;
	margin-top: 0.5rem;
}
.ceremony li a {
	position: inherit;
	margin-left: 2.5rem;
	width: 100%;
}
.ceremony a:link, .ceremony a:visited, .ceremony a:hover, .ceremony a:active{
	font-size: 12px;
	padding: 0.35rem 1rem 0.25rem 1rem;
	margin-top: 4px;
}
.attendance {
	padding: 25px 35px;
}
.attendance h3, .target h3 {
	font-size: 16px;
	padding-top: 20px;
	background: url(../images/top/title-top_sp.png) no-repeat center top;
	background-size: contain;
}
.attendance h3 span, .target h3 span {
	font-size: 10px;
	margin-top: -4px;
}
.attendance ul {
	margin-top: 15px;
}
.attendance li {
	float: none;
	width: 100%;
	margin: 0 auto;
}
.attendance li:nth-child(2) {
	float: none;
	width: 100%;
	margin-top: 15px;
}
.attendance li p {
	font-size: 13px;
	line-height: 45px;
	height: 45px;
	border-width: 1px;
}
.btn_contact {
	width: 100%;
	margin-top: -5px;
	height: 45px;
}
.btn_contact p {
	font-size: 13px;
	height: 45px;
	line-height: 45px;
}
.btn_contact p span {
	background-size: 12px auto;
	background-position: center left;
	padding-left: 18px;
}
.attendance p.txt01 {
	font-size: 12px;
	line-height: 1.5;
}
.bnr {
	margin: 35px auto;
}
.bnr img {
	width: 100%;
	height: auto;
}
.target {
	padding: 15px 20px;
	background: url(../images/top/bg_target.png), #fff;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: contain, auto;
}
.target h3 {
	margin: 0 15px 10px;
}
.target li {
	line-height: 25px;
	margin-bottom: 10px;
}
.target dt {
	font-size: 11px;
	height: 25px;
	line-height: 25px;
	width: 34%;
}
.target dt:after {
	width: 5px;
}
.target dd {
	width: 64%;
	margin-left: 2%;
	font-size: 12px;
	line-height: 25px;
}
.target p {
	font-size: 10px;
	text-align: left;
	line-height: 1.4;
	margin-top: 0;
}
.contact {
	width: 100%;
	margin-top: 50px;
}
.contact .contact-wrap {
	padding: 0;
}
.contact h3 {
	font-size: 13px;
	padding: 12px 0 12px;
}
.contact h3 span {
	font-size: 10px;
	line-height: 1;
	height: auto;
	margin-top: 6px;
}
.contact h3 a, .contact h3 a:link, .contact h3 a:visited {
	color: #fff;
}
.contact h3 span:after {
	display: none;
}
.contact .contact-list li {
	border: 1px solid #d7d7d7;
	padding: 10px;
	text-align: center;
}
.contact .contact-list li:nth-child(2) {
	padding-left: 10px;
	border-left: none;
}
.contact .contact-list li p {
	font-size: 12px;
	color: #bd8a39;
}
.contact .contact-list li span, .contact .contact-list li:nth-child(2) span {
	font-size: 21px;
	background: none;
	padding-left: 0;
	margin-top: 0;
	font-weight: normal;
	letter-spacing: 0;
}
.note {
	background: #edeae7;
	margin-top: 0;
	border-top: 0;
	padding-top: 0;
	padding-top: 20px;
}
.note-wrap {
	background: #fff;
	width: 92%;
	margin: 0 auto;
	padding: 20px 15px;
}
.contact .note h4 {
	font-size: 12px;
	background-size: 3px 14px;
	padding-left: 8px;
}
.contact .note h4 span {
	font-size: 9px;
}
.contact .note ul li {
	font-size: 10px;
	margin-top: 10px;
	background-size: 7px auto;
	padding-left: 15px;
	line-height: 1.3;
	background-position: left 0 top 2px;
}
/*=============================
	Sub(Lower)Page setting
===============================*/
.bread_crumb {
	width: 92%;
	font-size: 9px;
}
.contents.sub {
	width: 100%;
	margin-bottom: 50px;
}
.titArea h2 {
	font-size: 16px;
	padding-top: 10px;
}
/* aisatsu
-------------------------*/
.greeArea {
	width: 100%;
}
.greeWrap {
	padding: 15px;
	width: 100%;
}
.greeWrap h2 img {
	width: 75%;
	height: auto;
	margin-top: 10px;
}
.inner {
	margin-top: 25px;
}
.inner p {
	font-size: 12px;
}
.inner p span.pn {
	display: block;
	text-align: left;
}
.inner .space, .inner .img {
	display: none;
}
.greeWrap div.pn {
	text-align: right;
}
.greeWrap .pn img {
	width: 54%;
	height: auto;
}
/* timeslip
-------------------------*/
.subBox .inner {
	padding: 20px 20px;
}
.titArea p {
	width: 83%;
	margin: 10px auto 24px;
	line-height: 1.5;
}
.subList {
	padding: 15px;
}
.subList::before {
	height: 2px;
}
.sub_tit02 {
	font-size: 18px;
	background: url(../images/timeslip/arw01.gif) no-repeat left 1px;
	background-size: 20px;
	padding-left: 25px;
	line-height: 25px;
}
.bArea .fLeft {
	width: 55%;
}
.bArea .fRight {
	width: 35%;
}
    #slip .slipTit{
        font-size: 15px;
    }
    #slip .defTable01{
        margin: 20px auto;
    }
#slip.subBox .titArea h2 {
	background-size: 70% auto;
}
#ttable.subBox .titArea h2 {
	background-size: 70% auto;
}

    
/* map
-------------------------*/
#map.subBox .titArea h2 {
	background-size: 70% auto;
}
.inner_sub {
	padding: 20px;
}
a.btn01 {
	font-size: 16px;
	line-height: 60px;
	height: 60px;
	max-width: 100%;
}
/* daigaku
-------------------------*/
.time {
	margin-top: 20px;
	padding: 25px 9px;
}
.time:first-of-type {
	margin-top: 0;
}
.timeTit {
	padding-left: 10px;
	margin: 0 0 8px;
	font-size: 16px;
}
.fb {
	margin-right: 5px;
}
#daigaku .sub_tit02 {
	background: url(../images/daigaku/arw03.gif) no-repeat left 1px;
	background-size: 20px;
}
    
    #daigaku .titArea p{
        width: 83%;
        margin: 10px auto 24px;
        line-height: 1.5;
        font-size: 12px;
    }
    #daigaku .subList {
        padding: 15px;
    }
    #daigaku p.colTit {
        font-size: 15px;
        margin-bottom: 17px;
        text-align: center;
        letter-spacing: -0.025rem;
    }
    #daigaku p.colTit span {
        font-size: 12px;
        display: block;
    }
#daigaku .time .fLeft p {
	margin: 20px auto;
	width: 96%;
}
#daigaku .time .defTable01 {
	margin: 0 auto 20px;
}
#daigaku .defTable01 th, #daigaku .defTable01 td {
	font-size: 12px;
	line-height: 1;
	padding: 1em;
	border: 1px solid #a8b796;
}
#daigaku .defTable01 th {
	width: 24%;
	padding: 1em 0.2em;
}
#daigaku .defTable01 td {
	width: calc( 100% - 24% );
}
#daigaku .defTable01 td span {
	font-size: 9px;
}
#daigaku .contactArea {
	padding: 15px 20px;
}
#daigaku .contactArea p {
	font-size: 15px;
}
#daigaku .contactArea a {
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	margin-top: 10px;
}

/* 受付開始前 */

#daigaku .contactArea .disable {
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	margin-top: 10px;
}

/* 受付開始前 ここまで */


#daigaku .contactArea a.pn {
	display: block;
	color: #000;
	border-color:#000;
}
#daigaku .contactArea span.sn {
	display: none;
}
#daigaku .time p {
    font-size: 12px;
    margin: 20px auto;
    width: 96%;
    }
    #daigaku .time p.mintxt{font-size: 12px;}
    #daigaku .time .colTit{
        font-size: 15px;
        margin-bottom: 17px;
        text-align: center;
        letter-spacing: -0.025rem;
        margin-top: 0;
    }
    #daigaku .time .colTit span {
        font-size: 12px;
    }
    #daigaku .contactArea a.h90 {
        height: 75px;
        line-height: 20px;
    }
    #daigaku .time .contactArea p{
        font-size: 15px;
        margin: 0;
    }
#daigaku.subBox .titArea h2 {
	background-size: 70% auto;
}
    #daigaku .contactArea p {
        width: 100%;
    }
#daigaku .contactArea a.tel:hover{
    background: #000;
    color: #fff;
    cursor: pointer;
}
    #contents1 ul.camList{
        width: calc(96% / 3);
        font-size: 12px;
        margin: 0 auto;
    }
    #contents1 ul.camList li{
        
    }


/* collection
-------------------------*/
#collection.subBox .titArea h2 {
	background-size: 70% auto;
}
.inner p.colTit {
	font-size: 15px;
	margin-bottom: 17px;
	text-align: center;
	letter-spacing: -0.025rem;
}
.time .fLeft, .time .fRight {
	width: 100%;
	display: block;
}
.time .fRight {
	text-align: center;
}
.time .fRight img {
	width: 57%;
	height: auto;
}
.time .fLeft p {
	margin: 20px auto;
	width: 96%;
}
.time .defTable01 {
	margin: 0 auto 20px;
}
.defTable01 th, .defTable01 td {
	font-size: 12px;
	line-height: 1;
	padding: 1em;
}
.defTable01 th {
	width: 22%;
	padding: 1em 0.2em;
}
.defTable01 td {
	width: calc( 100% - 22% );
}
#collection .defTable01 th, #collection .defTable01 td{
	border: 1px solid #9ea6b6;
}
.defTable01 td span {
	font-size: 9px;
}
.contactArea {
	padding: 15px 20px;
}
.contactArea p {
	font-size: 15px;
}
.contactArea a {
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	margin-top: 10px;
}
.time .sp-mb2{
	margin-bottom: 20px;
}
    
/* timetable
-------------------------*/
    p.colTit02{
        font-size: 15px;
    }
}

/*-------------------------*/
/* SPレイアウト 480px*/
/*-------------------------*/

@media screen and (max-width: 480px) {
/* aisatsu
-------------------------*/
.txtBox img.photo {
	float: none;
	margin: 20px auto;
	display: block;
}
.txtBox img.name {
	float: none;
	margin-top: 0;
	margin-left: 0;
	max-width: none;
	display: block;
	margin: 0 auto;
}
/* timeslip
-------------------------*/
.bArea .fLeft {
	width: 100%;
	float: none;
}
.bArea .fRight {
	width: 100%;
	float: none;
	margin-top: 20px;
}
.bArea .fRight img {
	width: 100%;
}
/* daigaku
-------------------------*/
.w70 {
	width: 100%;
}
.w30 {
	width: 100%;
	padding-left: 0;
	margin: 10px 0;
}
.timeTit {
	background: url(../images/top/bg_h3.gif) no-repeat left top;
	padding-left: 15px;
	text-align: left;
	margin: 0 0 10px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
}
.fb {
	display: block;
	margin-right: 0;
	line-height: 1.6;
}
.det .fb:nth-child(4) {
	margin-left: 0;
}
/* map
-------------------------*/
.ttableArea .txtBox .inner {
	padding: 0;
}
    
    #contents1 ul.camList{
        width: 60%;
        margin: 0 auto;
    }

}
@media screen and (max-width: 525px){
	.ceremony a {
		display: block;
		margin: 0.25rem 0 0.5rem;
	}
	.homecoming {
		background: url(../images/top/bg_ceremony_sp.jpg) no-repeat center top;
		background-size: cover;
		height: 1020px;
	}
}
@media screen and (max-width: 380px){
	.side_bnr li p {
		width: auto;
	}
	.contact .contact-list li span, .contact .contact-list li:nth-child(2) span{
		font-size: 20px;
		letter-spacing: -0.06rem;
	}
}
@media screen and (max-width: 379px) {
	
	.ceremony a span span.sp_only{
		display: block;
		margin: 0 0;
		padding-left: 0.5em;
	}
}
@media screen and (max-width: 344px){
	#daigaku #contents01 .contactArea a{
		font-size: 10px;
	}
	#daigaku #contents01 .contactArea p a{
		font-size: 12px;
	}
}
@media screen and (max-width: 321px){
	.contact .contact-list li p{
		font-size: 10px;
	}
	.homecoming {
		height: 1050px;
	}
	.target dd{
		font-size: 11px;
	}
	.contact h3{
		font-size: 12px;
	}
	#contents1 ul.camList{
		width: 70%;
	}
	.side_bnr li p{
		line-height: 1.4;
	}
	
}