/*********************************
 * 縦長(mobile)モード 720px以下
 *********************************/

@media (orientation: portrait){
@media screen and (max-width: 720px) {
	
	/**************************
	 * 画面サイズで変わるもの
	 **************************/

	html, body {
		overflow-x: hidden;
	}
	
	body, input, select, textarea {
		font-size: 12pt;
	}

	p {
		margin: 0 0.2em 0.5em 0.2em;
	}

	h1 {
		font-size: 3em;
	}

	h2 {
		font-size: 2em;
	}

	h3 {
		font-size: 1.5em;
	}

	h4 {
		font-size: 0.8em;
	}

	h5 {
		font-size: 0.6em;
	}

	h6 {
		font-size: 0.6em;
	}
	
	/* 説明を縦に並べる */

	.spotlights > section {
		display: block;
	}

	.spotlights > section > .image {
		width: 100%;
		height: 50vh;
	}

	.spotlights > section > .content {
		width: 100%;
		padding: 1em 0 1em 0;
	}

	.spotlights > section.inactive > .content > .inner,
	body.is-preload .spotlights > section > .content > .inner {
		-moz-transform: translateY(1em);
		-webkit-transform: translateY(1em);
		-ms-transform: translateY(1em);
		transform: translateY(1em);
	}
	
	/* 説明文 */
	.msgarea {
		font-size: 2.8vw;
	}

	/* develop */
	.develop {
		color: black;
		background-color: rgba(63,63,255,0.5);
	}

}}