@charset "UTF-8";

/*基本設定
-----------------------------------------*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
li {
list-style: none;
}
a img {
border: none;
}
img {
vertical-align: bottom;
}
ruby{
	line-height:1;
	}
rt{
	font-size:65% !important;
	line-height:1;
	text-align:start;}

.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  

html {
	font-size: 62.5%;
}
body {
padding: 0;
margin: 0;
position: relative;
font-size: 1.6rem;
color: #000;
line-height: 1.2;
font-family: "Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
background: #fce0b5;
background: linear-gradient(to bottom,  #fce0b5 0,#fdf6eb 350px);
}
a {
color: #8C4B79;
}
a:hover {
color: #8C2941;
}
hr {
border: none;
height: 0;
overflow: hidden;
border-bottom: 1px dotted #959595;
clear: both;
}
main, header, footer, section, article, figure ,figcaption {
display: block;
}
body > header:after,
body > #wrapper:after {
content: "";
display: block;
clear: both;
height: 0;
width: 0;
}

/* サイドバー #sidebar
-----------------------------------------*/
#sidebar h1 {
display: block;
font-size: 3.5rem;
font-weight: normal;
width: 180px;
height: 180px;
line-height: 180px;
text-align: center;
background: #c8077c;
position: relative;
}
#sidebar h1 img {
vertical-align: middle;
}
#sidebar h1 a,
#sidebar h1 a:hover {
color: #FFF;
text-decoration: none;
}
#sidebar small {
font-size: 1rem;
line-height: 1.2;
display: block;
margin: 20px 10px;
}

/*フッター
-----------------------------------------*/
footer {
clear: both;
padding: 20px;
background: #c70078;
color: #FFF;
font-family: Arial,sans-serif;
}
footer:after {
content: "";
display: block;
}
footer small {
display: block;
font-size: 1.4rem;
text-align: right;
max-width: 1000px;
margin: 0 auto;
}