@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
border:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline:0;
padding:0;
vertical-align:baseline;
}
html {
	font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
}
:focus{
outline:0;
}

ol, ul{
list-style:none;
}

table{
border-collapse:separate;border-spacing:0;
}

caption, th, td{
font-weight:normal;text-align:left;
}

blockquote:before, blockquote:after,q:before, q:after{
content:"";
}

blockquote, q{
quotes:"" "";
}

a img{
border:0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
display:block;
}

body{
	line-height: 1.6;
	font-size: 1.6rem;/* 16px */
	font-size: 16px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック", "MS PGothic",sans-serif, Helvetica, Verdana;
	-webkit-text-size-adjust: 100%;
}
.f_mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* リンク設定
------------------------------------------------------------*/

a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#252525;
}

a:hover, a:active{
outline:none;
}

/**** Clearfix ****/

nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after, ul.post li:after,nav#mainNav .inner:after{
content:""; display:table;clear:both;
}

nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li,nav#mainNav .inner{
zoom:1;
}
.backlink {
	width: 90%;
	text-align: center;
	font-size:90%;
	margin: 10px auto 30px;
}
.backlink a {
	text-decoration: underline;
}
.backlink a:hover {
	color: #8F8F8F;
}	
.resizeimage img { width: 100%; }
.resizeimagec img { 
	width: 100%;
	text-align: center;
}
/* レイアウト
------------------------------------------------------------*/

#wrapper, .inner{
margin:0 auto;
width:1200px;
}
#wrapper, .hedinner{
margin:0 auto;
width:1200px;
}

#header{
text-align:center;
}

#content{
float:left;
width:780px;

padding:40px 0 50px 10px;
}

#sidebar{
float:right;
width:330px;
padding:40px 10px 50px 0;
}

#footer{
clear:both;
padding:20px 0 30px;
} 
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.txtred {
    color: #ff0000;
}
/* ヘッダー
------------------------------------------------------------*/
h1#jrva{
font-size:12px;
	color: #6E6D6D;
text-align:center;
	padding:5px;
}
#header h1{
float:left;
padding:5px 0;
font-size:1rem;
text-align:left;
}
.contact{
float:right;
}

.contact p {
float: left;
width: 100px;
height: 45px;
display: block;
padding: 2px 2px 2px 2px;
margin: 0px 4px;
border-bottom: 2px solid #3c3432;
border-right: 1px solid #8E8E8E;
border-left: 1px solid #8E8E8E;
}
.contact p:a, p:visited {
}
.contact p:hover {
	border-bottom: 2px solid #316E1C;
	border-right: 1px solid #8E8E8E;
	border-left: 1px solid #8E8E8E;
}
.pankuzu1 {
	background: #EFEFEF;
	border-top: 1px solid #fff;
	margin: 0 0;
}

.pankuzu2 {
	padding: 10px;
	width: 1200px;
	margin: 0 auto;
}

.pankuzu2 ul {
	height: auto;
	margin: 0 0;
	overflow: hidden;
}

.pankuzu2 ul li {
	float: left;
	font-size: 12px;
	margin: 0 10px 0 0;
}

.pankuzu2 ul li:last-child {
	margin: 0;
}

.pankuzu2 ul li a {
	padding: 0 10px 0 0;
	color: #252525;
}


/* 共通コンテンツ
------------------------------------------------------------*/
/* イベント探す*/
.ly_accordion {
      border: 1px solid #000;
      margin: 20px auto 30px auto;
	width: 95%;
	  display: block;
    }
     
    .ly_accordion .bl_inner {
      padding: 0 1em;
      border-bottom: 1px solid #000;
		text-align: center;
    }
     
    .ly_accordion .el_heading {
	display: block;
	margin: 0;
	padding: .5em;
	color: #fff;
	border-bottom: 1px solid #fff;
	background: #000000;
	font-weight: bold;
	text-align: center;
    }
    .ly_accordion .el_heading:hover {
	color: #1AA1D9;
    }
     
    .ly_accordion .bl_content {
      overflow: hidden;
      max-height: 0;
      transition: max-height 1s ease-out 0s;
	　
}
    .ly_accordion .el_checkbox {
      display: none;
    }
     
.ly_accordion .el_checkbox:checked + .bl_content {
  max-height: 300px;
  transition: max-height 1s ease-in;
    }
.ly_accordion ul {
  margin: 10px auto;
  padding: 0;
  list-style: none;
  display: -webkit-flex;
  display: flex;
-webkit-justify-content: center;
  justify-content: center;
	flex-wrap: wrap;
color: #fff;
	
}
.ly_accordion ul li {
color: #fff;
max-width: auto; 
}
.ly_accordion ul li a:link, .ly_accordion ul li a:visited {
    margin: 0 10px 10px;
    padding: 5px 10px;
    display: block;
    color: #fff;
    text-align: center;
    background: #000;
    border-radius: 4px;
	border: 1px solid #000;
  }
.ly_accordion ul li a:hover {
    padding: 5px 10px;
    display: block;
    color: #fff;
    text-align: center;
    background: #1AA1D9;
	border-radius: 4px;
	border: 1px solid #1AA1D9;
  }

//左から右に配置
.row {
  -webkit-flex-direction: row;
  flex-direction: row;
}
.imgcenter {
	text-align: center;
}
.imgcenter10 {
	text-align: center;
	margin: 10px auto;
	display: block;
}
.imgcenter20 {
	text-align: center;
	margin: 20px auto;
	display: block;
}
.imgcenterres {
	text-align: center;
	margin: 20px auto;
	display: block;
	width: 85%;
}
.laycenter10 {
	text-align: center;
	width: 90%;
	margin: 10px auto;
}
.laycenter10b {
	text-align: center;
	width: 90%;
	margin: 10px auto;
	font-weight: bold;
}
ul.pager {
  display: flex;
  justify-content: flex-end;
}
ul.pager li {
	display: block;
	margin: 10px 5px;
}
ul.pager li a {
	border: 1px solid #1AA1D9;
	padding: 2px 7px;
}
ul.pager li a:hover {
	background: #1AA1D9;
	color: #fff;
}
.banner p{
padding-bottom:20px;
}

.banner p img{
max-width:280px;
height:auto;
}

.banner p img:hover{
cursor:pointer;
opacity:.8;
}

section.submenu ul{
margin:10px 0 10px 0;
}



section.submenu h3{
clear:both;
margin:0;
padding:25px 0 0 0;
font-size:130%;
font-weight:bold;
border-bottom:3px solid #000000;
}

section.submenu ul{
margin:0 0 30px 0;
}

section.submenu li a{
display:block;
padding: 10px;
color:#000000;
font-weight:bold;
border-bottom:1px dotted #000000;
}

section.submenu li a:hover{
background-color: #E9E9E9
}
section.submenu li a:before {
  font-family: FontAwesome;
  content: "\f207\00a0"; /* アイコンのunicode */
}


.formstyle select {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	text-indent: 1;
	line-height: 1.5;
	vertical-align: middle;
	border:1px solid #CCC;
	margin-bottom:5px;
	text-align: left;
	padding: 15px;
}

.formstyle input{
	padding: 10px;
	margin:0 auto 30px;
	/*背景色を黒に指定 */      
background-color: #000;
	/*文字色を白に指定 */      
color: #fff;
	/*submitボタンのを枠を非表示にする */      
border-style: none;
	font-weight: bold;
	}

div.sns {
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
  width: 98%;
  margin: 20px auto;
}
div.snslist {
	display: block;
	padding-right: 10px;
}

/* イベント情報
------------------------------------------------------------*/
.eventlistsort a {
  margin: 10px;
  border-radius: 5px;
  background: #1AA1D9;
  color: #fff;
  display: block;
  padding: 10px;
  text-decoration: none;
  font-weight: bold;
}
.eventlistsort a:hover {
  background: #66ABCC;
}
.eventlistsort {
  display: flex;
  justify-content: center;
  width: 95%;
  margin:auto; 
}
#eventdetail h2 {
	margin: 30px auto;
	padding: 0px 10px;
	font-size: 130%;
	font-weight: bold;
	border-bottom: 3px solid #000000;
	text-align: center;
	width: 95%;
}
#eventdetail table {
  border-collapse: collapse;
  width: 95%;
  margin: 1em auto 3em auto;
}
#eventdetail table th{
	padding: 10px;
	border: 1px solid #999;
	font-weight: bold;
	text-align: left;
	width: 25%;
	background-color: #eee;
}
#eventdetail table td {
  padding: 10px;
  border: 1px solid #999;
}
#eventdetail ul {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	flex-wrap: -webkit-wrap;
	width: 95%;
	margin: auto;
	justify-content: center;
}
#eventdetail ul li {
	font-size: 16px;
	width: auto;
	padding: 0;
	margin: 5px;
	font-weight: bold;
	background-color: #1AA1D9;
	color: #FFFFFF;
	text-align: center;
	border-radius: 5px;
	
}
#eventdetail ul li img {
display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: middle;
	
}
/* フッター
------------------------------------------------------------*/
footer {
	background-color: #000000;
}
footer ul{
margin:30px 0 30px 0;
}
footer li a {
	display: block;
	margin-top: 10px;
	color: #fff;
	font-size: 80%;
}

footer li a:hover{
color:#cdcdcd;
}
footer div.inner{
display: flex;
justify-content: space-around;
width:90%;
margin:10px auto;
}


#copyright {
	clear: both;
	padding: 20px 0;
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
}

#pagetop{
	position: fixed;
	right: 30px;
	bottom: 0px;
	font-size: 30px;
	color: #1AA1D9;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}

/* メインメニュー　PC用
------------------------------------------------------------*/

@media only screen and (min-width:981px){
#header p.logosp {
display: none;
}
#header p.logo img{
width:auto;
height:auto;
}
#header p.logo　{
width:100%;
clear:both;
margin:0px auto;
text-align:center;
}
nav#mainnav{
	position: relative;
	margin-top: 20px;
	background-color: #000000;
}

nav#mainnav ul{
display:flex;
justify-content:center;
align-items:center;
}

nav#mainnav ul li{
float:left;
}

nav#mainnav ul li a{
	display: block;
	text-align: center;
	_float: left;
	height: 60px;
	padding: 10px 37px 0;
	line-height: 60px;
	font-weight: bold;
	color: #FFFFFF;
}

nav#mainnav ul li a span,nav#mainnav ul li a strong{
display:block;
line-height:1.7;
}

nav#mainnav ul li a span{
	font-size: 1.3rem;
	color: #D5D5D5;
}

nav#mainnav ul li a:hover span, nav#mainnav ul li a:hover{
	background-color: #1AA1D9;
}

nav#mainnav ul ul{
width:180px;
border-top:0;
}

nav#mainnav ul li ul{
display: none;
}

nav#mainnav ul li:hover ul{
display: block;
position: absolute;
top:70px;
text-align:center;
z-index:3000;
}

nav#mainnav ul li li{
	background-color: #373737;
	border-bottom: 1px dotted #cdcdcd;
	float: none;
	width: 170px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	
}

nav#mainnav ul li li:last-child{
border:0;
}

nav#mainnav ul li li a{
width:100%;
height:40px;
padding:0;
line-height:40px;
font-size:90%;
text-lign:center;
}

nav#mainnav ul li li a:hover{
	color: #fff;
}

nav div.panel{
display:block !important;
}

a#menu{
display:none;
}

}
/* サイズ（980-1200px）からアコーディオンメニュー
------------------------------------------------------------*/

@media only screen and (max-width:1200px){
#content{
float:left;
width:70%;
padding:40px 0 50px 10px;
}

#sidebar{
float:right;
width:25%;
padding:40px 10px 50px 0;
}
	}
/* iPadサイズ以下（980px）からアコーディオンメニュー
------------------------------------------------------------*/

@media only screen and (max-width:980px){

#header{
position:fixed;
width:100%;
z-index:3000;
}
	
#headerWrap{
position:relative;
width:100%;
height:80px;
background:#ffffff;
border-bottom:1px solid #cccccc;
padding-top: 5px;
}
	
#header h1, #header p.logo{
display:none;
}
	
#header p.logosp img{
width:auto;
height:auto;
}
/*#header p img{
width:auto !important;
}*/

#content, #sidebar{
clear:both;
width:95%;
float:none;
margin:0 auto;
padding:10px 0;
}

a#menu{
display:inline-block;
position:relative;
width:40px;
height:40px;
margin:10px;
}

#menuBtn{
display:block;
position:absolute;
top:60%;
left:50%;
width:18px;
height:2px;
margin:-1px 0 0 -7px;
background:#000000;
transition:.2s;
}

#menuBtn:before, #menuBtn:after{
display:block;
content:"";
position:absolute;
top:50%;
left:0;
width:18px;
height:2px;
background:#000000;
transition:.3s;
}

#menuBtn:before{
margin-top:-7px;
}

#menuBtn:after{
margin-top:5px;
}

a#menu .close{
background:transparent;
}

a#menu .close:before, a#menu .close:after{
margin-top:0;
}

a#menu .close:before{
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
}

a#menu .close:after{
transform:rotate(-135deg);
-webkit-transform:rotate(-135deg);
}

.panel{
width:100%;
display:none;
overflow:hidden;
position:relative;
left:0;
top:0;
z-index:2000;
}

#mainnav{
position:absolute;
top:0;
width:100%;
text-align:right;
z-index:3000;
}

#mainnav ul{
background:#ffffff;
text-align:left;
}

#mainnav li a{
position:relative;
display:block;
padding:12px 25px;
border-bottom:1px solid #eeeeee;
color: #000000;
font-weight:bold;
}
#mainnav li a:hover{
color: #fff;
background:#1AA1D9;
}
#mainnav ul li a span{
display:none;
}

#mainnav ul li li{
border:0;
}

#mainnav ul li li a{
padding-left:40px;
}
.pankuzu1 {
margin: 0 0 30px 0;
padding-left: 0;
padding-right: 0;
}
.pankuzu2 {
padding: 10px 1%;
width: 98%;
margin: 0 auto;
}
	
	
}
/* PC用（981px）以上
*****************************************************/

@media only screen and (min-width:981px){

#maintitle h2 {
	width: 100%;
	height: 130px;
	padding-top: 70px;
	margin: auto;
	text-align: center;
	font-size: 160%;
	color: #fff;
	font-weight: bold;
	display: block;
	background-image: url(../images/title_bg.jpg);
	background-size: auto auto;
}
 
.readbold_c {
	font-weight:bold;
	margin: 20px auto;
	width: 90%;
	font-size:120%;
	text-align: center;
}
.readcopy {
	margin: 20px auto;
	width: 90%;
}
}

/* iPadサイズ以下（980px）から 1カラム表示に切り替え
*****************************************************/

@media only screen and (max-width:980px){

#wrapper{
padding-top:10px;
}

#wrapper, .inner{
width:100%;
}

#header .contact{
display:none;
}

nav#mainNav ul{
margin:0 auto;
}

nav#mainNav ul ul{
padding:0;
}

nav div.panel{
float:none;
}


section .widget_search{
text-align:center;
}
#maintitle {
  padding-top: 90px;
}
#maintitle h2 {
	width: 100%;
	height: 120px;
	padding-top: 70px;
	margin: 0px auto;
	text-align: center;
	font-size: 150%;
	color: #fff;
	font-weight: bold;
	display: block;
	background-image: url(../images/title_bg.jpg);
	background-size:cover;
}
h1#jrva {
display: none;
}
.banner{
width:100%;
margin:0 auto;
text-align:center;
display: flex;
display: -webkit-flex;
justify-content: space-around;
}
.banner p {
margin:15px 5px;
}
.banner p img {
width:100%;
height:auto;
}

.readbold_c {
	font-weight:bold;
	margin: 20px auto;
	width: 90%;
	font-size:120%;
}
.readcopy {
	margin: 20px auto;
	width: 90%;
	text-align: left
}
}
/* 幅645px以上から ヘッダー等微調節
------------------------------------------------------------*/

@media only screen and (min-width:645px){

	
.eventlist {
 padding: 0px 10px;
}
.eventlist h2.year {
	margin: 0 0 30px;
	padding: 0px 10px;
	font-size: 150%;
	font-weight: bold;
	border-bottom: 3px solid #000000;
	text-align: center;
}
.eventlist h2.year span {
	color: #1AA1D9;
	font-size: 1.5em;
	padding-left: 5px;
}
.eventlist h2.month {
	margin: 70px auto 10px 0;
	padding: 10px;
	width: 50%;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #000;
}
.eventlist h2.month span {
	color: #fff;
	font-size: 2em;
	padding-left: 5px;
}

.eventpost {
	display: flex;
	display: -webkit-flex;
	align-items: -webkit-center;
	align-items: center;
	padding: 15px;
	border-top: 3px solid #fff;
	border-bottom: 3px dotted #D5D5D5;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	margin: 20px auto;
}
.eventpost:hover {
 border: 3px solid #1A95C8;
opacity: 0.8;
}

.eventpost .thumbnail {
  width: 25%;
  padding-right: 10px;
}

.eventpost h3 {
  font-size: 22px;
  font-weight: bold;
}
.eventpost p.read {
	font-size: 14px;
	font-weight: normal;
}
.eventpost ul {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	flex-wrap: -webkit-wrap;
}
.eventpost ul li {
	font-size: 16px;
	width: auto;
	padding: 0;
	margin: 5px;
	font-weight: bold;
	background-color: #1AA1D9;
	color: #FFFFFF;
	text-align: center;
	border-radius: 5px;
	
}
.eventpost ul li img {
display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: middle;
	width: auto;	
}
	
}
/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/

@media only screen and (max-width:644px){

#header p.logosp img {
max-width:80%;
}

footer div.inner {
	width: 90%;
	margin: 10px auto;
	display: block;	
}
.formstyle select {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	text-indent: 1;
	line-height: 1.3;
	vertical-align: middle;
	border:1px solid #CCC;
	margin-bottom:5px;
	text-align: left;
	padding: 15px;
	width: 70%;
}

.formstyle input{
	padding: 10px;
	margin:0 auto 30px;
	/*背景色を黒に指定 */      
background-color: #000;
	/*文字色を白に指定 */      
color: #fff;
	/*submitボタンのを枠を非表示にする */      
border-style: none;
	font-weight: bold;
	}
.eventlist {
 padding: 0px 10px;
}
.eventlist h2.year {
	margin: 25px 0 15px;
	padding: 5px 10px;
	font-size: 150%;
	font-weight: bold;
	border-bottom: 3px solid #000000;
	text-align: center;
}
.eventlist h2.year span {
	color: #1AA1D9;
	font-size: 1.5em;
	padding-left: 5px;
}
.eventlist h2.month {
	margin: 30px auto 10px;
	padding: 10px;
	width: 95%;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #000;
}
.eventlist h2.month span {
	color: #fff;
	font-size: 2em;
	padding-left: 5px;
}
.eventpost {
  padding: 15px;
  border-bottom: 3px solid #ccc;
　margin: 20px auto 20px auto;
}
.eventpost:hover {
 background-color: #DEEDF4;
}
.eventpost .thumbnail {
	width: 98%;
	margin: auto;
	text-align: center;
}

.eventpost h3 {
  font-size: 20px;
  font-weight: bold;
　line-height: 1;
}
.eventpost p.read {
	font-size: 14px;
	font-weight: normal;
}
.eventpost ul {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	flex-wrap: -webkit-wrap;
}
.eventpost ul li {
	font-size: 14px;
	width: auto;
	padding: 0;
	margin: 5px;
	font-weight: bold;
	background-color: #1AA1D9;
	color: #FFFFFF;
	text-align: center;
	border-radius: 5px;
}
.eventpost ul li img {
display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: middle;
}
#eventdetail table {
	width:90%;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	margin: 1em auto 2em auto;
	border:none;
}

#eventdetail table thead {
	display: none;
}
#eventdetail table tr {
	display: block;
	border: 1px solid #999;
}
#eventdetail table th {
	display: block;
	width:100%;
	text-align: center;
	border:none;
	padding: 5px;
	clear: both;
	background: #333;
	color: #fff;
}
#eventdetail table td {
	display: block;
	text-align: left;
	border:none;
	padding: 5px;
	clear: both;
}
#eventdetail ul {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	flex-wrap: -webkit-wrap;
	justify-content: center;
	width:90%;
	margin: auto;
}
#eventdetail ul li {
	font-size: 14px;
	width: auto;
	padding: 0;
	margin: 5px;
	font-weight: bold;
	background-color: #1AA1D9;
	color: #FFFFFF;
	text-align: center;
	border-radius: 5px;
}
#eventdetail ul li img {
display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: middle;
}
}

/* 幅481px以下から ヘッダー等微調節
------------------------------------------------------------*/

@media only screen and (max-width:481px){
#headerWrap{
position:relative;
width:100%;
height:70px;
background:#ffffff;
border-bottom:1px solid #cccccc;
}

}
/* iPadサイズ以下（1200px）からアコーディオンメニュー
------------------------------------------------------------*/
@media only screen and (max-width:1200px){

#wrapper{
padding-top:10px;

}

#wrapper, .inner{
width:100%;
}
.pankuzu1 {
margin: 0 0 30px 0;
padding-left: 0;
padding-right: 0;
}
.pankuzu2 {
padding: 10px 1%;
width: 98%;
margin: 0 auto;
}
}