html {
	height: 100%;
}

* {
	margin: 0;
	padding: 0;
}

body {

	height: 100%;
	width:100%;
	margin: 0;
	padding: 0;
	border:solid 0;
	background-color:#ffffff;
	font-size:100%;
	font-weight: normal;
	-webkit-print-color-adjust: exact;
}

img {
	vertical-align: top;
}

p {
	margin: 0px;
	padding: 0px;
}

.content {
	overflow-x: hidden;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝角丸＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.radius10 {
	border-radius: 10px;
}

.radius20 {
	border-radius: 20px;
}

.radius30 {
	border-radius: 30px;
}

.radius40p {
	border-radius: 40%;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝フォント＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.fbold {
	font-weight: bold;
}

.f10 {
	font-size: 10px;
}

.f13 {
	font-size: 13px;
}

.f15 {
	font-size: 15px;
}

.f20 {
	font-size: 20px;
}

.f25 {
	font-size: 25px;
}

.f30 {
	font-size: 30px;
}

.f40 {
	font-size: 40px;
}

.f2v {
	font-size: 2vw;
}

.f2-5v {
	font-size: 2.5vw;
}

.f3v {
	font-size: 3vw;
}

.f3-5v {
	font-size: 3.5vw;
}

.f4v {
	font-size: 4vw;
}

.f4-5v {
	font-size: 4.5vw;
}

.f5v {
	font-size: 5vw;
}

.f6v {
	font-size: 6vw;
}

.f7v {
	font-size: 7vw;
}

.f10v {
	font-size: 10vw;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ＰＣ画面用設定＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (min-width: 1024px) { /*ウィンドウ幅が767px以上の場合に適用*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝position設定＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


	.pc-flex,.tab-flex {
		display: flex;
	}

	.sp-only {
		display: none;
	}

	.sp-none {
		display: initial;
	}
}

@media screen and (max-width: 1024px) { /*ウィンドウ幅が最大767pxまでの場合に適用*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝position設定＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


	.tab-flex {
		display: flex;
	}
	.pc-flex {
		display: block;
	}

	.sp-only {
		display: none;
	}

	.sp-none {
		display: initial;
	}
}

@media screen and (max-width: 767px) { /*ウィンドウ幅が最大767pxまでの場合に適用*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝position設定＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


	.tab-flex,.pc-flex {
		display: block;
	}

	.sp-only {
		display: initial;
	}

	.sp-none {
		display: none;
	}
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝横幅設定＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.w6 {
	width: 6%;
}
.w8 {
	width: 8%;
}
.w10 {
	width: 10%;
}
.w20 {
	width: 20%;
}

.w30 {
	width: 30%;
}

.w35 {
	width: 35%;
}

.w40 {
	width: 40%;
}

.w50 {
	width: 50%;
}

.w60 {
	width: 60%;
}

.w70 {
	width: 70%;
}

.w80 {
	width: 80%;
}

.w90 {
	width: 90%;
}

.w100 {
	width: 100%;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝縦幅設定＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.h20 {
	height: 20%;
}

.h50 {
	height: 50%;
}

.h50v {
	height: 50vh;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝縦位置vertical-align＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



.va-top {
	vertical-align: top;
}

.va-bottom {
	vertical-align: bottom;
}

.va-baseline {
	vertical-align: baseline;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝マージン設定＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*===============================マージン設定=======================================*/

.mauto {
	margin: auto;
}

.mg10 {
	margin: 10px;
}

.mg20 {
	margin: 20px;
}

.mb0 {
	margin-bottom: 0px;
}

.mb5{
  margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb80 {
	margin-bottom: 80px;
}

.mb150 {
	margin-bottom: 150px;
}

.mt-200 {
	margin-top: -200px;
}

.mt-100 {
	margin-top: -100px;
}

.mt-80 {
	margin-top: -80px;
}

.mt-30 {
	margin-top: -30px;
}

.mt-20 {
	margin-top: -20px;
}

.mt-10 {
	margin-top: -10px;
}

.mt0{
  margin-top: 0px;
}

.mt5{
  margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.mt80 {
	margin-top: 80px;
}

.mt150 {
	margin-top: 150px;
}

.ml-25p {
	margin-left: -25%;
}

.ml-20p {
	margin-left: -20%;
}

.ml-15p {
	margin-left: -15%;
}

.ml-5p {
	margin-left: -5%;
}

.ml-3p {
	margin-left: -3%;
}

.ml5p {
	margin-left: 5%;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px;
}

.ml30 {
	margin-left: 30px;
}

.ml50 {
	margin-left: 50px;
}

.ml75 {
	margin-left: 75px;
}

.ml100 {
	margin-left: 100px;
}

.ml10p {
	margin-left: 10%;
}

.ml20p {
	margin-left: 20%;
}

.ml30p {
	margin-left: 30%;
}

.ml40p {
	margin-left: 40%;
}

.mr0 {
	margin-right: 0;
}

.mr10 {
	margin-right: 10px;
}

.mr15 {
	margin-right: 15px;
}

.mr5p {
	margin-right: 5%;
}

.mr10p {
	margin-right: 10%;
}

.mr20 {
	margin-right: 20px;
}

.mr30 {
	margin-right: 30px;
}

.mr50 {
	margin-right: 50px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝パディング設定＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.pad0 {
	padding: 0px;
}

.pad2 {
	padding: 2px;
}

.pad5 {
	padding: 5px;
}

.pad10 {
	padding: 10px;
}

.pad20 {
	padding: 20px;
}

.pad30 {
	padding: 30px;
}

.pt5p {
	padding-top: 5%;
}

.pt6p {
	padding-top: 6%;
}

.pt20 {
	padding-top: 20px;
}

.pt30 {
	padding-top: 30px;
}

.pt50 {
	padding-top: 50px;
}

.pt100 {
	padding-top: 100px;
}

.pt200 {
	padding-top: 200px;
}

.pb5p {
	padding-bottom: 5%;
}

.pb6p {
	padding-bottom: 6%;
}

.pb10 {
	padding-bottom: 10px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb30 {
	padding-bottom: 30px;
}

.pb40 {
	padding-bottom: 40px;
}

.pb50 {
	padding-bottom: 50px;
}

.pb80 {
	padding-bottom: 80px;
}

.pb50p {
	padding-bottom: 50%;
}

.pb60p {
	padding-bottom: 60%;
}

.pb100p {
	padding-bottom: 100%;
}

.pl2p {
	padding-left: 2%;
}

.pl15 {
	padding-left: 15px;
}

.pl20 {
	padding-left: 20px;
}

.pr5p {
	padding-right: 5%;
}

.pr20 {
	padding-right: 20px;
}

.pr30 {
	padding-right: 30px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝バックカラー＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.bgwhite {
	background-color: #fff;
}

.bgred {
	background-color: #f00;
}


.red {
	color: #f00;
}
.white {
	color: #fff;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝カーソル設定＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.cursor-not {
	/*禁止*/
	cursor: not-allowed;
}

.cursor-point {
	/*ポインター*/
	cursor: pointer;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝その他の設定＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.z1 {
	z-index: 1;
}

.z10 {
	z-index: 10;
}

.relat0 {
	position: relative;
}

.absol0 {
	position: absolute;
}

.d-flex {
	display: flex;
}
.flex-j-around {
	justify-content: space-around;
}
.flex-j-between {
	justify-content: space-between;
}
.flex-j-center {
	justify-content: center;
}

.flex-j-end {
	justify-content: flex-end;
}

.flex-i-center {
	align-items: center;
}
.flex-i-stretch {
	align-items: stretch;
}
.flex-i-start {
	align-items: flex-start;
}
.flex-i-baseline {
	align-items: baseline;
}

.flex-wrap {
	flex-wrap: wrap;
}

.d-none {
	display: none;
}


.d-order1 {
	order: 1;
}
.d-order2 {
	order: 2;
}
.d-order3 {
	order: 3;
}
.d-order4 {
	order: 4;
}

.valign-middle {
	vertical-align: middle;
}

.valign-baseline {
	vertical-align: baseline;
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.resizeNone {
	resize: none;
}

.deco-none {
	color: #000;
}

.deco-none a {
	text-decoration: none;
	color: #00f;
}

.deco-none a:hover {
	text-decoration: none;
	color: #88f;
}

.deco-none-b {
	color: #fff;
}

.deco-none-b a {
	text-decoration: none;
	color: #fff;
}

.deco-none-b a:hover {
	text-decoration: none;
	color: #fff;
}

.float-l {
	float: left;
}

.over-hidden {
	overflow: hidden;
}