@charset "utf-8";

/**
 * 共通レイアウトCSS
 */


/*-- Common Default Settings--------------------------------------------------------*/

html {
	font-family: Meiryo, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', sans-serif;
	overflow-y: scroll;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	height:100vh;
}

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
form,
fieldset,
legend,
pre,
code,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

div,
h2,
h3,
h4,
h5,
h6,
p,
li,
dt,
dd,
pre,
code,
blockquote,
th,
td {
	word-break: break-all;
}

br {
	letter-spacing: 0;
}

fieldset,
img {
	border: 0;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6,
th {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	color: #333;
	/*max-width: calc(100% - 16px);*/
	box-sizing:border-box;
}

input[type="submit"] {
	cursor: pointer;
}

select {
	background-color: #ffffff !important;
}

address,
caption,
cite,
code,
dfn,
var {
	font-style: normal;
	font-weight: normal;
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

del,
u {
	text-decoration: none;
}

section:not(#shopInfo):not(#returnTop) {
	margin-top: 10px;
	margin-bottom: 30px;
}

/*-- Common Parts Settings--------------------------------------------------------*/
html{
	height:100vh;
}
body {
	background-color: rgba(222, 238, 240, 1);
	height:100vh;
}
main {
	display: block;
	/*background-color: rgba(222, 238, 240, 1);*/
	/*padding-bottom:20px;*/
}
a {
}

a:hover {
	text-decoration: underline;
}

h1,
h2,
h3 {
	font-size: 13px;
}

ul {
	list-style-type: none;
}

li {
	margin: 0px;
	padding: 0px;
}

table {
	font-size: 13px;
}

table tr {
	vertical-align: top;
}

em {
	font-style: normal;
}

a[href^="tel:"] {
	cursor: default;
	text-decoration: none;
	color:#000000;
}

a[href^="tel:"]:hover {
	text-decoration: none;
}

.pcNoneInlineBlock{
	display:none;
}
.inlineBlock{
	display:inline-block;
}
@media screen and (max-width: 640px) {
	.pcNoneInlineBlock{
		display:inline-block;
	}
}
section{
	width:100%;
	box-sizing: border-box;
}
/*-- layout PC overwrite --------------------------------------------------------*/
/*---- body --------------------------------------------------------*/
body {
	min-width: 1200px;
}
#body {
	width: 100%;
	text-align: left;
}
/*---- responsive width -------------------------------------------------------*/
.responsiveWrap{
	width:1200px;
	margin:0 auto;
}
.responsiveWrapComplete{
	width:640px;
	margin:0 auto;
}
@media screen and (max-width: 640px) {
	.responsiveWrap{
		width:96%;
	}
	.responsiveWrapComplete{
		width:96%;
	}
}
/*---- header --------------------------------------------------------*/
header {
	background-color:#70a5ab;
	padding-top:10px;
	padding-bottom:10px;
	position: fixed;
	width: 100%;
	z-index: 110;
	top: 0;
}
header h1 {
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	color:#FFFFFF;
	/*line-height:0;*/
}
header h1 span {
	display: inline-block;
	position: relative;
	top: -5px;
}

/* shopInfo scroll fixed */
header.fixed + #shopInfo + nav {
	width: 100%;
	position: fixed;
	z-index: 1000;
	top: 33px;
	left: 0;
	/*{@if $officialConfBaseresponsive->themeBaseColorType == 0@}*/
		/*{@assign var=_themaColor value="rgba(255,255,255,.2)"@}*/
	/*{@elseif $officialConfBaseresponsive->themeBaseColorType == 1@}*/
		/*{@assign var=_themaColor value="rgba(0,0,0,.2)"@}*/
	/*{@/if@}*/
	box-shadow: 0px 1px 5px /*{@$_themaColor@}*/;
}
header.fixed + #shopInfo {
	width: 100%;
	position: fixed;
	z-index: 1000;
	top: 0px;
	left: 0;
	box-sizing:border-box;
}
header.fixed + #shopInfo + nav + #topimg + main {
	margin-top: 0px;
}
/*-- pointer -----------------------------------*/
.pointerEventsNone{
	pointer-events:none;
}
/*---- select reserve --------------------------------*/
.selectReservePageWrap {
	border-bottom: 1px solid #70a5ab;
	padding-top:30px;
	padding-bottom:20px;
	height:80px;
}
.selectReservePageWrap .tabRadio {
	display: none;
}
.selectReservePageWrap .tabMenu {
	display: flex;
	justify-content: center;
}
.selectReservePageWrap .tabMenuItem {
	box-sizing: border-box;
	padding: 0;
}
.selectReservePageWrap .tabTrigger {
	text-align: left;
	cursor: pointer;
	display: block;
	border-radius: 4px;
	overflow: hidden;
	background-color: #b9d7da;
	position: relative;
	color:#FFFFFF;
	height:70px;
	margin:0 15px;
	font-size:18px;
	line-height:340%;
	font-weight:bold;
}
.selectReservePageWrap .tabTrigger:before {
	display:block;
	position:absolute;
	font-family: "Font Awesome 5 Free";
	content:"\f0c8";
	top:5px;
	left:15px;
	width:20px;
	height:20px;
	font-size:28px;
}
.selectReservePageWrap .tabTrigger:hover a{
	background-color: #70a5ab;
	color:#FFFFFF;
}
.selectReservePageWrap .tabTrigger:hover:before {
	content:"\f14a";
}
.selectReservePageWrap #reserve:checked ~ .tabMenu #tabTrigger01,
.selectReservePageWrap #reserveTime:checked ~ .tabMenu #tabTrigger02{
	background-color: #70a5ab;
	color:#FFFFFF;
}
.selectReservePageWrap #reserve:checked ~ .tabMenu #tabTrigger01:before,
.selectReservePageWrap #reserveTime:checked ~ .tabMenu #tabTrigger02:before{
	content:"\f14a";
}
.selectReservePageWrap a{
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	padding: 5px 30px 5px 50px;
}
@media screen and (max-width: 640px) {
	.selectReservePageWrap {
		padding-top: 10px;
		padding-bottom: 0px;
		height:70px;
	}
	.selectReservePageWrap .tabTrigger {
		height: 60px;
		line-height: 340%;
		font-size:15px;
		margin:0px;
	}
	.selectReservePageWrap #tabTrigger01 {
		margin-right:5px;
	}
	.selectReservePageWrap #tabTrigger02 {
		margin-left:5px;
	}
	.selectReservePageWrap .tabMenu {
		width: 95%;
		margin: 0 auto;
	}
	.selectReservePageWrap .tabTrigger:before {
		left: 10px;
		font-size: 18px;
	}
	.selectReservePageWrap a {
		padding: 5px 10px 5px 30px;
	}
}
/*---- shopInfo --------------------------------------------------------*/
#shopInfo {
	padding: 6px 0 4px 0;
	min-width: 100%;
	box-sizing:border-box;
	border-top:3px solid #70a5ab;
	border-bottom:1px solid #70a5ab;
	line-height:0;
	background:#b9d7da;
	text-align:center;
}

#shopInfo br {
	display: none;
}

#shopInfo p {
	position: relative;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	vertical-align: top;
	margin: 0 5px;
}

#shopInfo .shopOpen {
	padding-left: 24px;
}

#shopInfo .shopTel {
	/*padding-left: 17px;*/
}
#shopInfo .shopHoliday {
	padding-left: 17px;
}

/*---- page title --------------------------------------------------------*/
.pageTitle {
	background-color:#FFFFFF;
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 18px;
	padding: 20px 0 20px 0;
	margin-bottom: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	border-bottom:3px solid #70a5ab;
	color:#70a5ab;
	/*margin-bottom:20px;*/
}

.breadClamListWrap + .pageTitle{
	padding: 0px 0 20px 0;
}
.pageTitle em {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 50px;
	line-height: 50px;
}
/*------ pageTitle line --------------------------*/
.pageTitle em:before,
.pageTitle em:after {
	content: '';
	width: 80px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
}
.pageTitle em:before {
	position: absolute;
	top: 50%;
	left: -90px;
}
.pageTitle em:after {
	position: absolute;
	top: 50%;
	right: -90px;
}
.pageTitle + .responsiveBg1{
	margin-top:15px;
}
@media screen and (max-width: 640px) {
	.pageTitle {
		height: 110px;
		font-size: 13px;
		line-height: 16px;
		padding: 15px 0 0 0;
	}
	.pageTitle em {
		font-size: 38px;
		line-height: 38px;
	}
	#shopInfo .btnSearchWrapOpen {
		position: fixed;
		z-index:999;
		top: 80px;
		right: 5px;
		width: 40px;
		height: 40px;
		display: block;
		padding: 0px;
		box-sizing: border-box;
		font-size: 25px;
		line-height: 160%;
	}
	#shopInfo .btnSearchWrapOpen > span{
		display:none;
	}
}


/*------ footer -----*/

footer {
	clear: left;
	width: 100%;
	text-align: center;
	font-style: normal;
}

#footer {
	width: 100%;
	/*padding: 20px 0 0px 0;*/
	/*position: fixed;
    background: #70a5ab;
    color: #FFFFFF;
	bottom:0;*/
	height:35px;
}
#footer #copy a{
    color: #FFFFFF;
}


.pcReturnTop{
	display:block;
}
.pcReturnTop a{
	display:none;
	position: fixed;
	padding: 0;
	text-indent:-9999px;
	bottom:40px;
	right:2px;
	width:40px;
	height:40px;
	border-radius:4px;
	z-index:10;
	background-color:#FFFFFF;
	border:2px solid #70a5ab;
}
.pcReturnTop a:after {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	position: absolute;
	margin: auto;
	top: 10px;
	bottom: 0;
	left: 0;
	right: 0;
	border-top: solid 3px #70a5ab;
	border-right: solid 3px #70a5ab;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#pageTop {
	padding: 20px 0;
}

#pageTop a {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 200px;
	height: 50px;
	font-size: 18px;
	line-height: 20px;
	border-width: 2px;
	border-style: solid;
	padding: 20px 0 0 0;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#pageTop a:after {
	content: "";
	display: block;
	clear: both;
	position: absolute;
	top: 9px;
	left: 50%;
	margin-left: -4px;
	width: 6px;
	height: 6px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#pageTop a:hover {
	text-decoration: none;
}

#finfo {
	font-size: 14px;
	line-height: 18px;
}

#finfo h2 {
	font-size: 14px;
	font-weight: normal;
}

#ad {
	font-size: 10px;
	line-height: 16px;
	padding: 15px 0;
}

#ad br {
	display: none;
}

#copyRight {
	font-size: 10px;
	line-height: 14px;
}

/*-- table ------------------------------*/
.table{
	display:table;
	border-collapse:collapse;
	box-sizing: border-box;
}
.table > div{
	display:table-row;
}
.table > div > div{
	display:table-cell;
}
.table .th{
	border:1px solid #70a5ab;
	background-color: #70a5ab;
	color: #FFFFFF;
}
.table .td{
	border:1px solid #70a5ab;
	background-color: #FFFFFF;
	color: #70a5ab;
}
.table .sat .th{
	background-color: #70a5ab;
	color: #0000FF;
}
.table .sat .td{
	background-color: #70a5ab;
	color: #0000FF;
}
.table .sun .th{
	background-color: #70a5ab;
	color: #FF0000;
}
.table .sun .td{
	background-color: #70a5ab;
	color: #FF0000;
}

/** color **/
/*
.red {
	color: #ff0000;
}

.tel {
	color: #6699ff;
}

.on {
	color: #ff3333;
}

.off {
	color: #999999;
}

.next {
	color: #6173a1;
}
*/
/*-- noImage --*/
.noImage{
	box-sizing:inherit;
}
.noImage:after{
	text-indent:initial;
}

/*-- rollover ------------------------------*/

.fade {
	display: inline-block;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

.hover,
.fade input {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.hover:hover,
.fade input:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}


/*-- none ---------------------------------*/

#topimg{
	display:block;
	width:100%;
}
#navToggle {
	display: none;
}

#returnTop {
	position: absolute;
	top: -9999px;
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*-- ANIMATION ---------------------------------------------------------*/


/** BASE **/
/*
.delighter {
	opacity: 0;
	filter: alpha(opacity=0);
}
*/

/** START **/
/*
.delighter.started {
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	opacity: 1;
	filter: alpha(opacity=100);
}
*/

/** END **/
/*
.delighter.started.ended {
	opacity: 1;
	filter: alpha(opacity=100);
}
*/


@media screen and (max-width: 640px) {
	body {
		width: auto;
		min-width: 0;
		/*padding-top: 35px;*/
		/*padding-top: 25px;*/
	}
	a:hover {
		text-decoration: none;
	}
	a[href^="tel:"] {
		cursor: pointer;
	}
	a:hover {
		text-decoration: none;
	}
	body::before {
		content: "";
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 100vh;
	}
	/** header **/
	header {
		width: 100%;
		position: fixed !important;
		top: 0;
		left: 0;
		z-index: 999;
	}
	header h1 {
		font-size: 18px;
		font-weight:bold;
		line-height: 100%;
		position: relative;
		z-index: 10000;
		text-align:right;
		margin-left:10px;
		width: calc(100% - 10px);
		text-align:center;
	}
	header h1 a{
		color:#/*{@$officialConfPartsResponsive->navTextColor@}*/;
		position:absolute;
		top:5px;
		left:0;
		display:block;
		/*width:100%;*/
		height:100%;
	}
	#mtop a {
		position: absolute;
		top: 0px;
		left: 0px;
		display: block;
		width: 150px;
		height: 55px;
		text-indent: -9999px;
	}
	#navToggle {
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		z-index: 101;
	}
	#navToggle button {
		position: absolute;
		top: 15px;
		right: 10px;
		cursor: pointer;
		display: block;
		width: 40px;
		height: 35px;
		/** header,nav,SAME HEIGHT **/
		text-indent: -9999px;
		border-width: 1px;
		border-style: solid;
		border-radius: 1px;
		background: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#navToggle button span,
	#navToggle button span:before,
	#navToggle button span:after {
		display: inline-block;
		width: 22px;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
	}
	#navToggle button span {
		position: absolute;
		top: 9px;
		right: 8px;
	}
	#navToggle button span:before,
	#navToggle button span:after {
		content: "";
		display: block;
		clear: both;
	}
	#navToggle button span:before {
		position: absolute;
		top: 6px;
		right: 0;
	}
	#navToggle button span:after {
		position: absolute;
		top: 12px;
		right: 0;
	}
	#navToggle .closebt span {
		position: absolute;
		top: 15px;
		right: 8px;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
	}
	#navToggle .closebt span:before {
		content: "";
		clear: both;
		position: absolute;
		top: 0px;
		right: 0px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		opacity: 0;
	}
	#navToggle .closebt span:after {
		content: "";
		display: block;
		clear: both;
		position: absolute;
		top: 0px;
		left: 0px;
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
	}
	nav {
		width: 190px;
		min-width: 190px;
		height: 100vh;
		text-align: left;
		font-size: 0;
		line-height: 0;
		position: fixed;
		left: auto;
		right: -200px !important;
		top: 65px !important;
		/** header,nav,SAME HEIGHT **/
		z-index: 998;
		overflow: hidden;
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		padding: 0 0 55px 0;
		border: none !important;
		box-shadow: none !important;
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
	}
	header.ad_on + nav {
		top: 90px !important;
	}
	header.ad_on + nav + #topimg {
		margin-top: 40px;
	}
	header.fixed + #shopInfo + nav + #topimg {
		position: static;
	}
	header.fixed + #shopInfo + nav + #topimg + main {
		margin-top: 0;
	}
	nav.opennav {
		width: 190px;
		height: 100vh;
		overflow: visible;
		right: 0 !important;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	nav.opennav::-webkit-scrollbar {
		display: none;
	}
	nav {
		/*padding: 0 10px 10px 10px;*/
	}
	nav ul {
		padding-bottom: 140px;
	}
	nav li {
		display: block;
		height:auto;
		padding: 0px 10px 0px 10px;
		box-sizing: border-box;
	}
	nav li.sp_nav_li {
		display: block;
	}
	nav li .tx_n1:before {
		display: none;
	}
	nav.themaBaseColor li a {
		position: relative;
		display: block;
		width: auto;
		height: auto;
		font-size: 13px;
		line-height: 20px;
		text-decoration: none;
		margin: 0;
		padding: 15px 0 14px 2px;
		border-right: none;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-color: #/*{@$officialConfPartsresponsive->menuSplitBorderColor@}*/;
	}
	nav.themaBaseColor li a:after {
		content: '';
		position: absolute;
		width: 5px;
		height: 5px;
		position: absolute;
		top:0;
		bottom:0;
		right: 10px;
		border-bottom: solid 1px currentColor;
		border-right: solid 1px currentColor;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	nav.themaBaseColor li:first-child a:before {
		border-width:0px;
	}
	nav.themaBaseColor li:last-child a:after {
		border-width:1px;
	}
	nav > a.bt1,
	nav > a.bt1:hover {
		display: block;
		font-size: 13px;
		margin: 10px 0 0 0;
		line-height: 15px;
		border: none;
	}
	nav li a em,
	nav li a br {
		display: none;
	}
	nav li a span {
		font-size: /*{@$officialConfPartsresponsive->headerMenuSpFontSize@}*/px;
		line-height: 20px;
		font-family: Meiryo, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', sans-serif !important;
	}
	nav li a i {
		display: inline;
		font-style: normal;
	}
	header.fixed + #shopInfo {
		width: 100%;
		position: fixed;
		z-index: 1000;
		top: 0px;
		left: 0;
	}
	header.fixed + #shopInfo + nav {
		width: 190px;
		position: fixed;
		z-index: 1000;
		top: 55px;
		left: auto;
	}
	header.fixed + #shopInfo + nav + #topimg {
		width: auto;
		margin-top: 0;
		/*display:none;*/
	}
	/** ad_div **/
	#ad_div {
		display: block;
	}
	#ad_div a {
		display: block;
		width: 100%;
		font-size: 4.5vw;
		font-weight: bold;
		line-height: 38px;
		text-align: center;
		border-bottom: 2px;
		border-bottom-style: solid;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
	}
	#ad_div span {}
	#ad_div span {
		position: relative;
		display: inline-block;
		vertical-align: top;
		width: 8px;
		height: 9px;
		margin: 12px 5px 0 0;
		border: solid 1px currentColor;
		background-color: currentColor;
		border-radius: 5px 5px 0 0;
	}
	#ad_div span:before {
		content: '';
		position: absolute;
		bottom: -5px;
		left: 2px;
		width: 2px;
		height: 1px;
		border-radius: 50%;
		border: solid 1px currentColor;
		background-color: currentColor;
	}
	#ad_div span:after {
		content: '';
		position: absolute;
		bottom: -2px;
		left: -3px;
		width: 14px;
		height: 0px;
		border-top: solid 1px currentColor;
		border-bottom: solid 1px white;
	}
	header.ad_on {
		top: 40px;
	}
	/** shopInfo **/
	#shopInfo {
		position: static;
		min-width: auto;
		padding: 5px 5px 5px 5px;
	}
	#shopInfo br {
		display: inline;
	}
	#shopInfo .shopOpen {
		line-height: 14px;
		padding-left: 20px;
		margin: 0;
	}
	#shopInfo .shopTel {
		line-height: 20px;
		padding-left: 18px;
	}
	#shopInfo .shopOpen span {
		border-width: 1px;
		border-radius: 50%;
		background: none;
	}
	#shopInfo .shopOpen span:before {
		content: '';
		position: absolute;
		top: 7px;
		left: 5px;
		width: 5px;
		height: 1px;
		-webkit-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
	}
	#shopInfo .shopOpen span:after {
		content: '';
		position: absolute;
		top: 2px;
		left: 5px;
		width: 1px;
		height: 5px;
		-webkit-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
	}
	#shopInfo .shopHoliday {
		font-size: 12px;
		line-height: 14px;
		padding-left: 20px;
		margin: 0;
	}
	/** main **/
	main {
		text-align: left;
		/*overflow:hidden;*/
	}
	#topimg {
		display: block;
		width: 100%;
		position: relative;
		margin: 0 0 0 0;
	}
	#topimg h2 {
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
	}
	#contents {
		display: block;
		width: 95%;
		background: none !important;
		margin: auto;
		padding-bottom: 10px;
	}
	/*----- returnTop -----*/
	#returnTop {
		display: none;
		width: 100%;
		vertical-align: top;
		font-size: 0;
		line-height: 0;
		text-align: right;
		position: fixed;
		z-index: 999;
		top: auto;
		right: 0;
		bottom: 0;
	}
	.spFooterFix {
		width: 100%;
		display: table;
		font-size: 0;
		line-height: 0;
		table-layout: fixed;
		border-collapse: separate;
		border-spacing: 6px 0;
		padding: 10px 4px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background:#b9d7da;
		border-top:2px solid #70a5ab;
	}
	.spFooterFixIn {
		display: table-cell;
		vertical-align: middle;
		height: 60px;
		font-size: 3vw;
		font-weight: bold;
		line-height: 1.1;
		text-align: center;
		border-radius: 3px;
	}
	.spFooterFixIn:last-of-type {
		width: 60px;
	}
	.spFooterFixIn:last-of-type em {
		font-size: 11px;
	}
	.spFooterFixIn em {
		font-size: 3vw;
	}
	.spFooterFixIn .footerShopTel {
		display: inline-block;
		vertical-align: top;
		position: relative;
		padding: 0 0 0 16px;
	}
	.spFooterFixIn .footerShopTel:after {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 1px);
		left: 5px;
		width: 5px;
		height: 5px;
		margin-top: -8px;
		border-width: 4px 4px 0 0;
		border-style: double;
		background: transparent;
		/* css3 */
		-webkit-border-radius: 0 15px 0 0;
		-moz-border-radius: 0 15px 0 0;
		border-radius: 0 15px 0 0;
		-webkit-transform: rotate(15deg);
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-o-transform: rotate(15deg);
		transform: rotate(15deg);
	}
	.spFooterFixIn.spFooterFixTel {
		font-size: 20px;
		background-color:#/*{@$officialConfPartsresponsive->phoneNumberBgColor@}*/;
		color:#/*{@$officialConfPartsresponsive->phoneNumberTextColor@}*/;
	}
	.spFooterFixIn.spFooterFixTel em {
		font-size: 14px;
	}
	.spFooterFixIn.spFooterFixTel .footerShopTel {
		padding: 0 0 0 32px;
		margin-bottom: 5px;
	}
	.spFooterFixIn.spFooterFixTel .footerShopTel:after {
		top: calc(50% - 13px);
		width: 9px;
		height: 9px;
		left: 20px;
		margin-top: -5px;
		border-width: 4px 4px 0 0;
	}
	.spFooterFixIn.spFooterFixTel .footerShopTel i {
		position:absolute;
		top: calc(50% - 13px);
		left: 4px;
		font-size:30px;
	}
	.pcReturnTop{
		/*display:none;*/
	}
	.spFooterFixIn .spReturnTop {
		position: relative;
		padding: 0;
		text-indent:-9999px;
		height: 50px;
		background-color: #FFFFFF;
		width: 50px;
		border-radius: 4px;
	}
	.spFooterFixIn .spReturnTop:after {
		content: '';
		position: absolute;
		width: 20px;
		height: 20px;
		margin:auto;
		top: 8px;
		bottom:0;
		left:0;
		right:0;
		border-top: solid 3px #70a5ab;
		border-right: solid 3px #70a5ab;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#move-returnTop {
		text-decoration: none;
		display: block;
		cursor: pointer;
	}
	/*--- footer ---*/
	footer {
		width: 100%;
		height: auto;
	}
	#footer {
		width: 100%;
		margin: 0;
		/*padding: 20px 0 80px 0;*/
	}
	#textlink {
		display: block;
		text-align: left;
		padding: 0;
		border-bottom-width: 5px;
		border-bottom-style: solid;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#textlink a {
		position: relative;
		display: inline-block;
		vertical-align: top;
		width: 50%;
		font-size: 13px;
		line-height: 20px;
		text-align: left;
		padding: 15px 10px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#textlink a:nth-of-type(odd) {
		border-right-width: 1px;
		border-right-style: solid;
	}
	#textlink a:nth-of-type(2n+1):last-of-type {
		width: 100%;
		border-right: none;
	}
	#textlink a:after {
		content: '';
		position: absolute;
		width: 5px;
		height: 5px;
		position: absolute;
		top: calc(50% - 3px);
		right: 10px;
		border-bottom: solid 1px currentColor;
		border-right: solid 1px currentColor;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#textlink span {
		display: none;
	}
	#textlink a i {
		display: inline;
		font-style: normal;
	}
	#pageTop {
		padding: 10px 0;
	}
	#pageTop a {
		width: 180px;
		height: 40px;
		font-size: 14px;
		line-height: 18px;
		border-width: 2px;
		border-style: solid;
		padding: 15px 0 0 0;
	}
	#finfo {
		font-size: 14px;
		line-height: 16px;
	}
	#finfo p:nth-of-type(2) {
		display: none;
	}
	#finfo h2 {
		font-size: 14px;
		font-weight: normal;
	}
	#ad {
		font-size: 10px;
		line-height: 16px;
		padding: 10px 0;
	}
	#ad br {
		display: inline;
	}
	#copyRight {
		font-size: 10px;
		line-height: 16px;
	}
	/*-- none --*/
	img.lazy {
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-o-transition: none !important;
		transition: none !important;
	}
}

/**
 * block layout
 */
/*-- over ray ---------------------------------------------------*/
.overRay{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
}
/*-- tooltip -------------------------------------------*/
.tooltip{
	position:relative;
	z-index:2;
	color:#/*{@$officialConfPartsresponsive->pageTextColor@}*/;
}
.tooltip > div{
	position:absolute;
	border:1px solid #000000;
	background:#FFFFFF;
	padding:10px;
	top:0;
	max-width:900px;
	box-sizing:border-box;
	z-index:2;
}
.tooltip > div img{
	max-width:880px;
}
.tooltipParent > div{
	pointer-events:none;
}
.tooltipParent:hover{
	opacity:1;
}
.tooltipParent:nth-child(dd) > div > div{
	left:0;
}
.tooltipParent:nth-child(even) > div > div{
	right:0;
}
.btnContentsClose {
	position:absolute;
	top:-10px;
	right:-10px;
	cursor:pointer;
}
.btnContentsClose.cercle {
	border-radius:30px;
	width:35px;
	height:35px;
	border:2px solid;
	box-sizing:border-box;
}
.btnContentsClose.cercle:after {
	display:block;
	content:'×';
	width:25px;
	height:20px;
	font-size:30px;
    margin:auto;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}
.btnContentsClose.black:after {
	color:#FFFFFF;
}

@media screen and (max-width: 640px) {
	.tooltip > div{
		width:100%;
		max-width:auto;
	}
	.tooltip > div img{
		width:100%;
	}
}

/*-- toggle -------------------------------------------*/
.toggle{
	color:#/*{@$officialConfPartsresponsive->pageTextColor@}*/;
}
.toggle > div{
	border:1px solid;
	border-color:#/*{@$officialConfPartsresponsive->hrBorderColor@}*/;
	background:#FFFFFF;
	padding:10px;
	max-width:100%;
	box-sizing:border-box;
	position:relative;
}
.toggle > div:after{
	display:block;
	content:'';
	clear:both;
}
.toggle > div img{
	max-width:100%;
	width:100%;
}
.toggleParent {
	pointer-events:none;
}
.toggleParent:hover {
	opacity:1;
	text-decoration:none;
}
.toggleParent .toggleTitle{
	pointer-events:auto;
	/*text-decoration:underline;*/
	margin-bottom:5px;
}
.toggleParent + .toggle{
	display:/*{@if $officialConfPartsresponsive->commonIsContentsOpen@}*/block/*{@else@}*/none/*{@/if@}*/;
}
.toggleParent:hover + .toggle{
	pointer-events:none;
}
.toggleParent:nth-child(dd) > div > div{
	left:0;
}
.toggleParent:nth-child(even) > div > div{
	right:0;
}
@media screen and (max-width: 640px) {
	.toggle > div{
		width:100%;
		max-width:auto;
	}
	.toggle > div img{
		width:100%;
	}
}

/*-- marquee --------------------------------------------------------*/
.marquee{
	overflow: hidden;
}

/*-- catchCopy --------------------------------------------------------*/
.catchCopy {
	background-color:rgba(/*{@$officialConfPartsresponsive->catchCopyBgColorRgb@}*/,/*{@$officialConfPartsresponsive->catchCopyTransparentFloat@}*/);
	color:#/*{@$officialConfPartsresponsive->catchCopyTextColor@}*/;
}

/*-- お店のPR --------------------------------------------------------*/
#blcokShopPr{
}


/*-- スライダー情報 --------------------------------------------------------*/
#blockSlider{
	position:relative;
	width:95%;
	margin:0 auto;
}
#blockSlider .slide{
	/*width:100% !important;*/
}
#blockSlider .slide a{
	width:100%;
	height:auto;
}
#blockSlider .slide a img{
	width:auto;
	height:auto;
}
#blockSlider #sp_slide .bx-wrapper{
	position:relative;
	width: 100% !important;
	max-width: 100% !important;
}
#blockSlider .bx-wrapper .bx-viewport{
	width: 100% !important;
	/*height: auto !important;*/
}
#blockSlider .bx-prev,
#blockSlider .bx-next,
.swiper-button-next,
.swiper-button-prev{
	/*{@if $officialConfPartsresponsive->buttonBgColor@}*/
		/*{@assign var=_bgColor value=$officialConfPartsresponsive->buttonBgColor@}*/
	/*{@elseif $officialConfPartsresponsive->sliderPagenationBgColor@}*/
		/*{@assign var=_bgColor value=$officialConfPartsresponsive->sliderPagenationBgColor@}*/
	/*{@else@}*/
		/*{@assign var=_bgColor value=$officialConfPartsresponsive->buttonBgColor@}*/
	/*{@/if@}*/
	background-color:#/*{@$_bgColor@}*/;
	color:#/*{@$officialConfPartsresponsive->buttonTextColor@}*/;
	width:40px;
	height:80px;
	position:relative;
}
#blockSlider .bx-wrapper .bx-controls-direction a ,
#blockSlider .bx-wrapper .bx-controls-direction a ,
.swiper-button-next,
.swiper-button-prev{
	width: 40px;
	height: 80px;
	line-height: 80px;
	position:absolute;
	top: 0;
	bottom:0;
	margin:auto;
}
#blockSlider .bx-wrapper .bx-controls-direction a.bx-prev,
.swiper-button-prev{
	left: 0px;
	border-radius:0 100px 100px 0;
}
#blockSlider .bx-wrapper .bx-controls-direction a.bx-prev:after,
.swiper-button-prev:after{
	position:absolute;
	display:block;
	content:'';
    transform: rotate(-135deg);
    left: 10px;
    width: 20px;
    height: 20px;
    border-top: 3px solid #/*{@$officialConfPartsresponsive->buttonTextColor@}*/;
    border-right: 3px solid #/*{@$officialConfPartsresponsive->buttonTextColor@}*/;
    top: 29px;
    bottom: 0;
}
#blockSlider .bx-wrapper .bx-controls-direction a.bx-next,
.swiper-button-next {
	right: 0px;
	border-radius:100px 0  0 100px;
}
#blockSlider .bx-wrapper .bx-controls-direction a.bx-next:after,
.swiper-button-next:after {
	position:absolute;
	display:block;
	content:'';
    transform: rotate(45deg);
    left: 10px;
    width: 20px;
    height: 20px;
    border-top: 3px solid #/*{@$officialConfPartsresponsive->buttonTextColor@}*/;
    border-right: 3px solid #/*{@$officialConfPartsresponsive->buttonTextColor@}*/;
    top: 29px;
    bottom: 0;
}
#blockSlider .bx-wrapper .bx-pager.bx-default-pager a:hover,
#blockSlider .bx-wrapper .bx-pager.bx-default-pager a.active {
	/*{@if $officialConfPartsresponsive->sliderPagenationBgColor@}*/
		/*{@assign var=_bgColor value=$officialConfPartsresponsive->sliderPagenationBgColor@}*/
	/*{@else@}*/
		/*{@assign var=_bgColor value=$officialConfPartsresponsive->buttonBgColor@}*/
	/*{@/if@}*/
	background: #/*{@$_bgColor@}*/;
}

#blockSlider .bx-wrapper .bx-pager.bx-default-pager a {
	background: rgba(231, 225, 197, 0.8);
}
@media screen and (max-width: 640px) {
	#blockSlider .slide{
		/*width:100% !important;*/
	}
	#blockSlider #bxslider_blockSliderOff img{
		width:100% !important;
	}
}
/*-- ニュース一覧 -------------------------------------------------------------------*/
#news {}

#newsListBlock {
	line-height: 120%;
	text-align: left;
	padding: 20px 0 40px 0;
	/*
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	*/
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
}
#newsListBlock_in {
	padding: 0 20px 0 20px;
	display: flex;
	flex-wrap: wrap;
	/*{@if $officialConfPartsresponsive->commonIsContentsOpen && $officialConfPartsresponsive->newsContentsPcOverFlow@}*/
	max-height:/*{@$officialConfPartsresponsive->newsContentsPcOverFlow@}*/px;
	overflow-y:auto;
	/*{@/if@}*/
}
#newsListBlock_in .news {
	width: /*{@if $officialConfPartsresponsive->commonContentsBodyColumn == 2@}*/49/*{@else@}*/100/*{@/if@}*/%;
	padding-bottom:20px;
}
/*{@if $officialConfPartsresponsive->commonContentsBodyColumn == 2@}@}*/
#newsListBlock_in .news:nth-child(odd) {
	margin-right:1%;
}
#newsListBlock_in .news:nth-child(even) {
	margin-left:1%;
}
/*{@/if@}*/
#newsListBlock_in a{
	border-width:0px;
}
#newsListBlock_in a em {
	display: inline-block;
	vertical-align: top;
	width: 115px;
	font-size: 16px;
}
#newsListBlock_in em time{
	color:#/*{@$officialConfPartsresponsive->contentsTimeTextColor@}*/;
	background-color:#/*{@$officialConfPartsresponsive->contentsTimeBgColor@}*/;
	border:1px solid #/*{@$officialConfPartsresponsive->contentsTimeBorderColor@}*/;
	padding:0 5px;
	border-radius:4px;
}
#newsListBlock_in a em i {
	font-style: normal;
}

#newsListBlock_in a span {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 115px);
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	width:100%;
	position:relative;
	padding-top:10px;
	padding-bottom:5px;
	border-bottom:1px solid ;
}
#newsListBlock_in a .toggleTitle span:after {
	display:block;
	position:absolute;
	width:20px;
	height:20px;
	content:'▼';
	top:10px;
	right:0;
}
#newsListBlock .bt_bg {
	padding: 40px 0 0 0;
}

#newsListBlock .bt_bg a {
	display: inline-block;
	vertical-align: top;
	width: 330px;
}
#newsListBlock .noData{
	text-align:center;
	line-height:100%;
	padding-top:10px;
	width:100%;
}
.newsTooltip {
	line-height: 150%;
}
@media screen and (max-width: 640px) {
	#newsListBlock {
		padding: 30px 0 10px 0;
		/*
		border-left: none;
		border-right: none;
		*/
	}
	#newsListBlock_in {
		padding: 0 10px;
		/*{@if $officialConfPartsresponsive->commonIsContentsOpen && $officialConfPartsresponsive->newsContentsSpOverFlow@}*/
		max-height:/*{@$officialConfPartsresponsive->newsContentsSpOverFlow@}*/px;
		/*{@/if@}*/
	}
	#newsListBlock_in .news:nth-child(odd),
	#newsListBlock_in .news:nth-child(even){
		width:100%;
		margin-right:0;
	}
	#newsListBlock_in a {
		display: block;
		width: 100%;
		margin-left: 0;
		padding: 10px 0;
	}
	#newsListBlock_in a em {
		display: block;
		width: auto;
		line-height: 14px;
		margin-bottom:10px;
	}
	#newsListBlock_in a span {
		display: block;
		width: 100%;
		line-height: 14px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
	}
	#newsListBlock .bt_bg {
		padding: 10px 10px 0 10px;
	}
	#newsListBlock .bt_bg a {
		display: block;
		width: auto;
	}
}

/*-- イベント一覧 -------------------------------------------------------------------*/
#event {}

#eventListBlock {
	line-height: 120%;
	text-align: left;
	padding: 20px 0 40px 0;
	/*{@if $officialConfPartsresponsive->commonContentsBodyBorderType==0@}*/
		/*{@assign var=_borderWidthTop value=0@}*/
		/*{@assign var=_borderWidthRight value=0@}*/
		/*{@assign var=_borderWidthBottom value=0@}*/
		/*{@assign var=_borderWidthLeft value=0@}*/
	/*{@else@}*/
		/*{@assign var=_borderWidthTop value=1@}*/
		/*{@assign var=_borderWidthRight value=1@}*/
		/*{@assign var=_borderWidthBottom value=1@}*/
		/*{@assign var=_borderWidthLeft value=1@}*/
	/*{@/if@}*/
	/*
	border-top-width: /*{@$_borderWidthTop@}*/px;
	border-right-width: /*{@$_borderWidthRight@}*/px;
	border-bottom-width: /*{@$_borderWidthBottom@}*/px;
	border-left-width: /*{@$_borderWidthLeft@}*/px;
	*/
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
}
#eventListBlock_in {
	padding: 0 20px 0 20px;
	display: flex;
	flex-wrap: wrap;
	/*{@if $officialConfPartsresponsive->commonIsContentsOpen && $officialConfPartsresponsive->shopEventContentsPcOverFlow@}*/
	max-height:/*{@$officialConfPartsresponsive->shopEventContentsPcOverFlow@}*/px;
	overflow-y:auto;
	/*{@/if@}*/
}
#eventListBlock_in .event {
	width: /*{@if $officialConfPartsresponsive->commonContentsBodyColumn == 2@}*/49/*{@else@}*/100/*{@/if@}*/%;
	padding-bottom:0px;
}
/*{@if $officialConfPartsresponsive->commonContentsBodyColumn == 2@}*/
#eventListBlock_in .event:nth-child(odd) {
	margin-right:1%;
}
#eventListBlock_in .event:nth-child(even) {
	margin-left:1%;
}
/*{@/if@}*/
#eventListBlock_in a{
	border-width:0px;
}
#eventListBlock_in a em {
	display: inline-block;
	vertical-align: top;
	width: 115px;
	font-size: 16px;
}
#eventListBlock_in em time{
	background-color:#FFFFFF;
	border:1px solid #/*{@$officialConfPartsresponsive->hrBorderColor@}*/;
	padding:0 5px;
	border-radius:4px;
	margin-bottom: 10px;
	display: inline-block;
	line-height: 100%;
}
#eventListBlock_in a em i {
	font-style: normal;
}

#eventListBlock_in a span {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 115px);
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	width:100%;
	position:relative;
	padding-top:10px;
	padding-bottom:5px;
	border-bottom:1px solid ;
}
#eventListBlock_in a .toggleTitle span:after {
	display:block;
	position:absolute;
	width:20px;
	height:20px;
	content:'▼';
	top:10px;
	right:0;
}
#eventListBlock .bt_bg {
	padding: 40px 0 0 0;
}

#eventListBlock .bt_bg a {
	display: inline-block;
	vertical-align: top;
	width: 330px;
}
#eventListBlock .noData{
	text-align:center;
	line-height:100%;
	padding-top:10px;
	width:100%;
}
.eventTooltip {
	line-height: 150%;
}
@media screen and (max-width: 640px) {
	#eventListBlock {
		padding: 30px 0 10px 0;
		/*
		border-left: none;
		border-right: none;
		*/
	}
	#eventListBlock_in {
		padding: 0 10px;
		/*{@if $officialConfPartsresponsive->commonIsContentsOpen && $officialConfPartsresponsive->shopEventContentsSpOverFlow@}*/
		max-height:/*{@$officialConfPartsresponsive->shopEventContentsSpOverFlow@}*/px;
		/*{@/if@}*/
	}
	#eventListBlock_in .event:nth-child(odd),
	#eventListBlock_in .event:nth-child(even){
		width:100%;
		margin-right:0;
	}
	#eventListBlock_in a {
		display: block;
		width: 100%;
		margin-left: 0;
		padding: 10px 0;
	}
	#eventListBlock_in a em {
		display: block;
		width: auto;
		line-height: 14px;
		margin-bottom:10px;
	}
	#eventListBlock_in a span {
		display: block;
		width: 100%;
		line-height: 14px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
	}
	#eventListBlock .bt_bg {
		padding: 10px 10px 0 10px;
	}
	#eventListBlock .bt_bg a {
		display: block;
		width: auto;
	}
}

/*-- 写メ日記一覧 -------------------------------------------------------------------*/
#photoMailDiary {}

#photoMailDiaryBlock {
	line-height: 120%;
	text-align: left;
	padding: 20px 0 40px 0;
	/*
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	*/
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
}
#photoMailDiaryListBlock_in {
	padding: 10px 20px 0 20px;
	display: flex;
	flex-wrap: wrap;
	/*{@if $officialConfPartsresponsive->commonIsContentsOpen && $officialConfPartsresponsive->photoMailDiaryContentsPcOverFlow@}*/
	max-height:/*{@$officialConfPartsresponsive->photoMailDiaryContentsPcOverFlow@}*/px;
	overflow-y:auto;
	/*{@/if@}*/
}
#photoMailDiaryListBlock_in .photoMailDiary {
	width: /*{@if $officialConfPartsresponsive->commonContentsBodyColumn == 2@}*/49/*{@else@}*/100/*{@/if@}*/%;
	padding-bottom:20px;
}
/*{@if $officialConfPartsresponsive->commonContentsBodyColumn == 2@}*/
#photoMailDiaryListBlock_in .photoMailDiary:nth-child(odd) {
	margin-right:1%;
}
#photoMailDiaryListBlock_in .photoMailDiary:nth-child(even) {
	margin-left:1%;
}
/*{@/if@}*/
#photoMailDiaryListBlock_in a{
	border-width:0px;
}
#photoMailDiaryListBlock_in a em {
	display: inline-block;
	vertical-align: top;
	width: 115px;
	font-size: 16px;
}
#photoMailDiaryListBlock_in em time{
	color:#/*{@$officialConfPartsresponsive->contentsTimeTextColor@}*/;
	background-color:#/*{@$officialConfPartsresponsive->contentsTimeBgColor@}*/;
	border:1px solid #/*{@$officialConfPartsresponsive->contentsTimeBorderColor@}*/;
	padding:0 5px;
	border-radius:4px;
}
#photoMailDiaryListBlock_in a em i {
	font-style: normal;
}

#photoMailDiaryListBlock_in a span {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 115px);
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	width:100%;
	position:relative;
	/*padding-top:10px;*/
	padding-bottom:5px;
	border-bottom:1px solid ;
}
#photoMailDiaryListBlock_in a .toggleTitle span:after {
	display:block;
	position:absolute;
	width:20px;
	height:20px;
	content:'▼';
	top:0px;
	right:0;
}
a.toItem {
	/*font-size: 80%;*/
	display:inline-block;
	position:relative;
}
a.toItem:after {
	position:absolute;
	display:block;
	content:'';
	width:6px;
	height:6px;
	margin:auto;
	border-top:1px solid #0D28F2;
	border-right:1px solid #0D28F2;
	transform:rotate(45deg);
	top:0;
	bottom:0;
	right:-10px;
}
#photoMailDiaryBlock .imageWrap{
	width: 40%;
	display: inline-block;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
#photoMailDiaryBlock .imageWrap img{
	max-width:100%;
}
#photoMailDiaryBlock .imageWrap + .fdc_photoMailDiaryBody{
	display: inline-block;
}
#photoMailDiaryListBlock_in .photoMailDiaryItemName {
	margin-top: 10px;
}
#photoMailDiaryListBlock_in .photoMailDiaryListLink{
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
#photoMailDiary .fdc_contentsWrap .list{
	padding:0 0 0 0 ;
}
#photoMailDiary .photoMailDiaryListLink{
	text-align:center;
	padding-top:20px;
}
@media screen and (max-width: 640px) {
	#photoMailDiaryListBlock {
		padding: 30px 0 10px 0;
		/*
		border-left: none;
		border-right: none;
		*/
	}
	#photoMailDiaryListBlock_in {
		padding:10px;
		/*{@if $officialConfPartsresponsive->commonIsContentsOpen && $officialConfPartsresponsive->photoMailDiaryContentsSpOverFlow@}*/
		max-height:/*{@$officialConfPartsresponsive->photoMailDiaryContentsSpOverFlow@}*/px;
		/*{@/if@}*/
	}
	#photoMailDiaryListBlock_in .photoMailDiary:nth-child(odd),
	#photoMailDiaryListBlock_in .photoMailDiary:nth-child(even){
		width:100%;
		margin-right:0;
	}
	#photoMailDiaryListBlock_in a {
		display:inline-block;
		/*display: block;
		width: calc(100% - 5px);*/
		margin-left: 0;
		padding: 10px 0;
	}
	#photoMailDiaryListBlock_in a.btnToPhotoMailDiary {
		padding: 10px;
	}
	#photoMailDiaryListBlock_in a em {
		display: block;
		width: auto;
		line-height: 14px;
		margin-bottom:10px;
	}
	#photoMailDiaryListBlock_in a span {
		display: block;
		width: 100%;
		line-height: 18px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
	}
	#photoMailDiaryListBlock .bt_bg {
		padding: 10px 10px 0 10px;
	}
	#photoMailDiaryListBlock .bt_bg a {
		display: block;
		width: auto;
	}
}


/*-- レビュー一覧 -------------------------------------------------------------------*/
#review {}

#reviewBlock {
	line-height: 120%;
	text-align: left;
	padding: 20px 0 40px 0;
	/*
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	*/
}
#reviewListBlock_in {
	padding: 0 20px 0 20px;
	display: flex;
	flex-wrap: wrap;
}
#reviewListBlock_in .review {
	padding-bottom:20px;
}
#reviewListBlock_in .review:nth-child(odd) {
	width: 49%;
	margin-right:1%;
}
#reviewListBlock_in .review:nth-child(even) {
	width: 49%;
	margin-left:1%;
}
#reviewListBlock_in a{
	border-width:0px;
	/*width:100%;*/
}
.reviewSort1 #reviewListBlock_in a > div > span{
	padding-right:200px;
	width: calc(100% - 200px);
}
.reviewSort1 #reviewListBlock_in a > div {
	position:relative;
}
.reviewSort1 #reviewListBlock_in a > div time{
	position:absolute;
	width: 100%;
	right: 0;
	text-align: right;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 190px;
	height: 20px;
	font-size: 14px;
}
#reviewListBlock_in a.noToggleParent{
	color:#/*{@$officialConfPartsresponsive->pageTextColor@}*/;
	pointer-events:none;
	display:block;
}
#reviewListBlock_in a em {
	display: inline-block;
	vertical-align: top;
	width: 115px;
	font-size: 16px;
}
.reviewSort0 #reviewListBlock_in em time{
	background-color:#FFFFFF;
	border:1px solid #/*{@$officialConfPartsresponsive->hrBorderColor@}*/;
	padding:0 5px;
	border-radius:4px;
	font-size:14px;
}
.reviewSort1 #reviewListBlock_in .reviewStar{
	background-color:#FFFFFF;
	border:1px solid #/*{@$officialConfPartsresponsive->hrBorderColor@}*/;
	padding:5px;
	border-radius:4px;
	line-height:100%;
}
#reviewListBlock_in a em i {
	font-style: normal;
}

#reviewListBlock_in a span {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 115px);
	font-size: 16px;
	font-weight:bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	width:100%;
	position:relative;
	padding-top:10px;
	padding-bottom:5px;
	border-bottom:1px solid ;
	margin-bottom: 10px;
}
#reviewListBlock_in a .toggleTitle span:after {
	display:block;
	position:absolute;
	width:20px;
	height:20px;
	content:'▼';
	top:0px;
	right:0;
}
a.toItem {
	/*font-size: 80%;*/
	display:inline-block;
	position:relative;
}
a.toItem:after {
	position:absolute;
	display:block;
	content:'';
	width:6px;
	height:6px;
	margin:auto;
	border-top:1px solid #0D28F2;
	border-right:1px solid #0D28F2;
	transform:rotate(45deg);
	top:0;
	bottom:0;
	right:-10px;
}
#reviewBlock .imageWrap{
	width: 40%;
	min-width: 40%;
	display: inline-block;
	margin-right:10px;
	margin-bottom:10px;
}
#reviewBlock .imageWrap img{
	max-width:100%;
}
#reviewBlock .imageWrap + .fdc_reviewBody{
	display: inline-block;
}
#reviewListBlock_in .reviewItemName {
	margin-top: 10px;
}
#reviewListBlock_in .reviewListLink{
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
#review .fdc_contentsWrap .list{
	padding:0 0 0 0 ;
}
#review .iconStar{
	color:#/*{@$officialConfItemResponsive->reviewStarTextColor@}*/;
}
#review .reviewWrap{
	background-color:#/*{@$officialConfItemresponsive->reviewCommentBgColor@}*/;
	border:1px solid #/*{@$officialConfItemresponsive->reviewCommentBorderColor@}*/;
	box-sizing:border-box;
	padding:10px;
	margin-top:5px;
	margin-bottom:15px;
}
#review .reviewWrap > div{
	display:flex;
}
#review .reviewCommentWrap{
	color:#/*{@$officialConfItemresponsive->reviewCommentTextColor@}*/;
	width:100%;
}
#review .toItemReview{
	text-align:center;
	display:block;
    width: 180px;
	margin:0 auto;
}
#review .recommentWrap {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid;
	padding-left: 20px;
}
#review .recommentWrap .recommentTitle {
	position:relative;
}
#review .recommentWrap .recommentTitle i{
	position:absolute;
	left:-20px;
	top:-2px;
}
@media screen and (max-width: 640px) {
	#reviewListBlock {
		padding: 30px 0 10px 0;
		/*
		border-left: none;
		border-right: none;
		*/
	}
	#reviewListBlock_in {
		padding: 0 10px;
	}
	#reviewListBlock_in .review:nth-child(odd),
	#reviewListBlock_in .review:nth-child(even){
		width:100%;
		margin-right:0;
	}
	#reviewListBlock_in a {
		display: block;
		width: 100%;
		margin-left: 0;
	}
	#reviewListBlock_in a em {
		display: block;
		width: auto;
		line-height: 14px;
		margin-bottom:10px;
	}
	#reviewListBlock_in a span {
		display: block;
		width: 100%;
		line-height: 14px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
	}
	#reviewListBlock .bt_bg {
		padding: 10px 10px 0 10px;
	}
	#reviewListBlock .bt_bg a {
		display: block;
		width: auto;
	}
}


/*-- レビューblock一覧 -------------------------------------------------------------------*/
#itemReview {}

#itemReviewListBlock {
	line-height: 120%;
	text-align: left;
	padding: 20px 0 40px 0;
	/*
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	*/
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
}
#itemReviewListBlock_in {
	padding: 0 20px 0 20px;
	display: flex;
	flex-wrap: wrap;
}
#itemReviewListBlock_in .itemReview{
	display:flex;
}
#itemReviewListBlock_in .itemReview .itemData{
	margin-right:10px;
	min-width: 162px;
}
#itemReviewListBlock_in .itemReview .itemDataProf{
	width:100%;
}
#itemReviewListBlock_in .itemReview .date{
	font-size:14px;
}
#itemReviewListBlock_in .itemReview .title{
	font-size:16px;
}
#itemReviewListBlock_in .itemReview [class^="starIcon"]{
	color:#/*{@$officialConfItemresponsive->reviewStarTextColor@}*/;
}
#itemReviewListBlock_in .itemReview .reviewComment{
	color:#/*{@$officialConfItemresponsive->reviewCommentTextColor@}*/;
	background-color:#/*{@$officialConfItemresponsive->reviewCommentBgColor@}*/;
	border:1px solid #/*{@$officialConfItemresponsive->reviewCommentBorderColor@}*/;
	width:100%;
	padding:10px;
	box-sizing:border-box;
}
#itemReviewListBlock_in .itemReview {
	width: /*{@if $officialConfPartsresponsive->commonContentsBodyColumn == 2@}*/49/*{@else@}*/100/*{@/if@}*/%;
	padding-bottom:20px;
}
/*{@if $officialConfPartsresponsive->commonContentsBodyColumn == 2@}*/
#itemReviewListBlock_in .itemReview:nth-child(odd) {
	margin-right:1%;
}
#itemReviewListBlock_in .itemReview:nth-child(even) {
	margin-left:1%;
}
/*{@/if@}*/
#itemReviewListBlock_in a{
	border-width:0px;
}
#itemReviewListBlock_in a em {
	display: inline-block;
	vertical-align: top;
	width: 115px;
	font-size: 16px;
}
#itemReviewListBlock_in em time{
	background-color:#FFFFFF;
	border:1px solid #/*{@$officialConfPartsresponsive->hrBorderColor@}*/;
	padding:0 5px;
	border-radius:4px;
}
#itemReviewListBlock_in a em i {
	font-style: normal;
}

#itemReviewListBlock_in a span {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 115px);
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	width:100%;
	position:relative;
	padding-top:10px;
	padding-bottom:5px;
	border-bottom:1px solid ;
}
#itemReviewListBlock_in a .toggleTitle span:after {
	display:block;
	position:absolute;
	width:20px;
	height:20px;
	content:'▼';
	top:10px;
	right:0;
}
#itemReviewListBlock .bt_bg {
	padding: 40px 0 0 0;
}

#itemReviewListBlock .bt_bg a {
	display: inline-block;
	vertical-align: top;	
	width: 330px;
}
#itemReviewListBlock .noData{
	text-align:center;
	line-height:100%;
	padding-top:10px;
	width:100%;
}
.itemReviewTooltip {
	line-height: 150%;
}
#itemReviewListBlock .moreList{
	width:100%;
	text-align:center;
}
#itemReviewListBlock .noEntries{
	margin:0 auto;
}
#itemReviewListBlock .itemPhoto a > span.noImage{
	width:100%;
	height:100%;
	position:relative;
	display:inline-block;
	left: 0;
	background: rgba(0,0,0,.2);
	line-height:100%;
	box-sizing:border-box;
	z-index: 0;
	min-height:100px;
}
#itemReviewListBlock .itemPhoto a > span.noImage:after{
	position:absolute;
	font-size:16px;
	display:block;
	content:'No Image';
	width:100%;
	height:20px;
	color:#FFFFFF;
	line-height: 100%;
	text-align: center;
	margin: auto;
	top: 0;
	bottom: 0;
}
@media screen and (max-width: 640px) {
	#itemReviewListBlock {
		padding: 30px 0 10px 0;
		/*
		border-left: none;
		border-right: none;
		*/
	}
	#itemReviewListBlock_in {
		padding: 0 10px;
	}
	#itemReviewListBlock_in .itemReview:nth-child(odd),
	#itemReviewListBlock_in .itemReview:nth-child(even){
		width:100%;
		margin-right:0;
	}
	#itemReviewListBlock_in a {
		display: block;
		width: 100%;
		margin-left: 0;
		padding: 10px 0;
	}
	#itemReviewListBlock_in a em {
		display: block;
		width: auto;
		line-height: 14px;
		margin-bottom:10px;
	}
	#itemReviewListBlock_in a span {
		display: block;
		width: 100%;
		line-height: 14px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
	}
	#itemReviewListBlock .bt_bg {
		padding: 10px 10px 0 10px;
	}
	#itemReviewListBlock .bt_bg a {
		display: block;
		width: auto;
	}
}

/*-- 注意事項 -------------------------------------------------------------------*/
#warning {}

#warning h2{
	margin:0px;
}

#warningBlock {
	line-height: 120%;
	text-align: left;
	padding: 20px 0 40px 0;
	/*
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	*/
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
}
#warningBlock_in {
	padding: 0 20px 0 20px;
	display: flex;
	flex-wrap: wrap;
}
#warningBlock_in .news {
	width: 45%;
	margin-right:5%;
	padding-bottom:20px;
}
#warningBlock .noData{
	text-align:center;
	line-height:100%;
	padding-top:10px;
	width:100%;
}
.warningText{
	color:#/*{@$officialConfPartsresponsive->shopWarningTextColor@}*/;
}


/*-- パン屑リスト --------------------------------------------------------*/
.breadClamListWrap{
	background-color:rgba(/*{@$officialConfPartsresponsive->commonPageTitleBgColorRgb@}*/,/*{@$officialConfPartsresponsive->commonPageTitleTransparentFloat@}*/);
	color:#/*{@$officialConfPartsresponsive->commonPageTitleTextColor@}*/;
	line-height: 14px;
	padding: 10px;
	font-size:14px;
	text-align:center;
}
.breadClamListWrap > span{
	display:inline-block;
	margin-right:20px;
	position:relative;
	padding:3px 0;
}
.breadClamListWrap > span:after{
	position:absolute;
    display:block;
    width:6px;
    height:6px;
    content:'';
    margin:auto;
    top:6px;
    right:-15px;
	border-top: solid 1px currentColor;
	border-right: solid 1px currentColor;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.breadClamListWrap > span:last-child{
	margin-right:0px;
}
.breadClamListWrap > span:last-child:after{
	border-top: solid 0px currentColor;
	border-right: solid 0px currentColor;
}

/*-- メルマガ登録 --------------------------------------------------------*/
#blockMailMagazine {
	text-align: left;
}
#blockMailMagazine form .inputWrap [type=email]{
	width:100%;
	margin:10px auto;
	border-radius:4px;
	border-width:1px;
	padding:5px 0;
	text-indent:5px;
}
#blockMailMagazine form .formBtnWrap {
	width:100%;
	text-align:center;
	padding:10px 0;
}
#blockMailMagazine form {
	display:flex;
}
#blockMailMagazine form > div:first-child {
	width:60%;
}
#blockMailMagazine form > div:last-child {
	width:40%;
	text-align:left;
	padding-left: 20px;
}
@media screen and (max-width: 640px) {
	#blockMailMagazine {
		text-align:center;
	}
	#blockMailMagazine form {
		display:block;
	}
	#blockMailMagazine form > div:first-child {
		width:100%;
	}
	#blockMailMagazine form > div:last-child {
		width:100%;
		text-align:center;
		padding-left: 0;
	}
}

/*-- ピックアップ --------------------------------------------------------*/
#blockPickUp .bx-prev,
#blockPickUp .bx-next{
	background-color:#/*{@$officialConfPartsresponsive->buttonBgColor@}*/;
	color:#/*{@$officialConfPartsresponsive->buttonTextColor@}*/;
}
#blockPickUp {
	position: relative;
	text-align: center;
}
#blockPickUp #pickUp{
	position: relative;
}
#blockPickUp h2 {
	margin: 0;
}
#blockPickUp .img a{
	width:100%;
	height:100%;
	display:block;
	min-height:280px;
	position:relative;
}
#blockPickUp .img a .castImage{
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
}
#blockPickUp .img a > span.noImage{
	width:100%;
	height:100%;
	position:absolute;
	display:inline-block;
	left: 0;
	background: rgba(0,0,0,.2);
	line-height:100%;
	box-sizing:border-box;
	z-index: 0;
	min-height:280px;
}
#blockPickUp .img a > span.noImage:after{
	position:absolute;
	font-size:16px;
	display:block;
	content:'No Image';
	width:100%;
	height:20px;
	color:#FFFFFF;
	line-height: 100%;
	text-align: center;
	margin: auto;
	top: 0;
	bottom: 0;
}
#blockPickUp .sche_in {
	padding: 40px 0 40px 0;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#blockPickUp ul {
/*
	font-size: 0;
	line-height: 0;
*/
}
#blockPickUp li ,
#blockPickUp .li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	/*
	font-size: 0;
	line-height: 0;
	*/
	padding: 10px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*{@if !$officialConfPartsresponsive->isItemDataBgColorTransparent@}*/
	background-color:#/*{@$officialConfPartsresponsive->itemDataBgColor@}*/;
	/*{@/if@}*/
	border-radius:10px;
}
#blockPickUp .count1 .li {
	margin:0 auto;
}
/*
#blockPickUp .noSlide {
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}
#blockPickUp .noSlide li ,
#blockPickUp .noSlide .li {
	max-width:190px;
	margin-right:10px;
}
*/
#blockPickUp li .textBlock ,
#blockPickUp .li .textBlock {
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	padding: 7px 0;
}
#blockPickUp li .textBlock span ,
#blockPickUp .li .textBlock span {
	color: #ff0000;
}
#blockPickUp li .img a > img ,
#blockPickUp .li .img a > img {
	/*width: 170px;*/
	/*height: 227px;*/
}
#blockPickUp li .img ,
#blockPickUp .li .img {
	position: relative;
	overflow: hidden;
	width: 170px;
	margin: 0 auto;
}
#blockPickUp li .catchCopy ,
#blockPickUp .li .catchCopy {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 10px);
	/*font-size: 14px;*/
	font-weight: normal;
	line-height: 22px;
	text-align: center;
	border-radius: 2px;
	position: absolute;
	bottom: 5px;
	left: 5px;
	padding-top:5px;
	padding-bottom:5px;
}
#blockPickUp .shortProfWrap .itemName{
	display:block;
	padding-top:5px;
	padding-bottom:5px;
}
#blockPickUp .shortProf{
	display:block;
	margin:0 auto 10px auto;
	padding: 0 10px;
}
#blockPickUp .shortProf > span{
	display:inline-block;
	margin-right:5px;
}
#blockPickUp .shortProf > span:last-child{
	margin-right:0px;
}

#blockPickUp .bx-wrapper .bx-controls-direction a {
	width: 35px;
	height: 80px;
	line-height: 80px;
}
#blockPickUp .bx-wrapper .bx-controls-direction a.bx-prev {
	top: 50%;
	left: 0px;
}
#blockPickUp .bx-wrapper .bx-controls-direction a.bx-next {
	top: 50%;
	right: 0px;
}
@media screen and (max-width: 640px) {
	#blockPickUp .sche_in{
		padding: 10px 0;
		border: none;
		background: none;
	}
	#blockPickUp li,
	#blockPickUp .li{
		padding: 1px 0;
	}
	#blockPickUp li .txt,
	#blockPickUp .li .txt{
		/*font-size: 12px;*/
		line-height: 14px;
		padding: 2px 0;
	}
	#blockPickUp .itmeTodaySchedule{
		padding-bottom:10px;
	}
	#blockPickUp li .img,
	#blockPickUp .li .img{
		margin: 0;
	}
	#blockPickUp li .img,
	#blockPickUp .li .img{
		width: auto;
		margin: 10px 1px;
	}
	#blockPickUp li .img a > img,
	#blockPickUp .li .img a > img{
		/*
		width: 100px;
		height: 133px;
		*/
		/*width: calc(100% - 20px);*/
		width:100%;
		height: auto;
		/*margin-top:10px;
		margin-bottom:10px;*/
	}
	#blockPickUp .img a > span.noImage{
		/*
		width: 100px;
		height: 133px;
		*/
		width: calc(100% - 20px);
		/* height: auto; */
		max-height:240px;
		display:block;
		margin:10px 10px 0 10px;
	}
	#blockPickUp li .catchCopy,
	#blockPickUp .li .catchCopy{
		width: calc(100% - 6px);
		/*font-size: 10px;*/
		line-height: 14px;
		position: absolute;
		bottom: 3px;
		left: 3px;
	}
}

/*-- 本日の出勤情報 --------------------------------------------------------*/
#blockTodaySchedule .bx-prev,
#blockTodaySchedule .bx-next{
	background-color:#/*{@$officialConfPartsresponsive->buttonBgColor@}*/;
	color:#/*{@$officialConfPartsresponsive->buttonTextColor@}*/;
}
#blockTodaySchedule {
	position: relative;
	text-align: center;
}
#blockTodaySchedule #todaySchedule{
	position: relative;
}
#blockTodaySchedule h2 {
	margin: 0;
}
#blockTodaySchedule .itmeTodaySchedule{
	background-color:#/*{@$officialConfPartsresponsive->titleBgColor@}*/;
	color: #/*{@$officialConfPartsresponsive->titleTextColor@}*/;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:10px;
}
#blockTodaySchedule .sche_in {
	padding: 40px 0 40px 0;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#blockTodaySchedule ul {
/*
	font-size: 0;
	line-height: 0;
*/
}
/**/
#blockTodaySchedule li ,
#blockTodaySchedule .li {
	position: relative;
	display: inline-block;
	vertical-align: top;
/*
	font-size: 0;
	line-height: 0;
*/
	padding: 10px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*{@if !$officialConfPartsresponsive->isItemDataBgColorTransparent@}*/
	background-color:#/*{@$officialConfPartsresponsive->itemDataBgColor@}*/;
	/*{@/if@}*/
	border-radius:10px;
}
#blockTodaySchedule li .textBlock ,
#blockTodaySchedule .li .textBlock {
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	padding: 7px 0;
}
#blockTodaySchedule .shortProfWrap{
	padding-bottom:10px;
}
#blockTodaySchedule li .textBlock span ,
#blockTodaySchedule .li .textBlock span {
	color: #ff0000;
}
#blockTodaySchedule li .img a > img {
	/*width: 100%;*/
	height: auto;
}
#blockTodaySchedule li .img ,
#blockTodaySchedule .li .img {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
#blockTodaySchedule li .catchCopy ,
#blockTodaySchedule .li .catchCopy {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 10px);
	/*font-size: 14px;*/
	font-weight: normal;
	line-height: 22px;
	text-align: center;
	border-radius: 2px;
	position: absolute;
	bottom: 15px;
	left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#blockTodaySchedule .img > a{
	width:100%;
	/*height:100%;*/
	min-height:280px;
	display:block;
	position:relative;
}
#blockTodaySchedule .img a .castImage{
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
}
#blockTodaySchedule .img a > span.noImage{
	width:100%;
	height:100%;
	position:absolute;
	display:inline-block;
	left: 0;
	background: rgba(0,0,0,.2);
	line-height:100%;
	box-sizing:border-box;
	z-index: 0;
	min-height:280px;
}
#blockTodaySchedule .img a > span.noImage:after{
	position:absolute;
	font-size:16px;
	display:block;
	content:'No Image';
	width:100%;
	height:20px;
	color:#FFFFFF;
	line-height: 100%;
	text-align: center;
	margin: auto;
	top: 0;
	bottom: 0;
}
#blockTodaySchedule .shortProfWrap .itemName{
	display:block;
	padding-top:5px;
	padding-bottom:5px;
}
#blockTodaySchedule .shortProf{
	display:block;
	margin:0 auto 10px auto;
	padding: 0 10px;
}
#blockTodaySchedule .shortProf > span{
	display:inline-block;
	margin-right:5px;
}
#blockTodaySchedule .shortProf > span:last-child{
	margin-right:0px;
}
#blockTodaySchedule .bx-wrapper .bx-controls-direction a {
	width: 35px;
	height: 80px;
	line-height: 80px;
}
#blockTodaySchedule .bx-wrapper .bx-controls-direction a.bx-prev {
	top: 50%;
	left: 0px;
	z-index:5;
}
#blockTodaySchedule .bx-wrapper .bx-controls-direction a.bx-next {
	top: 50%;
	right: 0px;
	z-index:5;
}
@media screen and (max-width: 640px) {
	#blockTodaySchedule .sche_in{
		padding: 10px 0;
		border: none;
		background: none;
	}
	#blockTodaySchedule li,
	#blockTodaySchedule .li{
		padding: 1px 0;
	}
	#blockTodaySchedule li .txt.
	#blockTodaySchedule .li .txt{
		font-size: 12px;
		line-height: 14px;
		padding: 2px 0;
	}
	#blockTodaySchedule .li .img,
	#blockTodaySchedule li .img{
		margin: 0;
	}
	#blockTodaySchedule li .img,
	#blockTodaySchedule .li .img{
		width: auto;
		margin: 10px 1px;
	}
	#blockTodaySchedule .img a {
		/*min-height: calc(100vw / 2);*/
	}
	#blockTodaySchedule li .img a > img,
	#blockTodaySchedule .li .img a > img{
		/*width: calc(100% - 20px);*/
		width:100%;
		height: auto;
		/*margin-top:10px;
		margin-bottom:10px;*/
	}
	#blockTodaySchedule .img a > span.noImage{
		width: calc(100% - 20px);
		/* height: auto; */
		max-height:240px;
		display:block;
		margin:10px 10px 0 10px;
	}
	#blockTodaySchedule li .catchCopy,
	#blockTodaySchedule .li .catchCopy{
		width: calc(100% - 6px);
		/*font-size: 10px;*/
		line-height: 14px;
		position: absolute;
		bottom: 3px;
		left: 3px;
	}
}

/*-- リアルタイム出勤情報 --------------------------------------------------------*/
#blockRealTime .bx-prev,
#blockRealTime .bx-next{
	background-color:#EC4141;
	color:#FFFFFF;
}
#blockRealTime {
	position: relative;
	text-align: center;
}
#blockRealTime #realTime{
	position: relative;
}
#blockRealTime h2 {
	margin: 0;
}
#blockRealTime .itmeTodaySchedule{
	background-color:#ECB622;
	color: #FFFFFF;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:10px;
}
#blockRealTime .sche_in {
	padding: 40px 0 40px 0;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#blockRealTime ul {
/*
	font-size: 0;
	line-height: 0;
*/
}
/**/
#blockRealTime li ,
#blockRealTime .li {
	position: relative;
	display: inline-block;
	vertical-align: top;
/*
	font-size: 0;
	line-height: 0;
*/
	padding: 10px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*{@if !$officialConfPartsresponsive->isItemDataBgColorTransparent@}*/
	background-color:#/*{@$officialConfPartsresponsive->itemDataBgColor@}*/;
	/*{@/if@}*/
	border-radius:10px;
}
#blockRealTime li .textBlock ,
#blockRealTime .li .textBlock {
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	padding: 7px 0;
}
#blockRealTime .shortProfWrap{
	padding-bottom:10px;
}
#blockRealTime li .textBlock span ,
#blockRealTime .li .textBlock span {
	color: #ff0000;
}
#blockRealTime li .img a > img {
	/*width: 100%;*/
	height: auto;
}
#blockRealTime li .img ,
#blockRealTime .li .img {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
#blockRealTime li .catchCopy ,
#blockRealTime .li .catchCopy {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 10px);
	/*font-size: 14px;*/
	font-weight: normal;
	line-height: 22px;
	text-align: center;
	border-radius: 2px;
	position: absolute;
	bottom: 15px;
	left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#blockRealTime .img > a{
	width:100%;
	/*height:100%;*/
	min-height:280px;
	display:block;
	position:relative;
}
#blockRealTime .img a .castImage{
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
}
#blockRealTime .img a > span.noImage{
	width:100%;
	height:100%;
	position:absolute;
	display:inline-block;
	left: 0;
	background: rgba(0,0,0,.2);
	line-height:100%;
	box-sizing:border-box;
	z-index: 0;
	min-height:280px;
}
#blockRealTime .img a > span.noImage:after{
	position:absolute;
	font-size:16px;
	display:block;
	content:'No Image';
	width:100%;
	height:20px;
	color:#FFFFFF;
	line-height: 100%;
	text-align: center;
	margin: auto;
	top: 0;
	bottom: 0;
}
#blockRealTime .shortProfWrap .itemName{
	display:block;
	padding-top:5px;
	padding-bottom:5px;
}
#blockRealTime .shortProf{
	display:block;
	margin:0 auto 10px auto;
	padding: 0 10px;
}
#blockRealTime .shortProf > span{
	display:inline-block;
	margin-right:5px;
}
#blockRealTime .shortProf > span:last-child{
	margin-right:0px;
}
#blockRealTime .bx-wrapper .bx-controls-direction a {
	width: 35px;
	height: 80px;
	line-height: 80px;
}
#blockRealTime .bx-wrapper .bx-controls-direction a.bx-prev {
	top: 50%;
	left: 0px;
	z-index:5;
}
#blockRealTime .bx-wrapper .bx-controls-direction a.bx-next {
	top: 50%;
	right: 0px;
	z-index:5;
}
#blockRealTime .message {
	padding:5px 10px;
	text-align:center;
	margin-bottom:5px;
	color: #FFFFFF;
}
#blockRealTime .kind_1 .message {
	background-color: #E066FF;
}
#blockRealTime .kind_2 .message {
	background-color: #FF9999;
}
#blockRealTime .kind_3 .message {
	color: #333333;
	background-color: #FF9999;
}
#blockRealTime .kind_4 .message {
	color: #333333;
	background-color: #FFFF99;
}
#blockRealTime .kind_5 .message {
	background-color: #AAAAAA;
}
@media screen and (max-width: 640px) {
	#blockRealTime .sche_in{
		padding: 10px 0;
		border: none;
		background: none;
	}
	#blockRealTime li,
	#blockRealTime .li{
		padding: 1px 0;
	}
	#blockRealTime li .txt.
	#blockRealTime .li .txt{
		font-size: 12px;
		line-height: 14px;
		padding: 2px 0;
	}
	#blockRealTime .li .img,
	#blockRealTime li .img{
		margin: 0;
	}
	#blockRealTime li .img,
	#blockRealTime .li .img{
		width: auto;
		margin: 10px 1px;
	}
	#blockRealTime .img a {
		/*min-height: calc(100vw / 2);*/
	}
	#blockRealTime li .img a > img,
	#blockRealTime .li .img a > img{
		/*width: calc(100% - 20px);*/
		width:100%;
		height: auto;
		/*margin-top:10px;
		margin-bottom:10px;*/
	}
	#blockRealTime .img a > span.noImage{
		width: calc(100% - 20px);
		/* height: auto; */
		max-height:240px;
		display:block;
		margin:10px 10px 0 10px;
	}
	#blockRealTime li .catchCopy,
	#blockRealTime .li .catchCopy{
		width: calc(100% - 6px);
		/*font-size: 10px;*/
		line-height: 14px;
		position: absolute;
		bottom: 3px;
		left: 3px;
	}
}

/*-- 新人情報 --------------------------------------------------------*/
#blockNewFace .bx-prev,
#blockNewFace .bx-next{
	background-color:#/*{@$officialConfPartsresponsive->buttonBgColor@}*/;
	color:#/*{@$officialConfPartsresponsive->buttonTextColor@}*/;
}
#blockNewFace {
	position: relative;
	text-align: center;
}
#blockNewFace #newFace{
	position: relative;
}
#blockNewFace h2 {
	margin: 0;
}
#blockNewFace li .joindDay,
#blockNewFace .li .joindDay{
	background-color:#/*{@$officialConfPartsresponsive->titleBgColor@}*/;
	color: #/*{@$officialConfPartsresponsive->titleTextColor@}*/;
	padding-top:5px;
	padding-bottom:5px;
}

#blockNewFace .sche_in {
	padding: 40px 0 40px 0;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#blockNewFace ul {
/*
	font-size: 0;
	line-height: 0;
*/
}
#blockNewFace li ,
#blockNewFace .li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	/*
	font-size: 0;
	line-height: 0;
	*/
	padding: 10px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*{@if !$officialConfPartsresponsive->isItemDataBgColorTransparent@}*/
	background-color:#/*{@$officialConfPartsresponsive->itemDataBgColor@}*/;
	/*{@/if@}*/
	border-radius:10px;
}
#blockNewFace .count1 .li {
	margin:0 auto;
}
#blockNewFace li .textBlock ,
#blockNewFace .li .textBlock {
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	padding: 7px 0;
}
#blockNewFace li .textBlock span ,
#blockNewFace .li .textBlock span {
	color: #ff0000;
}
#blockNewFace li .img a > img ,
#blockNewFace .li .img a > img {
	/*width: 170px;*/
	/*height: 227px;*/
}
#blockNewFace li .img ,
#blockNewFace .li .img {
	position: relative;
	overflow: hidden;
	width: 170px;
	margin: 0 auto;
}
#blockNewFace li .catchCopy ,
#blockNewFace .li .catchCopy {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 10px);
	/*font-size: 14px;*/
	font-weight: normal;
	line-height: 22px;
	text-align: center;
	border-radius: 2px;
	position: absolute;
	bottom: 5px;
	left: 5px;
	padding-top:5px;
	padding-bottom:5px;
}
#blockNewFace .img a{
	min-height:280px;
	display:block;
	position:relative;
}
#blockNewFace .img a .castImage{
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
}
#blockNewFace .img a > span.noImage{
	width:100%;
	height:100%;
	position:absolute;
	display:inline-block;
	left: 0;
	background: rgba(0,0,0,.2);
	line-height:100%;
	box-sizing:border-box;
	z-index: 0;
	min-height:280px;
}
#blockNewFace .img a > span.noImage:after{
	position:absolute;
	font-size:16px;
	display:block;
	content:'No Image';
	width:100%;
	height:20px;
	color:#FFFFFF;
	line-height: 100%;
	text-align: center;
	margin: auto;
	top: 0;
	bottom: 0;
}
#blockNewFace .shortProfWrap .itemName{
	display:block;
	padding-top:5px;
	padding-bottom:5px;
}
#blockNewFace .shortProf{
	display:block;
	margin:0 auto 10px auto;
	padding: 5px 10px;
}
#blockNewFace .shortProf > span{
	display:inline-block;
	margin-right:5px;
}
#blockNewFace .shortProf > span:last-child{
	margin-right:0px;
}

#blockNewFace .bx-wrapper .bx-controls-direction a {
	width: 35px;
	height: 80px;
	line-height: 80px;
}
#blockNewFace .bx-wrapper .bx-controls-direction a.bx-prev {
	top: 50%;
	left: 0px;
}
#blockNewFace .bx-wrapper .bx-controls-direction a.bx-next {
	top: 50%;
	right: 0px;
}
#blockNewFace .noData{
	text-align:center;
	line-height:100%;
	padding-top:10px;
	width:100%;
	margin: 10px 0 30px;
}
@media screen and (max-width: 640px) {
	#blockNewFace .sche_in{
		padding: 10px 0;
		border: none;
		background: none;
	}
	#blockNewFace li,
	#blockNewFace .li{
		padding: 1px 0;
	}
	#blockNewFace li .txt,
	#blockNewFace .li .txt{
		/*font-size: 12px;*/
		line-height: 14px;
		padding: 2px 0;
	}
	#blockNewFace li .img,
	#blockNewFace .li .img{
		margin: 0;
	}
	#blockNewFace li .img,
	#blockNewFace .li .img{
		width: auto;
		margin: 10px 1px;
	}
	#blockNewFace li .img a > img,
	#blockNewFace .li .img a > img{
		/*width: calc(100% - 20px);*/
		width:100%;
		height: auto;
		/*margin-top:10px;
		margin-bottom:10px;*/
	}
	#blockNewFace .img a > span.noImage{
		width: calc(100% - 20px);
		/* height: auto; */
		max-height:240px;
		display:block;
		margin:10px 10px 0 10px;
	}

	#blockNewFace li .catchCopy,
	#blockNewFace .li .catchCopy{
		width: calc(100% - 6px);
		/*font-size: 10px;*/
		line-height: 14px;
		position: absolute;
		bottom: 3px;
		left: 3px;
	}
}

/*-- 写メ日記 --------------------------------------------------------*/
#blockPhotoDiary{
	padding-bottom: 0.1px;
}
.blockPhotoDiary {
	padding: 20px;
	margin-bottom:20px;
	border:1px solid #/*{@$officialConfPartsresponsive->hrBorderColor@}*/;
	/*{@if $officialConfBaseresponsive->themeBaseColorType == 0@}*/
		/*{@assign var=_themaColor value="rgba(0,0,0,1)"@}*/
	/*{@elseif $officialConfBaseresponsive->themeBaseColorType == 1@}*/
		/*{@assign var=_themaColor value="rgba(255,255,255,1)"@}*/
	/*{@/if@}*/
	background-color:/*{@$_themaColor@}*/;	position: relative;
	border-radius: 10px;
}
.photoDiary {
    margin-bottom: 40px !important;
}
.photoDiarySp {
	display: none;
}
.blockPhotoDiary .photoDiaryWrap{
    border-bottom:1px /*{@$officialConfPartsresponsive->hrBorderStyle@}*/ #/*{@$officialConfPartsresponsive->hrBorderColor@}*/;
	margin-bottom:10px;
	padding-bottom:10px;
}
.blockPhotoDiary .photoDiaryWrap:last-child{
    border-bottom:0px ;
	margin-bottom:0px;
	padding-bottom:0px;
}
@media screen and (max-width: 640px) {
	.photoDiary {
		margin-bottom: 10px !important;
	}
	.photoDiary .wid_in {
		border-left: none;
		border-right: none;
	}
	.photoDiaryPc {
		display: none;
	}
	.photoDiarySp {
		display: block;
	}
}
/*-- すぐひめ --------------------------------------------------------*/
#blockSuguhime .bx-prev,
#blockSuguhime .bx-next{
	background-color:#/*{@$officialConfPartsresponsive->buttonBgColor@}*/;
	color:#/*{@$officialConfPartsresponsive->buttonTextColor@}*/;
}
#blockSuguhime {
	position: relative;
	text-align: center;
}
#blockSuguhime #suguhime{
	position: relative;
}
#blockSuguhime h2 {
	margin: 0;
}
#blockSuguhime .itmeTodaySchedule{
	background-color:#/*{@$officialConfPartsresponsive->titleBgColor@}*/;
	color: #/*{@$officialConfPartsresponsive->titleTextColor@}*/;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:10px;
}
#blockSuguhime .sche_in {
	padding: 40px 0 40px 0;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#blockSuguhime ul {
/*
	font-size: 0;
	line-height: 0;
*/
}
/**/
#blockSuguhime li ,
#blockSuguhime .li {
	position: relative;
	display: inline-block;
	vertical-align: top;
/*
	font-size: 0;
	line-height: 0;
*/
	padding: 10px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*{@if !$officialConfPartsresponsive->isItemDataBgColorTransparent@}*/
	background-color:#/*{@$officialConfPartsresponsive->itemDataBgColor@}*/;
	/*{@/if@}*/
	border-radius:10px;
}
#blockSuguhime li .textBlock ,
#blockSuguhime .li .textBlock {
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	padding: 7px 0;
}
#blockSuguhime .shortProfWrap{
	padding-bottom:10px;
}
#blockSuguhime li .textBlock span ,
#blockSuguhime .li .textBlock span {
	color: #ff0000;
}
#blockSuguhime li .img a > img {
	/*width: 100%;*/
	height: auto;
}
#blockSuguhime li .img ,
#blockSuguhime .li .img {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
#blockSuguhime li .catchCopy ,
#blockSuguhime .li .catchCopy {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 10px);
	/*font-size: 14px;*/
	font-weight: normal;
	line-height: 22px;
	text-align: center;
	border-radius: 2px;
	position: absolute;
	bottom: 15px;
	left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#blockSuguhime .img > a{
	width:100%;
	/*height:100%;*/
	min-height:280px;
	display:block;
	position:relative;
}
#blockSuguhime .img a .castImage{
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
}
#blockSuguhime .img a > span.noImage{
	width:100%;
	height:100%;
	position:absolute;
	display:inline-block;
	left: 0;
	background: rgba(0,0,0,.2);
	line-height:100%;
	box-sizing:border-box;
	z-index: 0;
	min-height:280px;
}
#blockSuguhime .img a > span.noImage:after{
	position:absolute;
	font-size:16px;
	display:block;
	content:'No Image';
	width:100%;
	height:20px;
	color:#FFFFFF;
	line-height: 100%;
	text-align: center;
	margin: auto;
	top: 0;
	bottom: 0;
}
#blockSuguhime .shortProfWrap .itemName{
	display:block;
	padding-top:5px;
	padding-bottom:5px;
}
#blockSuguhime .shortProf{
	display:block;
	margin:0 auto 10px auto;
	padding: 0 10px;
}
#blockSuguhime .shortProf > span{
	display:inline-block;
	margin-right:5px;
}
#blockSuguhime .shortProf > span:last-child{
	margin-right:0px;
}
#blockSuguhime .bx-wrapper .bx-controls-direction a {
	width: 35px;
	height: 80px;
	line-height: 80px;
}
#blockSuguhime .bx-wrapper .bx-controls-direction a.bx-prev {
	top: 50%;
	left: 0px;
	z-index:5;
}
#blockSuguhime .bx-wrapper .bx-controls-direction a.bx-next {
	top: 50%;
	right: 0px;
	z-index:5;
}
@media screen and (max-width: 640px) {
	#blockSuguhime .sche_in{
		padding: 10px 0;
		border: none;
		background: none;
	}
	#blockSuguhime li,
	#blockSuguhime .li{
		padding: 1px 0;
	}
	#blockSuguhime li .txt.
	#blockSuguhime .li .txt{
		font-size: 12px;
		line-height: 14px;
		padding: 2px 0;
	}
	#blockSuguhime .li .img,
	#blockSuguhime li .img{
		margin: 0;
	}
	#blockSuguhime li .img,
	#blockSuguhime .li .img{
		width: auto;
		margin: 10px 1px;
	}
	#blockSuguhime .img a {
		/*min-height: calc(100vw / 2);*/
	}
	#blockSuguhime li .img a > img,
	#blockSuguhime .li .img a > img{
		/*width: calc(100% - 20px);*/
		width:100%;
		height: auto;
		/*margin-top:10px;
		margin-bottom:10px;*/
	}
	#blockSuguhime .img a > span.noImage{
		width: calc(100% - 20px);
		/* height: auto; */
		max-height:240px;
		display:block;
		margin:10px 10px 0 10px;
	}
	#blockSuguhime li .catchCopy,
	#blockSuguhime .li .catchCopy{
		width: calc(100% - 6px);
		/*font-size: 10px;*/
		line-height: 14px;
		position: absolute;
		bottom: 3px;
		left: 3px;
	}
}




/*-- bloc共通overWrite ------------------------------------------------------------*/
/*---- コースアイコンwidth設定 -------------------------------------------*/
#blockRealTime [class*="count"] .shopCourseIconWrap ,
#blockPickUp [class*="count"] .shopCourseIconWrap ,
#blockTodaySchedule [class*="count"] .shopCourseIconWrap ,
#blockSuguhime [class*="count"] .shopCourseIconWrap ,
#blockNewFace [class*="count"] .shopCourseIconWrap{
	max-width:200px;
}
#blockRealTime .count .shopCourseIconWrap ,
#blockPickUp .count .shopCourseIconWrap ,
#blockTodaySchedule .count .shopCourseIconWrap ,
#blockSuguhime .count .shopCourseIconWrap ,
#blockNewFace .count .shopCourseIconWrap{
	width: calc(100% - 10px);
}
#blockRealTime [class*="count"] .shopCourseIconWrap .castImage,
#blockPickUp [class*="count"] .shopCourseIconWrap .castImage,
#blockTodaySchedule [class*="count"] .shopCourseIconWrap .castImage,
#blockSuguhime [class*="count"] .shopCourseIconWrap .castImage,
#blockNewFace [class*="count"] .shopCourseIconWrap .castImage{
	max-width:200px;
}
#blockRealTime .count .shopCourseIconWrap .castImage,
#blockPickUp .count .shopCourseIconWrap .castImage,
#blockTodaySchedule .count .shopCourseIconWrap .castImage,
#blockSuguhime .count .shopCourseIconWrap .castImage,
#blockNewFace .count .shopCourseIconWrap .castImage{
	max-width:170px;
}
#blockRealTime [class*="count"] li .img ,
#blockRealTime [class*="count"] .li .img,
#blockPickUp [class*="count"] li .img ,
#blockPickUp [class*="count"] .li .img,
#blockNewFace [class*="count"] li .img ,
#blockNewFace [class*="count"] .li .img,
#blockTodaySchedule [class*="count"] li .img ,
#blockTodaySchedule [class*="count"] .li .img ,
#blockSuguhime [class*="count"] li .img ,
#blockSuguhime [class*="count"] .li .img {
	max-width: 200px;
	margin: 0 auto;
}
#blockRealTime .count li .img ,
#blockRealTime .count .li .img,
#blockPickUp .count li .img ,
#blockPickUp .count .li .img,
#blockNewFace .count li .img ,
#blockNewFace .count .li .img,
#blockTodaySchedule .count li .img ,
#blockTodaySchedule .count .li .img ,
#blockSuguhime .count li .img ,
#blockSuguhime .count .li .img {
	width: calc(100% - 10px);
	margin: 0 auto;
}
/*---- 一覧形式 -------------------------------------------*/
.slideType0 .swiper-button-next,
.slideType0 .swiper-button-prev{
	display:none !important;
}
[id^="block"] .slideType0  .swiper-wrapper{
	display:flex;
	flex-wrap:wrap;
}
[id^="block"] .slideType0  li,
[id^="block"] .slideType0 .li{
	margin:10px 5px;
	width:calc(20% - 10px);
}
[id^="block"] .slideType0 .count1 li,
[id^="block"] .slideType0 .count1 .li{
	margin:10px 6px;
	width:calc(100% - 10px);
}
[id^="block"] .slideType0 .count2 li,
[id^="block"] .slideType0 .count2 .li{
	margin:10px 5px;
	width:calc(50% - 10px);
}
[id^="block"] .slideType0 .count3 li,
[id^="block"] .slideType0 .count3 .li{
	margin:10px 6px;
	width:calc(33% - 10px);
}
[id^="block"] .slideType0 .count4 li,
[id^="block"] .slideType0 .count4 .li{
	margin:10px 5px;
	width:calc(25% - 10px);
}
@media screen and (max-width: 640px) {
	[id^="block"] .slideType0  li,
	[id^="block"] .slideType0 .li{
		width:calc(50% - 10px);
	}
	[id^="block"] .slideType0 .count3 li,
	[id^="block"] .slideType0 .count3 .li{
		margin:10px 5px;
		width:calc(50% - 10px);
	}
	[id^="block"] .slideType0 .count2 li,
	[id^="block"] .slideType0 .count2 .li,
	[id^="block"] .slideType0 .count4 li,
	[id^="block"] .slideType0 .count4 .li{
		width:calc(50% - 10px);
	}
}

/*-- form -------------------------------------*/
#blockFormList{
	width:95%;
	margin-left:auto;
	margin-right:auto;
}

/*-- link -------------------------------------*/
#blockLinkList{
	width:95%;
	margin-left:auto;
	margin-right:auto;
}

/*-- hotelList -------------------------------------*/
#blockHotelList{
	width:95%;
	margin-left:auto;
	margin-right:auto;
}

/*-- job -------------------------------------*/
#jobPhoto{
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
#jobPhoto img{
	width:100%;
}

@keyframes anime {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	25% {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	50% {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	75% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

/*-- modal --------------------------------------------------------*/
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
	right:0;
    width: 100%;
	z-index:1110;
}
.modal__bg{
    background: rgba(0,0,0,0.1);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
	min-width:330px;
	border: 5px solid #70a5ab;
	border-radius: 8px;
	text-align:left;
}
.modal__content .body{
	border-top: 0px solid #CBCBCB !important;
	border-bottom: 0px solid #CBCBCB !important;
	line-height: 130% !important;
}
.modal__content .body > div.travelCostListWrap ,
.modal__content .body > div.nominateListWrap {
	display:flex;
	flex-wrap:wrap;
}
.modal__content .title, .modal__content .footer{
}
.modal__content .title{
	color: #15428B;
	font-weight:bold;
	padding:20px !important;
	font-size:16px;
	color:#6e6565;
	text-shadow:1px 1px 1px #FFFFFF;
}
.modal__content .body{
	font-size:14px;
}
.modal__content .bodyInquiry{
	padding:15px ;
}

.modal__content .body .playWrap{
	/* padding:20px !important; */
}
.modal__content .body .playWrap .contentsTitle{
	padding:10px 20px;
	background-color: rgba(222, 238, 240, 1);
	color:#70a5ab;
	margin-top: 0px;
}
.modal__content .body .playWrap .contentsCheckWrap{
	padding:10px 20px;
}
.modal__content .body .playWrap .contentsCheckWrap label{
	display:inline-block;
	margin-right:15px;
	padding:5px 10px;
	cursor:pointer;
	/*border:1px solid #ffffff;*/
	border-radius:4px;
	line-height:165%;
	margin-bottom: 3px;
}
.modal__content .body .playWrap .contentsCheckWrap label:hover{
	/*border:1px solid #d4cccc;*/
	/*background-color:#ece7e7;*/
}
.modal__content .footer{
	padding:12px 20px !important;
	text-align:center;
	margin-bottom: -1px;
	background-color:#FFFFFF;
}
.modal__content .footer button{
	font-size:14px;
	margin:0 5px;
	padding:4px 10px;
}
a.btn-modal-close {
	position:absolute;
	top:-15px;
	right:-10px;
	border:2px solid #/*{@$officialConfPartsresponsive->buttonBgColor@}*/ !important;
	width: 36px;
	height:36px;
	padding:0px !important;
	border-radius:30px !important;
	color:#/*{@$officialConfPartsresponsive->buttonTextColor@}*/ !important;
	background-color:#/*{@$officialConfPartsresponsive->buttonBgColor@}*/ !important;
	text-align:center;
	z-index:3;
}
a.btn-modal-close i{
	margin: 1px 0 0 0 ;
	padding:0px;
	border-radius:30px;
	width:30px;
	height:30px;
	font-size:30px !important;
	/* border:1px solid #000000; */
}
a.btn-modal-close:hover{
	/*
	color:#d2c7c7 !important;
	border:2px solid #d2c7c7 !important;
	*/
	opacity:.4 !important;
}
@media screen and (max-width: 915px) {
}
@media screen and (max-height: 616px) {
}

/*-- paging -------------------------------------*/
/*{@if $officialConfPartsresponsive->linkTextColor@}*/
	/*{@assign var=_linkColor value=$officialConfPartsresponsive->linkTextColor@}*/
/*{@else@}*/
	/*{@assign var=_linkColor value=$officialConfBaseresponsive->themeLinkColor@}*/
/*{@/if@}*/
.paging {
	width: 100%;
	text-align: center;
}
.paging a{
	position:relative;
}
.paging .next:before,
.paging .prev:before,
.paging .nextAll:before,
.paging .nextAll:after,
.paging .prevAll:before,
.paging .prevAll:after{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	width:7px;
	height:7px;
}
.paging .next:before{
	left: 5px;
	top:0;
	bottom:0;
	border-top: 1px solid #/*{@$_linkColor@}*/;
	border-right: 1px solid #/*{@$_linkColor@}*/;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.paging .nextAll:before,
.paging .nextAll:after{
	top:0;
	bottom:0;
	border-top: 1px solid #/*{@$_linkColor@}*/;
	border-right: 1px solid #/*{@$_linkColor@}*/;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.paging .nextAll:before{
	left: 20px;
}
.paging .nextAll:after{
	left: 25px;
}
.paging .prev:before{
	right: 5px;
	top:0;
	bottom:0;
	border-top: 1px solid #/*{@$_linkColor@}*/;
	border-left: 1px solid #/*{@$_linkColor@}*/;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.paging .prevAll:before,
.paging .prevAll:after{
	top:0;
	bottom:0;
	border-top: 1px solid #/*{@$_linkColor@}*/;
	border-left: 1px solid #/*{@$_linkColor@}*/;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.paging .prevAll:before{
	right: 20px;
}
.paging .prevAll:after{
	right: 25px;
}


/*-- loading -----------------------------------*/
#ajaxLoading{
	position:fixed;
	z-index:10005;
	width:100vw;
	height:100vh;
	background-color:rgba(0,0,0,.2);
	top:0;
	left:0;
}
#ajaxLoading > i{
	color:#FFFFFF;
	position:absolute;
	top:calc(50% - 50px);
	left:calc(50% - 50px);
	font-size:100px
}

/*-- 検索 -----------------------------------------*/
#itemSearch .toggleBox{
	width:360px;
	height:100vh;
	position:fixed;
	top:0;
	z-index:1000;
	    box-shadow: 1px 0 5px rgba(0, 0, 0, .3);
	background-color:#/*{@$officialConfPartsresponsive->pageBgColor@}*/;
	color:#/*{@$officialConfPartsresponsive->pageTextColor@}*/;
	right : -100%;
}
#itemSearch .toggleBox.noActive{
	animation: searchWrapSlideOut 1.6s forwards;
}
#itemSearch .toggleBox.active{
	animation: searchWrapSlideIn 1.6s forwards;
}
@keyframes searchWrapSlideIn {
	0% {
		right : -100%
	}
	100% {
		right : 0px;
	}
}
@keyframes searchWrapSlideOut {
	0% {
		right : 0px;
	}
	100% {
		right : -100%;
	}
}
#itemSearch .btnCloseWrap {
	background-color:#/*{@$officialConfPartsresponsive->pageBgColor@}*/;
	padding: 5px;
	position: absolute;
	width: 90%;
	text-align: right;
	top: 0px;
	margin: 0 auto;
	box-sizing: border-box;
	border-bottom:1px solid #AAAAAA;
}
#itemSearch .toggleBox .inputArea{
	width:360px;
	/*max-height: calc(95vh - 80px);*/
	max-height: calc(95vh - 110px);
	overflow-y:auto;
	text-align: left;
	padding: 50px 10px 10px 10px;
	box-sizing: border-box;
}
#itemSearchResult {
	width: 95%;
	box-sizing: border-box;
	margin: 0 auto 30px auto;
	color: #/*{@$officialConfPartsresponsive->pageTextColor@}*/;
	display: none;
	box-sizing:border-box;
}
#itemSearchResult .titleWrap{
	padding:10px;
	background-color: #/*{@$officialConfPartsresponsive->titleBgColor@}*/;
	box-sizing:border-box;
	color:#/*{@$officialConfPartsresponsive->titleTextColor@}*/;
	border:1px solid #/*{@$officialConfPartsresponsive->hrBorderColor@}*/;
}
#itemSearchResult .clearfix{
	padding:10px;
	box-sizing:border-box;
}
#itemSearchResult .clearfix > span{
	display:inline-block;
	border:1px solid #757575;
	color:#757575;
	padding:3px 10px ;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	border-radius:50px;
	background-color:#FFFFFF;
}
#itemSearchResult .clearfix > span > em{
	position:relative;
	margin-right:15px;
}
#itemSearchResult .clearfix > span > em:after{
	position:absolute;
	display:block;
	content:':';
	margin:auto;
	height: 16px;
	top:0px;
	bottom:0px;
	right:-12px;
}
#itemSearchResult .clearfix > span > span{
	position:relative;
	margin-right:15px;
	display: inline-block;
}
#itemSearchResult .clearfix > span > span:after{
	position:absolute;
	display:block;
	content:'/';
	margin:auto;
	height:16px;
	top:0px;
	bottom:0px;
	right:-12px;
}
#itemSearchResult .clearfix > span > span:last-child{
	margin-right:0px;
}
#itemSearchResult .clearfix > span > span:last-child:after{
	content:'';
}
#itemSearch .searchTitle {
	background-color:#/*{@$officialConfPartsresponsive->titleBgColor@}*/;
	color:#/*{@$officialConfPartsresponsive->titleTextColor@}*/;
	padding:10px;
	margin-bottom: 1px;
}
#itemSearch .searchSubTitle{
	background-color:#/*{@$officialConfPartsresponsive->title2BgColor@}*/;
	color:#/*{@$officialConfPartsresponsive->title2TextColor@}*/;
	padding:10px;
	margin-bottom: 1px;
}
#itemSearch dl{
	display:flex;
	flex-wrap: wrap;
	border-top: none;
	font-size:90%;
	margin-bottom: 15px;
}

#itemSearch .formPartsWrap{
	/*{@if $officialConfItemlistresponsive->itemSearchDefaultOpen@}*/
		/*{@assign var=_itemSearchDefaultOpen value=block@}*/
	/*{@else@}*/
		/*{@assign var=_itemSearchDefaultOpen value=none@}*/
	/*{@/if@}*/
	display:/*{@$_itemSearchDefaultOpen@}*/;
}
#itemSearch .formParts{
	margin-bottom:15px;
}
#itemSearch dt{
	background: ;
	width: 60px;
	padding: 10px 0;
	box-sizing: border-box;
	border-bottom: 1px solid #/*{@$officialConfPartsresponsive->hrBorderColor@}*/; 
}
#itemSearch dd{
	padding: 10px 0;
	margin: 0;
	width: calc(100% - 60px);
	background: ;
	box-sizing: border-box;
	border-bottom: 1px solid #/*{@$officialConfPartsresponsive->hrBorderColor@}*/;
}
#itemSearch input{
	padding:0px 2px;
}
#itemSearch [for="isNew"]{
	display:block;
}
#itemSearch label{
	display:inline-block;
	margin-right:10px;
}
#itemSearch .footer{
	width:360px;
	padding-top: 15px;
	border-top: 1px solid #AAAAAA;
}
#itemSearch .hitNumbers > span{
	font-size:120%;
	font-weight:bold;
}
#itemSearch .helpText{
	font-size:14px;
	text-align:left;
	padding:10px;
}
@media screen and (max-width: 640px) {
	#itemSearchResult .clearfix{
		text-align:left
	}
}
div#copy {
	/*margin-top:20px;*/
	height:35px;
	position: fixed;
	background: #70a5ab;
	color: #FFFFFF;
	bottom: 0;
	width:100%;
	z-index:10;
}
div#copy svg{
	position: relative;
	top: 6px;
	margin-right: 7px;
}

/* form */
.flexWrap{
	display: flex;
	flex-wrap:wrap;
}
.flexWrap > div{
	margin-bottom:15px;
}

.pcNoneInlineBlock{
	display:none;
}
.spNoneInlineBlock{
	display:inline-block;
}
@media screen and (max-width: 640px) {
	.pcNoneInlineBlock{
		display:inline-block;
	}
	.spNoneInlineBlock{
		display:none;
	}
}


.itemListWrap .td .courseListWrap,
.reserveList .td .courseListWrap,
.checkReserveData .td .courseListWrap,
#wizardForm .courseListWrap{
	display:flex;
	flex-direction:column;
	gap:6px;
}
.itemListWrap .td .courseListWrap span:not(:last-child),
.reserveList .td .courseListWrap span:not(:last-child),
.checkReserveData .td .courseListWrap span:not(:last-child),
#wizardForm .td .courseListWrap span:not(:last-child){
	border-bottom:1px solid #DDD;
	padding-bottom:3px;
}
.itemListWrap .td .courseListWrap em,
.reserveList .td .courseListWrap em,
.checkReserveData .td .courseListWrap em,
#wizardForm .td .courseListWrap em{
	font-style:normal;
}
.checkReserveData .table .td .courseListWrap  span:after{
	content:unset;
}