/*---------shop----------*/
.shop00{
margin: 10rem 0;
}
.shop00 p{
text-align: center;
}
.shop00 dl{
width: 100%;
display: flex;
flex-wrap: wrap;
margin-bottom: 5rem;
}
.shop00 dt {
width: 20%;
border-bottom: 1px solid #ad0718;
margin-bottom: 1.5rem;
padding-bottom: 1rem;
}
.shop00 .huse_cate{
background-color: #AFBEA0;
padding: 1rem;
margin: 0 1rem;
color: #fff;
font-size: 1.2rem;
}
.shop00 .minamihorie_cate{
background-color: #fccf2c;
padding: 1rem;
margin: 0 1rem;
color: #fff;
font-size: 1.2rem;
}
.shop00 dd{
width: 80%;
border-bottom: 1px solid #fccf2c;
margin-bottom: 1.5rem;
padding-bottom: 1rem;
}
.shop01{
margin: 10rem 0;
}
.shop01 ul{
display: flex;
flex-wrap: wrap;
}
.shop01 li{
width: 23%;
margin: 0 1%;
text-align: center;
}
.shop01 strong {
color: #ad0718;
font-size: 2.5rem;
line-height: 4rem;
}
.shop02{
margin: 10rem auto;
text-align: center;
}
.shop02 ul {
width: 100%;
display: flex;
justify-content: center;
}
.shop02 li {
width: 23%;
margin: 0 1%;
text-align: center;
}
.shop02 p {
text-align: center;
margin: 1rem auto;
}
.shoplink{
margin-top: 5rem;
}
.shop03{
margin: 10rem auto;
text-align: center;
}
.shop03 ul {
width: 100%;
display: flex;
justify-content: center;
}
.shop03 li {
width: 19%;
margin: 3%;
}
.shop03 p{
margin-bottom: 3rem;
}
.shop04{
margin: 10rem auto;
text-align: center;
}
.shop04 ul{
display: flex;
flex-direction: column;
}
.shop04 li {
display: flex;
flex-wrap: wrap;
width: 100%;
margin-bottom: 3rem;
}
.shop04 li p{
width: 48%;
margin:0 1%;
}
.shop04 li div{
width: 48%;
margin:0 1%;
}
.staff_comment{
width: 100%!important;
}
.re{
display: flex;
flex-direction:row-reverse!important;
}
.shop05{
margin: 10rem auto;
text-align: center;
}
.line {
display: flex;
justify-content: center;
width: 100%;
align-items: center;
margin-bottom: 5rem;
}
.shop05 .line_text {
color: #897052;
font-size: 4.5rem;
line-height: 5rem!important;
}
.shop06{
margin: 10rem auto;
text-align: center;
}
.shop06 dl {
width: 100%;
display: flex;
flex-wrap: wrap;
margin-bottom: 5rem;
}
.shop06 dt {
width: 30%;
border-bottom: 1px solid #ad0718;
margin-bottom: 1.5rem;
padding-bottom: 1rem;
}
.shop06 dd {
width: 70%;
border-bottom: 1px solid #fccf2c;
margin-bottom: 1.5rem;
padding-bottom: 1rem;
}
.shop06 .inner{
margin-bottom: 5rem;
}

.insta_twitter{
display: flex;
justify-content: center;
}
.sns_box{
width: 50%;
}
#instafeed{
width: 100%;
display: flex;
flex-wrap:wrap;
}
#instafeed div {
width: 30%;
margin: 1%;
height: 18vh;
overflow: hidden;
}
.twitter {
width: 100%;
height: 600px;
overflow: scroll;
}



.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/shop/img_fuse_01_pc.jpg");	
}
.parallax_img04{
background-image:url("../images/shop/img_fuse_02_pc.jpg");	
}
.parallax_img05{
background-image:url("../images/shop/img_minamihorie_01_pc.jpg");	
}
.parallax_img06{
background-image:url("../images/shop/img_minamihorie_02_pc.jpg");	
}
.parallax_img02 .inner{
width:100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
margin: auto;
display: block;
}
.parallax_img02 .inner h2{
font-size: 6rem;
line-height: 8rem;
color: #fff;
text-align: center;
font-weight: bold;
text-shadow: 3px 3px 6px rgba(50, 97, 16, 0.68);
}
.parallax_img02 .inner p{
margin: 2rem auto;
text-align: center;
color: #fff;
line-height: 2.5rem;
}
.parallax_img03 img {
position: absolute;
z-index: 10;
width: 300px;
top:50%;
left: 80%;
transform: translate(-50%,-50%);
}
.parallax_img04 .inner{
width:100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
margin: auto;
display: block;
}
.parallax_img04 .inner h2{
font-size: 6rem;
line-height: 8rem;
color: #fff;
text-align: center;
font-weight: bold;
text-shadow: 3px 3px 6px rgba(50, 97, 16, 0.68);
}
.parallax_img04 .inner p{
margin: 2rem auto;
text-align: center;
color: #fff;
line-height: 2.5rem;
}
.parallax_img05 img {
position: absolute;
z-index: 10;
width: 300px;
top:50%;
left: 80%;
transform: translate(-50%,-50%);
}
.parallax_img06 .inner{
width:100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
margin: auto;
display: block;
}
.parallax_img06 .inner h2{
font-size: 6rem;
line-height: 8rem;
color: #fff;
text-align: center;
font-weight: bold;
text-shadow: 3px 3px 6px rgba(50, 97, 16, 0.68);
}
.parallax_img06 .inner p{
margin: 2rem auto;
text-align: center;
color: #fff;
line-height: 2.5rem;
}
/*MOBILE*/
@media only screen and ( max-width : 768px ) {
.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;
}
.parallax_img02 .inner {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
margin: auto;
display: block;
height: 60vh;
}
.parallax_img02 .inner {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
margin: auto;
display: block;
height: 40vh;
}
.parallax_img02 .inner h2{
font-size: 2.2rem;
line-height: 4rem;
color: #fff;
text-align: center;
font-weight: bold;
text-shadow: 3px 3px 6px rgba(50, 97, 16, 0.68);
}
.parallax_img02 .inner p{
margin: 2rem auto;
text-align: center;
color: #fff;
line-height: 2.5rem;
}
.parallax_img03{
background-image:url("../images/shop/img_fuse_01_sp.png");	
}
.parallax_img04{
background-image:url("../images/shop/img_fuse_02_sp.png");	
}
.parallax_img05{
background-image:url("../images/shop/img_minamihorie_01_sp.png");	
}
.parallax_img06{
background-image:url("../images/shop/img_minamihorie_02_sp.png");	
}
.parallax_img03 img {
width: 115px;
top: 73%;
left: 50%;
}
.parallax_img03 .top_box{
width: 100%;
margin: 0 auto;
position: absolute;
top: 39%;
left: 50%;
text-align: center;
}
.parallax_img04 .inner {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
margin: auto;
display: block;
height: 60vh;
}
.parallax_img04 .inner {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
margin: auto;
display: block;
height: 40vh;
}
.parallax_img04 .inner h2{
font-size: 2.2rem;
line-height: 4rem;
color: #fff;
text-align: center;
font-weight: bold;
text-shadow: 3px 3px 6px rgba(50, 97, 16, 0.68);
}
.parallax_img04 .inner p{
margin: 2rem auto;
text-align: center;
color: #fff;
line-height: 2.5rem;
}
.parallax_img05 img {
width: 115px;
top: 73%;
left: 50%;
}
.parallax_img05 .top_box{
width: 100%;
margin: 0 auto;
position: absolute;
top: 39%;
left: 50%;
text-align: center;
}
.parallax_img06 .inner {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
margin: auto;
display: block;
height: 60vh;
}
.parallax_img07 .inner {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
margin: auto;
display: block;
height: 40vh;
}
.parallax_img06 .inner h2{
font-size: 2.2rem;
line-height: 4rem;
color: #fff;
text-align: center;
font-weight: bold;
text-shadow: 3px 3px 6px rgba(50, 97, 16, 0.68);
}
.parallax_img06 .inner p{
margin: 2rem auto;
text-align: center;
color: #fff;
line-height: 2.5rem;
}
.shop00{
margin: 10rem auto;
width: 98%;
}
.shop00 p{
text-align: center;
}
.shop00 dl {
width: 100%;
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
}
.shop00 dt {
width: 100%;
border-bottom: 1px solid #ad0718;
margin-bottom: 1.5rem;
padding-bottom: 1rem;
}
.shop00 dd {
width: 100%;
border-bottom: 1px solid #fccf2c;
margin-bottom: 3.5rem;
padding-bottom: 1rem;
font-size: 1.8rem;
}
.shop01{
margin:10rem auto;
width: 98%;
}
.shop01 li {
width: 98%;
margin: 0 1% 10%;
text-align: center;
}
.sho02{
margin:10rem auto;
width: 98%;
}
.shop02 ul {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.shop02 li {
width: 48%;
margin: 0 1%;
text-align: center;
}
.shop03{
margin:10rem auto;
width: 98%;
}
.shop03 ul{
display: flex;
flex-wrap: wrap;
}
.shop03 li{
width: 40%;
margin:5%;
}
.shop04{
margin:10rem auto;
width: 98%;
}
.shop04 li {
display: flex;
flex-direction: column;
width: 100%;
margin-bottom: 3rem;
}
.staff_comment{
width: 100%;
}
.re {
display: flex;
flex-direction: column!important;
}
.shop04 li p {
width: 98%;
margin: 0 1%;
}
.shop04 li div {
width: 98%;
margin: 0 1%;
}
.sns_box {
width: 100%;
}
.shop05{
margin:10rem auto;
width: 98%;
}
.shop05 p {
color: #897052;
font-size: 2.5rem;
line-height: 3rem;
}
.line {
display: flex;
flex-wrap: wrap;
width: 100%;
align-items: center;
}
.line .box01{
width: 50%;
}
.line .box02{
width: 50%;
}
.line .box03{
width: 100%;
}
.shop06{
margin:10rem auto;
width: 98%;
}
.shop06 dt {
width: 100%;
border-bottom: 1px solid #ad0718;
margin-bottom: 1.5rem;
padding-bottom: 1rem;
}
.shop06 dd {
width: 100%;
border-bottom: 1px solid #fccf2c;
margin-bottom: 3.5rem;
padding-bottom: 1rem;
}
.insta_twitter {
display: flex;
flex-direction: column;
}
#instafeed {
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
}
#instafeed div {
width: 31%;
margin: 1%;
height: 18vh;
overflow: hidden;
}
.twitter {
width: 100%;
height: 600px;
overflow: scroll;
}
}