@charset "UTF-8";
/*====================================================================

	西葛西探検隊が行く！！

====================================================================*/
.section_nishikasai {
	/*background: url("../images/nishikasai/section_bg.png") repeat left top;
	background-size: auto 100px;
	background: #e60012;*/
	background: #816c6a;
}
.section_nishikasai .justify p {
	text-align: justify;
	text-justify: inter-ideograph; /*IE*/
}
/* PC小*/
@media screen and (max-width: 1400px) {

}/* for pc(mini) max-width: 1400px */
/* タブレット以下 */
@media screen and (max-width: 1070px) {

}/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.section_nishikasai {
	/*background: url("../images/nishikasai/section_bg.png") repeat left top;
	background-size: auto 50px;*/
}
}/* for SP max-width: 800px */

/*===============================================================
	
	タイトル
	
===============================================================*/
.section_nishikasai .main_title {
	position: relative;
	width: 100%;
	background: url("../images/nishikasai/main_title_bg.png") no-repeat center bottom #effbff;
	background-size: cover;
	overflow: hidden;
}
.section_nishikasai .main_title .content_width {
	position: relative;
	text-align: center;
	padding: 70px 0 60px;
}
.section_nishikasai .main_title .title {
	position: relative;
	width: 67.090909090909091%;
	opacity: 0;
	margin: 0 auto;
}
.is-loaded .section_nishikasai .main_title .title {
	animation: titleAnime 0.5s ease-in-out 0.1s forwards;
}
@keyframes titleAnime {
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.section_nishikasai .main_title .lead {
	display: inline-block;
	background: rgba(255, 255, 255, .7);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
	opacity: 0;
	padding: 25px 45px;
	margin-top: 30px;
}

.is-loaded .section_nishikasai .main_title .lead {
	animation: leadAnime 0.5s ease-in-out 0.1s forwards;
}
@keyframes leadAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.section_nishikasai .main_title .lead p {
	color: #e60012;
	line-height: 2.5;
	font-weight: bold;
}
.section_nishikasai .main_title .badge {
	position: absolute;
	top: 1.153846153846154%;
	right: 0;
	width: 16.822429906542056%;
	z-index: 30;
}
.badge_anime {
	opacity: 0;
}
.is-loaded .badge_anime {
	visibility: visible;
	animation: badgeAnime 0.5s ease-in-out 0.1s forwards;
}
@keyframes badgeAnime {
  0% {
    opacity: 0;
	transform: scale(1.25) rotate(-30deg);
  }/*
  60% {
	transform: scale(1.1) rotate(15deg);
  }
  80% {
	transform: scale(0.95) rotate(-5deg);
  }*/
  100% {
    opacity: 1;
	transform: scale(1) rotate(0);
  }
}

.section_nishikasai .main_title .student {}
.section_nishikasai .main_title .student li {
	position: absolute;
	visibility: hidden;
	z-index: 10;
}
.section_nishikasai .main_title li.student01 {
	bottom: 3.269230769230769%;
	left: 9.818181818181818%;
	width: 11.909090909090909%;
	z-index: 10;
}
.student01_anime {
	opacity: 0;
}
.is-loaded .student01_anime {
	visibility: visible;
	animation: student01Anime 0.5s ease-in-out 0.1s forwards;
}
@keyframes student01Anime {
  from {
    opacity: 0;
	transform: translateX(5%);
  }
  to {
    opacity: 1;
	transform: translateX(0);
  }
}

.section_nishikasai .main_title li.student02 {
	bottom: -0.961538461538462%;
	right: 0;
	width: 16.454545454545455%;
	z-index: 10;
}
.student02_anime {
	opacity: 0;
}
.is-loaded .student02_anime {
	visibility: visible;
	animation: student02Anime 0.425s ease-in-out 0.175s forwards;
}
@keyframes student02Anime {
  from {
    opacity: 0;
	transform: translateX(5%);
  }
  to {
    opacity: 1;
	transform: translateX(0);
  }
}

.section_nishikasai .main_title li.student03 {
	bottom: -0.384615384615385%;
	left: 0;
	width: 12.909090909090909%;
	z-index: 20;
}
.student03_anime {
	opacity: 0;
}
.is-loaded .student03_anime {
	visibility: visible;
	animation: student03Anime 0.35s ease-in-out 0.25s forwards;
}
@keyframes student03Anime {
  from {
    opacity: 0;
	transform: translateX(-10%);
  }
  to {
    opacity: 1;
	transform: translateX(0);
  }
}

.section_nishikasai .main_title li.student04 {
	bottom: -1.538461538461538%;
	right: 8.545454545454545%;
	width: 12.545454545454545%;
	z-index: 20;
}
.student04_anime {
	opacity: 0;
}
.is-loaded .student04_anime {
	visibility: visible;
	animation: student04Anime 0.175s ease-in-out 0.325s forwards;
}
@keyframes student04Anime {
  from {
    opacity: 0;
	transform: translateX(-5%);
  }
  to {
    opacity: 1;
	transform: translateX(0);
  }
}

/* PC小*/
@media screen and (max-width: 1400px) {

}/* for pc(mini) max-width: 1400px */
/* タブレット以下 */
@media screen and (max-width: 1070px) {
.section_nishikasai .main_title .lead p {
	font-size: 1.4vw;
}
}/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.section_nishikasai .main_title {
	background: url("../images/nishikasai/main_title_bg.png") no-repeat center bottom #effbff;
	background-size: 120% auto;
}
.section_nishikasai .main_title .content_width {
	position: relative;
	text-align: center;
	padding: 4vw 0 29.333333333333333vw;
}
.section_nishikasai .main_title .title {
	width: 92.266666666666667vw;
}
.section_nishikasai .main_title .lead {
	display: inline-block;
	background: rgba(255, 255, 255, .7);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
	padding: 4vw 5.333333333333333vw;
	margin-top: 4vw;
}
.section_nishikasai .main_title .lead p {
	font-size: 3.3vw;
	line-height: 1.6;
}
.section_nishikasai .main_title .badge {
	top: auto;
	bottom: 1.333333333333333vw;
	left: 0;
	width: 30.4%;
	margin: 0 auto;
}
.section_nishikasai .main_title li.student01 {
	bottom: -14.933333333333333vw;
	left: 17.866666666666667%;
	width: 21.866666666666667%;
}
.section_nishikasai .main_title li.student02 {
	bottom: -25.333333333333333vw;
	width: 29.6%;
}
.section_nishikasai .main_title li.student03 {
	bottom: -22.933333333333333vw;
	left: 0;
	width: 21.866666666666667vw;
}
.section_nishikasai .main_title li.student04 {
	bottom: -25.866666666666667vw;
	right: 17.6%;
	width: 22.933333333333333%;
}
}/* for SP max-width: 800px */

/*===============================================================
	
	マップ
	
===============================================================*/
.section_nishikasai .map_wrp {
	position: relative;
	padding: 30px 0;
}
.section_nishikasai .map_wrp:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 5px;
	left: 0;
	top: 25px;
	background: url(../images/nishikasai/wave_line_top.png) repeat-x left bottom;
	background-size: auto 5px;
	z-index: 1;
}
.section_nishikasai .map_wrp:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 5px;
	left: 0;
	bottom: 25px;
	background: url(../images/nishikasai/wave_line_bottom.png) repeat-x left bottom;
	background-size: auto 5px;
	z-index: 1;
}
.section_nishikasai .map_wrp .bg {
	display: flex;
	flex-direction: column;
	background: url(../images/nishikasai/map_wrp_bg.png) repeat center left;
	background-size: auto 500px;
	padding: 30px 0;
}
/* ナビゲーション */
.section_nishikasai .map_nav {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	z-index: 0;
}
/*
.section_nishikasai .map_nav:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 2px;
	border-bottom: 2px dotted #000;
	margin-top: -1px;
	z-index: -1;
}
*/
.section_nishikasai .map_nav li {
	width: 25%;
}
.section_nishikasai .map_nav a {
	display: block;
	color: #000;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	/*padding: 10px 0;*/
	transition: .2s;
}
.section_nishikasai .map_nav a:hover {
	color: #ea5750;
	text-decoration: none;
}
.section_nishikasai .map_nav a .inner {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 50px;
	font-weight: bold;
	margin: 10px;
}
.section_nishikasai .map_nav a .inner:before {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
	border-bottom: 2px dotted #000;
}
.section_nishikasai .map_nav li:nth-last-child(-n+4) a .inner:before {
	content: none;
}
.section_nishikasai .map_nav a .inner:after {
	content: "";
	position: absolute;
	top: 0;
	right: -10px;
	height: 100%;
	border-right: 2px dotted #000;
}
.section_nishikasai .map_nav li:nth-child(4n) a .inner:after {
	content: none;
}

.section_nishikasai .map_nav li:nth-child(4n) a .inner  {
	border-right: none;
}
.section_nishikasai .map_nav a .no {
	display: block;
	width: 30px;
	margin-right: 10px;
}
/* 地図 */
.section_nishikasai .map {
	position: relative;
	background: url("../images/nishikasai/map_bg.png") no-repeat bottom center;
	background-size: cover;
	padding-top: 85.763888888888889%;
	margin: 20px 0 0;
}
.section_nishikasai .map_shop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.section_nishikasai .map_shop li {
	position: absolute;
	width: 11.111111111111111%; /* 13.888888888888889%; */
	animation: shop 5s ease-in-out 0s infinite;
	z-index: 10;
}
.section_nishikasai .map_shop li a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	/*background: #ee0;*/
	transform: translate(-50%, -50%);
}
.section_nishikasai .map_shop li .label {
	position: absolute;
	top: 100%;
	left: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: -25px;
	transform: translateX(-50%);
}
.section_nishikasai .map_shop li .label .no {
	display: block;
	width: 50px;
	margin-bottom: 5px;
}
.section_nishikasai .map_shop li .label .name {
	display: block;
}
/* 01.CAT PLAZA with NECO REPUBLIC */
.section_nishikasai .map_shop li.no01 {
	top: 9.392712550607287%;
	left: 45.416666666666667%;
}
.section_nishikasai .map_shop li.no01 .label {}
.section_nishikasai .map_shop li.no01 .label .name {
	width: 79.5%;
	max-width: 159px;
}
/* 02.PHO365 */
.section_nishikasai .map_shop li.no02 {
	top: 12.631578947368421%;
	left: 12.777777777777778%;
}
.section_nishikasai .map_shop li.no02 .label {}
.section_nishikasai .map_shop li.no02 .label .name {
	width: 53.5%;
	max-width: 107px;
}
/* 03.アンビカベジ&ヴィーガンショップ */
.section_nishikasai .map_shop li.no03 {
	top: 84.37246963562753%;
	left: 10.069444444444444%;
}
.section_nishikasai .map_shop li.no03 .label {}
.section_nishikasai .map_shop li.no03 .label .name {
	width: 112.5%;
	max-width: 225px;
}
/* 04.CRISS CROSS */
.section_nishikasai .map_shop li.no04 {
	top: 84.534412955465587%;
	left: 65.069444444444444%;
}
.section_nishikasai .map_shop li.no04 .label {}
.section_nishikasai .map_shop li.no04 .label .name {
	width: 93.5%;
	max-width: 187px;
}
/* 05.Gonno bakery market */
.section_nishikasai .map_shop li.no05 {
	top: 90.688259109311741%;
	left: 89.583333333333333%;
}
.section_nishikasai .map_shop li.no05 .label {}
.section_nishikasai .map_shop li.no05 .label .name {
	width: 143.5%;
	max-width: 287px;
}
/* 06.ナチュラルカフェ */
.section_nishikasai .map_shop li.no06 {
	top: 87.854251012145749%;
	left: 47.013888888888889%;
}
.section_nishikasai .map_shop li.no06 .label {}
.section_nishikasai .map_shop li.no06 .label .name {
	width: 101%;
	max-width: 202px;
}
/* 07.新鮮野菜パドルテール */
.section_nishikasai .map_shop li.no07 {
	top: 72.226720647773279%;
	left: 82.916666666666667%;
}
.section_nishikasai .map_shop li.no07 .label {}
.section_nishikasai .map_shop li.no07 .label .name {
	width: 128%;
	max-width: 256px;
}
/* 08.大阪ふぃがろ亭 西葛西 */
.section_nishikasai .map_shop li.no08 {
	top: 48.744939271255061%;
	left: 82.916666666666667%;
}
.section_nishikasai .map_shop li.no08 .label {}
.section_nishikasai .map_shop li.no08 .label .name {
	width: 132%;
	max-width: 264px;
}
/* 09.ピットイン */
.section_nishikasai .map_shop li.no09 {
	top: 86.963562753036437%;
	left: 28.958333333333333%;
}
.section_nishikasai .map_shop li.no09 .label {}
.section_nishikasai .map_shop li.no09 .label .name {
	width: 63.5%;
	max-width: 127px;
}
/* 10.カラオケマック */
.section_nishikasai .map_shop li.no10 {
	top: 67.125506072874494%;
	left: 44.722222222222222%;
}
.section_nishikasai .map_shop li.no10 .label {}
.section_nishikasai .map_shop li.no10 .label .name {
	width: 89.5%;
	max-width: 179px;
}
/* 11.東京べーぐる べーぐり */
.section_nishikasai .map_shop li.no11 {
	top: 47.044534412955466%;
	left: 11.111111111111111%;
}
.section_nishikasai .map_shop li.no11 .label {}
.section_nishikasai .map_shop li.no11 .label .name {
	width: 131%;
	max-width: 262px;
}
/* 12.まんぷく食堂 */
.section_nishikasai .map_shop li.no12 {
	top: 67.044534412955466%;
	left: 65.625%;
}
.section_nishikasai .map_shop li.no12 .label {}
.section_nishikasai .map_shop li.no12 .label .name {
	width: 77%;
	max-width: 154px;
}
/* 13.カフェデミール */
.section_nishikasai .map_shop li.no13 {
	top: 49.068825910931174%;
	left: 31.597222222222222%;
}
.section_nishikasai .map_shop li.no13 .label {}
.section_nishikasai .map_shop li.no13 .label .name {
	width: 90%;
	max-width: 180px;
}
/* 14.日本蕎麦Ori-Ori */
.section_nishikasai .map_shop li.no14 {
	top: 43.724696356275304%;
	left: 66.527777777777778%;
}
.section_nishikasai .map_shop li.no14 .label {}
.section_nishikasai .map_shop li.no14 .label .name {
	width: 98%;
	max-width: 196px;
}
/* 15.TMVS Foods */
.section_nishikasai .map_shop li.no15 {
	top: 17.246963562753036%;
	left: 60.694444444444444%;
}
.section_nishikasai .map_shop li.no15 .label {}
.section_nishikasai .map_shop li.no15 .label .name {
	width: 84%;
	max-width: 168px;
}
/* 16.あ江戸川区自然動物園ああ */
.section_nishikasai .map_shop li.no16 {
	top: 8.259109311740891%;
	left: 28.402777777777778%;
}
.section_nishikasai .map_shop li.no16 .label {}
.section_nishikasai .map_shop li.no16 .label .name {
	width: 115%;
	max-width: 230px;
}

@-webkit-keyframes shop {
	0% {  -webkit-transform: scale(1); }
	50% {  -webkit-transform: scale(0.95); }
	100% {  -webkit-transform: scale(1); }
}
@keyframes shop {
	0% {  transform: scale(1); }
	50% {  transform: scale(0.95); }
	100% {  transform: scale(1); }
}

/* PC小*/
@media screen and (max-width: 1400px) {

}/* for pc(mini) max-width: 1400px */
/* タブレット以下 */
@media screen and (max-width: 1070px) {
.section_nishikasai .map_nav a {
	font-size: 1.35vw;
}
}/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.section_nishikasai .map_wrp {
	padding: 30px 0;
}
.section_nishikasai .map_wrp:before {
	top: 25px;
}
.section_nishikasai .map_wrp:after {
	bottom: 25px;
}
.section_nishikasai .map_wrp .bg {
	flex-direction: column-reverse;
	padding: 15px 0;
}
/* ナビゲーション */
.section_nishikasai .map_nav {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin: 0 10px;
	z-index: 0;
}
/*
.section_nishikasai .map_nav:before {
	top: 0;
	left: 50%;
	width: 2px;
	height: 100%;
	border-bottom: none;
	border-right: 2px dotted #727272;
	margin-top: 0;
	margin-left: -1px;
}
*/
.section_nishikasai .map_nav li {
	width: 50%;
}
.section_nishikasai .map_nav a {
	display: block;
	color: #000;
	font-size: 2.8vw;
	line-height: 1.5;
	letter-spacing: 0;
	/*padding: 0 1.333333333333333vw ;*/
	transition: .2s;
}
.section_nishikasai .map_nav a:hover {
	color: #ea5750;
	text-decoration: none;
}
.section_nishikasai .map_nav a .inner {
	min-height: 10vw;
	border-right: none;
	/*border-bottom: 2px dotted #727272;
	padding: 2vw 0;*/
}
.section_nishikasai .map_nav li:nth-last-child(-n+4) a .inner:before {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
	border-bottom: 2px dotted #000;
}
.section_nishikasai .map_nav li:nth-last-child(-n+2) a .inner:before {
	content: none;
}
.section_nishikasai .map_nav li:nth-child(4n) a .inner:after {
	content: "";
	position: absolute;
	top: 0;
	right: -10px;
	height: 100%;
	border-right: 2px dotted #000;
}
.section_nishikasai .map_nav li:nth-child(2n) a .inner:after {
	content: none;
}
.section_nishikasai .map_nav li:nth-child(n+7) a .inner  {
	border-bottom: none;
}
.section_nishikasai .map_nav a .no {
	width: 5.333333333333333vw;
	margin-right: 1.333333333333333vw;
}
/* 地図 */
.section_nishikasai .map {
	/*position: relative;
	background: url("../images/nishikasai/map_bg.png") no-repeat bottom center;
	background-size: cover;
	padding-top: 100%;*/
	overflow-x: auto;
	padding-top: 171.527777777777778%;
	background: none;
	margin: 15px 0;
}
.section_nishikasai .map_shop {
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	height: 100%;
	background: url("../images/nishikasai/map_bg.png") no-repeat bottom center;
	background-size: cover;
}
.section_nishikasai .map_shop li {
	position: absolute;
	/*animation: none;*/
	z-index: 10;
}
.section_nishikasai .map_shop li a {
	/*pointer-events: none;*/
}
.section_nishikasai .map_shop li .label {
	left: 50%;
	bottom: 0;
	display: block;
	width: auto;
	margin-top: -3vw;
}
.section_nishikasai .map_shop li .label .no {
	width: 10vw;
	margin: 0;
}
.section_nishikasai .map_shop li .label .name {
	display: none;
}
/* CAT PLAZA with NECO REPUBLIC */
.section_nishikasai .map_shop li.no01 .label {}
/* PHO365 */
.section_nishikasai .map_shop li.no02 .label {}
/* アンビカベジ&ヴィーガンショップ */
.section_nishikasai .map_shop li.no03 .label {}
/* CRISS CROSS */
.section_nishikasai .map_shop li.no04 .label {}
/* Gonno bakery market */
.section_nishikasai .map_shop li.no05 .label {}
/* ナチュラルカフェ */
.section_nishikasai .map_shop li.no06 .label {}
/* 新鮮野菜パドルテール */
.section_nishikasai .map_shop li.no07 .label {}
/* 大阪ふぃがろ亭 西葛西 */
.section_nishikasai .map_shop li.no08 .label {}
}/* for SP max-width: 800px */

/*===============================================================

	モーダルウインドウ

===============================================================*/
html.is-modal {
	/*width: 100%;
	height: 100%;*/
	overflow: hidden;
}
#footer-nav-fixed {
	z-index: 100000;
}
#footer-nav-fixed.modal {
	bottom: 200%;
	border-top: none; /* 2019版sticky対応 */
}
.modal_bg {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	/*width: 100vw;
	height: 100%;*/
	overflow: auto;
	/*background: rgba(0, 0, 0, .3);*/
	-webkit-overflow-scrolling: touch;
	cursor: pointer;
	z-index: 10000;
}
.modal_bg:before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .3);
	z-index: 9999;
}
.modal_body {
	position: relative;
	left: 50%;
	width: 600px;
	background: #fff;
	cursor: default;
	transition: all 0.3s;
	-webkit-transform: translate(60px,-40px);
	transform: translate(60px,-40px);
	animation: 300ms modal_out;
	padding: 30px 40px;
	margin: 40px 0 40px -300px;
	z-index: 10001;
}
/* hack
@media all and (-ms-high-contrast:none){
	.modal_body {
		max-height: 90%;
		overflow-y: auto;
	}
}
*/
.modal_body .close_top a {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.modal_body a {
	transition: .2s;
}
.modal_body .num {
	width: 80px;
	height: 80px;
	margin: 0 auto 15px;
}
.modal_body .recommend {
	text-align: center;
}
.modal_body .recommend p {
	display: inline-block;
	font-size: 16px;
	line-height: 1.42;
	font-weight: bold;
	margin: 0;
}
.modal_body .recommend p:before {
	display: inline-block;
	content: "";
	width: 2px;
	height: 1.42em;
	background: #000;
	-webkit-transform: rotate(-30deg);
	-webkit-transform-origin: right bottom;
	transform: rotate(-30deg);
	transform-origin: 400% 50%;
	margin-right: 1em;
}
.modal_body .recommend p:after {
	display: inline-block;
	content: "";
	width: 2px;
	height: 1.42em;
	background: #000;
	-webkit-transform: rotate(30deg);
	-webkit-transform-origin: left bottom;
	transform: rotate(30deg);
	transform-origin: -400% 50%;
	margin-left: 1em;
}
.modal_body .modal_title {
	color: #e50012;
	font-size: 18px;
	line-height: 1.3;
	font-weight: bold;
	text-align: center;
	margin-top: 15px;
}
.modal_body.modal_red .modal_title {
	color: #e60012;
}
.modal_body.modal_orange .modal_title {
	color: #ea5750;
}
.modal_body .inside_photo {
	margin-top: 15px;
}
.modal_body .review {
	margin-top: 15px;
}
.modal_body .review p {
	font-size: 14px;
}
.modal_body .review p + p {
	margin-top: 1em;
}
.modal_body .staff {
	position: relative;
	margin-top: 20px;
}
.modal_body .staff .illust {
	position: relative;
	width: 200px;
	margin: 0 auto;
	z-index: 20;
}
.modal_body .staff .name {
	position: absolute;
	left: 50%;
	bottom: 20px;
	color: #fff;
	font-size: 12px;
	line-height: 2.4em;
	text-align: center;
	word-break: keep-all;
	white-space: nowrap;
	background: #e60012;
	border-radius: 1.2em;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 0 1em;
	z-index: 30;
}
.modal_body .staff .balloon {
	position: absolute;
	width: 25%;
	top: 0;
	right: 50%;
	margin-right: -115px;
	transform: translateX(50%);
	z-index: 40;
}
.modal_body .staff .other {
	position: absolute;
	z-index: 50;
}
#modal01 .modal_body .staff .illust {}
#modal01 .modal_body .staff .balloon {
	margin-right: -130px;
}
#modal02 .modal_body .staff .illust {}
#modal02 .modal_body .staff .balloon {}
#modal03 .modal_body .staff .illust {
	width: 370px;
}
#modal03 .modal_body .staff .balloon {
	margin-right: -175px;
}
#modal03 .modal_body .staff .name.left {
	-webkit-transform: translateX(-110%);
	transform: translateX(-110%);
}
#modal03 .modal_body .staff .name.right {
	-webkit-transform: translateX(10%);
	transform: translateX(10%);
}
#modal04 .modal_body .staff .illust {}
#modal04 .modal_body .staff .balloon {}
#modal05 .modal_body .staff .illust {
	margin-bottom: 20px
}
#modal05 .modal_body .staff .balloon {
	margin-right: -150px;
}
#modal06 .modal_body .staff .illust {
}
#modal06 .modal_body .staff .balloon {}
#modal07 .modal_body .staff .illust {}
#modal07 .modal_body .staff .balloon {
	margin-right: -145px;
}
#modal08 .modal_body .staff .illust {}
#modal08 .modal_body .staff .balloon {}
#modal09 .modal_body .staff .illust {}
#modal09 .modal_body .staff .balloon {
	margin-right: -145px;
}
#modal10 .modal_body .staff .illust {}
#modal10 .modal_body .staff .balloon {}
#modal11 .modal_body .staff .illust {}
#modal11 .modal_body .staff .balloon {}
#modal12 .modal_body .staff .illust {}
#modal12 .modal_body .staff .balloon {}
#modal13 .modal_body .staff .illust {}
#modal13 .modal_body .staff .balloon {}
#modal14 .modal_body .staff .illust {}
#modal14 .modal_body .staff .balloon {}
#modal15 .modal_body .staff .illust {}
#modal15 .modal_body .staff .balloon {}
#modal16 .modal_body .staff .illust {}
#modal16 .modal_body .staff .balloon {}
.modal_body .info {
	display: flex;
	flex-wrap: nowrap;
	border-top: 2px dotted #000;
	padding: 15px 0 0;
}
.modal_body .info p {
	color: #000;
}
.modal_body .info .basic {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
}
.modal_body .info .basic .name {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}
.modal_body .info .basic .ruby {
	font-size: 11px;
	letter-spacing: 0;
	margin-bottom: 10px;
}
.modal_body .info .basic .address,
.modal_body .info .basic .tel {
	font-size: 14px;
	margin: 0;
}
.modal_body .info .business_hour {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
}
.modal_body .info .business_hour p {
	font-size: 14px;
}
.modal_body .info  a {
	text-decoration: underline;
}
.modal_body .info a:hover {
	opacity: .6;
}
.modal_body .info .business_hour p + p {
	margin-top: 10px;
}
.modal_body .info .title {
	font-weight: bold;
}
.modal_body .info .business_hour p.title.closed_day {
	font-weight: normal;
}
.modal_body .info .business_hour .caution {
	font-size: 12px;
	margin-top: 0;
}
.modal_body .info .business_hour .twitter {
	font-size: 14px;
}
.modal_body .info .business_hour p.offer {
	text-align: right;
}
.modal_body .close_bottom  {
	margin-top: 20px;
}
.modal_body .close_bottom a {
	display: block;
	width: 200px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #000;
	font-size: 16px;
	line-height: 2.25;
	text-align: center;
	border: 2px solid #000;
	background: url("../images/nishikasai/modal_close.svg") no-repeat 4.081632653061224% center #fff;
	background-size: 7.142857142857143% auto;
	transition: 0s;
	margin: 0 auto;
}
.modal_body .close_bottom a:hover {
	color: #fff;
	background-image: url("../images/nishikasai/modal_close_hover.svg");
	background-color: #000;
	background-size: 7.142857142857143% auto;
	text-decoration: none;
	/*opacity: .8;*/
}
/* controler */
.modal_bg .controler {}
.modal_bg .controler .next,
.modal_bg .controler .prev {
	position: fixed;
	top: 50%;
	width: 40px;
	height: 40px;
	z-index: 10002;
}
.modal_bg .controler .next a,
.modal_bg .controler .prev a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	text-indent: 100vw;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.modal_bg .controler .next a:after,
.modal_bg .controler .prev a:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 15px;
	height: 15px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
}
.modal_bg .controler .next {
	right: 50%;
	transform: translateX(410px);
}
.modal_bg .controler .prev {
	left: 50%;
	transform: translateX(-290px);
}
.modal_bg .controler .next a:after {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	margin-left: -3px;
}
.modal_bg .controler .prev a:after {
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg);
	margin-left: 3px;
}

.modal_bg.is_visible .modal_body {
	-webkit-transform: translate(60px,0);
	transform: translate(60px,0);
	animation: 400ms modal_in;
}
@-webkit-keyframes modal_in {
	0% { -webkit-transform: translate(60px,-40px); }
	100% { -webkit-transform: translate(60px,0); }
}
@keyframes modal_in {
	0% { transform: translate(60px,-40px); }
	100% { transform: translate(60px,0); }
}
@-webkit-keyframes modal_out {
	0% { -webkit-transform: translate(60px,0); }
	100% { -webkit-transform: translate(60px,-40px); }
}
@keyframes modal_out {
	0% { transform: translate(60px,0); }
	100% { transform: translate(60px,-40px); }
}

/* PC小*/
@media screen and (max-width: 1400px) {

}/* for pc(mini) max-width: 1400px */
/* タブレット以下 */
@media screen and (max-width: 1070px) {

}/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.modal_bg {}
.modal_body {
	width: 90%;
	padding: 15px;
	margin: 20px 0 20px -45%;
}
.modal_body .num {
	margin: 0 auto 10px;
}
.modal_body .recommend p {
	font-size: 3.5vw;
}
.modal_body .modal_title {
	font-size: 4.0vw;
	margin-top: 10px;
}
.modal_body .num {
	margin-bottom: 15px;
}
.modal_body .recommend {
	font-size: 3.5vw;
}
.modal_body .recommend:before {
	-webkit-transform: translate(-7em, 50%) rotate(45deg);
	transform: translate(-7em, 50%) rotate(45deg);
}
.modal_body .recommend:after {
	-webkit-transform: translate(7em, 50%) rotate(-45deg);
	transform: translate(7em, 50%) rotate(-45deg);
}
.modal_body h2 {
	font-size: 4.2vw;
	margin: 15px 0;
}
.modal_body div.photo {
	width: 80%;
}
.modal_body .review {
	display: block;
	padding: 0 10px;
	margin: 15px 0 0;
}
.modal_body .review p {
	font-size: 3.5vw;
}
.modal_body .staff {
	margin-top: 15px;
}
.modal_body .staff .illust {
	/*position: absolute;*/
	width: 70%;
}
.modal_body .staff .name {
	bottom: 15px;
	font-size: 3.2vw;
}
.modal_body .staff .balloon {
	width: 40%;
	margin-right: -27vw;
}
#modal01 .modal_body .staff .illust {}
#modal01 .modal_body .staff .balloon {
	margin-right: -26.5vw;
}
#modal02 .modal_body .staff .illust {}
#modal02 .modal_body .staff .balloon {}
#modal03 .modal_body .staff .illust {
	width: 75%;
}
#modal03 .modal_body .staff .balloon {
	width: 30%;
	right: 0;
	margin-right: -15px;
	transform: translateX(0);
}
#modal03 .modal_body .staff .name.left {
	font-size: 2.6vw;
	-webkit-transform: translateX(-110%);
	transform: translateX(-105%);
}
#modal03 .modal_body .staff .name.right {
	font-size: 2.6vw;
	-webkit-transform: translateX(5%);
	transform: translateX(5%);
}
#modal04 .modal_body .staff .illust {}
#modal04 .modal_body .staff .balloon {}
#modal05 .modal_body .staff .illust {
	width: 60%;
	transform: translate(-13vw);
}
#modal05 .modal_body .staff .balloon {
	margin-right: -26.5vw;	
}
#modal06 .modal_body .staff .illust {}
#modal06 .modal_body .staff .balloon {}
#modal07 .modal_body .staff .illust {
	transform: translate(-10vw);
}
#modal07 .modal_body .staff .balloon {
	margin-right: -26.5vw;	
}
#modal08 .modal_body .staff .illust {}
#modal08 .modal_body .staff .balloon {
	margin-right: -26.5vw;	
}
#modal09 .modal_body .staff .illust {}
#modal09 .modal_body .staff .balloon {
	margin-right: -26.5vw;
}
#modal10 .modal_body .staff .illust {}
#modal10 .modal_body .staff .balloon {}
#modal11 .modal_body .staff .illust {}
#modal11 .modal_body .staff .balloon {}
#modal12 .modal_body .staff .illust {}
#modal12 .modal_body .staff .balloon {}
#modal13 .modal_body .staff .illust {}
#modal13 .modal_body .staff .balloon {}
#modal14 .modal_body .staff .illust {}
#modal14 .modal_body .staff .balloon {}
#modal15 .modal_body .staff .illust {}
#modal15 .modal_body .staff .balloon {}
#modal16 .modal_body .staff .illust {}
#modal16 .modal_body .staff .balloon {}
.modal_body .info {
	display: block;
}
.modal_body .info .basic {
	width: auto;
}
.modal_body .info .basic .name {
	font-size: 3.8vw;
}
.modal_body .info .basic .ruby {
	font-size: 3.2vw;
}
.modal_body .info .basic .address,
.modal_body .info .basic .tel {
	font-size: 3.5vw;
	margin: 0;
}
.modal_body .info .business_hour {
	width: auto;
	margin-top: 10px;
}
.modal_body .info .business_hour .caution {
	font-size: 3.0vw;
}
.modal_body .info .business_hour .twitter {
	font-size: 3.5vw;
}
.modal_body .info .business_hour p {
	font-size: 3.5vw;
}
.modal_body .close_bottom {
	margin-top: 15px;
}
.modal_body .close_bottom a {
	width: 74.766355140186916%;
	font-size: 3.6vw;
	background: url("../images/nishikasai/modal_close.svg") no-repeat 4.04040404040404% center #fff;
	background-size: 7.070707070707071% auto;
}
#modal08 .modal_body .photo .staff .name.left {
	left: 4%;
}
#modal08 .modal_body .photo .staff .name.right {
	right: 0;
}
.modal_bg .controler .next {
	right: 0;
	transform: none;
}
.modal_bg .controler .prev {
	left: 0;
	transform: none;
}
	
	
.modal_bg.is_visible .modal_body {
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	animation: 400ms modal_in;
}	
@-webkit-keyframes modal_in {
	0% { -webkit-transform: translate(0,-40px); }
	100% { -webkit-transform: translate(0,0); }
}
@keyframes modal_in {
	0% { transform: translate(0,-40px); }
	100% { transform: translate(0,0); }
}
@-webkit-keyframes modal_out {
	0% { -webkit-transform: translate(0,0); }
	100% { -webkit-transform: translate(0,-40px); }
}
@keyframes modal_out {
	0% { transform: translate(0,0); }
	100% { transform: translate(0,-40px); }
}
	
}/* for SP max-width: 800px */