@charset "utf-8";

/* CSS Document */

/*--------------------------------------
　コーディング基準
---------------------------------------

■Not use "reset.css" → "normalize.css"
　HTML5対応、各デバイスへの対応を視野に、normalize.cssをモジュール的に組み込むことを推奨します。

■Rule of Wordpress & Get ready CMS
　Wordpressとの親和性を高めるため、基本的にWordpressのコーディング基準に沿います。

■Naming Rule
　CamelCaseでの記述は行いません。
　親要素など大きなまとまりには複数単語のハイフン区切りを。
　その他のclass,id名は、snakecaseでアンダースコア区切りで記述します。
*/


/*--------------------------------------
　base style
---------------------------------------*/

body{	
color:#000000;
font-size:18px;
margin:0;
height:100%;
position:relative;
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.6;
background-color:#ffffff;
background-image:url(../image/back.jpg);
background-repeat:repeat-x;
background-position:top center;
}

body > #primary {
height: auto;
}

a:link {color:#0c308e; text-decoration:underline;}
a:visited {color:#0c308e; text-decoration:underline;}
a:hover {color:#e15aa8; text-decoration:underline;}

img{
border:0;
vertical-align: bottom;
}

.wordbreak {
  word-wrap:break-word !important;
  overflow:auto !important;
}


/*--------------------------------------
　Expression
---------------------------------------*/

.clear { clear:both; }
.center { text-align:center;}
.under { margin-bottom:30px; }
.under-harf { margin-bottom:15px; }
.ontop {margin-top:20px;}

#gourmet .under {margin-bottom:13px;}

.right { float:right;}
.left { float:left;}
.floatside {overflow:hidden;}

.over20 {
	width:620px;
}

.ro img:hover,.ro:hover {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}

.wp-pagenavi {
	padding:0 !important;
}

.box {
	margin-bottom:20px;
}

.caption {
	background-color:#fff9ca;
}

.pplist {
	padding:0;
}

.line {
	border-bottom:#d5d5d5 solid 2px;
}

/*--------------------------------------
　正方形トリミング
---------------------------------------*/

.trim175{
 display:block;
 width:175px; /*トリミング後の横幅*/
 height:175px; /*トリミング後の縦幅*/
 overflow:hidden;
 margin-bottom:10px;
  background-size:cover;
  background-repeat:no-repeat;
 }

/*--------------------------------------
　WPカレンダー
---------------------------------------*/

.widget-title {
	display:none;
}

#ajax-calendar-2 {
	list-style:none;
	margin:0;
	padding:0;
}

#wp-calendar{width:auto; position:relative; margin-bottom:5px;}
#wp-calendar caption{
text-align:center;
width:auto;
}
#wp-calendar th{
background-color:#b7b7b7;
border:1px solid #b7b7b7;
text-align:center;
width:24px;
height:24px;
line-height:24px;
color:#FFF;
font-size:12px;
}
#wp-calendar td{
color:#444;
background-color:#ffffff;
border:1px solid #b7b7b7;
width:31px;
height:31px;
line-height:31px;
text-align:center;
vertical-align:top;
font-size:11px;
}　
#wp-calendar td.event{color:#888;}
#wp-calendar td a{
display:block;
font-size:11px;
}
#wp-calendar td.pad{background-color:transparent;}
#wp-calendar tfoot {
	display: none;
}

/*--------------------------------------
　Primary
---------------------------------------*/

#primary {
width:640px;
height:100%;
margin-left: auto;
margin-right: auto;
text-align: left;
}

article {
width:640px;
margin-left:auto;
margin-right:auto;
}


/*--------------------------------------
　Main Visual
---------------------------------------*/

#mainvisual {
	width:640px;
	height:217px;
}

#owl-index .item img{
    display: block !important;
    width: 640px !important;
    height: 200px !important;
}

#owl-index .owl-pagination {
}

#owl-index .owl-buttons {
	display:none;
}

.owl-wrapper-outer {
	display:block;
}

.subimage {
	margin-top:-25px;
}

.pickupmovie {
	width:580px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:43px;
}

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

/*--------------------------------------
　Header
---------------------------------------*/

header {
	border-top:#0168b7 solid 5px;
	padding-left:34px;
	padding-right:34px;
	padding-top:32px;
	padding-bottom:32px;
	background-image:url(../image/headback.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	position:relative;
	}


/*　Sns Slide
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#sidesns{
	width:178px;
	/*height:100%;*/
	position:absolute;
	top:93px;
	right:30px;
	z-index: 9999 !important; 
}

#option {
	width:280px;
	float:right;
	height:42px;
}

#option form {
	width:221px;
	height:42px;
	float:right;
	color:#FFF;
	background-color:#2f5c94;
	border-radius:3px;
}

#option form input {
	width:160px;
	height:38px;
	border:0;
	z-index:1 !important;
	color:#FFF;
	text-indent:5px;
	background-color:transparent;
	float:left;
}

#option form input.submit {
	background-image:url(../image/option/srbotton.png);
	background-repeat:no-repeat !important;
	width:40px !important;
	height:38px;
	border:0;
	float:right !important;
	z-index:9999 !important;
	margin-right:2px;
	margin-top:2px;
}

#option a {
	float:right;
	margin-left:15px;
}

/*--------------------------------------
　Navi
---------------------------------------*/

#navi {
	margin-bottom:27px;
	padding-bottom: 2px;
	background-color: #ffffff;
}

#navi.active {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}

#navi img {
	float:left;
	margin-right:2px;
}

#navi img.last {
	margin-right:0;
}


/*--------------------------------------
　Footer
---------------------------------------*/

#footer {
	padding-bottom:70px;
}

#sns {
	background-image:url(../image/footer/fback.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:146px;
	text-align:center;
	padding-top:20px;
}

#sns img {
	margin:4px;
}

#footer-cc {
	background-color:#0168b7;
	font-size:12px;
	color:#FFF;
	text-align:left;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	height:30px;
	max-height:50px;
	line-height:15px;
}

.topback {
	float:right;
	width:50px;
	height:50px;
	margin-top:-25px;
}

#footerin {
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:2px solid #d5d5d5;
}

#footer-pagelist {
	width:400px;
	float:right;
}

#footer-pagelist ul {
	margin:0;
	padding:0;
	list-style:none;
}

#footer-pagelist ul li a {
	margin:0;
	padding-left:5px;
	padding-right:5px;
	border-left:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	color:#ffffff;
	font-size:14px;
	text-align:center;
	height:30px;
	line-height:30px;
	float:right;
	background-color:#5dc9e6;
	text-decoration:none;
}

#footer-pagelist ul li a:hover{
	background-color:#3782da;
	color:#FFF;
	cursor:pointer; 
}

#footer-option {
	text-align:center;
	padding-top:20px;
	padding-bottom:40px;
	font-size:17px;
}

#footer-option .tel {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:600px;
	display:block;
	margin-bottom:15px;
}

.underbana {
	padding-left:10px;
}

.underbana a img {
	float:left;
	margin-right:9px;
	margin-bottom:9px;
}

#footer-bana {
  border-top:solid 2px #d5d5d5;
  border-bottom:solid 2px #d5d5d5;
  padding-top:20px;
  padding-bottom:20px;
  text-align:center;
}

#footer-bana a img {
  margin-left:1px;
  margin-right:1px;
}

#footer-bana-subpage {
  border-bottom:solid 2px #d5d5d5;
  padding-bottom:20px;
  text-align:center;
}

#footer-bana-subpage a img {

}

.footer-fixed {
	position:fixed;
	bottom:0;
	left:0;
	width:640px;
	height:80px;
	z-index:9999 !important;
}

/*--------------------------------------
　Subtitle
---------------------------------------*/

.subimagetitle {
	background-image:url(../image/subtitle/subimage_back.gif);
	background-repeat:repeat-x;
	color:#FFF;
	font-size:24px;
	padding-left:24px;
	height:86px;
	line-height:86px;
	font-weight:bold;
	margin-bottom: 20px;
}

.title00 {
	background-image:url(../image/subtitle/title00.gif);
	background-repeat:no-repeat;
	background-color:#2da5da;
	color:#FFF;
	font-size:36px;
	padding-left:68px;
	height:86px;
	line-height:80px;
	font-family:"Segoe UI Light";
}

.title00 span {
	font-size:18px;
	color:#a1dbf5;
	margin-left:10px;
}

.title01 {
	background-image:url(../image/subtitle/title01.gif);
	background-repeat:no-repeat;
	background-color:#b6c710;
	color:#FFF;
	font-size:36px;
	padding-left:68px;
	height:86px;
	line-height:80px;
	font-family:"Segoe UI Light";
}

.title01 span {
	font-size:18px;
	color:#fcfee4;
	margin-left:10px;
}

.title02 {
	background-image:url(../image/subtitle/title02.gif);
	background-repeat:no-repeat;
	background-color:#27c1b9;
	color:#FFF;
	font-size:36px;
	padding-left:68px;
	height:86px;
	line-height:80px;
	font-family:"Segoe UI Light";
}

.title02 span {
	font-size:18px;
	color:#80e2dd;
	margin-left:10px;
}

.title03 {
	background-color:#dcdcd0;
	color:#454545;
	font-size:24px;
	padding-left:20px;
	height:86px;
	line-height:80px;
	font-weight:bold;
}

.subtitle01 {
	background-image:url(../image/subtitle/subtitle04.gif);
	background-repeat:no-repeat;
	background-color:#2da5da;
	color:#FFF;
	font-size:24px;
	padding-left:48px;
	height:52px;
	line-height:52px;
}

.subtitle02 {
	background-image:url(../image/subtitle/subtitle02.gif);
	background-repeat:no-repeat;
	background-color:#cf2555;
	color:#FFF;
	font-size:24px;
	padding-left:48px;
	height:52px;
	line-height:52px;
}

.subtitle03 {
	background-image:url(../image/subtitle/subtitle03.gif);
	background-repeat:no-repeat;
	background-color:#b5c70f;
	color:#FFF;
	font-size:24px;
	padding-left:48px;
	height:52px;
	line-height:52px;
}

.subtitle04 {
	background-image:url(../image/subtitle/subtitle04.gif);
	background-repeat:no-repeat;
	background-color:#2da5da;
	color:#FFF;
	font-size:24px;
	padding-left:48px;
	height:52px;
	line-height:52px;
}


/*--------------------------------------
　Point
---------------------------------------*/

.point00 a {
	background-image:url(../image/subtitle/point00.gif);
	background-position:left;
	background-repeat:no-repeat;
	background-color:#2486b2;
	height:45px;
	line-height:45px;
	padding-left:45px;
	padding-right:28px;
	display:inline-block;
	color:#FFF;
	font-size:20px;
	text-decoration:none;
}

.point01 a {
	background-image:url(../image/subtitle/point01.gif);
	background-position:left;
	background-repeat:no-repeat;
	background-color:#b6c710;
	height:45px;
	line-height:45px;
	padding-left:45px;
	padding-right:28px;
	display:inline-block;
	color:#FFF;
	font-size:20px;
	text-decoration:none;
}

.point02 {
	border-left:#3782da solid 5px;
	color:#3782da;
	font-size:24px;
	padding-left:20px;
	line-height:36px;
	margin-bottom:20px;
	font-weight:bold;
}

.point03 {
	border-left:#cf2554 solid 5px;
	color:#cf2554;
	font-size:24px;
	padding-left:20px;
	line-height:36px;
	margin-bottom:20px;
	font-weight:bold;
}

.point04 {
	border-left:#2da5da solid 5px;
	color:#2da5da;
	font-size:24px;
	padding-left:20px;
	line-height:36px;
	margin-bottom:20px;
	font-weight:bold;
}

.point05 {
	border-left:#b5c70f solid 5px;
	color:#8f9e00;
	font-size:24px;
	padding-left:20px;
	line-height:36px;
	margin-bottom:20px;
	font-weight:bold;
}

.ppin {
	margin-left:20px;
}

/*--------------------------------------
　インラインブロックポイント
---------------------------------------*/

.cateicon01 {
	display:inline-block;
	float:left;
	background-color:#3782da;
	color:#ffffff !important;
	font-size:14px !important;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	height:24px;
	line-height:24px !important;
	margin-right:5px;
}

.cateicon02 {
	display:inline-block;
	float:left;
	background-color:#37dab5;
	color:#ffffff !important;
	font-size:14px !important;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	height:24px;
	line-height:24px !important;
	margin-right:5px;
}

.cateicon03 {
	display:inline-block;
	float:left;
	background-color:#e15aa8;
	color:#ffffff !important;
	font-size:14px !important;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	height:24px;
	line-height:24px !important;
	margin-right:5px;
}

.place {
	display:inline-block;
	float:left;
	background-color:#ededed;
	color:#333 !important;
	font-size:14px !important;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	height:24px;
	line-height:24px !important;
	margin-right:5px;
}

.update {
	display:inline-block;
	float:left;
	background-color:#e0fbff;
	color:#333 !important;
	font-size:14px !important;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	height:24px;
	line-height:24px !important;
	margin-right:5px;
}

.sbcate {
	display:inline-block;
	float:left;
	background-color:#4e8dec;
	color:#ffffff !important;
	font-size:14px !important;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	height:24px;
	line-height:24px !important;
	margin-right:5px;
}

.shopnametag {
	display:inline-block;
	float:left;
	background-color:#ffeab9;
	color:#333 !important;
	font-size:14px !important;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	height:24px;
	line-height:24px !important;
	margin-right:5px;
}

.newslist .cateicon01,.newslist .cateicon02,.newslist .cateicon03 {
	width:60px !important;
}


/*--------------------------------------
　Area
---------------------------------------*/


.area {
	border-bottom:#d5d5d5 solid 2px;
	font-size:18px;
}

.area a {
	display:block;
	text-decoration:none;
	color:#333333;
}

.areain {
	padding:20px;
}

.areain img {
	max-width:600px;
	height:auto;
}

.areain .ninja_onebutton {
	margin-top:20px !important;
	margin-left:0 !important;
}

.areain .ninja_onebutton .line-box {
	margin-top:-8px !important;
}

.areain-harf {
	padding:10px;
}

.areain-wide {
	padding-top:20px;
	padding-bottom:20px;
}

.area.arrow {
	background-image:url(../image/layout/arrow.gif);
	background-position:right;
	background-repeat:no-repeat;
}

.area .catedata {
	height:21px;
	line-height:21px;
	margin-bottom:7px;
}

.area .catedata .data {
	margin-left:10px;
	font-size:16px;
	color:#2da5da;
}

.shopdata {
	font-size:18px;
	min-height:60px;
	color:#09F;
}

.area .shopdata {
	margin-bottom:0px !important;
	min-height:40px !important;
}

.area .shopdata .data {
	font-size:18px;
	color:#2da5da;
}

.area .comment {
	float:left;
	width:400px;
	font-size:18px;
	overflow:hidden;
}

.area.arrow .comment {
	float:left;
	width:350px;
	padding-right:40px;
	font-size:18px;
}

.areain-wide .comment {
	float:left;
	width:355px;
	font-size:18px;
}

.area .thum,.areain-wide .thum {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}

.area .scdata {
	color:#ff2121;
	font-size:18px;
}

.area .eventname {
	color:#3782da;
	font-weight:bold;
}

.qaanswer {
	width:560px;
}

.area-undertop {
	margin-top:-20px;
}


/*--------------------------------------
　Additional
---------------------------------------*/

/* EVENT & NEWS */

.eventtable {
	border-top:solid 2px #dcdcd0;
	min-height:82px;
}

.eventtable .left {
	float:left;
	background-color:#f7f7f1;
	width:198px;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	font-size:20px;
	color:#454545;
	border-bottom:solid 2px #dcdcd0;
}

.eventtable .right {
	float:right;
	background-color:#FFF;
	width:402px;
	padding:20px;
	font-size:20px;
	color:#454545;
	border-bottom:solid 2px #dcdcd0;
}

.news-list-primary {
	width: 100%;
	margin-top: 20px;
	padding-left: 20px;
	margin-bottom: 40px;
	box-sizing: border-box;
}

.news-list-primary .list {
	width: calc(50% - 20px);
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}

.news-list-primary .list .thum {
	width: 100%;
	height: 200px;
	background-color: #d8eeff;
	margin-bottom: 20px;
	position: relative;
	background-image: url("../image/logo.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 70%;
	backface-visibility: hidden;
	filter: blur(0);
	image-rendering: -webkit-optimize-contrast;
}

.news-list-primary .list .thum a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(255,255,255,0);
	transition: 0.2s;
	z-index: 99;
}

.news-list-primary .list .thum a:hover {
	background-color: rgba(255,255,255,0.2);
}

.news-list-primary .list .thum a img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	z-index: 98;
	position: relative;
	transition: 0.2s;
}

.news-list-primary .list .thum a img:hover {
	filter: brightness(110%);
}

.news-list-primary .list a {
	font-size: 20px;
}

/* ACCESS */

.accesstable {
	border-top:solid 2px #84b4ed;
	min-height:82px;
}

.accesstable .left {
	float:left;
	background-color:#d6e8fe;
	width:198px;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	font-size:20px;
	color:#494936;
	border-bottom:solid 2px #84b4ed;
}

.accesstable .right {
	float:right;
	background-color:#FFF;
	width:402px;
	padding:20px;
	font-size:20px;
	color:#454545;
	border-bottom:solid 2px #84b4ed;
}

.buscomment {
	float:left;
	width:380px;
	font-size:18px;
}

.buscomment a {
	color:#ff2a89;
	text-decoration:underline;
}


/* TIME TABLE */

.timetable-left {
	float:left;
	width:280px;
}

.timetable-right {
	color:#1b9791;
	float:right;
	text-align:right;
	width:340px;
	position:relative;
	box-sizing:border-box;
	padding-right:60px;
}

.timetable-right span {
	background-color:#b6b6b6;
	color:#FFF;
	padding-left:5px;
	padding-right:5px;
	display:block;
	width:40px;
  text-align:center;
  margin-left:5px;
  position:absolute;
  position:absolute;
	right:0;
	top: 46%;
  transform: translateY(-50%);
}

.timetable-right span.kaiblank {
	background-color:#ffffff;
	color:#FFF;
	padding-left:5px;
	padding-right:5px;
	display:inline-block;
	width:40px;
  text-align:center;
  margin-left:5px;
}


/* BUY NAVI */

#buynavi01 {
	background-color:#ffeef3;
}

#buynavi02 {
	background-color:#d2f1ff;
}

#buynavi03 {
	background-color:#fcffe3;
}

#buynavi01 .buynavilist a {
	border:solid 2px #cf2554;
	background-color:#FFF;
	background-image:url(../image/subtitle/rvarrow01.gif);
	background-repeat:no-repeat;
	background-position:left;
	width:250px;
	padding-left:38px;
	font-size:16px;
	color:#b41440;
	float:left;
	margin-right:16px;
	margin-bottom:12px;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	text-decoration:none;
}

#buynavi02 .buynavilist a {
	border:solid 2px #2da5da;
	background-color:#FFF;
	background-image:url(../image/subtitle/rvarrow02.gif);
	background-repeat:no-repeat;
	background-position:left;
	width:250px;
	padding-left:38px;
	font-size:16px;
	color:#2da5da;
	float:left;
	margin-right:16px;
	margin-bottom:12px;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	text-decoration:none;
}

#buynavi03 .buynavilist a {
	border:solid 2px #b5c70f;
	background-color:#FFF;
	background-image:url(../image/subtitle/rvarrow03.gif);
	background-repeat:no-repeat;
	background-position:left;
	width:250px;
	padding-left:38px;
	font-size:16px;
	color:#8b9a00;
	float:left;
	margin-right:16px;
	margin-bottom:12px;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	text-decoration:none;
}


/* SHOP INFORMATION */

.shopkai {
	background-color:#6b6b6b;
	color:#FFF;
	padding-left:5px;
	padding-right:5px;
	margin-right:5px;
	display:inline-block;
	height:26px;
	line-height:29px;
}

.shopoption {
	margin-top:10px;
}

.shoplogo {
	float:right;
	margin-left:20px;
	max-width:150px;
	height:auto;
  margin-bottom:20px;
}

.shopdetail-photo {
	margin-bottom:20px;
}

.shopdetail-cc {
	color:#ff1e1e;
	font-size:24px;
}

.shopdetail-photo img.mainthum {
	width:auto;
	max-width:294px;
	max-height:221px;
	overflow:hidden;
}

.shopdetail-photo img.subthum {
	overflow:hidden;
	margin-bottom:5px;
}


/* FLOOR GUIDE */

.shoplist {
	width:640px;
}

.shoplist a {
	width:600px;
	max-height:27px;
	height:27px;
	overflow:hidden !important;
	border-bottom:#d5d5d5 solid 2px;
	font-size:18px;
	display:block;
	text-decoration:none;
	color:#333333;
	padding:20px;
	margin:0;
	float:none;
	background-image:url(../image/layout/arrow.gif);
	background-position:right;
	background-repeat:no-repeat;
}

.shoplist span {
	width:600px;
	max-height:27px;
	height:27px;
	overflow:hidden !important;
	border-bottom:#d5d5d5 solid 2px;
	font-size:18px;
	display:block;
	text-decoration:none;
	color:#333333;
	padding:20px;
	margin:0;
	float:none;
}

.floormap {
	position: relative;
	padding-bottom: 20px;
}

#floor-icon {
	border: 1px solid #1d2088;
	box-sizing: border-box;
	width: calc(100% - 40px);
	padding: 10px;
	padding-bottom: 0;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
}

.floor-icon-primary {
	width: calc(100% + 10px);
}
.floor-icon-primary:after {
	content: "";
	clear: both;
	display: block;
}
.floor-icon-primary .list {
	width: calc(33.333% - 10px);
	margin-right: 10px;
	height: 50px;
	margin-bottom: 0;
	float: left;
	position: relative;
}

.floor-icon-primary .list img {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
}

.floor-icon-primary .list p {
	margin: 0;
	padding: 0;
	padding-left: 50px;
	padding-top: 6px;
	font-size: 18px;
	font-family:"Century Gothic", "BIZ UDPゴシック", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

#floor-catelink {
	margin-top: 20px;
}

#floor-catelink .title02 {
	margin-bottom: 20px;
}

#floor-catelink .floor-catelink-primary {
	position: relative;
	width: calc(100% - 40px);
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#floor-catelink .floor-catelink-primary ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: calc(100% + 20px);
	padding-bottom: 10px;
}

#floor-catelink .floor-catelink-primary ul li a {
	display: block;
	width: calc(50% - 20px);
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	text-align: center;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eeeeee;
	position: relative;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	font-family:"Century Gothic", "BIZ UDPゴシック", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	transition: 0.2s;
}

#floor-catelink .floor-catelink-primary ul li:nth-child(1) a { background-color: #dbebc5; }
#floor-catelink .floor-catelink-primary ul li:nth-child(2) a { background-color: #f9cf97; }
#floor-catelink .floor-catelink-primary ul li:nth-child(3) a { background-color: #cae9fa; }
#floor-catelink .floor-catelink-primary ul li:nth-child(4) a { background-color: #f8c8c9; }
#floor-catelink .floor-catelink-primary ul li:nth-child(5) a { background-color: #eecce0; }
#floor-catelink .floor-catelink-primary ul li:nth-child(6) a { background-color: #faf6ca; }

#floor-catelink .floor-catelink-primary ul li a:after {
	content: "▶";
	color: #ffffff;
	display: block;
	position: absolute;
	top: 13px;
	right: 13px;
	font-size: 11px;
}
#floor-catelink .floor-catelink-primary ul li a:hover {
	opacity: 0.7;
}

#floor-catelink .floor-catelink-primary ul:after {
	content: "";
	clear: both;
	display: block;
}

.floormap {
	padding: 20px;
	box-sizing: border-box;
	position: relative;
}

.floor-num {
	background-color: #0168b7;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 0;
	left: 20px;
	color: #ffffff;
	display: block;
	text-align: center;
	line-height: 80px;
	font-size: 36px;
	font-family:"Century Gothic", "BIZ UDPゴシック", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.shopcate-link a {
	display: block;
	position: relative;
	width: calc(100% - 80px);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	box-sizing: border-box;
	border: 2px solid #0068b7;
	border-radius: 5px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	color: #0068b7;
	font-family:"Century Gothic", "BIZ UDPゴシック", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

/*--------------------------------------
　イベントスペース
---------------------------------------*/

.eventspace-list {
	background-image:url(../image/contents/timetable/list.gif);
	background-position:0px -10px;
	background-repeat:no-repeat;
	margin-bottom:15px;
	font-size:18px;
	color:#2c2c2c;
	padding-left:0;
	line-height:20px;
	text-decoration:none;
	border-bottom:1px #d6d7d9 solid;
	padding-bottom:15px;
}

.dl-icon {
	display: block;
	padding-top: 8px;
}

.dl-icon:after {
	clear: both;
	display: block;
	content: "";
}

.dl-icon img {
	display: inline-block;
	margin-right: 6px;
}

.dl-icon img:hover {
	opacity: 0.7;
}

.dl-icon br {
	display: none;
}

/*--------------------------------------
　ポイントカード
---------------------------------------*/

#pointcard {
  padding-bottom: 30px;
}

#pointcard .content {
  border-bottom: 1px dotted #cccccc;
  padding: 30px;
  margin-bottom: 15px;
}

#pointcard .content:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

#pointcard h3 {
  color: #0072fd;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}

#pointcard p {
  margin: 0;
  padding: 0;
}

#pointcard ul {
  margin: 0;
  padding: 30px;
  padding-left: 20px;
  padding-bottom: 20px;
}

#pointcard ul li {
}

#pointcard .catch {
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  display: block;
  margin-bottom: 15px;
  color: #ffffff;
  background-color: #0072fd;
  padding: 30px;
}


/*--------------------------------------
　求人情報
---------------------------------------*/

.recdetail{
	border-bottom:1px solid #d6d7d9;
	padding-bottom:10px;
	margin-bottom:15px;
}

#recruit {
  padding: 30px;
  padding-top: 0;
  box-sizing: border-box;
}

#recruit .subtitle01 {
  font-size: 22px;
  font-weight: bold;
  height: 50px;
  line-height: 53px;
  position: relative;
}

#recruit .subtitle02 {
	background-color: #2da5da !important;
	background-image: url(../image/subtitle/subtitle04.gif) !important;
}

.interview .subtitle01 {
  height: 80px !important;
  line-height: 83px !important;
  background-position: left center;
}

.interview .subtitle01:after {
  content: "";
  width: 150px;
  height: 144px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url("../image/contents/recruit/syain2.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 80%;
}

#recruit .subtitle02 {
  font-size: 22px;
  font-weight: bold;
  height: 50px;
  line-height: 53px;
  position: relative;
}

.interview .subtitle02 {
  height: 80px !important;
  line-height: 83px !important;
  background-position: left center;
}

.interview .subtitle02:after {
  content: "";
  width: 150px;
  height: 144px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url("../image/contents/recruit/syain.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 80%;
}

#recruit .message {
  margin-bottom: 15px;
}

#recruit .alignright {
  float: right;
  margin-left: 20px;
  margin-top: 5px;
}

#recruit h3 {
  color: #0168b7;
  font-weight: bold;
  font-size: 22px;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}

#recruit h4 {
  font-size: 20px;
  color: #2E2E2E;
}

#recruit .content {
  border-bottom: 1px dotted #cccccc;
  padding-bottom: 25px;
  margin-bottom: 20px;
  position: relative;
}

#recruit .content:after {
  position: relative;
  display: block;
  clear: both;
  content: "";
}

#recruit .content p {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  overflow: hidden;
}

#recruit ul {
  margin: 0;
  padding: 0;
  padding-left: 20px;
  margin-bottom: 15px;
}

#recruit ul li {
}

#recruit .question {
  position: relative;
  padding-left: 60px;
  box-sizing: border-box;
  font-size: 22px;
  color: #0168b7;
  font-weight: bold;
  margin-bottom: 18px;
  padding-top: 7px;
}

#recruit .question span {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background-color: #0168b7;
  color: #ffffff;
  line-height: 50px;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  font-style: italic;
}

#recruit .question+p {
  margin-bottom: 20px;
  overflow: hidden;
}

#recruit .ledy_icon {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

#recruit .content:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
}

#recruit .cta {
  clear: both;
  display: block;
  padding-top: 20px;
}

#recruit .cta a {
  background-color: #27c1b9;
  text-align: center;
  padding: 15px;
  box-sizing: border-box;
  border-radius: 10px;
  width: calc(100% - 60px);
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
  font-size: 22px;
  display: block;
  text-decoration: none;
  color: #ffffff !important;
  transition: 0.2s;
}

#recruit .cta a:hover {
  opacity: 0.8;
}

.mv-pickup {
  box-sizing: border-box;
  padding-left: 30px;
  padding-right: 30px;
}

.mv-pickup .separate {
  width: calc(100% + 30px);
  padding-bottom: 50px;
  box-sizing: border-box;
}

.mv-pickup .separate .content {
  width: calc(50% - 30px);
  margin-right: 30px;
  float: left;
  position: relative;
}

.mv-pickup .separate:after {
  display: block;
  clear: both;
  content: "";
}

.mv-pickup .separate .content img {
  max-width: 100%;
}