@charset "UTF-8";

/* メインレイアウト */
body {
	width: 100%;
	height: auto;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	float: none;
	color: var(--main-color);
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	text-align: justify;
	text-decoration: none;
	text-indent: 0px;
}
/*:::header, main, footerの設定:::*/
.mycss header, .mycss main, .mycss footer{
	width: 100%;
	height: auto;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	float: none;
	color: var(--main-color);
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	text-align: justify;
	text-decoration: none;
	text-indent: 0px;
}
.mycss header{
	margin: 0;
	position: relative;
	z-index: 99;
}
.mycss main{
	display: table;
}
.mycss footer{
	margin: 20px 0 0 0;
}
/*:::#header, #main, #footerの設定:::*/
.mycss #header, .mycss #main, .mycss #footer,
.mycss .header, .mycss .main, .mycss .footer{
	width: 100%;
	max-width:1180px;
	height: auto;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	float: none;
}
.mycss #header{
	width: 100%;
	max-width: 1180px;
	height: auto;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 10px auto;
	padding: 0;
	box-sizing: border-box;
	float: none;
}
.mycss #main{
	width: 100%;
	max-width: 1180px;
	height: auto;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 10px auto!important;
	padding: 0;
	box-sizing: border-box;
	float: none;
}
.mycss #footer{
	width: 100%;
	max-width: 1180px;
	height: auto;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 10px auto;
	padding: 0;
	box-sizing: border-box;
	float: none;
}
/*:::#left-section #right-sectionの設定:::*/
.mycss #section{
	width: 100%;
	margin: 0;
	padding: 0;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mycss #right-section{
	width: 25%;
	margin: 0;
	padding: 0;
	float: right;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mycss #left-section{
	width: 70%;
	margin: 0;
	padding: 0;
	float: left;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*:::::display：noneの設定:::::*/
.mycss .pc{
	width: 100%;
	margin: 0;
	padding: 0;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*960px以下*/
.mycss .tablet{display:none;
}
/*640px以下*/
.mycss .sp{
	display:none;
}

/*▼▼▼ブレイクポイント＝タブレット▼▼▼*/


@media only screen and (max-width: 960px) {
	.mycss #header,.mycss #main,.mycss #footer{
	width: 98%;
	}
	.mycss #left-section{
	width: 100%;
	margin: 0 auto;
	}
	.mycss #right-section{
	display:none;
	}
	.mycss .tablet{
	width: 100%;
	margin: 0;
	padding: 0;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
}

@media only screen and (max-width: 640px) {
	.mycss .pc{
	display:none;
}
.mycss .sp{
	width: 100%;
	margin: 0;
	padding: 0;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

}