/* CSS Document */
/*----------------------------
ResetStyle
-----------------------------*/
*{
	font-style:normal;
	font-weight:normal;
	/* [disabled]font-size:100%; */
}
html,body,div,h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,table,th,td,form,blockquote,pre,address,fieldset{
	margin: 0px;
	padding: 0px;
}
html {
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-w: scroll;
}
img {
	border: 0px;
}
ul {
	list-style:none;
}


/*----------------------------
CommonStyle
-----------------------------*/
body{
	background-color: #FFFFFF;
	font-family:'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", ;
	font-size:12px;
	height:auto;
max-width:100%;
		letter-spacing: 0.15em;
}
.left {
 float:left;
}
.right {
 float:right;
}
.cl{
	clear:both;
}

h1{
	text-align: center;
	font-size:2.6em
}
h2{
	text-align: center;
	font-size:2em;
	  position:relative;
	     left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  display: inline-block;
padding: 0 55px;
}
h2:before, h2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 2px;
  border-top: solid 1px #333333;

}

h2:before {
  left:0;
}
h2:after {
  right: 0;
	margin:0 0 5% 0;

}
h3{
	text-align: center;
	font-size:1.5em;
	  position:relative;
	     left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  display:inline-block;
padding: 0 2%;
	margin:3% 0 0 0;
	
}
h3:before {
  content: '';
  position: absolute;
  top: 10%;
  display: inline-block;
 padding: 10px;
  border-left: solid 4px #EE6B6E;
}

h3:before {
  left:0;
}
h3:after {
  right: 0;
}

/*----- header -----*/
#head{
	width:100%;
	height:auto;
	background-color: #F5F3EE;
	margin:0 ;
		}
#head .title{
	text-align: center;
	font-size:3em;
	color:#333333;
	padding:3% 0 0 0;
}
#head .subtitle{
	text-align: center;
	font-size:1.5em;
	color:#333333;
}
#head .head_top{
		 display:flex;
		   justify-content:center;
		 margin:0;
	padding:0 0 3% 0;

	}
#head .head_top_menu{
	padding:0 2%;
	text-align:center;
margin:3% auto;
	flex-basis: 8%;
	}

#head .head_top a{
	text-decoration:none;
	color:#464646;
	  display: inline-block;
  transition: .3s;
  -webkit-transform: scale(1);
  transform: scale(1);
	
	}
#head .head_top_menu:hover{
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
	border-bottom: dotted #FFFFFF 3px;
}

nav{
 width: 100%;
 height: 70px;
 position:fixed;
 background-color: rgba(243, 240, 240, 0.8);
  	z-index:999;
	top:0;
}

nav img{
	width:100px;
	}

.drawer{
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: space-between;
 position: relative;
 height: 70px;
 padding: 0 1em;
 	z-index:999;
}

.navbar_toggle{
 z-index:9999;
}

.navbar_toggle_icon {
 position: relative;
 display: block;
 height: 2px;
 width: 30px;
 background: #5c6b80;
 -webkit-transition: ease .5s;
 transition: ease .5s;
}

.navbar_toggle_icon:nth-child(1) {
 top: 0;
}

.navbar_toggle_icon:nth-child(2) {
 margin: 8px 0;
}

.navbar_toggle_icon:nth-child(3) {
 top: 0;
}
/*OPEN時の動き*/
.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
 top: 10px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}

.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 opacity: 0;
}

.navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
 top: -10px;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
.fadein {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 600ms;
	}

.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}

.menu{
	width: 90%;
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 -webkit-transition:ease .5s;
 transition:ease .5s;
 z-index:1000;
}

.menu ul li{
 padding: 2em;
	background-color:#efefef;
 border-bottom: 1px solid #CCC;
	height:2px;
}
.menu ul li a{
font-size:0.8em;
color:#525151;
	text-decoration: none;
	
}
.menu ul li a:hover {
  opacity: 0.7;
}
.menu ul li a hover{
background-color: #ececec;
}
/*OPEN時の動き*/
.menu.open {
 -webkit-transform:translateX(0);
 transform:translateX(0);
 overflow-y: auto;
 -webkit-overflow-scrolling: touch;
}
/*----- main -----*/
.main{
	width:100%;
	margin:5% 0;
animation: fadeIn 0.2s ease 0.3s 1 normal;
}

.main img{
	width:100%;
}
/*----- works -----*/
#works_section{
	width:90%;
	margin: 0 auto;
}
.works_box{
	width:100%;
		 display:flex;
		   justify-content:start;
		 margin:0;

	}
.works_box_menu{
	width:90%;
	padding:1% 2%;
	text-align:center;
margin:3%;
	
	flex-basis: 40%;
	}

.works_box_menu img{
		width:100%;
	text-align: center;
	margin:0 auto;
	}

.works_box_menu a{
	text-decoration:none;
	color:#464646;
	
	}
.works_box_menu a:hover{
	opacity:0.5;
	}
.works_title{
		text-align:center;
	font-size:1.1em;
	font-weight:bold;
	margin:2% 0;
}
.works_products{
		text-align:left;
		line-height: 1.5em;
}
.works_text{
	text-align:left;
	line-height: 1.5em;
		margin:2% 0;
}

/*----- skill -----*/
.skill_section{
	width:90%;
	margin:0 auto;
}
.skill_box{
	width:100%;
		 display:flex;
		   justify-content:start;
		 margin:0;

	}
.skill_box_menu{
	widows:100%;
	text-align:center;
margin:3% auto;
	flex-basis: 27%;
	}

.skill_box_menu img{
		width:50%;
	text-align: center;
	margin:0 auto;
	}

.skill_title{
		text-align:center;
	font-size:1.1em;
	font-weight:bold;
	margin:2% 0;
}

.skill_text{
	text-align:left;
	line-height: 1.5em;
		margin:2% 0;
}

/*----- myself -----*/

#myself{
	width:100%;
	height: 100%;
	background-color: #F5F3EE;
	margin:0 0 5% 0 ;
	padding:3% 0;
}
.myself{
	width:80%;
	height: 100%;
	  display: table;

	margin:5% auto;
}
.myself_image{
		width:30%;
 display: table-cell;
	 vertical-align: middle;
}
.myself_img{
		width:20%;
 display: table-cell;
	 vertical-align: middle;
}
.myself_img img{
		width:100%;
}
.myself_image img{
		width:80%;
}
.myself_text{
display:table-cell;
	width:50%;
table-layout: fixed;
		 margin:0;
	}

.myself_text p{
table-layout: fixed;
		text-align:left;
	line-height: 2em;
	margin:0 0 2% 0;
  position: relative;
  padding: 3%;
  background-color:rgba(255, 255, 255, 0.6);
  display: block; 
	border-radius: 12px;

}
.myself_text p::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  border-right: 15px solid rgba(255, 255, 255, 0.6);
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
#myself a{
	text-decoration:none;
	color:#464646;
	  display: inline-block;
  transition: .3s;
  -webkit-transform: scale(1);
  transform: scale(1);
	
	}
#myself a:hover{
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
/*----- address -----*/
.address {
text-align: center;
}

/*----------------------------
margin-bottom
-----------------------------*/

.btm10{
	margin-bottom:10px;
}
.btm15{
	margin-bottom:15px;
}
.btm20{
	margin-bottom:20px;
}
.btm25{
	margin-bottom:25px;
}
.btm30{
	margin-bottom:30px;
}
.btmlast{
	margin-bottom:0px;
}

/*----------------------------
位置指定　centerなど
-----------------------------*/
.cent{
	text-align:center;
	}
.tx-r{
	text-align:right;
}

.tx-l{
	text-align:left;
}
	

	



/*----------------------------
共通設定
-----------------------------*/
	
	
.campBnr {
	margin: 0 0 5px;
	padding: 0;
	
}
	
	
.pad0 {
	margin: 0;
	padding: 0;
	
}



/*----------------------------
bg-color


/* float hack */

.clearfix:after {
	 content: url(../images/common/pixel.gif); 
	 display: block; 
	 clear: both; height: 0;
} 
.clearfix { 
	display: inline-block;
} 
.clearfix { 
	display: block; 
	overflow:hidden;
}
	
/**/


/* vertical-align hack */

.valignfix{
	display:table-cell;
	margin-bottom:1px;
	vertical-align:middle;
}
* html .valignfix{/* IE 6 */
	display:inline;
	zoom:1;
}
*:first-child+html .valignfix{/* IE 7 */
	display:inline;
	zoom:1;
}
* html .valignfix{
	display:inline-block;
}
/**/

/**************************************************************
【fontの設定】
**************************************************************/
.text70{font-size:70%}			/* フォントサイズ70% */
.text80{font-size:80%}
.text90{font-size:90%}
.text100{font-size:100%}
.text110{font-size:110%}
.text120{font-size:120%}
.text130{font-size:130%}
.text140{font-size:140%}
.text150{font-size:150%}
.text160{font-size:160%}
.text170{font-size:170%}
.text180{font-size:180%}
.text190{font-size:190%}
.text200{font-size:200%}
.text210{font-size:210%}
.text220{font-size:220%}
.b{font-weight:700}				/* 太字 */
.u{text-decoration:underline}	/* 下線 */
.left-5{text-indent:-5em;}

/**************************************************************
【colorの設定】
**************************************************************/
.red{color:red}				/* 赤色 */
.blue{color:#2ca9e1}		/* 青色 */
.green{color:#82ae46}		/* 緑色 */
.orange{color:#ff7d00}		/* 橙色 */
.yellow{color:#fff000}		/* 黄色 */
.pink{color:#ff0084}		/* ピンク */
.gray{color:#999}
.red3{color:#d75353}
.red4{color:#f35959;
font-size:1.5em;
font-weight:bold;}

/**************************************************************
【background-colorの設定】
**************************************************************/
.bg-yellow{background:#ff0}		/* 黄色の文字背景 */
.bg-blue{background:#4ab0f5}	/* 青色の文字背景 */
.bg-red{background:red}			/* 赤色の文字背景 */
.bg-beige{background:#EBE4E4;}	
.bg-gray{background:#efefef}	
.bg-pink{background:#ffebf2}	

/****************************************************************
【align 配置の設定】
*****************************************************************/
.align1{text-align:center !important}	/* 中央寄せ */
.align2{text-align:right !important}	/* 右寄せ */
.align3{text-align:left !important}		/* 左寄せ */

/****************************************************************
【float 回り込みの設定】
*****************************************************************/
.r-flo{float:right;margin:10px}	/* 右に回り込み */
.l-flo{float:left;margin:10px}	/* 左に回り込み */
.f-clear{clear:both}			/* 回り込みの解除 */

/****************************************************************
【マウスオーバー時の画像リンク 不透明度の設定】※初期設定は60%
*****************************************************************/
a img.linkimg{background:none!important}
a:hover img.linkimg{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background:none!important;
}

/*************************************************************
【行間の設定】
*************************************************************/
.lh20{line-height:20px;}
.lh21{line-height:21px;}
.lh22{line-height:22px;}
.lh23{line-height:23px;}
.lh24{line-height:24px;}
.lh25{line-height:25px;}

/*************************************************************
【marginの設定】
*************************************************************/
.m0{margin:0 !important}			/* margin 0px を指定するクラス */
.mt0{margin-top:0 !important}		/* margin-top0px を指定するクラス */
.mr0{margin-right:0 !important}		/* margin-right0px を指定するクラス*/
.mb0{margin-bottom:0 !important}	/* margin-bottom0px を指定するクラス*/
.ml0{margin-left:0 !important}		/* margin-left0px を指定するクラス*/

.m5{margin:5px !important}
.mt5{margin-top:5px !important}
.mr5{margin-right:5px !important}
.mb5{margin-bottom:5px !important}
.ml5{margin-left:5px !important}

.m10{margin:10px !important}
.mt10{margin-top:10px !important}
.mr10{margin-right:10px !important}
.mb10{margin-bottom:10px !important}
.ml10{margin-left:10px !important}

.m15{margin:15px !important}
.mt15{margin-top:15px !important}
.mr15{margin-right:15px !important}
.mb15{margin-bottom:15px !important}
.ml15{margin-left:15px !important}

.m20{margin:20px !important}
.mt20{margin-top:20px !important}
.mr20{margin-right:20px !important}
.mb20{margin-bottom:20px !important}
.ml20{margin-left:20px !important}

.m25{margin:25px !important}
.mt25{margin-top:25px !important}
.mr25{margin-right:25px !important}
.mb25{margin-bottom:25px !important}
.ml25{margin-left:25px !important}

.m30{margin:30px !important}
.mt30{margin-top:30px !important}
.mr30{margin-right:30px !important}
.mb30{margin-bottom:30px !important}
.ml30{margin-left:30px !important}

.m35{margin:35px !important}
.mt35{margin-top:35px !important}
.mr35{margin-right:35px !important}
.mb35{margin-bottom:35px !important}
.ml35{margin-left:35px !important}

.m40{margin:40px !important}
.mt40{margin-top:40px !important}
.mr40{margin-right:40px !important}
.mb40{margin-bottom:40px !important}
.ml40{margin-left:40px !important}

.m45{margin:45px !important}
.mt45{margin-top:45px !important}
.mr45{margin-right:45px !important}
.mb45{margin-bottom:45px !important}
.ml45{margin-left:45px !important}

.m50{margin:50px !important}
.mt50{margin-top:50px !important}
.mr50{margin-right:50px !important}
.mb50{margin-bottom:50px !important}
.ml50{margin-left:50px !important}

.m55{margin:55px !important}
.mt55{margin-top:55px !important}
.mr55{margin-right:55px !important}
.mb55{margin-bottom:55px !important}

.ml55{margin-left:55px !important}
.m60{margin:60px !important}
.mt60{margin-top:60px !important}
.mr60{margin-right:60px !important}
.mb60{margin-bottom:60px !important}
.ml60{margin-left:60px !important}

.m65{margin:65px !important}
.mt65{margin-top:65px !important}
.mr65{margin-right:65px !important}
.mb65{margin-bottom:65px !important}
.ml65{margin-left:65px !important}

.m70{margin:70px !important}
.mr70{margin-right:70px !important}
.mb70{margin-bottom:70px !important}
.ml70{margin-left:70px !important}

.m75{margin:75px !important}
.mt75{margin-top:75px !important}
.mr75{margin-right:75px !important}
.mb75{margin-bottom:75px !important}
.ml75{margin-left:75px !important}

.m80{margin:80px !important}
.mt80{margin-top:80px !important}
.mr80{margin-right:80px !important}
.mb80{margin-bottom:80px !important}
.ml80{margin-left:80px !important}
.ml90{margin-left:90px !important}
.ml100{margin-left:100px !important}
.ml200{margin-left:200px !important}
.ml220{margin-left:220px !important}
.ml230{margin-left:230px !important}
.ml240{margin-left:240px !important}
.ml250{margin-left:250px !important}
.ml260{margin-left:260px !important}
/**************************************************************
【paddingの設定】
**************************************************************/
.p0{padding:0 !important}			/* padding-0px を指定するクラス */
.pt0{padding-top:0 !important}		/* padding-top0px を指定するクラス */
.pr0{padding-right:0 !important}	/* padding-right0px を指定するクラス */
.pb0{padding-bottom:0 !important}	/* padding-bottom0px を指定するクラス */
.pl0{padding-left:0 !important}		/* padding-left0px を指定するクラス */

.p5{padding:5px !important}
.pt5{padding-top:5px !important}
.pr5{padding-right:5px !important}
.pb5{padding-bottom:5px !important}
.pl5{padding-left:5px !important}

.p10{padding:10px !important}
.pt10{padding-top:10px !important}
.pr10{padding-right:10px !important}
.pb10{padding-bottom:10px !important}
.pl10{padding-left:10px !important}




/* ----------------------------------------------------------------------
 Original for sumaireform.net  by Hotpilot
 
 WP と共通
---------------------------------------------------------------------- */
.text50{font-size:50%}
.text60{font-size:60%}
.text70{font-size:70%}			/* フォントサイズ70% */
.text80{font-size:80%}
.text90{font-size:90%}
.text100{font-size:100%}
.text110{font-size:110%}
.text115{font-size:115% !important;}
.text120{font-size:120%}
.text130{font-size:130%}
.text140{font-size:140%}
.text150{font-size:150%}
.text160{font-size:160%}
.text170{font-size:170%}
.text180{font-size:180% !important;}
.text190{font-size:190%}
.text200{font-size:200%}
.text210{font-size:210%}
.text220{font-size:220%}
.text80px {font-size: 80px;}

.textVariable100 {font-size:100%}
.textVariable120 {font-size:120%}

.nrml {font-weight:normal;}

.maroon{color:#aa1984;}
.purple {color: #bd34bd;}
.red2 {color:#FF3300}
.orange {color:#FF6600;}
.darkgray {color: #3F3F3F;}
.darkMaroon {color: #8c0f6b;}
.black {color: #000;}
.redbrown {color: #8c0100;}
.redcenter{color:#FF3300;
text-align:center;}

.p20{padding:20px !important}
.pt20{padding-top:20px !important}
.pr20{padding-right:20px !important}
.pb20{padding-bottom:20px !important}
.pl20{padding-left:20px !important}

.p30{padding:30px !important}
.pt30{padding-top:30px !important}
.pr30{padding-right:30px !important}
.pb30{padding-bottom:30px !important}
.pl30{padding-left:30px !important}

.p50{padding:50px !important}
.pt50{padding-top:50px !important}
.pr50{padding-right:50px !important}
.pb50{padding-bottom:50px !important}
.pl50{padding-left:50px !important}

.p100{padding:100px !important}
.pt100{padding-top:100px !important}
.pr100{padding-right:100px !important}
.pb100{padding-bottom:100px !important}
.pl100{padding-left:100px !important}


.lh0 { line-height: 0 !important;}
.lh05em{line-height: 0.5em !important;}
.lh1em{line-height: 1em !important;}
.lh1-5em{line-height:1.5em !important;}
.lh110per{line-height: 110% !important;}

/*************************************************************
【marginの設定】
*************************************************************/
.m0{margin:0 !important}			/* margin 0px を指定するクラス */
.mt0{margin-top:0 !important}		/* margin-top0px を指定するクラス */
.mr0{margin-right:0 !important}		/* margin-right0px を指定するクラス*/
.mb0{margin-bottom:0 !important}	/* margin-bottom0px を指定するクラス*/
.ml0{margin-left:0 !important}		/* margin-left0px を指定するクラス*/

.m5{margin:5px !important}
.mt5{margin-top:5px !important}
.mr5{margin-right:5px !important}
.mb5{margin-bottom:5px !important}
.ml5{margin-left:5px !important}

.m10{margin:10px !important}
.mt10{margin-top:10px !important}
.mr10{margin-right:10px !important}
.mb10{margin-bottom:10px !important}
.ml10{margin-left:10px !important}

.m15{margin:15px !important}
.mt15{margin-top:15px !important}
.mr15{margin-right:15px !important}
.mb15{margin-bottom:15px !important}
.ml15{margin-left:15px !important}

.m20{margin:20px !important}
.mt20{margin-top:20px !important}
.mr20{margin-right:20px !important}
.mb20{margin-bottom:20px !important}
.ml20{margin-left:20px !important}

.m25{margin:25px !important}
.mt25{margin-top:25px !important}
.mr25{margin-right:25px !important}
.mb25{margin-bottom:25px !important}
.ml25{margin-left:25px !important}

.m30{margin:30px !important}
.mt30{margin-top:30px !important}
.mr30{margin-right:30px !important}
.mb30{margin-bottom:30px !important}
.ml30{margin-left:30px !important}

.m35{margin:35px !important}
.mt35{margin-top:35px !important}
.mr35{margin-right:35px !important}
.mb35{margin-bottom:35px !important}
.ml35{margin-left:35px !important}

.m40{margin:40px !important}
.mt40{margin-top:40px !important}
.mr40{margin-right:40px !important}
.mb40{margin-bottom:40px !important}
.ml40{margin-left:40px !important}

.m45{margin:45px !important}
.mt45{margin-top:45px !important}
.mr45{margin-right:45px !important}
.mb45{margin-bottom:45px !important}
.ml45{margin-left:45px !important}

.m50{margin:50px !important}
.mt50{margin-top:50px !important}
.mr50{margin-right:50px !important}
.mb50{margin-bottom:50px !important}
.ml50{margin-left:50px !important}

.m55{margin:55px !important}
.mt55{margin-top:55px !important}
.mr55{margin-right:55px !important}
.mb55{margin-bottom:55px !important}

.ml55{margin-left:55px !important}
.m60{margin:60px !important}
.mt60{margin-top:60px !important}
.mr60{margin-right:60px !important}
.mb60{margin-bottom:60px !important}
.ml60{margin-left:60px !important}

.m65{margin:65px !important}
.mt65{margin-top:65px !important}
.mr65{margin-right:65px !important}
.mb65{margin-bottom:65px !important}
.ml65{margin-left:65px !important}

.m70{margin:70px !important}
.mr70{margin-right:70px !important}
.mb70{margin-bottom:70px !important}
.ml70{margin-left:70px !important}

.m75{margin:75px !important}
.mt75{margin-top:75px !important}
.mr75{margin-right:75px !important}
.mb75{margin-bottom:75px !important}
.ml75{margin-left:75px !important}

.m80{margin:80px !important}
.mt80{margin-top:80px !important}
.mr80{margin-right:80px !important}
.mb80{margin-bottom:80px !important}
.ml80{margin-left:80px !important}

.mt100{margin-top:100px !important}


.redLine {
	border: 1px solid #CC0000;
}


.b {
	font-weight:bold;
}

/*----- page_top -----*/
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #5d5d5d;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
 font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

@media screen and (min-width: 481px){
nav {
display: none;
    }
	}
@media screen and (max-width: 480px){
body{
font-family : "ヒラギノ角ゴ ProN" , sans-serif;
		width:100%;
		}
#head{
	margin-top:15%;
	}
#page_top{
  width: 30px;
  height: 30px;
  position: fixed;
  right: 2%;
  bottom: 0;
  background: #5d5d5d;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  text-decoration: none;
}
#page_top a::before{
 font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 20px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}	
}