/*　WebP対応の場合　*/
.webp  #shop #subimage{
background: url(../images_webp/shop/subimage.webp)no-repeat left center;
}
/*　WebP非対応の場合　*/
.no-webp  #shop #subimage{
	background: url("../images/shop/subimage.jpg") no-repeat left center;
}
#shop01{
	padding-top: 50px;
	padding-bottom: 100px;
	background: url("../images/shop/place_bg1.jpg") no-repeat center top;
	background-size:cover;
}
#shop01 .inner1{
	background: url("../images/shop/place_bg2.png") no-repeat center top 60%;
}
#shop01 .inner1 .container3{
	padding-top: 80px;
	position: relative;
}
#shop01 .inner1 .container3 p{
	position: relative;
	z-index: 2;
	line-height: 2;
	text-shadow: 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff;
}
#shop01 .inner1 .container3 .photo01{
	position: absolute;
	right:0;
	top:0;
	width: 26%;
	z-index: 1;
}
#shop01 .inner1 .container3 .photo02{
	position: absolute;
	left:0;
	top:48%;
	width: 25%;
	z-index: 1;
}
#shop01 .inner2 h3{
	padding: 25px;
	font-size:140%;
	font-weight: bold;
	background: url("../images/shop/hstyle01.png") no-repeat center center;
}
#shop02 .inner1{
	position: relative;
	max-width: 1440px;
	margin: 50px auto 100px;
	background-size:38% !important;
}
/*　WebP対応の場合　*/
.webp #shop02 .inner1{
background: url(../images_webp/shop/shinjuku_img1.webp) no-repeat left top;
}
/*　WebP非対応の場合　*/
.no-webp #shop02 .inner1{
	background: url("../images/shop/shinjuku_img1.png") no-repeat left top;
}
#shop02 .inner1 .boxstyle01 .figure1{
	padding-top: 20%;
	padding-right: 4%;
	text-align: right;
}

#shop02 .inner1 .boxstyle01 .figure1 img.en1{
	position: absolute;
	left: 11%;
	bottom:8%;
}
#shop02 .inner2,#shop04 .inner1{
	position: relative;
}
#shop02 .inner2 .container,#shop04 .inner1 .container{
	position: relative;
	z-index: 2;
	padding-top:20px;
	padding-bottom: 20px;
}

#shop02 .inner2::before{
	content: " ";
	background: rgba(255,194,209,0.5);
	position: absolute;
	top:0;
	right: 0;
	width: 38%;
	height:100%;
	z-index: 1;
}
#shop02 .inner2 .check{
	max-width: 400px;
	padding:15px 20px;
	background: #fff;
	border:solid 1px #ec708e;
}
#shop02 .inner2 .check li{
	background-size:25px;
	padding: 5px 5px 5px 30px;
}
#shop03{
	position: relative;
	padding-top: 40px;
}
#shop03::before{
	content: " ";
	display: block;
	width: 100%;
	height: 100px;
	background: url("../images/common/bg04.png");
	position: absolute;
	left: 0;
	top:0;
}
#shop03 .container{
	position: relative;
	z-index: 2;
}
#shop03 .boxstyle01 .office{
	padding: 50px 0 120px;
	background: url("../images/shop/office_bg1.png") no-repeat right 3% center;
	background-size:contain;
}
#shop03 .ttl{
	display: flex;
	align-items: center;
}
#shop03 .ttl .en{
	margin-right: 20px;
	color: #fff;
  text-shadow    : 
       1px  1px 0px #e35580,
      -1px  1px 0px #e35580,
       1px -1px 0px #e35580,
      -1px -1px 0px #e35580,
       1px  0px 0px #e35580,
       0px  1px 0px #e35580,
      -1px  0px 0px #e35580,
       0px -1px 0px #e35580; 
	font-size:65px;
	font-weight: bold;
}
#shop03 .ttl h3{
	font-size:110%;
	font-weight: bold;
}
#shop03 .boxstyle01 .poproom{
	padding: 100px 0 70px;
	background: url("../images/shop/pop_bg.png") no-repeat right 3% center;
	background-size:contain;
}
#shop03 .boxstyle01 .poproom h3{
	padding: 10px;
	margin-bottom: 30px;
	max-width: 416px;
	background: url("../images/shop/hstyle02.png") no-repeat center center;
	text-align: center;
	font-size:130%;

}
#shop03 .anytime{
	padding: 100px 43% 50px 2%;
	background: url("../images/shop/itudemo_img.png") no-repeat right 3% top;
}
#shop04{
	margin-bottom: 100px;
	position: relative;
}
#shop04::before{
	content: " ";
	width: 100%;
	height: 200px;
	background-size:cover !important;
	display: block;
	background: url("../images/shop/interview_bg.jpg") no-repeat center center;
}

#shop04 .en{
	margin-top: -40px;
	margin-bottom: 40px;
}
#shop04 .honne{
	margin-top: -50px;
}
#shop04 .inner1{
	background: url("../images/common/bg01.png");
}
#shop04 .inner1 h3{
	margin-top: -40px;
}
#shop04 .inner1 .box01{
	padding:30px 40px;
	background: #fff;
}
#shop04 .inner1 .box01 figure{
	width: 30%;
}
#shop04 .inner1 .box01 .text{
	width: 67%;
}
#shop04 .inner1 .box01 .text .name{
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom:solid 1px #333;
}
#shop05{
	padding-bottom: 50px;
	position: relative;
	background: #f1dae5;
	
}
#shop05 .en{
	position: absolute;
	left: 50%;
	top:-40px;
	margin-left: -58px;
}
#shop05 .staff1{
	padding-top: 80px;
	padding-bottom: 50px;
}
#shop05 .staff1 .text1{
	position: absolute;
	left: 50%;
	top:160px;
	transform: translateX(-50%);
}
#shop05 .staff1 .text1 figure{
	background: #fff;
	width: 300px;
	height: 300px;
	padding-top: 40px;
	margin: 0 auto 20px;
	border-radius: 50%;
	text-align: center;
}
#shop05 .staff1 .text1 figure img{
	margin-bottom: 20px;
}
#shop05 .staff1 .text1 h3{
	font-size:150%;
	color: #fff;
	font-weight: bold;
  text-shadow    : 
       1px  1px 0px #333333,
      -1px  1px 0px #333333,
       1px -1px 0px #333333,
      -1px -1px 0px #333333,
       1px  0px 0px #333333,
       0px  1px 0px #333333,
      -1px  0px 0px #333333,
       0px -1px 0px #333333;        /* 文字の影 */	
}
#shop05 .staff1 ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#shop05 .staff1 ul li{
	position: relative;
	padding: 30px;
	margin-bottom: 70px;
	width: 48%;
	background: #fff;
	border-radius: 0 30px 0 30px;
	box-shadow: 0 0 8px #e397e4;
}
#shop05 .staff1 ul li:first-of-type{
	width: 30%;
	margin-bottom: 110px;
}
#shop05 .staff1 ul li:nth-of-type(2){
	width: 30%;
	margin-bottom: 110px;
}
#shop05 .staff1 ul li .no{
	position: absolute;
	top:-44px;
	left: 0;
	padding: 10px;
	width: 100%;
	background: url("../images/shop/staff_bg1.png") no-repeat center top;
	text-align: center;
	color: #fff;
	font-size:130%;
}
#shop05 .staff1 ul li dt{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: dotted 3px #e397e4;
	color: #e397e4;
	font-size:105%;
	font-weight: bold;
	text-align: center;
}
#shop05 .boxstyle01 figure{
	width: 26%;
	text-align:center;
}
#shop05 .boxstyle01 .comment{
	width: 70%;
}
#shop05 .boxstyle01 .comment h3{
	margin-bottom: 15px;
	font-size:130%;
	font-weight: bold;
}
#shop06 .inner1{
    position: relative
}

#shop06 .inner1:before {
    content: " ";
    background: rgba(255,194,209,.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 38%;
    height: 100%;
    z-index: 1
}
#shop06 .inner1 h2{
	line-height: 1.8;
}
#shop06 .inner2{
    position: relative
}

#shop06 .inner2:before {
    content: " ";
    background: rgba(255,194,209,.5);
    position: absolute;
    top: 0;
    right: 0;
    width: 38%;
    height: 100%;
    z-index: 1
}
#shop06 .inner1 .container,#shop06 .inner2 .container{
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	z-index: 2;
}
#shop07:before {
    content: " ";
    width: 100%;
    height: 450px;
    display: block;
    background-size: cover !important;
}
/*　WebP対応の場合　*/
.webp #shop07:before{
background: url(../images_webp/shop/group_bg.webp) no-repeat center bottom;
}
/*　WebP非対応の場合　*/
.no-webp #shop07:before{
	background: url("../images/shop/group_bg.png") no-repeat center bottom;
}
#shop07 h3 {
    color: #e35580;
    font-size: 140%;
    font-weight: 700;
    margin-bottom: 30px
}
/*-------------------------sp----------------------------*/

@media screen and (min-width: 767px) and (max-width: 1099px) {
 	#shop01 .inner1 .container3 .photo01{
		width:28%;
	}
	#shop01 .inner1 .container3 .photo02{
		width:22%;
		top:10%;
		left: 0;
	}
	#shop02 .inner1 .boxstyle01 .figure1{
		padding-left: 20%;
	}
	#shop02 .inner1 .boxstyle01 .figure1 img.en1{
		left: 0;
		bottom: 20%;
	}
	#shop03 .ttl{
		flex-wrap: wrap;
	}
	#shop03 h2.m80b-s{
		margin-bottom: 20px !important;
	}
	#shop03 ul li{
		width: 25%;
		margin-bottom: 10px;
	}
	#shop03 .boxstyle01 .poproom h3{
		background-size:contain;
	}
	#shop03 .anytime{
		padding:10px 43% 10px 2%;
		background-size:40%;
	}
	#shop03 .ttl .en{
		font-size:300%;
	}
	#shop05 .staff1 ul li:first-of-type{
		width: 48%;
		margin-bottom: 70px;
	}
	#shop05 .staff1 ul li:nth-of-type(2){
		width: 48%;
		margin-bottom: 70px;
	}
	#shop05 .staff1 .text1{
		margin-top: -40px;
		position: relative;
		left: inherit;
		top:inherit;
		transform: inherit;
	}
	#shop05 .staff1 ul{
		margin-top: 40px;
	}
}

@media (max-width: 767px) {
	#shop figure{
		margin-bottom: 10px;
	}
	#shop01{
		padding-top: 20px;
		padding-bottom: 40px;
	}
	#shop01 .inner1 .container3 .photo01{
        width:28%;
        top: 5%;
    }

    #shop01 .inner1 .container3 .photo02 {
        width: 30%;
        top: 0;
        left: 0;
    }
	#shop01 .inner1 .container3{
		padding-top: 20px;
		z-index: 2;
	}

	#shop01 .inner1 .container3 p{
		padding: 0 5%;
		position: relative;
		z-index: 2;
		text-shadow: 1px 1px 1px #fff, 1px 1px 3px #fff;
	}
	#shop01 .inner2 h3{
		background-size:100%;
		padding: 0 25px;
	}

	#shop02 .inner1{
	background-size: 70% !important;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	
	#shop02 .inner1 .boxstyle01 figure{
		padding: 10% 45% 0 0;
	}
 	#shop03 .inner1 .container, #shop04 .inner1 .container,#shop05 .inner1 .container, #shop06 .inner1 .container{
		padding-top:10px;
		padding-bottom: 20px;
	}
	#shop03 .inner1::before{
		height: 38%;
	}

	#shop02 .inner1 .boxstyle01 .figure1{
		padding-left: 40%;
		margin-bottom: 20px;
	}
	#shop02 .inner1 .boxstyle01 .figure1 img.en1{
		bottom: inherit;
		top:30%;
		width: 30%;
	}
	#shop02 .inner2::before{
		width: 80%;
		height: 42%;
	}
	#shop03{
		padding-top: 20px;
	}
	#shop03::before{
		height: 80px;
	}
	#shop03 h2{
		margin-bottom: 20px !important;
	}
	#shop03 .ttl .en{
		font-size:300%;
	}
	#shop03 .boxstyle01 .office{
		padding:10px 0 40px;
	}
	#shop03 .ttl{
		flex-wrap: wrap;
	}
	#shop03 .ulstyle01 li{
		width: 48%;
		margin-bottom: 10px;
	}
	#shop03 .ulstyle01 li .tb-dnon{
		display: none;
	}
	#shop03 .boxstyle01 .poproom{
		padding: 30px 0;
	}
	#shop03 .boxstyle01 .poproom h3{
		background-size:contain;
		margin-bottom: 15px;
	}
	#shop03 .anytime{
		padding: 0;
		background:none;
	}

	#shop03 .food .wid01{
		margin-bottom: 20px;
	}
	#shop04 .en{
		margin-top: -30px;
		margin-bottom: 20px;
	}
	#shop04 .en img{
		width: 120px;
	}
	
	#shop04 .honne{
		margin-top: 0;
	}
	#shop05{
		padding-bottom: 30px;
	}
	#shop04 .inner1 h3{
		padding: 0 7%;
	}
	#shop04 .inner1 .box01 figure{
		width: 100%;
	}
	#shop04 .inner1 .box01 .text{
		width: 100%;
	}
	#shop04 .inner1 .box01{
		padding: 10px 20px 20px;
		box-shadow: 0 0 5px #eee;
	}
	#shop04{
		margin-bottom: 40px;
	}
	#shop05 .staff1 .text1{
		margin-bottom:50px;
		position: relative;
		left: inherit;
		top: inherit;
		transform: inherit;
	}
	#shop05 .staff1 .text1 figure{
		width: 200px;
		height:200px;
		padding: 20px 65px 0;
		margin-bottom: 10px;
	}
	#shop05 .en{
		width: 100px;
		margin-left: -50px;
	}
	#shop05 .staff1{
		padding-top: 40px;
		padding-bottom:10px;
	}
	#shop05 .staff1 ul{
		border-bottom:solid 1px #fff;
		margin-bottom: 5px;
	}
	#shop05 .staff1 ul li{
		width: 100% !important;
		padding: 15px;
		margin-bottom: 40px !important;
	}
	#shop05 .staff1 ul li .no{
		top:-31px;
		left: 50%;
		margin-left: -40px;
		padding: 7px;
		width:80px;
		background-size:100%;
		font-size:110%;
	}
	#shop05 .boxstyle01 figure{
		width: 200px;
		margin: 0 auto;
	}
	#shop05 .boxstyle01 .comment{
		width: 100%;
	}
	#shop05 .boxstyle01 .comment h3{
		text-align: center;
	}
    #shop06 .inner1:before,#shop06 .inner2:before {
		width: 80%;
        height: 42%
    }
	#shop07:before{
		height: 180px;
	}
	#shop07 h3{
		margin-bottom: 10px;
	}
}