@charset "utf-8";
@media screen and (max-width : 767.9999px ){
/*--------------------------------------------

	TOP PAGE

--------------------------------------------*/
/*--------------------------------------------

	TOP PAGE - TOPNAVIGATION

--------------------------------------------*/
#topNavi{
	display:none;
}
/*--------------------------------------------

	TOP PAGE - MAINIMAGE

--------------------------------------------*/
#top #mainimage{
	padding:60px 4% 4%;
}
#top #mainimage .calendar{
	right: 0px;
	transform: translate(0,-50%);
}
#top #mainimage .calendar a{
	padding: 40px 12px 35px;
}
#top #mainimage .scroll--down{
	display: none;
}
#top #mainimage .news{
	left: 7%;
	bottom: 7%;
	width:86%;
}
#top #mainimage .news .label{
	font-size:12px;
    width: 80px;
    text-align: center;
	line-height:15px;
	padding:5px 0;
}
#top #mainimage .news .list_01{
	width:auto;
	padding: 0;
}
#top #mainimage .news .list_01 li{
	line-height:15px;
	font-size:12px;
	padding:5px 10px;
}
#top #mainimage .news .list_01 li a{
	height:15px;
	overflow: hidden;
}
#top #mainimage .logos{
	width: 120px;
}
#top #mainimage .bg_01{
	background-image: url(../Image/top/mainimage_sp.jpg);
}
#top #mainimage .bg_01 video{
	display: none;
}
/*--------------------------------------------

	TOP PAGE - SECTION_01

--------------------------------------------*/
#top #sec_01 {
	padding:25px 4% 25px;
}
#top #sec_01 .ttl_01{
	margin:0 0 15px;
}
#top #sec_01 .box_01{
	background:#e9e9e9;
	color:#212121;
	padding:8% 5% 6%;
	margin:0 0 16px;
}
#top #sec_01 .box_01 .inner_01{
	flex-direction: column;
}
#top #sec_01 .box_01 .inner_01 .leftBox{
	width:100%;
	border-right:none;
	padding:0;
	-webkit-writing-mode: horizontal-tb;
	-ms-writing-mode: lr-tb;
	writing-mode: horizontal-tb;
	text-align: center;
	margin:0 0 12px;
}
#top #sec_01 .box_01 .inner_01 .leftBox .jpn{
	font-size:14px;
}
#top #sec_01 .box_01 .inner_01 .leftBox .eng{
	font-size:10px;
}
#top #sec_01 .box_01 .inner_01 .rightBox{
	flex: 1;
	padding:0;
	align-items: flex-start;
}
#top #sec_01 .box_01 .inner_01 .rightBox .imgBox{
	width: 48%;
	height:215px;
	margin:0 4% 0 0;
}
#top #sec_01 .box_01 .inner_01 .rightBox .textBox {
	padding:5px 0 0;
}
#top #sec_01 .box_01 .inner_01 .rightBox .textBox .ttl{
	font-size:14px;
}
#top #sec_01 .box_01 .inner_01 .rightBox .textBox .date{
	color: #5d5d5d;
	margin:0 0 24px;
}
#top #sec_01 .box_01 .inner_01 .rightBox .textBox .content{
	display: none;
}
#top #sec_01 .box_01 .inner_01 .rightBox .textBox .btn_01{
	text-align: left;
}
#top #sec_01 .box_02 .swiper-wrapper .swiper-slide a{
	align-items: flex-start;
}
#top #sec_01 .box_02 .swiper-wrapper .swiper-slide .imgBox{
	width:48%;
}
#top #sec_01 .box_02 .swiper-wrapper .swiper-slide .textBox{
	width:52%;
	padding:4% 40px 4% 4%;
}
#top #sec_01 .box_02 .swiper-wrapper .swiper-slide .textBox .ttl{
	font-size:12px;
}
#top #sec_01 .box_02 .swiper-wrapper .swiper-slide .textBox .date{
	line-height: 1.57;
}
#top #sec_01 .box_02 .swiper-button-prev,
#top #sec_01 .box_02 .swiper-button-next{
	width:60px;
	height:60px;
	background-size:10px;
}
/*--------------------------------------------

	TOP PAGE - SECTION_02

--------------------------------------------*/
#top #sec_02 {
	padding:40px 4% 25px;
}
#top #sec_02 .ttl_01{
	margin:0 0 30px;
}
#top #sec_02 .list_01{
	max-width:100%;
	padding:20px 20px;
	margin:0 auto 10px;
}
#top #sec_02 .list_01 li{
	flex-direction: column;
	padding: 15px 0;
}
#top #sec_02 .list_01 li:not(:last-child){
	margin:0;
    border-bottom: 1px solid #ccc;
}
#top #sec_02 .list_01 li .date{
	width:100%;
	margin:0 0 5px
	}
#top #sec_02 .btn_02{
	padding:0;
}
#top #sec_02 .btn_02 a{
	padding:10px 80px 10px 10px;
}
#top #sec_02 .btn_02 a .button_arrow{
    right: 10PX;
    width: 48px;
}
#top #sec_02 .lineBox{
	left:4%;
	top:10px;
}
#top #sec_02 .lineBox span:nth-child(1){
	width:75px;
}
#top #sec_02 .lineBox span:nth-child(2){
	width:2px;
	background: #fff;
}
#top #sec_02 .lineBox span:nth-child(3){
	width:30px;
}
/*--------------------------------------------

	TOP PAGE - SECTION_03

--------------------------------------------*/
#top #sec_03 {
	padding:25px 4% 25px;
}
/*--------------------------------------------

	TOP PAGE - SECTION_04

--------------------------------------------*/
#top #sec_04 {
	padding:25px 4% 0;
}
#top #sec_04 .ttl_01{
	margin:0 0 15px;
}
#top #sec_04 .box_01{
	padding:10% 8% 8%;
}
#top #sec_04 .box_01 .leftBox{
	display: none;
}
#top #sec_04 .box_01 .rightBox{
	padding:0;
}
#top #sec_04 .box_01 .rightBox .caption{
	font-size:14px;
	margin:0 0 25px;
	text-align: center;
}
#top #sec_04 .box_01 .rightBox ul.flex{
	flex-direction: column;
}
#top #sec_04 .box_01 .rightBox ul.flex li{
	width:100%;
	flex-wrap: nowrap;
}
#top #sec_04 .box_01 .rightBox ul.flex li:nth-child(n+2){
	margin:24px 0 0;
}
#top #sec_04 .box_01 .rightBox ul.flex li .label{
	width:80px;
	font-weight: bold;
}
#top #sec_04 .box_01 .rightBox ul.flex li .value{
	padding:0;
	font-size:13px;
}
#top #sec_04 .box_01 .rightBox ul.flex li .value .ggmapLink{
	color:#26b7bc;
	text-decoration: underline;
	padding-right: 15px;
	background: url(../Image/common/new-window.svg) right center no-repeat;
	background-size: 11px;
}
/*--------------------------------------------

	UNDER - INHERITED FROM STYLE.CSS

--------------------------------------------*/
#content .alignleft {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content .alignright {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------

	UNDER - INHERITED FROM PAGE.CSS

--------------------------------------------*/
#content p {
    margin-bottom: 2em;
}
#content ul {
    margin: 10px 0px 10px 24px;
}
#content ol {
    margin: 10px 0px 10px 24px;
}
#content h4.susume_profile-NAME{
	font-size: 16px;
}
#content h4.susume_profile-NAME .susume_profile-NAME-En{
	font-size: 10px;
}
table.susume_profile-history tr{
	font-size:13px;
}
table.susume_profile-history th{
	font-size:13px;
}
table.susume_profile-history td{
	font-size:13px;
}
/*--------------------------------------------

	UNDER - INHERITED FROM COMMON.CSS

--------------------------------------------*/
#content table.tbl-design01 {
	border-top: 1px solid #968E8B;
	border-bottom: 1px solid #968E8B;
}
#content table.tbl-design01 td,
table.tbl-design01 th {
	width:100%;
	box-sizing: border-box;
	display: block;
	padding: 12px;
}
#content table.tbl-design01 th {
	border-bottom: 1px solid #FFF;
	text-align: left;
	background: #F4EFE9;
	font-weight: normal;
}
#content table.tbl-design01 td {
	background:#fff;
}

#open-hour #content table.tbl-design401 {
	border: 1px solid #968E8B;
}
#open-hour #content table.tbl-design401 td,
#open-hour #content table.tbl-design401 th {
	display: block;
	width:100% !important;
	box-sizing: border-box;
	padding: 12px;
	border: 1px solid #ccc;
}
#kama #content table.tbl-design401 .col_01{
	width:37%;
}
#kama #content table.tbl-design401 .col_02{
	width:21%;
}
#kama #content table.tbl-design401 .col_03{
	width:21%;
}
#kama #content table.tbl-design401 .col_04{
	width:21%;
}
#kama #content table.tbl-design401 td,
#kama #content table.tbl-design401 th {
	padding:10px;
	box-sizing: border-box;
}
#kama #content table.tbl-design401 th {
	white-space:normal;
}
#kama #content table.tbl-design401 th.th-C {
	white-space:normal;
}
#content table.tbl-design401 td {
}
/*--------------------------------------------

	UNDER - INHERITED FROM EVENT.CSS

--------------------------------------------*/
.lecture-entrybtn-detail img {
	width: 210px;
}
/*--------------------------------------------

	UNDER - INHERITED FROM CSS-NEW_ADD.CSS

--------------------------------------------*/
.ennaimapBox {
    height: 277px;
    width: 275px;
	background-size:contain;
}
img#map_togeikan{
	top: 2.5px;
	left: 153.5px;
	width:46.5px;
}
img#map_star{
	top: 29px;
	left: 192.5px;
	width:57.5px;
}
img#map_tanuki{
	top: 42.5px;
	left: 88.5px;
	width:62.5px;
}
img#map_taiyo{
	top: 123px;
	left: 88.5px;
	width:64.5px;
}
img#map_sangyo{
	top: 153px;
	left: 138.5px;
	width:64.6px;
}
img#map_photo{
	top: 180.5px;
	left: 61px;
	width:78px;
}
img#map_kama{
	top: 159.5px;
	left: 17px;
	width:63px;
}
img#map_kensyu{
	top: 198px;
	left: 7.5px;
	width:65.5px;
}
img#map_car{
	top: 212px;
	left: 123px;
	width:74px;
}
/*--------------------------------------------

	UNDER - ADDITIONAL STYLE

--------------------------------------------*/
.under #contents{
	padding:60px 4% 25px;
}
.under #main-title{
	height:200px;
	background-size: cover;
}
.under #main-title .box_01{
	padding:15px 20px 10px;
	display: block;
}
.under #main-title .box_01 .jpn{
	font-size:14px;
	margin:0 0 5px
}
.under #main-title .box_01 .line{
	display: none;
}
.under #main-title .box_01 .eng{
	font-size:10px;
}
.under #breadcrumb{
	padding:30px 0 30px;
}
.under #breadcrumb ul{
	flex-wrap: wrap;
}
.under #breadcrumb ul li{
	font-size:10px;
}
.under #localNavigation{
	margin:0 0 50px;
}
.under #localNavigation ul{
	justify-content: left;
}
.under #localNavigation ul li {
	margin:2px;
}
.under #localNavigation ul li a{
	padding:10px 12px;
	font-size: 11px;
	border-radius: 30px;
}
.under #localNavigation.localNavigation_02{
	flex-wrap: wrap;
	justify-content: left;
}
.under #localNavigation.localNavigation_02 .list_01{
	margin:0;
}
.under #localNavigation.localNavigation_02 .btn-schedule{
	margin: 4px 2px 2px;
}
.under #localNavigation.localNavigation_02 .btn-schedule a{
    padding: 10px 30px;
    font-size: 11px;
}
.under #localNavigation.localNavigation_02 .btn-calendar{
	padding:0;
	margin: 4px 2px 2px;
	border-left:none;
}
.under #localNavigation.localNavigation_02 .btn-calendar a{
    padding: 10px 30px;
    font-size: 11px;
	background: #f4f4f2;
    border-radius: 25px;
    line-height: 120%;
}
.under #localNavigation.localNavigation_02 .btn-calendar a span{
	display: inline-block;
    padding: 0 0 0 22px;
    background: url(../Image/common/icon--calendar.svg) no-repeat center left;
}

.under #TtlBlock {
	padding:0 0 20px;
	margin:0 0 30px;
}
.under #TtlBlock h1{
	font-size:20px;
}
.under #TtlBlock:after {
	width:36px;
	height:1px;
}
#content h2 {
    font-size: 16px;
	padding:10px 18px;
	margin:60px 0 24px;
}
#content h3 {
    font-size: 14px;
	margin:40px 0 16px;
}
#content h4 {
	font-size: 14px;
	margin:26px 0 16px;
	padding:0 0 8px;
}
#content p img{
	max-width:100%;
	height:auto;
}
#about-edu-programs #content img,
#tsuchikko-pamphlet #content img,
#introduce-lecturer #content img{
	height:auto;
}
#content iframe{
	max-width:100%;
}
#content .btn_03{
	padding: 5px 32px 5px 0;
	font-size:12px;
	letter-spacing: 0;
	border: none;
}
#content .btn_03 .button_arrow {
    width: 26px;
}
#content .btn_03 .button_arrow:before {
    width: 18px;
}
/*--------------------------------------------

	UNDER - ARCHIVE

--------------------------------------------*/
.under #content .archive .tab li a{
	padding:18px 5px;
	font-size: 11px;
}
.under #content .archive .tab li span{
    padding-left: 16px;
	background-size: 8px 8px;
}
.under #content .archive.yearly .ttlBox{
	padding: 8% 5% 0;
}
.under #content .archive.yearly .ttlBox h2{
	font-size: 14px;
}
.under #content .archive.yearly .ttlBox select{
    padding: 6px 20px 6px 10px;
    background: url(../Image/common/arrow_06.png) no-repeat 96% center #fff;
    font-size: 11px;
	right: 5%;
	bottom:10px;
	min-width: 120px;
}

.under .archive .list_01{
	padding:10px 0;
}
.under #content .archive .list_01{
	margin:0;
	padding:8% 5% 6%;
}
.under #content .archive .list_01 li{
	padding:15px 0;
	margin:0;
}
.under .archive .list_01 li .imgBox{
	width: 48%;
    height: 215px;
    margin: 0 4% 0 0;
}
.under .archive.yearly .list_01 li .imgBox{
	width: 70px;
    height: 88.15px;
    margin: 0 4% 0 0;
}
#events .archive .list_01 li .imgBox{
    height: 100px;
}
.under .archive .list_01 li .textBox{
	padding: 5px 0 0;
}
.under .archive .list_01 li .textBox .badge{
	font-size:11px;
	margin:0 0 10px;
}
.under .archive .list_01 li .textBox .ttl{
	font-size:14px;
}
.under .archive .list_01 li .textBox .date{
    margin: 0 0 24px;
}
.under .archive.yearly .list_01 li .textBox .date{
    margin: 0 0 14px;
}
.under .archive .list_01 li .textBox .content{
	display: none;
}
.under .archive .list_01 li .textBox .btn_01{
	text-align: left;
}
/*--------------------------------------------

	UNDER - SINGLE

--------------------------------------------*/

.under .single #TtlBlock{
	font-size: 11px;
	padding:0 0 13px;
	margin:0 0 13px;
}
.under .single .titleBox{
	margin:0 0 25px;
}
.under .single .titleBox .title{
	font-size: 16px;
	margin:0 0 10px;
}
.under .single .titleBox .date{
	font-size:12px;
}
.under .single .infoBox {
	padding:24px 6%;
	margin: 0 0 24px;
}
.under .single .infoBox .secInner{
	display: block;
}
.under .single .infoBox .imgBox{
	width: 100%;
    height: auto;
    margin: 0 0 16px;
	position: relative;
}
.under .single .infoBox .imgBox img{
	position: relative;
}
.under #content .single .infoBox .textBox .list_01{
	font-size:12px;
}
#events.under #content .single .infoBox .textBox .list_01{
	display: block;
}
.under #content .single .infoBox .textBox .list_01 li:not(:last-child){
	margin:0 0 16px;
}
#events.under #content .single .infoBox .textBox .list_01 li{
	width:100%;
	margin:0;
}
#events.under #content .single .infoBox .textBox .list_01 li:nth-child(n+2){
	margin:16px 0 0;
}
.under #content .single .infoBox .textBox .list_01 li .label{
	margin:0 0 2px;
}
.under .single .detailBox img{height:auto;
}

/*--------------------------------------------

	UNDER - ABOUT-MORI

--------------------------------------------*/
#about-mori #CtsBlock > p{
	margin:0 auto 45px;
}
#about-mori .list_01{
	margin:0 0 60px;
	border-bottom:1px solid #ccc;
}
#about-mori .list_01 li,
#about-mori .list_01 li:nth-child(2n){
	flex-direction: column;
}
#about-mori .list_01 li .imgBox{
	width:100%;
	padding-top:52%;
}
#about-mori .list_01 li .imgBox{
	background-size: cover;
}
#about-mori .list_01 li .textBox{
	width:100%;
	padding: 6% 4% 10%;
}
#about-mori .list_01 li:last-child .textBox{
	padding-bottom:6%;
}
#about-mori .list_01 li .textBox .number{
	font-size: 24px;
	margin:0 0 18px;
}
#about-mori .list_01 li .textBox .number:after{
	margin:0 0 0 14px;
	height: 24px;
}
#about-mori .list_01 li .textBox .title .sub-title{
	font-size:12px;
	line-height: 1.4;
	margin:0 0 5px;
}
#about-mori .list_01 li .textBox .title .main-title{
	font-size: 18px;
}
#about-mori .list_01 li .textBox .btn_03 a,
#about-mori .list_01 li:nth-child(2) .textBox .btn_03 a{
	padding: 12px 20px;
    background-color: #f4f4f2;
    font-size: 12px;
	width:100%;
	box-sizing: border-box;
	text-align: center;
}
#about-mori .ttl_04 {
    padding: 0 0 20px;
    margin: 0 0 30px;
	font-size:20px;
}
#about-mori .ttl_04:after {
	width: 36px;
    height: 1px;
}
#about-mori .ttl_04 + p {
	margin:0 0 30px;
}
#about-mori .list_02 {
	width:100%;
	flex-direction: column;
}
#about-mori .list_02 li {
	width:100%;
}
#about-mori .list_02 li:nth-child(n+2){
	border-left:none;
}
#about-mori .list_02 li .imgBox{
	height:150px;
}
#about-mori .list_02 li .textBox{
	position: relative;
	padding:20px 4% 25px;
}
#about-mori .list_02 li .textBox .number{
	width:40px;
	line-height: 40px;
	font-size:18px;
}
#about-mori .list_02 li .textBox .ttl_05{
	margin: 0 0 18px;
	padding:0 30px;
}
#about-mori .list_02 li .textBox p{
	font-size:13px;
	line-height: 1.91;
}
#about-mori .list_02 li .btn_04 {
	text-align: center;
	position: absolute;
	bottom:25px;
	left:50%;
	transform: translate(-50%, 0);
}
#about-mori .list_02 li .btn_04 a{
	width: 140px;
    text-align: center;
    line-height: 1;
    font-size: 10px;
    font-family: 'PorterBold';
    box-sizing: border-box;
    padding: 9px;
    border: 1px solid #f4f4f2;
    background: #f4f4f2;
    border-radius: 15px;
	color:#212121;
}
/*--------------------------------------------

	UNDER - CALENDAR

--------------------------------------------*/
#calendars .ttl_02 {
	font-size:20px;
	margin-top:0;
}
#calendars .flexBox {
}
#calendars table.calendar ,
#calendars table.calendar:nth-child(n+5) {
	width: 48%;
	margin:0 0 30px;
}
#calendars table.calendar caption {
	font-size: 10px;
	margin: 0 0 8px;
}
#calendars table.calendar caption span {
	font-size: 16px;
	display: inline-block;
	margin:0 10px 0 0;
}
#calendars table.calendar th,
#calendars table.calendar td {
	padding: 2px;
	font-size: 11px;
}
#calendars table.calendar td.open span {
	padding: 2px;
}
/*--------------------------------------------

	UNDER - BUS TIME TABLE

--------------------------------------------*/
#time-table .note{
	font-size: 12px;
}
#time-table .flex{
	flex-wrap: wrap;
}
#time-table .tableBox{
	width:100%;
}
#time-table .tableBox:nth-child(n+2){
	margin:18px 0 0;
}
#time-table .tableBox .caption{
	margin:0 0 10px;
}
#time-table .tableBox .sheet_01{
}
#time-table .tableBox .sheet_01 th,
#time-table .tableBox .sheet_01 td{
	font-size:12px;
}
#time-table .tableBox .sheet_01 th{
	padding:3px 5px;
}
#time-table .tableBox .sheet_01 td{
	padding:4px 8px;
}
#time-table .tableBox .sheet_01 td.center{
	text-align: center;
}
#time-table .box_03{
	margin:0 0 40px;
}
#time-table .box_03-1,
#time-table .box_03-2{
	width:100%;
}
#time-table .box_03 .tableBox{
	width:100%;
}
#time-table .note-2{
	margin:20px 0 0;
}
#time-table .box_04{
	padding:20px 28px;
}
/*--------------------------------------------

	UNDER - NEWS

--------------------------------------------*/
#news #sec_01 .list_01{
	max-width:100%;
	padding:20px 20px;
	margin:0 auto 10px;
}
#news #sec_01 .list_01 li{
	flex-direction: column;
	padding: 15px 0;
}
#news #sec_01 .list_01 li:not(:last-child){
	margin:0;
    border-bottom: 1px solid #ccc;

}
#news #sec_01 .list_01 li .date{
	width:100%;
	margin:0 0 5px
}


}/*=========== M E D I A Q U E R Y ==========*/