@media screen and (max-width:767px){
	: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;
	}
	div.blank {
		height:25px;
	}
	div.blankx2 {
		height:50px;
	}
	.pc {
		display:none;
	}
	main {
	}
	header {
		padding:0;
		background:#ffffff;
		height:60px;
		box-shadow:0px 1px 1px 1px rgba(30,30,30,0.2);
	}
	header nav {
		width:100%;
	}
	header .tel {
	}
	header .toggle {
		width:55px;
		height:40px;
	}
	header section , header section article {
		height:auto;
		padding:0;
	}
	section > article {
		width:100% !important;
		padding:0 1.2em;
		position:relative;
	}
	figure {
		width:100%;
	}
	figure img{
		width:100%;
		height:auto;
	}
	nav#bread ol li:first-child{
		padding-left:0.5em !important;
	}
	.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:768px){
	: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;
	}
	div.blank {
		height:40px;
	}
	div.blankx2 {
		height:100px;
	}
	.sp {
		display:none;
	}
	header {
		min-width:768px;
	}

	header nav,footer nav  {
		max-width:1300px;
		margin:0 auto;
		position:relative;
	}
	nav#bread ol{
		width:1170px;
		margin:0 auto;
	}
	section > article {
		max-width:1100px;
		margin:0 auto;
		position:relative;
	}
	section > article.sub {
		width:920px;
	}
	.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.w20l {
		width:-webkit-calc(20% + 1em);
		width:calc(20% + 1em);
		min-width:calc(20% + 1em);
	}
	.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:calc(100% / 3);
	}
	.col.w33s{
		width:-webkit-calc(100% / 3 - 1em);
		width:calc(100% / 3 - 1em);
		min-width:calc(100% / 3 - 1em);
	}
	.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.w30l {
		width:-webkit-calc(30% + 1em);
		width:calc(30% + 1em);
	}
	.col.w35 {
		width:-webkit-calc(35%);
		width:calc(35%);
		min-width:calc(35%);
	}
	.col.w35l {
		width:-webkit-calc(35% + 1em);
		width:calc(35% + 1em);
		min-width:calc(35% + 1em);
	}
	.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.w60 {
		width:-webkit-calc(60%);
		width:calc(60%);
		min-width:calc(60%);
	}
	.col.w60s {
		width:-webkit-calc(60% - 1em);
		width:calc(60% - 1em);
	}
	.col.w60l {
		width:-webkit-calc(60% + 1em);
		width:calc(60% + 1em);
	}
	.col.w66 {
		width:-webkit-calc(66%);
		width:calc(66%);
	}
	.col.w50s {
		width:-webkit-calc(50% - 1em);
		width:calc(50% - 1em);
	}
	.col.w50 {
		width:-webkit-calc(50%);
		width:calc(50%);
		min-width:calc(50%);
	}
	.col.w50l {
		width:-webkit-calc(50% + 1em);
		width:calc(50% + 1em);
		min-width:calc(50% + 1em);
	}
	.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.w55l {
		width:-webkit-calc(55% + 1em);
		width:calc(55% + 1em);
		min-width:calc(55% + 1em);
	}
	.col.w65 {
		width:-webkit-calc(65%);
		width:calc(65%);
	}
	.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);
	}
	.col.w85 {
		width:-webkit-calc(85%);
		width:calc(85%);
	}
	section#post section.list li figure {
		min-height:136px;
	}
	figure img {
		max-width:100%;
		height:auto;
	}
	
}

figure {
	text-align:center;
}

.trans {
	-webkit-transition:all 0.2s ease-in-out;
			transition:all 0.2s ease-in-out;
}
/***********
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;
}