@charset "UTF-8";

/*
============================ Base CSS ==============================

			基本設定
				1.要素設定
				2.枠組み
					2-1.ヘッダー
					2-2.メイン
					2-3.フッター
          2-4.サイド
				3.リンク
					3-1.アイコンリンク
				99.共通クラス
				
640pxより小さい場合に適応 スマフォ
@media (max-width: 640px) {
}

768pxより小さい場合に適応 タブレット
@media (max-width: 768px) {
}

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


/* 1.要素設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

body {
	color: #484747;
  background: #FBF6EC;
	margin: 0;
	padding: 0;
	height: 100px;
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
}
* {
	-webkit-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}	/* iPhone */

ul,dl,ol { text-indent: 0; }
li { list-style: none outside; }
th,td { vertical-align: top; }

input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	outline: none;
  writing-mode: horizontal-tb !important;
}
input[type="button"],input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}
input[type="text"] {
  -webkit-appearance: textfield !important;
  -webkit-rtl-ordering: logical !important;
  -webkit-user-select: text !important;
  border-radius: 0;
}
.spBlock {
	display: none !important;
}
.spNone {
	display: block !important;
}
span.spNone {
	display: inline-block !important;
}
hr {
	clear: both;
	border: none;
	border-top: solid 4px #024385;
	margin: 0 0 20px;
	padding: 5px 0 0;
	height: 4px;
}

@media (max-width: 768px) {
	.spNone {
		display: none !important;
	}
  span.spNone {
    display: none !important;
  }
	.spBlock {
		display: block !important;
	}
	spna.spBlock {
		display: inline-block !important;
	}
}

* html pre,* html code { font-size: 100%; line-height: 100%; }
*:first-child+html pre,
*:first-child html+code { font-size: 108%; line-height: 100%; }

address,caption,
code,em,strong,th { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }

img {
	vertical-align: bottom;
}


/* 2.枠組み
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.wrap {
	display: block;
	padding: 20px 0 30px;
	width: 1022px;
	margin: 114px auto 0;
	position: relative;
}
.wrap:after {	/* clearfix */ clear: both; content: " "; display: block; height: 0; visibility: hidden; }

@media (max-width: 1022px) {
  .wrap {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .wrap {
    padding: 20px 0 0;
  }
}

/* 2-1.ヘッダー
──────────────────── */

header {
	display: block;
	background: #FFF;
	border-bottom: solid 2px #897F75;
	padding: 0 0 10px;
	margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
header:after {	/* clearfix */ clear: both; content: " "; display: block; height: 0; visibility: hidden; }
hgroup {
	width: 1022px;
	position: relative;
  margin: 0 auto;
}
hgroup:after {	/* clearfix */ clear: both; content: " "; display: block; height: 0; visibility: hidden; }

#logo a {
	display: block;
	float: left;
	margin: 18px 28px 0 0;
	width: 157px;
  height: 74px;
  font-size: 1.4rem;
}

.siteSerach {
  display: block;
  float: right;
  width: 220px;
  margin: 43px 0 0;
}
.siteSerach input#sTxt {
  width: 170px;
  height: 28px;
  padding: 4px 0 0 8px;
  line-height: 1;
  vertical-align: middle;
  border-style: none;
  border: solid 1px #808284;
  font-size: 1.4rem;
}
.siteSerach input.btnSearch {
  width: 48px;
  height: 28px;
  line-height: 1;
  background: #808284;
  color: #fff;
  vertical-align: middle;
  border-style: none;
  font-size: 1.4rem;
}
#logo a:hover,
.siteSerach input.btnSearch:hover,
#shopNameSerach input.btnSearch:hover,
#bnr li a:hover {
	filter: alpha( opacity=80 );
	opacity: 0.80;
	-moz-opacity: 0.80;
}
@media (max-width: 1024px) {
  #logo a {
    margin: 18px 28px 0 10px;
  }
}
@media (max-width: 1022px) {
  hgroup {
    width: 100%;
  }
  .siteSerach {
    display: none;
  }
  .siteSerach input#sTxt,
  .siteSerach input.btnSearch {
    font-size: 1.6rem;
  }
}

@media (max-width: 768px) {
  header {
    padding: 0;
  }
  hgroup {
    background: none;
  }
  hgroup.navBg {
    background: url(../img/common/search_bg.gif) 0 bottom no-repeat;
    background-size: 100% auto;
  }
  #logo a {
    margin: 8px 0 12px 2%;
    width: 50%;
    height: auto;
  }
  #line {
    display: block;
    float: left;
    width: 64px;
    margin: 6px 0 0;
  }
  .siteSerach {
    display: block;
    float: none;
    width: 96%;
    margin: 0 2% 0px;
    padding: 0 0 10px;
  }
  .siteSerach input#sTxt {
    width: 80%;
    height: 40px;
    padding: 4px 0 0 15px;
  }
  .siteSerach input.btnSearch {
    width: 20%;
    height: 40px;
  }
}
@media (max-width: 580px) {
  #logo a {
    width: 67%;
    margin: 8px 0 8px 2%;
  }
  #line {
    width: 32px;
  }
}
@media (max-width: 460px) {
  .siteSerach input#sTxt,
  .siteSerach input.btnSearch {
    font-size: 1.2rem;
  }
}

/* ヘッダーナビ => nav.css */

/* 2-2.メイン
──────────────────── */

article {
	display: block;
  float: left;
	margin: 0;
	padding: 0;
	width: 760px;
  min-height: 200px;
  position: relative;
}
article:after {	/* clearfix */ clear: both; content: " "; display: block; height: 0; visibility: hidden; }

@media (max-width: 1024px) {
  article {
	  margin: 0 0 0 10px;
  }
}
@media (max-width: 1022px) {
  article {
    float: none;
  }
}
@media (max-width: 768px) {
	article {
		padding: 0;
		width: 96%;
		margin: 0 2% 20px;
	}
}
section:after {	/* clearfix */ clear: both; content: " "; display: block; height: 0; visibility: hidden; }

/* 2-3.フッター
──────────────────── */

footer {
  clear: both;
	background: #fff;
}
#copy {
	clear: both;
	color: #fff;
	display: block;
	background: #897F75;
	width: 100%;
	padding: 10px 0;
  line-height: 1;
	text-align: center;
}
#fBox {
	display: block;
	color: #000;
	width: 1022px;
	padding: 30px 0;
  margin: 0 auto;
}
#fBox:after {	/* clearfix */ clear: both; content: " "; display: block; height: 0; visibility: hidden; }

#logo2 a {
	display: block;
	float: left;
	margin: 0;
  padding: 8px 0 0;
	width: 138px;
  height: 72px;
}
#logo2 a:hover {
	filter: alpha( opacity=80 );
	opacity: 0.80;
	-moz-opacity: 0.80;
}
#copy {
	line-height: 1;
	padding: 20px 0;
	text-align: center;
  font-size: 1.4rem;
}
#contact {
  clear: both;
  text-align: center;
  padding: 15px 0 0;
}
#address {
  display: inline-block;
  background: url(../img/common/icon04.png) 0 4px no-repeat;
  background-size: 18px 20px;
  padding: 0 0 0 25px;
  margin: 0 20px 5px 0;
  font-size: 1.4rem;
}
footer .tel {
  display: inline-block;
  background: url(../img/common/icon05.png) 0 4px no-repeat;
  background-size: 18px 18px;
  padding: 0 0 0 25px;
  margin: 0 0 5px;
  font-size: 1.4rem;
}
#address a,
.tel a {
  text-decoration: none;
}
#goTop {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 500;
	opacity: 0;
	width: 70px;
}
#goTop a {
	background: #464646;
	border-radius: 100%;
	padding: 20px;
	line-height: 1;
}
#switchBox1,
#switchBox2,
#switchBox3 {
  display: none;
  margin: 0 2%;
}

@media (max-width: 1024px) {
  #logo2 a {
    margin: 0 0 0 10px;
  }
}
@media (max-width: 1022px) {
  #fBox {
    width: 100%;
    padding: 30px 10px;
  }
}
@media (max-width: 768px) {
  footer {
    margin: 10px 0 0;
  }
  #fBox {
    padding: 0 0 10px;
  }
  #logo2 a {
    display: none;
  }
  #contact {
    text-align: center;
  }
  #address {
    background: url(../img/common/icon04.png) 0 3px no-repeat;
    background-size: 18px 20px;
    padding: 2px 0 2px 25px;
    margin: 0 0 5px 10px;
    display: inline-block;
    text-align: left;
  }
  footer .tel {
    background: url(../img/common/icon05.png) 0 3px no-repeat;
    background-size: 18px 18px;
    padding: 2px 0 2px 25px;
    margin: 0 0 5px 10px;
  }
	#goTop {
		width: 40px;
		bottom: 20px;
		right: 20px;
	}
	#goTop a {
		padding: 10px;
	}
  
  #sShopTit,
  #fShopTit,
  #fNewsTit,
  #fGuideTit {
    display: block;
    background: #fff url(../img/common/icon06.png) right center no-repeat !important;
    background-size: 27px 15px !important;
    margin: 10px 2% 0 !important;
    width: 96% !important;
    height: auto !important;
    border: 1px solid #897F75;
    overflow: visible !important;
    padding: 20px 0 !important;
    line-height: 1;
    text-align: center;
  }
  #sShopTit.active,
  #fShopTit.active,
  #fNewsTit.active,
  #fGuideTit.active {
    background: #fff url(../img/common/icon07.png) right center no-repeat;
    background-size: 27px 15px;
    margin: 10px 2% 0 !important;
  }
  #sShopTit.active {
    margin: 10px 2% 0 !important;
  }
}


/* 2-4.サイド
──────────────────── */

aside {
	display: block;
  background: #EEE1D8;
  float: right;
	margin: 30px 0 30px;
	padding: 10px 10px 0 10px;
	width: 240px;
  position: relative;
}
.home aside {
	margin: 0 0 30px;
}
#hours,
#searchShop,
#searchShop2 {
  display: block;
  padding: 15px 10px;
  background: #fff;
  margin: 0 0 10px;
}
.time {
  margin: 0 0 10px 23px;
  font-weight: bold;
  line-height: 1;
  font-size: 2.0rem;
}
#hours .coution {
  font-size: 1.0rem;
  line-height: 1.2;
  margin: 0;
  color: #666;
}
aside .tit {
  display: block;
  margin: 0 10px 10px;
}
aside .stit {
  clear: both;
  display: block;
  background: url(../img/common/stit_bg.gif);
  width: 100%;
  height: auto;
  padding: 8px 0;
  margin: 0 0 15px;
  text-align: center;
  line-height: 1;
  font-size: 1.4rem;
}
#sShopTit {
  display: block;
  background: url(../img/common/tit_search.gif) no-repeat;
  margin: 0 10px 15px;
  width: 154px;
  height: 0;
  overflow: hidden;
  padding: 31px 0 0;
}
#sShopTit2 {
  display: block;
  background: url(../img/common/tit_search.gif) no-repeat;
  margin: 0 10px 15px;
  width: 154px;
  height: 0;
  overflow: hidden;
  padding: 31px 0 0;
}
/* #searchCategory = サイドバーおよびショップ検索フォーム
   #searchCategory2 = ヘッダナビのショップ検索フォーム */
ul#searchCategory,
ul#searchCategory2 {
  display: block;
  margin: 0 10px 20px;
}
ul#searchCategory:after,
ul#searchCategory2:after {	/* clearfix */ clear: both; content: " "; display: block; height: 0; visibility: hidden; }

ul#searchCategory li a {
  display: block;
  background: url(../img/common/icon01.png) right center no-repeat;
  text-decoration: none;
  font-size: 1.3rem;
  margin: 0 0 15px;
  line-height: 1.3;
}
ul#searchCategory2 li a {
  display: block;
  background: url(../img/common/icon01.png) right center no-repeat;
  text-decoration: none;
  font-size: 1.3rem;
  margin: 0 0 15px;
  line-height: 1;
}

ul#searchFloor,
ul#searchFloor2 {
  display: block;
  margin: 0 0 15px;
}
ul#searchFloor:after,
ul#searchFloor2:after {	/* clearfix */ clear: both; content: " "; display: block; height: 0; visibility: hidden; }
ul#searchFloor li,
ul#searchFloor2 li {
  float: left;
  width: 95px;
  margin: 0 10px 0 0;
}
ul#searchFloor li:last-child,
ul#searchFloor2 li:last-child {
  margin: 0;
}
ul#searchFloor li a,
ul#searchFloor2 li a {
  display: block;
  border: solid 1px #808284;
  background: url(../img/common/icon01.png) 60px center no-repeat;
  text-decoration: none;
  font-size: 1.3rem;
  margin: 0 0 5px;
  padding: 5px 0 5px 0px;
  line-height: 1;
  text-align: center;
}
#shopNameSerach {
  display: block;
  width: 100%;
}
#shopNameSerach3 {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 0 25px;
}
#shopNameSerach input#snTxt,
#shopNameSerach3 input#snTxt3 {
  width: 150px;
  height: 28px;
  padding: 4px 0 0 8px;
  line-height: 1;
  vertical-align: middle;
  border-style: none;
  border: solid 1px #808284;
  font-size: 1.4rem;
}
#shopNameSerach3 input#snTxt3 {
  width: 300px;
}
  
#shopNameSerach input.btnSearch,
#shopNameSerach3 input.btnSearch3 {
  width: 48px;
  height: 28px;
  line-height: 1;
  background: #808284;
  color: #fff;
  vertical-align: middle;
  border-style: none;
  font-size: 1.4rem;
}
#searchShopBox #shopNameSerach input.btnSearch {
  vertical-align: top;
}
#switchSearch {
  display: block;
  margin: 0 0 10px;
}
#switchSearch2 {
  display: block;
  margin: 0 0 10px;
}
#switchSearch3 {
  background: #fff;
  margin: 0 0 50px;
  padding: 10px;
}
aside ul.slider {
  clear: both;
  margin: 0;
  width: 100%;
}
aside ul.slider:after {	/* clearfix */ clear: both; content: " "; display: block; height: 0; visibility: hidden; }
aside ul.slider li {
  margin: 0 0 10px;
}

@media (max-width: 1022px) {
  aside {
    float: none;
	  width: 760px;
	  margin: 0 10px 0px;
  }
  aside ul.slider > li {
    width: 32%;
    float: left;
    margin: 0 2% 10px 0;
  }
  aside ul.slider > li:nth-child(3),
  aside ul.slider > li:nth-child(6){
    margin: 0 0 10px;
  }
  
  ul#searchCategory,
  ul#searchCategory2 {
    margin: 0 0 20px;
  }
  ul#searchCategory li,
  ul#searchCategory2 li {
    width: 49%;
    float: left;
    margin: 0 0 10px;
  }
  ul#searchCategory li:nth-child(odd) {
    margin: 0 2% 10px 0;
  }
  ul#searchCategory2 li:nth-child(2),
  ul#searchCategory2 li:nth-child(4),
  ul#searchCategory2 li:nth-child(6) {
    margin: 0 2% 10px 0;
  }
  ul#searchCategory li a,
  ul#searchCategory2 li a {
    background: #fff url(../img/common/icon08.png) right center no-repeat;
    background-size: 21px 18px;
    text-decoration: none;
    font-size: 1.6rem;
    margin: 0;
    line-height: 1;
    border: solid 1px #808284;
    padding: 15px 0 15px 12px;
  }
  
  ul#searchFloor {
    margin: 0 0 10px;
  }
  ul#searchFloor2 {
    margin: 0 0 30px;
  }
  ul#searchFloor li,
  ul#searchFloor2 li {
    width: 49%;
    margin: 0 2% 0 0;
  }
  ul#searchFloor li a,
  ul#searchFloor2 li a {
    display: block;
    background: #fff url(../img/common/icon08.png) right center no-repeat;
    background-size: 21px 18px;
    font-size: 1.6rem;
    margin: 0;
    padding: 15px 10px 15px 0;
    text-align: center;
  }
}
@media (max-width: 768px) {
  aside {
    float: none;
    background: none;
		width: 100%;
		padding: 0 10px;
		margin: 0;
  }
  #hours {
    display: none;
  }
  #searchShop,
  #searchShop2 {
    background: none;
    margin: 0;
    padding: 0;
  }
  #sShopTit2 {
    display: block;
    margin: 0 0 5px;
    width: 100%;
    height: auto;
    /*border: 1px solid #897F75;*/
    background: url(../img/common/stit_bg.gif);
    overflow: visible;
    padding: 13px 0;
    line-height: 1;
    text-align: center;
  }
  #sShopTit2.active {
    background: #fff url(../img/common/icon07.png) right center no-repeat;
    background-size: 35px 21px;
  }
  aside .stit {
    background: url(../img/common/stit_bg.gif);
    width: 100%;
    padding: 15px 0;
    margin: 0 0 15px;
    font-size: 1.6rem;
  }
  #spNav .stit {
    font-size: 1.4rem;
    margin: 0 0 3px;
  }
  
  ul#searchCategory2 {
    margin: 0;
  }
  ul#searchCategory2 li {
    width: 49%;
    float: left;
    margin: 0 2% 6px 0;
  }
  ul#searchCategory2 li:nth-child(2),
  ul#searchCategory2 li:nth-child(4),
  ul#searchCategory2 li:nth-child(6) {
    margin: 0 0 6px;
  }
  ul#searchCategory2 li a {
    display: block;
    background: #fff url(../img/common/icon08.png) right center no-repeat;
    background-size: 14px 12px;
    padding: 13px 26px 13px 13px;
    margin: 0;
    line-height: 1;
    font-size: 1.6rem;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    border: none;
  }
  ul#searchFloor2 {
    margin: 0;
  }
  ul#searchFloor2 li {
    width: 49%;
    margin: 0 2% 0 0;
  }
  ul#searchFloor2 li:nth-child(3) {
    margin: 0;
  }
  ul#searchFloor2 li a {
    display: block;
    background: #fff url(../img/common/icon08.png) right center no-repeat;
    background-size: 14px 12px;
    padding: 13px 26px 13px 13px;
    margin: 0;
    line-height: 1;
    font-size: 1.6rem;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    border: none;
  }
  #shopNameSerach input#snTxt {
    width: 80%;
    height: 50px;
    padding: 4px 0 0 15px;
    font-size: 1.6rem;
  }
  #shopNameSerach input.btnSearch {
    width: 20%;
    height: 50px;
    font-size: 1.6rem;
  }
  #switchSearch {
    display: none;
    margin: 0 10px 10px;
  }
  .shopSearch #switchSearch {
    display: block;
    margin: 0 0 10px;
  }
  #switchSearch2 {
    margin: 0;
  }
  #switchSearch .stit {
    margin-top: 10px;
    font-size: 1.6rem;
  }
  aside ul.slider {
    margin: 0 0 40px;
    padding: 20px 0 0;
  }
  aside ul.slider .slick-track > li {
    width: transparent;
    float: transparent;
  }
  aside ul.slider .slick-track > li:nth-child(odd) {
    margin: 0;
  }
  aside ul.slider .slick-track > li a {
    width: 100%;
  }
  #searchShopBox {
    margin: 0 0 30px;
  }
}

@media (max-width: 480px) {
  ul#searchCategory2 li a,
  ul#searchFloor2 li a {
    font-size: 1.2rem;
    padding: 10px 26px 10px 13px;
  }
  #sShopTit2 {
    padding: 8px 0;
  }
}




/* 3.リンク
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

a, area {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	overflow: hidden;
	outline: none;
  vertical-align: bottom;
}
a.link {
  color: #ffe100 !important;
  text-decoration: underline;
}

a:link,
a:visited { text-decoration: none; color: #484747; }
a:hover,
a:active { text-decoration: none; color: #877F73; }



/* 10.HOME
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

#kv {
  margin: 0 0 20px;
}
a.listAll {
  color: #474646;
  display: inline-block;
  background: url(../img/common/icon01.png) right center no-repeat;
  position: absolute;
  top: 14px;
  right: 20px;
  padding: 2px 15px 2px 10px;
  border-left: 1px solid #D3D3D4;
  text-decoration: none;
  line-height: 1;
  font: 1.3rem ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
}
.shopGuide a.listAll {
  top: 7px;
  right: 10px;
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {  /* chrome huck */
	a.listAll {
    top: 13px;
    padding: 12px 15px 2px 10px;
	}
  .shopGuide a.listAll {
    top: 7px;
    padding: 2px 15px 2px 10px;
    right: 10px;
  }
}
.entryImg {
  margin: 0 0 5px;
}
.entryImg img {
  border: solid 1px #BEBCB8;
  vertical-align: bottom;
}
.entryTit {
  text-decoration: underline;
  margin: 0 0 5px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.6;
}
.entryTit a {
  display: inline;
}
.newIcon:after {
  display: inline-block;
  content: "NEW";
  text-decoration: none !important;
  margin-left: 10px;
  font-size: 1rem;
  color: #CD5638;
	-webkit-animation: blink 1.0s ease-in-out infinite alternate;
	-moz-animation: blink 1.0s ease-in-out infinite alternate;
	animation: blink 1.0s ease-in-out infinite alternate;
}
.entryShop {
  color: #877F73;
  font-size: 1.3rem;
  margin: 0;
}
.entryDate {
  color: #877F73;
  font-size: 1.3rem;
  margin: 0;
}
.clumn a:hover,
.clumn2 a:hover {
 	cursor: hand;
	filter: alpha( opacity=80 );
	opacity: 0.80;
	-moz-opacity: 0.80;
}
#information .clumn2 a {
  display: block;
  background: url(../img/common/icon01.png) 0 5px no-repeat;
  padding: 0 0 0 15px;
}

.new:before {
  content: "";
  display: block;
  background: url(../img/common/ribon04.png) no-repeat;
  background-size: 59px 59px;
  width: 59px;
  height: 59px;
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 10;
}
.sale:before {
  content: "";
  display: block;
  background: url(../img/common/ribon01.png) no-repeat;
  background-size: 59px 59px;
  width: 59px;
  height: 59px;
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 10;
}
.profit:before {
  content: "";
  display: block;
  background: url(../img/common/ribon02.png) no-repeat;
  background-size: 59px 59px;
  width: 59px;
  height: 59px;
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 10;
}
.newItem:before {
  content: "";
  display: block;
  background: url(../img/common/ribon03.png) no-repeat;
  background-size: 59px 59px;
  width: 59px;
  height: 59px;
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 10;
}
#guideBox {
  display: none;
}

@media (max-width: 768px) {
  a.listAll {
    color: #474646;
    display: block;
    background: #fff;
    position: relative;
    top: auto;
    right: auto;
    padding: 15px 0;
    border: 1px solid #C7C8C9;
    font-size: 1.6rem;
    width: 90%;
    margin: 0 auto 60px;
    text-align: center;
    line-height: 1;
  }
  a.listAll:after {
    display: inline-block;
    content: "";
    background: url(../img/common/icon08.png) no-repeat;
    background-size: 14px 12px;
    margin: 0 0 0 10px;
    width: 14px;
    height: 12px;
  }
  .shopGuide a.listAll {
    top: auto;
    right: auto;
  }
  #guideBox {
    display: block;
    margin: 0 0 20px;
    background: #fff;
    border: solid 1px #808284;
    padding: 15px;
  }
  ul#guideNav {
    margin: 0 0 15px;
  }
  ul#guideNav:after {	/* clearfix */ clear: both; content: " "; display: block; height: 0; visibility: hidden; }
  ul#guideNav li {
    float: left;
    width: 48%;
  }
  ul#guideNav li:first-child {
    margin-right: 4%;
    border-right: solid 1px #808284;
  }
  ul#guideNav li a {
    color: #474646;
    display: block;
    background: #fff;
    padding: 0 0 0 10px;
    font-size: 1.6rem;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    line-height: 1;
  }
  ul#guideNav li a:after {
    content: "";
    display: inline-block;
    background: url(../img/common/icon08.png) 0 0 no-repeat;
    background-size: 14px 12px;
    width: 14px;
    height: 12px;
    margin: 0 0 0 10px;
  }
  #hours2 {
    display: block;
    text-align: center;
    line-height: 1;
    border-top: 1px solid #808284;
    padding: 10px 0 0;
    margin: 0;
  }
  #hours2:before {
    display: inline-block;
    content: "";
    background: url(../img/common/icon09.png) 0 0 no-repeat;
    background-size: 18px 18px;
    margin: 0 10px 0 0;
    width: 18px;
    height: 18px;
    position: relative;
    top: 3px;
  }
}


/* 20.ショップガイド・検索
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

#shopImg {
  display: block;
  float: left;
  width: 320px;
  margin: 0 0 40px;
}
#brandLogo {
  display: block;
  background: #fff;
  border: solid 1px #BEBCB8;
  min-height: 320px;
  max-width: 320px;
  height: auto;
  margin: 0 0 20px;
  text-align: center;
  vertical-align: middle;
  position: relative;
}
#brandLogo img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 90%;
  height: auto;
}
.shopImg {
  width: 100%;
  margin: 0 0 20px;
}
.shopRead {
  font-weight: bold;
  font-size: 1.4rem;
}
.comment {
  font-size: 1.4rem;
  margin: 0 0 10px;
}
#shopDetail {
  display: block;
  float: right;
  width: 402px;
}

#resultTit {
  margin: 0 0 20px;
}
.resultShop {
}
.resultShop:after { /* clearfix */ clear: both; content: " "; display: block; height: 0; visibility: hidden; }
.shopNews .brandLogo,
.resultShop .brandLogo {
  width: 180px;
  height: 145px;
  margin: 0 0 20px 0;
  background: #fff;
  border: solid 1px #BEBCB8;
  text-align: center;
  vertical-align: middle;
  position: relative;
  float: left;
}
.shopNews .brandLogo img,
.resultShop .brandLogo img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 90%;
}
.resultShop span {
  color: #867F72;
  display: block;
  float: left;
  font-size: 1.3rem;
  padding: 0;
  text-decoration: none;
  width: 180px;
}
.resultShop span.shopAbout {
  color: #464646;
  margin: 0;
  background: url(../img/common/icon01.png) 15px 5px no-repeat;
  padding: 0 0 0 28px;
  width: 180px;
  display: block;
  float: left;
  font-size: 1.3rem;
  text-decoration: underline;
}

.shopSearch ul#searchCategory {
  margin: 0 0 20px;
}
.shopSearch ul#searchCategory li {
  width: 32%;
  float: left;
  margin: 0 2% 10px 0;
}
.shopSearch ul#searchCategory li:nth-child(3),
.shopSearch ul#searchCategory li:nth-child(6) {
  margin: 0 0 10px;
}
.shopSearch ul#searchCategory li a {
  background: #fff url(../img/common/icon08.png) right center no-repeat;
  background-size: 21px 18px;
  text-decoration: none;
  margin: 0;
  line-height: 1;
  font-size: 1.4rem;
  border: solid 1px #808284;
  padding: 15px 10px 15px 0;
  text-align: center;
}
.shopSearch ul#searchFloor {
  margin: 0 0 30px;
}
.shopSearch ul#searchFloor li {
  width: 49%;
  margin: 0 2% 0 0;
}
.shopSearch ul#searchFloor li:nth-child(2) {
  margin: 0;
}
.shopSearch ul#searchFloor li a {
  display: block;
  background: #fff url(../img/common/icon08.png) right center no-repeat;
  background-size: 21px 18px;
  font-size: 1.4rem;
  margin: 0;
  padding: 15px 10px 15px 0;
  text-align: center;
}
.shopSearch .stit {
  clear: both;
}
.shopSearch #shopNameSerach {
  display: block;
  width: 100%;
  margin: 0 0 30px;
}
.shopSearch #shopNameSerach input#snTxt {
  width: 300px;
  height: 40px;
  padding: 4px 0 0 8px;
  font-size: 1.4rem;
}
.shopSearch #shopNameSerach input.btnSearch {
  width: 80px;
  height: 40px;
  line-height: 1;
  font-size: 1.4rem;
}

.searchResult dt {
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 1;
	padding: 0;
	margin: 0;
}
	.searchResult dt a {
    display: block;
    background: url(../img/common/icon01.png) 0 center no-repeat;
    padding: 0 0 0 15px;
	}
	.searchResult dt a:hover {
	}
.searchResult dd {
  padding: 0 0 15px;
	margin: 0 0 20px;
	font-size: 1.4rem;
  border-bottom: dotted 1px #ccc;
}
.searchResult dd .sURL {
	color: #060;
	font-size: 1.2rem;
	margin: 0 0 5px;
}
.searchResult dd .sDate {
	margin: 0 15px 5px 0;
}
.searchResult p.caseNum {
	color: #999;
	margin: 0 0 20px 15px;
}

dl.resultBox {
	margin: 0 0 30px;
}


@media (max-width: 768px) {
  #shopImg {
    float: none;
    width: 100%;
    margin: 0 0 20px;
  }
  #brandLogo {
    border: solid 1px #BEBCB8;
    width: 100%;
    min-height: 320px;
    max-width: 100%;
    margin: 0 0 10px;
  }
  #brandLogo img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 90%;
  }
  .shopImg {
    margin: 0 0 10px;
  }
  #shopDetail {
    float: none;
    width: 100%;
  }
  .resultShop .brandLogo {
    width: 35%;
    height: auto;
    min-height: 100px;
    margin: 0 0 5px;
  }
  .resultShop span {
    font-size: 1.4rem;
  }
  .resultShop span.shopAbout {
    width: 65%;
    background: url(../img/common/icon01.png) 15px 5px no-repeat;
    padding: 0 0 0 28px;
    font-size: 1.6rem;
  }
  .shopSearch ul#searchCategory li {
    width: 49%;
    float: left;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .shopSearch ul#searchCategory li:nth-child(odd) {
    margin: 0 2% 10px 0;
  }
  .shopSearch ul#searchCategory li a {
    background: #fff url(../img/common/icon08.png) right center no-repeat;
    background-size: 21px 18px;
    text-decoration: none;
    font-size: 1.6rem;
    margin: 0;
    line-height: 1;
    border: solid 1px #808284;
    padding: 15px 13px 15px 0;
  }
  .shopSearch #shopNameSerach input#snTxt {
    width: 80%;
    height: 50px;
    padding: 4px 0 0 15px;
    font-size: 1.6rem;
  }
  .shopSearch #shopNameSerach input.btnSearch {
    width: 20%;
    height: 50px;
    font-size: 1.6rem;
  }
}

/* 30.フロアガイド
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

ul#tabFloor {
  display: block;
  width: 220px;
  margin: 0 auto 30px;
}
ul#tabFloor:after { /* clearfix */ clear: both; content: " "; display: block; height: 0; visibility: hidden; }
ul#tabFloor li {
  width: 100px;
  float: left;
  margin: 0 20px 0 0;
}
ul#tabFloor li:last-child {
  margin: 0;
}
ul#tabFloor li a {
  display: block;
  background: #fff url(../img/common/icon08.png) right center no-repeat;
  background-size: 21px 18px;
  font-size: 1.4rem;
  margin: 0;
  line-height: 1;
  padding: 10px 10px 10px 0;
  text-align: center;
}
#mapImg {
  display: block;
  width: 360px;
  height: auto;
  margin: 0 auto 30px;
  padding: 0;
}
#mapImg a {
  width: 100%;
  height: auto;
}
#mapImg a:hover {
 	cursor: hand;
	filter: alpha( opacity=80 );
	opacity: 0.80;
	-moz-opacity: 0.80;
}
#anotherFloor {
  display: block;
  float: right;
  width: 250px;
}
.dummyImg {
  width: 100%;
  height: auto;
}
.floor-guide h3:after {
  font-family: 'Material Icons';
  content: "\E145";
  color: #44ABB7;
  font-size: 30px;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 1;
  position: absolute;
  top: 0;
  right: 10px;
}
.floor-guide h3.open:after {
  content: "\E15B";
}
.floor-guide h3:hover {
  cursor: pointer;
 	cursor: hand;
	filter: alpha( opacity=80 );
	opacity: 0.80;
	-moz-opacity: 0.80;
}

@media (max-width: 768px) {
  ul#tabFloor {
    width: 100%;
    margin: 0 auto 20px;
  }
  #mapImg {
    width: 60%;
  }
  #anotherFloor {
    float: none;
    width: 100%;
  }
}


/* 40.アクセス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
#map_canvas {
  margin: 0 0 20px;
  width: 760px;
}
@media (max-width: 768px) {
  #map_canvas {
    width: 100%;
    height: auto;
    min-height: 300px;
  }
  ul#tabFloor li {
    width: 30%;
    float: left;
    margin: 0 5% 0 0;
  }
}



/* 50.施設案内・営業時間
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

ul.facilityGuide {
	margin-bottom: 20px;
}
ul.facilityGuide li {
	display: block;
	border-bottom: solid 1px #C7C8C9;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
ul.facilityGuide li:after { /* clearfix */ clear: both; content: " "; display: block; height: 0; visibility: hidden; }

ul.facilityGuide li .entryImg {
	display: block;
	width: 30%;
	float: left;
	margin: 0 3% 10px 0;
}
ul.facilityGuide li .entryImg img {
	width: 100%;
}

.guide .entryBody {
  margin: 0 0 20px;
}
.guide .entryBody.float {
	width: 67%;
	float: right;
}

@media (max-width: 768px) {
	ul.facilityGuide li .entryImg {
		width: 60%;
    margin: 0 auto 10px;
		float: none;
	}
	.guide .entryBody.float {
		width: auto;
		float: none;
	}
}



/* 60.イベント
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.event#detail .entryImg {
	margin: 0 auto 30px;
	width: 60%;
  position: relative;
}


/* 65.施設案内
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.guide#detail .entryImg {
	margin: 0 3% 30px 0;
	width: 37%;
	position: relative;
	float: left;
}
.guide#detail .entryDate {
	text-align: right;
}
.entryDetail {
	width: 60%;
	margin: 0 0 30px;
	float: right;
	position: relative;
}
.entryDetail.noImg {
  width: 100%;
	float: none;
}
@media (max-width: 768px) {
	.guide#detail .entryImg {
		margin: 0 3% 15px 0;
		width: 100%;
		float: none;
	}
}


/* 70.ショップニュース
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.shopNews#detail .entryImg {
	margin: 0 3% 30px 0;
	width: 37%;
	position: relative;
	float: left;
}

.shopNews#detail .entryDate {
	text-align: right;
}

.entryStit {
	font-weight: bold;
}

@media (max-width: 768px) {
	.shopNews#detail .entryImg {
		margin: 0 auto 15px;
		width: 60%;
		float: none;
	}
	.entryDetail {
		width: 100%;
		margin: 0;
		float: none;
	}
}


/* 75.求人情報
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.recruit dl {
}
.recruit dl dt {
}
.recruit dl dt h3 {
  cursor: pointer;
}
.recruit dl dt h3:after {
  font-family: 'Material Icons';
  content: "\E145";
  color: #44ABB7;
  font-size: 30px;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 1;
  position: absolute;
  top: 0;
  right: 10px;
}
.recruit dl dt h3.open:after {
  content: "\E15B";
}
.recruit dl dt h3:hover {
  cursor: pointer;
 	cursor: hand;
	filter: alpha( opacity=80 );
	opacity: 0.80;
	-moz-opacity: 0.80;
}
.recruit dl dd {
  display: none;
}


/* 80.WEBチラシ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.advImg {
  width: 100%;
  margin: 0 0 10px;
}
.ad #bnr {
  display: none;
}
ul#bnr li a {
  width: 100%;
  margin: 0 0 10px;
}


@media (max-width: 768px) {
	ul#bnr {
		display: -moz-box;/*--- Android旧ブラウザ用 ---*/
		display: -webkit-box;/*--- Android旧ブラウザ用 ---*/
		display: -ms-flexbox;/*--- IE10 ---*/
		display: -webkit-flex;/*--- safari(PC)用 ---*/
		-js-display: flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		flex-direction: row;
		padding: 0;
		margin: 0 auto 20px;
		/* justify-content: center;  左右中央 */
		align-items: stretch;
		/*align-items: center;　上下中央*/
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	ul#bnr li {  /* 2カラム */
		width: calc(50% - 7px);
		margin: 0 0 5px;
		z-index: 10;
	}
	aside #bnr {
		display: none;
	}
}



/* 90.お知らせ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

ul.arwList {
  margin: 0 0 30px 0px;
}
ul.arwList li {
  margin: 0 0 15px;
}
ul.arwList li a {
  display: block;
  background: url(../img/common/icon01.png) 0 5px no-repeat;
  padding: 0 0 0 15px;
}
#detail.information .entryDate {
  text-align: right;
  margin: 0 0 15px;
}
.entryBody {
  margin: 0 0 60px;
}




/* 95.サイトマップ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.sitemap h2 {
  display: none !important;
}

ul.sitemap {
  margin: 0 0 30px 30px;
}
ul.sitemap ul {
  margin: 7px 0 10px 1em;
}
ul.sitemap ul li {
  margin: 0 0 5px;
}
ul.sitemap li {
  margin: 0 0 20px;
}
ul.sitemap li a {
  display: block;
  background: url(../img/common/icon01.png) left center no-repeat;
  text-decoration: none;
  padding: 0 0 0 15px;
  line-height: 1.6;
}

/* 99.共通クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.home h1 {
  margin: 0;
}
h2 {
  display: block;
  background: url(../img/common/h2_bg.gif);
  width: 760px;
  padding: 18px 15px 18px 25px;
  margin: 0 0 20px;
  position: relative;
  line-height: 1.4;
  font-size: 1.8rem;
}
h1,
h2.stitle {
  display: block;
  border: solid 10px #EEE1D8;
  background: #fff;
  width: 100%;
  height: 72px;
  padding: 15px 15px 0 20px;
  margin: 0 0 20px;
  position: relative;
  line-height: 1;
  font-size: 4.0rem;
  font-family: moolboran, sans-serif;
  vertical-align: top;
}
h1 span {
  line-height: 1;
  font-size: 4.0rem;
  font-family: moolboran, sans-serif;
  margin-right: 5px;
}
h1 span.jp,
h2.stitle span {
  color: #7F7F84;
  font: 1.4rem ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
  margin: 0 0 0 16px;
  vertical-align: top;
  line-height: 1.7;
}
h1 span.jp span {
  line-height: 1 !important;
  margin: 4px 0 0;
  vertical-align: top;
  font: 1.4rem ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
}
h2.stitle#eventTit span {
  margin: 0 0 0 13px;
}
.home h1 {
  margin: 0;
  border: none;
  background: none;
  width: inherit;
  height: inherit;
  padding: inherit;
  font-size: 1.0rem;
}
h3 {
  display: block;
  border-bottom: solid 3px #EEE1D8;
  padding: 0 0 5px;
  margin: 0 0 20px;
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
}
h3:before {
  content: "";
  border-left: solid 4px #897F75;
  padding-right: 20px;
}
@media (max-width: 768px) {
  h1,
  h2.stitle {
    margin: 0 0 15px;
    text-align: center;
    height: auto;
    height: 66px;
  }
  h1 {
    padding: 16px 0 0;
  }
  h1 span.jp,
  h2.stitle span {
    margin: 0 0 0 10px;
  }
  h2 {
    width: 100%;
    height: auto;
    padding: 10px 15px 10px 15px;
    line-height: 1.4;
  }
  h1,
  h2.stitle {
    padding: 13px 0 0;
  }
  h3 {
    margin: 30px 0 10px;
    font-size: 1.8rem;
  }
  h3:before {
    padding-right: 10px;
  }
}

.coution {
  font-size: 1.2rem;
}
.coution:before {
  content: "※";
}

/* マウスオーバー */
.opacity:hover {
 	cursor: hand;
	filter: alpha( opacity=80 ); /* IE */
	opacity: 0.80;               /* Firefox,Opera,Safari */
	-moz-opacity: 0.80;          /* Firefox 0.9より前 */
}
.opacity a {
  position: absolute;
	color: #666;
	text-decoration: none;
}

/* ボタン */
.btn {
	clear: both;
  display: block;
  background: #fff url(../img/common/icon08.png) right center no-repeat;
  background-size: 21px 18px;
  font-size: 1.4rem;
  margin: 0;
  line-height: 1;
  padding: 15px 10px 15px 0;
  text-align: center;
  width: 360px;
  margin: 0 auto 30px;
  border: solid 1px #C7C8C9;
}
.btn.back {
  background: #fff url(../img/common/icon10.png) 10px center no-repeat;
  background-size: 21px 18px;
  padding: 15px 0 15px 10px;
}
.btn.mini {
  width: 100%;
}
@media (max-width: 768px) {
  .btn {
    width: 80%;
  }
}

/* テーブル */
table.base {
  border-top: dotted 1px #BEBCB8;
  width: 100%;
  margin: 0 0 35px;
  table-layout: fixed;
}
table.base th {
  padding: 10px 0;
  border-bottom: dotted 1px #BEBCB8;
  font-size: 1.4rem;
  width: 35%;
}
.event table.base th {
	width: 20%;
}
table.base td {
  padding: 10px 0;
  border-bottom: dotted 1px #BEBCB8;
  font-size: 1.4rem;
  width: 65%;
  word-break: break-all;
}
.event table.base td {
	width: 80%;
}
table.simple {
  width: 100%;
  margin: 0 0 35px;
}
table.simple th {
  padding: 5px 0;
  font-size: 1.4rem;
  width: 15%;
}
table.simple td {
  padding: 5px 0;
  font-size: 1.4rem;
  width: 85%;
}
@media (max-width: 768px) {
  table.base,
  table.simple {
    margin: 0 0 20px;
  }
  table.base th,
  table.base td,
  table.simple th,
  table.simple td {
    font-size: 1.6rem;
  }
}

/* 点滅 */
@-webkit-keyframes blink {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-moz-keyframes blink {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes blink {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

/* ページネーション */
ul.pagination {
	margin: 0 auto;
	display: inline-block;
}
ul.pagination li {
}
ul.pagination > li {
	display: inline;
}
ul.pagination li span,
ul.pagination li a {
	border-color: #BEBCB8;
}
ul.pagination > li > a,
ul.pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
ul.pagination li .current {
	color: #fff;
	background: #897F75;
}
ul.pagination li span:hover,
ul.pagination li a:hover {
	color: #333;
	background: #EEE1D8;
}
ul.pagination > li:first-child > a,
ul.pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

/* パララックス */
.inV {
	transform: translate(0,40px); 
	-webkit-transform: translate(0,40px); 
	filter: alpha( opacity=0 );
	opacity: 0.0;
	-moz-opacity: 0.0;
	transition: .8s;
}
.inAnime {
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	filter: alpha( opacity=100 );
	opacity: 1.0;
	-moz-opacity: 1.0;
}

/* ブラッドクラブ */
.breadcrumbs {
  margin: 0 0 10px;
  font-size: 1.2rem;
}
.breadcrumbs a {
  color: #464646;
  margin: 0;
  background: url(../img/common/icon01.png) right 5px no-repeat;
  padding: 0 15px 0 0;
}
.breadcrumbs a:hover {
  text-decoration: none;
  color: #877F73;
}



/* カラム */
.clumnBox {
  display: -moz-box;/*--- Android旧ブラウザ用 ---*/
  display: -webkit-box;/*--- Android旧ブラウザ用 ---*/
  display: -ms-flexbox;/*--- IE10 ---*/
  display: -webkit-flex;/*--- safari(PC)用 ---*/
  -js-display: flex;
  display: flex;
  -moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.clumn {  /* 3カラム */
  width: calc(100%/3 - 26px);
  margin: 0px 39px 30px 0;
  position: relative;
}
.clumn:nth-child(3n){
  margin: 0px 0 30px;
}
.clumn a,
.clumn2 a,
.clumn3 a {
  width: 100%;
}
.clumn:after { /* clearfix */ clear: both; content: " "; display: block; height: 0; visibility: hidden; }

.clumn img {
  width: 100%;
  margin: 0 0 5px;
}
.clumn2 {  /* 2カラム */
  width: calc(50% - 20px);
  margin: 0 40px 20px 0 ;
}
.clumn2:nth-child(even){
  margin: 0 0 20px;
}
.clumn2:last-child {
  margin: 0 0 20px;
}
.clumn3 {  /* 3カラム */
  width: calc(100%/3 - 20px);
  margin: 0 30px 20px 0;
}
.clumn3:nth-child(3n){
  margin: 0px 0 20px;
}

@media (max-width: 1022px) {
.clumn {  /* 3カラム */
  }
}
@media (max-width: 460px) {
  .clumnBox {
    margin: 0 0 15px;
  }
  .clumn,
  .clumn3 {  /* 2カラム */
    width: calc(100%/2 - 6px);
    margin: 0 12px 25px 0;
  }
  .clumn:nth-child(3n),
  .clumn3:nth-child(3n) {
    margin: 0 12px 25px 0;
  }
  .clumn:nth-child(even),
  .clumn3:nth-child(even) {
    margin: 0 0 25px;
  }
  .clumn2 {  /* 1カラム */
    width: 100%;
    margin: 0 0 15px;
  }
  
}
/*20180420貸し会議室*/
table.mt { width: 100%; border-right:1px solid #ddd; border-top:1px solid #ddd; margin: 0 auto 10px;}
table.mt th, table.mt td  { padding: 10px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; }
table.mt th  { background: #f4f4f4; }
table.mt td  { background: #FFFFFF; }
table.mt th  { width: 35%; text-align: left; }

.entryMt {
	margin: 0 auto 30px;
	width: 60%;
  position: relative;
}
 
@media only screen and (max-width:480px){
/*table.mt { margin: 0 -10px; }
table.mt th,
table.mt td{
    width: 100%;
    display: block;
    border-top: none;
    }
table.mt tr:first-child th { border-top: 1px solid #ddd; }
}*/

ul.mtGuide {
	margin-bottom: 20px;
}
ul.mtGuide li {
	border-bottom: solid 1px #C7C8C9;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
ul.mtGuide li div{
	display: block;
}
ul.mtGuide li div:after { /* clearfix */ clear: both; content: " "; display: block; height: 0; visibility: hidden; }

ul.mtGuide li .entryImg {
	display: block;
	width: 30%;
	float: left;
	margin: 0 20px 10px 0;
}}
@media (max-width: 768px) {
	ul.mtGuide li .entryImg {
		width: 60%;
    margin: 0 auto 10px;
		float: none;
	}
}
ul.listMt{
}

ul.listMt li{
	margin: 0 0 0 30px;
	list-style-type: disc;
}

/*20200312LINE公式アカウント*/
#line_box{
}

#line_box p.line_pc{
  display:block;
  margin:0 0 15px 0;
}

#line_box p.line_sp{
  display:none;
  margin:0 0 0 0;
}

#line_box ul.line{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
	justify-content: center;
}

#line_box ul.line li{
	margin:0 0 30px 0;
}
#line_box ul.line li:first-child{
	margin-right:20px;
}

#line_box ul.line li img{
width:370px;
}

#line_box .line_sep{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}

#line_box .line_sep div{
  margin:0 0 20px 0;
  text-align:center;
  background:#FFF;
}

#line_box .line_sep div h4 img{
  width:370px;
}

#line_box .line_sep div p{
  padding:0 10px;
}

#line_box .line_sep div:first-child{
	margin-right:20px;
}

#line_box .line_sep p img.line_qr{
  border:#ccc 3px solid;
}

#line_box .line03{
  width:370px;
  margin:0 auto;
  text-align:center;
  background:#FFF;
}

#line_box .line03 h4 img{
  width:370px; 
}

#line_box .line03 p{
  padding:0 10px 20px 10px;
}



#line_box h4{
margin:0 0 10px 0;
}

@media (max-width: 768px) {

  #line_box p.line_pc{
    display:none;
    margin:0 0 0 0;
  }
  
  #line_box p.line_sp{
    display:block;
    margin:0 0 15px 0;
    width:100%;
  }

  #line_box p.line_txt{
    width:90%;
    margin:0 auto 15px auto;
  }

  #line_box p.line_sp img{
    width:100%;
  }

	#line_box ul.line{
	display: -webkit-box;
  display: -ms-flexbox;
	display:block;
	justify-content: center;
}
	#line_box ul.line li{
		margin:0 auto 20px auto;
		width:90%;
	}
	
		#line_box ul.line li img{
			width:100%;
	}

#line_box ul.line li:first-child{
	margin-right:auto;
}

#line_box .line_sep{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: block;
  justify-content: center;
}

#line_box .line_sep div{
  margin:0 auto 15px auto;
  width:90%;
  padding:0 0 20px 0;
}

#line_box .line_sep div h4 img{
    width:100%;
}
#line_box .line03{
  width:90%;
  margin:0 auto;
  padding:0 0 20px 0;
}
#line_box .line03 h4 img{
  width:100%;
}
}

.pd_box{
	width:300px;
	margin:0 auto;
}

.pd_box img{
	width:300px;
}

@media (max-width: 768px) {
	.pd_box{
	width:80%;
	margin:0 auto;
	}
	.pd_box img{
	width:100%;
}
}