@charset "utf-8";
.single01{
margin:10rem auto;
}
.eye {
position: relative;
}
.eye ul {
position: absolute;
top: 2rem;
left: 2rem;
display: flex;
}
.eye .fuse{
background-color: #AFBEA0;
padding: 1rem;
margin: 0 1rem;
color: #fff;
font-size: 1.2rem;
}
.eye .minamihorie{
background-color: #fccf2c;
padding: 1rem;
margin: 0 1rem;
color: #fff;
font-size: 1.2rem;
}
.contents_area {
display: flex;
justify-content: space-between;
align-items: center;
margin: 3rem auto;
padding: 2rem 0;
border-top: 1px solid #FCCF2C;
}
.share {
display: flex;
flex-wrap: wrap;
}
.share li {
margin: 0 1rem;
}
.day {
color: #ad0718;
}
.post_area{}
.post_area h1 {
background-color: #AD0718;
padding: 2.5rem;
font-size: 2rem;
color: #fff;
margin-bottom: 2.5rem;
}
.post_area h2 {
    color: #AD0718;
    padding: 1rem;
    border-left: #FDE89B 8px solid;
    font-size: 2rem;
margin-bottom: 2.5rem;
}
.post_area h3 {
    font-weight: normal;
    color: #AD0718;
    border-bottom: #FDE89B 1px solid;
    display: inline-block;
    font-size: 1.8rem;
margin-bottom: 2.5rem;
}
.post_area h4 {
    background: linear-gradient(transparent 60%, #E0F0CE 60%);
    font-weight: normal;
    display: inline-block;
margin-bottom: 2.5rem;
}
.post_area ul{
    margin-bottom: 1rem;
}
.post_area li {
color: #AD0718;
position: relative;
vertical-align: middle;
}
.post_area li::before{ 
display:inline-block; 
vertical-align: middle;
/*以下白丸つくる*/
content:'';
width:1em;
height: 1em;
background: #FDE89B;
border-radius: 50%;
margin-right: 8px;
}
.post_area dl{
    display: flex;
    flex-wrap: wrap;
    width: 100%
}
.post_area dt{
    width: 20%;
    margin:1rem 0;
    border-bottom: #AD0718 1px solid;
}
.post_area dd{
    width: 80%;
    margin:1rem 0;
    border-bottom:#FFD800 solid 1px;
}
.single02{
    margin:10rem auto;
}
.single02 ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.single02 li {
    width: 45%;
    background-color: #FDE89B;
    display: flex;
    align-items: center;
    color: #AD0718;
}
.single02 li img{
    margin:1rem;
}
.single02 .pre {
    flex-direction: inherit;
}
.single02 .next{
    flex-direction: row-reverse;
}
.parallax {
min-height: 72vh;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover; 
position: relative;
}
.content_wrapper {
padding: 60px;
background-color: #fff;
}
div.parallax .top_box h2 {
font-size: 6rem;
line-height: 8rem;
color: #fff;
text-align: left;
font-weight: bold;
text-shadow: 3px 3px 6px rgba(50, 97, 16, 0.68);
}
.top_box{
max-width: 1200px;
margin: 0 auto;
position: absolute;
top:50%;
left: 30%;
transform: translate(-50%,-50%);
}
.top_box p {
color: #fff;
font-size: 3rem;
line-height: 3.5rem;
font-weight: bold;
text-shadow: 3px 3px 6px rgba(50, 97, 16, 0.68);
}
.content_wrapper h2{
line-height: 600px;
font-size: 60px;
color: #fff;
text-align: center;
font-weight: bold;
text-shadow: 3px 3px 6px rgba(50, 97, 16, 0.68);
}
.parallax_img01 img {
position: absolute;
z-index: 10;
width: 300px;
top:50%;
left: 80%;
transform: translate(-50%,-50%);
}
.parallax_img01{
background-image:url("../images/top/img_top_01.png");
}
.parallax_img02{
background-image:url("../images/top/img_top_10.png");   }
.parallax_img03{
background-image:url("../images/main_img03.jpg");   
}
.parallax_img04{
background-image:url("../images/main_img04.jpg");   
}
.parallax_img05{
background:url("../images/main_img05.jpg"); 
}
.parallax_img06{
background:url("../images/main_img06.jpg"); 
}


/*MOBILE*/
@media only screen and ( max-width : 768px ) {
.single01 {
margin: 10rem auto;
width: 98%!important;
}
.parallax_img01 img {
width: 115px;
top: 73%;
left: 50%;
}
.parallax_img01 .top_box{
width: 100%;
margin: 0 auto;
position: absolute;
top: 39%;
left: 50%;
text-align: center;
}
div.parallax .top_box h2 {
font-size: 2.5rem;
line-height: 4rem;
text-align: center;
}
.top_box p {
color: #fff;
font-size: 1.8rem;
line-height: 2.5rem;
font-weight: normal;
text-shadow: 3px 3px 6px rgba(50, 97, 16, 0.68);
text-align: center;
}
.post_area dl{
display: flex;
flex-wrap: wrap;
width: 100%
}
.post_area dt{
width: 100%;
margin:1rem 0;
border-bottom: #AD0718 1px solid;
}
.post_area dd{
width: 100%;
margin:1rem 0;
border-bottom:#FFD800 solid 1px;
}
.single02 li img{
    width: 80%;
}

}