@media screen and (max-width:769px){
	:root {
		font-size:62.5%;
	}
	.f_res {
		-webkit-box-pack: justify;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	body {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.blank {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.blankm2 {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.blankpt {
		padding-top: 30px;
	}
	.blankpth {
		padding-top: 15px;
	}
	.blankpb {
		padding-bottom: 30px;
	}
	.blankpbh {
		padding-bottom: 15px;
	}
	.blankpm {
		padding-bottom: 30px;
	}
	.blankx2 {
		height:50px;
	}
	.pcbr {
    display: none;
	}
	.pc {
		display:none !important;
	}
	.sp{
		display: block !important;
	}
	main {
		position: relative;
	}
	header {
		padding: 0 0 0 0.5em;
		background:#ffffff;
		height:50px;
		position:fixed;
		box-shadow:0px 1px 1px 1px rgba(30,30,30,0.2);
		z-index:100;
	}
	header nav {
		width:100%;
	}
	header .tel ,header .toggle {
		width:50px;
		height:50px;
	}
	header .sp, header section , header section article, header section .article {
		height:100%;
		padding:0;
	}
	section > article, section > .article {
		width:100% !important;
		padding-left:1.2em;
		padding-right:1.2em;
		position:relative;
	}
	figure {
		width:100%;
	}
	figure img{
		width:100%;
		height:auto;
	}
	
	.order_top {
		-webkit-order:-1;
		order:-1;
	}
	.order_1 {
		-webkit-order:1;
		order:1;
	}
	.order_2 {
		-webkit-order:2;
		order:2;
	}
	.order_3 {
		-webkit-order:3;
		order:3;
	}
	#post.blog figure {
		width:100%;
		height:210px;
	}
	

	
	
}
@media screen and (min-width:769px){
	:root {
		font-size:62.5%;
	}
	body {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.f_res {
		-webkit-box-pack: justify;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.blank {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.blankpm {
		padding-bottom: 60px;
	}
	.blankm2 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.blankpt {
		padding-top: 60px;
	}
	.blankpth {
		padding-top: 30px;
	}
	.blankpb {
		padding-bottom: 60px;
	}
	.blankpbh {
		padding-bottom: 30px;
	}
	div.blankx2 {
		height:100px;
	}
	.spbr {
    display: none;
	}
	.sp {
		display:none !important;
	}
	header {
		width:100%;
		min-width:768px;
		height:auto;
		background:#ffffff;
		z-index:100;
	}

	header nav > article,header nav > .article {
		max-width:1000px;
		margin:0 auto;
		position:relative;
	}
	nav#bread ol{
		width:1200px;
		margin:0 auto;
		padding: 0 0px;
	}
	section > article, section > .article {
		max-width:1200px;
		margin:0 auto;
		position:relative;
	}
	section > article.sub, section > .article.sub {
		width:1000px;
	}
	
	section > article.sub.menuprice, section > .article.sub.menuprice{
		width: 800px;
	}
	section > article.sub.caution, section > .article.sub.caution{
		background: #f0f0f0;
		width: 800px;
		padding: 30px 50px;
	}
	section > article.sub.caution div.title, section > .article.sub.caution div.title{
		color: #43a9be;
		margin-bottom: 20px;
	}
	section > article.sub.caution div p{
		padding-left: 1.3rem;
		text-indent: -1.3rem;
		line-height: 1.2;
		margin-bottom: 10px;
	}
	section#menu.contents > article, section#menu.contents > .article {
		width:860px;
		margin:0 auto;
		position:relative;
	}
	section.w860 article, section.w860 .article {
		width:860px;
		margin:0 auto;
		position:relative;
	}
	.spec {
		margin-left:1em;
	}
	.col.w10 {
		width:-webkit-calc(10%);
		width:calc(10%);
		min-width:calc(10%);
	}
	.col.w15 {
		width:-webkit-calc(15%);
		width:calc(15%);
		min-width:calc(15%);
	}
	.col.w20 {
		width:-webkit-calc(20%);
		width:calc(20%);
		min-width:calc(20%);
	}
	.col.w20s {
		width:-webkit-calc(20% - 1em);
		width:calc(20% - 1em);
		min-width:calc(20% - 1em);
	}
	.col.w25 {
		width:-webkit-calc(25%);
		width:calc(25%);
		min-width:calc(25%);
	}
	.col.w25s {
		width:-webkit-calc(25% - 1em);
		width:calc(25% - 1em);
	}
	.col.w33{
		width:-webkit-calc(100% / 3);
		width:calc(100% / 3);
		min-width:-webkit-calc(100% / 3);
		min-width:calc(100% / 3);
	}
	.col.w30 {
		width:-webkit-calc(30%);
		width:calc(30%);
		min-width:calc(30%);
	}
	.col.w30s {
		width:-webkit-calc(30% - 1em);
		width:calc(30% - 1em);
	}
	.col.w35 {
		width:-webkit-calc(35%);
		width:calc(35%);
		min-width:calc(35%);
	}
	.col.w40 {
		width:-webkit-calc(40%);
		width:calc(40%);
		min-width:calc(40%);
	}
	.col.w40s {
		width:-webkit-calc(40% - 1em);
		width:calc(40% - 1em);
		min-width:calc(40% - 1em);
	}
	.col.w45 {
		width:-webkit-calc(45%);
		width:calc(45%);
		min-width:calc(45%);
	}
	.col.w45s {
		width:-webkit-calc(45% - 1em);
		width:calc(45% - 1em);
		min-width:calc(45% - 1em);
	}
	.col.w45s {
		width:-webkit-calc(45% - 1em);
		width:calc(45% - 1em);
		min-width:calc(45% - 1em);
	}
	.col.w45l {
		width:-webkit-calc(45% + 1em);
		width:calc(45% + 1em);
		min-width:calc(45% + 1em);
	}
	.col.w45ll {
		width:-webkit-calc(45% + 3em);
		width:calc(45% + 3em);
		min-width:calc(45% + 3em);
	}
	.col.w60 {
		width:-webkit-calc(60%);
		width:calc(60%);
		min-width:calc(60%);
	}
	.col.w60s {
		width:-webkit-calc(60% - 1em);
		width:calc(60% - 1em);
	}
	.col.w66 {
		width:-webkit-calc(66%);
		width:calc(66%);
	}
	.col.w50s {
		width:-webkit-calc(50% - 1.5em);
		width:calc(50% - 1.5em);
	}
	.col.w50 {
		width:-webkit-calc(50%);
		width:calc(50%);
		min-width:calc(50%);
	}
	.col.w55 {
		width:-webkit-calc(55%);
		width:calc(55%);
		min-width:calc(55%);
	}
	.col.w55s {
		width:-webkit-calc(55% - 1em);
		width:calc(55% - 1em);
		min-width:calc(55% - 1em);
	}
	.col.w65s {
		width:-webkit-calc(65% - 1em);
		width:calc(65% - 1em);
		min-width:calc(65% - 1em);
	}
	.col.w75 {
		width:-webkit-calc(75%);
		width:calc(75%);
	}
	.col.w75s {
		width:-webkit-calc(75% - 1em);
		width:calc(75% - 1em);
	}
	.col.w70 {
		width:-webkit-calc(70%);
		width:calc(70%);
	}
	.col.w70s {
		width:-webkit-calc(70% - 1em);
		width:calc(70% - 1em);
	}
	.col.w70l {
		width:-webkit-calc(70% + 1em);
		width:calc(70% + 1em);
	}
	.col.w80 {
		width:-webkit-calc(80%);
		width:calc(80%);
	}
	.col.w80s {
		width:-webkit-calc(80% - 1em);
		width:calc(80% - 1em);
	}
	.col.w80l {
		width:-webkit-calc(80% + 1em);
		width:calc(80% + 1em);
	}
	section#post section.list li figure {
		min-height:136px;
	}
	.col.w90 {
		width:-webkit-calc(90%);
		width:calc(90%);
	}
	figure img {
		max-width:100%;
		height:auto;
	}
	
}

figure {
	text-align:center;
}

/***********
horizon
************/
.f_box {
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
}
.f_item {
    -webkit-flex:1 0 auto;
    -moz-flex:1 0 auto;
    -ms-flex:1 0 auto;
    flex:1 0 auto;
}

.f_h_start {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.f_h_center {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
}
.f_h_end {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.f_h_sb {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.f_h_sa {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.f_wrap {
	-webkit-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
/***********
vertical
************/
.f_column {
	-webkit-box-direction:column;
	-webkit-flex-direction:column;
	flex-direction:column;
}
.f_start {
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.f_end {
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.f_center {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.f_baseline {
	-webkit-align-items: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}
.f_stretch {
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}


/***********
icon moon
************/
[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    /* speak: none; */
    /* text-transform: none; */
    line-height: 1;
}