@charset "utf-8";
/* reset */
#AMY dl,
#AMY dt,
#AMY dd{
	margin: 0;
	padding: 0;
}
/* responsive */
#AMY .pc { display: block; }
#AMY .sp { display: none; }
#AMY img.pc { display: inline; }

/* font-family */
#AMY {
	/*font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "YuGothic M", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", helvetica, sans-serif;*/
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif !important;
}
#AMY .EN {
	font-family: "Source Sans Pro", helvetica, sans-serif;
	font-weight: 400;
}

/* svg */
#AMY svg:not(:root) {
  overflow: hidden;
}

/* width */
#AMY,
#AMY_Header,
#AMY_Slide{
	width: 100%;
	min-width: 768px;
}
#AMY_Whats,
#AMY_Contents {
	max-width: 820px;
	min-width: 768px;
	margin-left: auto;
	margin-right: auto;
}

/* header */
#AMY_Header .Inner {
	max-width: 1000px;
	min-width: 768px;
	padding-top: 48px;
	padding-bottom: 42px;
	margin: 0 auto;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#AMY_Header .Logo {
	float: left;
}
#AMY_Header .Logo {
	width: 290px;
}
#AMY_Header img[src$=".svg"] {
	width: auto;
	height: 50px;
}

/* header - navi*/
#AMY_Header nav {
	position: relative;
	float: right;
	margin-top: 12px;
}
#AMY_Header nav .ActiveBar,
#AMY_Contents .SortWrap .ActiveBar {
	position: absolute;
	left: 0.5em;
	width: 0px;
	background-color: #e4007f;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#AMY_Header nav .ActiveBar {
	height: 4px;
	bottom: -7px;
}
#AMY_Header nav ul {
	list-style: none;
}
#AMY_Header nav ul li {
	display: inline-block;
	font-size: 154%;
	line-height: 1;
	letter-spacing: 0.05em;
	font-weight: 700;
	margin: 0 0 0 30px;
}
#AMY_Header nav ul li a {
	display: inline-block;
	color: #000300;
	text-decoration: none;
}
#AMY_Header nav ul li a:hover {
	opacity: 0.7;
}

/* header - fixed */
.fixed #AMY_Header {
	position: fixed;
	background-color: #FFF;
	top: 0;
	left: 0;
	z-index: 1000;
	-webkit-box-shadow: 0px 3px 9px -3px #CCCCCC;
	-moz-box-shadow: 0px 3px 9px -3px #CCCCCC;
	box-shadow: 0px 3px 9px -3px #CCCCCC;
}
.fixed #AMY_Header .Inner {
	padding-top: 17px;
	padding-bottom: 15px;
}
.fixed #AMY_Header img[src$=".svg"] {
	width: auto;
	height: 44px;
}
.fixed #AMY_Header nav {
	margin-top: 10px;
}
.fixed #AMY_Header nav li {
	font-size: 138%;
}

/* slide */
#AMY_Slide,
#AMY_Slide p {
	width: 100%;
	height: 540px;
}
#AMY_Slide p {
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
#AMY_Slide p img {
	margin-left: auto;
	margin-right: auto;
}

/* slide - image */
#AMY_Slide .Slide01 { background-image: url(http://image.pia.jp/images2/static/pia/piacard/feature/slide01.jpg); }

/* PC版高解像度ディスプレイ用 */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	#AMY_Slide .Slide01 { background-image: url(http://www.pia.co.jp/piacard/images/slide01@2x.jpg); }
}

/* title */
#AMY .Contents_Title {
	position: relative;
	display: inline-block;
	margin-left: -30px;
	font-size: 230%;
	line-height: 1;
	letter-spacing: 0.05em;
	font-weight: 700;
	color: #000300;
}
#AMY .Contents_Title:after {
	position: absolute;
	display: block;
	content: '';
	left: 0;
	bottom: -10px;
	width: 100%;
	height: 3px;
	background-color: #e4007f;
}

/* what's */
#AMY_Whats {
	padding-top: 67px;
	padding-bottom: 40px;
}
#AMY_Whats dl dt {
	font-size: 138%;
	line-height: 1.67;
	letter-spacing: 0.13em;
	color: #000;
	margin-top: 58px;
	margin-bottom: 24px;
}
#AMY_Whats dl dd {
	font-size: 115%;
	line-height: 1.93;
	letter-spacing: 0.06em;
	color: #595757;
}
#AMY_Whats dl dd p {
	margin-top: 1.5em;
}
#AMY_Whats dl dd p:first-child {
	margin-top: 0;
}

/* contents */
#AMY_Contents {
	padding-top: 70px;
}
#AMY_Contents .Contents_Title {
	float: left;
}
#AMY_Contents .Copy {
	font-size: 115%;
	line-height: 1.68;
	letter-spacing: 0.06em;
	color: #595757;
	margin-top: 63px;
	margin-bottom: 34px;
}

/* contents - sortMenu */
#AMY_Contents .SortWrap {
	position: relative;
	float: right;
	font-size: 130%;
	line-height: 1;
	letter-spacing: 0;
	font-weight: 700;
	margin-top: 12px;
}
#AMY_Contents .SortWrap .ActiveBar {
	height: 2px;
	bottom: -1px;
}
#AMY_Contents .Sort {
	list-style: none;
}
#AMY_Contents .Sort li {
	display: inline-block;
	margin: 0 0.5em;
}
#AMY_Contents .Sort li a {
	display: inline-block;
	color: #595757;
	font-weight: 700;
	text-decoration: none;
}
#AMY_Contents .Sort li a:hover {
	opacity: 0.7;
}
#AMY_Contents .Sort li.current a {
	color: #e4007f;
}
#AMY_Contents .Sort li.current a:hover {
	opacity: 1;
}
#AMY_Contents .Sort li:nth-child(1).current a { color: #e4007f; }
#AMY_Contents .Sort li:nth-child(2).current a { color: #ff8c3c; }
#AMY_Contents .Sort li:nth-child(3).current a { color: #80c31f; }
#AMY_Contents .Sort li:nth-child(4).current a { color: #36a6c9; }
#AMY_Contents .Sort li:nth-child(5).current a { color: #9666b1; }
#AMY_Contents .Sort li:nth-child(6).current a { color: #e83524; }
#AMY_Contents .Sort li:nth-child(7).current a { color: #9d6f3d; }

/* contents - entryList */
#AMY_Contents .Entry_Block {
	float: left;
	position: relative;
	width: 260px;
}
#AMY_Contents .Entry_Block a {
	display: block;
	padding: 7px;
	border: solid 1px #d2d2d2;
	background-color: #FFF;
	text-decoration: none;
}
#AMY_Contents .Entry_Block a:hover {
	background-color: #EEEEEE;
}
#AMY_Contents .Entry_Image img {
	width: 100%;
	height: auto;
}
#AMY_Contents .Entry_Data {
	padding: 10px 7px 5px 7px;
}
#AMY_Contents .Entry_Title {
	font-size: 115%;
	line-height: 1.4;
	letter-spacing: 0.06em;
	font-weight: bold;
	color: #000;
	padding-bottom: 60px;
}
#AMY_Contents .Entry_Date {
	position: absolute;
	bottom: 14px;
	right: 14px;
	text-align: right;
	font-size: 108%;
	line-height: 1;
	letter-spacing: 0;
	color: #898989;
}

/* category */
#AMY_Contents .Entry_Category {
	position: relative;
	font-size: 138%;
	line-height: 1;
	letter-spacing: 0.025em;
	font-weight: 700;
	padding-bottom: 5px;
	margin-bottom: 7px;
}
#AMY_Contents .Entry_Category:after {
	position: absolute;
	left: 0;
	bottom: 0px;
	display: block;
	content: '';
	width: 100%;
	height: 1px;
}
#AMY_Contents .Cat_Report .Entry_Category { color: #36a6c9; }
#AMY_Contents .Cat_Report .Entry_Category:after { background-color: #36a6c9; }
#AMY_Contents .Cat_Event .Entry_Category { color: #ff8c3c; }
#AMY_Contents .Cat_Event .Entry_Category:after { background-color: #ff8c3c; }
#AMY_Contents .Cat_News .Entry_Category { color: #80c31f; }
#AMY_Contents .Cat_News .Entry_Category:after { background-color: #80c31f; }
#AMY_Contents .Cat_Column .Entry_Category { color: #9666b1; }
#AMY_Contents .Cat_Column .Entry_Category:after { background-color: #9666b1; }
#AMY_Contents .Cat_PickUp .Entry_Category { color: #e83524; }
#AMY_Contents .Cat_PickUp .Entry_Category:after { background-color: #e83524; }
#AMY_Contents .Cat_Other .Entry_Category { color: #9d6f3d; }
#AMY_Contents .Cat_Other .Entry_Category:after { background-color: #9d6f3d; }

/* icon */
#AMY_Contents .Entry_New {}
#AMY_Contents .Entry_New:before {
	position: absolute;
	top: 0; left: 7px;
	display: block;
	content: '';
	background: url(http://www.pia.co.jp/piacard/images/icon_new.svg) no-repeat left top;
	background-size: 56px 63px;
	width: 56px;
	height: 63px;
}
#AMY_Contents .Entry_Block .Icon {
	position: absolute;
	left: 14px;
	bottom: 14px;
	font-size: 108%;
	line-height: 1.5;
	font-weight: bold;
	color: #FFF;
}
#AMY_Contents .Entry_Block .Icon_Full {
	letter-spacing: 0.5em;
	padding: 0.1em 0 0.1em 0.5em;
	background-color: #54b033;
}
#AMY_Contents .Entry_Block .Icon_Finish {
	letter-spacing: 0.21em;
	padding: 0.1em 0.29em 0.1em 0.5em;
	background-color: #2b61ad;
}
#AMY_Contents .Entry_Block .Icon_Accept {
	letter-spacing: 0.21em;
	padding: 0.1em 0.29em 0.1em 0.5em;
	background-color: #d90026;
}

/* PC のみ */
@media screen and (min-width: 769px) {
	#AMY_Contents .Entry_list {
		margin-left: -20px;
		overflow: hidden;
	}
	#AMY_Contents .Entry_Block {
		margin-bottom: 20px;
		margin-left: 20px;
	}
}

/* タブレット 以下 */
@media screen and (max-width: 768px) {
	#AMY_Contents .Entry_list {
		margin-left: -2.933vw;
		overflow: hidden;
	}
	#AMY_Contents .Entry_Block {
		margin-left: 2.933vw;
		margin-bottom: 3.467vw;
	}
}

/* Bottom */
#AMY .Bottom {
	margin-top: 100px;
	text-align: center;
	margin-bottom: 26px;
}
.btn_style a {
	position: relative;
	display: inline-block;
	text-align: center;
	width: 100%;
	margin: auto auto 4px;
	font-weight: bold;
	text-decoration: none;
	color: #fff !important;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.btn_style a:hover {
	box-shadow: none;
	cursor: pointer;
	top: 4px;
}
.btn_blue a {
	max-width: 320px;
	height: 45px;
	font-size: 123%;
	line-height: 45px;
	background-color: #2365db;
	-webkit-box-shadow: 0 4px 0 #184ba5;
	box-shadow: 0 4px 0 #184ba5;
}
@media screen and (max-width:768px) {
	.btn_blue a {
		max-width: 88.8vw;
		height: 45px;
		font-size: 15px;
		line-height: 45px;
	}
}

/* タブレット 以下 */
@media screen and (max-width: 768px) {
	/* reset */
	#AMY { font-size: 10px; }
	
	/* responsive */
	#AMY .pc { display: none; }
	#AMY .sp { display: block; }
	#AMY img.sp { display: inline; }
	#AMY img {
		width: 100%;
		height: auto;
	}

	/* width */
	#AMY,
	#AMY_Header,
	#AMY_Slide{
		width: 100%;
		min-width: initial;
	}
	#AMY_Whats,
	#AMY_Contents {
		max-width: initial;
		min-width: initial;
		width: 88.8vw;
		margin-left: auto;
		margin-right: auto;
	}

	/* header */
	#AMY_Header .Inner {
		position: relative;
		max-width: initial;
		min-width: initial;
		height: auto;
		
		margin: 0;
		padding: 3.067vw 2.933vw;
		box-sizing: border-box;
	}
	#AMY_Header .Logo {
		margin-left: 0;
	}
	#AMY_Header .Logo,
	#AMY_Header img[src$=".svg"] {
		width: 44.933vw;
		height: auto;
	}
	
	/* header - navi*/
	#AMY_Header nav {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		margin-top: 0;
		background-color: rgba(255,255,255,0.85);
		width: 100vw;
		padding-left: 5.6vw;
		padding-right: 5.6vw;
		padding-bottom: 2.133vw;
		box-sizing: border-box;
		z-index: 1000;
		-webkit-box-shadow: 0px 3px 9px -3px #CCCCCC;
		-moz-box-shadow: 0px 3px 9px -3px #CCCCCC;
		box-shadow: 0px 3px 9px -3px #CCCCCC;
	}
	#AMY_Header nav .ActiveBar,
	#AMY_Contents .SortWrap .ActiveBar {
		display: none;
	}
	#AMY_Header nav ul li {
		display: block;
		font-size: 250%;
		margin: 0;
		vertical-align: top;
	}
	#AMY_Header nav ul li a {
		display: block;
		padding: 4.533vw 0 2.4vw;
		opacity: 1;
		border-top: solid 1px #898989;
	}
	#AMY_Header nav ul li:first-child a {
		border-top: none;
	}
	#AMY_Header nav ul li a:hover {
		opacity: 1;
	}
	
	/* header - menuIcon */
	#AMY_Header .MenuIcon {
		position: absolute;
		top: 2.933vw;
		right: 2.933vw;
		width: 8.533vw;
		height: 8.533vw;
		background-color: #231815;
		cursor: pointer;
	}
	#AMY_Header .MenuIcon span {
		position: absolute;
		display: block;
		height: 2px;
		width: 4vw;
		background-color: #FFF;
		left: 2.267vw;
		top: 47.438%;
	}
	#AMY_Header .MenuIcon span:nth-child(1) { transform: rotate(0deg) translateY(-2vw); }
	#AMY_Header .MenuIcon span:nth-child(3) { transform: rotate(0deg) translateY(2vw); }
	#AMY_Header .MenuIcon.BtnOpen span:nth-child(1) { transform: rotate(-45deg); }
	#AMY_Header .MenuIcon.BtnOpen span:nth-child(2) { opacity: 0; }
	#AMY_Header .MenuIcon.BtnOpen span:nth-child(3) { transform: rotate(45deg); }

	/* header - fixed */
	.fixed #AMY_Header .Logo,
	.fixed #AMY_Header img[src$=".svg"] {
		width: 44.933vw;
		height: auto;
	}
	.fixed #AMY_Header .Inner {
		padding-top: 3.067vw;
		padding-bottom: 3.067vw;
	}
	.fixed #AMY_Header nav {
		margin-top: 0;
	}
	.fixed #AMY_Header nav li {
		font-size: 250%;
	}
	
	/* slide */
	#AMY_Slide,
	#AMY_Slide p,
	#AMY_Slide p img {
		width: 100vw;
		height: auto;
	}
	#AMY_Slide p { background-image: none; }

	/* title */
	#AMY .Contents_Title {
		margin-left: 0;
		font-size: 215%;
	}
	#AMY .Contents_Title:after {
		bottom: -3px;
		height: 2px;
	}

	/* what's */
	#AMY_Whats {
		padding-top: 40px;
		padding-bottom: 20px;
	}
	#AMY_Whats dl dt {
		margin-top: 30px;
		margin-bottom: 12px;
	}
	#AMY_Whats dl dd {
		color: #000300;
	}

	/* contents */
	#AMY_Contents {
		padding-top: 40px;
	}
	#AMY_Contents .Contents_Title {
	}
	#AMY_Contents .Copy {
		margin-top: 30px;
		margin-bottom: 15px;
		color: #000300;
	}

	/* contents - sortMenu */
	#AMY_Contents .SortWrap {
		position: relative;
		float: right;
		font-size: 130%;
		line-height: 1;
		letter-spacing: 0;
		font-weight: 700;
		margin-top: 6px;
	}
	#AMY_Contents .SortWrap:after {
		position: absolute;
		top: 0;
		right: 0.5em;
		display: block;
		content: '';
		width: 0.7em;
		height: 0.7em;
		border-right: solid 1px #898989;
		border-bottom: solid 1px #898989;
		transform: rotate(45deg);
		z-index: 10;
	}
	#AMY_Contents .SortWrap .ActiveCategory {
		text-align: right;
		font-weight: 700;
		padding-right: 5.866vw;
		margin-right: 1px;
		cursor: pointer;
		color: #e4007f;
		width: 5em;
	}
	#AMY_Contents .Sort {
		display: none;
		position: absolute;
		top: -2.933vw;
		right: -2.677vw;
		padding: 0 8.533vw 0 3.733vw;
		border: solid 1px #898989;
		background-color: #FFF;
		z-index: 1;
		text-align: right;
	}
	#AMY_Contents .Sort li {
		display: block;
		margin: 0;
	}
	#AMY_Contents .Sort li a {
		display: block;
		color: #595757;
		font-weight: 700;
		text-decoration: none;
		padding: 2.933vw 0 2.933vw 0.5em;
		border-top: solid 1px #898989;
	}
	#AMY_Contents .Sort li:first-child a {
		border-top: none;
	}
	#AMY_Contents .Sort li a:hover {
		opacity: 1;
	}

	/* contents - entryList */
	#AMY_Contents .Entry_Block {
		width: 42.9vw;
	}
	#AMY_Contents .Entry_Block a {
		padding: 5px;
	}
	#AMY_Contents .Entry_Block a:hover {
		background-color: #FFF;
	}
	#AMY_Contents .Entry_Data {
		padding: 10px 0px 0px 0px;
	}
	#AMY_Contents .Entry_Title {
		font-size: 115%;
		line-height: 1.4;
		letter-spacing: 0.06em;
		padding-bottom: 13.33vw;
	}
	#AMY_Contents .Entry_Date {
		right: 5px;
		bottom: 5px;
		font-size: 108%;
	}

	/* category */
	#AMY_Contents .Entry_Category {
		position: relative;
		font-size: 138%;
		padding-bottom: 5px;
		margin-bottom: 7px;
	}
	#AMY_Contents .Entry_Category:after {
		position: absolute;
		left: 0;
		bottom: 0px;
		display: block;
		content: '';
		width: 100%;
		height: 1px;
	}

	/* icon */
	#AMY_Contents .Entry_New {}
	#AMY_Contents .Entry_New:before {
		top: 0; left: 5px;
		background: url(http://www.pia.co.jp/piacard/images/icon_new.svg) no-repeat left top;
		background-size: 34px auto;
		width: 34px;
		height: 38px;
	}
	#AMY_Contents .Entry_Block .Icon {
		left: 5px;
		bottom: 5px;
		font-size: 100%;
	}
	#AMY_Contents .Entry_Block .Icon_Full {
		letter-spacing: 0.5em;
		padding: 0.1em 0 0.1em 0.5em;
	}
	#AMY_Contents .Entry_Block .Icon_Finish,
	#AMY_Contents .Entry_Block .Icon_Accept {
		letter-spacing: 0.21em;
		padding: 0.1em 0.29em 0.1em 0.5em;
	}



}