html,
body {height: 100%;max-width: 100%;margin-left: auto;margin-right: auto;}
img {max-width:100%;height:auto;}
h1 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #ffffff;
	letter-spacing:1px;
}

p,h2,h3,h4,h5,h6,li {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #444444;
}

p,h2,h3,h4,h5,h6,li a {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #444444;
	text-decoration: none;
}

p,h2,h3,h4,h5,h6,li hover {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #444444;
	text-decoration: none;
}

@media screen and (min-width: 768px){
.sp_br {display: none; }

.base_top{
	margin-top:250px;
	}
}

@media screen and (max-width:768px) { 
.pc_br{
	display:none;
}

.base_top{
	margin-top:170px;
	}
}

/* 10カラム  */

.col-xs-10-1,.col-xs-10-2,.col-xs-10-3,.col-xs-10-4,.col-xs-10-5,.col-xs-10-6,.col-xs-10-7,.col-xs-10-8,.col-xs-10-9,.col-xs-10-10{float:left}
.col-xs-10-10{width:100%}
.col-xs-10-9{width:90%}
.col-xs-10-8{width:80%}
.col-xs-10-7{width:70%}
.col-xs-10-6{width:60%}
.col-xs-10-5{width:50%}
.col-xs-10-4{width:40%}
.col-xs-10-3{width:30%}
.col-xs-10-2{width:20%}
.col-xs-10-1{width:10%}

@media (min-width:768px){
.col-sm-10-1,.col-sm-10-2,.col-sm-10-3,.col-sm-10-4,.col-sm-10-5,.col-sm-10-6,.col-sm-10-7,.col-sm-10-8,.col-sm-10-9,.col-sm-10-10{float:left}
.col-sm-10-10{width:100%}
.col-sm-10-9{width:90%}
.col-sm-10-8{width:80%}
.col-sm-10-7{width:70%}
.col-sm-10-6{width:60%}
.col-sm-10-5{width:50%}
.col-sm-10-4{width:40%}
.col-sm-10-3{width:30%}
.col-sm-10-2{width:20%}
.col-sm-10-1{width:10%}
}

@media (min-width:992px){
.col-md-10-1,.col-md-10-2,.col-md-10-3,.col-md-10-4,.col-md-10-5,.col-md-10-6,.col-md-10-7,.col-md-10-8,.col-md-10-9,.col-md-10-10{
	float:left;
	}
	
.col-md-10-10{width:100%}
.col-md-10-9{width:90%}
.col-md-10-8{width:80%}
.col-md-10-7{width:70%}
.col-md-10-6{width:60%}
.col-md-10-5{width:50%}
.col-md-10-4{width:40%}
.col-md-10-3{width:30%}
.col-md-10-2{width:20%}
.col-md-10-1{width:10%}
}

/* 9カラム  */

.col-xs-9-1,.col-xs-9-2,.col-xs-9-3,.col-xs-9-4,.col-xs-9-5,.col-xs-9-6,.col-xs-9-7,.col-xs-9-8,.col-xs-9-9{float:left}
.col-xs-9-9{width:100%}
.col-xs-9-8{width:88.88888888%}
.col-xs-9-7{width:77.77777777%}
.col-xs-9-6{width:66.66666666%}
.col-xs-9-5{width:55.44444455%}
.col-xs-9-4{width:44.44444444%}
.col-xs-9-3{width:33.33333333%}
.col-xs-9-2{width:22.22222222%}
.col-xs-9-1{width:11.11111111%}

@media (min-width:768px){
.col-sm-9-1,.col-sm-9-2,.col-sm-9-3,.col-sm-9-4,.col-sm-9-5,.col-sm-9-6,.col-sm-9-7,.col-sm-9-8,.col-sm-9-9{float:left}
.col-sm-9-9{width:100%}
.col-sm-9-8{width:88.88888888%}
.col-sm-9-7{width:77.77777777%}
.col-sm-9-6{width:66.66666666%}
.col-sm-9-5{width:55.44444455%}
.col-sm-9-4{width:44.44444444%}
.col-sm-9-3{width:33.33333333%}
.col-sm-9-2{width:22.22222222%}
.col-sm-9-1{width:11.11111111%}
}

@media (min-width:992px){
.col-md-9-1,.col-md-9-2,.col-md-9-3,.col-md-9-4,.col-md-9-5,.col-md-9-6,.col-md-9-7,.col-md-9-8,.col-md-9-9{float:left;}
.col-md-9-9{width:100%}
.col-md-9-8{width:88.88888888%}
.col-md-9-7{width:77.77777777%}
.col-md-9-6{width:66.66666666%}
.col-md-9-5{width:55.44444455%}
.col-md-9-4{width:44.44444444%}
.col-md-9-3{width:33.33333333%}
.col-md-9-2{width:22.22222222%}
.col-md-9-1{width:11.11111111%}
}

/* ボタン */

.btn{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.btn-square{border-radius:0;}
.btn-radius{border-radius:20px;}


/* ボタン */

.btn-custom{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 140%;
	font-weight:bold;
	color: #fff;
	padding: 20px;
	background-color: #B10101;
}

.btn-custom2{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:150%;
	color:#000000;
	background-color:#ffffff;
	border-color:#000;
	border-width:2px;
}

.btn-custom2:hover{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:150%;
	color: #ffffff;
	background-color: #000;
	border-color:#000;
	border-width:2px;
	text-decoration: none;
	}


/* コンテンツの幅 */
.w1300 {
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	}

.w1000 {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	}

.w500 {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	}


/* コンテンツの高さ */
.hi600 {
	height:600px;
	margin-left: auto;
	margin-right: auto;
	}


/* マージン */
.bot-5{margin-bottom:5px;}
.bot-10{margin-bottom:10px;}
.bot-15{margin-bottom:15px;}
.bot-20{margin-bottom:20px;}
.bot-30{margin-bottom:30px;}
.bot-50{margin-bottom:50px;}
.bot-70{margin-bottom:70px;}
.bot-100{margin-bottom:100px;}

.top-5{margin-top:5px;}
.top-10{margin-top:10px;}
.top-15{margin-top:15px;}
.top-20{margin-top:20px;}
.top-30{margin-top:30px;}
.top-50{margin-top:50px;}
.top-100{margin-top:100px;}
.top-110{margin-top:110px;}
.top-140{margin-top:140px;}
.top-180{margin-top:180px;}

.lr-10{
	margin-left:10px;
	margin-right:10px;
	}

.left-15{margin-left:15px;}
.right-15{margin-right:15px;}

.ptop-15{padding-top:15px;}
.ptop-20{padding-top:20px;}

.pbot-15{padding-bottom:15px;}
.pbot-30{padding-bottom:30px;}
.pbot-50{padding-bottom:50px;}
.pbot-100{padding-bottom:100px;}


/* 装飾 */

.title_uline{
	border-bottom: 3px solid #000;
	width: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}

.txt-dotline{
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#444444;
}

/* pagetop */

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 12px;
  bottom: 12px;
  background: #000;
  border:solid;
  border-color:#FFFFFF;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -15px;
  bottom: 0;
  right: 3px;
  left: 0;
  margin: auto;
  text-align: center;
}

/* googlemap */

.map_wrapper {
	max-width: 940px; min-width: 280px; margin: 20px auto; padding: 4px; border: 1px solid #CCC;
}

.googlemap {
	position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;
}

.googlemap iframe {
	position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;
}

/* メニュー */

.menu_base{
	box-shadow: 0 0px 2px 0 rgba(111,111,111,0.50);
	-webkit-box-shadow: 0 0px 2px 0 rgba(111,111,111,0.50);
	padding:15px;
}

.menu_tel{
	max-width:100%;
	position:fixed;
	z-index:100;
	bottom: 0px;
	left:0px;
		}

.tel_no{
	font-size:36px;
	font-weight:bold;
	font-family: "EB Garamond"
}

.tel_no a{
	color:#333;
	text-decoration:none;
}

@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}
		
@media screen and (min-width: 768px){

.menu_title{
	font-size: 130%;
	line-height: 150%;
	letter-spacing:2px;
	font-weight:600;
	text-align:center;
	margin-top:7px;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	height:70px;
}

.menu_txt{
	font-size: 110%;
	line-height: 150%;
	letter-spacing:1px;
	height:70px;
}

.menu_price{
	font-size: 180%;
	color:#B10101;
	letter-spacing:1px;
	font-weight:700;
	text-align:center;
}

.menu_price span{
	font-size: 70%;
	text-align:center;
}

}

@media (max-width:767px) and (min-width:376px) { 

.menu_title{
	font-size: 130%;
	line-height: 150%;
	letter-spacing:2px;
	font-weight:600;
	text-align:center;
	margin-top:7px;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}

.menu_txt{
	font-size: 110%;
	line-height: 150%;
	letter-spacing:1px;
}

.menu_price{
	font-size: 180%;
	color:#B10101;
	letter-spacing:1px;
	font-weight:700;
	text-align:center;
}

.menu_price span{
	font-size: 70%;
	text-align:center;
}

}

@media (max-width: 375px){

.menu_title{
	font-size: 120%;
	line-height: 140%;
	letter-spacing:1px;
	font-weight:600;
	text-align:center;
	margin-top:7px;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}

.menu_txt{
	font-size: 100%;
	line-height: 130%;
	letter-spacing:1px;
}

.menu_price{
	font-size: 150%;
	color:#B10101;
	letter-spacing:1px;
	font-weight:700;
	text-align:center;
}

.menu_price span{
	font-size: 70%;
	text-align:center;
}
	
}





/* フッター */

.bottombg {
  width:100% !important;
  margin-left:auto;
  margin-right:auto;
  background-color:#000000;
}

.box01 {
	background-color:#000000;
	padding:8px;
}

/* テキスト設定 */

h1{
	font-size:75%;
	margin-top:0px;
	padding-top:5px;
	padding-left:10px;
}

.headcopy2 a {
	color: #898989;
	text-decoration: underline;
}

.headcopy2 a:hover {
	color: #898989;
	text-decoration: underline;
}

.txt-xs{
	font-size: 80%;
}

@media screen and (min-width: 768px){

.title01{
	font-size: 200%;
	font-weight:bold;
	letter-spacing:4px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.txt-md{
	font-size: 130%;
	line-height: 150%;
	letter-spacing:2px;
}

.txt-sm{
	font-size: 90%;
	letter-spacing:1px;
	text-align:center;
	}

.title_fam{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:150%;
	font-weight:600;
	color:#000;
	letter-spacing:1px;
	display:flex; align-items:center;
	text-align:center;
}

.title_fam:after {
	border-top:1px solid #000;
	content:""; flex-grow:1;
    margin-left: 1rem;
}

.txt-info{
	font-size: 120%;
	line-height: 160%;
	letter-spacing:1px;
	border-bottom:dotted;
	border-color:#000000;
	border-bottom-width:1px;
}

.txt-info a{
	font-size: 100%;
	color:#444444;
	letter-spacing:1px;
}

.txt-info a:hover{
	font-size: 100%;
	letter-spacing:1px;
	border-color:#444;
}

}

@media (max-width:767px) and (min-width:376px) { 

.title01{
	font-size: 170%;
	font-weight:bold;
	letter-spacing:3px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.txt-md{
	font-size: 120%;
	line-height: 150%;
	letter-spacing:1px;
}

.txt-sm{
	font-size: 80%;
	letter-spacing:1px;
	text-align:center;
	}

.title_fam{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:130%;
	font-weight:600;
	color:#000;
	letter-spacing:1px;
	display:flex; align-items:center;
	text-align:center;
}

.title_fam:after {
	border-top:1px solid #000;
	content:""; flex-grow:1;
    margin-left: 1rem;
}

.txt-info{
	font-size: 120%;
	line-height: 160%;
	letter-spacing:1px;
	border-bottom:dotted;
	border-color:#000000;
	border-bottom-width:1px;
}
}

@media (max-width: 375px){
	
.title01{
	font-size: 150%;
	color:#000;
	font-weight:bold;
	letter-spacing:3px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.txt-md{
	font-size: 110%;
	line-height: 150%;
	letter-spacing:1px;
}

.txt-sm{
	font-size: 80%;
	letter-spacing:1px;
	text-align:center;
	}

.title_fam{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:120%;
	font-weight:600;
	color:#000;
	letter-spacing:1px;
	display:flex; align-items:center;
	text-align:center;
}

.title_fam:after {
	border-top:1px solid #000;
	content:""; flex-grow:1;
    margin-left: 1rem;
}

.txt-info{
	font-size: 100%;
	line-height: 160%;
	letter-spacing:1px;
	border-bottom:dotted;
	border-color:#000000;
	border-bottom-width:1px;
}
}

.copylight{
	font-size: 80%;
	color:#ccc;
	letter-spacing:1px;
	text-align:center;
	margin-top:10px;
	margin-bottom:15px;
}

/* テーブル */

.table-res{
	width:100%;
	max-width:100%;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 110%;
	color:#444444;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #444444;
	}

.table-res tr{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #444444;
	padding-top:3px;
	padding-bottom:3px;
	}

.table-res td{
	padding-top:3px;
	padding-bottom:3px;
	}

/* swiper */

@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
  animation: zoomUp 12s linear 0s 1 normal both;  
}

/*imgタグだと下に隙間ができるのでblockに。 */
.slide-img img{
  display: block;
}

/*メールフォーム */

#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 110%;
	color:#444444;
}

table.formTable td,table.formTable th{
	padding:10px;
}

table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}
}