﻿/* 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 */
.mb0060 { margin-bottom: 0; }
.mb0020 { margin-bottom: 0; }
.mb0510 { margin-bottom: 5px; }
.mb1015 { margin-bottom: 10px; }
.mb1020 { margin-bottom: 10px; }
.mb1520 { margin-bottom: 15px; }
.mb1530 { margin-bottom: 15px; }
.mb2000 { margin-bottom: 20px; }
.mb2030 { margin-bottom: 20px; }
.mb2040 { margin-bottom: 20px; }
.mb2530 { margin-bottom: 25px; }
.mb3040 { margin-bottom: 30px; }
.mb3050 { margin-bottom: 30px; }
.mb3060 { margin-bottom: 30px; }
.mb4050 { margin-bottom: 40px; }
.mb4060 { margin-bottom: 40px; }
.mb4070 { 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; }
.mb1530 { margin-bottom: 30px; }
.mb2000 { margin-bottom: 0; }
.mb2030 { margin-bottom: 30px; }
.mb2530 { margin-bottom: 30px; }
.mb2040 { margin-bottom: 40px; }
.mb3040 { margin-bottom: 40px; }
.mb3050 { margin-bottom: 50px; }
.mb3060 { margin-bottom: 60px; }
.mb4050 { margin-bottom: 50px; }
.mb4060 { margin-bottom: 60px; }
.mb4070 { margin-bottom: 70px; }
.mb4080 { margin-bottom: 80px; }
}
@media screen and (min-width: 1000px){
.mb0060 { margin-bottom: 60px; }
}

/* 写真のポジション縦 */
.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; }

.kana { letter-spacing: -0.03em; }/* 丸ゴシpalt効かないカタカナに使用 */
.kana05 { letter-spacing: -0.05em; }/* 丸ゴシpalt効かないカタカナに使用 */
.kana10 { letter-spacing: -0.1em; }/* 丸ゴシpalt効かないカタカナに使用 */
.kana15 { letter-spacing: -0.15em; }/* 丸ゴシpalt効かないカタカナに使用 */
.zero { letter-spacing: -0.5em; }/* 丸ゴシpalt効かない行末文末句読点に使用 */

.pals00 { font-feature-settings: "palt"; letter-spacing: 0em; }
.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; }

/* gap - Flex/Grid用 */
.gap00 { gap: 0px; }
.gap03 { gap: 3px; }
.gap05 { gap: 5px; }
.gap10 { gap: 10px; }
.gap15 { gap: 15px; }
.gap20 { gap: 20px; }
.gap25 { gap: 25px; }
.gap30 { gap: 30px; }
.gap35 { gap: 35px; }
.gap40 { gap: 40px; }
.gap45 { gap: 45px; }
.gap50 { gap: 50px; }
.gap55 { gap: 55px; }
.gap60 { gap: 60px; }
.gap65 { gap: 65px; }
.gap70 { gap: 70px; }
.gap75 { gap: 75px; }
.gap80 { gap: 80px; }
.gap85 { gap: 85px; }
.gap90 { gap: 90px; }
.gap95 { gap: 95px; }

.gap2030 { gap: 20px; }
.gap2040 { gap: 20px; }
.gap3040 { gap: 30px; }
.gap3060 { gap: 30px; }
@media screen and (min-width: 1100px){
.gap2030 { gap: 30px; }
.gap2040 { gap: 40px; }
.gap3040 { gap: 40px; }
.gap3060 { gap: 60px; }
}

.lh100 { line-height: 100%; }
.lh110 { line-height: 110%; }
.lh120 { line-height: 120%; }
.lh130 { line-height: 130%; }
.lh140 { line-height: 140%; }
.lh150 { line-height: 150%; }
.lh160 { line-height: 160%; }
.lh170 { line-height: 170%; }
.lh180 { line-height: 180%; }
.lh190 { line-height: 190%; }
.lh200 { line-height: 200%; }

.fwlight { font-weight: light; }   /* ※ 実質 300 相当が多い */
.fwbold  { font-weight: bold; }  /* ※ 実質 700 相当が多い */
.fw100 { font-weight: 100; }
.fw200 { font-weight: 200; }
.fw300 { font-weight: 300; }
.fw400 { font-weight: 400; }
.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
.fw800 { font-weight: 800; }
.fw900 { font-weight: 900; }

/* <br>改行指定2026年～ */
@media screen and (min-width: 1px){
/* PCは表示、SPは非表示（デフォルト） */
.yesPC360 { display: block !important; }
.yesSP360 { display: none !important; }

.yesPC374 { display: block !important; }
.yesSP374 { display: none !important; }

.yesPC380 { display: block !important; }
.yesSP380 { display: none !important; }

.yesPC389 { display: block !important; }
.yesSP389 { display: none !important; }

.yesPC399 { display: block !important; }
.yesSP399 { display: none !important; }

.yesPC409 { display: block !important; }
.yesSP409 { 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; }

.yesPC767 { display: block !important; }
.yesSP767 { display: none !important; }

/* ここからのPC/SPは“逆”がデフォ（元コード踏襲） */
.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; }

.yesPC1050 { display: none !important; }
.yesSP1050 { display: block !important; }

.yesPC1100 { display: none !important; }
.yesSP1100 { display: block !important; }

.yesPC1150 { display: none !important; }
.yesSP1150 { display: block !important; }

.yesPC1200 { display: none !important; }
.yesSP1200 { display: block !important; }

.yesPC1250 { display: none !important; }
.yesSP1250 { display: block !important; }

.yesPC1300 { display: none !important; }
.yesSP1300 { display: block !important; }

.yesPC1400 { display: none !important; }
.yesSP1400 { display: block !important; }

/* PAD系はベースでは全部消す */
.yesPAD399-599 { display: none !important; }
.yesPAD370-499 { display: none !important; }
.yesPAD499-1199 { display: none !important; }
.yesPAD599-999 { display: none !important; }
.yesPAD768-999 { display: none !important; }
.yesPAD768-1049 { display: none !important; }
.yesPAD768-1099 { display: none !important; }
.yesPAD768-1149 { display: none !important; }
.yesPAD768-1199 { display: none !important; }
.yesPAD768-1249 { display: none !important; }
.yesPAD1000-1099 { display: none !important; }
.yesPAD1000-1199 { display: none !important; }
.yesPAD1000-1249 { display: none !important; }
.yesPAD1100-1199 { display: none !important; }
.yesPAD1100-1249 { 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; }
}
/* ######## 389px以下 ######## */
@media screen and (max-width: 389px){
.yesPC389 { display: none !important; }
.yesSP389 { display: block !important; }
}
/* ######## 399px以下 ######## */
@media screen and (max-width: 399px){
.yesPC399 { display: none !important; }
.yesSP399 { display: block !important; }
}
/* ######## 409px以下 ######## */
@media screen and (max-width: 409px){
.yesPC409 { display: none !important; }
.yesSP409 { 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; }
}
/* ######## 767px以下 ######## */
@media screen and (max-width: 767px){
.yesPC767 { display: none !important; }
.yesSP767 { 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; }
}
/* ######## 1050px以上 ######## */
@media screen and (min-width: 1050px){
.yesPC1050 { display: block !important; }
.yesSP1050 { display: none !important; }
}
/* ######## 1100px以上 ######## */
@media screen and (min-width: 1100px){
.yesPC1100 { display: block !important; }
.yesSP1100 { display: none !important; }
}
/* ######## 1150px以上 ######## */
@media screen and (min-width: 1150px){
.yesPC1150 { display: block !important; }
.yesSP1150 { display: none !important; }
}
/* ######## 1200px以上 ######## */
@media screen and (min-width: 1200px){
.yesPC1200 { display: block !important; }
.yesSP1200 { display: none !important; }
}
/* ######## 1250px以上 ######## */
@media screen and (min-width: 1250px){
.yesPC1250 { display: block !important; }
.yesSP1250 { display: none !important; }
}
/* ######## 1300px以上 ######## */
@media screen and (min-width: 1300px){
.yesPC1300 { display: block !important; }
.yesSP1300 { display: none !important; }
}
/* ######## 1400px以上 ######## */
@media screen and (min-width: 1400px){
.yesPC1400 { display: block !important; }
.yesSP1400 { display: none !important; }
}

/* ######## 370px～499px ######## */
@media screen and (min-width: 370px) and (max-width: 499px){
.yesPAD370-499 { display: block !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; }
}
/* ######## 499px～1199px ######## */
@media screen and (min-width: 499px) and (max-width: 1199px){
.yesPAD499-1199 { display: block !important; }
}
/* ######## 599px～999px ######## */
@media screen and (min-width: 599px) and (max-width: 999px){
.yesPAD599-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～1049px ######## */
@media screen and (min-width: 768px) and (max-width: 1049px){
.yesPAD768-1049 { display: block !important; }
}
/* ######## 768px～1099px ######## */
@media screen and (min-width: 768px) and (max-width: 1099px){
.yesPAD768-1099 { display: block !important; }
}
/* ######## 768px～1149px ######## */
@media screen and (min-width: 768px) and (max-width: 1149px){
.yesPAD768-1149 { display: block !important; }
}
/* ######## 768px～1199px ######## */
@media screen and (min-width: 768px) and (max-width: 1199px){
.yesPAD768-1199 { display: block !important; }
}
/* ######## 768px～1249px ######## */
@media screen and (min-width: 768px) and (max-width: 1249px){
.yesPAD768-1249 { display: block !important; }
}
/* ######## 1000px～1099px ######## */
@media screen and (min-width: 1000px) and (max-width: 1099px){
.yesPAD1000-1099 { display: block !important; }
}
/* ######## 1000px～1199px ######## */
@media screen and (min-width: 1000px) and (max-width: 1199px){
.yesPAD1000-1199 { display: block !important; }
}
/* ######## 1000px～1249px ######## */
@media screen and (min-width: 1000px) and (max-width: 1249px){
.yesPAD1000-1249 { display: block !important; }
}
/* ######## 1100px～1199px ######## */
@media screen and (min-width: 1100px) and (max-width: 1199px){
.yesPAD1100-1199 { display: block !important; }
}
/* ######## 1100px～1249px ######## */
@media screen and (min-width: 1100px) and (max-width: 1249px){
.yesPAD1100-1249 { display: block !important; }
}