/*-------------------------------
		flex
--------------------------------*/

.top_side{
	display: flex;
	display: -webkit-flex;
	-webkit-align-items: flex-start;
	-webkit-justify-content: flex-start;
	justify-content:flex-start;
	align-items: flex-start;
	align-items: stretch;
	-js-display: flex;
}

.top_side_around{
	display: flex;
	display: -webkit-flex;
	-webkit-align-items: flex-start;
	-webkit-justify-content: space-between;
	justify-content:space-between;
	align-items: flex-start;
	align-items: stretch;
	-js-display: flex;
}

.bottom_side{
	display: flex;
	display: -webkit-flex;
	-webkit-align-items: flex-end;
	-webkit-justify-content: flex-end;
	justify-content:flex-end;
	align-items: flex-end;
	-js-display: flex;
}

.left_side{
	display: flex;
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-justify-content: flex-start;
	justify-content:flex-start;
	align-items: center;
	-js-display: flex;
}

.right_side{
	display: flex;
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-justify-content: flex-end;
	justify-content:flex-end;
	align-items: center;
	-js-display: flex;
}

.center_side{
	display: flex;
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
	border: 0px solid #CCC;
	-js-display: flex;
}

.center_side_around{
	display: flex;
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	border: 0px solid #CCC;
	-js-display: flex;
}

.center_side_wrap{
	display: flex;
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
  	-ms-flex-wrap    : wrap;
  	flex-wrap        : wrap;
	-js-display: flex;
}

.center_side_around_wrap{
	display: flex;
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	-webkit-flex-wrap: wrap;
  	-ms-flex-wrap    : wrap;
  	flex-wrap        : wrap;
	-js-display: flex;
}

.wrap{
	-webkit-flex-wrap: wrap;
  	-ms-flex-wrap    : wrap;
  	flex-wrap        : wrap;
}

.border-box {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}


/*-------------------------------
		文字色
--------------------------------*/

.text_white{
	color:rgba(255,255,255,1);
}
.text_black{
	color:rgba(0,0,0,1);
}

.text_red{
	color:rgba(219,184,192,1);
}

.text_pink{
	color:rgba(223,107,150,1);
}

.text_pink2{
	color:rgba(232,42,148,1);
}

.text_blue{
	color:rgba(0,108,183,1);
}

.text_blue2{
	color:rgba(0,104,179,1);
}

.text_green{
	color:rgba(86,166,70,1);
}

.text_gray{
	color: rgba(135,135,135,1);
}

.text_gray2{
	color: rgba(101,100,100,1);
}

.text_yellow{
	color: rgba(220,150,15,1);
}

.text_yellow2{
	color: rgba(238,198,0,1);
}

.text_brown{
	color: rgba(89,57,18,1);
}

/*-------------------------------
		文字サイズ
--------------------------------*/

.text9{
	font-size: 0.9rem;
}
.text10{
	font-size: 1.0rem;
}
.text11{
	font-size: 1.1rem;
}
.text12{
	font-size: 1.2rem;
}
.text13{
	font-size: 1.3rem;
}
.text14{
	font-size: 1.4rem;
}
.text15{
	font-size: 1.5rem;
}
.text16{
	font-size: 1.6rem;
}
.text17{
	font-size: 1.7rem;
}
.text18{
	font-size: 1.8rem;
}
.text19{
	font-size: 1.9rem;
}
.text20{
	font-size: 2.0rem;
}
.text21{
	font-size: 2.1rem;
}
.text22{
	font-size: 2.2rem;
}
.text23{
	font-size: 2.3rem;
}
.text24{
	font-size: 2.4rem;
}
.text25{
	font-size: 2.5rem;
}
.text26{
	font-size: 2.6rem;
}
.text27{
	font-size: 2.7rem;
}
.text28{
	font-size: 2.8rem;
}
.text29{
	font-size: 2.9rem;
}
.text30{
	font-size: 3.0rem;
}
.text31{
	font-size: 3.1rem;
}
.text32{
	font-size: 3.2rem;
}
.text33{
	font-size: 3.3rem;
}
.text34{
	font-size: 3.4rem;
}
.text35{
	font-size: 3.5rem;
}
.text36{
	font-size: 3.6rem;
}
.text37{
	font-size: 3.7rem;
}
.text38{
	font-size: 3.8rem;
}
.text39{
	font-size: 3.9rem;
}
.text40{
	font-size: 4.0rem;
}
/*-------------------------------
		文字太さ
--------------------------------*/

.bold600{
	font-weight: 600;
}

.bold700{
	font-weight: 700;
}

.bold700{
	font-weight: 900;
}

.bold900{
	font-weight: 900;
}


/*-------------------------------
		width & height
--------------------------------*/

.width_40px{
	width:40px;
}

.width_100px{
	width:80px;
}

.width_main{
	width:70%;
}

.width_200{
	width:200px;
}

.width_400{
	width:400px;
}

.width_800{
	width:800px;
}

.height_30px{
	height:30px;
}

.height_40px{
	height:40px;
}

/*-------------------------------
		文字位置
--------------------------------*/

.text_center{
	text-align:center;
}

.text_right{
	text-align:right;
}

.text_left{
	text-align:left;
}

.text_middle{
	vertical-align:middle;
}

/*-------------------------------
		文字種
--------------------------------*/

.text_mincho{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*-------------------------------
		文字下線
--------------------------------*/

.text_underline{
	text-decoration:underline;
}

/*-------------------------------
		文字間
--------------------------------*/
.text_space01{
	letter-spacing: 0.1rem;
}

.text_space02{
	letter-spacing: 0.2rem;
}

.text_space03{
	letter-spacing: 0.3rem;
}

.text_space04{
	letter-spacing: 0.4rem;
}

.text_space05{
	letter-spacing: 0.5rem;
}


/*-------------------------------
		padding
--------------------------------*/
/*--右--*/
.padding_r5{
	padding:0px 5px 0px 0px;
}

.padding_r10{
	padding:0px 10px 0px 0px;
}
.padding_r20{
	padding:0px 20px 0px 0px;
}
.padding_r30{
	padding:0px 30px 0px 0px;
}

/*--左--*/
.padding_l5{
	padding:0px 0px 0px 5px;
}

.padding_l10{
	padding:0px 0px 0px 10px;
}
.padding_l20{
	padding:0px 0px 0px 20px;
}
.padding_l30{
	padding:0px 0px 0px 30px;
}


/*--トップ--*/
.padding_t5{
	padding: 5px 0px 0px 0px;
}

.padding_t10{
	padding: 10px 0px 0px 0px;
}

.padding_t15{
	padding: 15px 0px 0px 0px;
}

.padding_t20{
	padding: 20px 0px 0px 0px;
}

.padding_t30{
	padding: 30px 0px 0px 0px;
}

.padding_t40{
	padding: 40px 0px 0px 0px;
}

.padding_t50{
	padding: 50px 0px 0px 0px;
}

.padding_t10p{
	padding:10% 0px 0px 0px;
}

.padding_t20p{
	padding:20% 0px 0px 0px;
}

.padding_t30p{
	padding:30% 0px 0px 0px;
}

/*--ボトム--*/
.padding_b5{
	padding: 0px 0px 5px 0px;
}

.padding_b10{
	padding: 0px 0px 10px 0px;
}

.padding_b15{
	padding: 0px 0px 15px 0px;
}

.padding_b20{
	padding: 0px 0px 20px 0px;
}

.padding_b30{
	padding: 0px 0px 30px 0px;
}

.padding_b40{
	padding: 0px 0px 40px 0px;
}

.padding_b50{
	padding: 0px 0px 50px 0px;
}

/*--トップ・ボトム--*/
.padding_tb5{
	padding: 5px 0px 5px 0px;
}

.padding_tb10{
	padding: 10px 0px 10px 0px;
}

.padding_tb20{
	padding: 20px 0px 20px 0px;
}

.padding_tb30{
	padding: 30px 0px 30px 0px;
}

.padding_tb40{
	padding: 40px 0px 40px 0px;
}

.padding_tb50{
	padding: 50px 0px 50px 0px;
}

/*-------------------------------
	global menu box_size
--------------------------------*/
.box-menu2{
	width:978px;
	height:231px;
}
.box-menu3{
	width: 652px;
	height:116px;
}

.box-menu5{
	width:652px;
	height:214px;
}
.box-menu6{
	width:652px;
	height:214px;
}
.box-menu7{
	width:652px;
	height:138px;
}

.box-menu9{
	width:483px;
	height:225px;
}

.box-menu11{
	width:486px;
	height:283px;
}

.box-menu12{
	width:339px;
	height:545px;
}

.box-menu13{
	width:924px;
	height:237px;
}

/*-------------------------------
	global menu box_size
--------------------------------*/
.g_left-menu2{
	margin-left:-130px;
}
.t_left-menu2{
	margin-left:207px;
}
.t_left-menu3{
	margin-left:192px;
}
.g_left-menu3{
	margin-left:-150px;
}
.t_left-menu5{
	margin-left:300px;
}
.g_left-menu5{
	margin-left:-250px;
}
.t_left-menu6{
	margin-left:313px;
}
.g_left-menu6{
	margin-left:-260px;
}
.t_left-menu7{
	margin-left:310px;
}
.g_left-menu7{
	margin-left:-280px;
}

.t_left-menu9{
	margin-left:330px;
}
.g_left-menu9{
	margin-left:-300px;
}

.t_left-menu11{
	margin-left:305px;
}
.g_left-menu11{
	margin-left:-260px;
}

.t_left-menu12{
	margin-left:230px;
}
.g_left-menu12{
	margin-left:-200px;
}

.t_left-menu13{
	margin-left:470px;
}
.g_left-menu13{
	margin-left:-415px;
}

/*-------------------------------
		hide
--------------------------------*/

.hide{
	display:none;
	visibility: hidden;
	opacity: 0;
}

/*-------------------------------
		space
--------------------------------*/

.space10{
	width:100%;
	height:10px;
	border: 0px solid #CCC;
}

/*-------------------------------
		background color
--------------------------------*/
.bg_black{
	background:rgba(0,0,0,1);
	width: 100%;
}

.bg_white{
	background:rgba(255,255,255,1);
	width: 100%;
}

.bg_gray{
	background:rgba(247,248,248,1);
	width: 100%;
}

.bg_gray2{
	background:rgba(221,226,230,1);
	width: 100%;
}

.bg_gray3{
	background:rgba(169,169,170,1);
	width: 100%;
}

.bg_blue{
	background:rgba(0,61,140,1);
}

.bg_blue2{
	background:rgba(0,104,179,1);
}

.bg_pink{
	background:rgba(223,107,150,1);
}

.bg_pink2{
	background:rgba(232,42,148,1);
}

.bg_pink3{
	background:rgba(223,107,150,0.5);
}

.bg_pink4{
	background:rgba(250,237,237,0.5);
}

.bg_green{
	background:rgba(159,194,56,1);
}

.bg_yellow2{
	background:rgba(220,150,15,1);
}

/*-------------------------------
		frame_width
--------------------------------*/
.frame50{
	width:50%;
	height:auto;
	margin:0px auto;
}

.frame55{
	width:55%;
	height:auto;
	margin:0px auto;
}

.frame60{
	width:60%;
	height:auto;
	margin:0px auto;
}

.frame70{
	width:70%;
	height:auto;
	margin:0px auto;
}

.frame75{
	width:75%;
	height:auto;
	margin:0px auto;
}

.frame80{
	width:80%;
	height:auto;
	margin:0px auto;
}

.frame85{
	width:85%;
	height:auto;
	margin:0px auto;
}

.frame90{
	width:90%;
	height:auto;
	margin:0px auto;
}

.frame95{
	width:95%;
	height:auto;
	margin:0px auto;
}

.frame98{
	width:98%;
	height:auto;
	margin:0px auto;
}

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

.line_b{
	width:auto;
	height:1px;
	margin:0px auto;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

.line_b_white{
	width:auto;
	height:1px;
	margin:0px auto;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}

.line_b_dot{
	width:auto;
	height:1px;
	margin:0px auto;
	border-bottom: 1px dotted rgba(0,0,0,0.2);
}

.line_b_dot_white{
	width:auto;
	height:1px;
	margin:0px auto;
	border-bottom: 1px dotted rgba(255,255,255,0.5);
}


/*-------------------------------
		shadow
--------------------------------*/

.shadow{
	-webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.1);
	box-shadow: 1px 1x 5px 1px rgba(0,0,0,0.1);
}


/*-------------------------------
		a_tag
--------------------------------*/

a.menu_a_white{
	color: rgba(255,255,255,1);
	text-decoration: none;
}

a.menu_a_white:visit{
	color: rgba(255,255,255,1);
	text-decoration: none;
}

a.menu_a_black{
	color: rgba(0,0,0,1);
	text-decoration: none;
}

a.menu_a_black:visit{
	color: rgba(0,0,0,1);
	text-decoration: none;
}

a.menu_a_red{
	color:rgba(219,184,192,1);
	text-decoration: none;
}

a.menu_a_red:visit{
	color:rgba(219,184,192,1);
	text-decoration: none;
}

a.menu_a_pink{
	color:rgba(223,107,150,1);
	text-decoration: none;
}

a.menu_a_pink:visit{
	color:rgba(223,107,150,1);
	text-decoration: none;
}