@charset "utf-8";

/* 603～962pxCSSのときのCSS */

/*
body {
	border-top: solid 3px orange!important;
}
*/

/* SWITCH */
.visible-tb {
	display: block;
}

.hidden-tb {
	display: none;
}

/* --------------------------------------------------------------------------------
	Site Styles
-------------------------------------------------------------------------------- */

/* navigation
--------------------------------------------------------------- */

/* visual
--------------------------------------------------------------- */

/* content
--------------------------------------------------------------- */
.card {
	-webkit-box-shadow: 0px 0px 4px #C0C0C0;
	-moz-box-shadow: 0px 0px 4px #C0C0C0;
	box-shadow: 0px 0px 4px #C0C0C0;
}

.unit-50 .card {
	margin: 0 0 2em 0;
}


/* aside
--------------------------------------------------------------- */
.side-banner {
	margin: 0;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
}

/* --------------------------------------------------------------------------------
	Page Styles
-------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------
	Media Queries
-------------------------------------------------------------------------------- */

/* Larger than standard 960 (PC browsers) */
@media only screen and (min-width: 960px) {
}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}

/* --------------------------------------------------------------------------------
	Plugin Style
-------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------
	「わたし」からアクション宣言
-------------------------------------------------------------------------------- */
.action-container {
	display: flex;
	justify-content: space-between;
}

.action-left {
	flex-basis: 25%;
	margin-left: 0;
	margin-right: 0;
}

.action-right {
	flex-basis: 70%;
}