@charset "UTF-8";
.page-wrap { width: 100%; overflow-x: hidden; }

#contents { width: 100%; }
#contents .aw { display: inline-block; }
#contents .brackets { display: inline-block; margin-left: -0.5em; }
#contents .sp { display: none; }
@media screen and (max-width: 640px) { #contents .pc { display: none; }
  #contents .sp { display: block; } }

.w960 { width: 960px; margin: 0 auto; position: relative; z-index: 100; }
@media screen and (max-width: 640px) { .w960 { width: 100%; } }

.pic img { width: 100%; height: auto; }

#contents .mainVisual { /*max-width: 1400px;*/ margin: 75px auto 0; }
#contents .mainVisual .main_slide { width: 100%; position: relative; }
#contents .mainVisual .main_slide .slide-cell { width: 420px; padding: 0 2px; }
@media screen and (max-width: 640px) { #contents .mainVisual .main_slide .slide-cell { width: 220px; } }

h4.midashi { font-size: 1.5rem; font-weight: normal; margin-bottom: 1rem; }

p.lead { font-size: 0.9rem; line-height: 2; }

#top_intro { margin-bottom: 6rem; }
#top_intro h3 { font-size: 2rem; text-align: left; margin-bottom: 0; border-top: none; background: none; }
#top_intro p.lead { /*margin-left: 30%;*/ line-height: 2.4; }
@media screen and (max-width: 640px) { #top_intro { width: 90%; margin: 0 auto 6rem; }
  #top_intro h3 { font-size: 1.6rem; letter-spacing: 0.1em; }
  #top_intro p.lead { margin-left: auto; } }

#movie { margin: 7rem auto; position: relative; }
#movie video { width: 100%; height: auto; display: block; }
#movie .movie-button { position: absolute; left: 50%; bottom: 2rem; z-index: 2; transform: translate(-50%, 0%); transition: opacity 0.7s; opacity: 1; cursor: pointer; width: 80%; max-width: 280px; }
#movie .movie-button .movie-button-img { width: 100%; }
#movie .movie-button .movie-button-img img { width: 100%; height: auto; }
#movie .movie-ctrl-button { position: absolute; left: 20px; bottom: 20px; z-index: 2; width: 30px; opacity: 0; cursor: pointer; pointer-events: none; }
#movie .movie-ctrl-button img { width: 100%; height: auto; display: block; }
#movie .movie-ctrl-button.movie-play { opacity: 1; pointer-events: auto; }
#movie.bg-video-play .movie-play { opacity: 0; pointer-events: none; }
#movie.bg-video-play .movie-pause { opacity: 1; pointer-events: auto; }
@media screen and (max-width: 640px) { #movie .movie-button { left: 50%; bottom: auto; transform: translate(-50%, -50%); /*transform: none;
position: static;
margin: 10px auto 0;*/ }
  #movie .movie-ctrl-button { left: 10px; bottom: 30px; } }

.modal-video { background-color: rgba(0, 0, 0, 0.8); }

.modal-video-body { max-width: 1000px; }

.concept { position: relative; margin-bottom: 10rem; }
.concept::before { content: ""; display: block; width: 100%; }
.concept .copy { font-size: 1.2rem; letter-spacing: 0.15em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.concept .pic { position: absolute; }
@media screen and (max-width: 640px) { .concept { margin-bottom: 6rem; }
  .concept .copy { font-size: 3.8vw; } }

#concept01::before { padding-bottom: 70%; }
#concept01 .copy { -webkit-transform: translateX(0%); transform: translateX(0%); left: 61%; }
#concept01 .pic01 { width: 52%; bottom: 0; left: 0; }
#concept01 .pic02 { width: 26%; top: 0; right: 0; }
#concept01 .pic03 { width: 34%; bottom: 0; right: 10%; }
@media screen and (max-width: 640px) { #concept01::before { padding-bottom: 130%; }
  #concept01 .copy { left: 68%; }
  #concept01 .pic01 { bottom: auto; width: 60%; top: 7%; }
  #concept01 .pic02 { top: 48%; width: 33%; }
  #concept01 .pic03 { width: 50%; right: 37%; } }

#concept02::before { padding-bottom: 89%; }
#concept02 .copy { -webkit-transform: translateX(0%); transform: translateX(0%); left: 17%; z-index: 2; top: auto; bottom: 0%; }
#concept02 .pic01 { width: 100%; top: 0; left: 0; }
#concept02 .pic02 { width: 26%; bottom: 0; right: 38%; }
#concept02 .pic03 { width: 30%; bottom: 0; right: 5%; }
@media screen and (max-width: 640px) { #concept02::before { padding-bottom: 140%; }
  #concept02 .copy { left: 15%; bottom: 23%; }
  #concept02 .pic02 { width: 37%; right: 0; bottom: auto; top: 44%; }
  #concept02 .pic03 { width: 46%; right: 10%; } }

#concept03::before { padding-bottom: 69%; }
#concept03 .copy { -webkit-transform: translateX(0%); transform: translateX(0%); left: 63.5%; top: 7%; }
#concept03 .pic01 { width: 57%; top: 0; left: 0; }
#concept03 .pic02 { width: 26%; top: 13%; right: 0; }
#concept03 .pic03 { width: 20%; bottom: 0; right: 19%; }
@media screen and (max-width: 640px) { #concept03::before { padding-bottom: 130%; }
  #concept03 .copy { left: 72%; }
  #concept03 .pic01 { bottom: auto; width: 60%; top: 7%; }
  #concept03 .pic02 { top: 57%; width: 33%; right: 8%; }
  #concept03 .pic03 { width: 40%; right: 47%; } }

.feature { margin-bottom: 7rem; }
.feature .ttlArea { position: relative; }
.feature .ttlArea .moreBtn { position: absolute; z-index: 5; bottom: 50px; right: 30px; width: 250px; }
.feature .ttlArea .moreBtn a { display: block; text-decoration: none; width: 100%; background: #666666; color: #fff; text-align: left; box-sizing: border-box; padding: 10px 0 10px 15px; position: relative; transition: .3s; }
.feature .ttlArea .moreBtn a::before { content: ""; display: block; width: 18px; height: 18px; border-radius: 10px; box-sizing: border-box; border: 1px solid #fff; position: absolute; top: 11px; right: 5px; transition: .3s; }
.feature .ttlArea .moreBtn a::after { content: ""; display: block; position: absolute; top: 45%; right: 12px; width: 4px; height: 4px; box-sizing: border-box; border: 1px solid #fff; border-width: 1px 1px 0 0; transform: rotate(45deg); transition: .3s; }
.feature .ttlArea .moreBtn a:hover { background: #333333; color: #fff; }
.feature .ttlArea .moreBtn a:hover::before { border: 1px solid #fff; }
.feature .ttlArea .moreBtn a:hover::after { border: 1px solid #fff; border-width: 1px 1px 0 0; }
@media screen and (max-width: 640px) { .feature .ttlArea .moreBtn { position: static; margin: 2rem auto 1rem; } }
.feature .slick { padding: 120px 0; background: #18212b; }
.feature .slick__inner { width: min(100%, 1120px); margin: 0 auto; padding: 0 20px; }
.feature .slick__container { position: relative; margin-top: -5rem; /* インナー幅から片側をはみ出させる */ width: calc(100% + (100vw - 100%) / 2); /* / インナー幅から片側をはみ出させる */ }
.feature .feature_slider { padding: 120px 0 60px 0px; /*background: #fff;*/ }
@media screen and (max-width: 640px) { .feature .feature_slider { padding-left: 20px; } }
.feature .feature_slider li { position: relative; }
@media screen and (max-width: 640px) { .feature .feature_slider li { width: 290px !important; } }
.feature .feature_slider li .pic { /*padding: 120px 0 60px 60px;*/ background: #fff; position: relative; /*width: 310px;*/ margin-right: 30px; /*&::before { display: block; padding-top: calc((2.7 / 3) * 100%); content: '';
}*/ }
@media screen and (max-width: 640px) { .feature .feature_slider li .pic { /*padding-bottom: 44px;*/ /*width: 260px;*/ /*
margin-left: 5%;
margin-right: 5%;
*/ } }
.feature .feature_slider li .pic img { /*position: absolute;
top: 0;
left: 0;*/ width: 100%; height: auto; /*object-fit: cover;*/ }
.feature .feature_slider li .pic-txt { position: absolute; bottom: 0; left: 0; display: block; color: #000; /*text-shadow:0px 0px 3px #ffffff,0px 0px 3px #ffffff,0px 0px 5px #ffffff,0px 0px 5px #ffffff,0px 0px 5px #ffffff,0px 0px 5px #ffffff;*/ font-size: 0.9vw; line-height: 1.4; 		  /*padding-left: 1rem; padding-right: 1rem;*/ width: calc(100% - 30px); height: 4.9vw; /*color: #676767;*/ /*font-weight: bold;*/ box-sizing: border-box; font-feature-settings: "palt"; letter-spacing: 0.1rem; background: #ccc; text-align: center; }
.feature .feature_slider li .pic-txt span { display: block; width: 94%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.feature .feature_slider li .pic-txt.tl { text-align: left; }
.feature .feature_slider li .pic-txt.w { color: #fff; text-shadow: 0px 0px 3px #000,0px 0px 3px #000,0px 0px 5px #000,0px 0px 5px #000,0px 0px 5px #000,0px 0px 5px #000; }
.feature .feature_slider li .pic-txt .materialLogo { height: 1.3rem; width: auto; display: inline-block; /*line-height: 1;*/ vertical-align: sub; }
@media screen and (max-width: 640px) { .feature .feature_slider li .pic-txt { /*padding-left: 1rem;
padding-top: 1.8rem;*/ height: 54px; font-size: 10px; } }
.feature .feature_slider.low li .pic::before { display: block; padding-top: calc((1.5 / 3) * 100%); content: ''; }
.feature .slick__prev, .feature .slick__next { position: absolute; top: 40px; z-index: 1; height: 33px; /*
border-radius: 50%;
border: 1px solid #18212b;
*/ background: #fff; border: none; cursor: pointer; }
.feature .slick__prev::before, .feature .slick__next::before { content: ""; display: block; height: 33px; background-position: top left; background-repeat: no-repeat; }
.feature .slick__prev.slick-disabled, .feature .slick__next.slick-disabled { pointer-events: none; opacity: 0.4; }
.feature .slick__prev { /* (インナー幅の右端) + (画像のマージン + ボタンの大きさ + ボタンとの間隔) */ width: 130px; right: calc((100vw - 100%) + (0px + 130px + 20px)); }
.feature .slick__prev::before { background-image: url("../images/top/slide_prev.png"); background-size: 120px 33px; background-position: top right; }
.feature .slick__next { /* (インナー幅の右端) + (画像のマージン) */ width: 110px; right: calc((100vw - 100%) + (30px)); }
.feature .slick__next::before { background-image: url("../images/top/slide_next.png"); background-size: 92px 33px; }
@media screen and (max-width: 640px) { .feature .slick__prev { right: 50%; }
  .feature .slick__next { right: auto; left: 52%; }
  .feature p.lead { padding: 0 30px; }
  .feature .slick__container { margin-top: -1rem; } }

#functional li { margin-right: 30px; }
#functional li .functional_slider_inner { background: #ccc; padding: 10px 10px 0; box-sizing: border-box; }
#functional li .functional_slider_inner .pic { margin-right: auto; }
#functional li .functional_slider_inner .pic::before { content: ""; display: block; position: absolute; box-sizing: border-box; border: 5px solid #fff; width: 100%; padding-bottom: 102%; z-index: 1; }
#functional li .functional_slider_inner .pic-txt { width: 100%; }
#functional li .functional_slider_inner .pic-txt span.name { left: 20px; top: 50%; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform: translateY(-50%); transform: translateY(-50%); border-right: 1px solid #333; padding-right: 0.5vw; width: 6vw; }
#functional li .functional_slider_inner .pic-txt span.txt { left: 9vw; top: 50%; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media screen and (max-width: 640px) { #functional li .functional_slider_inner .pic-txt span.name { width: 15vw; }
  #functional li .functional_slider_inner .pic-txt span.txt { left: 24vw; width: auto; } }
@media screen and (max-width: 420px) { #functional li .functional_slider_inner .pic-txt span.name { width: 19vw; }
  #functional li .functional_slider_inner .pic-txt span.txt { left: 30vw; } }

#lineup .ttlArea { text-align: center; margin-bottom: 0.2rem; background: #EEEEEB; padding: 80px 0; }
#lineup .ttlArea h4, #lineup .ttlArea h5 { font-weight: normal; }
#lineup .ttlArea h4 { font-size: 35px; letter-spacing: 4px; }
#lineup .ttlArea h4::after { content: ""; display: block; width: 77px; height: 2px; background: #000; margin: 0 auto 0; }
#lineup .ttlArea h5 { letter-spacing: 0.2em; }
#lineup ul { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; }
#lineup ul * { min-height: 0%; }
#lineup ul li { width: 24.9%; margin-bottom: 0.1rem; background: #000; }
#lineup ul li a { display: block; position: relative; }
#lineup ul li a::before { content: ""; display: block; width: 100%; padding-bottom: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.6; transition: .3s; }
#lineup ul li a::after { content: ""; display: block; position: absolute; bottom: 20px; right: 20px; width: 41px; height: 41px; background: url("/common/images/icon09.png") top left no-repeat; background-size: 100% auto; }
#lineup ul li a .txt { display: block; width: 90%; position: absolute; left: 5%; bottom: 15px; color: #fff; font-size: 18px; line-height: 1.35; letter-spacing: 2px; text-align: left; -webkit-font-smoothing: antialiased; /*&::before { content: ""; display: block; width: 25px; height: 25px; border-radius: 20px; box-sizing: border-box; border: 1px solid #fff; position: absolute; top: 30%; right: 0; transition: .3s;
}
&::after { content: ""; display: block;    position: absolute; top: 45%; right: 10px; width: 6px; height: 6px; box-sizing: border-box; border: 1px solid #fff; border-width: 1px 1px 0 0; transform:rotate(45deg); transition: .3s;
}*/ }
#lineup ul li a .txt .brackets { display: inline-block; margin-left: -0.5em; }
#lineup ul li a:hover::before { opacity: 0.9; }
#lineup ul li.lineup01 a .txt::before, #lineup ul li.lineup02 a .txt::before, #lineup ul li.lineup03 a .txt::before, #lineup ul li.lineup04 a .txt::before, #lineup ul li.lineup08 a .txt::before { top: 12%; }
#lineup ul li.lineup01 a .txt::after, #lineup ul li.lineup02 a .txt::after, #lineup ul li.lineup03 a .txt::after, #lineup ul li.lineup04 a .txt::after, #lineup ul li.lineup08 a .txt::after { top: 42%; }
#lineup ul li.lineup01 a::before { background-image: url("../images/top/lineup01.jpg"); }
#lineup ul li.lineup02 a::before { background-image: url("../images/top/lineup07.jpg"); }
#lineup ul li.lineup03 a::before { background-image: url("../images/top/lineup02.jpg"); }
#lineup ul li.lineup04 a::before { background-image: url("../images/top/lineup04.jpg"); }
#lineup ul li.lineup05 a::before { background-image: url("../images/top/lineup05.jpg"); }
#lineup ul li.lineup06 a::before { background-image: url("../images/top/lineup03.jpg"); }
#lineup ul li.lineup07 a::before { background-image: url("../images/top/lineup08.jpg"); }
#lineup ul li.lineup08 a::before { background-image: url("../images/top/lineup06.jpg"); }
@media screen and (max-width: 640px) { #lineup { width: 90%; margin: auto; }
  #lineup ul li { width: 100%; }
  #lineup ul li a:hover::before { opacity: 1; }
  #lineup ul li a::before { opacity: 0.95; }
  #lineup ul li a .txt { text-shadow: 0px 0px 5px #000000,0px 0px 5px #000000,0px 0px 5px #000000,0px 0px 5px #000000; /*font-size: 4.2vw;*/ } }

#setplan { /*padding: 8rem 0;*/ margin: 80px auto; }
#setplan .ttlArea { text-align: center; margin-bottom: 0.2rem; background: #EEEEEB; padding: 60px 0; }
#setplan .ttlArea h4, #setplan .ttlArea h5 { font-weight: normal; }
#setplan .ttlArea h4 { font-size: 35px; letter-spacing: 4px; }
#setplan .ttlArea h4::after { content: ""; display: block; width: 77px; height: 2px; background: #000; margin: 0 auto 0; }
#setplan .ttlArea h5 { letter-spacing: 0.2em; }
#setplan a { display: block; text-decoration: none; transition: .4s; position: relative; }
#setplan a:hover { color: #666666; filter: brightness(110%); }
#setplan ul.picArea { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; }
#setplan ul.picArea * { min-height: 0%; }
#setplan ul.picArea li:nth-of-type(1) { width: calc( 265 / 960 *100% ); }
#setplan ul.picArea li:nth-of-type(2) { width: calc( 225 / 960 *100% ); }
#setplan ul.picArea li:nth-of-type(3) { width: calc( 235 / 960 *100% ); }
#setplan ul.picArea li:nth-of-type(4) { width: calc( 235 / 960 *100% ); }
#setplan .ttlArea2 { background: #fff; padding: 2.0rem 0; position: relative; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; }
#setplan .ttlArea2 * { min-height: 0%; }
#setplan .ttlArea2 .pic { max-width: 600px; }
#setplan .ttlArea2 p { text-align: right; font-size: 180%; line-height: 1.5; width: 50%; box-sizing: border-box; padding-right: 100px; padding-top: 9px; }
#setplan .ttlArea2 .setplans_theme_icon { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; width: 40%; margin-left: 4%; }
#setplan .ttlArea2 .setplans_theme_icon * { min-height: 0%; }
#setplan .ttlArea2 .setplans_theme_icon li { width: 24%; }
#setplan .ttlArea2 .setplans_theme_icon li img { width: 100%; height: auto; }
#setplan .ttlArea2 .clickIcon { position: absolute; top: 33%; right: 30px; width: 45px; height: 45px; background: url("../images/top/icon09_black.png") top left no-repeat; background-size: 100% auto; }
#setplan .setplan_hash { position: absolute; bottom: 10%; left: 7%; width: 35%; }
#setplan .setplan_hash img { width: 100%; height: auto; }
@media screen and (max-width: 640px) { #setplan { width: 90%; /*ul { li { &:nth-of-type(1) { width: 54%; } &:nth-of-type(2) { width: 46%; } &:nth-of-type(3) { width: 50%; } &:nth-of-type(4) { width: 50%; } }
}*/ }
  #setplan .ttlArea2 { padding: 0 0 20px; }
  #setplan .ttlArea2 p { padding: 0; font-size: 4.5vw; text-align: left; width: 100%; margin-left: 5%; }
  #setplan .ttlArea2 .setplans_theme_icon { width: 55%; padding: 15px 0; }
  #setplan .ttlArea2 .setplans_theme_icon li { width: 23%; }
  #setplan .ttlArea2 .clickIcon { top: inherit; bottom: 25px; right: 5%; }
  #setplan .setplan_hash { position: static; width: 53%; margin-left: 5%; margin-bottom: 15px; }
  #setplan .setplan_hash img { position: relative; margin-top: -40px; } }
@media screen and (max-width: 420px) { #setplan .ttlArea2 .clickIcon { width: 38px; bottom: 15px; } }

/**************************************
plan
***************************************/
#contents.plans .mainVisual { position: relative; display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: flex-start; margin-bottom: 70px; z-index: 100; box-sizing: border-box; }
#contents.plans .mainVisual > figure { width: 639px; }
#contents.plans .mainVisual > figure.photo-max img { display: block; width: 100%; height: auto; }
#contents.plans .mainVisual .lNav { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; width: 318px; }
#contents.plans .mainVisual .lNav > li { display: block; float: none; margin: 0 0 3px; margin-left: 0px; width: calc(50% - 1.5px); min-height: 0; }
#contents.plans .mainVisual .lNav > li.lNav-title { width: 100%; background-color: #EEEEEB; }
#contents.plans .mainVisual .lNav > li.lNav-title .lNav-title-inner { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0; padding: 0; height: calc(373px / 3); font-size: 14px; line-height: 1.2; }
@media (min-width: 641px) { #contents.plans .mainVisual .lNav > li.lNav-title .lNav-title-inner { height: 379px; } }
#contents.plans .mainVisual .lNav > li.lNav-title span { background: url(/common/images/li_span_bg.gif) no-repeat center bottom; color: #000; display: block; margin: 0 0 15px; padding: 0 0 10px; font-size: 35px; letter-spacing: 2px; -webkit-font-smoothing: antialiased; }
#contents.plans .mainVisual .lNav.lNav-addTitle > li:nth-child(2n+1) { margin-left: 3px; }
#contents.plans .mainVisual .lNav.lNav-addTitle > li:nth-child(-n+1) { margin-left: 0; }

/*
#planList { ul { @include flex-j-s; justify-content: flex-start; } li { width: 31%; margin-right: 3.3%; margin-bottom: 2rem; &:nth-child(3n) { margin-right: 0; } .pic { position: relative; .item-icon { position: absolute; right: 10px; bottom: 10px; display: block; width: 34px; height: 34px; background-color: #626262; border-radius: 50%; z-index: 10; transition: background-color 0.3s ease; &::before { content: ''; position: absolute; top: calc(50% - 1px); left: calc(50% - 10px); display: block; width: 20px; height: 2px; background-color: #fff; z-index: 11; transition: background-color 0.3s ease; } &::after { content: ''; position: absolute; top: calc(50% - 10px); left: calc(50% - 1px); display: block; width: 2px; height: 20px; background-color: #fff; z-index: 11; transition: background-color 0.3s ease; } } } .title { position: relative; padding: 0.5rem 0 0.5rem 3.5rem; .num { position: absolute; top: 1rem; left: 0; img { height: 2rem; width: auto; } } .copy { font-size: 1.1rem; line-height: 1.4; } } }
}
*/
#notice { margin: 0 auto 7rem; width: 90%; }
#notice > div { border: 1px solid #ec0011; padding: 20px; font-size: 1rem; }

/******************************* 対応サイズ
********************************/

.com{
text-align:center;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  margin:10px 5px 30px 5px;	
}

.borderb{
border-bottom:1px dashed #ccc;
margin:20px 0px 20px 0px;	
	}
.combtn{
flex: 0 10 12%;
background:#C9C9CA;
border-radius: 8px;
padding:5px 3px;
text-align:center;
color:#000;
margin:5px 5px;
white-space: nowrap;
align-items:stretch;
}

.borderu{
text-decoration:underline;
	}

.labelcom { 
	background: #ECE8E1;
	color: #333633;
	padding: 8px 10px 8px 10px;
	margin:0px 0px 30px 0px;
	line-height: 1;
	text-align: center;
	text-indent: 4px;
	font-size: 16px;
}

p.leadt {
	font-size: 14px;
	line-height: 2; 
    font-weight: bold;
}

@media (max-width: 640px) {
.labelcom { 
	background: #ECE8E1;
	color: #333633;
	padding: 8px 10px 8px 10px;
	margin:0px 0px 30px 0px;
	line-height: 1;
	text-align: center;
	text-indent: 4px;
	font-size: 13px;
}
	
.combtn{
flex: 0 10 12%;
background:#C9C9CA;
border-radius: 8px;
padding:5px 3px;
text-align:center;
color:#000;
margin:5px 5px;
cursor:pointer;
white-space: nowrap;
align-items:stretch;
height: 18px;
}

}