/*	.story
============================== */

div.story article {
	text-align:left;
}
div.story article header {
	text-align:center;
}
div.story article header h2,div.story article header h3, div.story article header p {
	line-height:1.25;
}
div.story article header h2, div.story article header p {
	font-family:'Euphoria-Script';
	font-weight:normal;
	color:#d4207b;
}
div.story article header h2 {
	margin-bottom:-0.6em;
	margin-left:-1.25em;
	color:#aa3c78;
	text-shadow:2px 2px 3px #fff;
}
div.story article header h3 {
	font-weight:normal;
	color:#f0d7dc;
	color:#e84ca4;
	display:inline-block;
	background-color:hsla(0,0%,100%,0.8);
	padding:0 0.5em;
	margin-right:-6.5em;
	-webkit-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	transform: rotate(-4deg);
}
div.story article header p {
	margin-top:0.75em;
}
div.story article div.txt {
	background-color:hsla(0,0%,100%,0.75);
}
div.story article header p span {
	background-image: linear-gradient(transparent 70%, hsla(0,0%,100%,0.5) 70%);
	padding:0 0.5em;
}
div.story article div.txt div.btn {
	text-align:center;
}
div.story article div.txt div.btn a {
	background-color:#f0d7dc;
	color:#d4227b;
	display:inline-block;
	padding:1em 3em;
	text-decoration:none;
	line-height:1.25;
	-webkit-box-shadow:5px 5px 0 0 hsla(0,0%,100%,.5);
	box-shadow:5px 5px 0 0 hsla(0,0%,100%,.5);
}
@media all and (min-width: 768px) {
div.story {
	padding:40px 0;
}
div.story article {
	width:80%;
	max-width:800px;
	margin:0 auto;
}
div.story article header {
	margin-bottom:30px;
}
div.story article header h2 {
	font-size:500%;
}
div.story article header h3 {
	font-size:150%;
}
div.story article header p {
	font-size:250%;
}
div.story article div.txt {
	padding:30px;
}
div.story article div.txt div.btn a {
	font-size:125%;
}
}
@media all and (max-width: 767px) {
div.story {
	padding:25px 20px;
}
div.story article header {
	margin-bottom:20px;
}
div.story article header h2 {
	font-size:12vw;
}
div.story article header h3 {
	font-size:3.5vw;
}
div.story article header p {
	font-size:5vw;
}
div.story article div.txt {
	padding:20px;
}
div.story article div.txt div.btn a {
	font-size:87.5%;
}
}


div.story article > div.mention {
	text-align:center;
}
div.story article > div.mention > p {
	line-height:1.5;
	font-family: "Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"メイリオ",Meiryo,sans-serif;
}
@media all and (min-width: 768px) {
div.story article > div.mention {
	margin-bottom:40px;
}
div.story article > div.mention > p {
	font-size:125%;
}
}
@media all and (max-width: 767px) {
div.story article > div.mention {
	margin-bottom:20px;
}
div.story article > div.mention > p {
	font-size:3vw;
}
}