@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: 45px;
	height: 45px;
	background:#bea770;
	text-align: center;
	margin: 0;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 30px;
	height: 2px;
	background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
	top: 10px;
	left: 10px;
}
.menu-trigger span:nth-of-type(2) {
	top: 25px;
	left: 10px;
}
.menu-trigger span:nth-of-type(3) {
	bottom:25px;
	left: 10px;
}
.menu-trigger span:nth-of-type(4) {
	bottom:10px;
	left: 10px;
}

.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(20px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) ,
.menu-trigger.active span:nth-of-type(3)  {
	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(4) {
	-webkit-transform: translateY(-30px) rotate(45deg);
	transform: translateY(-14px) rotate(45deg);
}

.head_nav{overflow:hidden; }

header nav.sp{
	position:absolute;
	top:45px;
	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;
	}
	.sidenav li a,
	.sidenav li a:link,
	.sidenav li a:visited,
	.sidenav li a:hover,
	.sidenav li a:active {
		color: #010101;
	}
.side_bnr li li:first-child {margin-bottom:0;}

/*=============================
	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;
	padding-top:26px;
}
.contents {
	width:100%;
	float:none;
}

/* sidenav
-------------------------*/
.sidebar {
	width:100%;
	float:none;
}
.side_bnr {
	width:96%;
	margin:0 auto;
}
	.side_bnr li {
		margin-bottom:14px;
		width:45%;
		margin-bottom:45px;
		float:left;
	}
	.side_bnr li:first-child {margin-bottom:45px;}
	.side_bnr li:nth-child(even) {float:right;}
	.side_bnr li p {
		background:#010101;
		padding-left:10px;
		line-height:20px;
		font-size:10px;
		color:#fff;
		text-align:left;
		margin-top:1px;
		width:250px;
	}
	.side_bnr li ul {
		margin:5px 0 0 10px;
		text-align:left;
	}
	.side_bnr li li {
		background:url(../images/common/arw02.gif) no-repeat left 4px;
		padding-left:22px;
		line-height:24px;
		margin-bottom:0;
	}
	.side_bnr li li:first-child {margin-bottom:0;}



/* pagetop
-------------------------*/
#pagetop {}
#totop {
	clear:both;
	width: 60px;
	height: 60px;
	position: fixed;
	bottom: 20px;
	right: 0;
}
#totop a {
	display: block;
}


/* footer
-------------------------*/
footer {border-bottom:36px solid #910000;}
#footer {
	width: 100%;
	margin: 0 auto;
	padding-bottom:38px;
}
.ft_txt {
	width: 96%;
	margin:0 auto;
	float:none;
}
	.ft_txt .ft_logo {margin-bottom:17px;}
	.ft_txt p {
		line-height:30px;
	}

/*=============================
	TopPage setting
===============================*/
#wrap-content {padding-bottom:70px;}
section {
	width:96%;
	margin:0 auto;
}
.news {margin-bottom:60px;}
	.news h2 {
		float:left;
		width:30%;
		height:100%;
		background:#640303;
		line-height:142px;
		color:#fff;
	}
	.news ul {
		width:65%;
		float:right;
		text-align:left;
		margin-top:18px;
	}
	.news li {
		height:48px;
		line-height:24px;
		margin-bottom:10px;
	}
	.news li span {
		width:100%;
		display:block;
	}
	.news li a {
		width: 100%;
		display:block;
	}
.info {
	background:#fce8e8;
	padding:28px 0 50px;
	margin-bottom:60px;
	border-radius: 8px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
	.info h3 {
		color:#910000;
		font-weight:bold;
		padding-top:40px;
		background:url(../images/top/icon01.jpg) no-repeat center top;
		letter-spacing:1px;
		margin-bottom:12px;
		font-size:24px;
	}
	.info p {
		color:#910000;
		line-height:24px;
		text-align:left;
		width:90%;
		margin:0 auto;
	}
.ceremony {margin-bottom:55px;}
.homecoming {
	background:url(../images/top/bg_ceremony.jpg) no-repeat center top;
	height:auto;
	background-size:cover;
	padding:48px 0 40px;
}
	.ceremony h3 {
		letter-spacing:0;
		color:#ffffff;
		font-size:20px;
		line-height:30px;
		margin:0 0 28px 10px;
		text-align:left;
	}
	.ceremony h3 span {
		font-size:16px;
		display:block;
	}
	.ceremony table {
		border-collapse:collapse;
		width:92%;
		margin:0 auto;
		text-align:left;
		color:#fff;
		font-size:14px;
	}
	.ceremony tr {}
	.ceremony th {
		width:24%;
		background:url(../images/top/bg_th.png) no-repeat right 14px;
		font-weight:normal;
		vertical-align:top;
		padding:8px 0;
		line-height:24px;
	}
	.ceremony th:first-child {line-height:30px;}
	.ceremony td span {
		background:url(../images/top/arw01.png) no-repeat 15px 10px;
		border:1px solid #fff;
		line-height:30px;
		width:90%;
		height:30px;
		margin-left:0px;
		display:block;
		float:left;
		padding-left:24px;
		margin-bottom:5px;
	} 
	.ceremony td span.c_txt {
		backgrond:none;
		border:none;
		padding:8px 0 8px 18px;
		line-height:30px;
		width:50px;
		margin:0;
		padding:0;
	}
	.ceremony td {
		padding:8px 0 8px 18px;
		line-height:24px;
	}
	.ceremony p {
		text-align:left;
		line-height:20px;
		margin-top: 10px;
		padding-left:1em;
		text-indent:-1em;
	}
		.ceremony p span {color:#910000;}
	.ceremony a:link,
	.ceremony a:visited,
	.ceremony a:hover,
	.ceremony a:active {
		color: #fff;
		text-decoration:none;
	}
.attendance {margin-bottom:74px;}
	.attendance h3 {margin-bottom:45px;}
	.attendance ul {}
	.attendance li {
		width:100%;
		float:none;
		margin-bottom:30px;
	}
	.attendance li:nth-child(2) {float:right;}
	.attendance li p {
		font-size:22px;
		line-height:80px;
		width:auto;
		height:80px;
	}
	.btn_contact {
		width:100%;
		margin:0 auto;
		height:60px;
	}
		.btn_contact p {
			width:auto;
			height:60px;
			line-height:60px;
			font-size:22px;
			color:#fff;
			background:#404040;
			border-radius: 40px; 
			-webkit-border-radius: 40px;
			-moz-border-radius: 40px;
		}
		.btn_contact p span {
			background:url(../images/top/bg_btn_contact.jpg) no-repeat left 8px;
			padding-left:32px;
		}
		.btn_contact a:link,
		.btn_contact a:visited,
		.btn_contact a:hover,
		.btn_contact a:active {
			color: #fff;
			text-decoration:none;
		}
	.attendance p.txt01 {
		text-align:left;
		line-height:24px;
		margin-top:40px;
	}
		.attendance p.txt01 span {color:#910000;}
.bnr {margin-bottom:90px;}
.target {margin-bottom:50px;}
	.target h3 {margin-bottom:35px;}
	.target ul {}
	.target li {
		border-bottom:1px solid #910000;
		line-height:40px;
		text-align:left;
		font-size:13px;
		margin-bottom:10px;
		letter-spacing:-1px;
	}
	.target li:last-child dd {line-height:24px;}
	.target dt {
		background:#910000;
		width:10%;
		height:40px;
		display:block;
		float:left;
		color:#fff;
		text-align:center;
	}
	.target dd {
		float:right;
		margin-left:0;
		width:85%;
	}
	.target span.txt01 {
		color:#910000;
		font-weight:bold;
		width:30%;
		margin-right:5px;
	}
	.target span.txt02 {color:#910000;}
.notes {
	background:#eaeaea;
	padding:42px 0 20px;
	margin-bottom:50px;
}
	.notes h3 {
		background:url(../images/top/bg_h3.gif) no-repeat left top;
		padding-left:17px;
		text-align:left;
		margin:0 0 34px 10px;
		font-size:24px;
		font-weight:bold;
	}
		.notes h3 span {
			font-size:16px;
			color:#910000;
			margin-left:8px;
		}
	.notes ul {
		width:90%;
		margin:0 auto;
		text-align:left;
	}
	.notes li {
		background:url(../images/top/bg_notes.gif) no-repeat left 4px;
		padding-left:20px;
		line-height:18px;
		margin-bottom:22px;
	}
	.notes li:first-child {
		color:#910000;
		font-weight:bold;
	}
.contact {margin-bottom:50px;}
	.c_ttl {
		background:#910000;
		padding:22px 5px;
		margin-bottom:1px;
	}
	.contact h3 {
		margin-bottom:16px;
		padding-bottom:0;
		color:#fff;
		background:none;
		font-size:16px;
		font-weight:bold;
		letter-spacing:-1px;
		line-height:24px;
	}
		.c_ttl p {
			font-weight:normal;
			font-size:12px;
			color:#fff;
			letter-spacing:-1px;
		}
	.contact h3 {
		color:#fff;
		background:#910000;
		font-size:16px;
		font-weight:bold;
		letter-spacing:-1px;
		line-height:24px;
		padding:22px 5px;
		margin-bottom:1px;
	}
		.contact h3 span {
			background:none;
			line-height:16px;
			height:auto;
			display:block;
			font-weight:normal;
			font-size:12px;
			color:#fff;
			letter-spacing:-1px;
			margin-top:16px;
		}
	.contact ul {
		margin-left:0;
		text-align:center;
	}
	.contact li {
		float:left;
		width:49%;
		background:#404040;
		border-top:2px solid #303030;
		border-left:2px solid #303030;
		border-right:10px solid #303030;
		border-bottom:10px solid #303030;
		padding:32px 10px 38px;
	}
	.contact li:nth-child(1) {margin-right:0;}
	.contact li:last-child {width:50%; float:right;}
	.contact li p {
		line-height:22px;
		color:#fff;
		letter-spacing:-1px;
		height: 35px;
		font-size:14px;
		margin-bottom:14px;
	}
	.contact p.txt01 {text-align:right; margin-top:12px;}
	.contact p span {color:#910000;}
	.contact li img {margin-left:5px;}


/*=============================
	Sub(Lower)Page setting
===============================*/
.contents.sub {
	margin-bottom: 50px;
}
	
/* aisatsu
-------------------------*/
.greeArea .inner { padding: 40px 20px;}

.sub_tit {
	font-size: 20px;
	font-weight: bold;
	padding: 25px 0;
}
.txtBox .inner {
	padding: 30px 20px 37px;
}
	
.txtBox img.photo {
	margin-top: 32px;
}
.txtBox img.name {
	margin-top: 180px;
	margin-left: 10px;
	max-width: 38%;	
}

	
/* timeslip
-------------------------*/
.subBox .inner {
	padding: 20px 20px;
}
.titArea p {
	width: 100%;
}

.subList {
	padding: 20px;
}
.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%;}
	
	
/* map
-------------------------*/
.inner_sub { padding: 20px;}	
	
a.btn01 {
	font-size: 16px;
	line-height: 60px;
	height: 60px;
	max-width: 100%;
}
	

/* daigaku
-------------------------*/
.time {
	padding: 20px 10px;
	border-radius: 8px;
}
.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;
}	
	
	
/* collection
-------------------------*/
.colTit {
    text-align: left;
	display: block;
	margin-bottom: 8px;
}
.colTit span {
	font-size: 14px;
	display: block;
}

#collection .sub_tit02 {
	background: url(../images/collection/arw02.gif) no-repeat left 1px;
    background-size: 20px;
}	
	

}


/*-------------------------*/
/* 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;}

.time {
	background: #eaeaea;
	padding: 20px;
	overflow: hidden;
	border-radius: 10px;
	margin: 20px 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;
}



}