@charset "utf-8";

/* Base Start */

* {
  margin:0;
  padding:0;
}

article,aside,details,figcaption,figure,footer,header,menu,nav,main,section,textarea {
	display:block;
}

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

em,address {
	font-style:normal;
}

body {
	color:#000;
	font-family:'Kozuka Mincho Pro','Kozuka Mincho Std','小塚明朝 Pro R','小塚明朝 Std R',"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:100%;
	text-align:center;
}

a {
	color:#c33;
	text-decoration:none;
	outline:none;
}

a:hover {
	color:#c33;
	text-decoration:underline;
}

#all-wrapper {
	width:100%;
	overflow:hidden;
}

.inview.fead {
    opacity: 0;
    transform: translateY(0);
    transition: opacity 3s, transform 1s;
}

.inview.bottom {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 2s, transform 1s;
}

.inview.bottom1 {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 2s, transform 1s;
}

.inview.bottom2 {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 4s, transform 1.5s;
}

.inview.bottom3 {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 6s, transform 2s;
}

.inview.right {
    opacity: 0;
    transform: translateX(30px);
    transition: opacity 2.5s, transform 1s;
}

.inview.left {
    opacity: 0;
    transform: translateX(-30px);
    transition: opacity 2.5s, transform 2s;
}

.inview.fadein {
    opacity: 1;
    transform: translate(0,0);
}

/* Base End */

/* Clearfix Start */

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

/* Clearfix End */

/* Header Start */

#anc-upper {}

#header {}

#header strong {
	display:inline-block;
	padding:20px 0;
	max-width:90%;
}

#header strong img {
	max-width:100%;
	height:auto;
}

#navigation {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	height:54px;
	list-style-type:none;
}

#navigation>li {
	padding:0 5px;
	line-height:14px;
	font-size:14px;
}

.sns a {
	padding:0 !important;
}

.lang {
	padding:0 20px !important;
}

.lang>ol {
	display:-webkit-inline-flex;
	display:inline-flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:8px 0 !important;
	background-color:#fff;
	width:105px;
	height:28px;
	list-style-type:none;
}

.lang>ol>li {
	padding:0 7px;
	height:auto;
}

.lang>ol>li+li {
	border-left:1px solid #932e44;
}

.lang>ol>li>a {
	padding:0 !important;
	color:#932e44 !important;
	line-height:12px;
	font-size:12px;
	text-decoration:none;
}

.lang>ol>li>a:hover {
	text-decoration:underline !important;
}

#navigation>li>a {
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	border-radius:6px;
	color:#fff;
	line-height:14px;
	font-size:14px;
	text-decoration:none;
}

#navigation>li>a:hover,
#navigation>li.current>a,
#navigation>li.current>a:hover {
	color:#932e44;
}

#navigation>li.current>a,
#navigation>li.current>a:hover {
	background-color:#fff;
}

.menu-collapser {
	position:relative;
	width:100%;
	height:54px;
	padding:0 8px;
	color:#fff;
	font-size:16px;
	line-height:54px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

ul.slimmenu li a {
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:14px;
	text-decoration:none;
	font-weight:400;
	transition:background-color 0.5s ease-out;
	-o-transition:background-color 0.5s ease-out;
	-moz-transition:background-color 0.5s ease-out;
	-webkit-transition:background-color 0.5s ease-out;
}

ul.slimmenu li a:hover {
	text-decoration:none;
	background-color:rgba(255,255,255,.9);
}

@media screen and (min-width : 768px) and (max-width : 1139px) {
	#header strong {
		padding:15px 0;
	}
	
	#gnavi {
		margin:0;
		width:100%;
	}
	
	#navigation {
		-webkit-flex-direction:column;
		flex-direction:column;
		padding:10px 0;
		border-top:1px solid rgba(255,255,255,.2);
		height:auto;
	}
	
	#navigation>li {
		padding:2px 0;
	}
	
	#navigation>li>a {
		-webkit-justify-content:center;
		justify-content:center;
		margin:0 10px;
		padding:12px 0;
		border:none;
		color:#fff;
		text-decoration:none;
	}
	
	.sns {
		padding:10px 0 !important;
	}
	
	.sns a {
		background:none !important;
	}
	
	.lang {
		padding:10px 0 !important;
	}
}

@media only screen and (max-width : 767px) {
	#header strong {
		padding:10px 0;
	}
	
	#gnavi {
		margin:0;
		width:100%;
	}
	
	#navigation {
		-webkit-flex-direction:column;
		flex-direction:column;
		padding:10px 0;
		border-top:1px solid rgba(255,255,255,.2);
		height:auto;
	}
	
	#navigation>li {
		padding:2px 0;
	}
	
	#navigation>li>a {
		-webkit-justify-content:center;
		justify-content:center;
		margin:0 10px;
		padding:12px 0;
		border:none;
		color:#fff;
		text-decoration:none;
	}
	
	.sns {
		padding:10px 0 !important;
	}
	
	.sns a {
		background:none !important;
	}
	
	.lang {
		padding:10px 0 !important;
	}
}

/* Header End */

/* Main Start */

.container,
.container2 {
	margin:0 auto;
	width:1136px;
	position: relative;
	z-index: 10;
}

#contents {
	padding-top:60px;
}

#contents h2 {
	position:relative;
	padding-bottom:24px;
	line-height:34px;
	font-size:28px;
}

#contents h2::after {
	position:absolute;
	left:calc(50% - 40px);
	bottom:0;
	display:block;
	width:80px;
	height:3px;
	content:"";
}

.light-gray {
	background-color:#f8f6f3;
}

#mv {
	position:relative;
}

#mv img {
	z-index:1;
	width:100%;
	height:auto;
}

#mv div {
	z-index:2;
	position:absolute;
	left:0;
	top:0;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	width:100%;
	height:100%;
}

#mv div h1 {
	color:#fff;
	line-height:1em;
	font-size:calc(1.75em + 0.75vw);
	text-shadow:0px 0px 5px rgba(223,0,0,.9),0px 0px 5px rgba(223,0,0,.8),0px 0px 5px rgba(223,0,0,.7),0px 0px 10px rgba(223,0,0,.7);
}

.button-small {
	display:inline-block;
	min-width:130px;
}

.button-small a {
	position:relative;
	display:block;
	padding:8px 25px;
	color:#fff;
	line-height:14px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

.button-small a::after {
	position:absolute;
	left:10px;
	top:calc(50% - 4px);
	display:block;
	box-sizing:border-box;
	width:8px;
	height:8px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	transform:rotate(45deg);
	content:"";
}

.button-small a:hover {
	opacity:.7;
}

.dt395 {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}

.dt395 dt {
	width:395px;
}

.dt395 dt img,
.dt395 dd em img {
	max-width:100%;
	height:auto;
}

.dt395 dd {
	width:calc(100% - 423px);
	text-align:left;
}

.dt395 dd h3 {
	margin-top:-8px;
	padding-bottom:6px;
	line-height:36px;
	font-size:20px;
}

.dt395 dd p {
	line-height:29px;
	font-size:16px;
}

.dt395 dd p img {
	float:right;
	margin-left:20px;
}

.dt395 dd em {
	display:block;
	padding-top:20px;
	text-align:right;
}

.dt395 dd em img {
	max-width:100%;
	height:auto;
}

.specification {
	margin:0 auto;
	width:835px;
	list-style-type:none;
}

.specification li {
	padding:18px 0;
}

.specification li+li {
	border-top:1px solid #ccc;
}

.specification li dl {
	display:-webkit-flex;
	display:flex;
	line-height:22px;
	font-size:14px;
	text-align:left;
}

.specification li dl dt {
	box-sizing:border-box;
	padding-left:7px;
	width:242px;
	font-weight:bold;
}

.specification li dl dd {
	width:calc(100% - 242px);
}

.plus-top-border li:first-child {
	border-top:1px solid #ccc;
}

.plus-bottom-border li:last-child {
	border-bottom:1px solid #ccc;
}

.specification li dl dd em {
	display:inline-block;
}





@media screen and (min-width : 768px) and (max-width : 1139px) {
	.container {
		width:750px;
	}
	
	.container2 {
		width:90%;
	}
	
	#contents {
		padding-top:45px;
	}
	
	#contents h2 {
		padding-bottom:18px;
	}
	
	.specification {
		width:100%;
	}
}

@media only screen and (max-width : 767px) {
	.container,
	.container2 {
		width:90%;
		z-index: 10;
		position: relative;
	}
	
	#contents {
		padding-top:30px;
	}
	
	#contents h2 {
		padding-bottom:12px;
	}
	
	.button-small {
		margin-bottom:4px;
	}
	
	.dt395,
	.specification li dl {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	.dt395 dt,
	.dt395 dd,
	.specification li dl dt,
	.specification li dl dd {
		width:100%;
	}
	
	.dt395 dt {
		padding-bottom:20px;
	}
	
	.dt395 dd h3 {
		margin-top:0;
	}
	
	.specification {
		width:100%;
	}
	
	.specification li dl dt {
		padding:0;
	}
	
	.specification li dl dd span {
		display:block;
	}
}

/* Main End */

/* Footer Start */

#footer {}

#fnavi {
	background-color:#cc3333;
}

#foot-navi {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	height:54px;
	list-style-type:none;
}

#foot-navi>li {
	padding:0 5px;
	line-height:14px;
	font-size:14px;
}

#foot-navi>li>a {
	display:block;
	padding:10px 20px;
	border-radius:6px;
	color:#fff;
	line-height:14px;
	font-size:14px;
	text-decoration:none;
	transition:background-color 0.5s ease-out;
	-o-transition:background-color 0.5s ease-out;
	-moz-transition:background-color 0.5s ease-out;
	-webkit-transition:background-color 0.5s ease-out;
}

#foot-navi>li>a:hover,
#foot-navi>li.current>a,
#foot-navi>li.current>a:hover {
	color:#932e44;
}

#foot-navi>li.current>a,
#foot-navi>li.current>a:hover {
	background-color:#fff;
}

#foot-navi li a:hover {
	text-decoration:none;
	background-color:rgba(255,255,255,.9);
}

.f-sns a {
	padding:0 !important;
}

.f-lang {
	padding:0 20px !important;
}

.f-lang>ol {
	display:-webkit-inline-flex;
	display:inline-flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:8px 0 !important;
	background-color:#fff;
	width:105px;
	height:28px;
	list-style-type:none;
}

.f-lang>ol>li {
	padding:0 7px;
	height:auto;
}

.f-lang>ol>li+li {
	border-left:1px solid #932e44;
}

.f-lang>ol>li>a {
	padding:0 !important;
	color:#932e44 !important;
	line-height:12px;
	font-size:12px;
	text-decoration:none;
}

.f-lang>ol>li>a:hover {
	text-decoration:underline !important;
}

.foot-info {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	height:214px;
	position: relative;
	font-family:"游ゴシック体",YuGothic,"YuGothic M","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic";
}

.foot-info-bg.inview{
	position: absolute;
	top: 50%;
	left: 0;
	width: 284px;
	height: 214px;
	background:url(../common_images/bg_footer.png);
	background-repeat: no-repeat;
	opacity: 0;
	transform: translate(-20%,-50%);
	transition: opacity 2.5s, transform 2s;
	z-index: 0;
}

.inview.foot-info-bg.fadein {
	width: 284px;
	height: 214px;
	background:url(../common_images/bg_footer.png);
	background-repeat: no-repeat;
    opacity: 1;
	transform: translate(0,-50%);
	z-index: 0;
}


.foot-info div {
	max-width:90%;
	position: relative;
	z-index: 10;
}

.foot-info div strong {
	display:block;
	padding-bottom:20px;
}

.foot-info div strong img {
	max-width:100%;
	height:auto;
}

.foot-info div h2 {
	padding-bottom:6px;
	line-height:20px;
	font-size:16px;
}

.foot-info div address,
.foot-info div p {
	line-height:18px;
	font-size:12px;
}

.foot-info div address {
	display:block;
}

.foot-info div p {
	display:-webkit-inline-flex;
	display:inline-flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:center;
	justify-content:center;
}

.foot-info div p em {
	display:inline-block;
	padding:0 6px;
}

.foot-info div small {
	display:block;
	padding-top:24px;
	line-height:12px;
	font-size:10px;
}

.foot-info div h2,
.foot-info div address,
.foot-info div p,
.foot-info div small {
	text-shadow:0px 0px 5px rgba(255,255,255,.9),0px 0px 5px rgba(255,255,255,.8),0px 0px 5px rgba(255,255,255,.7),0px 0px 10px rgba(255,255,255,.7);
}

.foot-info div strong {
	-webkit-filter:drop-shadow(0px 0px 5px rgba(255,255,255,.9)) drop-shadow(0px 0px 5px rgba(255,255,255,.8)) drop-shadow(0px 0px 5px rgba(255,255,255,.7)) drop-shadow(0px 0px 10px rgba(255,255,255,.7));
	filter:drop-shadow(0px 0px 5px rgba(255,255,255,.9)) drop-shadow(0px 0px 5px rgba(255,255,255,.8)) drop-shadow(0px 0px 5px rgba(255,255,255,.7)) drop-shadow(0px 0px 10px rgba(255,255,255,.7));
}

@media screen and (min-width : 768px) and (max-width : 1019px) {
	#fnavi {
		padding:5px 0;
	}
	
	#foot-navi {
		height:auto;
	}
	
	#foot-navi>li,
	.f-lang {
		padding:5px !important;
	}
	
	.foot-info div strong {
		padding-bottom:15px;
	}
	
	.foot-info div small {
		padding-top:18px;
	}
}

@media only screen and (max-width : 767px) {
	#fnavi {
		padding:5px 0;
	}
	
	#foot-navi {
		height:auto;
	}
	
	#foot-navi>li,
	.f-lang {
		padding:5px !important;
	}
	
	.foot-info div strong {
		padding-bottom:10px;
	}
	
	.foot-info div address span,
	.foot-info div small span {
		display:block;
	}
	
	.foot-info div small {
		padding-top:12px;
	}
}

/* Footer End */

/* Pagetop Start */

#pagetop {
	position:fixed;
	right:0;
	bottom:10%;
}

#pagetop p {
	line-height:13px;
	font-family:"Helvetica Neue",Helvetica,Arial,Verdana,Roboto,"游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:13px;
	font-weight:bold;
}

#pagetop p a {
	display:block;
	padding:30px 0;
	background-color:#666;
	border-radius:5px 0 0 5px;
	color:#fff;
	text-decoration:none;
	width:76px;
}

#pagetop p a:hover {
	background-color:#999;
}

/* Pagetop End */

/* Top Page (index.html) Start */

#slider {
	position:relative;
	width:100%;
	height:auto;
}

#bx-base {
	z-index:1;
}

#slide-top-base {
	z-index:99;
	position:absolute;
	left:0;
	top:0;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	flex-direction:row;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-content:center;
	align-content:center;
	-webkit-align-items:center;
	align-items:center;
	width:100%;
	height:100%;
}

/*#slide-top-base h1 {}

#slide-top-base h1 em {
	display:block;
	line-height:normal;
}

#slide-top-base h1 strong {
	display:block;
	line-height:1.6em;
	font-size:calc(1.75em + 0.5vw);
	font-weight:normal;
	text-shadow:0px 0px 5px rgba(255,255,255,.9),0px 0px 5px rgba(255,255,255,.8),0px 0px 5px rgba(255,255,255,.7),0px 0px 10px rgba(255,255,255,.7);
}

#slide-top-base h1 b {
	display:block;
	line-height:1.6em;
	font-size:calc(0.875em + 0.5vw);
	font-weight:normal;
	text-shadow:0px 0px 5px rgba(255,255,255,.9),0px 0px 5px rgba(255,255,255,.8),0px 0px 5px rgba(255,255,255,.7),0px 0px 10px rgba(255,255,255,.7);
}

.bx-pager,.ba-default-pager {
	z-index:98;
}*/

.top-about {
	padding:48px 0 96px 0;
	border-bottom:52px solid;
	position: relative;
}

.top-about-bg.inview{
	position: absolute;
	top: 50%;
	left: 0;
	width: 299px;
	height: 430px;
	background:url(../top_images/bg_about.png);
	background-repeat: no-repeat;
	opacity: 0;
	transform: translate(-20%,-50%);
	transition: opacity 2.5s, transform 2s;
		z-index: 0;
}

.inview.top-about-bg.fadein {
	width: 299px;
	height: 430px;
	background:url(../top_images/bg_about.png);
	background-repeat: no-repeat;
    opacity: 1;
	transform: translate(0,-50%);
		z-index: 0;
}


.top-about h3 {
	padding-top:40px;
	line-height:36px;
	font-size:20px;
}

.top-about p {
	padding-top:16px;
	line-height:29px;
	font-size:16px;
}

.top-about h3,
.top-about p {
	text-shadow:0px 0px 5px rgba(255,255,255,.9),0px 0px 5px rgba(255,255,255,.8),0px 0px 5px rgba(255,255,255,.7),0px 0px 10px rgba(255,255,255,.7);
}

.top-shop-list {
	padding:40px 0 12px 0;
}

.top-shop-list ul {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:center;
	justify-content:center;
	padding-top:36px;
	list-style-type:none;
}

.top-shop-list ul li {
	padding:0 2px 56px;
}

.top-shop-list ul li dl {
	max-width:374px;
}

.top-shop-list ul li dl dt img {
	max-width:100%;
	height:auto;
}

.top-shop-list ul li dl dd h3 {
	line-height:23px;
	font-size:16px;
}

.top-shop-list ul li dl dd h3 span {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	height:92px;
}

.top-shop-list ul li dl dd p {
	padding:20px 1em;
	line-height:22px;
	font-size:14px;
}

.lamart-hotel {
	padding:84px 0 168px 0;
}

.lamart-hotel ul {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:center;
	justify-content:center;
	padding-top:24px;
	list-style-type:none;
}

.lamart-hotel ul li {
	max-width:378px;
}

.lamart-hotel h3 {
	padding-top:56px;
}

.lamart-hotel h3 img,
.lamart-hotel ul li img {
	max-width:100%;
	height:auto;
}

.lamart-hotel strong {
	display:block;
	padding:32px 0 0 3px;
	line-height:29px;
	font-size:24px;
	letter-spacing:3px;
}

.lamart-hotel p {
	padding:16px 0 36px 3px;
	line-height:26px;
	font-size:16px;
	letter-spacing:3px;
}

.rs-restaurant {
	padding:68px 0 64px;
}

.rs-restaurant h2 {
	margin-bottom:48px;
}

.text-on-photo {
	position:relative;
}

.text-on-photo img {
	z-index:1;
	max-width:100%;
	height:auto;
}

.text-on-photo div {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
}

.text-on-photo div h3 {
	padding-left:3px;
	color:#fff;
	font-size:calc(1.75em + 0.5vw);
	letter-spacing:3px;
}

.rs-restaurant p {
	padding:96px 0 36px 3px;
	line-height:26px;
	font-size:16px;
	letter-spacing:3px;
}

.top-news{
	padding:72px 0 168px;
	position: relative;
}

.top-news-bg.inview{
	position: absolute;
	top: 50%;
	right: 0;
	width: 437px;
	height: 398px;
	background:url(../top_images/bg_news.png);
	background-repeat: no-repeat;
	opacity: 0;
	transform: translate(20%,-50%);
	transition: opacity 2.5s, transform 2s;
		z-index: 0;
}

.inview.top-news-bg.fadein {
	width: 437px;
	height: 398px;
	background:url(../top_images/bg_news.png);
	background-repeat: no-repeat;
    opacity: 1;
	transform: translate(0,-50%);
		z-index: 0;
}



.top-news dl {
	padding:68px 0 28px;
}

.top-news dl dt {
	line-height:16px;
	font-size:16px;
}

.top-news dl dd {
	padding:12px 0 20px;
	line-height:22px;
	font-size:16px;
}

.top-news h2,
.top-news dl dt,
.top-news dl dd {
	text-shadow:0px 0px 5px rgba(255,255,255,.9),0px 0px 5px rgba(255,255,255,.8),0px 0px 5px rgba(255,255,255,.7),0px 0px 10px rgba(255,255,255,.7);
}


@media screen and (min-width : 768px) and (max-width : 1139px) {
	/*#slide-top-base h1 strong {
		font-size:calc(1.5em + 0.5vw);
	}
	
	#slide-top-base h1 b {
		font-size:calc(0.75em + 0.5vw);
	}*/
	
	.top-about {
		padding:36px 0 72px 0;
		border-bottom-width:39px;
	}
	
	.top-about h3 {
		padding-top:30px;
	}
	
	.top-about p {
		padding-top:11px;
	}
	
	.top-shop-list {
		padding:30px 0 9px 0;
	}
	
	.top-shop-list ul {
		padding-top:27px;
	}
	
	.top-shop-list ul li {
		padding:0 calc(1px / 2) 42px;
	}
	
	.top-shop-list ul li dl dd h3 span {
		height:83px;
	}
	
	.top-shop-list ul li dl dd p {
		padding:15px 1em;
	}
	
	.lamart-hotel {
		padding:63px 0 126px 0;
	}
	
	.lamart-hotel ul {
		padding-top:18px;
	}
	
	.lamart-hotel h3 {
		padding-top:42px;
	}
	
	.lamart-hotel strong {
		padding-top:24px;
	}
	
	.lamart-hotel p {
		padding:12px 0 27px 0;
	}
	
	.rs-restaurant {
		padding:51px 0 48px;
	}
	
	.rs-restaurant p {
		padding:72px 0 27px 3px;
	}
	
	
}

@media only screen and (max-width : 767px) {
	/*#slide-top-base h1 em img {
		max-width:75%;
		height:auto;
	}
	
	#slide-top-base h1 strong {
		margin-top:-10px;
		line-height:1em;
		font-size:calc(0.8em + 0.5vw);
	}
	
	#slide-top-base h1 b {
		line-height:1.1em;
		font-size:calc(0.45em + 0.5vw);
	}*/
	
	.top-about {
		padding:24px 0 48px 0;
		border-bottom-width:26px;
		position: relative;
	}
	
	.top-about h3 {
		padding-top:20px;
	}
	
	.top-about p {
		padding-top:8px;
	}
	
	.top-shop-list {
		padding:20px 0 6px 0;
	}
	
	.top-shop-list ul {
		padding-top:18px;
	}
	
	.top-shop-list ul li {
		padding:0 0 28px;
	}
	
	.top-shop-list ul li dl dd h3 span {
		height:74px;
	}
	
	.top-shop-list ul li dl dd p {
		padding:10px 1em;
	}
	
	.lamart-hotel {
		padding:42px 0 84px 0;
	}
	
	.lamart-hotel ul {
		padding-top:12px;
	}
	
	.lamart-hotel h3 {
		padding-top:28px;
	}
	
	.lamart-hotel strong {
		padding-top:16px;
	}
	
	.lamart-hotel p {
		padding:8px 0 18px 0;
	}
	
	.rs-restaurant {
		padding:34px 0 32px;
	}
	
	.rs-restaurant p {
		padding:48px 0 18px 3px;
	}
	
	
}

/* Top Page (index.html) End */

/* About Us (aboutus/index.html) Start */

.au-message {
	padding-bottom:72px;
}

.au-message dl {
	padding-top:68px;
}

.company-info {
	padding:84px 0 176px 0;
}

.company-info ul {
	padding-top:32px;
}

.au-shop-list {
	padding:80px 0;
}

.au-shop-list ul {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:center;
	justify-content:center;
	padding-top:36px;
	list-style-type:none;
}

.au-shop-list ul li {
	padding:0 2px 160px;
}

.youtube-base {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	max-width:374px;
	height:293px;/* 全ての動画を追加したらこの行を削除 */
}

.youtube-base div {
	position:relative;
	padding-bottom:56.25%;
	width:100%;
	height:0;
	overflow:hidden;
}

.youtube-base div iframe {
	position:absolute;
	left:0;
	top:0;
	width:100% !important;
	height:100% !important;
}

.youtube-base div img {
	max-width:100%;
	height:auto;
}

.au-shop-list ul li dl {
	max-width:374px;
}

.au-shop-list ul li dl dt h3 {
	line-height:23px;
	font-size:16px;
}

.au-shop-list ul li dl dt h3 span {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	height:92px;
}

.au-shop-list ul li dl dd p {
	padding:20px 1em;
	line-height:22px;
	font-size:14px;
}

.au-shop-list ul li dl dd div {
	position:relative;
	margin:0 auto 20px;
	padding-bottom:71.641791%;
	width:335px;
	height:0;
	overflow:hidden;
}

.au-shop-list ul li dl dd div iframe {
	position:absolute;
	left:0;
	top:0;
	width:100% !important;
	height:100% !important;
}

@media screen and (min-width : 768px) and (max-width : 1139px) {
	.au-message {
		padding-bottom:54px;
	}
	
	.au-message dl {
		padding-top:51px;
	}
	
	.company-info {
		padding:63px 0 132px 0;
	}
	
	.company-info ul {
		padding-top:24px;
	}
	
	.au-shop-list {
		padding:60px 0;
	}
	
	.au-shop-list ul {
		padding-top:27px;
	}
	
	.au-shop-list ul li {
		padding:0 calc(1px / 2) 120px;
	}
	
	.au-shop-list ul li dl dd h3 span {
		height:83px;
	}
	
	.au-shop-list ul li dl dd p {
		padding:15px 1em;
	}
}

@media only screen and (max-width : 767px) {
	.au-message {
		padding-bottom:36px;
	}
	
	.au-message dl {
		padding-top:34px;
	}
	
	.company-info {
		padding:42px 0 88px 0;
	}
	
	.company-info ul {
		padding-top:16px;
	}
	
	.au-shop-list {
		padding:40px 0;
	}
	
	.au-shop-list ul {
		padding-top:18px;
	}
	
	.au-shop-list ul li {
		padding:0 0 80px;
	}
	
	.youtube-base {
		height:auto;
	}
	
	.au-shop-list ul li dl dd h3 span {
		height:74px;
	}
	
	.au-shop-list ul li dl dd p {
		padding:10px 1em;
	}
	
	.au-shop-list ul li dl dd div {
		padding-bottom:100%;
		width:100%;
	}
}

/* About Us (aboutus/index.html) End */

/* News (news/index.html) Start */

#news {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	padding:36px 0 80px 0;
}

#articles {
	width:835px;
	text-align:left;
}

.article {
	padding-bottom:80px;
	border-bottom:1px solid #ccc;
}

.article h3 {
	position:relative;
	padding:56px 0 24px 0;
	line-height:40px;
	font-size:26px;
	font-weight:normal;
}

.article h3::after {
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	width:117px;
	height:7px;
	content:"";
}

.article>dl,
.article>dl>dd>dl {
	display:-webkit-flex;
	display:flex;
	line-height:10px;
	font-size:10px;
	font-weight:bold;
}

.article>dl {
	padding:20px 0 10px 0;
}

.article>dl>dt {
	padding-right:10px;
	color:#666;
}

.article>dl>dd>dl>dt {
	padding-right:10px;
	color:#000;
}

.article>dl>dd>dl>dd {
	color:#000;
}

.article p {
	padding-top:20px;
	line-height:25px;
	font-size:14px;
}

.article p img {
	max-width:100%;
	height:auto;
}

#pagenation {
	padding:24px 0 60px 0;
	background:url(../common_images/bg_dushed_line.png) left top repeat-x;
	text-align:center;
}

#pagenation ol {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:center;
	justify-content:center;
	list-style-type:none;
}

#pagenation ol li {
	padding:0 2px 4px 2px;
	line-height:12px;
	font-size:12px;
}

#pagenation ol li span,#pagenation ol li a {
	display:block;
	color:#000;
	padding:5px;
	border:1px solid #999;
}

#news-navi {
	padding-top:22px;
	width:260px;
	text-align:left;
}

#news-navi h3 {
	padding:48px 0 20px 0;
	line-height:16px;
	font-size:16px;
}

#news-navi ol {
	list-style-type:none;
}

#news-navi ol li {
	margin-left:13px;
	padding-bottom:12px;
	line-height:20px;
	font-size:14px;
}

#news-navi ol li a {
	position:relative;
	display:block;
	padding-left:12px;
}

#news-navi ol li a::before {
	position:absolute;
	left:0;
	top:6px;
	display:block;
	background:url(../news/images/bg_news_list_arrow.png) no-repeat;
	width:6px;
	height:6px;
	content:"";
}

@media screen and (min-width : 768px) and (max-width : 1139px) {
	#news {
		-webkit-flex-direction:column;
		flex-direction:column;
		padding:27px 0 60px 0;
	}
	
	#articles,#news-navi {
		width:100%;
	}
	
	.article {
		padding-bottom:60px;
	}
	
	.article h3 {
		padding:42px 0 18px 0;
	}
	
	.article>dl {
		padding:15px 0 10px 0;
	}
	
	.article p {
		padding-top:15px;
	}
	
	#pagenation {
		padding:18px 0 45px 0;
	}
	
	#news-navi {
		padding:0;
	}
	
	#news-navi h3 {
		padding:36px 0 15px 0;
	}
}

@media only screen and (max-width : 767px) {
	#news {
		-webkit-flex-direction:column;
		flex-direction:column;
		padding:18px 0 40px 0;
	}
	
	#articles,#news-navi {
		width:100%;
	}
	
	.article {
		padding-bottom:40px;
	}
	
	.article h3 {
		padding:28px 0 12px 0;
	}
	
	.article>dl {
		padding:10px 0 10px 0;
	}
	
	.article p {
		padding-top:10px;
	}
	
	#pagenation {
		padding:12px 0 30px 0;
	}
	
	#news-navi {
		padding:0;
	}
	
	#news-navi h3 {
		padding:24px 0 10px 0;
	}
}

/* News (news/index.html) End */

/* Contact (contact/index.html) Start */

#contact {
	padding-bottom:144px;
}

#contact p {
	padding:84px 0;
	line-height:22px;
	font-size:14px;
	text-align:left;
}

#contact p strong {
	color:#c00;
}

#contact ul {
	margin:0 auto;
	width:914px;
	list-style-type:none;
}

#contact ul li {
	padding:7px 0;
}

#contact ul li+li {
	border-top:1px solid #ccc;
}

#contact ul li dl {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items:center;
	align-items:center;
	text-align:left;
}

#contact ul li dl dt {
	width:250px;
	line-height:16px;
	font-size:16px;
}

#contact ul li dl dt span {
	position:relative;
	display:block;
	padding-left:10px;
}

#contact ul li dl dt.necessary span::after {
	position:absolute;
	right:0;
	top:calc(50% - 9px);
	display:inline-block;
	padding:2px;
	color:#fff;
	line-height:12px;
	font-size:12px;
	content:"必須";
}

#contact ul li dl dd {
	width:calc(100% - 260px);
	line-height:22px;
	font-size:14px;
}

#contact ul li dl dd>p {
	padding:0;
}

#contact ul li dl dd input[type="text"],#contact ul li dl dd textarea,#contact ul li dl dd select {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:6px 10px;
	border:1px solid #ccc;
	border-radius:6px;
	font-family:'Kozuka Mincho Pro','Kozuka Mincho Std','小塚明朝 Pro R','小塚明朝 Std R',"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	line-height:22px;
	font-size:14px;
}

.xl-text,#contact ul li dl dd textarea {
	width:100%;
}

.l-text {
	width:75%;
}

.m-text {
	width:50%;
}

.s-text {
	width:25%;
}

input,label {
	vertical-align:middle;
}

label {
	cursor:pointer;
}

#contact ul li dl dd ol {
	list-style-type:none;
}

#contact ul li dl dd ol>li {
	padding:1px 0;
	border:none;
	line-height:22px;
	font-size:14px;
}

#contact ul li em input {
	display:inline-block;
	padding:10px;
	color:#fff;
	width:200px;
	line-height:16px;
	font-family:'Kozuka Mincho Pro','Kozuka Mincho Std','小塚明朝 Pro R','小塚明朝 Std R',"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:16px;
	cursor:pointer;
}

#policy {
	padding:100px 0 180px 0;
}

#policy h2 {
	margin-bottom:100px;
}

#policy p,
#policy dl dt,
#policy dl dd,
#policy dl dd ul li,
#policy dl dd address {
	line-height:25px;
	font-size:14px;
	text-align:left;
}

#policy dl dt {
	font-weight:bold;
}

#policy p {
	padding-top:36px;
}

#policy dl dt.contact-add {
	padding-top:24px;
}

#policy dl dd ul {
	list-style-type:disc;
}

#policy dl dd ul li {
	margin-left:1em;
}

#policy dl dd address {
	display:block;
}

@media screen and (min-width : 768px) and (max-width : 1139px) {
	#contact {
		padding-bottom:108px;
	}
	
	#contact p {
		padding:63px 0;
	}
	
	#contact ul {
		width:100%;
	}
	
	#policy {
		padding:75px 0 120px 0;
	}
	
	#policy dl dt.contact-add {
		padding-top:18px;
	}
}

@media only screen and (max-width : 767px) {
	#contact {
		padding-bottom:72px;
	}
	
	#contact p {
		padding:42px 0;
	}
	
	#contact ul {
		width:100%;
	}
	
	#contact ul li {
		padding:12px 0;
	}
	
	#contact ul li dl {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	#contact ul li dl dt {
		margin-right:auto;
		padding-bottom:7px;
		max-width:250px;
		font-weight:bold;
	}
	
	#contact ul li dl dd,.l-text,.m-text,.s-text {
		width:100%;
	}
	
	#contact ul li dl dt span {
		display:-webkit-flex;
		display:flex;
		-webkit-align-items:center;
		align-items:center;
		padding:0;
	}
	
	#contact ul li dl dt.necessary span::after {
		position:static;
		margin-left:10px;
	}
	
	#policy {
		padding:50px 0 90px 0;
	}
	
	#policy dl dt.contact-add {
		padding-top:12px;
	}
}

/* Contact (contact/index.html) End */

/* Recruit (recruit/index.html) Start */

.rec-message {
	padding-bottom:84px;
}

.rec-message dl {
	padding-top:68px;
}

.rec-guideline {
	padding:36px 0 20px 0;
}

.rec-guideline ol {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	margin:0 auto;
	padding-bottom:36px;
	list-style-type:none;
}

.rec-guideline ol>li {
	padding-bottom:12px;
}

.rec-guideline h3 {
	padding:44px 0 28px 0;
	line-height:29px;
	font-size:18px;
}

.rec-guideline ul {
	padding-bottom:48px;
} 

.rec-contact {
	padding:64px 0 116px 0;
}

.rec-contact h2 {
	margin-bottom:88px;
}

.rec-contact ul {
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	list-style-type:none;
}

.rec-contact ul li {
	width:calc((100% - 1px) / 2);
}

.rec-contact ul li+li {
	border-left:1px solid #000;
}

.rec-contact ul li h3 {
	padding-bottom:22px;
	line-height:28px;
	font-size:19px;
}

.rec-contact ul li p {
	padding-top:16px;
	line-height:20px;
	font-size:14px;
}

.rec-contact ul li p span {
	display:block;
}

.rec-contact ul li b {
	position:relative;
	display:inline-block;
	padding:9px 0 4px 50px;
	line-height:32px;
	font-size:32px;
	font-weight:normal;
}

.rec-contact ul li b::before {
	position:absolute;
	left:0;
	top:calc(50% - 15px);
	display:block;
	background:url(../recruit/images/tel.png) no-repeat;
	background-size:30px 31px;
	width:30px;
	height:31px;
	content:"";
}

.rec-contact ul li em {
	display:inline-block;
	width:100%;
	max-width:264px;
}

.rec-contact ul li em a {
	position:relative;
	display:block;
	padding:23px 0;
	color:#fff;
	line-height:14px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

.rec-contact ul li em a::after {
	position:absolute;
	left:10px;
	top:calc(50% - 4px);
	display:block;
	box-sizing:border-box;
	width:8px;
	height:8px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	transform:rotate(45deg);
	content:"";
}

.rec-contact ul li em a:hover {
	opacity:.7;
}


@media screen and (min-width : 768px) and (max-width : 1139px) {
	.rec-message {
		padding-bottom:63px;
	}
	
	.rec-message dl {
		padding-top:51px;
	}
	
	.rec-guideline {
		padding:27px 0 15px 0;
	}
	
	.rec-guideline ol {
		padding-bottom:27px;
		width:558px;
	}
	
	.rec-guideline ol>li {
		padding-bottom:9px;
	}
	
	.rec-guideline h3 {
		padding:33px 0 21px 0;
	}
	
	.rec-guideline ul {
		padding-bottom:36px;
	}
	
	.rec-contact {
		padding:48px 0 87px 0;
	}
	
	.rec-contact h2 {
		margin-bottom:66px;
	}
	
	.rec-contact ul li h3 {
		padding-bottom:16px;
	}
	
	.rec-contact ul li p {
		padding-top:12px;
	}
}

@media only screen and (max-width : 767px) {
	.rec-message {
		padding-bottom:42px;
	}
	
	.rec-message dl {
		padding-top:34px;
	}
	
	.rec-guideline {
		padding:18px 0 10px 0;
	}
	
	.rec-guideline ol {
		-webkit-flex-direction:column;
		flex-direction:column;
		padding-bottom:18px;
		width:100%;
	}
	
	.rec-guideline ol>li {
		padding-bottom:6px;
	}
	
	.rec-guideline h3 {
		padding:22px 0 14px 0;
	}
	
	.rec-guideline ul {
		padding-bottom:24px;
	}
	
	.rec-contact {
		padding:32px 0 58px 0;
	}
	
	.rec-contact h2 {
		margin-bottom:44px;
	}
	
	.rec-contact ul {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	.rec-contact ul li {
		width:100%;
	}
	
	.rec-contact ul li:first-child {
		padding-bottom:15px;
	}
	
	.rec-contact ul li+li {
		padding-top:15px;
		border:none;
		border-top:1px solid #000;
	}
	
	.rec-contact ul li h3 {
		padding-bottom:11px;
	}
	
	.rec-contact ul li p {
		padding-top:8px;
	}
	
	.rec-contact ul li b {
		padding:9px 0 4px 40px;
		line-height:28px;
		font-size:28px;
	}
}

/* Recruit (recruit/index.html) End */

/* Shop List (shoplist/index.html) Start */

.under-construction {
	height:700px;
}

.under-construction p {
	padding-top:52px;
	line-height:16px;
	font-size:16px;
}








@media screen and (min-width : 768px) and (max-width : 1139px) {
	.under-construction p {
		padding-top:39px;
	}
}

@media only screen and (max-width : 767px) {
	.under-construction p {
		padding-top:26px;
	}
}

/* Shop List (shoplist/index.html) End */

/* Theme Color Start */

#gnavi,
.menu-collapser,
#contents h2::after,
.button-small a,
.rec-contact ul li em a,
#contact ul li em input,
#contact ul li dl dt.necessary span::after,
.article h3::after {
	background-color:#c33;
}

#contents h2,
.lamart-hotel strong {
	color:#c33;
	letter-spacing: 5px;
}

.top-about {
	border-bottom-color:#c33;
}

/* Theme Color End */