@charset "utf-8";
@import "setting";
@import "mixinset";

div{
	box-sizing: border-box;
	margin: 0;
}

img{
	max-width: 100%;
}

a{
	display: block;
	cursor: pointer;
	@include linkC(#000);
}

.left{
	float: left;
}



.right{
	float: right;
}

.clear:after{
	display: block;
	content: "";
	clear: both;
}

.flex{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    justify-content:space-between;
    align-content:space-between;
}
.bw{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    align-content:space-between;
}

/*文字色*/
.hbFc_main{
	color: $maincolor;
}
.hbFc_base{
	color:$basecolor;
}
.hbFc_accent{
	color:$accentcolor;
}
.hbFc_mainD{
	color: darken($maincolor,20%);
}
.hbFc_baseD{
	color:darken($basecolor,20%);
}
.hbFc_accentD{
	color:darken($accentcolor,20%);
}
.hbFc_mainL{
	color: lighten($maincolor,20%);
}
.hbFc_baseL{
	color:lighten($basecolor,20%);
}
.hbFc_accentL{
	color:lighten($accentcolor,20%);
}
.hbFc_wht{
	color: #FFF;
}
.hbFc_blk{
	color: #000;
}
.hbFc_red{
	color: #ff0000;
}
.hbFc_orange{
	color: #f49b1b;
}
.hbFc_orangeRed01{
	color: #fd4032;
}
.hbFc_orangeRed02{
	color: #fd7332;
}
.hbFc_yellow{
	color: #e8d824;
}
.hbFc_green{
	color: #38a229;
}
.hbFc_green2{
	color: #85c319;
}
.hbFc_green3{
	color: #2E7A15;
}
.hbFc_skyBlue{
	color: #00c0ff;
}
.hbFc_blue{
	color: #1e49d7;
}
.hbFc_dodgerBlue{
	color: #0080ff;
}
.hbFc_darkBlue{
	color: #0f2f91;
}
.hbFc_pink{
	color: #f283b5;
}
.hbFc_deepPink{
	color: #fd7332;
}
.hbFc_lightPink{
	color: #f0a8a8;
}
.hbFc_salmonPink{
	color: #ee6464;
}
.hbFc_lightOrangeRed01{
	color: #f0cca8;
}
.hbFc_lightOrangeRed02{
	color: #f0dea8;
}
.hbFc_lightYellowGreen{
	color: #eaea89;
}
.hbFc_lightForestGreen{
	color: #def0a8;
}
.hbFc_lightGreen{
	color: #baf0a8;
}
.hbFc_lightBlue{
	color: #a3e0f4;
}
.hbFc_lightDarkBlue{
	color: #a8baf0;
}
.hbFc_lightDarkPurple{
	color: #baa8f0;
}
.hbFc_lightPurple{
	color: #dea8f0;
}
.hbFc_brown{
	color: #780000;
}
.hbFc_crimsonRed{
	color: #bf0000;
}
.hbFc_saddleBrown{
	color: #8c5218;
}
.hbFc_darkGold{
	color: #947519;
}
.hbFc_Gold{
	color: #c7aa4e;
}
.hbFc_olive{
	color: #759419;
}
.hbFc_purple{
	color: #731991;
}
.hbFc_turquoise{
	color: #0f7e82;
}
.hbFc_darkPurple{
	color: #371991;
}
.hbFc_azuki{
	color: #941957;
}
.hbFc_darkgray{
	color: #000000;
}
.hbFc_gray{
	color: #999999;
}
.hbFc_silver{
	color: #cccccc;
}

/*フォントサイズ*/
.text{
	@include fontsize($textsize);
}
.komidashi{
	@include fontsize($textsize*1.5);
}
.title{
	@include fontsize($textsize*2);
}
.hbFs_12{
	font-size: 12px;
	font-size: 1.2rem;
}
.hbFs_14{
	font-size: 14px;
	font-size: 1.4rem;
}
.hbFs_16{
	font-size: 16px;
	font-size: 1.6rem;
}
.hbFs_18{
	font-size: 18px;
	font-size: 1.8rem;
}
.hbFs_20{
	font-size: 20px;
	font-size: 2rem;
}
.hbFs_22{
	font-size: 22px;
	font-size: 2.2rem;
}
.hbFs_24{
	font-size: 24px;
	font-size: 2.4rem;
}
.hbFs_28{
	font-size: 28px;
	font-size: 2.8rem;
}
.hbFs_32{
	font-size: 32px;
	font-size: 3.2rem;
}
.hbFs_38{
	font-size: 38px;
	font-size: 3.8rem;
}
.hbFs_42{
	font-size: 42px;
	font-size: 4.2rem;
}
.hbFs_48{
	font-size: 48px;
	font-size: 4.8rem;
}
.hbFs_52{
	font-size: 52px;
	font-size: 5.2rem;
}
.hbFs_58{
	font-size: 58px;
	font-size: 5.8rem;
}
.hbFs_64{
	font-size: 64px;
	font-size: 6.4rem;
}
.hbFs_72{
	font-size: 72px;
	font-size: 7.2rem;
}

/*行間*/
.hbLh18{
	line-height: 18px;
}
.hbLh24{
	line-height: 24px;
}
.hbLh30{
	line-height: 30px;
}
.hbLh35{
	line-height: 35px;
}
/*文字の太さ*/
.hbFwN{
	font-weight: normal;
}
.hbFwB{
	font-weight: bold;
}

/*text-align*/
.hbTaC{
	text-align: center;
}
.hbTaL{
	text-align: left;
}
.hbTaR{
	text-align: right;
}
/*flex揃え*/

.hbFaM{
	align-items:center;
}
.hbFaB{
	align-items:flex-end;
}
.hbFaSt{
	align-items:stretch;
}
.hbFaB{
	align-items:baseline;
}
/*marginatauto*/
.hbMa{
	margin: 0 auto;
}
/*margin*/
.mBottom{
	margin-bottom: $space +px;
}
.mTop{
	margin-top: $space +px;
}
.mBottomL{
	margin-bottom: ($space*2) + px;
}
.mTopL{
	margin-top: ($space*2) + px;
}
.hbM5{
	margin: 5px;
}
.hbM10{
	margin: 10px;
}
.hbM15{
	margin: 15px;
}
.hbM20{
	margin: 20px;
}
.hbM25{
	margin: 25px;
}
.hbM30{
	margin: 30px;
}
.hbM35{
	margin: 35px;
}
.hbM40{
	margin: 40px;
}
.hbM45{
	margin: 45px;
}
.hbM50{
	margin: 50px;
}
.hbM100{
	margin: 100px;
}

/*marginT*/
.hbMt5{
	margin-top: 5px;
}
.hbMt10{
	margin-top: 10px;
}
.hbMt15{
	margin-top: 15px;
}
.hbMt20{
	margin-top: 20px;
}
.hbMt25{
	margin-top: 25px;
}
.hbMt30{
	margin-top: 30px;
}
.hbMt35{
	margin-top: 35px;
}
.hbMt40{
	margin-top: 40px;
}
.hbMt45{
	margin-top: 45px;
}
.hbMt50{
	margin-top: 50px;
}
.hbMt100{
	margin-top: 100px;
}
/*marginB*/
.hbMb5{
	margin-bottom: 5px;
}
.hbMb10{
	margin-bottom: 10px;
}
.hbMb15{
	margin-bottom: 15px;
}
.hbMb20{
	margin-bottom: 20px;
}
.hbMb25{
	margin-bottom: 25px;
}
.hbMb30{
	margin-bottom: 30px;
}
.hbMb5{
	margin-bottom: 35px;
}
.hbMb40{
	margin-bottom: 40px;
}
.hbMb45{
	margin-bottom: 45px;
}
.hbMb50{
	margin-bottom: 50px;
}
.hbMb100{
	margin-bottom: 100px;
}
/*margintopbottom*/
.hbMtb5{
	margin: 5px 0;
}
.hbM10{
	margin: 10px 0;
}
.hbM15{
	margin: 15px 0;
}
.hbM20{
	margin: 20px 0;
}
.hbM25{
	margin: 25px 0;
}
.hbM30{
	margin: 30px 0;
}
.hbM35{
	margin: 35px 0;
}
.hbM40{
	margin: 40px 0;
}
.hbM45{
	margin: 45px 0;
}
.hbM50{
	margin: 50px 0;
}
.hbM100{
	margin: 100px 0;
}
/*marginL*/
.hbMl5{
	margin-left: 5px;
}
.hbMl10{
	margin-left: 10px;
}
.hbMl15{
	margin-left: 15px;
}
.hbMl20{
	margin-left: 20px;
}
.hbMl25{
	margin-left: 25px;
}
.hbMl30{
	margin-left: 30px;
}
.hbMl5{
	margin-left: 35px;
}
.hbMl40{
	margin-left: 40px;
}
.hbMl45{
	margin-left: 45px;
}
.hbMl50{
	margin-left: 50px;
}
.hbMl100{
	margin-left: 100px;
}

/*marginR*/
.hbMr5{
	margin-right: 5px;
}
.hbMr10{
	margin-right: 10px;
}
.hbMr15{
	margin-right: 15px;
}
.hbMr20{
	margin-right: 20px;
}
.hbMr25{
	margin-right: 25px;
}
.hbMr30{
	margin-right: 30px;
}
.hbMr5{
	margin-right: 35px;
}
.hbMr40{
	margin-right: 40px;
}
.hbMr45{
	margin-right: 45px;
}
.hbMr50{
	margin-right: 50px;
}
.hbMr100{
	margin-right: 100px;
}

/*padding縦横*/
.hbPa5{
	padding: 5px;
}
.hbPa10{
	padding: 10px;
}
.hbPa15{
	padding: 15px;
}
.hbPa20{
	padding: 20px;
}
.hbPa25{
	padding: 25px;
}
.hbPa30{
	padding: 30px;
}
.hbPa35{
	padding: 35px;
}
.hbPa40{
	padding: 40px;
}
.hbPa45{
	padding: 45px;
}
.hbPa50{
	padding: 50px;
}
.hbPa100{
	padding: 100px;
}

/*padding*/
.hbPtb5{
	padding: 5px 0;
}
.hbPtb10{
	padding: 10px 0;
}
.hbPtb15{
	padding: 15px 0;
}
.hbPtb20{
	padding: 20px 0;
}
.hbPtb25{
	padding: 25px 0;
}
.hbPtb30{
	padding: 30px 0;
}
.hbPtb35{
	padding: 35px 0;
}
.hbPtb40{
	padding: 40px 0;
}
.hbPtb45{
	padding: 45px 0;
}
.hbPtb50{
	padding: 50px 0;
}
.hbPtb100{
	padding: 100px 0;
}

/*paddingT*/
.hbPt5{
	padding-top: 5px;
}
.hbPt10{
	padding-top: 10px;
}
.hbPt15{
	padding-top: 15px;
}
.hbPt20{
	padding-top: 20px;
}
.hbPt25{
	padding-top: 25px;
}
.hbPt30{
	padding-top: 30px;
}
.hbPt35{
	padding-top: 35px;
}
.hbPt40{
	padding-top: 40px;
}
.hbPt45{
	padding-top: 45px;
}
.hbPt50{
	padding-top: 50px;
}
.hbPt70{
	padding-top: 70px;
}
.hbPt100{
	padding-top: 100px;
}
/*paddingB*/
.hbPb5{
	padding-bottom: 5px;
}
.hbPb10{
	padding-bottom: 10px;
}
.hbPb15{
	padding-bottom: 15px;
}
.hbPb20{
	padding-bottom: 20px;
}
.hbPb25{
	padding-bottom: 25px;
}
.hbPb30{
	padding-bottom: 30px;
}
.hbPb35{
	padding-bottom: 35px;
}
.hbPb40{
	padding-bottom: 40px;
}
.hbPb45{
	padding-bottom: 45px;
}
.hbPb50{
	padding-bottom: 50px;
}
.hbPb100{
	padding-bottom: 100px;
}
/*paddingL*/
.hbPl3{
	padding-left: 3px;
}
.hbPl5{
	padding-left: 5px;
}
.hbPl10{
	padding-left: 10px;
}
.hbPl15{
	padding-left: 15px;
}
.hbPl20{
	padding-left: 20px;
}
.hbPl25{
	padding-left: 25px;
}
.hbPl30{
	padding-left: 30px;
}
.hbPl35{
	padding-left: 35px;
}
.hbPl40{
	padding-left: 40px;
}
.hbPl45{
	padding-left: 45px;
}
.hbPl50{
	padding-left: 50px;
}
.hbPl100{
	padding-left: 100px;
}

/*paddingR*/
.hbPr3{
	padding-right: 3px;
}
.hbPr5{
	padding-right: 5px;
}
.hbPr10{
	padding-right: 10px;
}
.hbPr15{
	padding-right: 15px;
}
.hbPr20{
	padding-right: 20px;
}
.hbPr25{
	padding-right: 25px;
}
.hbPr30{
	padding-right: 30px;
}
.hbPr5{
	padding-right: 35px;
}
.hbPr40{
	padding-right: 40px;
}
.hbPr45{
	padding-right: 45px;
}
.hbPr50{
	padding-right: 50px;
}
.hbPr100{
	padding-right: 100px;
}
/*margin*/
.hbM5vw{
	margin: 5vw;
}
.hbM15vw{
	margin: 10vw;
}
.hbM15vw{
	margin: 15vw;
}
.hbM25vw{
	margin: 20vw;
}
.hbM25vw{
	margin: 25vw;
}
.hbM35vw{
	margin: 30vw;
}
.hbM35vw{
	margin: 35vw;
}
.hbM45vw{
	margin: 40vw;
}
.hbM45vw{
	margin: 45vw;
}
.hbM55vw{
	margin: 50vw;
}
.hbM105vw{
	margin: 100vw;
}

/*marginT*/
.hbMt5vw{
	margin-top: 5vw;
}
.hbMt15vw{
	margin-top: 10vw;
}
.hbMt15vw{
	margin-top: 15vw;
}
.hbMt25vw{
	margin-top: 20vw;
}
.hbMt25vw{
	margin-top: 25vw;
}
.hbMt35vw{
	margin-top: 30vw;
}
.hbMt35vw{
	margin-top: 35vw;
}
.hbMt45vw{
	margin-top: 40vw;
}
.hbMt45vw{
	margin-top: 45vw;
}
.hbMt55vw{
	margin-top: 50vw;
}
.hbMt105vw{
	margin-top: 100vw;
}
/*marginB*/
.hbMb5vw{
	margin-bottom: 5vw;
}
.hbMb15vw{
	margin-bottom: 10vw;
}
.hbMb15vw{
	margin-bottom: 15vw;
}
.hbMb25vw{
	margin-bottom: 20vw;
}
.hbMb25vw{
	margin-bottom: 25vw;
}
.hbMb35vw{
	margin-bottom: 30vw;
}
.hbMb5vw{
	margin-bottom: 35vw;
}
.hbMb45vw{
	margin-bottom: 40vw;
}
.hbMb45vw{
	margin-bottom: 45vw;
}
.hbMb55vw{
	margin-bottom: 50vw;
}
.hbMb105vw{
	margin-bottom: 100vw;
}
/*margintopbottom*/
.hbMtb5vw{
	margin: 5vw 0;
}
.hbM15vw{
	margin: 10vw 0;
}
.hbM15vw{
	margin: 15vw 0;
}
.hbM25vw{
	margin: 20vw 0;
}
.hbM25vw{
	margin: 25vw 0;
}
.hbM35vw{
	margin: 30vw 0;
}
.hbM35vw{
	margin: 35vw 0;
}
.hbM45vw{
	margin: 40vw 0;
}
.hbM45vw{
	margin: 45vw 0;
}
.hbM55vw{
	margin: 50vw 0;
}
.hbM105vw{
	margin: 100vw 0;
}
/*marginL*/
.hbMl5vw{
	margin-left: 5vw;
}
.hbMl15vw{
	margin-left: 10vw;
}
.hbMl15vw{
	margin-left: 15vw;
}
.hbMl25vw{
	margin-left: 20vw;
}
.hbMl25vw{
	margin-left: 25vw;
}
.hbMl35vw{
	margin-left: 30vw;
}
.hbMl5vw{
	margin-left: 35vw;
}
.hbMl45vw{
	margin-left: 40vw;
}
.hbMl45vw{
	margin-left: 45vw;
}
.hbMl55vw{
	margin-left: 50vw;
}
.hbMl105vw{
	margin-left: 100vw;
}

/*marginR*/
.hbMr5vw{
	margin-right: 5vw;
}
.hbMr15vw{
	margin-right: 10vw;
}
.hbMr15vw{
	margin-right: 15vw;
}
.hbMr25vw{
	margin-right: 20vw;
}
.hbMr25vw{
	margin-right: 25vw;
}
.hbMr35vw{
	margin-right: 30vw;
}
.hbMr5vw{
	margin-right: 35vw;
}
.hbMr45vw{
	margin-right: 40vw;
}
.hbMr45vw{
	margin-right: 45vw;
}
.hbMr55vw{
	margin-right: 50vw;
}
.hbMr105vw{
	margin-right: 100vw;
}

/*padding縦横*/
.hbPa5vw{
	padding: 5vw;
}
.hbPa15vw{
	padding: 10vw;
}
.hbPa15vw{
	padding: 15vw;
}
.hbPa25vw{
	padding: 20vw;
}
.hbPa25vw{
	padding: 25vw;
}
.hbPa35vw{
	padding: 30vw;
}
.hbPa35vw{
	padding: 35vw;
}
.hbPa45vw{
	padding: 40vw;
}
.hbPa45vw{
	padding: 45vw;
}
.hbPa55vw{
	padding: 50vw;
}
.hbPa105vw{
	padding: 100vw;
}

/*padding*/
.hbPtb5vw{
	padding: 5vw 0;
}
.hbPtb15vw{
	padding: 10vw 0;
}
.hbPtb15vw{
	padding: 15vw 0;
}
.hbPtb25vw{
	padding: 20vw 0;
}
.hbPtb25vw{
	padding: 25vw 0;
}
.hbPtb35vw{
	padding: 30vw 0;
}
.hbPtb35vw{
	padding: 35vw 0;
}
.hbPtb45vw{
	padding: 40vw 0;
}
.hbPtb45vw{
	padding: 45vw 0;
}
.hbPtb55vw{
	padding: 50vw 0;
}
.hbPtb105vw{
	padding: 100vw 0;
}

/*paddingT*/
.hbPt5vw{
	padding-top: 5vw;
}
.hbPt15vw{
	padding-top: 10vw;
}
.hbPt15vw{
	padding-top: 15vw;
}
.hbPt25vw{
	padding-top: 20vw;
}
.hbPt25vw{
	padding-top: 25vw;
}
.hbPt35vw{
	padding-top: 30vw;
}
.hbPt35vw{
	padding-top: 35vw;
}
.hbPt45vw{
	padding-top: 40vw;
}
.hbPt45vw{
	padding-top: 45vw;
}
.hbPt55vw{
	padding-top: 50vw;
}
.hbPt75vw{
	padding-top: 70vw;
}
.hbPt105vw{
	padding-top: 100vw;
}
/*paddingB*/
.hbPb5vw{
	padding-bottom: 5vw;
}
.hbPb15vw{
	padding-bottom: 10vw;
}
.hbPb15vw{
	padding-bottom: 15vw;
}
.hbPb25vw{
	padding-bottom: 20vw;
}
.hbPb25vw{
	padding-bottom: 25vw;
}
.hbPb35vw{
	padding-bottom: 30vw;
}
.hbPb35vw{
	padding-bottom: 35vw;
}
.hbPb45vw{
	padding-bottom: 40vw;
}
.hbPb45vw{
	padding-bottom: 45vw;
}
.hbPb55vw{
	padding-bottom: 50vw;
}
.hbPb105vw{
	padding-bottom: 100vw;
}
/*paddingL*/
.hbPl3{
	padding-left: 3vw;
}
.hbPl5vw{
	padding-left: 5vw;
}
.hbPl15vw{
	padding-left: 10vw;
}
.hbPl15vw{
	padding-left: 15vw;
}
.hbPl25vw{
	padding-left: 20vw;
}
.hbPl25vw{
	padding-left: 25vw;
}
.hbPl35vw{
	padding-left: 30vw;
}
.hbPl35vw{
	padding-left: 35vw;
}
.hbPl45vw{
	padding-left: 40vw;
}
.hbPl45vw{
	padding-left: 45vw;
}
.hbPl55vw{
	padding-left: 50vw;
}
.hbPl105vw{
	padding-left: 100vw;
}

/*paddingR*/
.hbPr3{
	padding-right: 3vw;
}
.hbPr5vw{
	padding-right: 5vw;
}
.hbPr15vw{
	padding-right: 10vw;
}
.hbPr15vw{
	padding-right: 15vw;
}
.hbPr25vw{
	padding-right: 20vw;
}
.hbPr25vw{
	padding-right: 25vw;
}
.hbPr35vw{
	padding-right: 30vw;
}
.hbPr5vw{
	padding-right: 35vw;
}
.hbPr45vw{
	padding-right: 40vw;
}
.hbPr45vw{
	padding-right: 45vw;
}
.hbPr55vw{
	padding-right: 50vw;
}
.hbPr105vw{
	padding-right: 100vw;
}

/*背景色*/
.hbBc_blk{
	background-color: #000;
}
.hbBc_gray{
	background-color: #999999;
}

.hbBc_crimsonRed{
    background-color: #bf0000;
}
.hbBc_wht{
	background-color: #FFF;
}
.hbBc_wht07{
	background-color: #FFF;
	opacity: 0.7;
}
.hbBc_main{
	background-color: $maincolor;
}
.hbBc_base{
	background-color: $basecolor;
}
.hbBc_accent{
	background-color: $accentcolor;
}
.hbBc_mainD{
	background-color: darken($maincolor,20%);
}
.hbBc_baseD{
	background-color: darken($basecolor,20%);
}
.hbBc_accentD{
	background-color: darken($accentcolor,20%);
}
.hbBc_mainL{
	background-color: lighten($maincolor,20%);
}
.hbBc_baseL{
	background-color: lighten($basecolor,20%);
}
.hbBc_accentL{
	background-color: lighten($accentcolor,20%);
}

/*フォント種類*/
.text_mincho{
	font-family: "Sawarabi Mincho";
}

.text_serif{
	font-family: 'Lora', serif;
}


.flex .col1{
	width: 8%;
}
.flex .col2{
	width: 18%;
}
.flex .col2_5{
	width: 23%;
}
.flex .col3{
	width: 28%;
}
.flex .col4{
	width: 38%;
}
.flex .col5{
	width: 48%;
}
.flex .col6{
	width: 58%;
}
.flex .col7{
	width: 68%;
}
.flex .col8{
	width: 78%;
}
.flex .col9{
	width: 88%;
}

.under_solid{
	border-bottom: 1px #000000 solid;
}

.under_dot{
	border-bottom: 1px #000000 dotted;
}

.left_solid{
	border-left: 5px #000000 solid;
}

.left_dot{
	border-left: 5px #000000 dotted;
}

.right_solid{
	border-right: 1px #000000 solid;
}

.right_dot{
	border-right: 1px #000000 dotted;
}

.wid1000{
	width: 100%;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

.wid980{
	width: 100%;
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
}

.wid960{
	width: 100%;
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.wid950{
	width:100%;
	max-width: 950px;
	margin-right: auto;
	margin-left: auto;
}

.widall{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.wid750{
	width: 100%;
	max-width: 750px;
	margin-right: auto;
	margin-left: auto;
}

.wid760{
	width: 100%;
	max-width: 760px;
	margin-right: auto;
	margin-left: auto;
}

.wid740{
	width: 100%;
	max-width: 740px;
	margin-right: auto;
	margin-left: auto;
}

.wid200{
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}


@media screen and (min-width: 801px) {
	.flexPc{
		display: -webkit-flex;
	    display: -moz-flex;
	    display: -ms-flex;
	    display: -o-flex;
	    display: flex;
		flex-direction: row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:space-between;
	}
    .flexPc .col1{
        width: 8%;
    }
    .flexPc .col2{
        width: 18%;
    }
    .flexPc .col3{
        width: 28%;
    }
    .flexPc .col4{
        width: 38%;
    }
    .flexPc .col5{
        width: 48%;
    }
    .flexPc .col6{
        width: 58%;
    }
    .flexPc .col7{
        width: 68%;
    }
    .flexPc .col8{
        width: 78%;
    }
    .flexPc .col9{
        width: 88%;
    }
}

/*文字サイズ　レスポンジブ*/
@media screen and (max-width: 800px) {
    .hbFs_016{
		font-size: 12px;
	}
    .hbFs_018{
		font-size: 14px;
	}
    .hbFs_024{
		font-size: 18px;
	}
	.hbFs_032{
		font-size: 24px;
	}
	.hbFs_048{
		font-size: 38px;
	}
	.hbFs_058{
		font-size: 48px;
	}
	.hbFs_072{
		font-size: 58px;
	}
	.title{
		@include fontsize($textsize*1.5);
	}
	.komidashi{
		@include fontsize($textsize*1.2);
	}
    .sp_no{
        display: none;
    }
}