@charset "utf-8";

body{
	font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.product_list{
	flex-wrap: wrap !important;
}

@media screen and (min-width: 1200px){
	#pc-g-nav a{
		text-decoration: none;
	}
	
	#schedule{
		background: #fed312;
		padding: 100px 0 40px;
	}

	#schedule .secInner{
		background: #ffffff;
		width: 100%;
		max-width: 800px;
		margin: 0 auto;
		padding: 40px;
	}

	#schedule .secTitle{
		font-size: 18px;
		font-weight: 600;
		text-align: center;
	}

	.dateFlex{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 20px;
		margin: 40px 0;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}

	.dateHalf{
		width: 50%;
	}
	
	.dateHalf:first-child{
		border-right: 1px solid #ccc;
	}

	.dateHalf h3{
		text-align: center;
		font-size: 14px;
	}

	.date{
		font-size: 28px;
		line-height: 28px;
		font-family: "DIN 2014", sans-serif;
		text-align: center;
		margin: 15px 0 0;
	}

	.date span{
		font-size: 18px;
		font-family: 'Noto Sans JP', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		margin: 0 0.3em;
	}

	#schedule .itemAll{
		display: block;
		background: linear-gradient(to right, rgba(181, 0, 4, 0.6) 50%, #b60005 50%);
		background-size: 200% 100%;
		background-position: right bottom;
		transition: 0.4s;
		color: #ffffff;
		text-align: center;
		font-size: 14px;
		text-decoration: none;
		width: 300px;
		padding: 20px 0;
		position: relative;
		margin: 0 20px;
	}
	#schedule .itemAll:hover{
		background-position: left bottom;
	}

	#schedule .orderAttention{
		display: block;
		background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 50%, #000 50%);
		background-size: 200% 100%;
		background-position: right bottom;
		transition: 0.4s;
		color: #ffffff;
		text-align: center;
		font-size: 14px;
		text-decoration: none;
		width: 300px;
		padding: 20px 0;
		position: relative;
		margin: 0 20px;
	}
	#schedule .orderAttention:hover{
		background-position: left bottom;
	}

	#schedule .itemAll i,
	#schedule .orderAttention i{
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-6px);
		color: #ffffff;
	}

	#pu_wrap{
		background: #ce0d2b;
	}

	.product_list{
		flex-wrap: wrap;
	}

	.product_name{
		margin-bottom: 2rem;
	}

	#pu_wrap .itemAll{
		display: block;
		background: linear-gradient(to right, rgba(181, 0, 4, 0.6) 50%, #b60005 50%);
		background-size: 200% 100%;
		background-position: right bottom;
		transition: 0.4s;
		color: #ffffff;
		text-align: center;
		font-size: 14px;
		text-decoration: none;
		width: 170px;
		padding: 20px 0;
		position: relative;
		margin-right: 10px;
	}

	#pu_wrap .itemAll:hover{
		background-position: left bottom;
	}

	#pu_wrap .orderAttention{
		display: block;
		background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 50%, #000 50%);
		background-size: 200% 100%;
		background-position: right bottom;
		transition: 0.4s;
		color: #ffffff;
		text-align: center;
		font-size: 14px;
		text-decoration: none;
		width: 310px;
		padding: 20px 0;
		position: relative;
		margin-left: 10px;
	}

	#pu_wrap .orderAttention:hover{
		background-position: left bottom;
	}

	#pu_wrap .itemAll i,
	#pu_wrap .orderAttention i{
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-6px);
		color: #ffffff;
	}

	.collectiontop{
		background: #fed312;
	}

	.content-wrap a{
		text-decoration: none;
		display: block;
		background: #ffffff;
		width: 540px;
		margin: 0 auto 3rem;
		font-size: 14px;
		text-align: center;
		padding: 20px 0;
		box-shadow: 0 0 10px rgba(0,0,0,0.1);
		position: relative;
	}
	.content-wrap a i{
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-6px);
	}

	.Disney_copyright{
		display: block;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		text-align: right;
	}

	.Disney_copyright img{
		width: 65px;
	}
}

@media screen and (max-width: 1199px){
	#schedule{
		background: #fed312;
		padding: 40px 20px;
	}

	#schedule .secInner{
		background: #ffffff;
		width: 100%;
		max-width: 800px;
		margin: 0 auto;
		padding: 20px;
	}

	#schedule .secTitle{
		font-size: 16px;
		font-weight: 600;
		text-align: center;
	}

	.dateFlex{
		padding: 20px;
		margin: 20px 0;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}

	.dateHalf{
		width: 100%;
	}
	
	.dateHalf:first-child{
		border-bottom: 1px solid #ccc;
		padding-bottom: 20px;
	}
	
	.dateHalf:last-child{
		padding-top: 20px;
	}

	.dateHalf h3{
		text-align: center;
		font-size: 14px;
	}

	.date{
		font-size: 24px;
		line-height: 24px;
		font-family: "DIN 2014", sans-serif;
		text-align: center;
		margin: 10px 0 0;
	}

	.date span{
		font-size: 18px;
		font-family: 'Noto Sans JP', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		margin: 0 0.3em;
	}

	#schedule .itemAll{
		display: block;
		background: #b50005;
		color: #ffffff;
		text-align: center;
		font-size: 14px;
		text-decoration: none;
		width: 100%;
		padding: 15px 0;
		position: relative;
		margin-bottom: 20px;
	}
	#schedule .itemAll:hover{
		background-position: left bottom;
	}

	#schedule .orderAttention{
		display: block;
		background: #000;
		color: #ffffff;
		text-align: center;
		font-size: 14px;
		text-decoration: none;
		width: 100%;
		padding: 15px 0;
		position: relative;
	}
	#schedule .orderAttention:hover{
		background-position: left bottom;
	}

	#schedule .itemAll i,
	#schedule .orderAttention i{
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-6px);
		color: #ffffff;
	}

	#pu_wrap{
		background: #ce0d2b;
	}

	.product_name{
		margin-bottom: 2rem;
	}

	#pu_wrap .itemAll{
		display: block;
		background: #b50005;
		color: #ffffff;
		text-align: center;
		font-size: 12px;
		text-decoration: none;
		width: 100%;
		padding: 15px 0;
		position: relative;
		margin-bottom: 20px;
	}
	
	.product_list .product_listitem{
		padding: 40px 20px;
	}

	#pu_wrap .itemAll:hover{
		background-position: left bottom;
	}

	#pu_wrap .orderAttention{
		display: block;
		background: #000000;
		color: #ffffff;
		text-align: center;
		font-size: 12px;
		text-decoration: none;
		width: 100%;
		padding: 15px 0;
		position: relative;
		margin-bottom: 0;
	}

	#pu_wrap .orderAttention:hover{
		background-position: left bottom;
	}

	#pu_wrap .itemAll i,
	#pu_wrap .orderAttention i{
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-6px);
		color: #ffffff;
	}

	.collectiontop{
		background: #fed312;
	}

	.content-wrap a{
		text-decoration: none;
		display: block;
		background: #ffffff;
		width: 100%;
		margin: 0 auto 40px;
		font-size: 14px;
		text-align: center;
		padding: 20px 0;
		box-shadow: 0 0 10px rgba(0,0,0,0.1);
		position: relative;
	}
	.content-wrap a i{
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-6px);
	}

	.Disney_copyright{
		display: block;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		text-align: right;
	}

	.Disney_copyright img{
		width: 65px;
	}
}