@charset "utf-8";
/* CSS Document */

body{
	font-family: Helvetica, Arial, "微軟正黑體", Heiti TC, "メイリオ";
}

figure figcaption {
    font-style: normal; 
    font-size: 16px;
    text-align: center;
	
}
#scroll-story section h1 {
	line-height: 34px;
}
#scroll-story section p {
    font-size: 18px;
}
p a,.p a,a{
	color: #F1375A;
}
.no-touch a:hover {
    color: #da105a;
    text-decoration: underline;
}
h5{
	font-size: 18px;
}
/*---------------------------------------------------------------------------*/
@media only screen and (min-width: 600px){
	h4, .h4 {
		font-size: 17px;
		padding-bottom: 20px;
    	border-bottom: 1px dashed #f1375a;
	}
	#scroll-story section:nth-child(1) h1 {
		line-height: 46px;
	}	
	hr {
		margin: 3em 0 50px;
	}
}
@media only screen and (min-width: 768px){
	#scroll-story section:nth-child(1) h1 {
		line-height: 48px;
	}	
}
@media only screen and (min-width: 1025px){
	#scroll-story section:nth-child(1) h1 {
		line-height: 68px;
	}
	.sidebar {
		float: left;
		max-width: 500px;
		width: 40%;
		margin: 0 0 5% 10%;
		font-size: 1.8em;
	}
	#scroll-story section p {
		font-size: 20px;
	}
	#scroll-story section:nth-child(1) p{
		font-size: 22px;
	}
/*
	.sidebar{
		position: relative;
    	top: -150px;
	}
*/
	[data-page="about"] .outer {
		padding: 5% 5% 5% 20em;
	}
}
@media (min-width:1441px){
	[data-page="about"] .outer {
		padding: 5% 5% 5% 32.5em;
	}
}
@media (max-width:767px){
	nav a:after{
		content: attr(data-name);
	}
}
@media (max-width:480px){
	[data-page="index"] .headline {
		margin-top: 25%;
	}
	[data-page="about"] h4 {
		font-size: 15px;
	}
	[data-page="about"] p ,[data-page="product"] p{
		font-size: 16px;
	}
	#scroll-story section h1 {
		margin-bottom: 20px;
	}
}

/*------------------------------------------------------------*/
[data-page="product"] h4{
	font-weight: bold;
}