@media screen and (max-width: 1920px) {

	.container.\31 25\25 {
		width: 100%;
		max-width: 1700px;
		min-width: 1360px;
	}

	.container.\37 5\25 {
		width: 1020px;
	}

	.container.\35 0\25 {
		width: 680px;
	}

	.container.\32 5\25 {
		width: 340px;
	}

	.container {
		width: 1360px;
	}

}

@media screen and (max-width: 1680px) {

	.container.\31 25\25 {
		width: 100%;
		max-width: 1500px;
		min-width: 1200px;
	}

	.container.\37 5\25 {
		width: 900px;
	}

	.container.\35 0\25 {
		width: 600px;
	}

	.container.\32 5\25 {
		width: 300px;
	}

	.container {
		width: 1200px;
	}

}

@media screen and (max-width: 1280px) {

	.container.\31 25\25 {
		width: 100%;
		max-width: 1200px;
		min-width: 960px;
	}

	.container.\37 5\25 {
		width: 720px;
	}

	.container.\35 0\25 {
		width: 480px;
	}

	.container.\32 5\25 {
		width: 240px;
	}

	.container {
		width: 960px;
	}
	#nav ul li a span {
		display: block;
		font-size: 80%;
		line-height: 150%;
		color: #bead6e;
	}			

}

@media screen and (max-width: 1000px) {

	.container.\31 25\25 {
		width: 100%;
		max-width: 118.75%;
		min-width: 95%;
	}

	.container.\37 5\25 {
		width: 71.25%;
	}

	.container.\35 0\25 {
		width: 47.5%;
	}

	.container.\32 5\25 {
		width: 23.75%;
	}

	.container {
		width: 95%;
	}

}

@media screen and (max-width: 736px) {

	.container.\31 25\25 {
		width: 100%;
		max-width: 118.75%;
		min-width: 95%;
	}

	.container.\37 5\25 {
		width: 71.25%;
	}

	.container.\35 0\25 {
		width: 47.5%;
	}

	.container.\32 5\25 {
		width: 23.75%;
	}

	.container {
		width: 95%;
	}

}

@media screen and (max-width: 480px) {

	.container.\31 25\25 {
		width: 100%;
		max-width: 118.75%;
		min-width: 95%;
	}

	.container.\37 5\25 {
		width: 71.25%;
	}

	.container.\35 0\25 {
		width: 47.5%;
	}

	.container.\32 5\25 {
		width: 23.75%;
	}

	.container {
		width: 95% !important;
	}

}



@media screen and (max-width: 1100px) {


	.accordion {
		width: 100%;
		position: absolute;
		top: 2.5em;
		right: 0;
		z-index: 99999;
	}

	.accordion p {
		display: block;
		position: absolute;
		top: -56px;
		right: 10px;
		width: 40px;
		height: 40px;
		cursor: pointer;
	}

	.accordion p span {
		background: url("../../images/s-menu.png") no-repeat;
		background-size: contain;
		display: block;
		width: 40px;
		height: 40px;
		text-indent: -9999px;
	}

	#nav {
		display: none;
		position: absolute;
		top: 0px;
		right: 0;
		width: 102%;
		z-index: 99999;
	}

	#nav ul li {
		display: block;
		margin-left: none;
		width: 100%;
		height: 44px;
		background: #000000;
		font-size: 14px;
		text-align: center;
		border-bottom: 1px solid #666;
	}
}

@media screen and (max-width: 900px) {


	.accordion {
		width: 100%;
		position: absolute;
		top: 2.5em;
		right: 0;
		z-index: 99999;
	}

	.accordion p {
		display: block;
		position: absolute;
		top: -56px;
		right: 10px;
		width: 40px;
		height: 40px;
		cursor: pointer;
	}

	.accordion p span {
		background: url("../../images/s-menu.png") no-repeat;
		background-size: contain;
		display: block;
		width: 40px;
		height: 40px;
		text-indent: -9999px;
	}

	#nav {
		display: none;
		position: absolute;
		top: 0px;
		right: 0;
		width: 102%;
		z-index: 99999;
	}

	#nav ul li {
		display: block;
		margin-left: none;
		width: 100%;
		height: 44px;
		background: #000000;
		font-size: 14px;
		text-align: center;
		border-bottom: 1px solid #666;
	}

	#nav ul li a {
		display: block;
		color: #ffffff;
		padding: 15px 0;
		margin: 0;
		font-size: 14px;
		line-height: 14px;
		text-decoration: none;
	}

	#nav ul li a span {
		display: inline-block;
		margin-left: 1em;
	}

}

/*IE10▼*/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	#nav {
		right: 1.5em !important;
		/*上記と同時に使う場合importantが必要*/
	}
}
#nav ul {
	margin: 0;
}

#nav ul li {
	display: inline-block;
	margin-left: 0.1em;
	font-size: 0.8em;
}

#nav ul li a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	line-height: 100%;
	/* padding: 0 0.3em 0 0.3em; */
	outline: 0;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

#nav ul li a:hover {
	color: #bead6e;
}

#nav ul li a span {
	display: block;
	font-size: 80%;
	line-height: 150%;
	color: #bead6e;
}


/* Wide */

@media screen and (max-width: 1920px) {

	/* Basic */

	body,
	input,
	textarea,
	select {
		font-size: 17pt;
	}

	/* Main */

	.main.style2 .content {
		width: 40%;
	}

	.main.style2.right .content {
		left: 60%;
	}

	.main.style2.inactive.left .content {
		left: -40%;
	}

}

/* Normal */

@media screen and (max-width: 1680px) {

	/* Basic */

	body,
	input,
	textarea,
	select {
		font-size: 15pt;
	}

}

/* Narrow */


@media all and (-ms-high-contrast: none) and (max-width: 1280px) {

	/*IE11*/
	_:-ms-lang(x)::-ms-backdrop,
	#home .bana-youtube img {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 1280px) {

	/* Basic */

	body,
	input,
	textarea,
	select {
		font-size: 13pt;
	}

	/* Main */

	.main.style2 .content {
		width: 50%;
	}

	.main.style2.right .content {
		left: 50%;
	}

	.main.style2.inactive.left .content {
		left: -50%;
	}

	/* Home */
	#home .home-sns {
		bottom: 75px;
	}

	#home .home-sns li.sns_instagram {
		max-width: 55px;
		max-height: 55px;
		background: #000000;
		border-radius: 5px;
		/* CSS3草案 */
		-webkit-border-radius: 5px;
		/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;
		/* Firefox用 */
	}

	#home .home-sns li img {
		max-width: 55px;
		width: 100%;
		height: auto;
		border-radius: 5px;
		/* CSS3草案 */
		-webkit-border-radius: 5px;
		/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;
		/* Firefox用 */
	}

	#home .home-sns li.bana-youtube img {
		max-width: 300px;
		width: 100%;
		height: auto;
		border-radius: 5px;
		/* CSS3草案 */
		-webkit-border-radius: 5px;
		/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;
		/* Firefox用 */
	}

	#home .bana img {
		max-width: 300px;
		height: auto;
		border-radius: 5px;
		/* CSS3草案 */
		-webkit-border-radius: 5px;
		/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;
		/* Firefox用 */
	}

	#home .bana_ranking img {
		max-width: 300px;
		height: auto;
		border-radius: 5px;
		/* CSS3草案 */
		-webkit-border-radius: 5px;
		/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;
		/* Firefox用 */
	}

	#home .bana_camp-fire {
		position: absolute;
		right: 30px;
		top: 150px;
	}

	#home .bana_camp-fire img {
		max-width: 300px;
		height: auto;
		border-radius: 5px;
		/* CSS3草案 */
		-webkit-border-radius: 5px;
		/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;
		/* Firefox用 */
	}

}


/* Narrower */

@media screen and (max-width: 1000px) {
	#home .home-sns {
		bottom: 67px;
	}

	#home .home-sns li.sns_instagram {
		max-width: 50px;
		max-height: 50px;
		background: #000000;
		border-radius: 5px;
		/* CSS3草案 */
		-webkit-border-radius: 5px;
		/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;
		/* Firefox用 */
	}

	#home .home-sns li img {
		max-width: 50px;
		width: 100%;
		height: auto;
		border-radius: 5px;
		/* CSS3草案 */
		-webkit-border-radius: 5px;
		/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;
		/* Firefox用 */
	}

	#home .home-sns li.bana-youtube img {
		max-width: 260px;
		height: auto;
		border-radius: 5px;
		/* CSS3草案 */
		-webkit-border-radius: 5px;
		/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;
		/* Firefox用 */
	}


	#home .bana_ranking img {
		max-width: 260px;
		height: auto;
		border-radius: 5px;
		/* CSS3草案 */
		-webkit-border-radius: 5px;
		/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;
		/* Firefox用 */
	}


	#home .bana_camp-fire {
		position: absolute;
		right: 30px;
		top: 135px;
	}

	#home .bana_camp-fire img {
		max-width: 260px;
		height: auto;
		border-radius: 5px;
		/* CSS3草案 */
		-webkit-border-radius: 5px;
		/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;
		/* Firefox用 */
	}


	#home .bana img {
		max-width: 260px;
		height: auto;
		border-radius: 5px;
		/* CSS3草案 */
		-webkit-border-radius: 5px;
		/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;
		/* Firefox用 */
	}
}

@media screen and (max-width: 856px) {
	#home .home-sns {
		right: 0;
		left: 0;
		bottom: 50px;
		display: block;
		width: 100%;
	}

	#home .bana_ranking {
		left: 0;
		right: 50%;
		right: 0;
		top: 50px;
		margin: auto;
	}

	#home .bana_camp-fire {
		left: 50%;
		right: 0;
		top: 50px;
		margin: auto;
	}

	#home .bana {
		left: 0;
		right: 0;
		margin: auto;
	}
}

@media all and (-ms-high-contrast: none) and (min-width: 840px) {

	/*IE11*/
	_:-ms-lang(x)::-ms-backdrop,
	#home .home-sns {
		bottom: 75px;
		display: inline;
		width: auto;
	}
}

@media screen and (max-width: 1000px) {

	/* Basic */

	body,
	input,
	textarea,
	select {
		font-size: 13pt;
	}

	.container>.container {
		width: 100% !important;
	}

	.main.style2 .content {
		width: 60%;
	}

	.main.style2.right .content {
		left: 40%;
	}

	.main.style2.inactive.left .content {
		left: -60%;
	}

	/* Home */
	#home .more {
		position: absolute;
		bottom: 0px;
		left: 0;
		right: 0;
	}


	/* Footer */

	#footer {
		height: auto;
		line-height: inherit;
		text-align: center;
		padding: 2em 1em 2em 1em;
	}

	#footer .actions {
		position: relative;
		left: 0;
		top: 0;
		height: auto;
		line-height: inherit;
		margin: 0 0 1em 0;
	}

	#footer .actions li.privacy a {
		font-size: 14px;
	}

	#footer .menu {
		position: relative;
		right: 0;
		top: 0;
		height: auto;
		line-height: inherit;
	}

	#footer .gotop {
		bottom: 155px;
	}

}


/* Mobile */

@media screen and (max-width: 736px) {

	/* Basic */

	body {
		min-width: 320px;
		font-size: 12pt;
		line-height: 1.5em;
	}

	input,
	textarea,
	select {
		font-size: 12pt;
		line-height: 1.5em;
	}

	h2 {
		font-size: 1.5em;
		letter-spacing: -1px;
	}

	/* Box */

	.box {
		padding: 1em;
	}


	.box.style2 {
		padding: 0.5em 1em;
		background-color: rgba(255, 255, 255, 0.7);
	}

	.box.style2 header {
		margin-bottom: 0.5em;
	}

	.box.style2 h2 {
		font-size: 1.2em;
	}


	/* Home */


	#home .home-sns {
		position: relative;
		right: 0;
		left: 0;
		bottom: 0;
		display: inline;
		margin-bottom: 10px;
	}

	#home .home-sns li.sns_instagram {
		max-width: 65px;
		max-height: 65px;
		background: #000000;
		border-radius: 5px;
		/* CSS3草案 */
		-webkit-border-radius: 5px;
		/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;
		/* Firefox用 */
	}

	#home .home-sns li img {
		max-width: 65px;
		width: 100%;
		height: auto;
		border-radius: 5px;
		/* CSS3草案 */
		-webkit-border-radius: 5px;
		/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;
		/* Firefox用 */
	}

	#home .home-sns li.bana-youtube img {
		max-width: 360px;
		width: 95%;
		height: auto;
	}

	#home .bana {
		position: relative;
		right: 0;
		bottom: 65px;
	}

	#home .bana img {
		max-width: 90%;
		height: auto;
	}

	#home .bana_ranking {
		position: relative;
		right: 0;
		left: 0;
		top: 0;
		top: -50px;
		display: block;
	}

	#home .bana_ranking img {
		max-width: 320px;
		width: 90%;
		height: auto;
	}

	#home .bana_camp-fire {
		position: relative;
		right: 0;
		left: 0;
		top: 0;
		display: block;
	}

	#home .bana_camp-fire img {
		max-width: 90%;
		height: auto;
	}

	#home .more {
		position: absolute;
		bottom: 0px;
		left: 0;
		right: 0;
	}

	#home .more a {
		width: 60px;
		height: 60px;
	}

	/* Main */
	.main.fullscreen {
		height: auto !important;
	}

	.main.style2 {
		padding: 6em 15px 6em 15px;
	}

	.main.style2:before,
	.main.style2:after {
		display: none !important;
	}

	.main.style2 .button.anchored {
		display: none;
	}

	.main.style2 .content {
		width: 100%;
		left: 0% !important;
		text-align: center;
	}

	.main.style2 .tmp {
		width: 100%;
		height: 10em;
		background-size: cover;
	}

	.main.style3 {
		text-align: center;
		padding: 3em 10px 3em 10px;
	}



	/* Header */

	#header {
		height: 2.5em;
		line-height: 2.5em;
	}

	body {
		padding-top: 2.5em;
	}


	#logo {
		display: none;
		text-align: center;
		position: relative;
		left: 0;
		top: 0;
		height: 2.5em;
		line-height: 2.5em;
	}

	#logo img {
		width: 100px;
		height: auto;
	}

	#logo a {
		font-size: 1em;
	}

}