@charset "utf-8";
/* CSS Document Gallery iframe */
h1,h2,h3,h4,h5,h6{font-size: 100%;}
html{font-size: 62.5%;}
body{
	font-family: 'Josefin Sans',"メイリオ",sans-serif;
	font-size: 1.4em;
	letter-spacing:0.1rem;
	color: #333;
	background: #fdfdfd;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}
::-webkit-scrollbar{width: 10px;}
::-webkit-scrollbar-track{background: #fdfdfd;}
::-webkit-scrollbar-thumb{background: #ccc; border-radius: 8px; border:#ccc solid 1px;}

img{border: none; max-width: 100%;}
a{
	color: #FEB396;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
a:hover{text-decoration: none; color: #F9CC88;}

.main{text-align:center; padding:1em 0;}
.main p{font-size:1.2rem;}
.gensun{visibility:hidden;}

.caption{
	max-width:700px;
	margin: 1em auto 2em;
	padding: 2em 1.5em;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 10px;
}
.caption p{margin: 0 0 1em; line-height:160%; word-wrap: break-word;}

h1{font-size: 1.5rem; font-family: 'Josefin Sans', sans-serif; padding-top:2em;}
.sen{
	height: 1px;
	color: #fff;
	border-top: #ccc 1px dotted;
	border-bottom: medium none;
	border-left: medium none;
	border-right: medium none;
	padding: 0 0 1em;
}

@media screen and (max-width:700px){
	img{width:100%;}
	.gensun{visibility:visible; text-align:right;}
	.caption{width:90%; padding: 0 1.5em; background: #fdfdfd; border:0; border-radius:0;}
}