@charset "utf-8";
/*****************************************************
	
	全ての要素をリセット
	各ブラウザの表示を統一するための設定です
	
*****************************************************/
html {overflow-y: scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;outline:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table {	border-collapse: collapse;border-spacing: 0;}
caption,p {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;text-align:left;font-weight:normal;}
img,abbr,acronym,fieldset {border: 0;}
li {list-style-type: none;}
img{vertical-align:middle;}
.line {font-size:1px;line-height:1px;}
.right{
    text-align:right;
}
.center{
    text-align:center;
}

/*--- default ---*/
body {
	color: #111;
	font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
	line-height:1.7rem;
	-webkit-text-size-adjust: 100%;
	background:#111;
}

.f-sm-r {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
}

.f-sm-m{
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-style: normal;
}

.f-sm-sbr {
  font-family: "Shippori Mincho", serif;
  font-weight: 600;
  font-style: normal;
}

.f-sm-b {
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  font-style: normal;
}



/*****************************************************
	
	コンテンツ
	
*****************************************************/
#wrap{
	width: 100%;
	height: auto;
	margin:0 auto;
	

}
a:link {
	color:#333;
	text-decoration:none;
}

a:visited{
	color:#333;
	text-decoration:none;
}

a:hover{                     
	text-decoration: none;
}

a:active{
	text-decoration:none;
}
.clear:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clear            { zoom: 1; } /* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */
a,a img {
    transition: 0.3s ease-in-out;
}
a img:hover,.shopnav a:hover,.foot-nav a:hover  {
    opacity: 0.6;
    filter: alpha(opacity=60);
} 
a[href^="tel:"] {
    pointer-events: none;
}
@media screen and (max-width:768px)	{
a[href^="tel:"] {
    pointer-events: auto!important;
}

}
.ggmap {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;background:#ccc;}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media screen and (max-width:700px){
  .ggmap {padding-bottom: 96.25%;}
}
/* ================================
   メインヘッダー共通スタイル
================================ */
header {
  width: 100%;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
	 background: url(../image/common/noren.svg) no-repeat center;
  background-size: cover;
	background-position:center bottom;
	padding:8rem 0 12rem;
}

.headtitle-area{
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
}

.headtitle-area .head-logo{

	text-align:center;
}
header .head-logo img{
width:100%;
max-width:300px;
	text-align:center;
}

.headutility-area{
	position: absolute;
	left: 7vw; 
	top: 15rem;
	height: 100%;
	
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	
	z-index: 2;
}

.headutility-area a{
color:#fff;
}
.headutility-area li{
padding:0rem 0.5rem;
	font-size:1.2rem;
}
.headutility-area li span{
		position:relative;
margin:20px 0 20px;
}
.headutility-area li span:before{
content:'';
	width:1px;
	height:25px;
	top:-14px;
	background:#fff;
	position:absolute;
	left:50%;
}
@media screen and (max-width:1000px){
.headutility-area{
	left: 3.54vw; 
	top: 25rem;
	
	z-index: 2;
}

	.headutility-area li{
padding:0rem 0.25rem;
	font-size:1.0rem;
}
}
@media screen and (max-width:850px){
	header {
 
	padding:5rem 0 8rem;
}
	
	header .head-logo img{
width:80%;
max-width:270px;
	text-align:center;
}
	
	.headutility-area{
display:none;
}
}
/* ================================
   ハンバーガーボタン
================================ */
.openbtn {
  position: fixed;
  cursor: pointer;
  width: 60px;
  height: 60px;
  border-radius: 50%;
	top: 0.75rem;
  right:0.75rem;
	  transition: top 0.8s ease;
	background:#0b2640;
	z-index:10;

}
.openbtn span {
  display: inline-block;
  transition: all 0.4s;
  position: absolute;
  left: 15px;
  height: 1px;
  border-radius: 5px;
  background: #fff;
  width: 30px;
}

.openbtn span:nth-of-type(1) { top: 21px; }
.openbtn span:nth-of-type(2) { top: 27.5px; }
.openbtn span:nth-of-type(3) { top: 34px; }

.openbtn:hover span:nth-of-type(1) { top: 19px; }
.openbtn:hover span:nth-of-type(3) { top: 36px; }

header .close-bt{
   display:block;
		position: absolute;
  cursor: pointer;
    width: 75px;
    height:75px;
  border-radius: 5px;
		right:0.0rem;
		top:1.2rem;
}
		
header .close-bt span{
    display: inline-block;
    transition: all 0.8s;
    position: absolute;
    left: 14px;
    height: 1px;
    border-radius: 5px;
  background: #fff;
    width: 50%;
  }

	header .close-bt span:hover {
  transform: rotate(360deg);
}
	header .close-bt span:nth-of-type(1) {
  top: 14px;
  left: 20px;
  transform: translateY(6px) rotate(-45deg);
  width: 40%;
}

header .close-bt span:nth-of-type(2) {
  top: 26px;
  left: 20px;
  transform: translateY(-6px) rotate(45deg);
  width: 40%;
}

/* hover時に回転（例として各45度追加で回転） */
header .close-bt:hover span:nth-of-type(1) {
  transform: translateY(6px) rotate(-45deg + 360deg); 
  transform: translateY(6px) rotate(315deg);
}

header .close-bt:hover span:nth-of-type(2) {
  transform: translateY(-6px) rotate(405deg);
}



.megamenu {
  overflow-y: auto;
  display: flex;
  justify-content: center;
	align-items: stretch;
  position: fixed;
  background:#0b2640;
  width: 100%;
  z-index: -10;
  top: 0;
  left: 0;
  inset: 0; 
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease, z-index 0s linear 0.4s;
}


/* 表示状態 */
.megamenu.active {
  opacity: 1;
  z-index: 100;
  pointer-events: auto;
  transition: opacity 0.4s ease, z-index 0s;
}
.megamenu .menu-area nav {
	display: flex;
	justify-content: center;
	align-items: center;	
	height:100vh;

	
}
.megamenu .menu-area ul {
	
}
.megamenu .menu-area ul li a{
	color:#fff;
	text-align:center;
	display:block;
	padding:0.85rem 0;
	font-size:1.1rem;
}
.megamenu .menu-area ul li {
	text-align:center;
}
/* ================================
   オーバーレイ背景
================================ */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.0);
  z-index: -1;
  transition: background-color 1s ease, z-index 0s 1s;
}
.overlay.show {
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 3;
  transition: background-color 0.5s ease;
}


/*****************************************************
	
	フッター
	
*****************************************************/
footer{
	background:#f3efe6;
	
}



footer .footbottom{
	font-size:0.8rem;
	background: #0b2640;
	text-align:center;
	color:#fff;
	padding:2rem;
}
.foot-contents{
	width:90%;
	max-width:1200px;
	margin:0 auto;
	padding:5rem 0;
	padding-top:clamp(3rem,5vw,5rem);
}

.foot-contents .inner-box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin:0 auto 3rem;
}
.foot-contents .inner-box .guide-area{
	order:2;
	width:calc(100% - 360px);
}

.foot-contents .inner-box .guide-area ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.foot-contents .inner-box .guide-area ul li{
	width:49.5%;
	text-align:center;
	background:#dfcda0;
	padding:0.7rem 0.5rem;
	box-sizing:border-box;
	margin-bottom:1%;
}
.foot-contents .inner-box .bottom-telbox{
	width:100%;
	background:#fff;
	padding:1.5rem 1rem;
	box-sizing:border-box;
  margin-top:0.5%;
}
.foot-contents .inner-box .bottom-telbox p{

	text-align:center;
}
.foot-contents .inner-box .bottom-telbox .title{

	font-size:1.2rem;
	
}
.foot-contents .inner-box .bottom-telbox .tel{

	font-size:clamp(1.3rem,5vw,1.7rem);
	letter-spacing:0.1rem;
	margin:0.5rem 0 0.7rem;
}
.foot-contents .inner-box .bottom-telbox .exp{

	font-size:clamp(0.8rem,2vw,1.0rem);
  line-height:1.5;

}
.foot-contents .inner-box .info-area{
	order:1;
	width:300px;
	text-align:center;
}
.foot-contents .foot-name{
	font-size:2rem;
	line-height:1.5;
	letter-spacing:0.1rem;
	margin-bottom:1.2rem;
}
.foot-contents .foot-name span{
	font-size:1.2rem;
	display:block;
}

.foot-contents address{
		margin:0.5rem 0;
}
.foot-contents .optime{
		margin:1.0rem 0;
}
.foot-contents .teikyubi{
		display: flex;
	justify-content: center;
}
.foot-contents .teikyubi dt{
		margin-right:1rem;
}

@media screen and (max-width:950px){
	.foot-contents .inner-box{
	display:block;

}
.foot-contents .inner-box .guide-area{
	order:2;
	width:100%;
	margin-bottom:2.5rem;
}
.foot-contents .inner-box .info-area{
	order:1;
	width:100%;
}
}

@media screen and (max-width:950px){
	.foot-contents .inner-box .guide-area ul li{
	width:100%;
}

}
/*****************************************************
	
	ページコンテンツ
	
*****************************************************/
#page-slide {
  position: fixed; 
  top: 0;
  left: 0;
  width: 100vw; 
  height: 100vh;  
  overflow: hidden;   
  z-index: -1; 
}

.scroll-infinity {
  width: 100%;
  height: 100%;
}

.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
  height: 100%;
}

.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.scroll-infinity__list--left {
  animation: infinity-scroll-left 140s infinite linear 0.5s both;
}

.scroll-infinity__item {
  width: calc(100vw / 1.8);
  height: 100vh;         /* 各スライドも高さを揃える */
}

.scroll-infinity__item > img {
  width: 100%;
  height: 100%;
  object-fit: cover;     /* 画像をはみ出さず埋める */
}

@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

/* レスポンシブ調整 */
@media screen and (max-width:1200px){
  .scroll-infinity__item {
    width: calc(100vw / 1.5);
  }
}
@media screen and (max-width:600px){
  .scroll-infinity__item {
    width: calc(100vw / 1.0);
  }
}




#contents{
}

#mv-area{
	text-align:center;
	padding:40vh 0; 
	font-size:clamp(1.5rem,5vw,1.7rem);
	color:#fff;
	letter-spacing:0.1rem;
}
#mv-area .copy{
	text-shadow: 0px 0px 5px #111;
	font-weight:600;
}

@media screen and (max-width:1200px){
#mv-area span{
	display:block;
	line-height:3;
}
}
#omoi{
	
	 background: url(../image/front/unagi-si.png) no-repeat bottom 20% right 10%;
	background-size:40%;
	background-color:#f3efe6;
	display: flex;
	justify-content: center;
	align-items: center;
	padding:10rem 0;
	position:relative;
}
#omoi .inner{
	position:relative;
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#omoi .photo{
	position:absolute;
	width:25vw;
	left:0;
	top:40%;
	max-width:500px;
}
#omoi .photo img{
	
	width:100%;
}
#omoi .txt-box{
		-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
  line-height:2.3;
	
}
#omoi .txt-box p span{
		display:block;
}
#omoi .txt-box h2{
	font-size:2rem;
}

@media screen and (max-width:1200px){
	#omoi .photo{
	top:auto;
	width:25vw;
	bottom:-150px;
		min-width:200px;
	
}

}
@media screen and (max-width:600px){
#omoi{
	display:block;
	padding: 5rem 0 5rem;
	 background: url(../image/front/unagi-si.png) no-repeat bottom 5% right 10%;
	background-size:80%;
	background-color:#f3efe6;
	
}
	#omoi .photo{
	top:auto;
	bottom:auto;
		left:50%;
	width:220px;
	height:220px;
	overflow:hidden;
	border-radius:50%;
	margin-left:-110px; 
	margin-top:0;
		margin-bottom:1.5rem;
	position: relative;
		
}
	#omoi .txt-box h2{
	font-size:1.8rem;
		text-align:center;
		
}
#omoi .txt-box{
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;
		line-height: 2.0;
		padding: 0 10%;
}
	#omoi .txt-box p span{
		display:inline;
}
}


#kukan{
	background:#0b2640;
	padding:5rem 0;
	padding-bottom:clamp(2rem,5vw,5rem);
	color:#fff;
	overflow:hidden
}


#kukan .kukan-box{
	width:95%;
	max-width:1100px;
	margin:5rem auto;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	position:relative;
}
#kukan .kukan-box .r-txt{
	position:absolute;
	background: url(../image/front/r-moji.png) no-repeat center;
	width:280px;
	height:280px;
	background-size:100%;
	top:-7rem;
	right:-7rem;
 animation: rotate360 50s linear infinite;
}

@keyframes rotate360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

#kukan .kukan-box .gaikan-area{
	order: 2;
	position:relative;
	width:45%;
}
#kukan .kukan-box .naikan-area{
	order: 1;
	position:relative;
	
	width:50%;
}
#kukan .kukan-box .naikan-area .naikan-box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: column;
	height: 100%;
}
#kukan .kukan-box .naikan-area .txt{
	padding:3rem 0;
	line-height:2;
}

#kukan .kukan-box .naikan-area .photo-area ul{
	display: flex;
	justify-content: space-between;
}
#kukan .kukan-box .naikan-area .photo-area ul li{
	width:48%;
}
#kukan .kukan-box .naikan-area .photo-area ul li img{
	margin-bottom:0.5rem;
}
#kukan .kukan-box .naikan-area .photo-area ul li p{
	text-align:center;
	letter-spacing:0.1rem
}
#kukan .kukan-box .naikan-area .photo-area ul li p span{
	display:block;
	font-size:0.9rem;
}
#kukan .kukan-box img{
	width:100%;
}

@media screen and (max-width:1000px){
	#kukan .kukan-box{
	width:85%;
	max-width:800px;
	display:block;
	margin:5rem auto;
}
#kukan .kukan-box .r-txt{
	position:absolute;
	background: url(../image/front/r-moji.png) no-repeat center;
	width:40vw;
	height:40vw;
	background-size:100%;
	top:-7vw;
	right:-15vw;
}


#kukan .kukan-box .gaikan-area{
	order: 2;
	position:relative;
	width:100%;
}
#kukan .kukan-box .naikan-area{
	order: 1;
	position:relative;
	
	width:100%;
}
}




#oshinagaki{
	 background: url(../image/common/wa-bg.webp) center;
	background-size:100%;
	padding:5rem 0;
	padding-bottom:clamp(2rem,5vw,5rem);
	padding-top:clamp(2rem,5vw,5rem);
}

#oshinagaki .menu-area{
	width:90%;
	max-width:1200px;
	margin:0 auto;
}

#oshinagaki .menu-area img{
	width:100%;
}

#oshinagaki .menu-area ul{
display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin:5rem auto;
	max-width:1000px;
}
#oshinagaki .menu-area ul li{
width:45%;
	margin-bottom:clamp(3rem,10vw,4rem);
}

#oshinagaki .menu-area ul .wmax{width:100%;}

#oshinagaki .menu-area li{
		position:relative;
	
}

#oshinagaki .menu-area h3{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	display:inline-block;
	background:#fff;
	position:absolute;
	font-size:clamp(1.1rem,4vw,1.4rem);
	padding:1rem 0.5rem;
	letter-spacing:0.1rem;
	top:0;
	left:5%;
	
}

#oshinagaki .menu-area .photo{
		overflow:hidden;
	border-radius:50%;
	margin:0 auto 1rem;
}
#oshinagaki .menu-area .wmax .photo{
	border-radius:10px;
	margin:0 auto 1rem;
}


#oshinagaki .menu-area p{
		padding:0 1rem;
}

#oshinagaki .menu-area a{
	
}

#oshinagaki .menu-area a{
		 background: url(../image/common/gaibulink-wh.svg) no-repeat center right 5%;
	background-size:0.75rem;
	background-color:#111;
	display:block;
	margin:1rem;
	color:#fff;
	padding:1rem 1.5rem;
	line-height:1rem;
	position:relative;
	
}
#oshinagaki .menu-area .wmax a{
		max-width:500px;
	margin:2rem auto 0;
}
#oshinagaki .menu-area a:before{
		content:'';
	width:100%;
	height:1px;
	background:#111;
	bottom:-5px;
	left:5px;
	position:absolute;transition: 0.3s ease-in-out;
}
#oshinagaki .menu-area a:after{
		content:'';
	width:1px;
	height:100%;
	background:#111;
	bottom:-5px;
	right:-5px;
	position:absolute;transition: 0.3s ease-in-out;
}


#oshinagaki .menu-area a:hover:before{
		content:'';
	width:100%;
	height:4px;
	
}
#oshinagaki .menu-area a:hover:after{
		content:'';
	width:4px;
	height:100%;
	
}

@media screen and (max-width:600px){
#oshinagaki .menu-area ul li{
width:95%;
	margin:0 auto 0;
	margin-bottom:clamp(3rem,10vw,4rem);
}
	#oshinagaki .menu-area .wmax{
		width:90%!important;
	margin:2rem auto 0;
}
}

#kodawari{
	background:#0b2640;
	padding:5rem 0;
	color:#fff;
	overflow:hidden
}

#kodawari .kodawari-area{
	position:relative;
}
#kodawari .kodawari-area-1:before{
	content:'';
	position:absolute;
	background:#111;
	left:0;
	top:25%;
	width:40vw;
	height:70%;
	
}
#kodawari .kodawari-area-1:after{
	content:'';
	position:absolute;
			 background: url(../image/common/kumo.svg) no-repeat bottom;

	left:-2%;
	bottom:0%;
	width:20vw;
	height:20vw;
}



#kodawari .kodawari-area-2:before{
	content:'';
	position:absolute;
	background:#111;
	right:0;
	top:25%;
	width:40vw;
	height:70%;
	
}
#kodawari .kodawari-area-2:after{
	content:'';
	position:absolute;
			 background: url(../image/common/kumo.svg) no-repeat bottom;

	right:-2%;
	bottom:0%;
	width:20vw;
	height:20vw;
}



#kodawari .kodawari-area .kodawari-box{
	width:90%;
	max-width:900px;
	margin:5rem auto 8rem;
	position:relative;
}
#kodawari .kodawari-area .kodawari-box h3{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	position:absolute;
	font-size:clamp(1.2rem,3vw,1.5rem);
	line-height:1.7;
	letter-spacing:0.2rem;
}
#kodawari .kodawari-area .box-2 h3{
	right:0;
}
#kodawari .kodawari-area .kodawari-box img{
	width:70%;
	margin:0 15% 1.5rem;
}
#kodawari .kodawari-area .kodawari-box p{
	margin:0 15% 1.5rem;
}

@media screen and (max-width:800px){
#kodawari .kodawari-area .kodawari-box{
	width:90%;
	max-width:900px;
	margin:10vw auto 15vw;
	padding-bottom:15vw
}
#kodawari .kodawari-area-1:before{

	top:0%;
	width:85vw;
	height:10rem;
}
#kodawari .kodawari-area-1:after{
	
	left:-2%;
	bottom:0%;
	width:40vw;
	height:30vw;
}



#kodawari .kodawari-area-2:before{
	
	top:0%;
	width:85vw;
	height:10rem;
}
#kodawari .kodawari-area-2:after{
	right:-2%;
	bottom:0%;
	width:40vw;
	height:30vw;
}

#kodawari .kodawari-area .kodawari-box h3{
	-ms-writing-mode: lr-tb; 
writing-mode: horizontal-tb;
	position:relative;
	text-align:center;
	padding:2rem 0 1rem;
}
#kodawari .kodawari-area .kodawari-box img{
	width:95%;
	margin:0 2.5% 1.5rem ;
}	
#kodawari .kodawari-area .kodawari-box p{
	margin:0 5% 1.5rem;
}
}

#kodawari .kodawari-area-eki ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	max-width:1200px;
	margin:0 auto;
}
#kodawari .kodawari-area-eki ul li{
	width:45%;
	box-sizing:border-box;
	margin:0 1.5%;
	padding:8% 2%;
}

#kodawari .kodawari-area-eki ul li h3{
text-align:center;
	font-size:1.3rem;
	line-height:1.8;
	margin-bottom:2rem;
}
#kodawari .kodawari-area-eki ul li p{
width:70%;
margin:0 auto;
max-width:320px;
	line-height:1.9;
}
#kodawari .kodawari-area-eki .syoyu{
	 background: url(../image/front/kodawari3.webp) no-repeat center;
	background-size:cover;
}
#kodawari .kodawari-area-eki .dre{
	 background: url(../image/front/kodawari4.webp) no-repeat center;
	background-size:cover;
}











.kodawari-copy-inner{
	display: flex;
	justify-content: center;
	align-items: center;
		position:relative;
}
.kodawari-copy-inner:before{
	content:'';
	position:absolute;
			 background: url(../image/common/kazari.svg) no-repeat bottom;

	left:5%;
	top:0%;
	width:20vw;
	height:20vw;
}
.kodawari-copy-inner:after{
	content:'';
	position:absolute;
			 background: url(../image/common/kazari.svg) no-repeat bottom;

	right:5%;
	bottom:0%;
	width:20vw;
	height:20vw;
}


.kodawari-copy p{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size:clamp(1.1rem,3vw,1.4rem);
	line-height:2.7;
	letter-spacing:0.4rem;
	padding:15% 0 10%;
}


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

#kodawari .kodawari-area-eki ul li{
	width:90%;
	box-sizing:border-box;
	margin:0 auto 3vw;
	padding:15% 2%;
}

.kodawari-copy-inner:before{
	

	width:25vw;
	height:25vw;
}
.kodawari-copy-inner:after{
	width:25vw;
	height:25vw;
}
	
}


.content-title-area{
	margin:2rem auto;
}
.content-title-area h2{
	text-align:center;
	font-size:3rem;
	font-weight:500;
	line-height:1.5;
	margin-bottom:2rem;
}
.content-title-area h2 span{
	display:block;
	font-size:0.9rem;
	letter-spacing:0.2rem;
	margin:0.5rem 0;
}
.content-title-area p{
	text-align:center;
}