@charset "UTF-8";

/*==============================================
全体レイアウトのメディアクエリ
	PC : 1024～
	・タブレット
	iPad : 768 × 1024px
	・スマートフォン
	平均的：320 × 480
	iPhone6 : 375 × 667px
	iPhone6 Plus : 414 × 738px
==============================================*/
.Contents:after{
	clear:both;
	content:" ";
	display:block;
}
/* SP幅 */
@media screen and (max-width: 768px) {
	.PcView {
		display: none !important;
	}
}
/* PC幅 */
@media screen and (min-width: 768px){
	 .SpView {
		display: none !important;
	}
}
/* PC */
@media only screen and (min-width: 1250px) {
	body {
		background: #fff;
	}
	.Wrap{
		width:100%;
		margin:0 auto;
	}
	.Contents{
		width: 1250px;
		margin: 0 auto;
		display : flex;
		justify-content:center;
		flex-direction: row;
		flex-wrap: wrap;
		background: #fff;
	}
	.Main_Column{
		float: left;
		width: 820px;
		margin: 0 30px 60px 0;
	}
	.Side_Column{
		float: right;
		width: 400px;
	}
	.Main_Column_01{
		float: none;
		width: 820px;
		margin: 0;
	}
}
/* iPadなど　変更後暫定 
@media only screen and (min-width: 500px) and (max-width: 1024px) {
	body .Wrap{
		overflow: visible !important;
	}
	body {
		background: #fff;
	}
	.Wrap{
		width:100%;
		margin:0 auto;
	}
	.Contents{
		width: 960px;
		margin: 10px auto 0 auto;
		margin-top:2px;
		background: #fff;
	}
	.Main_Column{
		width: 628px;
		float: left;
		margin-left:10px;
	}
	.Side_Column{
		width: 300px;
		float: right;
		margin-right:10px;
	}
	.Wrap .Header_Inner{
		padding:0 10px;
	}
	.Wrap nav.ContentNavi01{
		padding: 0 10px;
	}
	footer.PcFooter dl.FootSiteTitle{
		padding:32px 10px;
	}
	footer.PcFooter .FootWrap{
		padding: 0 10px;
	}
}
*/
/* iPadなど 元々の状態 */
@media only screen and (min-width: 767px) and (max-width: 1250px) {
	body {
		background: #fff;
	}
	.Wrap{
		width:100%;
		margin:0 auto;
	}
	.Contents{
		margin: 0 auto;
	/*	padding-top: 21px; */
		display : flex;
		justify-content:center;
		flex-direction: row;
		flex-wrap: wrap;
		background: #fff;
	}
	.Main_Column{
		float: left;
		width: 65%;
		width: calc(100% / 3 * 2 - 20px);
		margin: 0 30px 60px 0;
	}
	.Side_Column{
		float: right;
		width: 29%;
		width: calc(100% / 3 * 1 - 10px);
	}
	.Main_Column_01{
		float: none;
		width: 65%;
		width: calc(100% / 3 * 2 - 20px);
		margin: 0;
	}
}

/* スマホ */
@media only screen and (min-width: 320px) and (max-width: 766px) {
	body {
		background: #fff;
	}
	.Wrap{
		width:100%;
		margin:0 auto;
	}
	.Contents{
		margin:0 auto;
		margin-top:2px;
		flex-direction: column;
		align-content: space-around;
	}
	.Main_Column{
		float:none;
	}
	.Side_Column{
		float:none;
	}
}