@charset "UTF-8";
/*============================================================
	Author and Copyright
		Author    :  prosysta Inc, (http://prosysta.co.jp/)
		Created   :  2017.01
		Modified  :  2017.01
============================================================*/

/* BASE Layout
--------------------------------------------- */

body {
	/*font-family: "游ゴシック体" , "YuGothic" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;*/
}
img {
	height: auto; 
	/*max-width: 100%;*/
	/*vertical-align: top;*/
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
a {
	word-break: break-all;
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
}
a:hover img {
	opacity: .85;
}
dd {
	margin-left: 0;
}
.wrapper {
	color: #000;
	border-top: #3F3F3F solid 3px;
}

.topics a:hover img {
	opacity: 1;
}
.container ,
.main ,
.teaser .pageTitle {
	margin: 0 auto; 
	max-width: 1000px;
}
/*.one-3 { width: 33.3333%; }*/
.one-3 { width: 50%; }
.one-2 { width: 50%; }
.flL { float: left; }
.flR { float: right; }
.dispTbl {
	display: table;
	margin-bottom: 0;
	width: 100%;
}

/* clearfix */
.cf:after {
	clear:both;
	content:" ";
	display:block;
}

/* device switch */
@media (max-width:767px) { /* forSP */
	.pc { display: none; }
}
@media (min-width:768px) { /* forPC */
	.sp { display: none; }
}


/* header
--------------------------------------------- */
.sNavItem ,
.gNavItem {
	display: inline-block;
}
.gNav {
	border-bottom: #E5E5E5 solid 1px;
}

/* contents
--------------------------------------------- */
.contents {
	line-height: 1.7;
}

a[class*="more-"] {
	position: relative;
	padding: 0.9em 1.5em;
	display: table;
	text-decoration: none;
	font-size: 1rem;
	margin: 2em auto 1em;
}
a.more-black {
	background: #404040;
	color: #fff;
	letter-spacing: .5em;
}
a[class*="more-"]::after {
	border-top: solid 1px;
	border-right: solid 1px;
	display: inline-block;
	content: "";
	height: .5em;
	width: .5em;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 1em;
}
.contactTxt {
	font-size: .9rem;
	text-align: center;
}
.contactTxt span {
	border-bottom: 4px solid #d8edf1;
}

@media (max-width:767px) { /* forSP */
header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 200;
	background-color: #fff;
	border-top: #3F3F3F solid 3px;
	overflow: hidden;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	border-bottom: #E5E5E5 solid 1px;
}
.logo {
	padding-top: 2px;
	margin: 16px auto;
	text-align: center;
	width: 41%;
}
.contents {
	padding: 0 0; 
	font-size: 12px;
}
.main .container {
	padding: 144px 0 20px;
}
.openTxt {
	padding: .8em 0 .6em;
	border-top: #E5E5E5 solid 2px;
	text-align: center;
}
.openTxt img {
	width: 80%;
	margin: auto;
}
.generalNav {
	margin: -.5em .35em 0 0;
}
.geneNavLink {
	display: block;
	background: url(../img/common/arwE02.png) no-repeat 96% center;
	background-size: 8px auto;
	padding: 1em 1.3em 1em .7em;
	font-size: 12px;
	line-height: 1.3;
}	
.address {
	margin-bottom: 2em;
}
.contactTxt {
	padding: 0 3em;
}


 /* forSP END */}

@media (min-width:768px) { /* forPC */
header {
	position: fixed;
	width: 100%;
	z-index: 1;
	background: #FFF;
	margin-top: -3px;
	border-top: #3F3F3F 3px solid;
}
.logo {
	margin: 18px auto;
	height: 54px;
	float: left;
	margin: 0;
	padding: 25px 0 25px 4px; 
}
.logo img {
	height: 54px;
	width: auto;
}
.subNav {
	font-size: 12.5px;
	border-bottom: #E5E5E5 solid 1px;
	height: 33px;
}
.facilities {
	/*font-family: 'Montserrat', sans-serif;*/
	padding: .6em 0 0;
}
.sNavItem::before {
	content: "|";
	display: inline-block;
    margin: 0 0.3em 0 0.1em;
	color: #E5E5E5;
}
.sNavItem:first-child::before {
	content: "";
}
.sNavItem:first-child .sNavLink {
	background: url(../img/common/arwW01.png) no-repeat left center;
	background-size: auto 8px; 
	padding-left: 10px;
}
.sNavLink {
	color: #000;
}
.openTxt {
	float: right;
	width: 40%;
	padding-top: 24px;
}
/*.main .container {
	padding: 30px 0 50px;
}*/
#top .main .container {
	padding-top: 170px;
}
.inner {
	overflow: hidden;
}
a[class*="more-"] {
	margin: 5em auto 1em;
	padding: 0.9em 3em 0.9em 3em;
}
a[class*="more-"]::after {
	right: 1.5em;
}
.contactTxt span {
	padding-bottom: .4em;
}
}


 /* forPC END */


/* footer
--------------------------------------------- */
footer {
	background-color: #3F3F3F;
	margin-top: 30px;
	font-size: 13px;
	line-height: 1.7;
}
footer ,
footer .inner a {
	color: #fff;
}
.toPageTop {
	font-family: 'Montserrat', sans-serif;
	position: relative;
	/* top: -40px; */
	text-align: right;
	margin-bottom: .5em;
	margin-right: 2.5%;
	position: fixed;
	bottom: 1em;
	right: 0;
}
.toPageTop a {
	display: inline-block;
	background: rgba(255,255,255,.85) url(../img/common/arwTop.png) no-repeat 18% center;
	background-size: 9px auto;
	padding: .5em .6em .5em 25px;
	font-size: 15px;
	line-height: 1.1;
	border: #a0a0a0 solid 1px;
}
.toPageTop a:hover {
	text-decoration: none;
	background-color: #BFBFBF;
}
.footLogo img {
	width: auto;
}
.fNavItem {
	float: left;
	margin-right: 1.5em;
}
.fNavLink {
	display: block;
}
.flClear {
	float: none;
}
.copy {
	margin-top: 2.5em;
	font-size: 12px;
}

@media (max-width:767px) { /* forSP */
footer {
	padding: 35px 0 3em;
}
.toPageTop a {
	border: #a0a0a0 solid 1px;
}
.footInfo {
	margin-top: -.5em;
	text-align: center;
}
.footLogo {
	margin: 0 auto;
}
.footLogo img {
	height: 30px;
}
.fNavItem {
	background-color: #191919;
	width: 50%;
	margin: 0 0 1px;
}
.fNavLink {
	background: url(../img/common/arwE02.png) no-repeat 96% center;
	background-size: 8px auto;
	padding: 1em 1.1em 1em .9em;
	font-size: 12px;
	line-height: 1.3;
}
.fNavLink:nth-child(odd) {
	border-right: #3F3F3F solid 1px;
}
.copy {
	text-align: center;
}
/* forSP END */}

@media (min-width:768px) { /* forPC */
footer {
	padding: 45px 0 40px;
}
footer .container {
	position: relative;
	padding-bottom: .6em;
}
footer .inner {
	display: table;
	width: 100%;
}
.footInfo {
	width: 33%;
	text-align: center;
	margin: auto;
}
.footLogo {
	margin: 0;
	/*width: 163px;*/
}
.footLogo img {
	height: 34px;
}

.fNavLink {
	background: url(../img/common/arwE01.png) no-repeat right center;
	background-size: 5px auto;
	padding: 0 13px 0 0;
	line-height: 2.4;
}

/* forPC END */}


@media (min-width:768px) and (max-width:1000px) {/* PC＆タブレット */
.footInfo {
	width: 38%;
}
/* PC用＆タブレット END */}



/* add 180525 */
html {
	font-size: 10px;
}
.wrapper footer {
    padding-top: 35px;
}
footer .copy {
	font-size: 12px;
	margin: 20px auto;
	text-align: center;
}
.drawer {
	overflow-y: initial;
	color: #000;
}
.drawer a {
	color: #000;
}
.menu .facilities .item:nth-of-type(3n) .link::before {
    right: .9em;
}
a[class*="more-"] {
    font-size: 16px;
}
.contactTxt {
    font-size: 15px;
}

@media (max-width: 767px) {
header {
	padding: 0;
	text-align: center;
}
.generalNav {
    margin: .5em .35em 0 0;
}	
header.global h1 {
    padding-right: 0;
}
.main .container {
    padding-top: 136px;
}
}

@media (min-width: 768px) {
header.global {
     height: 105px; 
     text-align:center;
}
.logo img {
	height: 49px;
}
.openTxt {
	width: 400px;
}
.opa-trigger {
	float: right;
	width: 19em;
	padding: .3em 1.5em .3em .7em;
	font-size: 14px;
	margin: 2.3em 0 .6em 2em;
	margin-bottom: .6em;
	cursor: pointer;
	border-radius: 1px;
	display: inline-block;
}
.opa-trigger::before {
    right: 12px;
}
#top .main .container {
	padding-top: 165px;
}
.menu .facilities .item:nth-of-type(3n+2).all-top .link, .menu .facilities .item:nth-of-type(3n+3).all-top .link , .drawer .opa-group {
    border: none;
}
.pc-on .facilities ul + p {
     margin: 0 0 3.5em; 
}
}

/* add 180530 */
@media (min-width: 768px) {
.menu .opa-group .facilities .item.all-top {
    width: 50%;
}
}
@media (min-width: 1024px) {
.menu .opa-group .facilities .item.all-top {
    width: 33.3333%;
}
}
@media (min-width: 1200px) {
.menu .opa-malls .facilities .item.all-top {
    width: 25%;
}
}

@media (min-width: 768px) {
.pc-on {
    top: 1.5em;
    left: initial;
    right: 4%;
    width: 95%;
    max-width: 1100px;
    min-width: 1050px;

    left: initial;
    min-width: 97vw;
}
}


/* add 180727 */
.openTxt ,
.global .openStaff-bnr {
	display: inline-block;
	vertical-align: middle;
}
.openTxt {
	width: 55%;
}
.global .openStaff-bnr {
	width: 40%;
}
a.more-black {
	background: none;
	border: 1px solid #404040;
	color: #404040;
	margin-top: 3em;
}
a.more-black:hover {
	background: #404040;
	color: #FFF;
	opacity: 1;
}
.contents .openStaff-bnr {
	text-align: center;
}
@media (max-width: 767px) {/* SP */
.head-r-area {
	padding: .8em 0 .6em;
	border-top: #E5E5E5 solid 2px;
	text-align: center;
}
.openTxt {
	padding: 0;
	border-top: 0;
}
.openTxt {
	padding: 0 10px;
}
.openTxt img {
	width: 100%;
}
.contents .openStaff-bnr ,
.contents .openStaff-bnr img {
	width: 100%;
}
}
@media (min-width: 768px) {/* PC */
.head-r-area {
	float: right;
	padding-top: 14px;
}
.openTxt {
	padding-top: 0;
	padding-right: 20px;
	float: none;
}	
.head-r-area {
	max-width: 560px;
}
.openTxt {
	width: 365px;
}
.global .openStaff-bnr {
	width: 190px;
}
}
@media (min-width:768px) and (max-width:1000px) {/* PC＆タブレット */
.head-r-area {
	max-width: 340px;
	padding-top: 30px;
}
.openTxt {
	width: 200px;
}
.global .openStaff-bnr {
	width: 100px;
}

}


/* add 180807 */
.foot-bnr-area {
	text-align: center;
}

@media (max-width: 767px) {/* SP */
.foot-bnr-area {
	width: 70%;
	margin: auto;
}
.foot-bnr-area > [class*="-bnr"]:nth-child(even) {
	margin-top: 2em;
}
a.more-black {
	margin-top: 2em;
}

}
@media (min-width: 768px) {/* PC */
.foot-bnr-area {
	width: 706px;
	margin: auto;
}
.foot-bnr-area > [class*="-bnr"] {
	width: 326px;
	float: left;
}
.foot-bnr-area > [class*="-bnr"]:nth-child(even) {
	float: right;
}
.foot-bnr-area > [class*="-bnr"] a {
	display: block;
}
}


/*--------------20190704---------------------------*/

.contents .main .container h1.sns_ttl{/*SNSページタイトル*/
	font-size: 2.5rem;
  margin-bottom: 2em;
	text-align: center;
}
.contents .main .container h1.sns_ttl2{/*SNSページタイトル*/
	font-size: 2rem;
  margin-bottom: 1.5em;
	text-align: center;
}
.contents .main .container .page-link .logo03 img {/*ページリンクテーブル内ロゴ調整*/
	vertical-align: middle;
}
.contents .main .container .page-link .logo03.opa img,
.contents .main .container .summary-opa .logo03.opa img{/*各店見出しロゴ*/
	height: 38px;
}
.contents .main .container .page-link .logo03.vivre img,
.contents .main .container .summary-vivre .logo03.vivre img{
	height: 31px;
}
.contents .main .container .page-link .logo03.forus img,
.contents .main .container .summary-forus .logo03.forus img,
.contents .main .container .logo03.youtube img{
	height: 26px;
}

.contents .main .container table.page-link{/*ページリンクテーブル*/
	width: 100%;
	height: 62px;
	border: solid 1px #d4d4d4;
	border-collapse: collapse;
	text-align: center;
	margin-bottom: 90px;
}
.contents .main .container table.page-link td{
	width: 33.333%;
	border: solid 1px #d4d4d4;
}
.contents .main .container .summary-opa .summary-logo .logo03.opa,
.contents .main .container .summary-vivre .summary-logo .logo03.vivre,
.contents .main .container .summary-forus .summary-logo .logo03.forus{/*ページリンク先天地調整*/
	padding-top: 2em
}

.contents .main .container .summary-opa .summary-logo .logo03.opa img,
.contents .main .container .summary-vivre .summary-logo .logo03.vivre img,
.contents .main .container .summary-forus .summary-logo .logo03.forus img{/*ロゴ・youtubeピクトマージン*/
	margin-bottom: 40px;
}

.contents .main .container .summary-contents{/*1店舗ごとの括り*/
	display: flex;
	border-top: solid 1px #d4d4d4;
	width: 50%;
}
.contents .main .container .summary-contents.only {/*1店舗のみの括り*/
	display: flex;
	width: 100%;
  border: none;
}
.contents .main .container .summary-contents:first-child{/*最初の店舗は上の罫線非表示*/
	border-top: none;
}

.contents .main .container .summary-contents02{/*業態ごとの括り*/
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 150px;
}
.contents .main .container .summary-contents02.last{/*最後のみパディング調整*/
	padding-bottom: 80px;
}
.contents .main .container .summary-contents .summary-shop{/*店名文字サイズ*/
	font-size: 2.2rem;
	margin-top: 1.1rem;
	vertical-align: middle;
  width: 277px;
  white-space:nowrap;
}
.contents .main .container .summary-contents .summary-shop.nw,
.contents .main .container .summary-contents .summary-shop.gene{/*名古屋ワンダーシティ・ビブレジーン店名文字スペース*/
  width: 436px;
}

.linkage {
	margin:-60px 0 20px 0;
	padding:0;
	font-size:0.52em;
}

.logo04.opa {/*OPA先頭ロゴtd幅調整*/
	width: 30px;
	margin-right: 10px;
}
.logo04.vivre {/*VIVRE先頭ロゴtd幅調整*/
	width: 40px;
	margin-right: 10px;
}
.logo04.vivre.gene {/*VIVREジーン先頭ロゴtd幅調整*/
	width: 90px;
	margin-right: 10px;
}
.logo04.forus {/*FORUS先頭ロゴtd幅調整*/
	width: 85px;
	margin-right: 10px;
}
.sns-icon{/*SNSアイコンスペース幅調整*/
	width: 180px;
	text-align: right;
}
.contents .main .container .summary-contents .sns-icon img {/*SNSアイコンサイズ調整*/
	height: 30px;
	vertical-align: middle;
	display: inline-block;
}

.contents .main .container .summary-contents .logo04 img{/*先頭ロゴ天地調整*/
	vertical-align: middle;
}
.contents .main .container .summary-contents .logo04.opa img{/*オーパ先頭ロゴサイズ*/
	height: 19px;
}
.contents .main .container .summary-contents .logo04.vivre img,
.contents .main .container .summary-contents .logo04.forus img{/*ビブレフォーラス先頭ロゴサイズ*/
	height: 20px;
}


@media (min-width:768px) { /* forPC */
	
	.global h1.logo02 img {/*ヘッダーロゴ調整*/
		vertical-align: middle;
		/* padding-right: 57px; */
	}
	.global h1.logo02.opa img {
		height: 36px;
	}
	.global h1.logo02.vivre img {
		height: 30px;
	}
	.global h1.logo02.forus img {
		height: 28px;
	}
	
	.summary-contents:nth-child(odd){/*奇数番目の右のみ罫線*/
		margin-right: 35px;
	}
	.contents .main .container .summary-contents:nth-child(2){/*2番目の上の罫線は非表示*/
		border-top: none;
	}
	
	.contents .main .container .summary-contents:nth-child(odd){/*奇数パディング*/
		padding: 30px 30px 30px 0;
	}
	.contents .main .container .summary-contents:nth-child(even){/*偶数パディング*/
		padding: 30px 0 30px 30px;
	}
  
  .contents .main .container .summary-contents .summary-shop.only{/*店名文字サイズ1店舗のみ*/
    width: 100%;
  }
  .contents .main .container .summary-contents.only{/*1店舗のみパディング*/
		padding: 30px 0;
	}


	.footInfo img {/*フッターロゴサイズ調整*/
		width: 60px;
	}

}


@media (max-width:767px) { /* forSP */
	
	.global h1.logo02 img {/*ヘッダーロゴ調整*/
		vertical-align: middle;
		padding-right: 10px;
	}
	header.global h1 {
		display: inline-block;
		margin-left: 20px;
	}
	.global h1.logo02.opa img {
		height: 30px;
	}
	.global h1.logo02.vivre img,
	.global h1.logo02.forus img{
		height: 25px;
	}
	
	.main .container {/*コンテンツ部分調整*/
    display: block;
    padding: 110px 20px 0 20px;
		width: 100%;
	}

	.contents .main .container h1.sns_ttl{/*SNSページタイトル*/
		font-size: 2.0rem;
		margin-bottom: 0.4em;
		text-align: center;
	}

	.contents .main .container table.page-link{/*ページリンクテーブル*/
		height: 40px;
		margin-bottom: 90px;
	}
	.contents .main .container .page-link .logo03.opa img{/*ページリンクロゴOPA*/
		height: 22px;
		
	}
	.contents .main .container .page-link .logo03.vivre img{/*ページリンクロゴVIVRE*/
		height: 18px;
	}
	.contents .main .container .page-link .logo03.forus img{/*ページリンクロゴFORUS*/
		height: 16px;
	}

	.contents .main .container .summary-opa .summary-logo,
	.contents .main .container .summary-vivre .summary-logo,
	.contents .main .container .summary-forus .summary-logo{/*見出しロゴ位置調整*/
		text-align: center;
	}
	.contents .main .container .summary-opa .summary-logo .logo03.opa img,
	.contents .main .container .summary-vivre .summary-logo .logo03.vivre img,
	.contents .main .container .summary-forus .summary-logo .logo03.forus img{/*見出しロゴ・youtubeピクトマージン*/
		margin-bottom: 25px;
	}

	.contents .main .container .summary-contents02{/*業態ごとの括り*/
		padding-bottom: 10px;
	}

	.contents .main .container .summary-contents{/*1店舗ごとの括り*/
		width: 100%;
	}
	
	.logo04.opa {/*OPA先頭ロゴtd幅調整*/
		width: 42px;
		margin-right: 10px;
	}
	.logo04.vivre {/*VIVRE先頭ロゴtd幅調整*/
		width: 60px;
		margin-right: 10px;
	}
	.logo04.vivre.gene {/*VIVREジーン先頭ロゴtd幅調整*/
		width: 130px;
		margin-right: 10px;
	}
	.logo04.forus {/*FORUS先頭ロゴtd幅調整*/
		width: 105px;
		margin-right: 10px;
	}

	.contents .main .container .summary-contents .summary-shop{/*店名文字サイズ*/
		font-size: 1.7rem;
		margin-top: 0.9rem;
		width: 274px;
	}
	.contents .main .container .summary-contents .summary-shop{/*店名文字サイズ1店舗のみ*/
		width: 100%;
	}
  .sns-icon.only{/*SNSアイコンスペース幅調整1店舗のみ*/
    width: 60px;
  }

	.sns-icon.gene{/*ビブレジーンSNSアイコンスペース幅調整*/
		width: 50px;
	}
	.sns-icon.wpv{/*ワールドポーターズビブレSNSアイコンスペース幅調整*/
		width: 100px;
	}

	.contents .main .container .summary-contents .sns-icon img {/*SNSアイコンサイズ調整*/
		height: 20px;
	}
	.contents .main .container .summary-contents{/*各店パディング*/
		padding: 30px 0;
	}

	.contents .main .container .summary-contents02.last{/*最後のみパディング調整*/
		padding-bottom: 50px;
	}
	.footInfo img {/*フッターロゴサイズ調整*/
		width: 50px;
	}
}


@media (max-width:320px) { /* foriPhone5 */
	
	.geneNavLink {/*ヘッダーナビ文字サイズ位置調整*/
		padding: 1.5em 1.3em 1em .7em;
		font-size: 10px;
 	}	
	.global h1.logo02.vivre img,
	.global h1.logo02.forus img{/*ヘッダーロゴサイズ縮小*/
		height: 13px;
	}
	.contents .main .container .summary-contents{/*各店パディング*/
		padding: 25px 0;
	}

	.contents .main .container .summary-contents .summary-shop{/*店名文字サイズ*/
		font-size: 1.2rem;
		margin-top: 1.2rem;
	}
	.contents .main .container .summary-contents .sns-icon img {/*SNSアイコンサイズ調整*/
		height: 18px;
	}
	
	.sns-icon.yv{/*横浜ビブレSNSアイコンスペース幅調整*/
		width: 200px;
	}
	.sns-icon.wpv{/*ワールドポーターズビブレSNSアイコンスペース幅調整*/
		width: 170px;
	}

	.logo04.opa {/*OPA先頭ロゴtd幅調整*/
		width: 35px;
		margin-right: 10px;
	}
	.logo04.vivre {/*VIVRE先頭ロゴtd幅調整*/
		width: 50px;
		margin-right: 10px;
	}

	.logo04.forus {/*FORUS先頭ロゴtd幅調整*/
		width: 105px;
		margin-right: 10px;
	}
	.sns-icon.small{/*SNSアイコンスペース幅調整*/
		width: 96px;
	}
	.sns-icon.small-canal{/*SNSアイコンスペース幅調整*/
		width: 184px;
	}


	
}



.document {
    font-size:1.5rem;
    font-weight:normal;
    padding:15px;
}

.document p {
    margin-bottom:15px;
}

.document h2 {
    font-size:2.2rem;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #000;
}

.document .block {
	padding-bottom:30px;
}

.document .block a {
	display:inline-block;
	margin:15px auto;
	padding:15px;
	border: 2px solid #000;
	min-width:300px;
	font-size: 1.7rem;
	font-weight: bold;
	border-radius: 5px;
	text-align: center;
}
/* 2021_0416 */
.contents .main .container .summary-contents{
	width: 35%;
	padding: 10px 20px 10px 30px !important;
}
.contents .main .container .summary-contents02{
	justify-content: center;
}
.contents .main .container .summary-contents._border{
	border-top: none;
}

@media (max-width:767px) { /* forSP */
	.contents .main .container .summary-contents{
		width: 100%;
		padding: 15px 20px !important;
	}
	.contents .main .container .summary-contents._border{
		display: none;
	}
	.contents .main .container .summary-contents._border_sp{
		border:none;
		padding: 0 !important;
	}
	footer .copy{
		margin: 10px auto;
	}

}

header.global h1 {
    float:none;
    /*padding-left: 20px;*/ /* 180524 スマホ横向き～タブレット縦表示調整 */
}