@charset "UTF-8";


/******************   box-sizing  ******************/

*,
*::before,
*::after {
  box-sizing: border-box;
}



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

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/******************   その他  ******************/

a {outline: none;} /*リンクをクリックする際に表示される点線の輪郭を消す*/
a {overflow: auto;} /*ウインドウに広がるのを避ける*/


/*ラインなし*/
.no_border{
	border-top-style: none;	
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/******************  ドロップシャドー   ******************/

.drip_shadow{
  -webkit-box-shadow: 1px 1px 3px 0 #ccc; /* Safari, Chrome用 */
  -moz-box-shadow: 1px 1px 3px 0 #ccc; /* Firefox用 */
  box-shadow: 1px 1px 3px 0 #ccc; /* CSS3 */

}


/******************   font size   ******************/

.font_size10 {font-size: 10px; font-size: 1rem;}
.font_size11 {font-size: 11px; font-size: 1.1rem;}
.font_size12 {font-size: 12px; font-size: 1.2rem;}
.font_size13 {font-size: 13px; font-size: 1.3rem;}
.font_size14 {font-size: 14px; font-size: 1.4rem;}
.font_size15 {font-size: 15px; font-size: 1.5rem;}
.font_size16 {font-size: 16px; font-size: 1.6rem;}
.font_size17 {font-size: 17px; font-size: 1.7rem;}
.font_size18 {font-size: 18px; font-size: 1.8rem;}
.font_size19 {font-size: 19px; font-size: 1.9rem;}
.font_size20 {font-size: 20px; font-size: 2.0rem;}


/******************   行揃え  ******************/

.align_right {text-align: right;}
.align_left {text-align: left;}
.align_center {text-align: center;}
.align_justify {text-align: justify;}


/******************   color   ******************/

.coloe_lightgray { color:#cccccc; }
.coloe_red       { color:#c90000; }
.coloe_redpink   { color:#ff6699; }
.coloe_pink      { color:#ff3399; }
.coloe_green     { color:#21889E; }
.coloe_blue      { color:#003c7d; }
.coloe_white     { color:#ffffff; }
.coloe_orange    { color:#ff6600; }
.coloe_purple    { color:#C96FFF; }

/******************   background-color   ******************/

.bgpink    { background-color:#FFE8EF; }
.bgpurple  { background-color:#F8E8FD; }
.bgblue    { background-color:#E4EDFC; }
.bggray    { background-color:#EFEFEF; }
.bglightgray    { background-color:#f3f3f3; }
.bgwhite   { background-color:#fff; }
.bgorange  { background-color:#FDEDE8; }

/*****************   padding   *****************/

.padding2   { padding:2px;  }
.padding3   { padding:3px;  }
.padding4   { padding:4px;  }
.padding5   { padding:5px;  }
.padding10  { padding:10px; }
.padding15  { padding:15px; }
.padding20  { padding:20px; }

.padding_top2  { padding-top:2px;  }
.padding_top3  { padding-top:3px;  }
.padding_top4  { padding-top:4px;  }
.padding_top5  { padding-top:5px;  }
.padding_top6  { padding-top:6px;  }
.padding_top7  { padding-top:7px;  }
.padding_top8  { padding-top:8px;  }
.padding_top9  { padding-top:9px;  }
.padding_top10 { padding-top:10px; }
.padding_top15 { padding-top:15px; }
.padding_top20 { padding-top:20px; }
.padding_top30 { padding-top:30px; }
.padding_top40 { padding-top:40px; }
.padding_top50 { padding-top:50px; }
.padding_top60 { padding-top:60px; }
.padding_top70 { padding-top:70px; }
.padding_top80 { padding-top:80px; }

.padding_left2  { padding-left:2px;  }
.padding_left3  { padding-left:3px;  }
.padding_left4  { padding-left:4px;  }
.padding_left5  { padding-left:5px;  }
.padding_left9  { padding-left:9px; }
.padding_left10 { padding-left:10px; }
.padding_left11 { padding-left:11px; }
.padding_left12 { padding-left:12px; }
.padding_left15 { padding-left:15px; }
.padding_left20 { padding-left:20px; }
.padding_left30 { padding-left:30px; }
.padding_left40 { padding-left:40px; }
.padding_left70 { padding-left:70px; }

.padding_right2  { padding-right:2px;  }
.padding_right3  { padding-right:3px;  }
.padding_right4  { padding-right:4px;  }
.padding_right5  { padding-right:5px;  }
.padding_right8  { padding-right:8px;  }
.padding_right9  { padding-right:9px;  }
.padding_right10 { padding-right:10px; }
.padding_right15 { padding-right:15px; }
.padding_right20 { padding-right:20px; }
.padding_right20 { padding-right:30px; }

.padding_bottom0  { padding-bottom:0px;  }
.padding_bottom2  { padding-bottom:2px;  }
.padding_bottom3  { padding-bottom:3px;  }
.padding_bottom4  { padding-bottom:4px;  }
.padding_bottom5  { padding-bottom:5px;  }
.padding_bottom8  { padding-bottom:8px;  }
.padding_bottom10 { padding-bottom:10px; }
.padding_bottom15 { padding-bottom:15px; }
.padding_bottom16 { padding-bottom:16px; }
.padding_bottom20 { padding-bottom:20px; }
.padding_bottom30 { padding-bottom:30px; }
.padding_bottom40 { padding-bottom:40px; }
.padding_bottom50 { padding-bottom:50px; }
.padding_bottom60 { padding-bottom:60px; }
.padding_bottom70 { padding-bottom:70px; }
.padding_bottom80 { padding-bottom:80px; }

/*****************   margin   *****************/

.margin2   { margin:2px;  }
.margin3   { margin:3px;  }
.margin4   { margin:4px;  }
.margin5   { margin:5px;  }
.margin6   { margin:6px;  }
.margin7   { margin:7px;  }
.margin8   { margin:8px;  }
.margin9   { margin:9px;  }
.margin10  { margin:10px; }
.margin15  { margin:15px; }
.margin20  { margin:20px; }

.margin_top2  { margin-top:2px;  }
.margin_top3  { margin-top:3px;  }
.margin_top4  { margin-top:4px;  }
.margin_top5  { margin-top:5px;  }
.margin_top10 { margin-top:10px; }
.margin_top15 { margin-top:15px; }
.margin_top20 { margin-top:20px; }
.margin_top30 { margin-top:30px; }
.margin_top40 { margin-top:40px; }
.margin_top50 { margin-top:50px; }
.margin_top60 { margin-top:60px; }
.margin_top70 { margin-top:70px; }
.margin_top80 { margin-top:80px; }
.margin_top90 { margin-top:90px; }
.margin_top100 { margin-top:100px; }
.margin_top110 { margin-top:110px; }
.margin_top120 { margin-top:120px; }

.margin_left2  { margin-left:2px;  }
.margin_left3  { margin-left:3px;  }
.margin_left4  { margin-left:4px;  }
.margin_left5  { margin-left:5px;  }
.margin_left10 { margin-left:10px; }
.margin_left15 { margin-left:15px; }
.margin_left20 { margin-left:20px; }

.margin_right2  { margin-right:2px;  }
.margin_right3  { margin-right:3px;  }
.margin_right4  { margin-right:4px;  }
.margin_right5  { margin-right:5px;  }
.margin_right10 { margin-right:10px; }
.margin_right15 { margin-right:15px; }
.margin_right20 { margin-right:20px; }

.margin_bottom0  { margin-bottom:0px;  }
.margin_bottom2  { margin-bottom:2px;  }
.margin_bottom3  { margin-bottom:3px;  }
.margin_bottom4  { margin-bottom:4px;  }
.margin_bottom5  { margin-bottom:5px;  }
.margin_bottom10 { margin-bottom:10px; }
.margin_bottom15 { margin-bottom:15px; }
.margin_bottom20 { margin-bottom:20px; }
.margin_bottom30 { margin-bottom:30px; }
.margin_bottom40 { margin-bottom:40px; }
.margin_bottom50 { margin-bottom:50px; }
.margin_bottom60 { margin-bottom:60px; }
.margin_bottom70 { margin-bottom:70px; }
.margin_bottom80 { margin-bottom:80px; }
.margin_bottom100 { margin-bottom:100px; }
.margin_bottom120 { margin-bottom:120px; }
.margin_bottom130 { margin-bottom:130px; }
.margin_bottom140 { margin-bottom:140px; }
.margin_bottom150 { margin-bottom:150px; }
.margin_bottom160 { margin-bottom:160px; }
.margin_bottom170 { margin-bottom:170px; }
.margin_bottom180 { margin-bottom:180px; }
.margin_bottom190 { margin-bottom:190px; }
.margin_bottom200 { margin-bottom:200px; }
.margin_bottom300 { margin-bottom:300px; }
.margin_bottom400 { margin-bottom:400px; }
.margin_bottom500 { margin-bottom:500px; }
.margin_bottom600 { margin-bottom:600px; }

/*****************   space   *****************/

.space2   { height:2px; }
.space3   { height:3px; }
.space4   { height:4px; }
.space5   { height:5px; }
.space6   { height:6px; }
.space7   { height:7px; }
.space8   { height:8px; }
.space10  { height:10px; }
.space12  { height:12px; }
.space13  { height:13px; }
.space14  { height:14px; }
.space15  { height:15px; }
.space16  { height:16px; }
.space17  { height:17px; }
.space18  { height:18px; }
.space20  { height:20px; }
.space25  { height:25px; }
.space28  { height:28px; }
.space30  { height:30px; }
.space35  { height:35px; }
.space40  { height:40px; }
.space45  { height:45px; }
.space50  { height:50px; }
.space55  { height:55px; }
.space60  { height:60px; }
.space70  { height:70px; }
.space80  { height:80px; }
.space90  { height:90px; }

.space2,
.space3 , 
.space4 , 
.space5 , 
.space6 , 
.space7 , 
.space8 , 
.space10 , 
.space12 , 
.space13 , 
.space14 , 
.space15 , 
.space16 , 
.space18 , 
.space20 , 
.space25 , 
.space28 , 
.space30 , 
.space35 , 
.space40 , 
.space45 , 
.space50 , 
.space55 , 
.space60 , 
.space70 , 
.space80 , 
.space90  
{
	line-height:0;
	font-size:0;
	clear:both;
	display:block;
}

/*****************   display   *****************/

.display_block  { display:block; }
.display_inline { display:inline; }
.display_none {display: none; }


/******************   float   ******************/

.float_left { float:left;  }
.float_right { float:right; }
.float_clear  { clear:both;  }

/******************   alpha   ******************/

.alpha0 { filter: alpha(opacity=0); -moz-opacity:0; opacity:0; }
.alpha25 { filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25; }
.alpha50 { filter: alpha(opacity=50); -moz-opacity:0.5;  opacity:0.5;  }
.alpha60 { filter: alpha(opacity=60); -moz-opacity:0.6;  opacity:0.6;  }
.alpha80 { filter: alpha(opacity=80); -moz-opacity:0.8;  opacity:0.8;  }
.alpha100 { filter: alpha(opacity=1); -moz-opacity:1; opacity:1; }

/******************   size   ******************/

.w50  { width:50px;  }
.w80  { width:80px;  }
.w100 { width:100px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w210 { width:210px; }
.w220 { width:220px; }
.w250 { width:250px; }
.w280 { width:280px; }
.w300 { width:300px; }
.w400 { width:400px; }
.w500 { width:500px; }

.h100 { height:100px; }
.h150 { height:150px; }
.h200 { height:200px; }
.h250 { height:250px; }
.h300 { height:300px; }
/*.wInput { width:100%; }*/


/******************   line-height   ******************/

.line_height1  { line-height:1;   }
.line_height12 { line-height:1.2; }
.line_height14 { line-height:1.4; }
.line_height15 { line-height:1.5; }
.line_height16 { line-height:1.6; }
.line_height17 { line-height:1.7; }
.line_height18 { line-height:1.8; }
.line_height19 { line-height:1.9; }
.line_height20 { line-height:2.0; }
.line_height21 { line-height:2.1; }
.line_height22 { line-height:2.2; }
.line_height23 { line-height:2.3; }


/******************   角丸  ******************/

.round_5 {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

.round_10 {
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}

.round_15 {
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
}