@charset "utf-8";
/* Media Query
---------------------------------------------------------- */
@media only screen and (min-width: 769px) {


	/* Header
    ---------------------------------------------------------- */

	#header-global nav ul > li a.current {
		background: none;
	}

	#header-global nav ul > li:hover {
		background: #f7f7f7;
	}

	#header-global nav ul > li:hover ul {
		opacity: 1;
		visibility: visible;
	}

	#header-global nav ul > li:hover ul li {
		opacity: 1;
		left: 0;
	}

	#header-global nav ul > li:hover ul li:hover,
	#header-global nav ul > li:hover ul li a.current:hover {
		background: #f0f0f0;
	}

	#header-global nav ul li .fa-angle-down,
	#header-global nav ul li .fa-angle-right {
		display: none;
	}

	/* Header-en
    ---------------------------------------------------------- */

	.page-en #header-global nav ul > li:hover,
	.page-en #header-global nav ul > li.current {
		background: #1e1e1e;
	}

	.page-en #header-global nav ul > li:hover ul li:hover {
		background: #1e1e1e;
	}

	.page-en #header-global .nav-meta .nav-meta-search ul li:hover {
		background: none;
	}

	/* Header-8key
	---------------------------------------------------------- */
	.page-en-8key #header-global nav ul > li:first-child + * + * {
		background: #f7f7f7;
	}

	/* Button
    ---------------------------------------------------------- */
	.btn-border:hover {
		background:#99040c;
		border:1px solid #99040c;
		color:#fff;
	}
	.btn-gray:hover {
		background:#99040c;
		color:#fff;
	}
	.btn-gray:hover::after,
	.btn-border:hover::after {
		opacity: 1;
		right: 10px;
	}

}
@media only screen and (max-width: 768px) {
	.mobile-slide {
		display: block;
	}
	.breadcrumb {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		color: #900;
	}
	.breadcrumb li {
		display: inline;
	}

	body {
		min-width:inherit;
		font-size:13px;
	}

	/* Main
    ---------------------------------------------------------- */
	#main {
		padding:0 0 40px 0;
		background-size:auto 26px;
	}

	/* Header
    ---------------------------------------------------------- */
	#header-global {
		z-index:100;
		height:48px;
		line-height:48px;
		bottom: 0;
	}
	#header-global .area-contents {
		width: auto;
	}
	#header-global .logo {
		float: none;
		width:117px;
		margin: 0 0 0 10px;
	}
	#header-global .logo img {width:117px;}
	#header-global nav {
		float: none;
		height: 0;
		visibility: hidden;
		opacity: 0;
		transition:
				opacity .4s ease,
				visibility .4s ease;
	}
	#header-global nav a {
		color:#fff;
	}

	.nav-global-show #header-global nav {
		height: auto;
		visibility: visible;
		opacity: 1;
	}
	#header-global nav ul {
		float: none;
		background: #f0f0f0;
	}
	.page-home #header-global nav ul {
		background: #3d3d3d;
	}
	#header-global nav > ul > li {
		position: relative;
		left: -5px;
		opacity: 0;
	}
	.nav-global-show #header-global nav > ul > li {
		left: 0;
		opacity: 1;
	}
	.nav-global-show #header-global nav > .nav-global > li:nth-child(1) {
		transition:
				opacity .15s ease .55s,
				left .15s ease .55s;
	}
	.nav-global-show #header-global nav > .nav-global > li:nth-child(2) {
		transition:
				opacity .15s ease .6s,
				left .15s ease .6s;
	}
	.nav-global-show #header-global nav > .nav-global > li:nth-child(3) {
		transition:
				opacity .15s ease .65s,
				left .15s ease .65s;
	}
	.nav-global-show #header-global nav > .nav-global > li:nth-child(4) {
		transition:
				opacity .15s ease .7s,
				left .15s ease .7s;
	}
	.nav-global-show #header-global nav > .nav-header > li:nth-child(1) {
		transition:
				opacity .15s ease .75s,
				left .15s ease .75s;
	}
	.nav-global-show #header-global nav > .nav-header > li:nth-child(2) {
		transition:
				opacity .15s ease .8s,
				left .15s ease .8s;
	}
	.nav-global-show #header-global nav > .nav-header > li:nth-child(3) {
		transition:
				opacity .15s ease .85s,
				left .15s ease .85s;
	}
	.nav-global-show #header-global nav > .nav-header > li:nth-child(4) {
		transition:
				opacity .15s ease .9s,
				left .15s ease .9s;
	}

	.nav-global-show #header-global nav > .nav-meta > li:nth-child(1) {
		transition:
				opacity .15s ease .95s,
				left .15s ease .95s;
	}
	.nav-global-show #header-global nav > .nav-meta > li:nth-child(2) {
		transition:
				opacity .15s ease 1s,
				left .15s ease 1s;
	}
	#header-global nav ul li ul {
		position: static;
		width: auto;
		height: 0;
		padding: 0;
		background: #f7f7f7;
	}
	#header-global nav ul li ul li {
	}
	#header-global nav ul li ul li a {
		padding: 20px;
		border-bottom: 1px #dbdbdb solid;
	}
	#header-global nav ul li .nav-child-show {
		height: auto;
		visibility: visible;
		opacity: 1;
	}
	#header-global nav ul li ul li:nth-child(1),
	#header-global nav ul li ul li:nth-child(2),
	#header-global nav ul li ul li:nth-child(3),
	#header-global nav ul li ul li:nth-child(4),
	#header-global nav ul li ul li:nth-child(5),
	#header-global nav ul li ul li:nth-child(6),
	#header-global nav ul li ul li:nth-child(7) {
		transition:none;
	}
	#header-global nav ul li .nav-child-show li:nth-child(1) {
		transition:
				left .15s ease-in .05s,
				opacity .15s ease-in .05s;
	}
	#header-global nav ul li .nav-child-show li:nth-child(2) {
		transition:
				left .15s ease-in .1s,
				opacity .15s ease-in .1s;
	}
	#header-global nav ul li .nav-child-show li:nth-child(3) {
		transition:
				left .15s ease-in .15s,
				opacity .15s ease-in .15s;
	}
	#header-global nav ul li .nav-child-show li:nth-child(4) {
		transition:
				left .15s ease-in .2s,
				opacity .15s ease-in .2s;
	}
	#header-global nav ul li .nav-child-show li:nth-child(5) {
		transition:
				left .15s ease-in .25s,
				opacity .15s ease-in .25s;
	}
	#header-global nav ul li .nav-child-show li:nth-child(6) {
		transition:
				left .15s ease-in .3s,
				opacity .15s ease-in .3s;
	}
	#header-global nav ul li .nav-child-show li:nth-child(7) {
		transition:
				left .15s ease-in .35s,
				opacity .15s ease-in .35s;
	}

	#header-global nav ul li .nav-child-show li {
		opacity: 1;
		visibility: visible;
		left: 0;
	}
	#header-global nav .nav-global {
		margin: 0;
		font-weight: bold;
	}
	#header-global nav .nav-global li {
		font-size: 14px;
	}
	#header-global nav .nav-header {
		margin: 0;
		overflow: hidden;
	}
	#header-global nav .nav-header li {
		float: left;
		width: 33%;
		font-size: 12px;
	}
	#header-global nav .nav-header li:nth-child(3) {
		width: 34%;
	}
	#header-global nav .nav-header li:last-child {
		width: 50%;
	}
	#header-global nav .nav-header li > a {
		padding: 0 20px;
		border-right: 1px #dadada solid;
	}
	#header-global nav .nav-header li:last-child a {
		border-bottom: none;
	}
	.page-home #header-global nav .nav-header li > a {
		border-right: 1px #575757 solid;
	}
	#header-global nav .nav-header li:nth-child(3) > a {
		border-right: none;
	}
	#header-global nav .nav-meta {
		margin: 0;
	}
	#header-global nav ul .fa-caret-down,
	#header-global nav ul .fa-caret-right {
		display: none;
	}
	#header-global nav ul li {
		float: none;
	}
	#header-global nav ul li a {
		position: relative;
		border-bottom: 1px #dadada solid;
	}
	.page-home #header-global nav ul li a {
		border-bottom: 1px #575757 solid;
	}
	.page-home #header-global nav .nav-meta li:last-child a {
		border-bottom: none;
	}
	#header-global nav ul .nav-meta-search {
		position: relative;
		top: -51px;
		border-top: 1px #dadada solid;
		clear: both;
	}

	#header-global nav ul .ff {
		position: relative;
		top: 0;
		border-top: 1px #dadada solid;
		clear: both;
	}
	#header-global nav ul .nav-meta-search ul {
		position: static;
		width: auto;
		height: auto;
		padding: 0;
		opacity: 1;
		visibility: visible;
		background: #f0f0f0;
	}
	.page-home #header-global nav ul .nav-meta-search ul {
		background: #3d3d3d;
	}
	#header-global nav ul .nav-meta-search a {
		display: none;
	}
	#header-global nav .nav-meta .nav-meta-search ul li {
		opacity: 1;
		visibility: visible;
		left: 0;
	}
	#header-global nav .nav-meta .nav-meta-search ul li .focusArea {
		width: 85%;
	}
	#header-global nav .nav-meta .nav-meta-search ul li .bt {
		width: 15%;
		margin: 0;
		text-align: center;
		border-left: 1px #f0f0f0 solid;
	}
	#header-global nav ul .nav-meta-lang ul {
		position: static;
		width: auto;
		height: 0;
		padding: 0;
		opacity: 1;
		visibility: visible;
		background: #f0f0f0;
	}
	#header-global nav ul .nav-meta-lang ul .current {
		display: none;
	}
	#header-global nav ul .nav-meta-lang > a {
		display: none;
	}
	#header-global nav .nav-meta .nav-meta-lang ul li {
		position: relative;
		top: -53px;
		float: right;
		width: 50%;
		opacity: 1;
		visibility: visible;
		left: 0;
	}
	#header-global nav .nav-meta .nav-meta-lang ul li a {
		border-bottom: none;
	}
	#header-global nav ul li a .fa-angle-down,
	#header-global nav ul li a .fa-angle-right {
		position: absolute;
		right: 10px;
		top: 50%;
		margin: -6px 0 0 0;
		font-size: 18px;
	}
	#header-global .btn-nav-global {
		position:fixed;
		display:block;
		z-index:1;
		transition:right .4s ease;
	}
	/* header-en */

	.header-en#header-global .logo {
		height: 26px;
	}
	.page-en .header-en#header-global .logo img {
		top: 1px;
	}
	.header-en#header-global .logo img {
		top: -24px;
	}
	.page-en #header-global nav ul {
		background: #3d3d3d;
	}
	.page-en #header-global nav ul li ul {
		background: #575757;
	}
	.page-en #header-global nav ul li ul li a {
		border-bottom: 1px #3d3d3d solid;
	}
	.page-en #header-global nav .nav-header li > a {
		border-right: 1px #575757 solid;
	}
	.page-en #header-global nav ul li a {
		border-bottom: 1px #575757 solid;
	}
	.page-en #header-global nav .nav-meta li:last-child a {
		border-bottom: none;
		font-size: 12px;
	}
	.page-en #header-global nav ul .ff {
		position: relative;
		top: 0;
		border-top: 1px #dadada solid;
		clear: both;
	}
	.page-en #header-global nav ul .nav-meta-search {
		border-top: 1px #575757 solid;
	}
	.page-en #header-global nav ul .nav-meta-search ul {
		background: #3d3d3d;
	}
	.page-en #header-global nav .nav-meta .nav-meta-search ul li .bt {
		border-left: 1px #2b2b2b solid;
	}
	.page-en #header-global nav ul .nav-meta-lang ul {
		background: #3d3d3d;
	}

	/****** mobile fade slide *******/

	.mobile-slide {
		position:absolute;
		left:0;
		top:0;
		display:block;
	}

	.mobile-slide li {
		position:absolute;
		left:0;
		top:0;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}

	.mobile-slide li img {
		box-shadow: #000 0em 0em 0em;
	}

	/****** end mobile fade slide *******/

	.google-search {
		width: 100%;
	}

	/* Footer
    ---------------------------------------------------------- */
	#footer {

	}
	#footer::before {
		background: url(/primary2/en/common/img_en/bg_footer_mobile.png) center bottom no-repeat #fff;
		background-size: contain;
	}
	#footer .area-info {
		padding:0 0 30px 0;
		color:#fff;
		font-size:12px;
	}
	#footer .area-info h3 {font-size:13px;}
	#footer .area-info .area-school {
		float:none;
		margin:0 0 30px 0;
		width:auto;
	}
	#footer .area-info .area-school .txt-address {line-height:1.83;}
	#footer .area-info .area-ritsumeikan {
		float:none;
		width:auto;
	}
	#footer .area-info .area-ritsumeikan ul {margin:0;}
	#footer .area-info .area-ritsumeikan ul li {
		float:none;
		margin:10px 0 0 0;
		width:100%;
		letter-spacing:-0.02em;
	}
	#footer .area-info .area-ritsumeikan ul li a {font-size:11px;}
	#footer .area-info .btn-pagetop {
		top: -90px;
		bottom: auto;
	}
	#footer .area-info .btn-pagetop a {
		font-size: 24px;
	}

	#footer .area-meta {padding:30px 0 0 0;}
	#footer .area-meta nav {
		float:none;
		margin:0 0 30px 0;
		text-align:center;
	}
	#footer .area-meta nav ul {margin:-8px 0 0 0;}
	#footer .area-meta nav ul li {margin:8px 0 0 0;}
	#footer .area-info .area-ritsumeikan .footer-group-link {
		float:none;
		width:auto;
	}

	#footer .area-meta nav ul li a {
		padding:0 8px;
		font-size:11px;
		letter-spacing:-0.02em;
	}
	#footer .area-meta nav ul li:first-child a {padding:0 8px 0 0;}
	#footer .area-meta .txt-copyright {
		float:none;
		text-align:center;
	}

	/* Layout
    ---------------------------------------------------------- */
	.area-sec {
		padding:60px 0;
	}
	.area-contents {
		margin:0 20px;
		width:auto;
	}

	/*
    ---------------------------------------------------------- */
	.page-header {
		height: 160px;
		margin: 0;
	}
	.page-header .summary {
		margin: 10px 0 0 0;
		padding: 20px 0 0 0;
	}

	/* Breadcrumb
    ---------------------------------------------------------- */
	.breadcrumb {
		margin:0 auto 40px auto;
		padding:10px;
		width:auto;
		background:#f7f7f7;
	}
	.breadcrumb li {font-size:10px;}
	.breadcrumb li a {
		color:#555;
		text-decoration:none;
	}
	.breadcrumb li .fa {vertical-align:middle;}
	.breadcrumb li .current {color:#900;}
	.breadcrumb li .fa-home {
		margin:-2px 5px 0 0;
		font-size:14px;
	}
	.breadcrumb li .fa-angle-right {
		margin:-3px 8px 0 8px;
		color:#acacac;
		font-size:12px;
	}

	/* Title, Text
    ---------------------------------------------------------- */
	.ttl-page,
	.ttl-sec {text-align:center;}
	.ttl-page .ja,
	.ttl-sec .ja {
		margin:0 0 6px 0;
		font-size:24px;
	}
	.ttl-page .en,
	.ttl-sec .en {font-size:10px;}
	.ttl-page .en span,
	.ttl-sec .en span {
		position:relative;
		padding:0 8px;
	}
	.ttl-page .en span:before,
	.ttl-sec p span:before {
		content:"";
		position:absolute;
		top:6px;
		left:100%;
		width:32px;
		height:1px;
	}
	.ttl-page .en span:after,
	.ttl-sec .en span:after {
		content:"";
		position:absolute;
		top:6px;
		right:100%;
		width:32px;
		height:1px;
	}
	.ttl-page {
		margin:0;
		height:178px;
	}
	.ttl-page .summary {
		margin:15px 0 0 0;
		padding:25px 0 0 0;
	}
	.ttl-page .summary:after {font-size:8px;}
	.ttl-sec {margin:0 0 16px 0;}


	.list-news {
		margin:0 auto 30px auto;
		width:auto;
		background-size:50% auto;
	}
	.list-news {border-top:1px dotted #b4b4b4;}
	.list-news li {border-bottom:1px dotted #b4b4b4;
		display: block;
	}
	.list-news li a {
		display:block;
		padding:10px 0;
		text-decoration:none;
	}

	.list-news li a:after {
		color: #b4b4b4;
		content: "\f105";
		font-family: "FontAwesome";
		font-size: 18px;
		opacity: 1;
		position: absolute;
		right: 5px;
		top:50%;
		margin:0 0 0 0;
		transition: opacity 0.25s ease 0s, right 0.25s ease 0s;
	}

	.list-news li a:hover::after {
		right: 5px;
	}


	.list-news li div {
		display: inline;
	}
	.list-news li span {display:inline-block;}
	.list-news li .date {
		width:auto;
		font-size:10px;
		padding-right: 10px;
	}
	.list-news li .cat {
		width:auto;
		padding:0 8px;
		font-size:11px;
	}
	.list-news li .title {
		width:auto;
		display:block;
		margin:0 20px 0 0;
		padding:0;
	}

	.list-index {margin:0;}
	.list-index li {
		float:none;
		margin:48px 0 0 0;
		padding:0 0 12px 0;
		width:auto;
	}
	.list-index li:first-child {margin:0;}
	.list-index li .photo {margin:0 0 10px 0;}
	.list-index li .title {font-size:16px;}
	.list-index li .title .fa {margin:-2px 6px 0 0;}
	.list-index li .tags {bottom:-10px;}


	/* Page
    ---------------------------------------------------------- */
	.no-youtube {
		display: none;
	}
	#yt-player-cover {
		display: none;
	}
	.page-en #main .area-fullmv {
		background-size:cover;
	}
	.page-en #main .area-fullmv:after {
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,.4);
	}
	.page-en #main .area-fullmv iframe {display:none;}
	.page-en #main .area-fullmv .copy {
		line-height: 1.4;
		font-size: 24px;
	}
	.page-en #main .area-fullmv .copy span {
		display: block;
		font-size: 24px;
	}
	.page-en #main .area-fullmv .scroll {
		bottom:67px;
		z-index:20;
		color:#fff;
	}
	.page-en #main .area-fullmv .scroll .fa {font-size:20px;}
	.page-en #main .area-fullmv .area-news-important p {
		background: #900;
		top: -26px;
		left: -2px;
		border: none;
	}
	.page-en #main .area-fullmv .area-news-important .list-news-important {
		float:none;
		margin: 5px 0 5px 0;
		padding:0;
	}
	.page-en #main .area-fullmv .area-news-important .list-news-important li:first-child {margin:0;}
	.page-en #main .area-fullmv .area-news-important .list-news-important li a {
		font-size:12px;
	}

	.page-en #header-global nav {
		background: #3d3d3d;
	}

	/* .page-home .area-faq .list-faq li a:hover:after {background-size:cover;} */

	/* Title, Text
    ---------------------------------------------------------- */
	.tit-sec {
		margin: 0 0 20px 0;
	}
	.tit-sec .ja {
		margin: 0 0 5px 0;
		font-size: 24px;
	}
	.tit-sec .en span {

	}

	/* Button
    ---------------------------------------------------------- */
	.btn-common {
		padding:16px 0;
		width:100%;
	}
	.btn-gray::after,
	.btn-border::after {
		opacity: 1;
		right: 10px;
	}
	.btn-border::after {
		color: #333333;
	}

	#main .area-local-navi .btn-gray::after,
	#main .area-local-navi .btn-border::after {
		content: none;
	}

	/* Icon
    ---------------------------------------------------------- */

	/* Color, Font, Align
    ---------------------------------------------------------- */
	.br-none {display:none;}
	.sp-visible {
		display: block;
	}

	/*---------------------------------------------------------- */
	/* less than takaoka_responsive.css
    ---------------------------------------------------------- */
	#main {
		padding-top: 48px;
	}
	#header-global .logo {
		/* 		overflow: hidden; */
		height: 26px;
		margin: 11px 0 11px 10px;
	}
	#header-global .logo img {
		top: -26px;
	}
	#header-global nav {
		position: relative;
		z-index: -1;
	}
	#header-global nav {
		overflow: scroll;
		height: 0;
		transition:
				opacity .4s ease,
				visibility .4s ease,
				height .4s ease;
		background: #F0F0ED;
	}
	.page-home #header-global nav {
		background: #3d3d3d;
	}
	.nav-global-show #header-global nav {

		-webkit-overflow-scrolling: touch;
		z-index: 1;
	}
	#header-global nav .nav-meta .nav-meta-search ul li .focusArea {
		-webkit-appearance: none;
		border-radius: 0;
	}
	#header-global nav .nav-meta .nav-meta-search ul li .bt {
		-webkit-appearance: none;
		border-radius: 0;
	}

	#footer .area-info .btn-pagetop {
		position: fixed;
		right: 10px;
		top: auto;
		bottom: 10px;
		width: 44px;
		height: 44px;
		opacity: 0;
		transition: opacity .25s ease;
	}
	#footer .area-info .btn-pagetop-visible {
		opacity: 1;
	}
	#footer .area-info .btn-pagetop-absolute {
		position: absolute;
		right: 0;
		top: -90px;
		bottom: auto;
	}
	#header-global,
	#header-global .btn-nav-global {
		transition: top .25s ease .25s;
	}
	#header-global.header-global-hidden {
		top: -48px;
		transition: top .25s ease .5s;
	}
	#header-global.header-global-hidden .btn-nav-global {
		top: -48px;
		transition: top .25s ease .5s;
	}

	#header-global-guardian,
	#header-global-guardian .btn-nav-global {
		transition: top .25s ease .25s;
	}
	#header-global-guardian.header-global-hidden {
		top: -48px;
		transition: top .25s ease .5s;
	}
	#header-global-guardian.header-global-hidden .btn-nav-global {
		top: -48px;
		transition: top .25s ease .5s;
	}

	/*------------------------------------------
     *	loading
    ------------------------------------------*/

	.loading {
		position:fixed;
		top:50%;
		left:50%;
		width:130px;
		height:130px;
		margin:-100px 0 0 -70px;
		z-index:501;
	}


	.loading_item {
		width:130px;
		height:130px;
	}

	/****** end loading *******/

	/* 160523 en original */
	.page-header .ja {
		font-size: 25px;
	}

	#header-global.header-en nav .nav-global {
		margin: 0;
	}

	#header-global.header-en nav > .nav-global > li:nth-child(5) {
		transition:
				opacity .15s ease .7s,
				left .15s ease .7s;
	}

	#header-global.header-en nav > .nav-global > li:nth-child(6) {
		transition:
				opacity .15s ease .7s,
				left .15s ease .7s;
	}

	#header-global.header-en nav ul li ul li:nth-child(8) {
		transition:
				left .15s ease-in .35s,
				opacity .15s ease-in .35s;
	}

	#header-global nav ul li ul li a {
		padding: 20px;
		font-size: 12px;
	}

	.page-en .area-eight {
		padding: 40px 0;
		margin-top:0;
	}
	.area-eight {
		padding: 40px 0 20px 0;
	}
	.area-eight-in {
		background-size: 50%;
	}
	.area-eight-in .tit-sec span {
		display: block;
	}
	.list-eight {
		margin: 0;
		width: 100%;
	}

	.list-eight li {
		float: none;
		width: auto;
		margin: 0 auto 20px auto;
	}

	.list-eight li div {
		margin-top: 5px;
		font-size: 16px;
	}

	.list-eight li a:hover figcaption {
		display: none;
	}
	.list-eight li a figure img {
		transition: none;
	}
	.list-eight li a:hover figure img {
		transform: none;
	}

	.list-eight li figcaption {
		display: none;
	}

	.list-2column {
		width: auto;
		margin: 0;
	}



	#footer.footer-en .area-info .area-school {
		float: none;
		width: auto;
	}

	#footer.footer-en .area-info .area-ritsumeikan {
		float: none;
		width: auto;
	}

	#footer.footer-en .area-info .area-ritsumeikan ul {
		margin: 0;
	}

	#footer.footer-en .area-info .area-ritsumeikan .footer-group-link:first-child,
	#footer.footer-en .area-info .area-ritsumeikan .footer-group-link:first-child + * {
		width: 100%;
	}

	/*#footer.footer-en .area-info .btn-pagetop {*/
		/*!*top: -90px;*!*/
		/*top: auto;*/
		/*bottom: 10px;*/
	/*}*/
	/****** page-en-accessmap *******/
	.page-en-accessmap .area-kyoto .column-left {
		width: 100%;
		float: none;
		margin: 0 0 30px 0;
	}

	.page-en-accessmap .area-kyoto .column-left img {
		width: 100%;
	}

	.page-en-accessmap .area-kyoto .column-right {
		width: 100%;
		float: none;
	}
	.page-en-accessmap .area-kyoto .column-right p {
		margin:0;
	}

	.page-en-accessmap .isPC {
		display: none;
	}

	.page-en-accessmap .isSP {
		display: inline;
	}

	.page-en-accessmap .isSP p {
		margin-bottom: 30px;
	}

	.page-en-accessmap .area-map {
		margin-bottom: 0;
	}

	.page-en-accessmap .area-map #map_canvas {
		margin-bottom: 10px;
		height: 200px;
	}

	.page-en-accessmap .btn-maps a {
		margin-bottom: 20px;
	}

	/****** page-en-mission *******/
	.page-en-mission .area-four {
		width: auto;
		margin: 0;
		min-width: 100%;
		max-width: 100%;
	}

	.page-en-mission .area-four-in h3 {
		font-size: 13px;
	}

	.page-en-mission .area-four-in .column-item {
		width: 50%;
	}

	.page-en-mission .area-four-in .column-item img {
		/*width: 100%;*/
	}

	.page-en-mission .area-four-in .column-txt {
		height: 64px;
	}

	.page-en-mission .area-message {
		padding-bottom: 20px;
		margin-bottom: 40px;
	}

	.page-en-mission .area-message-in h2 {
		margin-bottom: 25px;
		font-size: 22px;
	}

	.page-en-mission .area-message-in h3 {
		font-size: 18px;
		margin-bottom: 20px;
	}

	.page-en-mission .layout-column-two {
		margin: 0 auto;
	}

	.page-en-mission .column-left {
		width:100%;
		height:300px;
		float:none;
		margin:0 0 20px 0;
		text-align:center;
		overflow:hidden;
	}

	.page-en-mission .column-right {
		width:100%;
		float:none;
	}

	.page-en-mission .list-info {
		margin:0 auto 30px auto;
		width:auto;
		background-size:25% auto;
		border-top:1px dotted #b4b4b4;
	}
	.page-en-mission .list-info li {
		border-bottom:1px dotted #b4b4b4;
		display: block;
	}
	.page-en-mission .list-info li a {
		display:block;
		padding:10px 0;
		text-decoration:none;
	}

	.page-en-mission .list-info dl {
		width: 100%;
	}

	.page-en-mission .list-info dl dt,
	.page-en-mission .list-info dl dd {
		padding-left: 0;
	}

	.page-en-mission .list-info dl dt {
		width: 30%;
	}

	.page-en-mission .list-info dl dd {
		width: 70%;
	}

	.page-en-mission .area-general {
		padding: 0;
	}

	/****** page-education-consistency *******/
	.page-en-integrate #main {
		min-width:inherit;
	}

	.page-en-integrate #footer {
		min-width:inherit;
	}
	.page-en-integrate .area-intro {
		margin-bottom: 40px;
	}
	.page-en-integrate .area-intro .mv {
		width: auto;
		margin-bottom: 50px;
	}
	.page-en-integrate .area-intro .mv::before {
		height: 100px;
	}
	.page-en-integrate .area-intro .mv-item {
		float: left;
		width: 16%;
	}
	.page-en-integrate .txt-intro-summary {
		width: auto;
		margin: 0 20px;
		text-align: left;
	}
	.page-en-integrate .txt-intro-summary br {
		display: none;
	}

	.page-en-integrate .tit-stage {
		font-size: 33px;
		border-bottom: 1px solid #333;
		padding: 0 0 10px 20px;
		margin: 0 0 20px -20px;
		width: 64%;
	}
	.page-en-integrate .sec-stage-2nd .tit-stage {
		padding: 0 0 10px 20px;
		margin: 0 0 20px -20px;
	}
	.page-en-integrate .tit-stage span {
		font-size: 25px;
	}

	.page-en-integrate .sec-stage-1st {
		margin: 0 auto 40px;
		width: auto;
		max-width: none;
		min-width: 0;
	}
	.page-en-integrate .sec-stage-1st .photo {
		float: none;
		width: auto;
	}
	.page-en-integrate .sec-stage-1st .body {
		float: none;
		width: auto;
		margin: 20px;
	}
	.page-education-consistency .tit-stage {
		font-size: 54px;
	}

	.page-en-integrate .txt-stage-theme {
		display: block;
		margin: 0 0 10px 0;
		font-size: 20px;
	}

	/*.page-en-integrate .txt-stage-desc br {*/
	/*display: none;*/
	/*}*/

	.page-en-integrate .txt-stage-tag {
		display: inline-block;
		margin: 0 2px 20px 0;
		text-align: center;
	}
	.page-en-integrate .txt-stage-tag:first-child {
		margin: 0 0 0 10px;
	}

	.page-en-integrate .sec-stage-2nd {
		margin: 0 auto 40px;
		width: auto;
		max-width: none;
		min-width: 0;
	}
	.page-en-integrate .sec-stage-2nd .photo {
		float: none;
	}
	.page-en-integrate .sec-stage-2nd .body {
		float: none;
		width: auto;
		margin: 20px;
		text-align: left;
	}

	.page-en-integrate .sec-stage-3rd {
		margin: 0 auto;
		width: auto;
		max-width: none;
		min-width: 0;
	}
	.page-en-integrate .sec-stage-3rd .photo {
		float: none;
	}
	.page-en-integrate .sec-stage-3rd .body {
		float: none;
		width: auto;
		margin: 20px;
	}
	.page-en-integrate .area-stage-3rd-summary {
		padding: 20px;
	}
	/****** end page-education-consistency *******/

	/****** page-en-network *******/
	.page-en-network .area-campus-in .photo {
		margin-top: 0;
	}
	.page-en-network .area-campus {
		margin-bottom: 0;
	}
	.page-en-network .area-campus-in .photo img {
		margin-top: 0;
	}
	.page-en-network .area-network .list-network li {
		width: auto;
	}

	.page-en-network .area-network .list-network li figcaption p {
		font-size: 12px;
	}
	/****** page-en-8key *******/
	.page-en-8key.international #main {
		min-width:inherit;
	}

	.page-en-8key.international #footer {
		min-width:inherit;
	}

	.page-en-8key.international .page-header {
		min-width:inherit;
	}

	.page-en-8key.international .tit-page {
		padding:40px 0 0 0;
	}

	.page-en-8key .sec-international {
		background:none;
		min-width:inherit;
	}

	.page-en-8key .sec-international .area-head .body .txt-head {
		margin-bottom: 20px;
	}

	.page-en-8key .sec-international .tit-summary {
		text-align:center;
		margin:0 0 20px 0;
		font-size:16px;
		line-height:1.4;
	}

	.page-en-8key .sec-international .tit-summary .font-large {
		font-size:20px;
	}

	.page-en-8key #main .sec-international .txt-summary {
		width:100%;
		margin:0 auto 10px;
		line-height:2.2;
	}

	.page-en-8key .sec-international .world-map-responsive {
		display:block;
		text-align:center;
		margin:0 0 20px 0;
	}

	.page-en-8key .sec-international .slider {
		min-width:inherit;
		height:174px;
		margin:0 0 40px 0;
		overflow:hidden;
	}

	.page-en-8key .sec-international .slide-inner {
		overflow: visible;
		position: relative;
		height:174px;
	}

	.page-en-8key .sec-international .slide {
		left:0;
		position:absolute;
		top:0;
		opacity:0;
	}

	.page-en-8key .sec-international div.visible {
		opacity:1;
		-webkit-transition:opacity 3s linear 1s;
		-moz-transition:opacity 3s linear 1s;
		-ms-transition:opacity 3s linear 1s;
		-o-transition:opacity 3s linear 1s;
		transition:opacity 3s linear 1s;
	}

	.page-en-8key .sec-international .slide div {
		float:left;
	}

	.page-en-8key .sec-international .slide div img {
		box-shadow: 0 0 0 #000;
		height:174px;
		width:auto;
		max-width:inherit;
	}

	.page-en-8key .sec-international .sec-scene {
		padding: 30px 20px;
	}
	.page-en-8key .sec-international .area-head {
		margin-bottom: 20px;
	}

	.page-en-8key .sec-international .area-head .photo {
		display: none;
	}

	.page-en-8key .sec-international .area-head .body {
		float: none;
		width: 100%;
		margin: 0 auto;
	}

	.page-en-8key .sec-international .area-head .body .tit-head {
		font-size: 23px;
		margin-bottom: 20px;
	}

	.page-en-8key .sec-international .isSP {
		display: block;
		margin: 0 -20px 20px -20px;
	}

	.page-en-8key .sec-international .sec-scene-in {
		width: 100%;
		display: block;
	}

	.page-en-8key .sec-international .sec-scene-in .photo,
	.page-en-8key .sec-international .sec-scene-in .body {
		float: none;
		display: block;
		height: auto;
	}

	.page-en-8key .sec-international .sec-scene-1st .body,
	.page-en-8key .sec-international .sec-scene-2nd .body,
	.page-en-8key .sec-international .sec-scene-3rd .body {
		width: 100%;
		margin: 10px 0 0 0;
		text-align: left;
	}

	.page-en-8key .sec-international .sec-scene-2nd .body .txt-scene {
		height: auto;
		display: block;
	}
	.page-en-8key .sec-international .sec-scene-2nd,
	.page-en-8key .sec-international .sec-scene-3rd {
		margin-top: 30px;
	}

	/****** page-en-8key ability *******/

	.page-en-8key .sec-ability .area-intro {
		margin: 0 20px 40px 20px;
	}

	.page-en-8key .sec-ability .area-intro h2 {
		font-size: 23px;
		text-align: center;
		margin-bottom: 20px;
		line-height: 1.2;
	}

	.page-en-8key .sec-ability .area-intro h2 span {
		display: block;
	}

	.page-en-8key .sec-ability .txt-intro-summary {
		font-size: 13px;
		width: 100%;
		margin: 0;
		text-align: left;
	}

	.page-en-8key .sec-ability .txt-intro-summary:first-of-type {
		margin-bottom: 20px;
	}


	.page-en-8key .sec-ability .bg-attachment {
		background-attachment: scroll;
		background-position: center 40%;
		padding: 180px 0 0 0;
	}

	.page-en-8key .sec-ability .sec-program h3 {
		font-size: 23px;
		text-align: center;
		margin-bottom: 30px;
		line-height: 1.2;
	}

	.page-en-8key .sec-ability .sec-program h3 span {
		display: block;
	}

	.page-en-8key .sec-ability .sec-program h4 {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.page-en-8key .sec-ability .sec-program-in {
		position: relative;
		overflow: hidden;
		padding-bottom: 40px;
	}

	.page-en-8key .sec-ability .sec-program-in .photo {
		margin-bottom: 20px;
	}
	.page-en-8key .sec-ability .sec-program-in .body {
		height: auto;
		margin: 0 20px;
		z-index: 1;
	}

	.page-en-8key .sec-ability .sec-program-in .body p {
		width: 100%;
		height: auto;
		display: inline;
		vertical-align: middle;
	}

	.page-en-8key .sec-ability .sec-program-in .number {
		float: none;
		position: absolute;
		bottom: 0;
	}

	.page-en-8key .sec-ability .sec-program-in .number p {
		height: auto;
		display: inline;
		font-size: 100px;
		color: #f0f0f0;
	}

	.page-en-8key .sec-ability .sec-program-1st {
		margin: 0 auto;
		width: 100%;
	}
	.page-en-8key .sec-ability .sec-program-1st .photo {
		float: none;
		padding-right: 55px;
	}
	.page-en-8key .sec-ability .sec-program-1st .body {
		float: none;
		margin-right: 55px;
	}
	.page-en-8key .sec-ability .sec-program-1st .body h4 {
		position: static;
		top: 0;
		left: 0;
	}
	.page-en-8key .sec-ability .sec-program-1st .number {
		right: 10px;
	}


	.page-en-8key .sec-ability .sec-program-2nd {
		margin: 0 auto;
		width: 100%;
		text-align: right;
	}
	.page-en-8key .sec-ability .sec-program-2nd .photo {
		float: none;
		padding-left: 55px;
	}
	.page-en-8key .sec-ability .sec-program-2nd .body {
		float: none;
		text-align: right;
		margin-left: 55px;
	}

	.page-en-8key .sec-ability .sec-program-2nd .body h4 {
		position: static;
		top: 0;
		left: 0;
	}

	.page-en-8key .sec-ability .sec-program-2nd .number {
		float: none;
		left: 10px;
	}

	.page-en-8key .sec-ability .sec-program-3rd {
		margin: 0 auto -40px;
		width: 100%;
	}
	.page-en-8key .sec-ability .sec-program-3rd .photo {
		float: none;
		padding-right: 55px;
	}
	.page-en-8key .sec-ability .sec-program-3rd .body {
		float: none;
		margin-right: 55px;
	}

	.page-en-8key .sec-ability .sec-program-3rd .body p {
		height: auto;
		padding-top: 20px;
	}

	.page-en-8key .sec-ability .sec-program-3rd .body h4 {
		position: static;
		top: 0;
		left: 0;
	}

	.page-en-8key .sec-ability .sec-program-3rd .number {
		float: none;
		right: 10px;
	}

	/****** end page-en-8key ability *******/

	/****** creative *******/

	.creative .main-tit {
		font-family:"Times New Roman",serif;
		font-size:23px;
		margin:0 0 20px 0;
		text-align:center;
	}

	.creative .area-summary {
		margin-bottom: 40px;
	}

	.creative .main-summary {
		width:auto;
		text-align:left;
		margin:0 auto 10px;
	}

	.sec-creative .bg-creative {
		width: 100%;
		height: 150px;
		background-position: 80%;
		margin-bottom: 30px;
		padding: 0;
	}

	.area-creative.area-sec {
		padding: 40px 0;
	}

	.area-creative section {
		position:relative;
		margin: 30px 0 0 0;
		width:auto;
		height:auto;
	}

	.area-creative  section:first-child {
		margin: 0;
	}

	.area-creative .media .area-contents,
	.area-creative .pottery .area-contents {
		position: relative;
		width: 100%;
	}
	.area-creative .media .photo {
		position: static;
		width: auto;
	}
	.area-creative .pottery .photo {
		position: static;
		width: auto;
	}
	.area-creative section .area-contents {margin:0;}
	.area-creative section .body {
		position:static;
		padding: 20px;
		margin: 10px;
		width:auto;
		height: auto;
		border-top:1px solid #f7f7f7;
		/*background: #fff;*/
		text-align: left;
		display: block;
	}
	.area-creative section .body h3 {
		margin:0 0 16px 0;
		font-size:20px;
	}
	.area-creative section .body h3 br {
		display: none;
	}
	.area-creative section .body p {
		/*margin:0 0 20px 0;*/
		line-height:1.53;
	}
	.area-creative .pottery .body {float:none;}
	/****** end-creative *******/

	/****** sport *******/

	.sport .main-tit {
		font-family:"Times New Roman",serif;
		font-size:23px;
		margin:0 0 20px 0;
		text-align:center;
	}

	.sport .area-summary {
		margin-bottom: 40px;
	}

	.sport .area-summary .writing {
		display: none;
	}

	.sport .area-summary .main-summary {
		width:auto;
		text-align:left;
		margin:0 auto 10px;
	}

	.sec-sport .bg-cover {
		width: 100%;
		height: 150px;
		background-position: 65%;
		margin-bottom: 20px;
		padding: 0;
	}

	.sec-sport .area-sport02 {
		margin-bottom: 55px;
	}

	.sec-sport .area-sport02 .list-sport {
		bottom: -30px;
	}

	.sec-sport .area-sport02 .list-sport-in li {
		margin-left: 10px;
		width: 40%;
	}

	.sec-sport .area-sport02 .list-sport-in li:first-child {
		margin-left: -1%;
	}

	.sec-sport .area-sport02 .list-sport-in li img {
		padding: 2px;
	}

	/****** end-sport *******/

	/****** ethic *******/
	.page-en-8key .sec-ethic .area-head {
		margin-bottom: 30px;
	}

	.page-en-8key .sec-ethic .tit-head {
		font-size: 23px;
		margin-bottom: 30px;
	}

	.page-en-8key .sec-ethic .area-head .body,
	.page-en-8key .sec-ethic .area-head .photo {
		width: auto;
		float: none;
		position: relative;
		overflow: hidden;
	}

	.page-en-8key .sec-ethic .area-head .photo {
		margin: 0 -20px 20px -20px;
		height: 180px;
	}

	.page-en-8key .sec-ethic .area-head .photo img {
		margin-top: -40px;
	}

	.page-en-8key .sec-ethic .area-head .body .txt-head {
		margin: 0;
	}

	.page-en-8key .sec-ethic .area-head .body,
	.page-en-8key .sec-ethic .area-head .photo {
		width: auto;
		float: none;
		position: relative;
		overflow: hidden;
	}

	.page-en-8key .sec-ethic .area-head .photo {
		margin: 0 -20px 20px -20px;
		height: 180px;
	}

	.page-en-8key .sec-ethic .area-head .photo img {
		margin-top: -40px;
	}

	.page-en-8key .sec-ethic .area-head .body .txt-head {
		margin: 0;
	}

	.page-en-8key .sec-ethic .area-ethic {
		background: #f0f0f0 none repeat scroll 0 0;
		padding: 30px 0;
	}

	.page-en-8key .sec-ethic .area-ethic-in {
		display: block;
		width: auto;
		margin: 0 20px;
	}

	.page-en-8key .sec-ethic .area-ethic-in .body,
	.page-en-8key .sec-ethic .area-ethic-in .photo {
		width: auto;
		float: none;
		position: relative;
		overflow: hidden;
	}

	.page-en-8key .sec-ethic .area-ethic-in .photo {
		display: block;
		float: none;
		height: 150px;
		margin-bottom: 20px;
	}

	.page-en-8key .sec-ethic .area-ethic-in .photo img {
		margin-top: -30px;
	}

	.page-en-8key .sec-ethic .area-ethic-in .body {
		width: auto;
		display: block;
		float: none;
	}

	.page-en-8key .area-ethic-in .body .txt-ethic {
		margin-bottom:0;
	}

	/****** end-ethic *******/

	/****** art *******/

	.page-en-8key .sec-art .tit-head {
		font-size: 23px;
		margin-bottom: 30px;
	}

	.page-en-8key .sec-art .bg-art {
		margin-bottom: 30px;
	}
	.page-en-8key .sec-art .area-summary {
		width: auto;
		margin: 0 20px 30px;
		text-align: left;
	}

	.page-en-8key .sec-art .area-summary .tit-summary {
		font-size: 20px;
	}

	.page-en-8key .sec-art .area-summary .txt-summary {
		margin:0;
	}

	.page-en-8key .sec-art .area-art {
		padding: 30px 0;
	}
	.page-en-8key .sec-art .area-art-in {
		width: auto;
		display: block;
		margin: 10px auto 0;
	}

	.page-en-8key .sec-art .area-art-in .body,
	.page-en-8key .sec-art .area-art-in .photo {
		width: auto;
		float: none;
		position: relative;
		overflow: hidden;
	}

	.page-en-8key .sec-art .area-art-in .photo {
		display: block;
		float: none;
		margin: 0 10px 20px;
	}

	.page-en-8key .sec-art .area-art-in .body {
		width: auto;
		display: block;
		float: none;
		margin: 0 20px;
	}

	.page-en-8key .area-art-in .body .tit-head {
		margin-bottom: 15px;
	}

	.page-en-8key .area-art-in .body .txt-art {
		margin-bottom:0;
	}

	/****** end-art *******/

	/****** science *******/

	.science .main-tit {
		font-family:"Times New Roman",serif;
		font-size:23px;
		margin:0 0 20px 0;
		text-align:center;
	}

	.science .main-summary {
		width:auto;
		text-align:left;
		margin:0 auto 25px;
	}

	.bg-science {
		background-attachment:scroll;
		background-image: url(/primary2/en/8key/img/science/bg_science.jpg);
		background-position: center 40%;
		background-repeat: no-repeat;
		background-size: cover;
		overflow: hidden;
		position: relative;
		width: 100%;
		z-index: 0;
		padding:180px 0 0 0;
	}

	.area-sience {
		margin:50px 0 0 0;
		overflow:hidden;
	}

	.area-sience .photo {
		float:none;
		text-align:center;
		margin:0 0 25px 0;
	}

	.area-sience .txt {
		width:auto;
		float:none;
	}

	.area-sience .tit-sience {
		font-family:"Times New Roman",serif;
		font-size:20px;
		margin:0 0 15px 0;
		line-height:1.2;
	}


	.area-sience-second .photo {
		float:none;
		margin:0 0 25px 0;
		text-align:center;
	}

	.area-sience-second .txt {
		width:auto;
		float:none;
		margin:0;
	}

	.area-sience-second .txt p {
		width:auto;
	}
	/****** end-science *******/

	/****** english *******/
	.english {
		min-width:inherit;
	}

	.english .br-responsive {
		display:block;
	}

	.english .main-tit {
		font-family:"Times New Roman",serif;
		font-size:23px;
		margin:0 0 25px 0;
		text-align:center;
	}

	.english .main-colum {
		max-width:inherit;
		min-width:inherit;
		margin:0 auto 40px;
	}

	.english .main-colum .photo {
		float:none;
	}

	.english .main-colum .txt {
		float:none;
		margin:-30px auto 0;
		padding:0 0 0 22px;
		width:92%;
		background:url(/primary2/en/8key/img/english/bg_english.png) 0 50% no-repeat;
		background-size:22px auto;
		position:relative;
		z-index:2;
		box-sizing:border-box;
	}

	.english .main-colum .txt p {
		/*background:#fff;*/
		/*border:1px solid #dadada;*/
		/*padding:30px 20px 30px 20px;*/
		margin-top: 50px;
	}

	.english .sub-colum {
		padding:30px 0 30px 0;
		background:#f7f7f7;
	}

	.area-english {
		overflow:hidden;
		margin:0 0 35px 0;
	}

	.area-english .photo {
		float:none;
		margin:0 0 20px 0;
		text-align:center;
	}

	.area-english .txt {
		width:auto;
		float:none;
		margin:0;
	}

	.area-english-second {
		margin:0;
	}

	.area-english-second .photo {
		float:none;
		margin:0 0 20px 0;
	}

	.area-english-second .txt {
		height: auto;
		float:none;
		margin:0;
	}
	/****** end-english *******/

	/****** page-en-place *******/
	.page-en-place {
		min-width:inherit;
	}

	.page-en-place .main-colum {
		max-width:inherit;
		min-width:inherit;
		margin:0 auto 40px;
	}

	.page-en-place .main-colum .photo {
		float:none;
	}

	.page-en-place .main-colum .txt {
		float:none;
		/*margin:-30px auto 0;*/
		padding:0 0 0 27px;
		width:92%;
		background:url(/primary2/en/place/img/bg_place.png) 0 50% no-repeat;
		background-size:18px 123px;
		box-sizing:border-box;
		min-height:184px;
		position:relative;
		z-index:2;
	}

	.page-en-place .main-colum .txt p {
		/*background:#fff;*/
		/*border:1px solid #dadada;*/
		/*padding:30px 20px 30px 20px;*/
		padding: 20px;
	}

	.page-en-place .area-place {
		width:auto;
		margin:40px 0 0 0;
	}

	.page-en-place .area-place .photo {
		margin:0 0 20px 0;
	}

	.page-en-place .area-place .txt {
		padding:0 10px 0 10px;
	}

	/****** end page-en-place *******/

	/****** local-navi *******/

	#main .area-local-navi {
		margin:40px 0 0 0;
		border:none;
		height:auto;
		background:none;
		display: block;
	}

	#main .tit-local-navi {
		font-size:14px;
		line-height:14px;
		color:#fff;
		background:#555;
		padding:14px 0 14px 0;
		text-align:center;
		box-sizing:border-box;
		position:static;
		width:100%;
		margin:0;
		display: block;
	}

	#main .local-navi {
		font-size:12px;
		float:none;
		height:auto;
		padding:0 10px 0 10px;
		float:none;
		border-left:1px solid #b8b8b8;
		border-right:1px solid #b8b8b8;
		border-bottom:1px solid #b8b8b8;
		box-sizing:border-box;
		margin:0;
		width:100%;
		display: block;
	}

	#main .local-navi li {
		float:none;
		height:auto;
		line-height:14px;
		margin:0;
		padding:0;
		border-top:1px solid #b8b8b8;
		border-right:none;
	}

	#main .local-navi li:first-child {
		border-top:none;
	}

	#main .local-navi li a {
		color:#333;
		text-decoration:none;
		padding:15px 10px 15px 0;
		display:block;
		position:relative;
	}

	#main .local-navi li .fa {
		font-size:15px;
		margin:-7px 0 0 7px;
		position:absolute;
		right:0;
		top:50%;
	}

	/****** end local-navi *******/
}