/* CSS Document */

/*=====トップ　メインビジュアル=====*/
.mainVisWrap{position:relative;}
.mainVisWrap h2{position:relative;}
.mainVisWrap a{position: absolute;width:170px;right:20px;bottom:20px;animation: rotate-anime 20s linear infinite;}
.mainVisWrap a:hover {animation: shake 0.2s linear infinite;-webkit-animation: shake 0.2s linear infinite;}
.mainVisWrap a:hover img{opacity:inherit;}
/*=====トップ　プレスリリース=====*/
.topPressWrap{margin-top:20px;}
.topPressWrap .flexWrap{justify-content:space-between;margin-top:20px;}
.topPressWrap .flexWrap > div{width:360px;}
.topPressWrap .flexWrap > div:last-of-type{width:450px;text-align:right;padding-right:15px;}
.topPressWrap .flexWrap table{width:100%;}
.topPressWrap .flexWrap th,.topPressWrap .flexWrap td{padding:5px 0;text-align:left;vertical-align: top;}
.topPressWrap .flexWrap th{width:30%;}
.topPressWrap .flexWrap td{width:70%;}
/*=====トップ　アバウト=====*/
.topAboutWrap{padding:15px;margin-top:35px;background-color:rgba(245,228,47,0.8);}
.topAboutWrap .flexWrap{position:relative;}
.topAboutWrap .flexWrap > div{width:335px;}
.topAboutWrap .flexWrap > div:last-of-type{width:450px;position:absolute;right:0;top:50%;transform: translateY(-50%);}

/*=====トップ　メニュー=====*/
.topGrandWrap{width:750px;margin:0 auto;text-align:center;padding:30px 15px;background-color:rgba(240,240,240,0.6);margin-top:75px;position: relative;}
.topGrandWrap h2{font-size:40px;}
.topGrandWrap h2 span{font-size:20px;font-family: otsu;}
.topGrandWrap h3{background: linear-gradient(transparent 50%, #f5e42f 50%);display:inline-block;}
.topGrandWrap .moreBtn a{margin:0 auto;margin-top:50px;}
.topGMWrap{display:flex;justify-content: space-between;margin-top:50px;}
.topGMWrap div{width:220px;}
.yabaWrap{position:absolute;left:-50px;top:-50px;width:275px;}

/*=====誕生秘話=====*/
.big{font-size:28px;line-height:50px;}
.bigBold{font-size:28px;line-height:50px;font-weight:bold;}
.birthWrap1 h3{margin-top:50px;}
.birthWrap1 .flexWrap{margin-top:20px;}
.birthWrap1 .flexWrap div{width:500px;}
.birthWrap1 .flexWrap div:last-of-type{width:270px;}
.birthWrap1 .flexWrap.f2{flex-direction:row-reverse;align-items:center;margin-top:50px;}
.birthWrap2{margin-top:30px;}
.birthWrap2 .flexWrap{justify-content: space-around;margin-top:30px;}
.birthWrap2 .flexWrap div{width:330px;}
.birthWrap3 h3{text-align:right;}
.birthWrap3 .wbg{padding:20px;margin-top:30px;}
.birthWrap3 .flexWrap{flex-direction:row-reverse;}
.birthWrap3 .flexWrap div:first-of-type{width:400px;text-align:right;padding-top:50px;}
.birthWrap3 .flexWrap div:first-of-type audio{margin-top:20px;}
.birthWrap4{border:4px solid #a81e37;padding:20px;}
.birthWrap4 .flexWrap{flex-direction:row-reverse;align-items: center;justify-content: space-around;}
.birthWrap4 .flexWrap div:last-of-type{width:190px;}
.birthWrap5{margin-top:30px;}
.birthWrap5 .flexWrap{align-items:center;}
.birthWrap5 .flexWrap div:last-of-type{width:400px;}
.nextWrap{margin-top:30px;}
.nextWrap a{display:block;}
.nextWrap a:hover{animation: shake 0.2s linear infinite;-webkit-animation: shake 0.2s linear infinite;}
.nextWrap a:hover img{opacity:inherit;}
@keyframes shake {
	0% { transform: translate(3px, 2px) rotate(0deg); }
	10% { transform: translate(-2px, -3px) rotate(-1deg); }
	20% { transform: translate(-4px, 0px) rotate(1deg); }
	30% { transform: translate(0px, 3px) rotate(0deg); }
	40% { transform: translate(2px, -2px) rotate(1deg); }
	50% { transform: translate(-2px, 3px) rotate(-1deg); }
	60% { transform: translate(-4px, 2px) rotate(0deg); }
	70% { transform: translate(3px, 2px) rotate(-1deg); }
	80% { transform: translate(-2px, -2px) rotate(1deg); }
	90% { transform: translate(2px, 4px) rotate(0deg); }
	100% { transform: translate(2px, -3px) rotate(-1deg); }
}

/*=====押しメシ　=====*/
.menu .ankWrap,.pekin .ankWrap{text-align: right;}
.menu .ankWrap ul,.pekin .ankWrap ul{font-size:0;}
.menu .ankWrap ul li,.pekin .ankWrap ul li{display:inline-block;border-right:1px solid #000;line-height:14px;font-size:14px;padding:0 10px;}
.menu .ankWrap ul li:last-of-type,.pekin .ankWrap ul li:last-of-type{border-right:none;}
.menuWrap h3{text-align:center;font-size:20px;margin-top:50px;font-family: otsu;line-height:50px;}
.menuWrap h3 span{font-size:40px;font-family:tetsu;}
.photoMenuWrap > .flexWrap{align-items:flex-end;margin-top:10px;}
.photoMenuWrap > .flexWrap .flexWrap{border-bottom:1px solid #a81e37;align-items: center;}
.photoMenuWrap > .flexWrap > div{width:250px;}
.photoMenuWrap > .flexWrap > div:last-of-type{width:560px;}
.photoMenuWrap h4,.textMenuWrap h4{font-size:24px;font-weight:bold;letter-spacing:3px;}
.photoMenuWrap h4 span,.photoMenuWrap p,.textMenuWrap h4 span,.textMenuWrap p{font-size:18px;}
.menu h4 img{width:30px;}
.textMenuWrap .flexWrap{border-bottom:1px solid #a81e37;align-items: center;margin-top:10px;padding-bottom:10px;}


/*=====北京アバウト　=====*/
.about h4{font-size:24px;font-weight:bold;background: linear-gradient(transparent 60%, #f5e42f 60%);margin-bottom:20px;}
.about h4 span{font-size:36px;font-family:"M+ Type-1 (general-j) Heavy",
	"M+ Type-1 (general-j) Light", sans-serif;}
.about1 > .flexWrap > .ryu{width:170px;}
.about1 > .flexWrap > .rightWrap{width:615px;margin-left:auto;}
.rightWrap > div{width:540px;}
.rightWrap  p{margin-bottom:20px;}
.about2 .flexWrap p{width:385px;}
.about2 .flexWrap div{width:385px;text-align:center;}
.about2 .flexWrap div img{width:270px;}
.about3 > .flexWrap > .ryu{width:170px;}
.about3 > .flexWrap > .rightWrap{width:560px;margin-left:auto;}
.about3 > .flexWrap  p{margin-bottom:20px;}
.about2.a4 p{margin-bottom:20px;}
.about4{background-image: url(../img/about/d1.png);background-size:400px;background-position:right bottom;background-repeat: no-repeat;margin-right:0;}
.about4 p{font-size:16px;}
.about4 p:first-of-type{font-weight:bold;}
.about4 table th,.about4 table td{vertical-align: top;padding:5px 0;font-size:16px;}
.about4 table th{text-align:left;padding-right:10px;}
/*=====プレスリリース　=====*/
.press1 > .flexWrap{border-bottom:1px solid #a81e37;padding-bottom:20px;margin-top:
20px;}
.pressP{margin-right:30px;width:220;height:220px;overflow: hidden;}
.pressP{display: block;overflow: hidden;position: relative;width:220px;height: 220px;margin:0 auto;}
.pressP img{width: 100%;height: auto;/*画像のセンタリング（中央寄せ）*/position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.pressText{width:550px;}
.press1 h3{margin-bottom:10px;font-weight:bold;}
.press1 h3 span{color:#303030;font-size:16px;}
.press2 .flexWrap .newsWrap{width:375px;}
.press2 .flexWrap .fbWrap{width:405px;}
.press2 .flexWrap .fbWrap h3{width:50%;}
.press2 h3{margin-bottom:30px;}
.press2 dl{margin-bottom:15px;}
.press2 dd{font-weight:bold;}
.pageWrap{margin-top:30px;}
.pageWrap ul{display: flex;flex-wrap: nowrap;justify-content: center;}
.pageWrap li{margin-right:7px;}
.pageWrap li:last-of-type{margin-right:0;}
.pageWrap li a{display:block;border:2px solid #000;line-height:14px;background-color:#fff;padding:4px 7px;}
.pageWrap li a:hover{background-color:#000;color:#fff;}
.pageWrap .now{background-color:#000;color:#fff;padding:1px 10px;}

/*=====北京　=====*/
.pekin1 .topPhoto{margin-right:-20px;}
.pekin1 .flexWrap{padding-left:50px;margin-top:-50px;}
.pekin1 h3{font-size:24px;font-weight:bold;letter-spacing:2px;}
.pekin1 h3 span,.pekin1 p{font-size:18px;}
.rotateText{background-color:#a81e37;color:#fff;font-weight:bold;padding:5px 
15px;display:inline-block;letter-spacing:3px;position:absolute;-moz-transform:rotate(-5deg);-webkit-transform: rotate(-5deg);-o-transform: rotate(-5deg);-ms-transform: rotate(-5deg);transform: rotate(-5deg);}
.rotateText:nth-of-type(even){background-color:#000;top:45px;left:50px;}
.pekin1 > .flexWrap div:first-of-type{width:240px;}
.pekin1 > .flexWrap div:last-of-type{width:510px;position:relative;}
.pekin2{margin-right:-20px;}
.pekin2 .flexWrap{flex-wrap:wrap;}
.pekin2 .flexWrap:first-of-type{margin-bottom:50px;}
.pekin2 h2{margin-bottom:30px;}
.pekin2 .hanWrap{width:50%;}
.pekin2 .hanWrap h3{font-size:24px;font-weight:bold;}
.pekin2 .hanWrap h3 span{font-size:18px;font-weight:100;}
.pekin2 .hanWrap p{font-size:18px;}
.pekin2 .hanWrap div{width:250px;margin-top:40px;}
.pekin2 .hanWrap .rotateText{font-size:14px;}
.pekin2 .rotateText.black{background-color:#000;}
.pekin3 h2,.pekin2.p4 h2{text-align:center;font-size:40px;margin-bottom:50px;font-family: tetsu;line-height:50px;}
.pekin3 h2 span,.pekin2.p4 h2 span{font-size:20px;font-family: otsu;}
.pekinMenuWrap{width:480px;}
.menuItem{margin-bottom:30px;}
.menuItem .flexWrap{align-items: center;border-bottom: 1px solid #a81e37;padding-bottom:5px;margin-bottom:5px;}
.menuItem .flexWrap h3{font-size:24px;font-weight:bold;}
.menuItem .flexWrap p{font-size:18px;}
.menuItem > p{font-size:18px;font-weight:bold;line-height:36px;}
.menuItem > p span{font-size:14px;color:#a81e37;line-height:20px;}
.menuItem:last-of-type .flexWrap:last-of-type{border-bottom:none;}
.menuItem:last-of-type .flexWrap:last-of-type h3{font-weight:normal;font-size:18px;}
.pekinMenuPhoto{width:250px;}
.pekinMenuPhoto div{margin-bottom:30px;}
.gyozaWrap{background:url(../img/great/c.png) no-repeat;background-size:cover;border:1px solid #a81e37;padding:20px;}
.gyozaWrap h3{font-size:40px;font-weight:bold;text-align:right;}
.gyozaWrap h3 span{background-color:#a81e37;color:#fff;font-size:20px;display:inline-block;padding:5px 10px;vertical-align: middle;letter-spacing:1px;}
.gyozaWrap p{text-align:right;font-size:18px;}
.pekin2.p4 .hanWrap div{width:380px;}

/*=====スタッフ=====*/
.staff .wbg{background:url(../img/staff/bg.png);background-size:cover;background-color:rgba(255,255,255,0.8);}
.staff h3{text-align:center;font-size:38px;font-family:otsu;}
.staff1 .flexWrap{align-items:center;}
.staff1 .flexWrap > div{width:480px;}
.staff1 .flexWrap > div:first-of-type{width:280px;text-align:center;}
.staff1 .flexWrap > div:first-of-type img{width:220px;}
.staff1 h4{font-size:24px;font-weight:bold;line-height:48px;margin-bottom:20px;}
.staff1 p{font-size:16px;line-height:32px;}
.staff1:nth-of-type(even) .flexWrap{flex-direction:row-reverse;}
.staff1:nth-of-type(even) .flexWrap > div:last-of-type{text-align:right;}

/*=====追記2020/05/21　成瀬　トップ　動画挿入=====*/
.youtubeWrap{padding:70px 0;background-color: #e0261a;}
.movie-wrap {position: relative;padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/ height: 0; overflow: hidden; }
.movie-wrap iframe {position: absolute; top: 0;left: 0; width: 100%;height: 100%;}



@media screen and (max-width: 768px) {

.topGrandWrap{width:100%!important;}
.mainVisWrap a{bottom:-90px;right: 0;width:140px;}
/*=====トップ　ますはここから=====*/
.topNavWrap{margin-top:40px;}
.topNavWrap .flexWrap{flex-wrap:wrap;margin-top:10px;}
.topNavWrap .flexWrap div{width:48%;}
.topNavWrap .flexWrap div:nth-of-type(n+3){margin-top:4%;}
/*=====トップ　プレス=====*/
.topPressWrap{margin-top:25px;}
.topPressWrap .flexWrap{flex-direction:column-reverse;}
.topPressWrap .flexWrap > div{width:100%;}
.topPressWrap .flexWrap > div:last-of-type{width:100%;padding-right:0;}
.topPressWrap .moreBtn{margin-bottom:20px;}
/*=====トップ　アバウト=====*/
.topAboutWrap{padding-bottom:170px;position:relative;z-index:-10}
.topAboutWrap .flexWrap > div{width:100%;}
.topAboutWrap .flexWrap > div:last-of-type{bottom:0;width:90%;}
.topAboutWrap h2 img{width:50%;}
.topAboutSub{margin-top:-170px;}
.topAboutSub div:first-of-type{width:90%;margin-left:auto;margin-right:3%;}
/*=====トップ　メニュー=====*/
.topGrandWrap{margin-top:50px;border:8px solid #000;}
.yabaWrap{position:static;margin:0 auto;}
.topGMWrap{flex-direction: column;margin-top:20px;}
.topGMWrap div{width:100%;}
/*=====トップ　SNS=====*/
.spTvWrap{margin-top:50px;}
.spTvWrap .pekinTv .tbBox{width:80%;margin:0 auto;}
/*=====トップ　SNS=====*/
.spSnsWrap{background-color:#a81e37;margin-top:50px;}
.spSnsWrap .wrap11{width:90%;margin:0 auto;padding:20px 0;}
.spSnsWrap .wrap11 h3{text-align:center;}
.spSnsWrap .wrap11 h3 img{width:80%;margin:0 auto;}
.spSnsWrap .wrap11 div{display:flex;justify-content: space-around;margin-top:10px;}
.spSnsWrap .wrap11 p{width:50px;}
.spSnsWrap .wrap11 p a{background-color:#000;color:#fff;border-radius: 10px;display: block;text-align:center;padding:10px 0;font-size:20px;}

/*=====バース　=====*/
.big{font-size:24px;}
.bigBold{font-size:24px;line-height:50px;font-weight:bold;}
.birthWrap1 .flexWrap{flex-direction:column;}
.birthWrap1 .flexWrap div{width:100%;}
.birthWrap1 .flexWrap div:last-of-type{width:100%;}
.birthWrap1 .flexWrap.f2{flex-direction:column;}
.birthWrap2 .flexWrap div{width:45%;}
.birthWrap3 h3{font-size:20px;line-height:40px;}
.birthWrap3 .flexWrap{flex-direction:column;}
.birthWrap3 .flexWrap div{width:100%;}
.birthWrap3 .flexWrap div:first-of-type{width:100%;text-align:center;padding-top:0;margin-bottom:20px;}
.birthWrap3 .flexWrap{text-align:center;}
.birthWrap4 .flexWrap{flex-direction:column;}
.birthWrap4 .flexWrap div:last-of-type{width:100%;}
.birthWrap5 .flexWrap{flex-direction:column;}
.birthWrap5 .flexWrap div{width:100%;}

/*=====押しメシ　=====*/
.photoMenuWrap > .flexWrap{flex-direction: column;}
.photoMenuWrap > .flexWrap > div,.photoMenuWrap > .flexWrap > div:last-of-type{width:100%;padding-bottom:5px;}
.photoMenuWrap > .flexWrap .flexWrap,.textMenuWrap .flexWrap{flex-direction: column;align-items: flex-start;}
.menuWrap h3{margin-top:30px;}
/*=====アバウト　=====*/
.about h4{background:none;width:100%; word-wrap:break-all;}
.about h4 span{background: linear-gradient(transparent 60%, #f5e42f 60%);margin-bottom:20px;}
.about .flexWrap:not(.nextWrap){flex-direction:column;}
.about1 > .flexWrap > .rightWrap{width:100%;}
.rightWrap > div{width:100%;}
.about2 .flexWrap p{width:100%;margin-bottom:20px;}
.about2 .flexWrap div{width:100%;}
.about2 .flexWrap div img{width:100%;}
.about3 > .flexWrap > .rightWrap{width:100%;}
.about4{background-image:none;}


/*=====プレス　=====*/
.press1 > .flexWrap{flex-direction:column;}
.press1 .pressP{margin-right:0;width:100%;margin-bottom:20px;}
.press1 .pressP img{width:auto;max-width:100%!important;}
.press2 > .flexWrap{flex-direction:column;}
.press2 .flexWrap .newsWrap{width:100%;}
.press2 .flexWrap .fbWrap{width:100%; margin-top:20px;}
/*=====北京飯　=====*/
.pekin1 .topPhoto{margin-right:0;}
.pekin1 .flexWrap{flex-direction:column;padding-left:0;margin-top:10px;}
.pekin1 > .flexWrap div:first-of-type{width:100%;}
.pekin1 > .flexWrap div:last-of-type{width:100%;}
.pekin1 .rotateText{display:inline-block!important;}
.pekin1 .rotateText.black{background-color:#000;}
.pekin1 .spOnly p:nth-of-type(2){margin-left:20px;margin-bottom:20px;}
.pekin2{margin-top:0px;margin-right:0;margin:0 auto;padding-bottom:0;}
.pekin2 .flexWrap{flex-direction: column;}
.pekin2 .flexWrap:first-of-type{margin-bottom:20px;}
.pekin2 .hanWrap{width:100%;margin-bottom:40px;}
.pekin2 .hanWrap div{width:100%;margin-top:0;}
.pekin3{padding-top:0;}
.pekin3 > .flexWrap{flex-direction:column;}
.pekin3 .pekinMenuWrap{width:100%;}
.pekinMenuPhoto{width:80%;margin:0 auto;}
.gyozaWrap{background:url(../img/great/c_sp.png) no-repeat;background-size:cover;border:1px solid #a81e37;padding:10px;}
.gyozaWrap h3{text-align:left;font-size:22px;margin-top:200px;}
.gyozaWrap h3 span{font-size:14px;}
.pekin2.p4 .hanWrap div{width:100%;}
.rotateText{position:static;}


/*=====スタッフ　=====*/
.staff1 .flexWrap{flex-direction:column;}
.staff1 .flexWrap > div{text-align:left;}
.staff1:nth-of-type(even) .flexWrap{flex-direction:column;}
.staff1:nth-of-type(even) .flexWrap > div:last-of-type{text-align:left;}
.staff1 .flexWrap > div:first-of-type{width:80%;margin:0 auto;}
.staff1 .flexWrap > div{width:100%;}

/*=====追記2020/05/21　成瀬　トップ　動画挿入=====*/
.youtubeWrap{padding:40px 0;}

}