@charset "utf-8";
/* CSS Document

/* マージン */

.no_m { margin:0!important; }

.mt0 { margin-top:0px!important; }
.mt5 { margin-top:5px!important; }
.mt10 { margin-top:10px!important; }
.mt15 { margin-top:15px!important; }
.mt20 { margin-top:20px!important; }
.mt25 { margin-top:25px!important; }
.mt30 { margin-top:30px!important; }
.mt35 { margin-top:35px!important; }
.mt40 { margin-top:40px!important; }
.mt45 { margin-top:45px!important; }
.mt50 { margin-top:50px!important; }
.mt60 { margin-top:60px!important; }
.mt70 { margin-top:70px!important; }

.mb0 { margin-bottom:0px!important; }
.mb5 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb25 { margin-bottom:25px!important; }
.mb30 { margin-bottom:30px!important; }
.mb35 { margin-bottom:35px!important; }
.mb40 { margin-bottom:40px!important; }
.mb45 { margin-bottom:45px!important; }
.mb50 { margin-bottom:50px!important; }
.mb60 { margin-bottom:60px!important; }
.mb70 { margin-bottom:70px!important; }

.ml0 { margin-left:0px!important; }
.ml5 { margin-left:5px!important; }
.ml10 { margin-left:10px!important; }
.ml15 { margin-left:15px!important; }
.ml20 { margin-left:20px!important; }
.ml25 { margin-left:25px!important; }
.ml30 { margin-left:30px!important; }
.ml35 { margin-left:35px!important; }
.ml40 { margin-left:40px!important; }
.ml45 { margin-left:45px!important; }
.ml50 { margin-left:50px!important; }
.ml60 { margin-left:60px!important; }
.ml70 { margin-left:70px!important; }
.mlat { margin-left:auto!important; }

.ml1em { margin-left:1em!important; }
.mb1em { margin-bottom:1em!important; }

.mr0 { margin-right:0px!important; }
.mr5 { margin-right:5px!important; }
.mr10 { margin-right:10px!important; }
.mr15 { margin-right:15px!important; }
.mr20 { margin-right:20px!important; }
.mr25 { margin-right:25px!important; }
.mr30 { margin-right:30px!important; }
.mr35 { margin-right:35px!important; }
.mr40 { margin-right:40px!important; }
.mr45 { margin-right:45px!important; }
.mr50 { margin-right:50px!important; }
.mr60 { margin-right:60px!important; }
.mr70 { margin-right:70px!important; }


.mt0_5rem { margin-top:.5rem!important; }
.mt1_0rem { margin-top:1.0rem!important; }
.mt1_5rem { margin-top:1.5rem!important; }
.mt2_0rem { margin-top:2.0rem!important; }
.mt2_5rem { margin-top:2.5rem!important; }
.mt3_0rem { margin-top:3.0rem!important; }
.mt3_5rem { margin-top:3.5rem!important; }
.mt4_0rem { margin-top:4.0rem!important; }
.mt4_5rem { margin-top:4.5rem!important; }
.mt5_0rem { margin-top:5.0rem!important; }
.mt6_0rem { margin-top:6.0rem!important; }
.mt7_0rem { margin-top:7.0rem!important; }

.mb0_5rem { margin-bottom:.5rem!important; }
.mb1_0rem { margin-bottom:1.0rem!important; }
.mb1_5rem { margin-bottom:1.5rem!important; }
.mb2_0rem { margin-bottom:2.0rem!important; }
.mb2_5rem { margin-bottom:2.5rem!important; }
.mb3_0rem { margin-bottom:3.0rem!important; }
.mb3_5rem { margin-bottom:3.5rem!important; }
.mb4_0rem { margin-bottom:4.0rem!important; }
.mb4_5rem { margin-bottom:4.5rem!important; }
.mb5_0rem { margin-bottom:5.0rem!important; }
.mb6_0rem { margin-bottom:6.0rem!important; }
.mb7_0rem { margin-bottom:7.0rem!important; }

.ml0_5rem { margin-left:.5rem!important; }
.ml1_0rem { margin-left:1.0rem!important; }
.ml1_5rem { margin-left:1.5rem!important; }
.ml2_0rem { margin-left:2.0rem!important; }
.ml2_5rem { margin-left:2.5rem!important; }
.ml3_0rem { margin-left:3.0rem!important; }
.ml3_5rem { margin-left:3.5rem!important; }
.ml4_0rem { margin-left:4.0rem!important; }
.ml4_5rem { margin-left:4.5rem!important; }
.ml5_0rem { margin-left:5.0rem!important; }
.ml6_0rem { margin-left:6.0rem!important; }
.ml7_0rem { margin-left:7.0rem!important; }

.mr0_5rem { margin-right:.5rem!important; }
.mr1_0rem { margin-right:1.0rem!important; }
.mr1_5rem { margin-right:1.5rem!important; }
.mr2_0rem { margin-right:2.0rem!important; }
.mr2_5rem { margin-right:2.5rem!important; }
.mr3_0rem { margin-right:3.0rem!important; }
.mr3_5rem { margin-right:3.5rem!important; }
.mr4_0rem { margin-right:4.0rem!important; }
.mr4_5rem { margin-right:4.5rem!important; }
.mr5_0rem { margin-right:5.0rem!important; }
.mr6_0rem { margin-right:6.0rem!important; }
.mr7_0rem { margin-right:7.0rem!important; }


.mrat { margin-right:auto!important; }

.myoko_at{
	margin-left: auto!important;
	margin-right: auto!important;
}

@media (max-width: 768px) {
.no_m_sp { margin:0!important; }

.mt0_sp { margin-top:0px!important; }
.mt1w_sp { margin-top:1vw!important; }
.mt2w_sp { margin-top:2vw!important; }
.mt3w_sp { margin-top:3vw!important; }
.mt4w_sp { margin-top:4vw!important; }
.mt5w_sp { margin-top:5vw!important; }
.mt6w_sp { margin-top:6vw!important; }
.mt7w_sp { margin-top:7vw!important; }
.mt8w_sp { margin-top:8vw!important; }
.mt9w_sp { margin-top:9vw!important; }
.mt10w_sp { margin-top:10vw!important; }

.mb0_sp { margin-bottom:0px!important; }
.mb1w_sp { margin-bottom:1vw!important; }
.mb2w_sp { margin-bottom:2vw!important; }
.mb3w_sp { margin-bottom:3vw!important; }
.mb4w_sp { margin-bottom:4vw!important; }
.mb5w_sp { margin-bottom:5vw!important; }
.mb6w_sp { margin-bottom:6vw!important; }
.mb7w_sp { margin-bottom:7vw!important; }
.mb8w_sp { margin-bottom:8vw!important; }
.mb9w_sp { margin-bottom:9vw!important; }
.mb10w_sp { margin-bottom:10vw!important; }

.ml0_sp { margin-left:0px!important; }
.ml3w_sp { margin-left:3vw!important; }
.mlat_sp { margin-left:auto!important; }

.ml1em_sp { margin-left:1em!important; }

.mr0_sp { margin-right:0px!important; }
.mr3w_sp { margin-right:3vw!important; }
.mrat_sp { margin-right:auto!important; }

.myoko_at_sp{
	margin-left: auto!important;
	margin-right: auto!important;
}
}

/* パディング */

.no_p { padding:0!important; }

.pt0 { padding-top:0px!important; }
.pt5 { padding-top:5px!important; }
.pt10 { padding-top:10px!important; }
.pt15 { padding-top:15px!important; }
.pt20 { padding-top:20px!important; }
.pt25 { padding-top:25px!important; }
.pt30 { padding-top:30px!important; }
.pt35 { padding-top:35px!important; }
.pt40 { padding-top:40px!important; }
.pt45 { padding-top:45px!important; }
.pt50 { padding-top:50px!important; }
.pt60 { padding-top:60px!important; }
.pt70 { padding-top:70px!important; }

.pb0 { padding-bottom:0px!important; }
.pb5 { padding-bottom:5px!important; }
.pb10 { padding-bottom:10px!important; }
.pb15 { padding-bottom:15px!important; }
.pb20 { padding-bottom:20px!important; }
.pb25 { padding-bottom:25px!important; }
.pb30 { padding-bottom:30px!important; }
.pb35 { padding-bottom:35px!important; }
.pb40 { padding-bottom:40px!important; }
.pb45 { padding-bottom:45px!important; }
.pb50 { padding-bottom:50px!important; }
.pb60 { padding-bottom:60px!important; }
.pb70 { padding-bottom:70px!important; }

.pl0 { padding-left:0px!important; }
.pl5 { padding-left:5px!important; }
.pl10 { padding-left:10px!important; }
.pl15 { padding-left:15px!important; }
.pl20 { padding-left:20px!important; }
.pl25 { padding-left:25px!important; }
.pl30 { padding-left:30px!important; }
.pl35 { padding-left:35px!important; }
.pl40 { padding-left:40px!important; }
.pl45 { padding-left:45px!important; }
.pl50 { padding-left:50px!important; }
.pl60 { padding-left:60px!important; }
.pl70 { padding-left:70px!important; }

.pr0 { padding-right:0px!important; }
.pr5 { padding-right:5px!important; }
.pr10 { padding-right:10px!important; }
.pr15 { padding-right:15px!important; }
.pr20 { padding-right:20px!important; }
.pr25 { padding-right:25px!important; }
.pr30 { padding-right:30px!important; }
.pr35 { padding-right:35px!important; }
.pr40 { padding-right:40px!important; }
.pr45 { padding-right:45px!important; }
.pr50 { padding-right:50px!important; }
.pr60 { padding-right:60px!important; }
.pr70 { padding-right:70px!important; }


.pt0_5rem { padding-top:.5rem!important; }
.pt1_0rem { padding-top:1.0rem!important; }
.pt1_5rem { padding-top:1.5rem!important; }
.pt2_0rem { padding-top:2.0rem!important; }
.pt2_5rem { padding-top:2.5rem!important; }
.pt3_0rem { padding-top:3.0rem!important; }
.pt3_5rem { padding-top:3.5rem!important; }
.pt4_0rem { padding-top:4.0rem!important; }
.pt4_5rem { padding-top:4.5rem!important; }
.pt5_0rem { padding-top:5.0rem!important; }
.pt6_0rem { padding-top:6.0rem!important; }
.pt7_0rem { padding-top:7.0rem!important; }

.pb0_5rem { padding-bottom:.5rem!important; }
.pb1_0rem { padding-bottom:1.0rem!important; }
.pb1_5rem { padding-bottom:1.5rem!important; }
.pb2_0rem { padding-bottom:2.0rem!important; }
.pb2_5rem { padding-bottom:2.5rem!important; }
.pb3_0rem { padding-bottom:3.0rem!important; }
.pb3_5rem { padding-bottom:3.5rem!important; }
.pb4_0rem { padding-bottom:4.0rem!important; }
.pb4_5rem { padding-bottom:4.5rem!important; }
.pb5_0rem { padding-bottom:5.0rem!important; }
.pb6_0rem { padding-bottom:6.0rem!important; }
.pb7_0rem { padding-bottom:7.0rem!important; }

.pl0_5rem { padding-left:.5rem!important; }
.pl1_0rem { padding-left:1.0rem!important; }
.pl1_5rem { padding-left:1.5rem!important; }
.pl2_0rem { padding-left:2.0rem!important; }
.pl2_5rem { padding-left:2.5rem!important; }
.pl3_0rem { padding-left:3.0rem!important; }
.pl3_5rem { padding-left:3.5rem!important; }
.pl4_0rem { padding-left:4.0rem!important; }
.pl4_5rem { padding-left:4.5rem!important; }
.pl5_0rem { padding-left:5.0rem!important; }
.pl6_0rem { padding-left:6.0rem!important; }
.pl7_0rem { padding-left:7.0rem!important; }

.pr0_5rem { padding-right:.5rem!important; }
.pr1_0rem { padding-right:1.0rem!important; }
.pr1_5rem { padding-right:1.5rem!important; }
.pr2_0rem { padding-right:2.0rem!important; }
.pr2_5rem { padding-right:2.5rem!important; }
.pr3_0rem { padding-right:3.0rem!important; }
.pr3_5rem { padding-right:3.5rem!important; }
.pr4_0rem { padding-right:4.0rem!important; }
.pr4_5rem { padding-right:4.5rem!important; }
.pr5_0rem { padding-right:5.0rem!important; }
.pr6_0rem { padding-right:6.0rem!important; }
.pr7_0rem { padding-right:7.0rem!important; }


.p1em{padding: 1em!important;}
.p05em{padding: 0.5em!important;}
.p03em{padding: 0.3em!important;}

.pb1em{padding-bottom: 1em;}

@media (max-width: 768px) {
.no_p_sp { padding:0!important; }

.pt0_sp { padding-top:0px!important; }
.pt1w_sp { padding-top:1vw!important; }
.pt2w_sp { padding-top:2vw!important; }
.pt3w_sp { padding-top:3vw!important; }
.pt4w_sp { padding-top:4vw!important; }
.pt5w_sp { padding-top:5vw!important; }
.pt6w_sp { padding-top:6vw!important; }
.pt7w_sp { padding-top:7vw!important; }
.pt8w_sp { padding-top:8vw!important; }
.pt9w_sp { padding-top:9vw!important; }
.pt10w_sp { padding-top:10vw!important; }

.pb0_sp { padding-bottom:0px!important; }
.pb1w_sp { padding-bottom:1vw!important; }
.pb2w_sp { padding-bottom:2vw!important; }
.pb3w_sp { padding-bottom:3vw!important; }
.pb4w_sp { padding-bottom:4vw!important; }
.pb5w_sp { padding-bottom:5vw!important; }
.pb6w_sp { padding-bottom:6vw!important; }
.pb7w_sp { padding-bottom:7vw!important; }
.pb8w_sp { padding-bottom:8vw!important; }
.pb9w_sp { padding-bottom:9vw!important; }
.pb10w_sp { padding-bottom:10vw!important; }

.pl0_sp { padding-left:0px!important; }
.pl1w_sp { padding-left:1vw!important; }
.pl2w_sp { padding-left:2vw!important; }
.pl3w_sp { padding-left:3vw!important; }
.pl4w_sp { padding-left:4vw!important; }
.pl5w_sp { padding-left:5vw!important; }
.pl6w_sp { padding-left:6vw!important; }
.pl7w_sp { padding-left:7vw!important; }
.pl8w_sp { padding-left:8vw!important; }
.pl9w_sp { padding-left:9vw!important; }
.pl10w_sp { padding-left:10vw!important; }

.pr0_sp { padding-right:0px!important; }
.pr1w_sp { padding-right:1vw!important; }
.pr2w_sp { padding-right:2vw!important; }
.pr3w_sp { padding-right:3vw!important; }
.pr4w_sp { padding-right:4vw!important; }
.pr5w_sp { padding-right:5vw!important; }
.pr6w_sp { padding-right:6vw!important; }
.pr7w_sp { padding-right:7vw!important; }
.pr8w_sp { padding-right:8vw!important; }
.pr9w_sp { padding-right:9vw!important; }
.pr10w_sp { padding-right:10vw!important; }

.p1em_sp{padding: 1em!important;}
.p05em_sp{padding: 0.5em!important;}
.p03em_sp{padding: 0.3em!important;}
}


/* アライン */

.al_c { text-align:center!important; }
.al_r { text-align:right!important; }
.al_l { text-align:left!important; }
.val_m{vertical-align: middle!important}
@media (max-width: 768px) {
.al_c_sp { text-align:center!important; }
.al_r_sp { text-align:right!important; }
.al_l_sp { text-align:left!important; }
}


/* 文字装飾 */

.wht { color:#fff!important; }
.red { color:#ff0000!important; }
.b { font-weight:bold!important; }

.fs_9 { font-size:9px!important; }
.fs_10 { font-size:10px!important; }
.fs_11 { font-size:11px!important; }
.fs_12 { font-size:12px!important; }
.fs_13 { font-size:13px!important; }
.fs_14 { font-size:14px!important; }
.fs_15 { font-size:15px!important; }
.fs_16 { font-size:16px!important; }
.fs_17 { font-size:17px!important; }
.fs_18 { font-size:18px!important; }
.fs_19 { font-size:19px!important; }
.fs_20 { font-size:20px!important; }
.fs_21 { font-size:21px!important; }
.fs_22 { font-size:22px!important; }
.fs_23 { font-size:23px!important; }
.fs_24 { font-size:24px!important; }
.fs_25 { font-size:25px!important; }
.fs_26 { font-size:26px!important; }

.em05{font-size: 0.5em !important;}
.em06{font-size: 0.6em !important;}
.em07{font-size: 0.7em !important;}
.em08{font-size: 0.8em !important;}
.em09{font-size: 0.9em !important;}
.em10{font-size: 1.0em !important;}
.em11{font-size: 1.1em !important;}
.em12{font-size: 1.2em !important;}
.em13{font-size: 1.3em !important;}
.em14{font-size: 1.4em !important;}
.em15{font-size: 1.5em !important;}
.em16{font-size: 1.6em !important;}
.em17{font-size: 1.7em !important;}
.em18{font-size: 1.8em !important;}
.em19{font-size: 1.9em !important;}
.em20{font-size: 2.0em !important;}

.rem05{font-size: 0.5rem !important;}
.rem06{font-size: 0.6rem !important;}
.rem07{font-size: 0.7rem !important;}
.rem08{font-size: 0.8rem !important;}
.rem09{font-size: 0.9rem !important;}
.rem10{font-size: 1.0rem !important;}
.rem11{font-size: 1.1rem !important;}
.rem12{font-size: 1.2rem !important;}
.rem13{font-size: 1.3rem !important;}
.rem14{font-size: 1.4rem !important;}
.rem15{font-size: 1.5rem !important;}
.rem16{font-size: 1.6rem !important;}
.rem17{font-size: 1.7rem !important;}
.rem18{font-size: 1.8rem !important;}
.rem19{font-size: 1.9rem !important;}
.rem20{font-size: 2.0rem !important;}
.rem21{font-size: 2.1rem !important;}
.rem22{font-size: 2.2rem !important;}
.rem23{font-size: 2.3rem !important;}
.rem24{font-size: 2.4rem !important;}
.rem25{font-size: 2.5rem !important;}
.rem26{font-size: 2.6rem !important;}
.rem27{font-size: 2.7rem !important;}
.rem28{font-size: 2.8rem !important;}
.rem29{font-size: 2.9rem !important;}
.rem30{font-size: 3.0rem !important;}

@media (min-width: 769px) {
.em05_pc{font-size: 0.5em !important;}
.em06_pc{font-size: 0.6em !important;}
.em07_pc{font-size: 0.7em !important;}
.em08_pc{font-size: 0.8em !important;}
.em09_pc{font-size: 0.9em !important;}
.em10_pc{font-size: 1.0em !important;}
.em11_pc{font-size: 1.1em !important;}
.em12_pc{font-size: 1.2em !important;}
.em13_pc{font-size: 1.3em !important;}
.em14_pc{font-size: 1.4em !important;}
.em15_pc{font-size: 1.5em !important;}
.em16_pc{font-size: 1.6em !important;}
.em17_pc{font-size: 1.7em !important;}
.em18_pc{font-size: 1.8em !important;}
.em19_pc{font-size: 1.9em !important;}
.em20_pc{font-size: 2.0em !important;}
}
@media (max-width: 768px) {
.em05_sp{font-size: 0.5em !important;}
.em06_sp{font-size: 0.6em !important;}
.em07_sp{font-size: 0.7em !important;}
.em08_sp{font-size: 0.8em !important;}
.em09_sp{font-size: 0.9em !important;}
.em10_sp{font-size: 1.0em !important;}
.em11_sp{font-size: 1.1em !important;}
.em12_sp{font-size: 1.2em !important;}
.em13_sp{font-size: 1.3em !important;}
.em14_sp{font-size: 1.4em !important;}
.em15_sp{font-size: 1.5em !important;}
.em16_sp{font-size: 1.6em !important;}
.em17_sp{font-size: 1.7em !important;}
.em18_sp{font-size: 1.8em !important;}
.em19_sp{font-size: 1.9em !important;}
.em20_sp{font-size: 2.0em !important;}
	
.rem05_sp{font-size: 0.5rem !important;}
.rem06_sp{font-size: 0.6rem !important;}
.rem07_sp{font-size: 0.7rem !important;}
.rem08_sp{font-size: 0.8rem !important;}
.rem09_sp{font-size: 0.9rem !important;}
.rem10_sp{font-size: 1.0rem !important;}
.rem11_sp{font-size: 1.1rem !important;}
.rem12_sp{font-size: 1.2rem !important;}
.rem13_sp{font-size: 1.3rem !important;}
.rem14_sp{font-size: 1.4rem !important;}
.rem15_sp{font-size: 1.5rem !important;}
.rem16_sp{font-size: 1.6rem !important;}
.rem17_sp{font-size: 1.7rem !important;}
.rem18_sp{font-size: 1.8rem !important;}
.rem19_sp{font-size: 1.9rem !important;}
.rem20_sp{font-size: 2.0rem !important;}
.rem21_sp{font-size: 2.1rem !important;}
.rem22_sp{font-size: 2.2rem !important;}
.rem23_sp{font-size: 2.3rem !important;}
.rem24_sp{font-size: 2.4rem !important;}
.rem25_sp{font-size: 2.5rem !important;}
.rem26_sp{font-size: 2.6rem !important;}
.rem27_sp{font-size: 2.7rem !important;}
.rem28_sp{font-size: 2.8rem !important;}
.rem29_sp{font-size: 2.9rem !important;}
.rem30_sp{font-size: 3.0rem !important;}
}

.lh10{line-height: 1 !important;}
.lh11{line-height: 1.1 !important;}
.lh12{line-height: 1.2 !important;}
.lh13{line-height: 1.3 !important;}
.lh14{line-height: 1.4 !important;}
.lh15{line-height: 1.5 !important;}
.lh16{line-height: 1.6 !important;}
.lh17{line-height: 1.7 !important;}
.lh18{line-height: 1.8 !important;}
.lh19{line-height: 1.9 !important;}
.lh20{line-height: 2 !important;}

.yum{font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "YuMincho", "Yu Mincho", "游明朝", serif !important;}

/* 段落 */

.jp_indent { text-indent:-1em; padding-left:1em; }


/* ボーダー */

.no_bdr { border:none!important; }
.bdr_ccc{border: 1px solid #ccc}

/*　背景色y　*/

.bg_wh{background-color: #fff !important;}
.bg_ccc{background-color: #ccc !important;}

/* CSS3 角丸 */

.radius_5 {
	border-raidus:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;	
}
.radius_10 {
	border-raidus:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;	
}
.radius_15 {
	border-raidus:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-o-border-radius:15px;
	-ms-border-radius:15px;	
}
.radius_20 {
	border-raidus:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-o-border-radius:20px;
	-ms-border-radius:20px;	
}
.radius_25 {
	border-raidus:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	-o-border-radius:25px;
	-ms-border-radius:25px;	
}
.radius_30 {
	border-raidus:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	-o-border-radius:30px;
	-ms-border-radius:30px;	
}


/* フロート・クリアフィックス */

.no_fl { float:none!important; }

.fl_l { float:left!important; }
.fl_r { float:right!important; }

.clear { clear:both!important; }

.clearfix:after { display: block; clear: both; height: 0px; line-height: 0px; visibility: hidden; content: "."; }
.clearfix { display: block; /* for IE8 */ }

/* 幅 */
.w100p{width: 100% !important;}
.w90p{width: 90% !important;}
.w80p{width: 80% !important;}
.w70p{width: 70% !important;}
.w60p{width: 60% !important;}
.w50p{width: 50% !important;}
.w40p{width: 40% !important;}
.w30p{width: 30% !important;}
.w20p{width: 20% !important;}
.w10p{width: 10% !important;}
.w5p{width: 5% !important;}

@media (min-width: 769px) {
.w100p_pc{width: 100% !important;}
.w90p_pc{width: 90% !important;}
.w80p_pc{width: 80% !important;}
.w70p_pc{width: 70% !important;}
.w60p_pc{width: 60% !important;}
.w50p_pc{width: 50% !important;}
.w40p_pc{width: 40% !important;}
.w30p_pc{width: 30% !important;}
.w20p_pc{width: 20% !important;}
.w10p_pc{width: 10% !important;}
.w5p_pc{width: 5% !important;}
}

@media (max-width: 768px) {
.w100p_sp{width: 100% !important;}
.w90p_sp{width: 90% !important;}
.w80p_sp{width: 80% !important;}
.w70p_sp{width: 70% !important;}
.w60p_sp{width: 60% !important;}
.w50p_sp{width: 50% !important;}
.w40p_sp{width: 40% !important;}
.w30p_sp{width: 30% !important;}
.w20p_sp{width: 20% !important;}
.w10p_sp{width: 10% !important;}
.w5p_sp{width: 5% !important;}
}

/* position */
.psn_re{
	position: relative!important;
}
.ab_off{/*absoluteを解除する*/
	position: relative!important;
	top: auto!important;
	bottom: auto!important;
	left: auto!important;
	right: auto!important;
}
/* display */
.dis_ib{
	display: inline-block!important;
}
.dis_il{
	display: inline!important;
}
.dis_blk{
	display: block!important;
}