/**********************************
position
**********************************/
.hp-poss { position: static !important; }
.hp-posa { position: absolute !important; }
.hp-posr { position: relative !important; }
.hp-posf { position: fixed !important; }
.hp-b10 { bottom: 10px!important;}
.hp-t0 { top: 0px!important;}
.hp-l0 { left: 0px!important;}
.hp-r0 { right: 0px!important;}

/**********************************
float
**********************************/
.hp-fl { float: left !important; }
.hp-fr { float: right !important; }
.hp-fn { float: none !important; }
.hp-cl { clear: both !important; }

/**********************************
display
**********************************/
.hp-dn { display: none !important; }
.hp-db { display: block !important; }
.hp-di { display: inline !important; }
.hp-dib { display: inline-block !important; }
.table,.hp-dtb { display: table !important; }
.hp-ditb { display: inline-table !important; }
.table_cell,.hp-dtbc { display: table-cell !important; }
.hp-dn { display: none !important; }

/**********************************
overflow
**********************************/
.hp-ovv { overflow: visible !important; }
.hp-ovf { overflow: hidden !important; }
.hp-ova { overflow: auto !important; }
.hp-ovs { overflow: scroll !important; }


/**********************************
min-height
**********************************/
.hp-mih0 { min-height: 0!important; }
.hp-mh10{min-height:10px !important; }
.hp-mh500{min-height:500px !important; }
.hp-mh550{min-height:550px !important; }

/**********************************
width
**********************************/
.hp-wd670 { width: 670px !important; }
.hp-wd5p { width: 5% !important; }
.hp-wd10p { width: 10% !important; }
.hp-wd15p { width: 15% !important; }
.hp-wd20p { width: 20% !important; }
.hp-wd22p { width: 22% !important; }
.hp-wd23p { width: 23% !important; }
.hp-wd25p { width: 25% !important; }
.hp-wd30p { width: 30% !important; }
.hp-wd35p { width: 35% !important; }
.hp-wd40p { width: 40% !important; }
.hp-wd45p { width: 45% !important; }
.hp-wd48p { width: 48% !important; }
.hp-wd50p { width: 50% !important; }
.hp-wd55p { width: 55% !important; }
.hp-wd60p { width: 60% !important; }
.hp-wd65p { width: 65% !important; }
.hp-wd70p { width: 70% !important; }
.hp-wd75p { width: 75% !important; }
.hp-wd80p { width: 80% !important; }
.hp-wd85p { width: 85% !important; }
.hp-wd90p { width: 90% !important; }
.hp-wd94p { width: 94% !important; }
.hp-wd95p { width: 95% !important; }
.hp-wd100p { width: 99% !important; }
.hp-wd40 { width: 40px !important; }
.hp-wd60 { width: 60px !important; }
.hp-wd80 { width: 80px !important; }
.hp-wd100 { width: 100px !important; }
/* max-width */
.hp-maw5p { max-width: 5% !important; }
.hp-maw10p { max-width: 10% !important; }
.hp-maw15p { max-width: 15% !important; }
.hp-maw20p { max-width: 20% !important; }
.hp-maw22p { max-width: 22% !important; }
.hp-maw23p { max-width: 23% !important; }
.hp-maw25p { max-width: 25% !important; }
.hp-maw30p { max-width: 30% !important; }
.hp-maw35p { max-width: 35% !important; }
.hp-maw40p { max-width: 40% !important; }
.hp-maw45p { max-width: 45% !important; }
.hp-maw48p { max-width: 48% !important; }
.hp-maw50p { max-width: 50% !important; }
.hp-maw55p { max-width: 55% !important; }
.hp-maw60p { max-width: 60% !important; }
.hp-maw65p { max-width: 65% !important; }
.hp-maw70p { max-width: 70% !important; }
.hp-maw75p { max-width: 75% !important; }
.hp-maw80p { max-width: 80% !important; }
.hp-maw85p { max-width: 85% !important; }
.hp-maw90p { max-width: 90% !important; }
.hp-maw95p { max-width: 95% !important; }
.hp-maw100p { max-width: 100% !important; }

/**********************************
height
**********************************/
.hp-ht100p{height:100%; !importnat}
.hp-ht200{height:200px; !importnat}
.hp-ht44{height:44px; !importnat}

/**********************************
padding
**********************************/
.hp-p0 { padding: 0px !important; }
.hp-p5 { padding: 5px !important; }
.hp-p10 { padding: 10px !important; }
.hp-p15 { padding: 15px !important; }
.hp-p20 { padding: 20px !important; }
.hp-p25 { padding: 25px !important; }
.hp-p30 { padding: 30px !important; }
.hp-p35 { padding: 35px !important; }
.hp-p40 { padding: 40px !important; }
.hp-p45 { padding: 45px !important; }
.hp-p50 { padding: 50px !important; }

/*
padding-top
*/
.hp-pt0 { padding-top: 0px !important; }
.hp-pt5 { padding-top: 5px !important; }
.hp-pt10 { padding-top: 10px !important; }
.hp-pt15 { padding-top: 15px !important; }
.hp-pt20 { padding-top: 20px !important; }
.hp-pt25 { padding-top: 25px !important; }
.hp-pt30 { padding-top: 30px !important; }
.hp-pt35 { padding-top: 35px !important; }
.hp-pt40 { padding-top: 40px !important; }
.hp-pt45 { padding-top: 45px !important; }
.hp-pt50 { padding-top: 50px !important; }
.hp-pt55 { padding-top: 55px !important; }
.hp-pt60 { padding-top: 60px !important; }
.hp-pt65 { padding-top: 65px !important; }
.hp-pt70 { padding-top: 70px !important; }
.hp-pt75 { padding-top: 75px !important; }
.hp-pt80 { padding-top: 80px !important; }
.hp-pt85 { padding-top: 85px !important; }
.hp-pt90 { padding-top: 90px !important; }
.hp-pt95 { padding-top: 95px !important; }
.hp-pt100 { padding-top: 100px !important; }
.hp-pt120{ padding-top: 120px !important; }

/*
padding-right
*/
.hp-pr0 { padding-right: 0px !important; }
.hp-pr5 { padding-right: 5px !important; }
.hp-pr10 { padding-right: 10px !important; }
.hp-pr15 { padding-right: 15px !important; }
.hp-pr20 { padding-right: 20px !important; }
.hp-pr25 { padding-right: 25px !important; }
.hp-pr30 { padding-right: 30px !important; }
.hp-pr35 { padding-right: 35px !important; }
.hp-pr40 { padding-right: 40px !important; }
.hp-pr45 { padding-right: 45px !important; }
.hp-pr50 { padding-right: 50px !important; }
.hp-pr55 { padding-right: 55px !important; }
.hp-pr60 { padding-right: 60px !important; }
.hp-pr65 { padding-right: 65px !important; }
.hp-pr70 { padding-right: 70px !important; }
.hp-pr75 { padding-right: 75px !important; }
.hp-pr80 { padding-right: 80px !important; }
.hp-pr85 { padding-right: 85px !important; }
.hp-pr90 { padding-right: 90px !important; }
.hp-pr95 { padding-right: 95px !important; }
.hp-pr100 { padding-right: 100px !important; }
.pr_1em{padding-right: 1em !important;}
/*
padding-bottom
*/
.hp-pb0 { padding-bottom: 0px !important; }
.hp-pb5 { padding-bottom: 5px !important; }
.hp-pb10 { padding-bottom: 10px !important; }
.hp-pb15 { padding-bottom: 15px !important; }
.hp-pb20 { padding-bottom: 20px !important; }
.hp-pb25 { padding-bottom: 25px !important; }
.hp-pb30 { padding-bottom: 30px !important; }
.hp-pb35 { padding-bottom: 35px !important; }
.hp-pb40 { padding-bottom: 40px !important; }
.hp-pb45 { padding-bottom: 45px !important; }
.hp-pb50 { padding-bottom: 50px !important; }
.hp-pb55 { padding-bottom: 55px !important; }
.hp-pb60 { padding-bottom: 60px !important; }
.hp-pb65 { padding-bottom: 65px !important; }
.hp-pb70 { padding-bottom: 70px !important; }
.hp-pb75 { padding-bottom: 75px !important; }
.hp-pb80 { padding-bottom: 80px !important; }
.hp-pb85 { padding-bottom: 85px !important; }
.hp-pb90 { padding-bottom: 90px !important; }
.hp-pb95 { padding-bottom: 95px !important; }
.hp-pb100 { padding-bottom: 100px !important; }
.hp-pb130 { padding-bottom: 130px !important; }

/*
padding-left
*/
.hp-pl0 { padding-left: 0px !important; }
.hp-pl5 { padding-left: 5px !important; }
.hp-pl10 { padding-left: 10px !important; }
.hp-pl15 { padding-left: 15px !important; }
.hp-pl20 { padding-left: 20px !important; }
.hp-pl25 { padding-left: 25px !important; }
.hp-pl30 { padding-left: 30px !important; }
.hp-pl35 { padding-left: 35px !important; }
.hp-pl40 { padding-left: 40px !important; }
.hp-pl45 { padding-left: 45px !important; }
.hp-pl50 { padding-left: 50px !important; }
.hp-pl55 { padding-left: 55px !important; }
.hp-pl60 { padding-left: 60px !important; }
.hp-pl65 { padding-left: 65px !important; }
.hp-pl70 { padding-left: 70px !important; }
.hp-pl75 { padding-left: 75px !important; }
.hp-pl80 { padding-left: 80px !important; }
.hp-pl85 { padding-left: 85px !important; }
.hp-pl90 { padding-left: 90px !important; }
.hp-pl95 { padding-left: 95px !important; }
.hp-pl100 { padding-left: 100px !important; }

/**********************************
margin
**********************************/
.hp-m0 { margin: 0px !important; }
.hp-m5 { margin: 5px !important; }
.hp-m10 { margin: 10px !important; }
.hp-m15 { margin: 15px !important; }
.hp-m20 { margin: 20px !important; }
.hp-m25 { margin: 25px !important; }
.hp-m30 { margin: 30px !important; }
.hp-m35 { margin: 35px !important; }
.hp-m40 { margin: 40px !important; }
.hp-m45 { margin: 45px !important; }
.hp-m50 { margin: 50px !important; }

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

/*
margin-right
*/
.hp-mra { margin-right: auto !important; }
.hp-mr3p { margin-right: 3% !important; }
.hp-mr0 { margin-right: 0px !important; }
.hp-mr5 { margin-right: 5px !important; }
.hp-mr10 { margin-right: 10px !important; }
.hp-mr15 { margin-right: 15px !important; }
.hp-mr20 { margin-right: 20px !important; }
.hp-mr25 { margin-right: 25px !important; }
.hp-mr30 { margin-right: 30px !important; }
.hp-mr35 { margin-right: 35px !important; }
.hp-mr40 { margin-right: 40px !important; }
.hp-mr45 { margin-right: 45px !important; }
.hp-mr50 { margin-right: 50px !important; }
.hp-mr55 { margin-right: 55px !important; }
.hp-mr60 { margin-right: 60px !important; }
.hp-mr65 { margin-right: 65px !important; }
.hp-mr70 { margin-right: 70px !important; }
.hp-mr75 { margin-right: 75px !important; }
.hp-mr80 { margin-right: 80px !important; }
.hp-mr85 { margin-right: 85px !important; }
.hp-mr90 { margin-right: 90px !important; }
.hp-mr95 { margin-right: 95px !important; }
.hp-mr100 { margin-right: 100px !important; }

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

/*
margin-left
*/
.hp-mla { margin-left: auto !important; }
.hp-ml3p { margin-left: 3% !important; }
.hp-ml0 { margin-left: 0px !important; }
.hp-ml5 { margin-left: 5px !important; }
.hp-ml10 { margin-left: 10px !important; }
.hp-ml15 { margin-left: 15px !important; }
.hp-ml20 { margin-left: 20px !important; }
.hp-ml25 { margin-left: 25px !important; }
.hp-ml30 { margin-left: 30px !important; }
.hp-ml35 { margin-left: 35px !important; }
.hp-ml40 { margin-left: 40px !important; }
.hp-ml45 { margin-left: 45px !important; }
.hp-ml50 { margin-left: 50px !important; }
.hp-ml55 { margin-left: 55px !important; }
.hp-ml60 { margin-left: 60px !important; }
.hp-ml65 { margin-left: 65px !important; }
.hp-ml70 { margin-left: 70px !important; }
.hp-ml75 { margin-left: 75px !important; }
.hp-ml80 { margin-left: 80px !important; }
.hp-ml85 { margin-left: 85px !important; }
.hp-ml90 { margin-left: 90px !important; }
.hp-ml95 { margin-left: 95px !important; }
.hp-ml100 { margin-left: 100px !important; }

/**********************************
border
**********************************/
.hp-b1{border-style:solid;border-width:1px;}
.hp-bd0{border:1px dotted #000 !important;}
.hp-bt0{border-top: 1px solid #000!important;}
.hp-bb0{border-bottom: 1px solid #000!important;}
.hp-bt58{border-top: 1px solid #585858!important;}
.hp-b99{border:1px solid #999!important;}
.hp-bbn{border-bottom: none!important;}
.hp-bbGray{border-bottom: 1px solid #ccc!important;}
.hp-bbDottedOrange{border-bottom: 1px dotted #ED7600!important;}
.hp-bbDottedlightBlue02{border-bottom: 1px dotted #1690da!important;}
.hp-grayFrame{
  width: 94%;
  padding: 5px;
  border: 1px solid #d2d2d2;
}
.hp-br10{border-radius:10px !important;}
.hp-btno{border-top:none !important;}

/**********************************
background
**********************************/
.hp-bgcWhite{ background-color: #fff!important;}
.hp-bgcOrange{ background-color: #ed7600!important;}
.hp-bgcLightOrange{ background-color: #FFECD9!important;}
.hp-bgcLightYellow{ background-color: #ffffcc!important;}
.hp-bgcLightPink{ background-color: #ffebef!important;}
.hp-bgcLightGreen{ background-color: #ddedd2!important;}
.hp-bgcGray{ background-color: #F2F2F2!important;}
.hp-bgn{background: none!important;}
.hp-bgYellow{ background-color: yellow!important;}
.hp-bgBlue{ background-color: #ecf7ff!important;}
.hp-bgMediumPurple { background-color: MediumPurple !important;}
.hp-bgTurquoise { background-color: Turquoise !important;}
.hp-bgDeepSkyBlue { background-color: DeepSkyBlue !important;}
.hp-bgStripe{    background-color: #ffe35f;
    background-size: 10px 10px;
    background-image: linear-gradient(-45deg,#fff 25%, #ffe35f 25%,#ffe35f 50%, #fff 50%,#fff 75%, #ffe35f 75%, #ffe35f);}

/**********************************
text-align
**********************************/
.hp-tal { text-align: left !important; }
.hp-tac,.text_center { text-align: center !important; }
.hp-tar { text-align: right !important; }
.hp-taj { text-align: justify !important; }

/**********************************
text-indent
**********************************/
.hp-ti1{ padding-left: 1em; !important;
    text-indent: -1em; !important; }

/**********************************
text-decoration
**********************************/
.hp-tdn{text-decoration: none!important;}


/**********************************
vertical-align
**********************************/
.hp-vam{vertical-align: middle!important;}
.hp-vat{vertical-align: top!important;}

/**********************************
font
**********************************/
.hp-fwn{font-weight: normal !important; }
.hp-fwb,.bold{font-weight: bold !important; }
.hp-fz8 { font-size: 8px !important; }
.hp-fz9 { font-size: 9px !important; }
.hp-fz10 { font-size: 10px !important; }
.hp-fz11 { font-size: 11px !important; }
.hp-fz12 { font-size: 12px !important; }
.hp-fz13 { font-size: 13px !important; }
.hp-fz14 { font-size: 14px !important; }
.hp-fz16 { font-size: 16px !important; }
.hp-fz18 { font-size: 18px !important; }
.hp-fz20 { font-size: 20px !important; }
.hp-fz22 { font-size: 22px !important; }
.hp-fz24 { font-size: 24px !important; }
.hp-fz26 { font-size: 26px !important; }
.hp-fz28 { font-size: 28px !important; }
.hp-fz30 { font-size: 30px !important; }
.hp-fz32 { font-size: 32px !important; }
.hp-fz34 { font-size: 34px !important; }
.hp-fz36 { font-size: 36px !important; }
.hp-fz38 { font-size: 38px !important; }
.hp-fz40 { font-size: 40px !important; }
.hp-fz55 { font-size: 55px !important;}
.hp-fz60 { font-size: 60px !important;}
.hp-fz65 { font-size: 65px !important;}
.hp-black { color: #000 !important;}
.hp-white { color: #fff !important;}
.hp-lightGray { color: #aaa !important;}
.bg_gray800{background-color:#424242 !important;}
.bg_gray600{background-color:#757575 !important;}
.bg_gray500{background-color:#9E9E9E !important;}
.bg_gray400{background-color:#BDBDBD !important;}
.bg_gray300{background-color:#E0E0E0 !important;}
.bg_black{background-color:#212121 !important;}
.bg_green {    background-color: #65bfc7 !important;}
.hp-green { color: green !important;}
.hp-MediumPurple { color: MediumPurple !important;}
.hp-Turquoise { color: Turquoise !important;}
.hp-DeepSkyBlue { color: DeepSkyBlue !important;}
/* パフォ使用カラー */
.hp-category_01{color:#FFB763!important;}
.hp-orange{color: #ED7600!important;}
/* ゲーム使用カラー */
.hp-category_02{color:#d7c6b5!important;}
.hp-lightBlue01{color: #1690da!important;}
/* マンガ使用カラー */
.hp-yellow{color: #FBBD13!important;}
.hp-brown{color: #6B5108!important;}
/*美容使用カラー*/
.hp-category_03{color:#f8739a!important;}
/* スポーツ使用カラー */
.hp-category_04{color:#62c5ff!important;}
.hp-lightBlue02{color: #00A0E8!important;}
.hp-navy{color: #00659b!important;}
/* デザイン使用カラー */
.hp-red{color: #e50011!important;}
.hp-darkRed{color: #c7000b!important;}
.hp-pink02{color: #e42d89!important;}
/* フットサル使用カラー */
.hp-orange02{color: #f3a833!important;}
/* チャイルドケア使用カラー */
.hp-category_05{color:#ffc3ea!important;}
.hp-lightBlue{color: #4694d1!important;}
.hp-pink{color: #e9537a!important;}
/* 夜間週末使用カラー */
.hp-category_99{color:#ae90e4!important;}
.hp-brownBox{
  display: inline-block;
  padding:3px 15px;
  color:#fff;
  background-color: #643c0a;
  font-weight: bold;
}
.hp-yellowBox{
  display: inline-block;
  padding:3px 15px;
  color:#fff;
  background-color: #fbbd13;
  font-weight: bold;
}
.hp-yellowBox02{
  display: inline-block;
  padding:3px 15px;
  color:#000;
  background-color: #fff100;
  font-weight: bold;
}
.hp-orangeBox{
  display: inline-block;
  padding: 3px 15px;
  color: #fff;
  background-color: #ED7600;
  font-weight: bold;
}
.hp-lightBlue02Box{
  display: inline-block;
  padding: 3px 15px;
  color: #fff;
  background-color: #1690da;
  font-weight: bold;
}
.hp-lightBlueBox__wide{
  display: block;
  padding: 3px 15px;
  color: #fff;
  background-color: #00A0E8;
  font-weight: bold;
}
.hp-lightBlueBox02__wide{
  display: block;
  padding: 5px 0;
  color: #00A0E8;
  background-color: #b8e9ff;
  font-weight: bold;
  text-align: center;
}

/**********************************
line-height
**********************************/
.hp-lh1 { line-height: 1 !important; }
.hp-lh1_1 { line-height: 1.1 !important; }
.hp-lh1_2 { line-height: 1.2 !important; }
.hp-lh1_3 { line-height: 1.3 !important; }
.hp-lh1_4 { line-height: 1.4 !important; }
.hp-lh1_5 { line-height: 1.5 !important; }
.hp-lh1_6 { line-height: 1.6 !important; }
.hp-lh1_7 { line-height: 1.7 !important; }
.hp-lh1_8 { line-height: 1.8 !important; }
.hp-lh1_9 { line-height: 1.9 !important; }
.hp-lh2 { line-height: 2 !important; }
.hp-lh2_1 { line-height: 2.1 !important; }
.hp-lh2_2 { line-height: 2.2 !important; }
.hp-lh2_3 { line-height: 2.3 !important; }
.hp-lh2_4 { line-height: 2.4 !important; }
.hp-lh2_5 { line-height: 2.5 !important; }
.hp-lh2_6 { line-height: 2.6 !important; }
.hp-lh2_7 { line-height: 2.7 !important; }
.hp-lh2_8 { line-height: 2.8 !important; }
.hp-lh2_9 { line-height: 2.9 !important; }
.hp-lh3 { line-height: 3 !important; }

/**********************************
balloon
**********************************/
.balloon-bottom-right {
    position: relative;
    display: inline-block;
    padding: 10px 15px;
    width: auto;
    min-width: 115px;
    color: #F6F6F6;
    background: #19283C;
    border-radius: 10px;
    z-index: 0;
}
.balloon-bottom-right:before {
    content: "";
    position: absolute;
    bottom: -16px;
    right: 8px;
    margin-left: 0;
    display: block;
    width: 15px;
    height: 15px;
    background: #19283C;
    border-radius: 50%;
    z-index: 0;
}
.balloon-bottom-right:after {
    content: "";
    position: absolute;
    bottom: -22px;
    right: 0px;
    margin-left: 0;
    display: block;
    width: 8px;
    height: 8px;
    background: #19283C;
    border-radius: 50%;
    z-index: 0;
}
.balloon-bottom-left {
    position: relative;
    display: inline-block;
    padding: 10px 15px;
    width: auto;
    min-width: 115px;
    color: #F6F6F6;
    background: #19283C;
    border-radius: 10px;
}
.balloon-bottom-left:before {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 8px;
    margin-right: 0;
    display: block;
    width: 15px;
    height: 15px;
    background: #19283C;
    border-radius: 50%;
    z-index: 0;
}
.balloon-bottom-left:after {
    content: "";
    position: absolute;
    bottom: -22px;
    left: 0;
    margin-right: 0;
    display: block;
    width: 8px;
    height: 8px;
    background: #19283C;
    border-radius: 50%;
    z-index: 0;
}

/**********************************
その他汎用モジュール・ヘルパー
**********************************/
/* 角丸ボックスシャドウ */
.hp-roundedRectangle {
  border: 1px solid #dedede;
  border-radius: 3px;
  box-shadow: 1px 1px 2px #c1bdbb;
  behavior: url(/https/ha.athuman.com/common/js/PIE.htc);
}
/* 複数行折り返し省略 */
.hp-clamp2{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
/*画像幅padding縮小*/
@media screen and (min-width: 0px) and (max-device-width: 768px) {
.hp-im40p{
    padding:0 40px;
}
}
/*table*/
.table-default th{
    background: #efefef;
    border: solid 1px #ccc;
    text-align: center;
    padding: 5px;
}
.table-default td{
border:solid 1px #ccc;
    text-align: center;
    padding: 5px;
}

/**********************************
フォント
**********************************/
.hp-ffkr{
font-family: "돋움","중고딕","중명조",dotum;
}
@font-face {
    font-family: 'icomoon';
    src:url('./font/icomoon.eot?or8ny3');
    src:url('./font/icomoon.eot?or8ny3#iefix') format('embedded-opentype'),
        url('./font/icomoon.ttf?or8ny3') format('truetype'),
        url('./font/icomoon.woff?or8ny3') format('woff'),
        url('./font/icomoon.svg?or8ny3#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' ;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-fonts_tell:before {
    content: "\74";
}
.icon-fonts_triangle:before {
    content: "\33";
}
.icon-fonts_arrow:before {
    font-family: 'icomoon';
    content: "\62";
    vertical-align: baseline;
    margin-right: 2px;
}
.icon-fonts_arrow2:before {
    content: "\61";
}
.icon-fonts_check:before {
    content: "\63";
}
.icon-fonts_dress:before {
    content: "\64";
}
.icon-fonts_fashion:before {
    content: "\66";
}
.icon-fonts_graph:before {
    content: "\67";
}
.icon-fonts_moon:before {
    content: "\6d";
}
.icon-fonts_music:before {
    content: "\75";
}
.icon-fonts_night:before {
    content: "\6e";
}
.icon-fonts_pc:before {
    content: "\70";
}
.icon-fonts_pen:before {
    content: "\69";
}
.icon-fonts_phone:before {
    content: "\6b";
}
.icon-fonts_run:before {
    content: "\72";
}
.icon-fonts_star:before {
    content: "\73";
}
@font-face {
  font-family: 'MdN-SCRIPT';
  src: url('./font/MdN-SCRIPT.ttf') format('truetype');
}
.font_count{font-family: 'Electrolize', sans-serif;}
/*rotate*/
.rotate10{
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
}