@charset "utf-8";
/*googlefont*/
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700&family=M+PLUS+1p:wght@300;400;500;700&family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Sans+SC:wght@300;400;500;700&family=Noto+Sans+TC:wght@300;400;500;700&display=swap');

/* View Port サイズに応じたコンテンツ表示/非表示
--------------------------------------------------------------*/
.hideWide,
.hidePC{
	display: none !important;
}

/* 銀座スクエア共通レイアウト
--------------------------------------------------------------*/

#contentsarea{
	margin:0 auto;
	position:relative;
	min-height:100%;
	padding:0;
}

* html body #container{
	height:99.9%;
}

.wFix,
#nav{
	width:1170px;
	margin:0 auto;
	position:relative;
	text-align:left;
	min-height:1%;
}

.wFix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow: hidden;
}

.floor{
	width:1170px;
	margin:0 auto;
	position:relative;
	text-align:left;
	min-height:1%;
}


/* フロアガイド スマホ */

#smpFlGuide {
	display: none;
}

/* コンテンツ分割 */

#MAIN div.single{width:360px;}
#MAIN div.double{width:740px;}
#MAIN div.half{width:550px;}
#MAIN div.full{width:1170px;}

#MAIN div.fl,
#MAIN div.float-left{float:left;}
#MAIN div.fc,
#MAIN div.float-center{margin-left:auto;margin-right:auto;}
#MAIN div.fr,
#MAIN div.float-right{float:right;}



/* ヘッダ */
#HEADER{
	/*position: relative;*/
	width:100%;
	padding-top: 0px;
	margin: 0 auto;
     position: fixed;
    z-index: 100;
    background-color: #fff;
}

#HEADER a{
	text-decoration:none;
    color: #7E7F80;
}

#HEADER .hBg{
	position:relative;
	margin:0 auto;
}

#HEADER .sqLOGO{
	width:420px;
	text-align:center;
	padding-top:15px;
	margin:0 auto;
	top:0;
	z-index:1;
}

#HEADER .fanclLOGO{
	position:relative;
	width:120px;
	top:5px;
	right:5px;
	float: right;
}

@media (max-width: 580px) {
.wFix,
#nav{
	width:100%;
	margin:0 auto;
	position:relative;
	text-align:left;
	min-height:1%;
}
  #HEADER .sqLOGO{
	max-width: 260px;
	text-align:center;
	padding-top:15px;
	margin:0 auto;
	top:0;
	z-index:1;
  }
}

/* パンくずリスト */
#breadcrumbs {
	position: relative;
	width:1170px;
	z-index: 100;
	margin :0px auto 0;
}

#breadcrumbs ul {
	padding: 0 5px;
}

#breadcrumbs li {
	display: inline-block;
	background: url("/ginza-square/common/img/icon/right_s.gif") no-repeat left center;
	padding-left: 10px;
	margin-right: 7px;
    vertical-align: middle;
    line-height: 1.8em;
}

#breadcrumbs li a {
	vertical-align: middle;
	font-size: 50%;
}

#breadcrumbs li.firstChild {
	background: none;
	padding-left: 0;
}

#breadcrumbs li strong {
	vertical-align: middle;
	padding-left: 5px;
	font-size: 50%;
}

@media (max-width: 580px) {
    #breadcrumbs {
        display: none;
    }
}


#sqLNAVI #smpBreadcrumbs {
	display: none;
}

/*navi*/
#navi{
    margin:20px auto 90px;
}
#navi ul {
  display: -webkit-box; 
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex; 
  display: flex;
  flex: 1 1 0;
  flex-wrap: wrap;
}
#navi li {
    border-left: solid 1px #CCC;
}
#navi li:last-child {
    border-right: solid 1px #CCC;
}
#navi li.menu-item {
  flex: 10  auto;
}
li.menu-item a {
  padding: 5px 0;
    color: #7E7F80;
    text-decoration: none;
}
#navi li.menu-item:hover {
  background: #F6F6F6;
}
#navi li.menu-item a {
  display: -webkit-box; 
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex; 
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 1.6rem;
    line-height: 1.2em;
}
#navi li.menu-item img {
  height: 60px;
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle;
}

.sub_navi_container{
    display: flex;
    justify-content: flex-end;
        margin-bottom: 10px;
}
/*sub_navi*/
.sub_navi {
   width: 520px;
   margin-right: 40px;
}
.sub_navi ul {
  display: -webkit-box; 
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex; 
  display: flex;
  flex: 1 1 0;
  flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: -10px;
    align-items: flex-end;
}
.sub_navi  li.menu-item {
  flex: 10  auto;
}
li.menu-item a {
  padding: 5px 0;
    color: #7E7F80;
}
.sub_navi  li.menu-item:hover {
  /*background: #edebeb;*/
}
.sub_navi  li.menu-item a {
  display: -webkit-box; 
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex; 
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 1.6rem; 
}
.sub_navi  li.menu-item img {
  height: 30px;
  margin-right: 6px;
  display: inline-block;
  vertical-align: middle;
}

.header {
 position: relative;
  padding: 20px;
}

.hamburger {
  position: fixed;
  top: 75px;
  right: 20px;
  z-index: 100;
  width: 48px;
  height: 48px;
  border: none;
  background: transparent;
  cursor: pointer;
}

.hamburger__line {
  position: absolute;
  left: 11px;
  width: 26px;
  height: 2px;
  background-color: #7E7F80;
  transition: all .4s;
}

.hamburger__line:nth-of-type(1) {
  top: 14px;
}
.hamburger__line:nth-of-type(2) {
  top: 23px;
}
.hamburger__line:nth-of-type(3) {
  top: 32px;
}
.header .menu_text{
    position: absolute;
    top: 38px;
    right: 5px;
  z-index: 100;
    color: #7E7F80;
    font-size: 1.2rem;
}

/* メニューオープン時 */
.hamburger.active .hamburger__line:nth-of-type(1) {
  transform: translateY(9px) rotate(-45deg);
}
.hamburger.active .hamburger__line:nth-of-type(2) {
  opacity: 0;
}
.hamburger.active .hamburger__line:nth-of-type(3) {
  transform: translateY(-9px) rotate(45deg);
}

.nav {
  position: fixed;
  top: 146px;
  right: 0;
  width: 500px;
  height: 100vh;
  background-color: #F6F6F6;
  box-shadow: -2px 0 4px rgba(0,0,0,.1);
  transform: translateX(110%);
  transition: transform .4s;
  z-index: 90;
    overflow: scroll;
}

.nav.active {
  transform: translateX(0);
}

.nav__list {
  margin: 0;
  padding: 0px 0 0;
  list-style: none;
}

.nav__item {
  padding: 1em 2em;
    border-bottom: 1px solid #7E7F80;
}
.nav__item.home {
  padding: 0em 2em;
}

.nav__link {
  display: block;
  padding: 15px 0;
  color: #7E7F80;
  text-decoration: none;
}

.nav-ac {
    max-width: 840px;
    margin-bottom: 7px;
    border-bottom: 1px solid #7e7f80;
}

.nav-ac summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #7E7F80;
    font-size: 1.6rem;
    font-weight: 400;
    cursor: pointer;
}

.nav-ac summary::-webkit-details-marker {
    display: none;
}

.nav-ac summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 2px solid #7E7F80;
    border-right: 2px solid #7E7F80;
    content: '';
    transition: transform .3s;
}

.nav-ac[open] summary::after {
    transform: rotate(225deg);
}

.nav-ac p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #7E7F80;
    transition: transform .5s, opacity .5s;
}

.nav-ac[open] p {
    transform: none;
    opacity: 1;
}
.nav-ac > ul{
    margin-top: 0;
}
.nav-ac > ul li{
    padding: 0.5em 2em;
}

.nav-ac > ul li:first-child{
    padding: 0em 0em 0.5em 2em;
}
.nav-ac > ul li:last-child{
    padding: 0.5em 0em 1.5em 2em;
}

a {
    text-decoration: none;
    color: #7E7F80;
}
a :visited{
    text-decoration: none;
    color: #7E7F80;
}

ul li {
            list-style: none;
}

/*Language*/
.sub_navi .subnav__wrap {
    width: 100%;
    margin: 0 auto;
}
.sub_navi .subnav__lists {
    display: flex;
}
.sub_navi .subnav__list {
    /*padding: 0 0.2em;
    width: 25%;
    height: 60px;*/
    background-color: #FFF;
    position: relative;
    transition: all .3s;
}
.sub_navi .subnav__list:hover {
   /* background-color: #c7a976;*/
}
.sub_navi .subnav__list:before {
    /*content: "";
    width: 2px;
    height: 100%;
    background-color: #c7a976;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s;*/
}
.sub_navi .subnav__list:hover::before {
    background-color: #fff;
}
.sub_navi .subnav__list a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #c7a976;
    font-size: 18px;
    letter-spacing: 0.05em;
    transition: all .3s;
}

.sub_navi .subnav__list:hover a {
    color: #fff;
}

.sub_navi .dropdown__lists {
    display: none;/*デフォルトでは非表示の状態にしておく*/
    position: absolute;
    top: 60px;
    left: 0;
    background-color: #FFF;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.18);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.18);
}
.sub_navi .subnav__list:hover .dropdown__lists {
    display: block;/*Gナビメニューにホバーしたら表示*/
}

.sub_navi .dropdown__list {
    background-color: #FFF;
    /*border-bottom: solid 2px #FFF;*/
    width: 120px;
    margin: 0 0 0 1px;
    /*height: 58px;*/
    transition: all .3s;
    position: relative;
    left: 50%; 
   transform: translateX(-50%); 
    text-align: center;
}

.sub_navi .dropdown__list:not(:first-child)::before{
    /*content: "";
    width: 100%;
    height: 1px;
    background-color: #c7a976;
    position: absolute;
    top: 0;
    left: 0;*/
}

.sub_navi .dropdown__list:last-child{
    border-bottom: none;
}

.sub_navi .dropdown__list:hover {
    /*background-color: #EBD2A6;*/
}

.sub_navi .dropdown__list a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    position: relative;
    transition:all .3s;
    /*font-size: 14px;*/
}
.sub_navi .dropdown__list a::before {
    /*content: '▶︎';
    display: block;
    position: absolute;
    right: 10px;
    top: calc(50% - 10px);*/
}

.sub_navi .dropdown__lists {
    transform: scaleY(0);/*デフォルトでは非表示の状態にしておく*/
    transform-origin: center top;/*変形を適応する基準をtopとする*/
    transition: all .3s;/*表示の変化を0.3秒に指定*/
    width: 100%;
    position: absolute;
    top: 50px;
    z-index: 100;
    box-sizing: border-box;
    background-color: #FFF;
}

.sub_navi .subnav__list:hover .dropdown__lists {
    transform: scaleY(1);/*Gナビメニューにホバーしたら表示*/
}
/*
.sub_navi .subnav__list:last-child::after{
    content: "";
    width: 2px;
    height: 100%;
    background-color: #c7a976;
    position: absolute;
    top: 0;
    right: 0;
    transition: all .3s;
}*/

.sub_navi .subnav__list a.has:after{
     transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 2px solid #7E7F80;
    border-right: 2px solid #7E7F80;
    content: '';
    transition: transform .3s;
   /* content: "▼";
    position: absolute;
    top:20px;
    right: 20px;
    font-size: 14px;*/
}
/*Language*/


@media (max-width: 580px) {
  #HEADER .sqLOGO{
	max-width: 260px;
  }
    .sub_navi_container{
    margin-bottom: 0px;
}
    .header {
 position: relative;
  padding: 20px 20px 0 20px;
}
.hamburger {
  position: fixed;
  top: 00px;
  right: 10px;
  z-index: 100;
  width: 48px;
  height: 48px;
  border: none;
  background: transparent;
  cursor: pointer;
}
    .nav {
  position: fixed;
  top: 65px;
  right: 0;
  width:100%;
  height: 100vh;
  background-color: #F6F6F6;
  box-shadow: -2px 0 4px rgba(0,0,0,.1);
  transform: translateX(110%);
  transition: transform .4s;
  z-index: 90;
    overflow: scroll;
}
    
#navi{
    margin:-30px auto 30px;
}
#navi ul {
  display: -webkit-box; 
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex; 
  display: flex;
  flex: 1 1 0;
　flex-wrap: nowrap;
}
#navi li {
    border:none;
}
#navi li:last-child {
    border:none;
}
#navi li.menu-item {
  flex: 10  auto;
}
li.menu-item a {
  padding: 5px 0;
    color: #7E7F80;
    text-decoration: none;
}

#navi li.menu-item a {
  display: -webkit-box; 
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex; 
  display: flex;
  align-items: center;
  justify-content: center;
 /* flex-wrap: wrap;*/
  font-size: 1rem;
   line-height: 1.2em;
    text-align: center;
    margin-top: 10px;
    flex-flow: column;
}
#navi li.menu-item img {
  height: 55px;
  margin-right: 0px;
  display: inline-block;
  vertical-align: middle;
      align-items: center;
  justify-content: center;
}
}/*スマホ*/


/* コンテンツエリア */
.wFix .section{
	margin-bottom:80px;
}

#CONTENTSAREA{
	width: 100%;
}

section .section{
  text-align: center;
	margin: 0 auto;
}


/* MAIN */
#MAIN .section{
	margin-bottom:60px;
}

section .section{
    margin-bottom: 100px;
}

.sub-section,
.section .sub-section{
	margin-top:50px;
}

@media (max-width: 580px) {
.sub-section,
.section .sub-section{
	margin-top:30px;
}
section .section{
    margin-bottom: 50px;
} 
#contents{
	padding: 0 2rem;
	margin: auto;
    width: 90%;
}
.wFix .section{
	margin-bottom:0px;
}    
}

#MAIN .article p{
	line-height:1.8;
	margin-top:20px;
}

#MAIN .article h4 + p,
#MAIN .article h5 + p{
	margin-top:0;
}

#MAIN .section p.note{
	line-height:1.5;
	margin-top:20px;
  /*padding-left: 1em;
  text-indent: -1em;*/
}


.imagebox{
	text-align: center;
	overflow:hidden;
	width: 100%;
	margin: 0 auto;
    padding-top: 138px;
}

.imagebox img{
	width: 100%;
}


@media (max-width: 580px) {
.imagebox{
        /*display: none;*/
    }
 .imagebox_smp{
	text-align: center;
    padding-top: 60px;
     width: 100%;
     object-fit: cover;
     overflow: hidden;
}
}

.floorinfo{
	text-align: center;
	width: 100%;
	padding: 10px 0;
	box-sizing: border-box;
    background-color: #FFF;
    color: #7E7F80;
    border-top: solid 2px #7E7F80;
    border-bottom: solid 2px #7E7F80;
}
.floorinfo a{
    color: #7E7F80;
}
.floorinfo ul{
    margin-top: 0;
     font-size: 1.0rem;
}

.floorinfo ul li{
display: inline-block;
    margin-right: 10px;
}
#top{
    margin-top: 30px;
}
#top .floor_mane h1{
 font-size:3.2rem;
font-weight:400;   
}

#top h2 {
	font-size:2.2rem;
    font-weight:400;
}

#top h4{
	font-size:1.8rem;
    font-weight:400;
}
#top p {
	font-size:1.8rem;
    font-weight:400;
    margin-top: 0;
} 


@media (max-width: 580px) {
#top{
    margin: 20px 0 ;
}
#top .floor_mane h1{
 font-size:2.2rem;
font-weight:400;   
}

#top h2 {
	font-size:1.5rem;
    font-weight:400;
    margin-top: 20px;
}
#top p {
	font-size:1.5rem;
    font-weight:400;
    margin-top: 0;
} 
#top h4{
	font-size:1.5rem;
    font-weight:400;
    margin-top: 20px;
}    
}

@media (max-width: 580px) {
.floorinfo{
border-top: solid 1px #7E7F80;
border-bottom: solid 1px #7E7F80;
}
.floorinfo ul{
font-size: 0.8rem;
}
.floorinfo ul li{
display: block;
}
}


#p_tour h3,
#p_cp h3,
#p_top h3,
#p_about h3{
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
 font-size:2.8rem;
    font-weight:400;
}
#p_tour  h3:before,
#p_cp h3:before,
#p_top h3:before,
#p_about h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 86px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #A5A5A6;
  border-radius: 2px;
}

#attenir h3{
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
 font-size:2.8rem;
    font-weight:400;
}

#attenir h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 86px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #a50319;
  border-radius: 2px;
}


 .cafe h3{
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
 font-size:2.8rem;
    font-weight:400;
}

 .cafe  h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 86px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #005e41;
  border-radius: 2px;
}


@media (max-width: 580px) {
#access h3,
#p_tour h3,
#p_cp h3,
#p_top h3,
#p_about h3{
    position: relative;
    display: inline-block;
    margin-bottom: 1em;
    font-size:1.8rem;
    font-weight:400;
}
#access h3:before,    
#p_tour  h3:before,    
#p_cp h3:before,    
#p_top h3:before,
#p_about h3:before {
  content: '';
  position: absolute;
  bottom: -5px;
  display: inline-block;
  width: 66px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #A5A5A6;
  border-radius: 2px;
}

#attenir  h3{
    position: relative;
    display: inline-block;
    margin-bottom: 1em;
    font-size:1.8rem;
    font-weight:400;
}

#attenir  h3:before {
  content: '';
  position: absolute;
  bottom: -5px;
  display: inline-block;
  width: 66px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #a50319;
  border-radius: 2px;
}    
    
    
 .cafe  h3{
    position: relative;
    display: inline-block;
    margin-bottom: 1em;
    font-size:1.8rem;
    font-weight:400;
}

 .cafe  h33:before {
  content: '';
  position: absolute;
  bottom: -5px;
  display: inline-block;
  width: 66px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #005e41;
  border-radius: 2px;
} 
}    
    
    

/* IE6への警告 */

#IE6ALERT{
	position:relative;
	background-color:#F6D6D6;
	color:#D45758;
	z-index:10000;
	padding:10px 20px;
	font-size:120%;
	text-align:left;
	display:none;
	zoom:1;
}

#IE6ALERT a{
	color:#D45758;
	text-decoration:underline;
}

div.imgLFL .img{
	float:left;
}

div.imgLFL .img p{
	margin-right:20px;
}

div.imgLFL:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div.imgLFL{
	display:block;
	min-height:1%;
}

/* \*/
html div.imgLFL{
	* height:1%;
}
/* */

#MAIN .section .section-visual{
	margin-bottom:40px;
}

#MAIN .section .section-copy{
	margin-bottom:30px;
}

/* 画像下のキャプション */

#MAIN .picture .caption{
	line-height:1.4;
	white-space:nowrap;
	margin:10px 0 0;
}

#MAIN .picture .attention{
	font-size:11px;
	line-height:1.4;
	margin:10px 0 0;
}

/* タグ */

#MAIN .tag span{
	display:inline-block;
	/display:inline;
	/zoon:1;
}


/* 電話番号 */
.floorinfo .phone a {
	text-decoration: none;
	/*display:none;*/
}

.floorinfo .phone a:hover,
.floorinfo .phone a:link,
.floorinfo .phone a:visited{
	text-decoration:none;
}


/* Get ADOBE READER */
#MAIN .download .getreader{
	margin-top:10px;
}

#MAIN .download .getreader a,
#MAIN .download .getreader p{
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:middle;
	margin-right:15px;
}

#MAIN .download .getreader p{
	line-height:1.5;
	margin:0;
}

/* メッセージ */

#MAIN #message h4{
	margin-bottom:20px;
}


/* Lightbox */

#MAIN a.fancybox{
	display:inline-block;
	/zoom:1;
	max-width:100%;
	/*-moz-box-shadow:3px 3px 6px #ccc;
	-ms-box-shadow:3px 3px 6px #ccc;
	-o-box-shadow:3px 3px 6px #ccc;
	box-shadow:3px 3px 6px #ccc;*/
}

#MAIN .zoomguide{
	line-height:24px;
	padding-left:28px;
	background:url('/ginza-square/common/img/icon/zoom.png') no-repeat;
	margin-top:10px;
    text-align: left;
}

#fancybox-title {
	/*font-size: 12px;
	z-index: 1102;
	position:fixed;
	left:50% !important;
	bottom:20px;*/
}

/*タグ*/
.tag {
	display: inline-block;
	font-size: 80%;
	/display:inline;
	/zoon:1;
	vertical-align:middle;
}

.tag-nomal{
	/*background-color: #6CBFE7;*/
	background-color: #85cbc0;
	padding: 0px 15px;
	margin:10px 10px;
	display: inline-block;
}

.tag-nomal:nth-child(2){
	margin-left: 0px;
}

.tag-limited{
	background-color: #e5c2db;
	padding: 0px 15px;
	margin:10px 10px;
	display: inline-block;
}

.tag-limited2{
	background-color: #d1e1ed;
	padding: 0px 15px;
	margin:10px 10px;
	display: inline-block;
}

.tag-member{
	background-color: #fff100;
	padding: 0px 15px;
	margin:10px 10px;
	display: inline-block;
}

.tag-term{
	background-color: #f5673d;
	color: #fff;
	padding: 0px 15px;
	display: inline-block;
	margin-bottom: 7px;
}

.tag-women {
	background-color: #E0A4A5;
	padding: 1px 15px;
	margin:10px 10px;
	display: inline-block;
}

.tag-off{
	background-color: #D4176F;
	padding: 0px 15px;
	margin:0px 0px 0 10px;
	display: inline-block;
	color: #fff;
}

/* ボタン*/
#contents .btn {
	display: block;
	text-align: center;
	margin: 0 auto;
}

#contents .btn a{
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	width: 550px;
	margin: 30px 0;
	color: #FFF;
	padding: 20px 0 15px;
	text-decoration: none;
	background-color: #ec6941;
	display: inline-block;
	box-sizing: content-box;
}

#contents .btn a span{
	color:#fff;
	line-height:18px;
	font-size: 1.8rem;
}

@media (max-width: 580px) {
/* ボタン*/
#contents .btn {
	display: block;
	text-align: center;
	margin: 0 auto;
}
#contents .btn a{
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	margin: 30px 0;
	color: #FFF;
	padding: 15px 0px;
	text-decoration: none;
	background-color: #ec6941;
	display: inline-block;
	box-sizing: content-box;
	width: 90%;
}

#contents .btn a span{
	color:#fff;
	line-height:18px;
	font-size: 1.4rem;
}
    .hideSMP{
        display: none;
    }
}

/* 共通 フロア<==>クーポン 相互リンク */

#contents .cplink a,
#contents .flink a{
	color:#3d5394;
	text-align: right;
	float: right;
}

#contents .cplink a:hover,
#contents .flink a:hover{
	text-decoration:none;
	color:#5472cb;
}

  img {
  max-width: 100%;
  border: 0 none;
  vertical-align: middle;
  }



@media print {
	html, body {width:43% !important;}
}

.tax{
	font-size: 80%;
}

/*共通カラム*/

.one-col{
	width:740px;
	margin: 40px auto;
}

.two-col{
	width: 565px;
	margin-right: 40px;
	display: inline-block;
	float: left;
	margin-bottom: 50px;
}

 .two-col:nth-child(2){ 
	margin-right: 0px;
}

.three-col{
	width: 360px;
	margin-right: 22px;
	display: inline-block;
	margin-bottom: 30px;
	vertical-align: top;
}

.three-col:nth-child(3){
	margin-right: 0px;
}

@media (max-width: 580px) {
.one-col{
	margin-bottom: 30px;
    width: 100%;
}

 .two-col{
	margin-bottom: 30px;
	display: block;
      width: 100%;
}

.three-col{
margin-bottom: 30px;
     width: 100%;
}
}


#line{
    display: none;
}

/* @group FOOTER */
#pagetop {
position: fixed;
width: 60px;
height: 60px;
right: 40px;
bottom: 30px;
z-index: 90;
}

#pagetop.stop {
position: relative;
right: 0;
bottom: 0;
width: 100%;
text-align: right;
}

#pagetop.stop a {
margin-right: 40px;
}

@media (max-width: 580px) {
#pagetop {
position: fixed;
width: 40px;
height: 40px;
right: 20px;
bottom: 30px;
z-index: 90;
}
}


/*動画*/
#movie .embedMovie {
max-width: 740px;
margin: 0 auto;
}

#movie .embedMovie p{
margin-top: 20px;
}

#movie .embedMovie .iframeBox {
position: relative;
padding-top: 56.25%;
margin: 0 auto;
}

#movie .embedMovie .iframeBox iframe {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}





/* フッタ */
#footer {
margin-top: 80px;
padding: 50px 0px 50px;
/*background: url('/laboratory/img/bg-footer.png') left top repeat-x #f0f0f0;*/
overflow: hidden;
background-color: #F6F6F6;
}

.devPC #footer {
padding: 40px 0 10px;
}

#footer h2 {
margin-bottom: 20px;
font-size: 16px;
line-height: 1.1;
color: #7E7F80;
}

#footer h2 span {
	display: inline-block;
	margin-bottom: -1em;
	font-size: 80%;
}

#footer h3 {
font-size: 14px;
margin-bottom: 5px;
}


#footer .categorie:nth-child(1){
float: left;
width: 24%;
}

#footer .categorie:nth-child(2){
float: left;
width: 26%;
}

#footer .categorie:nth-child(3){
float: left;
width: 32%;
}

#footer .categorie:nth-child(4){
float: left;
width: 16%;
}

#footer .categorie ul li{
font-size: 13px;
margin-bottom: 16px;
line-height: 1.2;
}

#footer .categorie ul li a{
color: #333;
font-size: 13px;
text-decoration: none;
}

#footer .categorie ul li a:hover{
color: #ACA6A6;
text-decoration: none;	
}

#footer-siteutil {
padding-top: 10px;
padding-bottom: 10px;
border-top: 2px solid #7E7F80;
background-color: #F6F6F6;
}

#footer-siteutil a {
color: #333;
font-size: 10px;	
}

#footer-siteutil a:hover {
text-decoration: underline;
font-size: 10px;	
}

#footer-contact {
float: left;
}


#footer-contact li {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}

#footer-contact li br {
display: none;
}

#footer-info {
float: right;
}

#footer-info li {
display: inline-block;
font-size: 10px;
}


#footer li.ins img {
width: 20px;
margin-left: 6px;
margin-bottom: 3px;
}


#footer-info li.fb,
#footer-info li.tw,
#footer-info li.ins {
width: 18px;
margin-right: 3px;
}

#footer-info li a {
display: block;
}

#footer-info img {
vertical-align: middle;
}

.footer-logo {
display: none;
}

.footer-link-top {
display: none;
}
/* @end */


@media (max-width: 580px) {
#footer-siteutil {
position: relative;
height: 280px;
margin-top: 20px;
border-top: none; 
}

#footer-siteutil a {
color: #333;
}

#footer-contact {
position: absolute;
top: 90px;
width: 100%;
margin: 0 auto;
border-bottom: 2px solid #75767B;
overflow: hidden;
}

#footer-contact li {
display: inline-block;
float: left;
width: 30%;
margin: 0 1.66665%;
}

#footer-contact li a {
display: block;
font-size: 10px;
}

#footer-contact li a span {
display: table-cell;
height: 65px;
width: 193.33333px;
vertical-align: middle;
text-align: center;
}

#footer-info {
text-align: center;
width: 100%;
}

#footer-info li.fb,
#footer-info li.tw,
#footer-info li.ins {
width: 30px;
margin-right: 3px;
}    
    
#footer-info li {
display: inline-block;
width: 40px;
margin: 0 10px;
padding: 5px;
}

#footer li.ins img {
width: 20px;
margin-left: 6px;
margin-bottom: 3px;
}

#footer-info li.copy {
position: absolute;
top: 264px;
left: 0;
right: 0;
width: 320px;
height: 20px;
margin: 0 auto;
padding: 0;
font-size: 60%;
}

#footer-siteutil .footer-logo {
display: block;
}    
    
#footer-siteutil .footer-logo {
position: absolute;
top: 160px;
width: 100%;
text-align: center;
}

#footer-siteutil .footer-logo a {
display: inline-block;
width: 100px;
height: 86px;
}

.footer-link-top {
/*margin-bottom: 30px;*/
/*padding: 0 20px;*/
display: none;
}
    }