/* 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; }

/* 複合margin-bottom */
.mb0020 { margin-bottom: 0; }
.mb0510 { margin-bottom: 5px; }
.mb1015 { margin-bottom: 10px; }
.mb1020 { margin-bottom: 10px; }
.mb1520 { margin-bottom: 15px; }
.mb2000 { margin-bottom: 20px; }
.mb2030 { margin-bottom: 20px; }
.mb3040 { margin-bottom: 30px; }
.mb3050 { margin-bottom: 30px; }
.mb4050 { margin-bottom: 40px; }
.mb4060 { margin-bottom: 40px; }
.mb4080 { margin-bottom: 40px; }
@media screen and (min-width: 768px){
.mb0020 { margin-bottom: 20px; }
.mb0510 { margin-bottom: 10px; }
.mb1015 { margin-bottom: 15px; }
.mb1020 { margin-bottom: 20px; }
.mb1520 { margin-bottom: 20px; }
.mb2000 { margin-bottom: 0; }
.mb2030 { margin-bottom: 30px; }
.mb3040 { margin-bottom: 40px; }
.mb3050 { margin-bottom: 50px; }
.mb4050 { margin-bottom: 50px; }
.mb4060 { margin-bottom: 60px; }
.mb4080 { margin-bottom: 80px; }
}

/* 写真のポジション縦 */
.pic_posi_v00 { object-position: 50% 0%; }
.pic_posi_v01 { object-position: 50% 10%; }
.pic_posi_v02 { object-position: 50% 20%; }
.pic_posi_v03 { object-position: 50% 30%; }
.pic_posi_v04 { object-position: 50% 40%; }
.pic_posi_v05 { object-position: 50% 50%; }
.pic_posi_v06 { object-position: 50% 60%; }
.pic_posi_v07 { object-position: 50% 70%; }
.pic_posi_v08 { object-position: 50% 80%; }
.pic_posi_v09 { object-position: 50% 90%; }
.pic_posi_v10 { object-position: 50% 100%; }

/* 写真のポジション横 */
.pic_posi_h00 { object-position: 0% 50%; }
.pic_posi_h01 { object-position: 10% 50%; }
.pic_posi_h02 { object-position: 20% 50%; }
.pic_posi_h03 { object-position: 30% 50%; }
.pic_posi_h04 { object-position: 40% 50%; }
.pic_posi_h05 { object-position: 50% 50%; }
.pic_posi_h06 { object-position: 60% 50%; }
.pic_posi_h07 { object-position: 70% 50%; }
.pic_posi_h08 { object-position: 80% 50%; }
.pic_posi_h09 { object-position: 90% 50%; }
.pic_posi_h10 { object-position: 100% 50%; }

/* letter-spacing */
.ls00 { letter-spacing: 0em; }
.ls0005 { letter-spacing: 0.005em; }
.ls001 { letter-spacing: 0.01em; }
.ls002 { letter-spacing: 0.02em; }
.ls003 { letter-spacing: 0.03em; }
.ls004 { letter-spacing: 0.04em; }
.ls005 { letter-spacing: 0.05em; }
.ls006 { letter-spacing: 0.06em; }
.ls007 { letter-spacing: 0.07em; }
.ls008 { letter-spacing: 0.08em; }
.ls009 { letter-spacing: 0.09em; }
.ls01  { letter-spacing: 0.1em; }
.ls-0005 { letter-spacing: -0.005em; }
.ls-001 { letter-spacing: -0.01em; }
.ls-002 { letter-spacing: -0.02em; }
.ls-003 { letter-spacing: -0.03em; }
.ls-004 { letter-spacing: -0.04em; }
.ls-005 { letter-spacing: -0.05em; }
.ls-006 { letter-spacing: -0.06em; }
.ls-007 { letter-spacing: -0.07em; }
.ls-008 { letter-spacing: -0.08em; }
.ls-009 { letter-spacing: -0.09em; }
.ls-01  { letter-spacing: -0.1em; }

.pals001 { font-feature-settings: "palt"; letter-spacing: 0.01em; }
.pals002 { font-feature-settings: "palt"; letter-spacing: 0.02em; }
.pals003 { font-feature-settings: "palt"; letter-spacing: 0.03em; }
.pals004 { font-feature-settings: "palt"; letter-spacing: 0.04em; }
.pals005 { font-feature-settings: "palt"; letter-spacing: 0.05em; }
.pals006 { font-feature-settings: "palt"; letter-spacing: 0.06em; }
.pals007 { font-feature-settings: "palt"; letter-spacing: 0.07em; }
.pals008 { font-feature-settings: "palt"; letter-spacing: 0.08em; }
.pals009 { font-feature-settings: "palt"; letter-spacing: 0.09em; }
.pals01 { font-feature-settings: "palt"; letter-spacing: 0.1em; }



/* ######## 1px以上 ######## */
@media screen and (min-width: 1px){
.yesPC360 {
    display: block !important;
}
.yesSP360 {
    display: none !important;
}
.yesPC374 {
    display: block !important;
}
.yesSP374 {
    display: none !important;
}
.yesPC380 {
    display: block !important;
}
.yesSP380 {
    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;
}
.yesPC1100 {
	display: none !important;
}
.yesSP1100 {
	display: block !important;
}
.yesPC1200 {
	display: none !important;
}
.yesSP1200 {
	display: block !important;
}
.yesPAD399-599 {
    display: none !important;
}
.yesPAD500-768 {
    display: none !important;
}
.yesPAD500-999 {
    display: none !important;
}
.yesPAD768-999 {
    display: none !important;
}
.yesPAD768-1100 {
    display: none !important;
}
.yesPAD1000-1100 {
    display: none !important;
}
.yesPAD1000-1200 {
    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;
} 
}
/* ######## 380px以下 ######## */
@media screen and (max-width: 380px){
.yesPC380 {
    display: none !important;
}
.yesSP380 {
    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;
} 
}
/* ######## 380px～699px ######## */
@media screen and (min-width: 380px) and (max-width: 699px){
    .yesPAD380-699 {
        display: block !important;
    }
    }
/* ######## 399px～599px ######## */
@media screen and (min-width: 399px) and (max-width: 599px){
.yesPAD399-599 {
    display: block !important;
}
}
/* ######## 500px～768px ######## */
@media screen and (min-width: 500px) and (max-width: 768px){
.yesPAD500-768 {
    display: block !important;
}
}
/* ######## 500px～999px ######## */
@media screen and (min-width: 500px) and (max-width: 999px){
.yesPAD500-999 {
    display: block !important;
}
}
/* ######## 550px～1100px ######## */
@media screen and (min-width: 550px) and (max-width: 1100px){
.yesPAD550-1100 {
    display: block !important;
}
}
/* ######## 768px～999px ######## */
@media screen and (min-width: 768px) and (max-width: 999px){
.yesPAD768-999 {
    display: block !important;
}
}
/* ######## 768px～1035px ######## */
@media screen and (min-width: 768px) and (max-width: 1035px){
    .yesPAD768-1035 {
        display: block !important;
    }
    }
/* ######## 768px～1100px ######## */
@media screen and (min-width: 768px) and (max-width: 1100px){
.yesPAD768-1100 {
    display: block !important;
}
}
/* ######## 1000px～1100px ######## */
@media screen and (min-width: 1000px) and (max-width: 1100px){
.yesPAD1000-1100 {
    display: block !important;
}
}
/* ######## 1000px～1200px ######## */
@media screen and (min-width: 1000px) and (max-width: 1200px){
.yesPAD1000-1200 {
    display: block !important;
}
}