body{
	background-color:#f2f3fc;
		font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

}

div.unit_breadcrumbs{ background-color:white; }

#calenderWrap .inner,
#mapWrap #mapInner,
.foogallery{
	max-width:1100px;
	margin:auto;
	padding:0 0 200px 0;
}
#mapWrap #mapInner{ padding-top:100px; }
#calenderWrap ,
#calenderWrap .inner{ text-align:center; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media screen and (min-width:1024px) {
.col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    float:left;
  }
}


#galCatWrap{

  width:100%;
  padding:0 0;
  margin:auto;
  margin-bottom:200px;
}

@media screen and (max-width:480px) {
	#galCatWrap{
		margin-bottom:auto;
	}
}

#galCatWrap:after{
  clear:both;
  
}


.tipInner{
  margin-bottom:2rem;
  background:white;

}


.tipInner .catName{
  padding:1rem;
  
}


.tipInner small{
  display:block;
  margin:auto;
  padding:0;
  color:#888;
}

#calenderWrap h2,
#mapWrap h2{
	color:#333;	
	border-bottom:1px solid #333;
	padding-bottom:0px;
	width:fit-content;
	margin:auto auto 6rem auto;
	line-height:2.5rem;
	font-size:0.5rem;
}

.figWrap .w50{
	width:50%;
	float:left;
	
}

#storeMap{
	
}

#storeInfo p{
	font-size:0.8rem;
	padding-right:2rem;
	margin:auto;
	padding-bottom:1.25rem;

}

#contactWrap{
    margin: auto;
    min-height: 200px;
}

#calenderWrap,
#mapWrap{
    background: white;	
}

#contactInner{
	margin:auto;

}

#contactInner #contactAttn{
	margin:auto;
	text-align:center;
	padding:50px 0;
}

#contactForm label{
	cursor:pointer;
}

#contactForm label+label{ margin-left:1rem; }

#contactForm input[type="radio"]{padding-right: 1.5rem;margin-right: 0.25rem;}

#contactForm {
	font-size:0.9rem;
}

#contactForm th+td{
	vertical-align:top;
}

#contactForm th{
	color:#666;
	font-weight:100;
	vertical-align:top;
	text-align:left;
}
#contactForm th{ line-height:2rem; }
#contactForm th,
#contactForm td{
	padding:1.5rem 1rem 1rem 1rem;
	white-space:nowrap;
}

span.hissu{
	background-color:#412c91;
	color:white;
	padding: 0.25rem 0.5rem;
	text-align:center;
	font-size:0.7rem;
	line-height:1.4rem;
	margin:0.6rem auto;
}

tr.underLine{
	border-bottom:1px solid #ccc;
}

#contactForm textarea,
#contactForm input[type="text"]{
	background:white;
	border:1px solid #ccc;
	width:100%;
	padding:0.5rem;
	margin-top:-0.5rem;
}

#submitButtonWrap{
	margin:100px auto;
	text-align:center;
	
}

#submitButton{
margin: auto;
/*     padding: 1rem 9rem; */
    color: #7480d7;
    border: 1px solid #7480d7;
    font-size: 1.0rem;
}

#calIcon{
	height:1.5rem;
	cursor:pointer;
	opacity:0.7;
}
#dateWrap{ position:relative; }

#datePick{
	position:absolute;
	right:2rem;
	
}

#caiHide{
	position:fixed;
	background-color:rgba(0,0,0,0.8);
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	margin:auto;
z-index:100;
	
}

.calTable,
.calTable th,
.calTable td{ 
	border: 1px solid #999;
  border-collapse: collapse;
	margin:auto;
}

.calTable {
	background-color:white;
	margin-top:10%;
}

.calTable td{
	border: 1px solid #999;
    border-collapse: collapse;
    min-width: 14%;
    width: 14%;
    white-space: nowrap;
	position:relative;
	min-height: 1.5rem;
/*     height: 4.5rem; */
	vertical-align:top;
	    min-width: 6rem;

}

.calTable h2{
	color:#666;
}

small.dateNum{
	position:relative;
	top:0;
	left:0;
	display:block;
	text-align:right;
	width:100%;
	margin:auto auto 0.25rem auto;
	padding-right:0.5rem;
}


.calTable td a {
background-color:#1778d4;
	color:white;
	line-height:1rem;
	margin:0.25rem;
	font-size:0.8rem;
	display:block;
	letter-spacing:0px;
	border-radius:0.15rem;
	padding:0.1rem 0.25rem;
}
.calTable td a br{
	display:none;
}
.calTable td a span{
	display:block;
}

.calTable td a:hover{
	background-color:#0e95ca;
}

.calTable tr:first-child{
	background-color:#d4d4d4;
	font-weight:bold;
	color:#f90000;
}


input.formError{
	background-color:#f7d6d6 !important;
}

#contactForm{
	margin:auto;
}

#closeModal{
	position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 0.45rem 0.5rem;
    background: red;
    color: white;
    text-align: center;
    font-size: 2.0rem;
    margin: auto;
    line-height: 2rem;

}
	
	#formErrorAttn{
	color:red;
	line-height:1.5rem;
	margin:auto auto 2rem auto;
	font-size:1.25rem;
	font-weight:bold;
}

#meetMsg{
	text-align: center;
    margin: auto;
    padding-top: 60px;
}

.profile_index,
.gallery_index{
	background-color:white;
} 

.radioHissu{
	color:red;
	display:block;
	font-weight:bold;
	margin:0.25rem auto;
}


.foogallery.foogallery-container{
	padding-bottom:0;
}
.foogallery.foogallery-container+.step_index{
	padding-top:2rem;
}


.contactSuccess{
	background: #479c47;
	color: white;
	margin: 10% auto !important;
}

.contactFail{
	background: #cc0000;
	color: white;
	margin: 10% auto !important;
}

#content .galleryTopWrap,
#content  div.foogallery{
	margin-top:3rem;
}

.flexbox{
 display:-webkit-box;
 display: -webkit-flex;
 display:-ms-flexbox;
 display: flex;
 -webkit-flex-wrap:wrap;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
}
.box1{
 -webkit-box-ordinal-group:1;
 -ms-flex-order:1;
 -webkit-order:1;
 order:1;
}
.box2{
 -webkit-box-ordinal-group:2;
 -ms-flex-order:2;
 -webkit-order:2;
 order:2;
}

#contactForm th span.hissu,
#planRow label br{ display:none; }

/*============================================================ smart phone ================= */
/*============================================================ smart phone ================= */

@media screen and (max-width:480px) {
section.galleryTopWrap .col-sm-4 {
/*     flex: 0 0 33.333333%; */
    max-width: 100%;
    float:left;
  }
	
	.fg-item{
		width: 44%;
		float:left;
	}
	
	div.step_index{
		margin: auto 1.5rem;
	}
	
	#content .fg-item,
	.fg-default.fg-gutter-25 .fg-item {
	    margin-right: 5%;
    	margin-bottom: 5%;
	}
	#mapWrap div{
		margin:auto 1rem;
	}
	
	#mapInner .w50{ width:auto; }
	#mapWrap div#meetMsg{ margin:auto 2rem;font-size:0.75rem; }
	#content #calenderWrap h2,
	#content  #mapInner h2 { margin-bottom:2rem !important; }
	
	#contactForm .underLine th+td{ display:none; }
	#contactForm th,#contactForm td{
		float:left;
		width:100%;
	}
	
	.cal_wrapper {
  max-width: 800px; /* 最大幅 */
  min-width: 300px; /* 最小幅 */
  margin: 2.0833% 2rem;
}
	
.cal_wrapper iframe {
  width:calc(86vw - 20px);
}
 
.googlecal {
  position: relative;
  padding-bottom: 100%; /* 縦横比 */
  height: 0;
  overflow: hidden;
}
 .googlecal iframe {
  position: absolute;
  top: 0;
  left: 0;
/*   width: 100% !important; */
  height: 100% !important;
 }
	
	section#contactWrap,
	section#mapWrap,
	section#calenderWrap{
		width:100%;
		overflow:hidden;
	}
	
	.w50.box2{ padding-top:1rem; }
	
	.letterSpc1{ letter-spacing:1px; }
	#meetMsg br{ display:block; }
	
	#calenderWrap .inner,
	#mapWrap #mapInner,
	.foogallery{ padding-bottom:4rem; }
	#contactForm th{ padding-top:1rem; }
	#contactForm th span.hissu{ display:initial; }
	#contactForm td+td{ padding-top:0;padding-bottom:1.0rem; }
	
	#contactForm td input{ max-width:100%; }
	#contactForm td label{ display:block; }
	#contactForm td label+label{ margin-left:auto; }
	td label{ letter-spacing:0px;margin-bottom:0.5rem; }
	#planRow label br{ display:block; }
	td label+br{ display:none; }
	#planRow label br+span{ padding-left:1rem;font-size:0.75rem; }
	#contactForm td,#contactForm th{ padding-left:0;padding-right:0; }
	#contactForm{ border-top:1px solid #ccc; }
	
	.calTable td{ min-width:auto; }
	span.schKind{ letter-spacing: -0.75px !important; }
	.calTable td a span{
		display:block;
		font-size: 0.55vw;
		white-space: normal;
		line-height: 3.5vw;
		letter-spacing: -0.25px;
	}
	
	#datePick{ right:0.5rem; }

	#shitakuFee dd li{
		width:100% !important;
		text-align:left;
		
	}
	
	#shitakuFee li:after{ clear:both; }
	
	#shitakuFee li:after{ clear:both; }
	.pc{ display:none !important; }
	#calWrap{ margin-top:3rem; }
}
	
/*============================================================ smart phone ================= */
/*============================================================ smart phone ================= */