@charset "utf-8";

/* ##### ipad proのlandscape(1366px)のみ ##### */
@media screen and (orientation: landscape) and (max-width: 1366px) {

}



/* ##### 1200px以上 ##### */
@media (min-width: 1200px) {

}



/* ##### 1024px未満 ##### */
@media (max-width: 1024px) {
	.top-header {
		height: 34.999%
		-webkit-calc(100vh - 30vh);
		height: calc(100vh - 30vh);
		-moz-background-size: auto 100%;
		background-size: auto 100%;
	}
	
	.outer-nav {
		height: 30vh;
	}
	
	.drawer-menu {
		width: 100%;
		box-sizing: border-box;
		padding: 3.0rem 10.0rem;
	}
	
	.drawer-menu::after {
		height: 10.0rem;
	}
	
	.inner-header {
		width: 50%;
	}
	
	.fixed-nav > .drawer-menu > .lower-btn-3 > a > span {
		font-size: 1.0rem;
	}
	
	footer {
		height: 40vh;
	}
}



/* ##### ipadのlandscape(1024px)のみ ##### */
@media screen and (orientation: landscape) and (max-width: 1024px) {
	header .top-header {
		height: 60vh;
		height: -webkit-calc(100vh - 40vh);
		height: calc(100vh - 40vh);
		-moz-background-size: auto 130%;
		background-size: auto 130%;
	}
	
	.outer-nav {
		height: 40vh;
	}
	
	.drawer-menu > li > a {
		font-size: 1.6rem;
	}
}



/* ##### 768px未満 ##### */
@media (max-width: 768px) {
	.top-header {
		height: 34.999%
		-webkit-calc(100vh - 35vh);
		height: calc(100vh - 35vh);
		-moz-background-size: auto 100%;
		background-size: auto 100%;
	}

	.outer-nav {
		height: 35vh;
	}
	
	.drawer-menu {
		width: 64.0%;
		width: -webkit-calc(60% + 14.0rem);
		width: calc(60% + 14.0rem);
	}
}



/* ##### iphone6 plusのlandscape(736px) ##### */
@media screen and (orientation: landscape) and (max-width: 736px) {
	
}



/* ##### iphone6のlandscape(667px) ##### */
@media screen and (orientation: landscape) and (max-width: 667px) {
	
}




/* ##### androidのlandscape(640px) ##### */
@media screen and (orientation: landscape) and (max-width: 640px) {
	
}



/* ##### iphone5のlandscape(568px) ##### */
@media screen and (orientation: landscape) and (max-width: 568px) {
	
}


/* ##### 414px未満 ##### */
@media (max-width: 414px) {
	.br::before {
		display: none;
	}
	
	.activities,
	.urushidou {
		padding: 1.0rem;
	}
	
	.top-header {
		height: 100vh;
		-moz-background-size: auto 100%;
		background-size: auto 100%;
	}
	
	.activities > .inner-section > p {
		/*display: none;*/
	}
	
	.urushidou > .inner-section > p {
		text-align: left;
	}
	
	.history, .profile {
		width: 100%;
		float: inherit;
	}
	
	.history > .inner-section > img,
	.profile > .inner-section > img {
		width: 80%;
		float: right;
		margin-left: 1.0rem;
	}
	
	.profile > .inner-section > img {
		float: left;
	}
	
	.history > .inner-section > .border-header,
	.profile > .inner-section > .border-header {
		margin: 1.0rem 0;
		display: inline-block;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	
	.border-header > ruby {
		font-size: 2.0rem;
		padding: 0;
	}
	
	.history .inner-section > .border-header::before,
	.history .inner-section > .border-header::after,
	.profile .inner-section > .border-header::before,
	.profile .inner-section > .border-header::after {
		display: none;
	}
	
	.history > .inner-section > img,
	.profile > .inner-section > img {
		padding: 1.0rem;
	}
	
	section > .inner-section > h3 {
		margin: 1.5rem 0;
		clear: left;
	}
	
	.bottom-link > .inner-section > ul > li figure {
		margin: 0.5rem;
		width: width: 95.169%;
		width: -webkit-calc(100% - 1.0rem);
		width: calc(100% - 1.0rem);
	}
	
	.bottom-link > .inner-section > ul > li figure {
		height: 28.0rem;
	}
	
	.bottom-link > .inner-section > ul > li figure > a {
		height: 100%;
	}
	
	.bottom-link > .inner-section > ul > li figure > a > img {
		width: auto;
		object-fit: cover;
	}
	
	.bottom-link > .inner-section > ul > li > .red-link {
		display: none;
	}
}



/* ##### 375px未満 ##### */
@media (max-width: 375px) {
	
}



/* ##### 360px未満 ##### */
@media (max-width: 360px) {
	
}



/* ##### 321px未満 ##### */
@media (max-width: 321px) {
	
}