/* margin-bottom */
.mb00 { margin-bottom: 0; }
.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb55 { margin-bottom: 55px; }
.mb60 { margin-bottom: 60px; }
.mb65 { margin-bottom: 65px; }
.mb70 { margin-bottom: 70px; }
.mb75 { margin-bottom: 75px; }
.mb80 { margin-bottom: 80px; }
.mb85 { margin-bottom: 85px; }
.mb90 { margin-bottom: 90px; }
.mb95 { margin-bottom: 95px; }

/* margin-top */
.mt00 { margin-top: 0; }
.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt55 { margin-top: 55px; }
.mt60 { margin-top: 60px; }
.mt65 { margin-top: 65px; }
.mt70 { margin-top: 70px; }
.mt75 { margin-top: 75px; }
.mt80 { margin-top: 80px; }
.mt85 { margin-top: 85px; }
.mt90 { margin-top: 90px; }
.mt95 { margin-top: 95px; }

/* margin-right */
.mr00 { margin-right: 0; }
.mr05 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }
.mr55 { margin-right: 55px; }
.mr60 { margin-right: 60px; }
.mr65 { margin-right: 65px; }
.mr70 { margin-right: 70px; }
.mr75 { margin-right: 75px; }
.mr80 { margin-right: 80px; }
.mr85 { margin-right: 85px; }
.mr90 { margin-right: 90px; }
.mr95 { margin-right: 95px; }

/* margin-left */
.ml00 { margin-left: 0; }
.ml05 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }
.ml55 { margin-left: 55px; }
.ml60 { margin-left: 60px; }
.ml65 { margin-left: 65px; }
.ml70 { margin-left: 70px; }
.ml75 { margin-left: 75px; }
.ml80 { margin-left: 80px; }
.ml85 { margin-left: 85px; }
.ml90 { margin-left: 90px; }
.ml95 { margin-left: 95px; }


/* 複合 */
.mb0020 { margin-bottom: 0; }
.mb1530 { margin-bottom: 15px; }
.mb2000 { margin-bottom: 20px; }
.mb2030 { margin-bottom: 20px; }
.mb2040 { margin-bottom: 20px; }
.mb3050 { margin-bottom: 30px; }
@media screen and (min-width: 768px){
.mb0020 { margin-bottom: 20px; }
.mb1530 { margin-bottom: 30px; }
.mb2000 { margin-bottom: 0; }
.mb2030 { margin-bottom: 30px; }
.mb2040 { margin-bottom: 40px; }
.mb3050 { margin-bottom: 50px; }
}



/* ######## 1px以上 ######## */
@media screen and (min-width: 1px){
.yesPC360 {
    display: block !important;
}
.yesSP360 {
    display: none !important;
}
.yesPC374 {
    display: block !important;
}
.yesSP374 {
    display: none !important;
}
.yesPC399 {
    display: block !important;
}
.yesSP399 {
    display: none !important;
}
.yesPC499 {
    display: block !important;
}
.yesSP499 {
    display: none !important;
}
.yesPC599 {
	display: block !important;
}
.yesSP599 {
	display: none !important;
}
.yesPC699 {
	display: block !important;
}
.yesSP699 {
	display: none !important;
}
.yesPC768 {
	display: none !important;
}
.yesSP768 {
	display: block !important;
}
.yesPC810 {
	display: none !important;
}
.yesSP810 {
	display: block !important;
}
.yesPC899 {
	display: none !important;
}
.yesSP899 {
	display: block !important;
}
.yesPC1000 {
	display: none !important;
}
.yesSP1000 {
	display: block !important;
}
.yesPC1200 {
	display: none !important;
}
.yesSP1200 {
	display: block !important;
}
.yesPAD399-599 {
    display: none !important;
}
.yesPAD500-999 {
    display: none !important;
}
.yesPAD768-999 {
    display: none !important;
}
.yesPAD768-1100 {
    display: none !important;
}
.yesPAD1000-1100 {
    display: none !important;
}
}
/* ######## 360px以下 ######## */
@media screen and (max-width: 360px){
.yesPC360 {
    display: none !important;
}
.yesSP360 {
    display: block !important;
} 
}
/* ######## 374px以下 ######## */
@media screen and (max-width: 374px){
.yesPC374 {
    display: none !important;
}
.yesSP374 {
    display: block !important;
} 
}
/* ######## 399px以下 ######## */
@media screen and (max-width: 399px){
.yesPC399 {
    display: none !important;
}
.yesSP399 {
    display: block !important;
} 
}
/* ######## 499px以下 ######## */
@media screen and (max-width: 499px){
.yesPC499 {
    display: none !important;
}
.yesSP499 {
    display: block !important;
} 
}
/* ######## 599px以下 ######## */
@media screen and (max-width: 599px){
.yesPC599 {
	display: none !important;
}
.yesSP599 {
	display: block !important;
} 
}
/* ######## 699px以下 ######## */
@media screen and (max-width: 699px){
.yesPC699 {
    display: none !important;
}
.yesSP699 {
    display: block !important;
} 
}
/* ######## 768px以上 ######## */
@media screen and (min-width: 768px){
.yesPC768 {
	display: block !important;
}
.yesSP768 {
	display: none !important;
}
}
/* ######## 810px以上 ######## */
@media screen and (min-width: 810px){
.yesPC810 {
	display: block !important;
}
.yesSP810 {
	display: none !important;
}
}
/* ######## 899px以上 ######## */
@media screen and (min-width: 899px){
.yesPC899 {
	display: block !important;
}
.yesSP899 {
	display: none !important;
} 
}
/* ######## 1000px以上 ######## */
@media screen and (min-width: 1000px){
.yesPC1000 {
    display: block !important;
}
.yesSP1000 {
    display: none !important;
}
}
/* ######## 1100px以上 ######## */
@media screen and (min-width: 1100px){
.yesPC1100 {
    display: block !important;
}
.yesSP1100 {
    display: none !important;
}
}
/* ######## 1200px以上 ######## */
@media screen and (min-width: 1200px){
.yesPC1200 {
    display: block !important;
}
.yesSP1200 {
    display: none !important;
} 
}
/* ######## 399px～599px ######## */
@media screen and (min-width: 399px) and (max-width: 599px){
.yesPAD399-599 {
    display: block !important;
}
}
/* ######## 500px～999px ######## */
@media screen and (min-width: 500px) and (max-width: 999px){
.yesPAD500-999 {
    display: block !important;
}
}
/* ######## 768px～999px ######## */
@media screen and (min-width: 768px) and (max-width: 999px){
.yesPAD768-999 {
    display: block !important;
}
}
/* ######## 768px～1100px ######## */
@media screen and (min-width: 768px) and (max-width: 1000px){
.yesPAD768-1100 {
    display: block !important;
}
}
/* ######## 1000px～1100px ######## */
@media screen and (min-width: 1000px) and (max-width: 1100px){
.yesPAD1000-1100 {
    display: block !important;
}
}