/* @charset "utf-8";
 CSS Document */
/* 追加する時はここ参照すると良い https://www.webcreatorbox.com/tech/css-flexbox-cheat-sheet */
* {
}
.flexbox {
	display: flex;
}
.flexbox img.w90 {
	max-width: 90%;
}
.flexbox img.w95 {
	max-width: 95%;
}
.flexbox img.w98 {
	max-width: 98%;
}
.item2 {
	width: 50%;
	position: relative;
}
.item3 {
	width: 33.33%;
	position: relative;
}
.item3x2 {
	width: 66.67%;
	position: relative;
}
.item4 {
	width: 25%;
	position: relative;
}
.item5 {
	max-width: 20%;
	position: relative;
}
.item5x2 {
	max-width: 40%;
	position: relative;
}
.item5x3 {
	max-width: 60%;
	position: relative;
}
.flex-wrap-wrap { /*折り返しする*/
	flex-wrap: wrap;
}
.flex-wrap-nowrap { /*折り返ししない*/
	flex-wrap: nowrap;
}
.justify-content-safe { /*はみ出たらstartと同じように振舞う*/
	justify-content: safe;
}
.justify-content-flex-start { /*左寄せ*/
	justify-content: flex-start;
}
.justify-content-flex-end { /*右寄せ*/
	justify-content: flex-end;
}
.justify-content-center { /*中央寄せ*/
	justify-content: center;
}
.justify-content-space-between { /*端は詰めて等間隔*/
	justify-content: space-between;
}
.justify-content-space-around { /*端は空けて等間隔*/
	justify-content: space-around;
}
.justify-content-space-evenly { /*全て等間隔*/
	justify-content: space-evenly;
}
.flex-direction-column { /*下ぞろえの親用*/
	flex-direction: column;
}
.flexbottom { /*下ぞろえの要素用*/
	margin-top: auto;
}
.flex-direction-row-reverse { /*右から並べる*/
	flex-direction: row-reverse;
}
.align-items-center { /*高さ中央*/
	align-items: center;
}
@media screen and (min-width: 601px) { /*601px以上*/
.pcflexbox {
	display: flex;
}
.pcflexbox img.w90 {
	max-width: 90%;
}
.pcflexbox img.w95 {
	max-width: 95%;
}
.pcflexbox img.w98 {
	max-width: 98%;
}
.pcitem2 {
	width: 50%;
}
.pcitem3 {
	width: 33.3%;
}
.pcitem3x2 {
	width: 66.67%;
}
.pcitem4 {
	width: 25%;
}
.pcitem5 {
	max-width: 20%;
}
.pcitem5x2 {
	max-width: 40%;
}
.pcitem5x3 {
	max-width: 60%;
}
.pcflex-wrap-wrap { /*折り返しする*/
	flex-wrap: wrap;
}
.pcflex-wrap-nowrap { /*折り返ししない*/
	flex-wrap: nowrap;
}
.pcjustify-content-safe { /*はみ出たらstartと同じように振舞う*/
	justify-content: safe;
}
.pcjustify-content-flex-start { /*左寄せ*/
	justify-content: flex-start;
}
.pcjustify-content-flex-end { /*右寄せ*/
	justify-content: flex-end;
}
.pcjustify-content-center { /*中央寄せ*/
	justify-content: center;
}
.pcjustify-content-space-between { /*端は詰めて等間隔*/
	justify-content: space-between;
}
.pcjustify-content-space-around { /*端は空けて等間隔*/
	justify-content: space-around;
}
.pcjustify-content-space-evenly { /*全て等間隔*/
	justify-content: space-evenly;
}
.pcflex-direction-column { /*下ぞろえの親flexbox用*/
	flex-direction: column;
}
.pcflexbottom { /*下ぞろえの要素が入るflexitem用*/
	margin-top: auto;
}
.pcflex-direction-row-reverse { /*右から並べる*/
	flex-direction: row-reverse;
}
}
@media screen and (max-width:600px) { /*600px以下*/
.spflexbox {
	display: flex;
}
.spflexbox img.w90 {
	max-width: 90%;
}
.spflexbox img.w95 {
	max-width: 95%;
}
.spflexbox img.w98 {
	max-width: 98%;
}
.spitem2 {
	width: 50%;
}
.spitem3 {
	width: 33.3%;
}
.spitem3x2 {
	width: 66.67%;
}
.spitem4 {
	width: 25%;
}
.spitem5 {
	max-width: 20%;
}
.spitem5x2 {
	max-width: 40%;
}
.spitem5x3 {
	max-width: 60%;
}
.spflex-wrap-wrap { /*折り返しする*/
	flex-wrap: wrap;
}
.spflex-wrap-nowrap { /*折り返ししない*/
	flex-wrap: nowrap;
}
.spjustify-content-safe { /*はみ出たらstartと同じように振舞う*/
	justify-content: safe;
}
.spjustify-content-flex-start { /*左寄せ*/
	justify-content: flex-start;
}
.spjustify-content-flex-end { /*右寄せ*/
	justify-content: flex-end;
}
.spjustify-content-center { /*中央寄せ*/
	justify-content: center;
}
.spjustify-content-space-between { /*端は詰めて等間隔*/
	justify-content: space-between;
}
.spjustify-content-space-around { /*端は空けて等間隔*/
	justify-content: space-around;
}
.spjustify-content-space-evenly { /*全て等間隔*/
	justify-content: space-evenly;
}
.spflex-direction-column { /*下ぞろえの親用*/
	flex-direction: column;
}
.spflexbottom { /*下ぞろえの要素用*/
	margin-top: auto;
}
.spflex-direction-row-reverse { /*右から並べる*/
	flex-direction: row-reverse;
}
}