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

/*
font-family: 'Gloria Hallelujah', cursive;
font-family: 'Josefin Sans', sans-serif;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'Yusei Magic', sans-serif;
*/

/*shimaenaga*/
#all-top{
background: url("/img/r-top.jpg") center center/cover;
height: 800px;
margin-top:-100px;
position: relative;
}
#all-top img{
width: 100%;
}
#all-top div{
width: 200px;
position: absolute;
right:20px;
}
#all-top .top01{
bottom:370px;
}
#all-top .top02{
bottom:190px;
}
#all-top .top03{
bottom:10px;
}
#all-top a{
display: block;
transition: 0.5s;
}
#all-top a:hover{
transform:rotate(10deg);
transition: 0.5s;
}
@media screen and (max-width: 768px) {
#all-top{background: url("/img/r-top_sp.jpg") center center/cover;
height: 400px;}
#all-top div{width: 100px;right:0;}
#all-top .top01{bottom:180px;}
#all-top .top02{bottom:95px;}
#all-top .top03{bottom:10px;}
}

#r-syutten{
position: relative;
background: #E1BFBF;
padding-bottom: 100px;
}
#r-syutten .line-stripe{
width: 100%;
height: 95px;
background: url("/img/line-stripe.jpg") repeat-x top center;
position: relative;
}
#r-syutten h2{
margin: 60px auto 0;
text-align: center;
font-size: 3rem;
letter-spacing: 0.8rem;
line-height: 5rem;
color: #5F4415;
}
#r-syutten h3{
margin: 50px 0 0;
font-size: 2.5rem;
letter-spacing: 0.8rem;
text-align: center;
color: #5F4415;
background: #fff;
padding: 1.5rem;
}
#r-syutten .area{
max-width: 500px;
margin: 30px auto;
position: relative;
}
#r-syutten .area img{
width: 100%;
}
#r-syutten .area div{
position: absolute;
top:30px;
left: -100px;
}
#r-syutten .area div h4{
border-left: 10px #5F4415 solid;
padding: 1rem 1rem 1rem 2rem;
font-size: 2rem;
margin-bottom: 2rem;
}
#r-syutten p{
max-width: 800px;
margin: 30px auto 0;
}
#r-syutten p.button-box{
text-align: center;
margin-top: 50px;
}
#r-syutten .button{
display: inline-block;
margin: 0 auto!important;
background: #E1CE5F;
color: #5F4415;
padding: 20px 50px;
border: 9px solid #fff;
border-radius: 50px;
box-shadow:2px 2px 3px #999;
font-size: 2.5rem;
letter-spacing: 0.2rem;
font-weight: 500;
transition: 0.5s;
}
#r-syutten .button:hover{
background: #F0E9B7;
}
@media screen and (max-width: 768px) {
#r-syutten{padding-bottom: 50px;}
#r-syutten .line-stripe{height: 60px;}
#r-syutten h2{margin: 40px auto 0;font-size: 2rem;letter-spacing: 0.2rem;line-height: 3.5rem;text-align: left;}
#r-syutten h3{margin: 30px 0 0;font-size: 2rem;letter-spacing: 0.2rem;}
#r-syutten .area{padding: 0 20px;}
#r-syutten .area div{top:10px;left: 20px;}
#r-syutten p{padding: 0 20px;}
#r-syutten .button{font-size: 2rem;margin-bottom: 2rem;}
}

#r-itaku{
position: relative;
background: #B4CFBF;
padding-bottom: 100px;
}
#r-itaku .line-stripe{
width: 100%;
height: 95px;
background: url("/img/line-stripe.jpg") repeat-x top center;
position: relative;
}
#r-itaku h3{
margin: 100px 0 0;
font-size: 2.5rem;
letter-spacing: 0.8rem;
text-align: center;
color: #5F4415;
background: #fff;
padding: 1.5rem;
}
#r-itaku .area{
max-width: 500px;
margin: 30px auto;
position: relative;
}
#r-itaku .area img{
width: 100%;
}
#r-itaku .area div{
position: absolute;
top:30px;
left: -100px;
}
#r-itaku .area div h4{
border-left: 10px #5F4415 solid;
padding: 1rem 1rem 1rem 2rem;
font-size: 2rem;
margin-bottom: 2rem;
}
#r-itaku p{
max-width: 800px;
margin: 30px auto 0;
}
#r-itaku p.button-box{
text-align: center;
margin-top: 50px;
}
#r-itaku .button{
display: inline-block;
margin: 0 auto!important;
background: #E1CE5F;
color: #5F4415;
padding: 20px 50px;
border: 9px solid #fff;
border-radius: 50px;
box-shadow:2px 2px 3px #999;
font-size: 2.5rem;
letter-spacing: 0.2rem;
font-weight: 500;
transition: 0.5s;
}
#r-itaku .button:hover{
background: #F0E9B7;
}
@media screen and (max-width: 768px) {
#r-itaku{padding-bottom: 50px;}
#r-itaku .line-stripe{height: 60px;}
#r-itaku h2{font-size: 2rem;letter-spacing: 0.2rem;line-height: 3.5rem;text-align: left;}
#r-itaku h3{margin: 60px 0 0;font-size: 2rem;letter-spacing: 0.2rem;}
#r-itaku .area{padding: 0 20px;}
#r-itaku .area div{top:10px;left: 20px;}
#r-itaku p{padding: 0 20px;}
#r-itaku .button{font-size: 2rem;margin-bottom: 2rem;}
}