@charset "UTF-8";
/**
 * 各ページ共通設定css
 */
*:active,
*:focus,
*:visited{
	outline: none
}
body {
	font-family: HiraKakuProN-W3, 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', 'MS Gothic', 'ＭＳ ゴシック', sans-serif;
		line-height:1;
	font-size: var(--body-fontSize);
	text-align: center;
	color:#FFFFFF;
	position:relative;
}
body:after {
	position:var(--parts-bodyBgImage1PositionPc);
	display:block;
	width:100%;
	height:var(--parts-bodyBgImage1HeightPc);
	content:'';
	top:0;
	left:0;
	z-index:-1;
			background-repeat:var(--choise-pageBgRepeat);
				background-position:var(--choise-pageBgPosition);
		background-size: cover;
	background-color:#000000;
	background-image:var(--parts-bodyBgImage1Pc);
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: subpixel-antialiased;
}
body.sp:after{
	position:var(--parts-bodyBgImage1PositionSp);
	background-image:var(--parts-bodyBgImage1Sp);
	height:var(--parts-bodyBgImage1HeightSp);
			background-repeat:var(--choise-pageBgRepeatSp);
				background-position:var(--choise-pageBgPositionSp);
		background-size: cover;
}
@media screen and (max-width: 640px) {
	body:after{
		position:var(--parts-bodyBgImage1PositionSp);
		background-image:var(--parts-bodyBgImage1Sp);
		height:var(--parts-bodyBgImage1HeightSp);
					background-repeat:var(--choise-pageBgRepeatSp);
							background-position:var(--choise-pageBgPositionSp);
				background-size: cover;
	}
}
/*-- web font --------------------------------------------*/
/*------ Japanese -----------------------------------------*/
.googleWebFontJp {
	font-family: HiraKakuProN-W3, 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', 'MS Gothic', 'ＭＳ ゴシック', sans-serif;
	}
/*------ english -----------------------------------------*/
.googleWebFontEn {
	font-family: 'Roboto', sans-serif;
	}

/*------ output noput -----------------------------------------*/
@media screen and (min-width:641px){
	.spNone{
		display:none;
	}
}
@media screen and (max-width:640px){
	.pcNone{
		display:none;
	}
}

#pageBg2 {
	position: var(--parts-bodyBgImage2PositionPc);
	width: 100%;
	height: var(--parts-bodyBgImage2HeightPc);
	background-image: var(--parts-bodyBgImage2Pc);
	z-index: 0;
	top: 0;
	left: 0;
			background-repeat:var(--choise-pageBg2Repeat);
				background-position:var(--choise-pageBg2Position);
		background-size: unset;
}
body.sp #pageBg2{
	position:var(--parts-bodyBgImage2PositionSp);
	background-image:var(--parts-bodyBgImage2Sp);
	height:var(--parts-bodyBgImage2HeightSp);
			background-repeat:var(--choise-pageBg2RepeatSp);
				background-position:var(--choise-pageBg2PositionSp);
		background-size: unset;
}
@media screen and (max-width: 640px) {
	#pageBg2{
		position:var(--parts-bodyBgImage2PositionSp);
		background-image:var(--parts-bodyBgImage2Sp);
		height:var(--parts-bodyBgImage2HeightSp);
					background-repeat:var(--choise-pageBg2RepeatSp);
							background-position:var(--choise-pageBg2PositionSp);
				background-size: unset;
	}
}
/*------ contents bg -----------------------------------------*/
body:not(#indexBody) main {
		background-image: var(--parts-contentsBgImagePc);
	background-size: var(--parts-contentsBgSizePc, none);
	background-repeat: var(--parts-contentsBgRepeatPc, none);
	background-position: var(--parts-contentsBgPositionPc, none);
}
body.sp:not(#indexBody) main {
	background-image:var(--parts-contentsBgImageSp);
	background-size: var(--parts-contentsBgSizeSp, none);
	background-repeat: var(--parts-contentsBgRepeatSp, none);
	background-position: var(--parts-contentsBgPositionSp, none);
}
@media screen and (max-width: 640px) {
	body:not(#indexBody) main {
		background-image:var(--parts-contentsBgImageSp);
		background-size: var(--parts-contentsBgSizeSp, none);
		background-repeat: var(--parts-contentsBgRepeatSp, none);
		background-position: var(--parts-contentsBgPositionSp, none);
	}
}
main{
	position:relative;
	z-index:2;
}
/*-- a -----------------------------------*/
a {
	margin:0px;
	padding:0px;
	border:0px;
	vertical-align:baseline;
	background:transparent;
	color:#ffffff;
	text-decoration:none;
	outline:none;
}
a:hover {
	opacity: .6;
}
*.active a:hover,
.mainMenuLogoWrap a:hover,
.logoWrap a:hover{
	opacity: 1;
}
#blockSlider .sliderTypeFade a:hover img,
.sliderTypeFade a:hover ,
a.isImageNoChange:hover {
	opacity: 1;
}
.sliderTypeFade a img{
	transition:0.3s;
}
.sliderTypeFade a:hover {
	position:relative;
}
.sliderTypeFade a:hover:after {
	position:absolute;
	display:block;
	content:'';
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:rgba(255,255,255,.2);
	z-index:1;
}
a:active {
	opacity: 1;
}
button{
	outline:none;
}
/*-- pointer -----------------------------------*/
.pointerEventsNone{
	pointer-events:none;
}

/*-- header -----------------------------------*/
header {
	color:#FFFFFF;
	padding-top: 0.1px;
}
@media screen and (min-width:641px){
	header {
		min-height:0;
	}
}
@media screen and (max-width:640px){
	header {
		min-height:72;
	}
}

h1 {
	/*min-height:35px;*/
	padding-top:5px;
	width:var(--contents-width);
	text-align:center;
	color:#FFFFFF;
	margin:0 auto;
	/*
		background-image:url(/upFu8/1004152/official/officialConf/partsresponsive/img/headerBg.webp);
	background-size:auto;
	background-repeat:no-repeat;
	background-position:center top;
		*/
}

header .headerText {
	display:block;
	padding-bottom:5px;
	text-align:center;
	font-size:12px;
}
header .headerText span {
	display:inline-block;
	padding:0px 3px;
}
header .headerLogo {
	display:block;
	padding-bottom:5px;
		text-align:center;
	}
header .headerLogo img {
	max-width:240px;
}
select,
input:not([type=submit]),
textarea{
	padding:8px;
	font-family:HiraKakuProN-W3, 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', 'MS Gothic', 'ＭＳ ゴシック', sans-serif !important;
	font-weight:normal !important;
}
/*-- css marquee 文字列幅超過用 -----------------------------------*/
.css-marquee ,
.css-marquee-col2 {
	overflow: hidden;
	padding: 0px;
}
.css-marquee p ,
.css-marquee-col2 p {
	display: inline-block;
	margin: 0;
	white-space:nowrap;
}
.css-marquee:not(h1) p.on ,
.css-marquee-col2 p.on {
	/*-webkit-animation: css-marquee cubic-bezier(0.4, 0, 1, 1) 6s infinite;*/
	animation: css-marquee cubic-bezier(0.4, 0, 1, 1) 6s infinite;
	color: revert;
}
h1.css-marquee p.on{
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-play-state: running;
	animation-name: css-marquee-h1;
	animation-timeline: auto;
	animation-range-start: normal;
	animation-range-end: normal;
	color: revert;
	padding-left:100%;
}
@media screen and (max-width: 640px) {
	.css-marquee-sp {
		overflow: hidden;
		padding: 0px;
	}
	.css-marquee-sp p {
		display: inline-block;
		margin: 0;
		white-space:nowrap;
	}
	.css-marquee-sp p.on {
		-webkit-animation: css-marquee cubic-bezier(0.4, 0, 1, 1) 6s infinite;
		animation: css-marquee cubic-bezier(0.4, 0, 1, 1) 6s infinite;
	}
}

@-webkit-keyframes css-marquee {
	0% { -webkit-transform: translate(90%);}
	100% { -webkit-transform: translate(-100%);}
}
@keyframes css-marquee {
	0% { transform: translate(90%);}
	100% { transform: translate(-100%);}
}
@keyframes css-marquee-h1{
	0% { transform: translate(0%);}
	100% { transform: translate(-100%);}
}
/*-- 3点リーダー 文字列幅超過用 -----------------------------------*/
.threePointReader{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}

/*-- contents -----------------------------------*/
/*------title -----------------------------------*/
.fdc_contentsTitle {
	text-align:center;
			background-color:rgba(0,0,0, 1);
				background-image:url(../img/commonBlockTitleBg.jpg);
		background-repeat: repeat;
		background-position: center top;
		background-size: unset;
		
			border-color:#FAA3D5;
				border-width:0px;
		box-sizing: border-box;
	border-style: solid;
}
.contentsTitleTop{
	line-height: 1.1;
	min-height: 80px;
	/*padding-top: 20px;*/
	border-radius: 0px 0px 0 0;
}
@media screen and (max-width: 640px) {
	.contentsTitleTop{
		min-height: 80px;
	}
}
.fdc_contentsTitle em {
	color:#FFFFFF;
	display: inline-block;
	vertical-align: top;
	line-height: 1;
	position: relative;
}
.fdc_contentsTitle em:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
		color: #FFFFFF;
}
.contentsSection > div{
	margin:0 auto;
}

/*------ main -----------------------------------*/
#rate .fdc_contentsAllWrap{
	/*background-color: #000000;*/
		}
#rate .fdc_contentsAllWrap .fdc_contentsWrap{
	border:none;
	padding:0px 10px 0 10px;
}
#blockItemRanking .fdc_contentsAllWrap{
	background-color: rgba(0,0,0, 0.5);
	/*background-color: #000000;*/
			border-color:#FAA3D5;
				border-width:0px;
		border-style:solid;
	box-sizing: border-box;
		/*overflow:hidden;*/
	position:relative;
}
#blockItemRanking .fdc_contentsAllWrap .fdc_contentsWrap{
	border:none;
	background-color:unset;
}
#rate .fdc_contentsAllWrap .fdc_contentsWrap[id^=rate_]{
	padding:0px;
}
.fdc_contentsWrap {
	background-color: rgba(0,0,0, 0.5);
	/*background-color: #000000;*/
			border-color:#FAA3D5;
				border-width:0px;
		border-style:solid;
	padding:10px;
	box-sizing: border-box;
		/*overflow:hidden;*/
	position:relative;
}
.fdc_contentsWrap:last-child,
#blockItemRanking .fdc_contentsAllWrap,
#blockRate .fdc_contentsAllWrap {
	border-radius: 0px 0px 0px 0px;
}
#rate #businessManageCourseList,
#rate #businessManageExtendList,
#rate #businessManageNominateList,
#rate #businessManageEntryPriceList,
#rate #businessManageTravelCostList{
	padding:1px;
}




/*------ wysiwyg initial -----------------------------------*/
.editorHtml {
	/*line-height: 1.4em;*/
	line-height: initial;
	text-align:left;
}
.editorHtml *[dir=rtl]{
	text-align:right;
}
/*
.editorHtml ol,
.editorHtml ol li {
	list-style-type: decimal;
}
*/
.editorHtml ul,
.editorHtml ul li {
	list-style-type: disc;
}
.editorHtml ol,
.editorHtml ul {
	margin: 0.5em 0.5em 0.5em 2em;
}
.editorHtml u {
	text-decoration: underline;
}
.editorHtml em{
	font-style:italic;
}
.editorHtml a{
	text-decoration:underline;
}
.editorHtml table{
	/*border-collapse: collapse;*/
}
.editorHtml th,
.editorHtml td{
	/*border-width:1px;*/
}
.editorHtml caption,
.editorHtml th{
	text-align:center;
	font-weight:bold;
}

.editorHtml#rateCustomHtml {
	line-height: 1.6;
	font-size:13px;
}
.editorHtml#rateCustomHtml h1,
.editorHtml#rateCustomHtml h2,
.editorHtml#rateCustomHtml h3,
.editorHtml#rateCustomHtml h4,
.editorHtml#rateCustomHtml h5,
.editorHtml#rateCustomHtml h6{
	display: block;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
.editorHtml#rateCustomHtml h1{
	font-size: 2em;
}
.editorHtml#rateCustomHtml h2{
	font-size: 1.5em;
}
.editorHtml#rateCustomHtml h3{
	font-size: 1.17em;
}
.editorHtml#rateCustomHtml h4{
	font-size: 13px;
}
.editorHtml#rateCustomHtml h5{
	font-size: 0.83em;
}
.editorHtml#rateCustomHtml h6{
	font-size: 0.67em;
}
.editorHtml#rateCustomHtml p {
	display: block;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
.editorHtml#rateCustomHtml th,
.editorHtml#rateCustomHtml td{
	border: 1px solid #ccc;
	padding: 10px;
	font-weight: normal;
	text-align: left;
}
.editorHtml#rateCustomHtml .marker{
	background-color: Yellow;
}
.editorHtml#rateCustomHtml var{
	font-style:italic;
}
.editorHtml#rateCustomHtml del{
    text-decoration: line-through;
}
.editorHtml#rateCustomHtml cite{
    font-style: italic;
}
.editorHtml#rateCustomHtml pre{
    tab-size: 4;
	white-space: pre-wrap;
	word-wrap: break-word;
	margin: 1em 0px;
}
.editorHtml blockquote {
	display: block;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 40px;
	margin-inline-end: 40px;
	border-width:0px;
	border-left-width: 5px;
	font-style: italic;
	font-family: Georgia, Times, "Times New Roman", serif;
	padding: 2px 8px 2px 20px;
	border-style: solid;
	border-color: #ccc;
}
.editorHtml hr {
	border: 0px;
	border-top: 1px solid #ccc;
}
.editorHtml a[name]:not([href]) {
	text-decoration:none;
	color:initial;
	pointer-events:none;
}
.editorHtml del {
	text-decoration: line-through;
}
.editorHtml cite {
	font-style: italic;
}
/*-- btn -------------------------------------------*/
.btn{
					background-color:#6000FB;
					color:#EDFF12;
}

/*------ 下層ページ ---------------------------------------------*/
.btnReturnTop {
	background-color:var(--parts-btnBgColor);
	color:var(--parts-btnTextColor);
	border:2px solid var(--parts-btnTextColor);
	border-radius: 6px;
	width: 180px;
	height: 40px;
	font-size: 14px;
	line-height: 18px;
	padding: 15px 0 0 0;
	position: relative;
	display: inline-block;
	vertical-align: top;
	transition: 0.2s ease-in-out;
	box-sizing: border-box;
}
.btnReturnTop:after {
	content: "";
	display: block;
	clear: both;
	position: absolute;
	top: 9px;
	left: 50%;
	margin-left: -4px;
	width: 6px;
	height: 6px;
	border-top-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-left-style: solid;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btnReturnTop:hover {
	border-radius: 45px;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.btnPcReturnTop{
	background-color:var(--parts-btnBgColor);
	color:var(--parts-btnTextColor);
}
.btnToItem{
	background-color:var(--parts-btnBgColor);
	color:var(--parts-btnTextColor);
	padding:15px 20px;
	box-sizing:border-box;
	border-radius:4px;
	display:inline-block;
}
.btnToItem:hover{
	text-decoration:none;
}
.btnToPhotoMailDiary{
	background-color:var(--parts-btnBgColor);
	color:var(--parts-btnTextColor);
	padding:5px 10px;
	box-sizing:border-box;
	border-radius:4px;
}
.btnToPhotoMailDiary:hover{
	text-decoration:none;
}
.btnFooterTel {
	background-color:var(--parts-btnBgColor);
	color:var(--parts-btnTextColor);
}
.btnFooterSpFixReturnTop {
		background-color:#757575;
			color:#ffffff;
	}
.btnSubmit{
	background-color:var(--parts-btnBgColor);
	color:var(--parts-btnTextColor);
	width:100px;
	border:0px;
	padding:6px 10px;
	border-radius:4px;
}
.btnDelete{
	background-color:var(--parts-btnBgColor);
	color:var(--parts-btnTextColor);
	width:100px;
	border:0px;
	padding:6px 10px;
	border-radius:4px;
}
.btnToSchedule{
	background-color:var(--parts-btnBgColor);
	color:var(--parts-btnTextColor);
	display:block;
	width:100%;
	max-width:250px;
	margin:10px auto;
	padding:10px 20px;
	border-radius:4px;
	box-sizing: border-box;
}
.btnToItemList{
	background-color:var(--parts-btnBgColor);
	color:var(--parts-btnTextColor);
	display:block;
	width:100%;
	max-width:250px;
	margin:10px auto;
	padding:10px 20px;
	border-radius:4px;
}
.btnToGravure{
	background-color:var(--parts-btnBgColor);
	color:var(--parts-btnTextColor);
	padding:5px 10px;
	box-sizing:border-box;
	border-radius:4px;
	display:inline-block;
}
.btnToGravure:hover{
	text-decoration:none;
}
.btnScheduleDay{
	background-color:var(--parts-btnBgColor);
	color:var(--parts-btnTextColor);
}
.btnToItemRanking{
	background-color:var(--parts-btnBgColor);
	color:var(--parts-btnTextColor);
	padding:5px 10px;
	box-sizing:border-box;
	border-radius:4px;
}
.btnToItemRanking:hover{
	text-decoration:none;
}
.btnToItemRankingList{
	background-color:var(--parts-btnBgColor);
	color:var(--parts-btnTextColor);
	display: block;
    width: 100%;
    max-width: 250px;
    margin: 10px auto;
    padding: 10px 20px;
    border-radius: 4px;
    box-sizing: border-box;
}
.btnToItemRankingList:hover{
	text-decoration:none;
}


#scheduleBody .btnScheduleDay.active:hover,
#scheduleBody .btnScheduleDay.active:visited,
#scheduleBody .btnScheduleDay.active:focus,
#scheduleBody .btnScheduleDay.active:active,
#scheduleBody .btnScheduleDay.active{
	background-color:# !important;
	color:#000000 !important;
	opacity:1 !important;
}
#scheduleBody .btnScheduleDay.active:after{
    color:#;
	opacity:1 !important;
}
#scheduleAllBody .btnScheduleDay.active:hover,
#scheduleAllBody .btnScheduleDay.active:visited,
#scheduleAllBody .btnScheduleDay.active:focus,
#scheduleAllBody .btnScheduleDay.active:active,
#scheduleAllBody .btnScheduleDay.active{
	background-color:#FF60B4 !important;
	color:#FFFFFF !important;
	opacity:1 !important;
}
#scheduleAllBody .btnScheduleDay.active:after{
    color:#FF60B4;
	opacity:1 !important;
}
.btnToGmap{
	background-color:var(--parts-btnAccessBgColor);
			font-size:16px;
				color:#FFFFFF;
		display:block;
	width:100%;
	max-width:250px;
	margin:10px auto;
	padding:10px 20px;
	border-radius:4px;
	box-sizing:border-box;
}
.btnToGmapPc{
	display:block;
}
.btnToGmapSp{
	display:none;
}
.btnWeek:not(.active){
	background-color:transparent;
	color:#FF54A4;
	text-decoration:underline;
}
.btnWeek.active{
	padding: 3px 5px;
	border-radius: 4px;
}
.btnToItemReviewList{
	background-color:#6000FB;
			font-size:16px;
		color:#EDFF12;
	display:inline-block;
	margin:10px auto;
	padding:10px 20px;
	border-radius:4px;
}
.btnToItemReviewList i{
	margin-left:5px;
}
.btnToPhotoMailDiaryList,
.btnToWriteReview{
	background-color:#6000FB;
			font-size:16px;
		color:#EDFF12;
	display:inline-block;
	margin:10px auto;
	padding:10px 20px;
	border-radius:4px;
}
.btnToWriteReview i{
	margin-left:5px;
}
.btnToReviewList{
	background-color:var(--parts-btnBgColor);
	color:var(--parts-btnTextColor);
			font-size:16px;
		display:inline-block;
	margin:10px auto;
	padding:10px 20px;
	border-radius:4px;
	box-sizing:border-box;
	max-width:250px;
}
.btnToReserve{
	background-color:var(--parts-btnBgColor);
	color:var(--parts-btnTextColor);
	display:block;
	width:100%;
	max-width:250px;
	margin:0px auto;
	padding:10px 20px;
	border-radius:4px;
}
.btnSearchWrapOpen {
    display: inline-block;
	background-color:var(--parts-btnBgColor);
	color:var(--parts-btnTextColor);
	/*margin:10px auto;*/
	padding:10px 20px;
	border-radius:4px;
}
.btnSearchWrapOpen:hover {
	text-decoration:none;
}
.btnSearchWrapClose {
    display: inline-block;
	background-color:var(--parts-btnSearchBgColor);
	color:var(--parts-btnSearchTextColor);
	padding:10px 20px;
	border-radius:4px;
	width:90px;
	text-align:center;
}
.btnSearchWrapClose:hover {
	text-decoration:none;
}
.btnSearch {
    display: inline-block;
	background-color:var(--parts-btnSearchBgColor);
	color:var(--parts-btnSearchTextColor);
	padding:5px 20px !important;
	border-radius:4px;
	border:0px;
}
.btnReset {
    display: inline-block;
	background-color:var(--parts-btnSearchBgColor);
	color:var(--parts-btnSearchTextColor);
	padding:5px 5px !important;
	border-radius:4px;
	border:0px;
}

/*-- icon ------------------------------------------------------*/
/*------ common --------------------------------------*/
.iconWrap{
    padding:3px 0;
	display:flex;
	justify-content:center;
	flex-wrap: wrap;
	align-items: center;
}
.iconWrap:empty{
	padding:0;
}
.iconWrap .icon{
	display:inline-block;
	padding:2px 10px;
	border-radius: 6px;
	margin:2px;
	white-space:nowrap;
	font-size: 16px;
}
img.blogIconImage {
	max-width: 100%;
	width: auto;
	}
/* iconをキャスト枠に被せる表示 */
.iconPosition {
	position:absolute;
	display:block;
	z-index:2;
	width:100%;
	height:100%;
	pointer-events:none;
	top:0;
	left:0;
}
.iconPosition > .icon{
	display:inline-block;
	padding:2px 10px;
	border-radius: 6px;
	margin:auto;
	white-space:nowrap;
	position:absolute;
	font-size: 16px;
	line-height:1;
	z-index:1;
}
/*------ icon 新人 --------------------------------------*/
.newFaceIcon{
	background-color:#FFFFFF;
	color:#333333;
	border:1px solid #AAAAAA;
}
/*------ icon 新人 三角帯 --------------------------------------*/
.newFaceIcon.triangle{
	border: 0px;
	border-radius: 0;
	position: absolute;
	width: 0;
	height: 0px;
	padding: 0;
	margin: 0;
	background-color: transparent;
	border-style: solid;
	top: 0px !important;
	left: 0px !important;
	transform: unset !important;
}
.newFaceIcon.triangle > span{
	position: absolute;
	transform: translate(-50%, -50%) rotate(-45deg);
}
/*------ icon 本日出勤 --------------------------------------*/
.todayWorkIcon{
	background-color:#FFFFFF;
	color:#333333;
	border:1px solid #AAAAAA;
}
/*------ icon すぐ姫 --------------------------------------*/
.suguHimeIcon{
	background-color:#FFFFFF;
	color:#333333;
	border:1px solid #AAAAAA;
}
/*------ icon 動画出勤 --------------------------------------*/
.movieIcon{
	background-color:#FFFFFF;
	color:#333333;
	border:1px solid #AAAAAA;
}
/*------ icon 写メ日記 --------------------------------------*/
.photoMailDiaryIcon{
	background-color:#FFFFFF;
	color:#333333;
	border:1px solid #AAAAAA;
}
/*------ icon X (旧twitter) --------------------------------------*/
.textTwitterIcon{
	background-color:#000000;
	color:#FFFFFF;
	border:1px solid #000000;
}
/*------ icon コースアイコン --------------------------------------*/
.shopCourseIconWrap{
	max-width:100%;
	margin:0 auto;
}
.shopCourseIconWrap .shopCourseIcon{
	padding:5px;
	box-sizing:border-box;
}
.shopCourseIconWrap img{
	max-width:200px;
}
.courseTitle {
	padding: 10px;
	width: 95%;
	margin: 0 auto 20px auto;
}
/*------ icon 出勤アイコン --------------------------------------*/
.scheduleIconWrap {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
	margin: 0 auto;
		text-align:left;
		}
.scheduleIconWrap.overCastImage{
   padding-bottom: 0px;
}

#blockSuguhime .scheduleIconWrap ,
#blockRealTime .scheduleIconWrap ,
#blockTodaySchedule .scheduleIconWrap,
#blockPickUp .scheduleIconWrap {
	padding-top: 0px;
	/*width:calc(100% - 10px);*/
	width:100%;
	margin:0 auto;
}
.scheduleIconWrap img{
		margin:0 auto 0 0 !important;
	}
.scheduleIconWrap .scheduleIcon .text{
    border:1px solid;
	border-radius:6px;
    padding:5px;
    display:inline-block;
    line-height:100%;
    font-size:12px;
}
.scheduleIconWrap.noText {
	padding:0px;
	height:0px;
}
.scheduleIconWrap.noText .scheduleIcon .text{
	border:1px solid transparent;
	padding:0px;
	font-size: 0px;
	line-height: 0px;
}
@media screen and (max-width: 640px) {
	.scheduleIconWrap {
		max-width: 200px;
	}
}

/*------ list icon social media --------------------------------------*/
.socialMedia {
		padding:3px 0px;
		gap: 0px 3px;
}
.socialMedia .icon {
	margin-left: 0px;
	margin-right: 0px;
	}
/*------ icon X (旧twitter)Icon --------------------------------------*/
.twitterIcon{
	color: #EEE;
	background-color: #000;
	border: 1px solid #FFF;
	background-image: url(/r/img/design/icon/official_twitterIcon_wh_alpha.png);
	background-position: left 5px center;
	background-size: auto 16px;
	background-repeat: no-repeat;
	padding-left:21px !important;
}
.twitterIconWrap{
    padding:0px 0px;
}
.twitterIconWrap img{
	width:auto;
	max-width:100%;
	}
/*------ blogアイコン --------------------------------------*/
.blogIcon{
	color: #FFFFFF;
	background-color:#FF178F;
	border: 1px solid #FFFFFF;
	max-height: 16px;
}
.blogIcon i {
	bottom: 1px;
	position: relative;
}
/*------ 特徴アイコン --------------------------------------*/
.itemAttributeWrap .itemAttribute.itemAttributeDisplayMode0{
	display:inline-block;
	margin-right:10px;
	position:relative;
	color:#555555;
	font-size:11px;
	width:65px;
	height:18px;
	margin-right:0px;
	margin-bottom:0px;
	text-align:center;
}
.itemAttributeWrap .itemAttribute.itemAttributeDisplayMode0:after{
	position:absolute;
	display:block;
			content:'';
		color:#999999;
		top:-1px;
	right:-5px;
	width:1px;
	height:8px;
	line-height:100%;
}
.itemAttributeWrap .itemAttribute.itemAttributeDisplayMode0:nth-child(n +2){
	padding-left: 5px;
}
.itemAttributeWrap .itemAttribute.itemAttributeDisplayMode0:last-child{
	margin-right:0px;
}
.itemAttributeWrap .itemAttribute.itemAttributeDisplayMode0last-child:after{
	content:'';
}

.itemAttributeWrap .itemAttribute.itemAttributeDisplayModeR{
	line-height:100%;
	font-size:11px;
	color:#555555;
	background-color:#FFFFFF;
	border:1px solid #AAAAAA;
	border-radius:4px;
	padding:2px 6px;
	box-sizing:border-box;
	display:inline-block;
}
.img .itemAttributeWrap .itemAttribute.itemAttributeDisplayModeR{
	margin:0px 5px 5px 5px;
}
.shortProfWrap .itemAttributeWrap .itemAttribute.itemAttributeDisplayModeR,
.shortProfWrap ~ .itemAttributeWrap .itemAttribute.itemAttributeDisplayModeR{
		margin:0px 5px 5px 5px;
	}
/*-- link list ----------------------------------------------*/
.linkListWrap {
		width:90%;
	max-width:1124px;
		/*margin:0px auto;*/
	line-height:120%;
}
#indexBody .linkListWrap > div,
#mainBody .linkListWrap > div,
#linkBody .linkListWrap > div > div,
#linkBody .ourSite .linkListWrap > div{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#indexBody .linkListWrap > div > div,
#mainBody .linkListWrap > div > div,
#linkBody .linkListWrap > div > div > div,
#linkBody .ourSite .linkListWrap > div > div{
	margin:0 auto 5px auto;
	padding: 5px;
	box-sizing: border-box;
}
@media screen and (min-width:641px){
	#mainBody [class*=displayType]{
				width:calc(100% / 1);	
			}
}
@media screen and (max-width:640px){
	#mainBody [class*=displayType]{
				width:calc(100% / 1);	
			}
}
.linkListWrap div a{
	display:inline-block;
}
#indexBody .linkListWrap div a{
	color:#FF54A4;
}
#mainBody .linkListWrap div a{
	color:#ffffff;
}
.linkListWrap div a:hover{
	text-decoration:none;
}
.linkListWrap div img{
	/*width: auto !important;*/
	height: auto !important;
	max-width: 100%;
	max-height: 100%;
}
.linkListWrap table {
	margin:0 auto;
}
.linkListWrap td {
	line-height:0%;
}

/*------ shop pr ---------------------------------------------*/
/*#blockShopPr{
	margin-bottom:40px;
}*/
#blockShopPr .contentsTitleTop{
	/*
	text-align:var(--block-shopPrTextAlign);
	padding:var(--block-shopPrPadding);
	*/
	font-size:13px;
	color:#EEFF00;
	text-shadow:#6E00FA 0px -1px 1px;
			background-color:rgba(110,0,250, 0);
		background-image:url(/img/design/texture/texture_1_alpha.png);
	background-repeat:repeat-x;
	background-size: contain;
			border-color:#F52CF5;
				border-width:0px;
		box-sizing: border-box;
	border-style: solid;
	border-radius: 10px 10px 0 0;
}
#blockShopPr .textBlock {
	margin: 0 auto 0px auto;
	padding: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color:#FFFFFF;
	background-color:rgba(0,0,0,0.5);
			border-color:#F52CF5;
				border-width:0px;
		border-style:solid;
	box-sizing: border-box;
		overflow:hidden;
			border-radius: 10px 10px 10px 10px;
	}

#blockShopPr .catchCopy{
	background-color:rgba(110,0,250,1);
	color:#EEFF00;
	line-height:1.2;
	max-width: 100%;
	padding: 12px 12px 12px 12px;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
}
#blockShopPr .textBlock p {
	font-size: 16px;
	line-height: 1.6;
}
@media screen and (min-width: 641px) {
	#blockShopPr .catchCopy{
		text-align:center;
	}
	#blockShopPr .textBlock {
									text-align:center;
	}
	#blockShopPr .textBlock p {
		display:inline-block;
		text-align:center;
	}
}
@media screen and (max-width: 640px) {
	#blockShopPr .catchCopy{
		font-size:18px;
		line-height:1.2;
		text-align:;
	}
	#blockShopPr .textBlock {
		width: auto;
		margin: 0 0 0 0;
		padding: 20px;
	}
	#blockShopPr .textBlock p {
		font-size:16px;
		line-height:1.6;
		text-align:center;
	}
}
/*-- footer -----------------------------------------------*/
#pageTop {
	padding: 10px 0;
}
footer {
	width: 100%;
	margin: 0;
	clear: left;
	text-align: center;
			border-top-width: 1px;
		border-top-style: solid;
		border-color:rgb(255 255 255);
				color:#FFFFFF;
		background-color:rgba(0,0,0,1);
}
#footer {
	width: 100%;
	padding: 30px 0 30px 0;
	position: relative;
	z-index:2;
}
#footer a:not(.btnReturnTop){
			color:#FFFFFF;
	}
#copyRight {
	font-size: 10px;
	line-height: 16px;
}
#copyRight > span{
	display:inline-block;
}



/*-- table --------------------------------------------------------*/
.table{
	display:table;
	width:100%;
}
.table > div{
	display:table-row;
}
.table > div > div{
	display:table-cell;
	padding:5px;
}

/*-- header menu -----------------------------------*/
#fdc_headerMenu {
}
#fdc_headerMenu tr {
	background-color:#000000;
	background-image:url(/img/design/texture/texture_707_alpha.png);
	background-size:100% 100%;
}
#fdc_headerMenu table {
	width:100%;
	margin: 0 auto;
}
#fdc_headerMenu td {
}
#fdc_headerMenu td a {
	display:block;
	text-align:center;
}
#fdc_headerMenu td img {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:60px;
}
#fdc_headerMenu tr td {
	vertical-align:bottom;
}
#fdc_headerMenu tr td a {
	position:relative;
	display:block;
}
#fdc_headerMenu tr td p {
	position:absolute;
	overflow:hidden;
	bottom: 0;
	left: 0;
	right: 0;
	margin:0 auto 4px;
	padding: 1px 4px;
	opacity:0.6;
	font-size:10.5px;
	font-weight:bold;
	line-height:1.2;
	text-align:center;
	white-space: nowrap;
	color:#CCCCCC;
}

#fdc_headerMenu td.blankCell {
	text-align:center;
}

#fdc_headLine {
	margin-bottom:8px;
	padding:4px 3px 4px 8px;
	background-color:#F52CF5;
	background-image:url(/img/design/texture/texture_1_alpha.png);
	background-size:26px 26px;
	background-repeat:repeat-x;
}
#fdc_headLine p {
	line-height:18px;
	text-align:center;
	font-size:14px;
	color:#FFFFFF;
	text-shadow:#F52CF5 0px -1px 1px;
}

/*-- background ---------*/
#indexBody {
	/*background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
	-webkit-background-size: cover;
	background-size: cover;*/
}
#shopinfo .sibt .stel:before,
#shopinfo .sibt .stel:after,
#sp_shopinfo .sibt .stel:before,
#sp_shopinfo .sibt .stel:after {
	border-color: #333333;
}

.responsiveBg1 {
	width:100%;
	margin:0 auto;
}
	#pageTitleContents {
	position:relative;
	z-index:1;
	display: block;
	box-sizing: border-box;
	margin: 0 auto;
	/*width: var(--contents-width, 1120px);*/
			width:1120px;
		text-align:var(--parts-pageTitleAlignPc);
}
@media screen and (min-width: 641px) {
	#pageTitleContents {
		padding:var(--parts-pageTitleLinePaddingPc, unset);
	}
	#pageTitleContents.isImagePageTitle {
		padding:0 0px 0 0px;
	}
}
@media screen and (max-width: 640px) {
	#pageTitleContents {
		padding:var(--parts-pageTitleLinePaddingSp, unset);
		text-align:var(--parts-pageTitleAlignSp);
	}
}
#pageTitleContents.isImagePageTitle {
	text-align:var(--parts-pageTitletAlign);
}
@media screen and (max-width: 640px) {
	#pageTitleContents.isImagePageTitle {
		text-align:var(--parts-pageTitletAlign);
		padding:0 0px 10px 0px;
	}
}
#contents.responsiveBg1 {
	background-color: rgba(255, 255, 255, 0)
}
#mainBody #contents > .responsiveBg1:nth-of-type(odd),
#contents > div > .responsiveBg1:nth-of-type(odd) {
	background-color: rgba(255, 255, 255, 0)
}

/*-- shopInfo -------------*/
#shopInfo{
	position:sticky;
	z-index:4;
		background-color: rgba(0,0,0,1);
	color:#FFFFFF;
	}
#shopInfo:after{
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	box-sizing: border-box;
	pointer-events: none;
}
@media screen and (min-width:641px){
	#shopInfo:after{
		border-top:0px solid rgba(245,44,245,1);
		border-bottom:0px solid rgba(245,44,245,1);
	}
}
@media screen and (max-width:640px){
	#shopInfo:after{
		border-top:0px solid rgba(245,44,245,1);
		border-bottom:0px solid rgba(245,44,245,1);
	}
}

#shopInfo a{
	color:#FFFFFF;
}
#shopInfo .shopOpen span:before,
#shopInfo .shopOpen span:after {
	background-color: #77312C;
}

#shopInfo .shopTel span:after {
	background-color: rgba(253, 211, 93, 1);
}




.spMainMenu{
	display:none;
}
.title .icon:before {
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #77312C;
}

ul#slideIcon li,
.bx-wrapper .bx-controls-direction a {
	color: #FFFFFF;
	background: rgba(245, 86, 118, 0.9);

}

.ok {
	color: #77312C;
	border-color: #77312C;
}

.bgWhite09 {
	background-color: rgba(255, 255, 255, 0.9);
}
.shortProfWrap a {
			color:#ffffff;
	}
/*
header{
	position:relative;
	z-index:6;
}
header.mainMenuLayoutType6{
	z-index:1001;
}
*/

body.sp:not(#indexBody):not(#mainBody) header.headerBgImage {
	/*height: 240px;*/
	box-sizing: border-box;
}
body:not(#mainBody) header.headerBgImage > .bgImg {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*clip-path: inset(0);*/
	z-index: -1;
}
body:not(#mainBody) header.headerBgImage > .bgImg:after {
	content: '';
	top: 0;
	left: 0;
	width: 100%;
}
@media screen and (min-width:641px){
	body:not(#mainBody) header.headerBgImage > .bgImg:after {
		position: absolute; /*パララックス時はfix */
		height: 100%; /*パララックス時はvh */
		/*background-image: var(--parts-headerBgImagePc, none);*/
		background-image: var(--parts-otherPageHeaderBgImagePc, none);
		background-size: var(--parts-otherHeaderBgSizePc, none);
		background-repeat: var(--parts-otherHeaderBgRepeatPc, none);
		background-position: var(--parts-otherHeaderBgPositionPc, none);
		background-color: var(--parts-otherHeaderBgColorPc, none);
	}
		}
@media screen and (max-width: 640px) {
	body:not(#indexBody):not(#mainBody) header.headerBgImage {
		/*height: 240px;*/
		box-sizing: border-box;
	}
	body:not(#indexBody):not(#mainBody) header.headerBgImage > .bgImg:after {
		position: absolute; /*パララックス時はfix */
		height: 100%; /*パララックス時はvh */
		background-image: var(--parts-otherHeaderBgImageSp, none);
		background-color: var(--parts-otherHeaderBgColorSp, none);
		background-size: var(--parts-otherHeaderBgSizeSp, none);
		background-repeat: var(--parts-otherHeaderBgRepeatSp, none);
		background-position: var(--parts-otherHeaderBgPositionSp, none);
	}
		}

header.headerBgImage {
	position:relative;
}
header.headerBgImage h1 {
	position:absolute;
	/*z-index:101;*/
	z-index:2;
}
header.headerBgImage:after /*,
header.headerBgImage:before */{
	position:absolute;
	content:'';
	display:block;
	width:100%;
	height:100%;
	top:0px;
	left:0;
}
/*
header.headerBgImage:before {
	background-repeat: no-repeat;
				background-position: center center;
	*//*
		*//*
	z-index:2;
	background-size:contain;
}
body.sp header.headerBgImage .bgImg:after {
	background-image: var(--parts-otherHeaderBgImageSpS, none);
	background-color: var(--parts-otherHeaderBgColorSp, none);
	background-size: var(--parts-otherHeaderBgSizeSp, none);
	background-repeat: var(--parts-otherHeaderBgRepeatSp, none);
	background-position: var(--parts-otherHeaderBgPositionSp, none);
}
@media screen and (max-width: 640px) {
	header.headerBgImage .bgImg:after {
		background-image: var(--parts-otherHeaderBgImageSpS, none);
		background-color: var(--parts-otherHeaderBgColorSp, none);
		background-size: var(--parts-otherHeaderBgSizeSp, none);
		background-repeat: var(--parts-otherHeaderBgRepeatSp, none);
		background-position: var(--parts-otherHeaderBgPositionSp, none);
	}
}
*/

/*
#indexBody header:before {
	position:absolute;
	display:block;
	content:'';
	width:100%;
	height:100%;
	top:30px;
	background-repeat: no-repeat;
		background-position: center center;
	background-size: contain;
}
*/
/** SP **/
/* 認証ページ不要な場合、切り分け処理を入れ、「:not(#indexBody)」を外す */

/*
body.sp:not(#indexBody):not(#mainBody){
	padding-top: var(--parts-miniLogoWrapHeightSp, 70px) !important;
}
@media screen and (max-width:640px){
	body:not(#indexBody):not(#mainBody){
		padding-top: var(--parts-miniLogoWrapHeightSp, 70px) !important;
	}
}*/
body.sp #mainBody #topimg {
	/*background: url(../img/tmp/sp_top_header_alpha.png) center center / cover no-repeat;*/
	background-size: cover;
	background-repeat: no-repeat;
						background-position:center center;
	-webkit-background-size: contain;
	background-size: contain;
	/*padding-top: calc((400 / 2) / 375 * 100%);*/
	/*height: calc(300px - 100px);*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body.sp #mainBody #ad_div + header + nav + #topimg {
	height: calc(300px - 135px);
}
/*
#mainBody.sp header.headerBgImage:before {
	background-repeat: no-repeat;
	background-position: var(--logo-spLogoAlign) top;
	background-size: auto var(--parts-miniLogoHeightSp, 45px);
	height: var(--parts-miniLogoHeightSp, 45px);
	margin-left:0px;
	background-image:url(/upFu8/1004152/official/officialConf/logoresponsive/img/logo1.png);
	z-index:2;
}
body.sp header.headerBgImage:before {
	*//*background-image: url();*//*
	background-image:url(/upFu8/1004152/official/officialConf/logoresponsive/img/logo1.png);
	top: var(--parts-miniLogoPaddingTopSp, 15px);
	height: var(--parts-miniLogoHeightSp, 45px);
	background-size: auto var(--parts-miniLogoHeightSp, 45px);
	background-position:var(--logo-spLogoAlign) top;
	margin-left:0px;
}
*/
@media screen and (min-width:641px){
	.spLogoS {
		display:none;
	}
}
@media screen and (max-width:640px){
	.spLogoS {
		position:absolute;
		width:100%;
		top: var(--parts-miniLogoPaddingTopSp, 15px);
		left:0;
		/*
		background-repeat: no-repeat;
		background-position: var(--logo-spLogoAlign) top;
		background-size: auto var(--parts-miniLogoHeightSp, 45px);
		*/
		height: var(--parts-miniLogoHeightSp, 45px);
		margin-left:0px;
		/*background-image:url(/upFu8/1004152/official/officialConf/logoresponsive/img/logo1.png);*/
		z-index:2;
		text-align:var(--logo-spLogoAlign);
	}
		#mainBody .spLogoS {
		display:none;
	}
	
	.spLogoS a{
		display:inline-block;
	}
	.spLogoS img{
		/*visibility:hidden;*/
		height: var(--parts-miniLogoHeightSp, 45px);
	}
}
#indexBody.sp #topimg {
	width: 100%;
	height: auto;
	position: relative;
	margin: 0 0 0 0;
	/*padding-top: calc((400 / 2) / (750 / 2) * 100%);*/
	padding-bottom: 0;
					background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}



.navBox {
	border-color:#FFFFFF;
}
.navBox span,
.navBox span:before,
.navBox span:after {
	border-color:#FFFFFF;
}

body.sp #mainBody #contents > .responsiveBg1:nth-of-type(odd),
body.sp #contents > div > .responsiveBg1:nth-of-type(odd) {
	background-color: rgba(255, 255, 255, 0.0)
}
body.sp .bgWhite09 {
	background-color: rgba(255, 255, 255, 0.9);
}
body.sp #shopInfo {
	z-index:2;
}
body.sp #shopInfo .shopTel span:after {
	background-color: rgba(253, 211, 93, 1);
}
body.sp #textlink {
	border-color: rgba(253, 211, 93, 0.9);
	background-color: rgba(255, 255, 255, 0.9);
}
body.sp #ad_div a {
	background-color: rgba(255, 183, 43, 1);
	border-bottom-color: rgba(253, 211, 93, 1) !important;
	color: #FFFFFF;
	box-shadow: 0 0 0 2px rgba(255, 183, 43, 1) inset, 0 0 0 4px rgba(255, 255, 255, 0.4) inset;
}
body.sp #ad_div a span {
	color: #FFFFFF;
}
body.sp #ad_div a span:after {
	border-bottom-color: rgba(255, 183, 43, 1);
}

@media screen and (max-width: 640px) {
	/** SP **/
	/* 認証ページ不要な場合、切り分け処理を入れ、「:not(#indexBody)」を外す */
	body:not(#indexBody){
		/*padding-bottom: 50px;*/
		/*padding-top: var(--parts-bodyPaddingTopSp, 70px) !important;*/
	}
	header.headerBgImage:before ,
	header.headerBgImage:after {
		top:0px;
	}
	/*
	header.headerBgImage:before {
		background-image:url(/upFu8/1004152/official/officialConf/logoresponsive/img/logo1.png);
		top: var(--parts-miniLogoPaddingTopSp, 15px);
	}
	#mainBody header.headerBgImage:before {
		background-repeat: no-repeat;
		background-position: center center;
		*//*background-image: url();*//*
		background-image:url(/upFu8/1004152/official/officialConf/logoresponsive/img/logo1.png);
		top: var(--parts-miniLogoPaddingTopSp, 15px);
		z-index:2;
	}
	*/
	#shopInfo {
		z-index:2;
	}
	#mainBody #topimg {
		background-size: cover;
		background-repeat: no-repeat;
									background-position:center center;
		-webkit-background-size: contain;
		background-size: contain;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#mainBody #topimg .logLargeSpWrap{
		display:inline-block;
		text-align:var(--logo-spLogoLargeAlign);
		margin-left:0px;
	}
	#mainBody #ad_div + header + nav + #topimg {
		height: calc(300px - 135px);
	}
	/*
	header.headerBgImage:before ,
	#mainBody header.headerBgImage:before {
		background-size: auto var(--parts-miniLogoHeightSp, 45px);
		background-position: var(--logo-spLogoAlign) top;
		height: var(--parts-miniLogoHeightSp, 45px);
		margin-left:0px;
	}
	*/
	#indexBody #topimg {
		width: 100%;
		height: auto;
		position: relative;
		margin: 0 0 0 0;
		padding-bottom: 0;
									background-position: top center;
		background-size: cover;
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
	}
	#mainBody #contents > .responsiveBg1:nth-of-type(odd),
	#contents > div > .responsiveBg1:nth-of-type(odd) {
		background-color: rgba(255, 255, 255, 0.0)
	}
	.bgWhite09 {
		background-color: rgba(255, 255, 255, 0.9);
	}
	#shopInfo .shopTel span:after {
		background-color: rgba(253, 211, 93, 1);
	}
	#textlink {
		border-color: rgba(253, 211, 93, 0.9);
		background-color: rgba(255, 255, 255, 0.9);
	}
	#ad_div a {
		background-color: rgba(255, 183, 43, 1);
		border-bottom-color: rgba(253, 211, 93, 1) !important;
		color: #FFFFFF;
		box-shadow: 0 0 0 2px rgba(255, 183, 43, 1) inset, 0 0 0 4px rgba(255, 255, 255, 0.4) inset;
	}
	#ad_div a span {
		color: #FFFFFF;
	}
	#ad_div a span:after {
		border-bottom-color: rgba(255, 183, 43, 1);
	}
	.btnToGmapPc{
		display:none;
	}
	.btnToGmapSp{
		display:block;
	}
}

.ctrlHeaderHeight{
	position: relative;
	height: 40px;
		background-color:rgba(0,0,0,1);
		margin-top:-30px;
}
#indexBody header + .ctrlHeaderHeight{
	margin-top:-40px;
}
body.sp .ctrlHeaderHeight {
	display: none;
}
@media screen and (max-width: 640px) {
	.ctrlHeaderHeight {
		display: none;
	}
}

/*-- logo image ------------------------------------*/
header .logo {
	margin: auto;
	max-width: 100%;
	height:auto;
}
#indexBody header .logo {
	max-width:100%;
	padding:100px 0 100px 0;
}
#indexBody.sp #topimg > span > .logo {
	max-width:80%;
	padding:50px 0 30px 0;
}
#mainBody header .logo {
	max-width:100%;
}
body:not(#indexBody):not(#mainBody) header .logo {
	max-width:70%;
}
header .logoWrap {
	margin: auto;
	position: relative;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:1;
					text-align:center;
	line-height:0px;
}
header .logoWrap a{
	display:block;
}
header .logoWrap.parts {
					text-align:center;
}
header .logoWrap > span{
	display:inline-block;
}
body:not(#indexBody) .logoWrap {
	max-width:100%;
	width:100%;
	max-height: 100%;
}
#topimg > span{
	display:block;
}
	/*
#topimg > span > .logo{
	width: auto;
	max-width: 100%;
	padding:170px 0 150px 0 ;
	height: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}
*/
body.sp:not(#indexBody):not(#mainBody) #topimg > span{
	display:none;
}

	body#mainBody.sp #topimg {
		display:none;
	}
	body#mainBody.sp {
		padding-top: 0px;
	}
	body#mainBody.sp header {
		height: auto !important;
		position: relative !important;
	}
	/*
	body#mainBody.sp h1 {
		position: absolute !important;
	}
	*/
		body#mainBody.sp header .logoWrap{
		display:block;
		text-align:var(--logo-spLogoLargeAlign);
		margin-left:-21px !important;
	}
	body#mainBody.sp header .logo {
		display:block;
		max-width:110%;
		/*
		padding:50px 0 20px 0;
		*/
					margin:0 auto 0 auto;
			}
	body#mainBody.sp header.headerBgImage {
		padding-bottom:0px;
	}
	body#mainBody.sp header.headerBgImage:before {
		background-image:none;
		top:0px;
		background-size:0px;
		height:0px;
	}
	body#mainBody.sp header.fixed + #shopInfo + nav {
		top: 0px !important;
	}
	body#mainBody.sp #navToggle {
		display: flex;
		align-items: flex-start;
		align-content: flex-start;
		justify-content: flex-end;
		width: 100%;
		height: 70px;
		background: url(../img/sp_nav.png) no-repeat top center;
		background-size: 100% 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		position: fixed;
		z-index: 10000;
		top: 0;
		right: 0;
	}
	/*
	body#mainBody.sp #navToggle[data-isnallowwindowmenu="2"] {
		position: absolute;
	}
	*/
	body#mainBody.sp #navToggle .closebt {
		right:200px;
		-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;
	}

@media screen and (max-width: 640px) {
	body:not(#indexBody) header .logo {
		display:none;
	}
	body:not(#indexBody) header .logoWrap {
		width:95%;
		display:none;
		text-align:var(--logo-spLogoLargeAlign);
		margin-left:0px !important;
	}
	#indexBody #topimg > span > .logo {
		max-width:80%;
		padding:50px 0 30px 0;
	}
	#topimg > span{
		position:relative;
	}
	body:not(#indexBody) #topimg > span{
		width:100%;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	body:not(#indexBody):not(#mainBody) #topimg{
		display:none;
	}
	#mainBody header .logoWrap{
		display:none;
	}
	#topimg .logo{
		width: auto;
		max-width: 100%;
	}
		body#mainBody #topimg {
		display:none;
	}
	body#mainBody {
		padding-top: 0px;
	}
	body#mainBody header {
		height: auto !important;
		position: relative !important;
	}
	/*
	body#mainBody h1 {
		position: absolute !important;
	}
	*/
	body#mainBody header .logo {
		display:block;
		max-width:100%;
		
					margin:0 auto 0 auto;
			}
	body#mainBody header .logoWrap {
					display:block;
			}
	body#mainBody header.headerBgImage {
		padding-bottom:0px;
	}
	/*
	body#mainBody header.headerBgImage:before {
		background-image:none;
		top:0px;
		background-size:0px;
		height:0px;
	}
	*/
	body#mainBody header.fixed + #shopInfo + nav {
		top: 0px !important;
	}
	body#mainBody #navToggle {
		position: fixed;
	}
	/*
	body#mainBody #navToggle[data-isnallowwindowmenu="2"] {
		position: absolute;
	}
	*/
	body#mainBody #navToggle .closebt {
		/*right:200px;*/
		-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;
	}
	}

/*-- headLine overwrites -------------------------------*/
#blockHeadLine .fdc_contentsWrap {
		padding:20px 0 20px 20px;
		overflow:hidden;
}
#headLineTextBlock {
	padding:0px;
	overflow:hidden;
		height:calc(16px * 1.2);
		line-height:1.2;
}
@media screen and (max-width:640px){
	#headLineTextBlock {
				height:calc(16px * 1.2);
			}
}


#headLineTextBlock .ticker{
	white-space:nowrap;
}
#headLineTextBlock .ticker:first-child {
	animation-timing-function: linear, linear, linear;
	animation-iteration-count: 1, 1, 1;
	animation-direction: normal, normal, normal;
	animation-fill-mode: forwards, forwards, forwards;
	animation-play-state: running, running, running;
	animation-timeline: auto;
	animation-range-start: normal;
}
	/* type1: scroll */
	#blockHeadLine .headLineScrollType1{
		overflow:hidden;
	}
	#blockHeadLine #headLineTextBlock.mqAnim_scroll {
		display: block;
		text-align: left;
		overflow: unset;
	}
	#headLineTextBlock.mqAnim_scroll .ticker {
		display: inline;
		padding-left: 100%;
		white-space: nowrap;
		box-sizing: border-box;
	}
	[data-windowkind=pcMain] #headLineTextBlock.mqAnim_scroll {
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		animation-name: ticAnime_pcMain;
	}
	[data-windowkind=pcOther] #headLineTextBlock.mqAnim_scroll {
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		animation-name: ticAnime_pcOther;
	}
	[data-windowkind=spMain] #headLineTextBlock.mqAnim_scroll {
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		animation-name: ticAnime_spMain;
	}
	[data-windowkind=spOther] #headLineTextBlock.mqAnim_scroll {
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		animation-name: ticAnime_spOther;
	}
	[data-windowkind=responsive] #headLineTextBlock.mqAnim_scroll {
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		animation-name: ticAnime_responsive;
	}
@keyframes fadeInAnime {
	0% { opacity: 0; }
	100% { opacity: 1; }
}


/*-- updateInfo overwrites -------------------------------*/
#blockUpdateInfo .fdc_contentsWrap {
	padding:20px 0 20px 20px;
}
#updateInfoTextBlock {
	padding:0px;
	overflow:hidden;
	text-align:left;
	height:20px;
	position:static;
}


/*-- free contents ----------------------*/
.official_freecontents_contents {
	position:relative;
	z-index:2;
}
/*---- banner ---------------------------------*/
.official_freecontents_contents.banner img{
	vertical-align:middle;
}


/*-- schedle icon title Label ----------------------*/
.scheduleIconTitle {
	width:100%;
	padding: 8px;
	font-size: 18px;
	margin-top:5px;
	margin-bottom:5px;
}
.scheduleIconTitle.cnt {
	margin-top:30px;
}

/*-- paging ----------------------*/
#pagingWrap{
	display:flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	font-size:18px;
	margin-bottom:20px;
}
#pagingWrap a{
	border:1px solid rgba(0,0,0.8);
	color:#666666;
	background-color:#FFFFFF;
	display:block;
	padding:5px 20px;
	box-sizing:border-box;
	border-radius:4px;
	position:relative;
}
#pagingWrap a.btnBefore {
	margin:0 10px 0 0;
}
#pagingWrap a.btnPrev {
	margin:0 0 0 10px;
}
#pagingWrap a:after{
	display:block;
    position:absolute;
    width:10px;
    height:10px;
    content:'';
    top:0;
    bottom:0;
    right:0;
    left:0;
    margin:auto;
    border-top:1px solid rgba(0,0,0.8);
    border-right:1px solid rgba(0,0,0.8);
}
#pagingWrap a.btnBefore:after{
	transform:rotate(-135deg);
	left:7px;
}
#pagingWrap a.btnPrev:after{
	transform:rotate(45deg);
	right:7px;
}
#pagingWrap a:hover{
	text-decoration:none;
	border:1px solid #848484;
	color:#848484;
}
#pagingWrap a.pointerEventsNone{
	opacity:0;
}
#pagingWrap .pageSelectWrap{
	background-color:#FFFFFF;
	border:1px solid rgba(0,0,0.8);
	border-radius:4px;
	box-sizing:border-box;
	position:relative;
	margin:0px;
	padding:0 30px 0 10px;
}
#pagingWrap .pageSelectWrap:after{
	display:block;
    position:absolute;
    width:8px;
    height:8px;
    content:'';
    top:7px;
    right:8px;
    margin:auto;
    border-top:1px solid rgba(0,0,0.8);
    border-right:1px solid rgba(0,0,0.8);
    transform:rotate(135deg);
    pointer-events:none;
}
#pagingWrap select{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	display:block;
	color:#666666;
	background-color:#FFFFFF;
	border:unset;
	cursor:pointer;
	max-width: unset;
	width:calc(100% + 30px);
	border-radius:4px;
}
#pagingWrap select option:checked{
	border:1px solid rgba(0,0,0.8);
	color:#FFFFFF;
	background-color:rgba(0,0,0.8);
}
body.sp #pagingWrap select{
	padding:5px 10px;
}
_::-webkit-full-page-media, _:future, :root body.sp #pagingWrap select{
	padding-left:unset;
	padding-right:unset;
	padding-top:unset;
	padding-bottom:unset;
}
_::-webkit-full-page-media, _:future, :root body.sp #pagingWrap .pageSelectWrap:after{
	top:9px;
}

.blockTitleImage {
	max-width: 100%;
	width: auto;
	max-height: 100%;
	height: auto;
}
#headLine .blockTitleImage {
	max-width:100%;
}
span.contentsTitleFlexWrap {
	display: inline-block;
}
.contentsTitleFlex {
	display: flex;
}
@media screen and (min-width: 641px) {
	.contentsTitleTop{
		/*
					text-align:center;
				*/
		padding:var(--block-commonContentsTitleTextPadding);
	}
	.contentsTitleFlex{
		flex-direction: var(--parts-commonContentsTitletDirection);
		justify-content: var(--parts-commonContentsTitleJustifyPc);
		align-items: var(--parts-commonContentsTitleVerticalAlignPc,unset);
		text-align:var(--parts-commonContentsTitleAlignPc);
	}
		.contentsTitleTop{
		text-align:var(--parts-commonContentsTitleAlignPc);
	}
			.contentsTitleFlex .googleWebFontEn{
		order:1;
	}
	.contentsTitleFlex .googleWebFontJp{
		order:2;
	}
			
		/*
	.layoutSp .contentsTitleTop{
		padding:var(--block-commonContentsTitleTextPaddingSp);
	}
	*/
	/*
	.layoutSp .contentsTitleFlex{
		flex-direction: var(--parts-commonContentsTitletDirectionSp);
		justify-content: var(--parts-commonContentsTitleJustifySp);
		align-items: var(--parts-commonContentsTitleVerticalAlignSp,unset);
		text-align:var(--parts-commonContentsTitleAlignSp);
	}
	*/
		/*
	.layoutSp .contentsTitleTop{
		text-align:var(--parts-commonContentsTitleAlignSp);
	}
	*/
			/*
	.layoutSp .contentsTitleFlex .googleWebFontEn{
		order:1;
	}
	.layoutSp .contentsTitleFlex .googleWebFontJp{
		order:2;
	}
	*/
			}

.contentsTitleTop.isImageContentsTitle,
body.sp .contentsTitleTop.isImageContentsTitle{
	text-align:var(--block-commonContentsTitleImageAlign);
	padding:var(--block-commonContentsTitleImagePadding);
}

body.sp .contentsTitleTop{
	padding:var(--block-commonContentsTitleTextPaddingSp);
}
body.sp .contentsTitleFlex{
	flex-direction: var(--parts-commonContentsTitletDirectionSp);
	justify-content: var(--parts-commonContentsTitleJustifySp);
	align-items: var(--parts-commonContentsTitleVerticalAlignSp,unset);
	text-align:var(--parts-commonContentsTitleAlignSp);
}
body.sp .contentsTitleTop{
	text-align:var(--parts-commonContentsTitleAlignSp);
}
body.sp .contentsTitleFlex .googleWebFontEn{
	order:1;
}
body.sp .contentsTitleFlex .googleWebFontJp{
	order:2;
}

@media screen and (max-width: 640px) {
	.contentsTitleTop{
		padding:var(--block-commonContentsTitleTextPaddingSp);
	}
		.contentsTitleFlex{
		flex-direction: var(--parts-commonContentsTitletDirectionSp);
		justify-content: var(--parts-commonContentsTitleJustifySp);
		align-items: var(--parts-commonContentsTitleVerticalAlignSp,unset);
		text-align:var(--parts-commonContentsTitleAlignSp);
	}
		.contentsTitleTop{
		text-align:var(--parts-commonContentsTitleAlignSp);
	}
			.contentsTitleFlex .googleWebFontEn{
		order:1;
	}
	.contentsTitleFlex .googleWebFontJp{
		order:2;
	}
			}

/* shopPr font */
#blockShopPr .fdc_contentsTitle .googleWebFontEn,
#blockShopPr .fdc_contentsTitle .googleWebFontEn:before{
	color:#EEFF00;
}
#blockShopPr .fdc_contentsTitle .googleWebFontJp,
#blockShopPr .fdc_contentsTitle .googleWebFontJp:before{
	color:#EEFF00;
}
@media screen and (min-width: 641px) {
	#blockShopPr .contentsTitleTop{
		text-align:var(--parts-shopPrContentsTitleAlignPc);
		padding:var(--block-shopPrContentsTitleTextPadding);
	}
	#blockShopPr .contentsTitleFlex .googleWebFontEn,
	#blockShopPr .contentsTitleFlex .googleWebFontJp{
		text-align:var(--parts-shopPrContentsTitleAlignPc);
	}
}
/*
.layoutSp #blockShopPr .contentsTitleTop{
	text-align:var(--parts-shopPrContentsTitleAlignSp);
	padding:var(--block-shopPrContentsTitleTextPaddingSp);
}
.layoutSp#blockShopPr .contentsTitleFlex:not(.layoutSp #blockShopPr .contentsTitleFlex .googleWebFontEn),
.layoutSp#blockShopPr .contentsTitleFlex:not(.layoutSp #blockShopPr .contentsTitleFlex .googleWebFontJp){
	text-align:var(--parts-shopPrContentsTitleAlignSp);
}
*/
@media screen and (max-width: 640px) {
	#blockShopPr .contentsTitleTop{
		text-align:var(--parts-shopPrContentsTitleAlignSp);
		padding:var(--block-shopPrContentsTitleTextPaddingSp);
	}
	#blockShopPr .contentsTitleFlex:not(.layoutSp #blockShopPr .contentsTitleFlex .googleWebFontEn),
	#blockShopPr .contentsTitleFlex:not(.layoutSp #blockShopPr .contentsTitleFlex .googleWebFontJp){
		text-align:var(--parts-shopPrContentsTitleAlignSp);
	}
}





.contentsTitleTop ,
.contentsTitleTop .googleWebFontJp{
	color: #FFFFFF;
}
#headLine .contentsTitleTop .googleWebFontJp{
	color: #FFFFFF;
}
body.sp .contentsTitleTop ,
body.sp .contentsTitleTop .googleWebFontJp{
	color: #FFFFFF;
}
body.sp #headLine .contentsTitleTop .googleWebFontJp{
	color: #FFFFFF;
}
@media screen and (max-width: 640px) {
	.contentsTitleTop ,
	.contentsTitleTop .googleWebFontJp{
		color: #FFFFFF;
	}
	#headLine .contentsTitleTop .googleWebFontJp{
		color: #FFFFFF;
	}
}
.fdc_contentsTitle .googleWebFontEn {
	color:  #FFFFFF;
}
#headLine .fdc_contentsTitle .googleWebFontEn {
	color:  #FFFFFF;
}
body.sp .fdc_contentsTitle .googleWebFontEn {
	color:  #FFFFFF;
}
body.sp #headLine .fdc_contentsTitle .googleWebFontEn {
	color:  #FFFFFF;
}
@media screen and (max-width: 640px) {
	.fdc_contentsTitle .googleWebFontEn {
		color:  #FFFFFF;
	}
	#headLine .fdc_contentsTitle .googleWebFontEn {
		color:  #FFFFFF;
	}
}
@media screen and (min-width: 641px) {
	#blockShopPr .contentsTitleTop .googleWebFontJp,
	.contentsTitleTop .googleWebFontJp{
		font-size: 13px;
	}
	#blockShopPr .fdc_contentsTitle .googleWebFontEn ,
	.fdc_contentsTitle .googleWebFontEn {
		font-size: 26px;
	}
	#blockHeadLine .contentsTitleTop .googleWebFontJp{
		font-size: 13px;
	}
	#blockHeadLine .fdc_contentsTitle .googleWebFontEn{
		font-size: 26px;
	}
}
body.sp #blockShopPr .contentsTitleTop .googleWebFontJp,
body.sp .contentsTitleTop .googleWebFontJp{
	font-size:  13px;
}
body.sp #blockShopPr .fdc_contentsTitle .googleWebFontEn ,
body.sp .fdc_contentsTitle .googleWebFontEn {
	font-size:  26px;
}
body.sp #blockHeadLine .contentsTitleTop .googleWebFontJp{
	font-size: 13px;
}
body.sp #blockHeadLine .fdc_contentsTitle .googleWebFontEn{
	font-size: 26px;
}
@media screen and (max-width: 640px) {
	#blockShopPr .contentsTitleTop .googleWebFontJp,
	.contentsTitleTop .googleWebFontJp{
		font-size:  13px;
	}
	#blockShopPr .fdc_contentsTitle .googleWebFontEn ,
	.fdc_contentsTitle .googleWebFontEn {
		font-size:  26px;
	}
	#blockHeadLine .contentsTitleTop .googleWebFontJp{
		font-size: 13px;
	}
	#blockHeadLine .fdc_contentsTitle .googleWebFontEn{
		font-size: 26px;
	}
}

		@media screen and (min-width: 641px) {
	.contentsTitleTop .googleWebFontEn{
		margin-bottom: 2px;
	}
}

		/*
@media screen and (min-width: 641px) {
	.layoutSp .contentsTitleTop .googleWebFontEn{
		margin-bottom: 2px;
	}
}
*/
@media screen and (max-width: 640px) {
	.contentsTitleTop .googleWebFontEn{
		margin-bottom: 2px;
	}
}
@media screen and (min-width: 641px) {
	h2.fdc_contentsTitle {
			text-shadow: 0px -1px 1px rgba(0,0,0,1);
		}
	h2.fdc_contentsTitle .googleWebFontEn{
				letter-spacing:0px;
		
				margin-right:0px;
			}
	h2.fdc_contentsTitle .googleWebFontJp{
				letter-spacing:0px;
		
				margin-right:0px;
	}
}
body.sp h2.fdc_contentsTitle {
			text-shadow: 0px -1px 1px rgba(0,0,0,1);
	}
body.sp h2.fdc_contentsTitle .googleWebFontEn{
		letter-spacing:0px;
	
		margin-right:0px;
	}
body.sp h2.fdc_contentsTitle .googleWebFontJp{
		letter-spacing:0px;
	
		margin-right:0px;
}
@media screen and (max-width: 640px) {
	h2.fdc_contentsTitle {
			text-shadow: 0px -1px 1px rgba(0,0,0,1);
		}
	h2.fdc_contentsTitle .googleWebFontEn{
				letter-spacing:0px;
		
				margin-right:0px;
			}
	h2.fdc_contentsTitle .googleWebFontJp{
				letter-spacing:0px;
		
				margin-right:0px;
	}
}

/*------ contents title first character --------------------------*/



/*------ headLine 固有設定 --------------------------*/
@media screen and (min-width:641px){
		#blockHeadLine #headLine h2{
		background-color:rgba(0,0,0,1);
					background-image:url(/upFu8/1004152/official/officialConf/partsresponsive/img/commonBlockTitleBg.jpg);
			}
	#blockHeadLine .fdc_contentsWrap {
		color:#FFFFFF;
		font-size:16px;
		background-color:rgba(0,0,0,0.5);
		/*text-align:left;*/
		padding:8px 0px 8px 20px;
				
	}
	#blockHeadLine #headLineTextBlock{
		text-align: left;
		display: flex;
		justify-content: left;
		box-sizing: border-box;
	}
	#blockHeadLine #headLineTextBlock.textOver{
		text-align: left;
		justify-content: left;
	}
	main .wrapContents section.contentsSection#blockHeadLine{
		padding-left:0px;
		padding-right:0px;
	}
	#contents  .wrapContents.contentsBlock-headLine,
	#contents div.layoutFlexCol .twoColumnContentsBlock-headLine {
		margin-left:0px !important;
		margin-right:0px !important;
		box-sizing:border-box;
		width:calc(100% - 0px - 0px);
			}
}
body.sp #blockHeadLine #headLine h2{
	background-color:rgba(0,0,0,1);
	}
body.sp main .wrapContents section.contentsSection#blockHeadLine{
	padding-left:0px;
	padding-right:0px;
}
body.sp #contents .wrapContents.contentsBlock-headLine,
body.sp #contents div.layoutFlexCol .twoColumnContentsBlock-headLine {
	margin-left:0px !important;
	margin-right:0px !important;
	box-sizing:border-box;
	width:calc(100% - 0px - 0px);
}
@media screen and (max-width:640px){
		#blockHeadLine #headLine h2{
		background-color:rgba(0,0,0,1);
			}
	#blockHeadLine .fdc_contentsWrap {
		color:#FFFFFF;
		font-size:16px;
		background-color:rgba(0,0,0,0.5);
		text-align:left;
		padding:8px 8px 8px 8px;
			}
	#blockHeadLine #headLineTextBlock {
		text-align: left;
		display: flex;
		justify-content: left;
		box-sizing: border-box;
	}
	#blockHeadLine #headLineTextBlock.textOver{
		text-align: left;
		justify-content: left;
	}
	main .wrapContents section.contentsSection#blockHeadLine{
		padding-left:0px;
		padding-right:0px;
	}
	#contents .wrapContents.contentsBlock-headLine,
	#contents div.layoutFlexCol .twoColumnContentsBlock-headLine {
		margin-left:0px !important;
		margin-right:0px !important;
		box-sizing:border-box;
		width:calc(100% - 0px - 0px);
	}
}

							
	/*-- blockUpdateInfo only title setting -----------------------------------*/
	#blockUpdateInfo .fdc_contentsTitle {
								}
						
	#blockUpdateInfo .contentsTitleTop{
								padding-top:20px;
			padding-bottom:0px;
						padding-left:0px;
			padding-right:0px;
										}
															
		#blockUpdateInfo .fdc_contentsWrap {
												background-color:rgba(0,0,0,0.5);
			}
				body.sp #blockUpdateInfo .blockTitleImage{
		width:auto;
				max-width:70%;
			}
							
	/*-- blockHeadLine only title setting -----------------------------------*/
	#blockHeadLine .fdc_contentsTitle {
								}
						
	#blockHeadLine .contentsTitleTop{
								padding-top:20px;
			padding-bottom:0px;
						padding-left:0px;
			padding-right:0px;
										}
															
		#blockHeadLine .fdc_contentsWrap {
												background-color:rgba(0,0,0,0.5);
			}
				body.sp #blockHeadLine .blockTitleImage{
		width:auto;
				max-width:70%;
			}
							
	/*-- blockSuguhime only title setting -----------------------------------*/
	#blockSuguhime .fdc_contentsTitle {
								}
						
	#blockSuguhime .contentsTitleTop{
								padding-top:20px;
			padding-bottom:0px;
						padding-left:0px;
			padding-right:0px;
										}
															
		#blockSuguhime .fdc_contentsWrap {
												background-color:rgba(0,0,0,0.5);
			}
				body.sp #blockSuguhime .blockTitleImage{
		width:auto;
				max-width:70%;
			}
							
	/*-- blockTodaySchedule only title setting -----------------------------------*/
	#blockTodaySchedule .fdc_contentsTitle {
								}
						
	#blockTodaySchedule .contentsTitleTop{
								padding-top:20px;
			padding-bottom:0px;
						padding-left:0px;
			padding-right:0px;
										}
															
		#blockTodaySchedule .fdc_contentsWrap {
												background-color:rgba(0,0,0,0.5);
			}
				body.sp #blockTodaySchedule .blockTitleImage{
		width:auto;
				max-width:70%;
			}
							
	/*-- blockNewsList only title setting -----------------------------------*/
	#blockNewsList .fdc_contentsTitle {
								}
						
	#blockNewsList .contentsTitleTop{
								padding-top:20px;
			padding-bottom:0px;
						padding-left:0px;
			padding-right:0px;
										}
															
		#blockNewsList .fdc_contentsWrap {
												background-color:rgba(0,0,0,0.5);
			}
				body.sp #blockNewsList .blockTitleImage{
		width:auto;
				max-width:70%;
			}
							
	/*-- blockNewsListItem only title setting -----------------------------------*/
	#blockNewsListItem .fdc_contentsTitle {
								}
						
	#blockNewsListItem .contentsTitleTop{
								padding-top:20px;
			padding-bottom:0px;
						padding-left:0px;
			padding-right:0px;
										}
															
		#blockNewsListItem .fdc_contentsWrap {
												background-color:rgba(0,0,0,0.5);
			}
				body.sp #blockNewsListItem .blockTitleImage{
		width:auto;
				max-width:70%;
			}
							
	/*-- blockNewsListShop only title setting -----------------------------------*/
	#blockNewsListShop .fdc_contentsTitle {
								}
						
	#blockNewsListShop .contentsTitleTop{
								padding-top:20px;
			padding-bottom:0px;
						padding-left:0px;
			padding-right:0px;
										}
															
		#blockNewsListShop .fdc_contentsWrap {
												background-color:rgba(0,0,0,0.5);
			}
				body.sp #blockNewsListShop .blockTitleImage{
		width:auto;
				max-width:70%;
			}
							
	/*-- blockNewsListWork only title setting -----------------------------------*/
	#blockNewsListWork .fdc_contentsTitle {
								}
						
	#blockNewsListWork .contentsTitleTop{
								padding-top:20px;
			padding-bottom:0px;
						padding-left:0px;
			padding-right:0px;
										}
															
		#blockNewsListWork .fdc_contentsWrap {
												background-color:rgba(0,0,0,0.5);
			}
				body.sp #blockNewsListWork .blockTitleImage{
		width:auto;
				max-width:70%;
			}
							
	/*-- blockShopEventList only title setting -----------------------------------*/
	#blockShopEventList .fdc_contentsTitle {
								}
						
	#blockShopEventList .contentsTitleTop{
								padding-top:20px;
			padding-bottom:0px;
						padding-left:0px;
			padding-right:0px;
										}
															
		#blockShopEventList .fdc_contentsWrap {
												background-color:rgba(0,0,0,0.5);
			}
				body.sp #blockShopEventList .blockTitleImage{
		width:auto;
				max-width:70%;
			}
							
	/*-- blockNewFace only title setting -----------------------------------*/
	#blockNewFace .fdc_contentsTitle {
								}
						
	#blockNewFace .contentsTitleTop{
								padding-top:20px;
			padding-bottom:0px;
						padding-left:0px;
			padding-right:0px;
										}
															
		#blockNewFace .fdc_contentsWrap {
												background-color:rgba(0,0,0,0.5);
			}
				body.sp #blockNewFace .blockTitleImage{
		width:auto;
				max-width:70%;
			}
							
	/*-- blockPickUp only title setting -----------------------------------*/
	#blockPickUp .fdc_contentsTitle {
								}
						
	#blockPickUp .contentsTitleTop{
								padding-top:20px;
			padding-bottom:0px;
						padding-left:0px;
			padding-right:0px;
										}
															
		#blockPickUp .fdc_contentsWrap {
												background-color:rgba(0,0,0,0.5);
			}
				body.sp #blockPickUp .blockTitleImage{
		width:auto;
				max-width:70%;
			}
							
	/*-- blockRealTime only title setting -----------------------------------*/
	#blockRealTime .fdc_contentsTitle {
								}
						
	#blockRealTime .contentsTitleTop{
								padding-top:20px;
			padding-bottom:0px;
						padding-left:0px;
			padding-right:0px;
										}
															
		#blockRealTime .fdc_contentsWrap {
												background-color:rgba(0,0,0,0.5);
			}
				body.sp #blockRealTime .blockTitleImage{
		width:auto;
				max-width:70%;
			}
							
	/*-- blockPhotoMailDiaryList only title setting -----------------------------------*/
	#blockPhotoMailDiaryList .fdc_contentsTitle {
								}
						
	#blockPhotoMailDiaryList .contentsTitleTop{
								padding-top:20px;
			padding-bottom:0px;
						padding-left:0px;
			padding-right:0px;
										}
															
		#blockPhotoMailDiaryList .fdc_contentsWrap {
												background-color:rgba(0,0,0,0.5);
			}
				body.sp #blockPhotoMailDiaryList .blockTitleImage{
		width:auto;
				max-width:70%;
			}
							
	/*-- blockMailMagazine only title setting -----------------------------------*/
	#blockMailMagazine .fdc_contentsTitle {
								}
						
	#blockMailMagazine .contentsTitleTop{
								padding-top:20px;
			padding-bottom:0px;
						padding-left:0px;
			padding-right:0px;
										}
															
		#blockMailMagazine .fdc_contentsWrap {
												background-color:rgba(0,0,0,0.5);
			}
				body.sp #blockMailMagazine .blockTitleImage{
		width:auto;
				max-width:70%;
			}
							
	/*-- blockWarning only title setting -----------------------------------*/
	#blockWarning .fdc_contentsTitle {
								}
						
	#blockWarning .contentsTitleTop{
								padding-top:20px;
			padding-bottom:0px;
						padding-left:0px;
			padding-right:0px;
										}
															
		#blockWarning .fdc_contentsWrap {
												background-color:rgba(0,0,0,0.5);
			}
				body.sp #blockWarning .blockTitleImage{
		width:auto;
				max-width:70%;
			}
							
	/*-- blockRate only title setting -----------------------------------*/
	#blockRate .fdc_contentsTitle {
								}
						
	#blockRate .contentsTitleTop{
								padding-top:20px;
			padding-bottom:0px;
						padding-left:0px;
			padding-right:0px;
										}
															
		#blockRate .fdc_contentsWrap {
												background-color:rgba(0,0,0,0.5);
			}
				body.sp #blockRate .blockTitleImage{
		width:auto;
				max-width:70%;
			}
							
	/*-- blockPlayList only title setting -----------------------------------*/
	#blockPlayList .fdc_contentsTitle {
								}
						
	#blockPlayList .contentsTitleTop{
					padding-top:20px;
			padding-bottom:17px;
			padding-left:0px;
			padding-right:0px;
										}
															
		#blockPlayList .fdc_contentsWrap {
												background-color:rgba(0,0,0,0.5);
			}
				body.sp #blockPlayList .blockTitleImage{
		width:auto;
				max-width:70%;
			}
							
	/*-- blockItemReviewList only title setting -----------------------------------*/
	#blockItemReviewList .fdc_contentsTitle {
								}
						
	#blockItemReviewList .contentsTitleTop{
								padding-top:20px;
			padding-bottom:0px;
						padding-left:0px;
			padding-right:0px;
										}
															
		#blockItemReviewList .fdc_contentsWrap {
												background-color:rgba(0,0,0,0.5);
			}
				body.sp #blockItemReviewList .blockTitleImage{
		width:auto;
				max-width:70%;
			}
							
	/*-- blockItemRanking only title setting -----------------------------------*/
	#blockItemRanking .fdc_contentsTitle {
								}
						
	#blockItemRanking .contentsTitleTop{
								padding-top:20px;
			padding-bottom:0px;
						padding-left:0px;
			padding-right:0px;
										}
															
			#blockItemRanking .fdc_contentsAllWrap {
										background-color:rgba(0,0,0,0.5);
					}
				body.sp #blockItemRanking .blockTitleImage{
		width:auto;
				max-width:70%;
			}
							
	/*-- blockAccessMap only title setting -----------------------------------*/
	#blockAccessMap .fdc_contentsTitle {
								}
						
	#blockAccessMap .contentsTitleTop{
								padding-top:20px;
			padding-bottom:0px;
						padding-left:0px;
			padding-right:0px;
										}
															
		#blockAccessMap .fdc_contentsWrap {
												background-color:rgba(0,0,0,0.5);
			}
				#access .fdc_contentsWrap .accessInfoTable th{
			white-space:nowrap;
		}
		#access .fdc_contentsWrap .accessInfoTable th div{
			line-height:1.2;
			margin-top: -2.0px;
		}
		@-moz-document url-prefix() {
			#access .fdc_contentsWrap .accessInfoTable th div{
				margin-top: -2.4px;
			}
		}
		#access .fdc_contentsWrap .accessInfoTable th img{
			padding-right:5px;
			display:inline-block;
			vertical-align:middle;
		}
		#access .fdc_contentsWrap .accessInfoTable th span{
			vertical-align:middle;
		}
		#access .fdc_contentsWrap .accessInfoTable td{
			text-align:left;
			padding-left:10px;
			line-height:1.2;
		}
		.googleMap iFrame{
			width:100%;
			height:300px;
		}
		@media screen and (max-width: 640px) {
			.googleMap iFrame{
				height:40vh;
			}
		}
			body.sp #blockAccessMap .blockTitleImage{
		width:auto;
				max-width:70%;
			}
							
	/*-- blockTwitter only title setting -----------------------------------*/
	#blockTwitter .fdc_contentsTitle {
								}
						
	#blockTwitter .contentsTitleTop{
								padding-top:20px;
			padding-bottom:0px;
						padding-left:0px;
			padding-right:0px;
										}
															
		#blockTwitter .fdc_contentsWrap {
												background-color:rgba(0,0,0,0.5);
			}
				body.sp #blockTwitter .blockTitleImage{
		width:auto;
				max-width:70%;
			}

@media screen and (max-width: 640px) {
	#pagingWrap select{
		padding:5px 10px;
	}
	_::-webkit-full-page-media, _:future, :root #pagingWrap select{
		padding-left:unset;
		padding-right:unset;
		padding-top:unset;
		padding-bottom:unset;
	}
	_::-webkit-full-page-media, _:future, :root #pagingWrap .pageSelectWrap:after{
		top:9px;
	}

	#blockUpdateInfo .fdc_contentsWrap {
		padding:20px 0 20px 0;
	}
													
		#blockUpdateInfo .blockTitleImage{
			width:auto;
						max-width:70%;
					}
		#blockUpdateInfo .contentsTitleTop{
											padding-top:20px;
				padding-bottom:0px;
								padding-left:0px;
				padding-right:0px;
					}
													
		#blockHeadLine .blockTitleImage{
			width:auto;
						max-width:70%;
					}
		#blockHeadLine .contentsTitleTop{
											padding-top:20px;
				padding-bottom:0px;
								padding-left:0px;
				padding-right:0px;
					}
													
		#blockSuguhime .blockTitleImage{
			width:auto;
						max-width:70%;
					}
		#blockSuguhime .contentsTitleTop{
											padding-top:20px;
				padding-bottom:0px;
								padding-left:0px;
				padding-right:0px;
					}
													
		#blockTodaySchedule .blockTitleImage{
			width:auto;
						max-width:70%;
					}
		#blockTodaySchedule .contentsTitleTop{
											padding-top:20px;
				padding-bottom:0px;
								padding-left:0px;
				padding-right:0px;
					}
													
		#blockNewsList .blockTitleImage{
			width:auto;
						max-width:70%;
					}
		#blockNewsList .contentsTitleTop{
											padding-top:20px;
				padding-bottom:0px;
								padding-left:0px;
				padding-right:0px;
					}
													
		#blockNewsListItem .blockTitleImage{
			width:auto;
						max-width:70%;
					}
		#blockNewsListItem .contentsTitleTop{
											padding-top:20px;
				padding-bottom:0px;
								padding-left:0px;
				padding-right:0px;
					}
													
		#blockNewsListShop .blockTitleImage{
			width:auto;
						max-width:70%;
					}
		#blockNewsListShop .contentsTitleTop{
											padding-top:20px;
				padding-bottom:0px;
								padding-left:0px;
				padding-right:0px;
					}
													
		#blockNewsListWork .blockTitleImage{
			width:auto;
						max-width:70%;
					}
		#blockNewsListWork .contentsTitleTop{
											padding-top:20px;
				padding-bottom:0px;
								padding-left:0px;
				padding-right:0px;
					}
													
		#blockShopEventList .blockTitleImage{
			width:auto;
						max-width:70%;
					}
		#blockShopEventList .contentsTitleTop{
											padding-top:20px;
				padding-bottom:0px;
								padding-left:0px;
				padding-right:0px;
					}
													
		#blockNewFace .blockTitleImage{
			width:auto;
						max-width:70%;
					}
		#blockNewFace .contentsTitleTop{
											padding-top:20px;
				padding-bottom:0px;
								padding-left:0px;
				padding-right:0px;
					}
													
		#blockPickUp .blockTitleImage{
			width:auto;
						max-width:70%;
					}
		#blockPickUp .contentsTitleTop{
											padding-top:20px;
				padding-bottom:0px;
								padding-left:0px;
				padding-right:0px;
					}
													
		#blockRealTime .blockTitleImage{
			width:auto;
						max-width:70%;
					}
		#blockRealTime .contentsTitleTop{
											padding-top:20px;
				padding-bottom:0px;
								padding-left:0px;
				padding-right:0px;
					}
													
		#blockPhotoMailDiaryList .blockTitleImage{
			width:auto;
						max-width:70%;
					}
		#blockPhotoMailDiaryList .contentsTitleTop{
											padding-top:20px;
				padding-bottom:0px;
								padding-left:0px;
				padding-right:0px;
					}
													
		#blockMailMagazine .blockTitleImage{
			width:auto;
						max-width:70%;
					}
		#blockMailMagazine .contentsTitleTop{
											padding-top:20px;
				padding-bottom:0px;
								padding-left:0px;
				padding-right:0px;
					}
													
		#blockWarning .blockTitleImage{
			width:auto;
						max-width:70%;
					}
		#blockWarning .contentsTitleTop{
											padding-top:20px;
				padding-bottom:0px;
								padding-left:0px;
				padding-right:0px;
					}
													
		#blockRate .blockTitleImage{
			width:auto;
						max-width:70%;
					}
		#blockRate .contentsTitleTop{
											padding-top:20px;
				padding-bottom:0px;
								padding-left:0px;
				padding-right:0px;
					}
													
		#blockPlayList .blockTitleImage{
			width:auto;
						max-width:70%;
					}
		#blockPlayList .contentsTitleTop{
							padding-top:20px;
				padding-bottom:17px;
				padding-left:0px;
				padding-right:0px;
					}
													
		#blockItemReviewList .blockTitleImage{
			width:auto;
						max-width:70%;
					}
		#blockItemReviewList .contentsTitleTop{
											padding-top:20px;
				padding-bottom:0px;
								padding-left:0px;
				padding-right:0px;
					}
													
		#blockItemRanking .blockTitleImage{
			width:auto;
						max-width:70%;
					}
		#blockItemRanking .contentsTitleTop{
											padding-top:20px;
				padding-bottom:0px;
								padding-left:0px;
				padding-right:0px;
					}
													
		#blockAccessMap .blockTitleImage{
			width:auto;
						max-width:70%;
					}
		#blockAccessMap .contentsTitleTop{
											padding-top:20px;
				padding-bottom:0px;
								padding-left:0px;
				padding-right:0px;
					}
													
		#blockTwitter .blockTitleImage{
			width:auto;
						max-width:70%;
					}
		#blockTwitter .contentsTitleTop{
											padding-top:20px;
				padding-bottom:0px;
								padding-left:0px;
				padding-right:0px;
					}
	}

/* ajax loading*/
#blockSuguhime .fdc_contentsWrap{
	position:relative;
	width:100%;
	min-height:200px;
}
#blockSuguhime .fdc_contentsWrap #ajaxLoading{
	position:absolute;
	width:100%;
	height:100%;
	z-index:20;
}


/* icon position */
/* today schedule newFaceIcon*/
#blockSuguhime .iconPosition > .newFaceIcon,
#blockTodaySchedule .iconPosition > .newFaceIcon{
	/*left or right*/
			left:0%;
		/*top or bottom*/
			top:0%;
		bottom:unset;
		/*center or center*/
	}
/* today schedule newFaceIcon triangle */
#blockSuguhime .iconPosition > .newFaceIcon.triangle,
#blockTodaySchedule .iconPosition > .newFaceIcon.triangle {
	border-width: 0px;
	border-color: #DB3E3E transparent transparent transparent;
}
#blockSuguhime .iconPosition > .newFaceIcon.triangle > span,
#blockTodaySchedule .iconPosition > .newFaceIcon.triangle > span {
	display: none;
	color: #FFFFFF;
}
/* realtime schedule newFaceIcon*/
#blockRealTime .iconPosition > .newFaceIcon{
	/*left or right*/
			left:0%;
		/*top or bottom*/
			top:0%;
		bottom:unset;
		/*center or center*/
	}
/* realtime schedule newFaceIcon triangle */
#blockRealTime .iconPosition > .newFaceIcon.triangle {
	border-width: 0px;
	border-color: #DB3E3E transparent transparent transparent;
}
#blockRealTime .iconPosition > .newFaceIcon.triangle > span {
	display: none;
	color: #FFFFFF;
}

/* pickUp newFaceIcon*/
#blockPickUp .iconPosition > .newFaceIcon{
	/*left or right*/
			left:0%;
		/*top or bottom*/
			top:0%;
		bottom:unset;
		/*center or center*/
	}
/* pickUp newFaceIcon triangle */
#blockPickUp .iconPosition > .newFaceIcon.triangle {
	border-width: 0px;
	border-color: #DB3E3E transparent transparent transparent;
}
#blockPickUp .iconPosition > .newFaceIcon.triangle > span {
	display: none;
	color: #FFFFFF;
}

/*ふりがな制御　均等割り付け解除*/
.shortProfWrap .itemName ruby,
.shortProfWrap .itemName ruby rt{
	text-align:center;
}
.shortProfWrap .itemName ruby{
	position:relative;
	display:inline-block;
}
.shortProfWrap .itemName ruby rt{
	/*position:absolute;
	top:-10px;*/
	line-height:1;
	width:100%;
	/*left:0;*/
	display:block;
}
.shortProfWrap .itemName ruby .rt{
	line-height:1;
}
.shortProfWrap .itemName ruby + span{
	display:inline-block;
}
#blockTodaySchedule .shortProfWrap .itemName ruby .rt,
#blockSuguhime .shortProfWrap .itemName ruby .rt,
#blockRealTime .shortProfWrap .itemName ruby .rt,
#blockTodaySchedule .shortProfWrap .itemName ruby rt,
#blockSuguhime .shortProfWrap .itemName ruby rt,
#blockRealTime .shortProfWrap .itemName ruby rt{
	font-size:8px;
}
#blockPickUp .shortProfWrap .itemName ruby .rt,
#blockPickUp .shortProfWrap .itemName ruby rt{
	font-size:8px;
}
#blockNewFace .shortProfWrap .itemName ruby .rt,
#blockNewFace .shortProfWrap .itemName ruby rt{
	font-size:8px;
}

.itemReviewGoodIcon{
	margin-top:5px;
}
.itemReviewGoodIcon > span{
	display:inline-block;
	background:#FFFFFF;
	padding:5px 10px;
	border-radius:30px;
	text-align:center;
	color: #ec389f;
}
.itemReviewGoodIcon > span.clickOK{
	display:inline-block;
	background:#FFFFFF;
	padding:5px 10px;
	border-radius:30px;
	text-align:center;
	color: #f0aed3;
	cursor: pointer;
}

/**
 * count on menu
 */
@media screen and (min-width:641px){
	.countOnMenu {
		display:none;
	}
}
body.sp .countOnMenu{
	color:#FF0000;
}
body.sp nav .countOnMenu{
	order: 3;
}
/* 英語日本語　日本語英語　縦並び*/
body.sp .spMainMenuWrap .menuTextLayout0.rowType0 .countOnMenu,
body.sp .spMainMenuWrap .menuTextLayout1.rowType0 .countOnMenu{
	display:block;
	width:100%;
}
/* 英語日本語　日本語英語　横並び*/
body.sp .spMainMenuWrap .menuTextLayout0.rowType1 .countOnMenu,
body.sp .spMainMenuWrap .menuTextLayout1.rowType1 .countOnMenu{
	display:inline;
}
/* 英語 日本語 単独　横並び*/
body.sp .spMainMenuWrap .menuTextLayout2 .countOnMenu,
body.sp .spMainMenuWrap .menuTextLayout3 .countOnMenu{
	display:inline;
}
/* 件数表記 左余白 */
body.sp .spMainMenuWrap .countOnMenu {
	margin-left: 5px;
}

@media screen and (min-width: 641px) {
	body#mainBody header .logoWrap,
	body:not(#indexBody) header .logoWrap{
		left:0px;
				z-index:3;
	}
	body:not(#indexBody):not(#mainBody) header .logoWrap{
		left:0px;
	}
		/* 件数表記 左余白 */
	.spMainMenuWrap .countOnMenu {
		margin-left: 5px;
	}
	}


/* link 表示選択 */
@media screen and (min-width:641px){
	.displayType2{
		display:none !important;
	}	
}
@media screen and (max-width:640px){
	.displayType1{
		display:none !important;
	}
}