@charset "utf-8";

/* ================================================================================
  店舗検索
================================================================================ */
.shopSearch .btnBox {
  padding: 2.0rem 1.0rem 3.0rem;
  border-bottom: 0.1rem solid #e0e0e0;
}
.shopSearch .btnBox a {
  margin: auto;
}
.shopSearch .btnBox a img {
  width: 2.1rem;
}
.shopSearch .areaChoise p {
  font-weight: normal;
}
.shopSearch .areaChoise ul {
  background: #f0f0f0;
}
.shopSearch .areaChoise ul li {
  width: 50%;
  border: solid #e0e0e0;
  border-width: 0 0.1rem 0.1rem 0;
}
.shopSearch .areaChoise ul li:nth-child(2n) {
  border-right: 0;
}
.shopSearch .areaChoise ul li:nth-last-child(-n+2) {
  margin-bottom: -0.1rem;
}
.shopSearch .areaChoise ul li:only-child {
  width: 100%;
  border-right: 0;
}
.shopSearch .conditionsChoice ul li {
  border-bottom: 0.1rem solid #e0e0e0;
}
.shopSearch .conditionsChoice ul li label{
  padding-right: 2.0rem;
}

/* ================================================================================
  店舗一覧
================================================================================ */
.shopList {
  justify-content: space-between;
  padding: 2rem 2rem 3rem;
  background: #f6f6f6;
}

.shopList_item {
  width: calc((100% - 2rem) / 2);
  margin-bottom: 2rem;
  padding: 2rem 2rem 2.5rem;
  box-sizing: border-box;
  border: 1px solid #ccc;
  background: #ffffff;
}

.shopList_item:last-child,
.shopList_item:nth-child(odd):nth-last-child(2) {
  margin-bottom: 0;
}

.shopList_item_general {
  width: 100%;
  padding: 2rem;
  text-align: center;
  border: 1px solid #ccc;
  background: #ffffff;
}

.shopList_dtl {
  display: block;
  margin-bottom: 2.5rem;
}

.shopList_imgBox {
  width: 16.7rem;
  margin-right: 2rem;
}

.shopList_imgBox img {
  width: 100%;
  height: 12.5rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.shopList_txtBox {
  width: calc(100% - 18.7rem);
}

.shopList_name {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
}

.shopList_ddress {
  font-size: 1.4rem;
  line-height: 1.43;
}

.shopList_hours {
  font-size: 1.4rem;
  line-height: 1.43;
}

.shopList_conditions {
  margin-top: 1.5rem;
  justify-content: flex-start;
}

.shopList_conditions li {
  margin-right: 4rem;
  padding-left: 0.5rem;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 2rem;
  border-left: 1.5em solid #000;
}

.shopList_conditions li:last-child {
  margin-right: 0;
}

.shopList_conditions .is-reshaftAble{
  border-color: #ff9a0d;
}

.shopList_conditions .is-gripExchange{
  border-color: #359872;
}

.shopList_conditions .is-testRoom{
  border-color: #39b3e6;
}

.shopList_btn {
  justify-content: space-between;
}

.shopList_btn li {
  width: calc((100% - 2rem) / 2);
}

.shopList_btn a {
  display: block;
  padding: 0.8rem;
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  border: 1px solid #238e3a;
}

.shopList_btn a.is-online {
  padding-right: 1.2rem;
}

.shopList_btn a:hover {
  background: #f5f5f5;
}

.shopList_btn a::after {
  display: block;
  width: 11px;
  height: 11px;
  margin-top: -5px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  right: 12px;
  border-right: 1px solid #238e3a;
  border-bottom: 1px solid #238e3a;
  transform: rotate(-45deg);
  content: "";
}

/* ================================================================================
  店舗TOP
================================================================================ */
/* slick スライダー部分 */
#slider,
#slider li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#slider {
  margin-bottom: 5px;
}
#slider li {
  width: 500px;
  height: 375px;
  overflow: hidden;
}
#slider li.item1,
#slider li.item2,
#slider li.item3,
#slider li.item4,
#slider li.item5,
#slider li.item6,
#slider li.item7
 {
  display: none;
}
#slider li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
#thumbnail-list{
  margin-right:-15px;
}

#thumbnail-list li {
  display: inline-block;
  width: 22%;
  overflow: hidden;
  cursor: pointer;
  vertical-align: top;
  
  margin-bottom: 4px;
}
#thumbnail-list li img {
  width: 100%;
  height: auto;
}
#thumbnail-list li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

/* スライダー */
.shopTop .swiper-container {
  width: 100%;
  height: 21.0rem;
  position: absolute;
  top: 0;
  left: 0;
}
.shopTop .swiper-container ul li {
  font-size: 0;
}
.shopTop .swiper-container ul li img {
  width: 100%;
  height: 21.0rem;
  -o-object-fit: cover;
  object-fit: cover;
}

/* スライダー - コントローラ */
.shopTop .swiper-container .swiper-button-next,
.shopTop .swiper-container .swiper-button-prev {
  display: block;
  width: 4.0rem;
  height: 4.0rem;
  margin-top: -2.0rem;
  position: absolute;
  top: 50%;
  font-size: 0;
  background: rgba(0, 0, 0, 0.75);
  border-radius: 50%;
}
.shopTop .swiper-container .swiper-button-next {
  right: 1.0rem;
}
.shopTop .swiper-container .swiper-button-prev {
  left: 1.0rem;
}
.shopTop .swiper-container .swiper-button-next::before,
.shopTop .swiper-container .swiper-button-prev::before {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  margin-top: -0.6rem;
  position: absolute;
  top: 50%;
  border: solid #fff;
  border-width: 0 0.1rem 0.1rem 0;
  content: "";
}
.shopTop .swiper-container .swiper-button-next::before {
  right: 1.6rem;
  transform: rotate(-45deg);
}
.shopTop .swiper-container .swiper-button-prev::before {
  left: 1.6rem;
  transform: rotate(135deg);
}

.p-mainTtl span.mainCont{
  display: inline-block;
  margin: 2.6rem 0 5rem;
  text-align: left;
}
.p-mainTtl img.icon{
  /*height: 1.2em;*/
  vertical-align: middle;
}
.p-mainTtl img.rss{
  width:100px;
  position:relative;
    top:5px;
    left:5px;
}


.p-page_nav {
  font-weight:normal;
  font-size:0.8em;
  color:#fff;
}
.p-page_nav li{
  display: inline-block;
}
.p-page_nav>* {
  margin: 0 0 15px 30px;
}
.p-page_nav>*:hover a, .p-page_nav .active a {
  padding: 13px 0;
  border: solid #238e3a;
  border-width: 2px;
  background: #fff;
  opacity: 1;
  transition: none;
  color:#238e3a;
}
.p-page_nav a {
  display: block;
  min-width: 196px;
  padding: 10px 0;
  box-sizing: border-box;
  line-height: 1;
  text-align: center;
  letter-spacing: .1em;
  border-radius: 3px;
  background: #238e3a;
}
/* モーダル */
.shopModal #cboxContent {
  margin-top: auto;
  background: none;
}
.shopModal #cboxLoadedContent {
  border-color: transparent;
  border-radius: 0.3rem;
}
.shopModal #cboxClose {
  width: 17.0rem;
  margin-left: -8.5rem;
  height: auto;
  top: auto;
  bottom: 3.0rem;
  left: 50%;
  right: auto;
  font-size: 1.5rem;
  line-height: 4.3rem;
  text-align: center;
  text-indent: 0;
  border: 0.1rem solid #bfbfbf;
  border-radius: 0.3rem;
  background: none #fff;
}
.shopModal .modalCont {
  padding: 1.5rem 1.5rem 9.3rem;
}
.shopModal .modalCont h2 {
  margin-bottom: 1.1rem;
}
.shopModal .modalCont h2 img {
  vertical-align: bottom;
}
.shopModal .modalCont p {
  margin-bottom: 1.1rem;
  line-height: 1.5;
}
.shopModal .modalCont .notes {
  padding-top: 1.4rem;
  font-size: 1.2rem;
  border-top: 0.1rem dotted #e0e0e0;
}
.shopModal .modalCont .notes li {
  margin-bottom: 0.3rem;
  position: relative;
  padding-left: 1.6rem;
  line-height: 1.25;
}
.shopModal .modalCont .notes li:last-child {
  margin-bottom: auto;
}
.shopModal .modalCont .notes li::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  color: #f21818;
  content: "*";
}

/* 店舗情報 */
.shopTop .shopDetail {
  position: relative;
  margin-top: 1.5rem;
  padding-top: 21.0rem;
}
.shopTop dl {
  margin: auto 1.0rem;
  line-height: 1.5;
}
.shopTop dl:last-child {
  border-bottom: none;
}
.shopTop dl dt {
  width: 9.5rem;
  padding: 1.6rem 1.5rem 1.6rem 0;
  font-weight: bold;
  border-top: 0.1rem solid #e0e0e0;
}
.shopTop dl dd {
  width: calc(100% - 9.5rem);
  padding: 1.6rem 1.0rem 1.6rem 0;
  border-top: 0.1rem solid #e0e0e0;
}
.shopTop dl dt:first-child {
  border-top: none;
}
.shopTop dl dt:first-child + dd {
  border-top: none;
}
.shopTop .accessBtn {
  display: block;
  margin: 0.4rem auto;
  font-weight: bold;
  line-height: 4.3rem;
  text-align: center;
  border: 0.1rem solid;
  border-radius: 0.3rem;
}
.shopTop .accessBtn.map {
  margin-top: 1.1rem;
  color: #fff;
  border-color: #39b2e5;
  background-color: #39b2e5;
}
.shopTop .accessBtn.tel {
  color: #238e3a;
  border-color: #238e3a;
}
.shopTop .accessBtn.mail {
  color: #e55c5c;
  border-color: #e55c5c;
}
.shopTop .accessBtn .icon {
  display: inline-block;
  margin-right: 1.0rem;
  vertical-align: middle;
}
.shopTop .accessBtn.map .icon {
  width: 1.5rem;
}
.shopTop .accessBtn.tel .icon {
  width: 1.7rem;
}
.shopTop .accessBtn.mail .icon {
  width: 2.5rem;
}
.shopTop .parking div {
  margin-top: 1.0rem;
}
.shopTop .serviceList li {
  width: 11.7rem;
  margin: 0.4rem 1.5rem 0.4rem auto;
}
.shopTop .serviceList li:nth-child(even) {
  margin-right: auto;
}
.shopTop .serviceList li a {
  display: block;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 3.5rem;
  text-align: center;
  border-radius: 0.3rem;
}
.shopTop .serviceList .reshaftAble a {
  background-color: #ff9a0d;
}
.shopTop .serviceList .gripExchange a {
  background-color: #359872;
}
.shopTop .serviceList .test a{
  background-color: #39b3e6;
}
.shopTop h3.p-subTtl {
  padding: 1.5rem 1.0rem;
  font-size: 1.6rem;
  border-top: 0.1rem solid #e0e0e0;
  background: #f0f0f0;
}
.shopTop .productsList > p:last-child a {
  border-bottom: none;
}
.shopTop .toggleBtn {
  display: block;
  padding: 0 1.0rem;
  position: relative;
  font-size: 1.5rem;
  line-height: 6.0rem;
  text-align: center;
}
.shopTop .toggleBtn::after {
  display: inline-block;
  width: 0.9rem;
  height: 0.9rem;
  margin-top: -0.6rem;
  position: absolute;
  top: 50%;
  right: 1.4rem;
  border: solid #333;
  border-width: 0 0.1rem 0.1rem 0;
  transform: rotate(45deg);
  transform-origin: 75% 75%;
  transition: .2s;
  content: "";
}
.shopTop .toggleBtn.open::after {
  transform: rotate(-135deg);
}
.shopTop .mapArea {
  height: 25.0rem;
  border-bottom: 0.1rem solid #e0e0e0;
}
.shopTop .publicTransport {
  padding: 0;
}
.shopTop .publicTransport li {
  border-bottom: 0.1rem dotted #d9d9d9;
  padding: 2.0rem 1.0rem 1.6rem 0;
}
.shopTop .publicTransport li:last-child {
  border-bottom: none;
}
.shopTop .publicTransport .ttl {
  margin-bottom: 0.6rem;
  color: #e55c5c;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
}
.shopTop .publicTransport .ttl .icon {
  display: inline-block;
  width: 1.5rem;
  margin-right: 0.9rem;
  vertical-align: middle;
}
.shopTop .mise_messe{
 padding: 2.0rem 0;
}
.shopTop .mise_messe p{
 padding: 1.0rem;
}

/* 店舗からのお知らせ */
.shopTop .infoList li {
  border-bottom: 0.1rem solid #e0e0e0;
}
.shopTop .infoList li a {
  display: block;
  padding: 1.8rem 1.0rem 1.5rem;
}
.shopTop .infoList li a p {
  line-height: 1.375;
}
.shopTop .infoList .date {
  margin-bottom: 0.6rem;
  color: #808080;
  font-size: 1.3rem;
  line-height: 1;
}
.shopTop .infoList .ttl {
  margin-bottom: 0.2rem;
  font-weight: bold;
}

/* 店舗ブログ */
.shopTop .p-mainTtl .icon.blog {
  height: 2.8rem;
}
.shopTop .p-topicsList .txtBox .tag {
  background-color: #ff9a0d;
}

/* モーダルコンテンツ */
.invisibleBox {
  display: none;
}

/* ================================================================================
  ブログ一覧
================================================================================ */

/* info */

.blogList .p-topicsList li {
  width: 21.5rem;
  margin-right: 2.6rem;
  margin-bottom: 2rem;
  padding: 10px;
    background-color:#fff;

    position:relative;
}

.blogList .p-topicsList li:nth-child(4n) {
  margin-right: 0;
}

.blogList .p-topicsList .imgBox {
  width: 100%;
  margin: 0 auto;
}

.blogList .p-topicsList .imgBox img {
  width: 100%;
  height: 17rem;
  -o-object-fit: cover;
  object-fit: cover;
}
.blogList .p-topicsList .txtBox{
  width: 100%;
  height: 10rem;
  background-color:#fff;

}

.blogList .p-topicsList .txtBox .shop_name {
  font-size: 1.4rem;
  background-color: #238e3a;
  padding:3px 5px;
  color:#fff;
}

.blogList .p-topicsList .txtBox .date {
  font-size: 1.4rem;
}

.blogList .p-topicsList .txtBox .ttl {
  font-size: 1.4rem;
  font-weight: normal;
  height: 3.5em;
  overflow: hidden;
  word-break: break-all;
  line-height: 1.2;
}

.blogList .p-topicsList.l-flexbox {
  justify-content: start;
}

.blogList .blogList .pagination {
  margin: 0 auto;
  width: 40%;
}

.blogList .p-topicsList li a .tag {
  background: #ff9a0d;
  padding: 5px 10px;
  vertical-align: middle;
  color:#fff;

  position: absolute;
  top: 10px;
}
.blogList .pagination {
  position: relative;
}
.blogList .pagination .currentPage {
  font-size: 1.5rem;
  line-height: 6.0rem;
  text-align: center;
}
.blogList .pagination .pager li {
  position: absolute;
  top: 0;
}
.blogList .pagination .pager .prev {
  left: 0;
}
.blogList .pagination .pager .next {
  right: 0;
}
.blogList .pagination .pager li a {
  display: block;
  width: 6.0rem;
  height: 6.0rem;
  font-size: 0;
}
.blogList .pagination .pager li a::before {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  margin-top: -0.4rem;
  position: absolute;
  top: 50%;
  border: solid #39b2e6;
  border-width: 0 0.1rem 0.1rem 0;
  content: "";
}
.blogList .pagination .pager .prev a::before {
  left: 1.2rem;
  transform: rotate(135deg);
}
.blogList .pagination .pager .next a::before {
  right: 1.2rem;
  transform: rotate(-45deg);
}

/* ================================================================================
  ブログ詳細
================================================================================ */
.blogDetail {
  margin-bottom: auto;
  padding-bottom: 1.5rem;
  border-bottom: none;
  word-break: break-all;
}
.blogDetail .l-inner {
  margin: 0;
  padding: 2.0rem 0  2.5rem;
  border-bottom: 0.1rem solid #d9d9d9;
}
.blogDetail h2.p-mainTtl {
    padding-top: 2px;
    color: #000;
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 3;
    letter-spacing: 2px;
    text-align: center;
    background: no-repeat center bottom / 100% 5px;
    background-image: -webkit-linear-gradient(0, #238e3a 50%, #57c46e 50%);
    background-image: linear-gradient(90deg, #238e3a 50%, #57c46e 50%);
    margin-bottom: 1.0rem;
}
.blogDetail .date {
  margin-bottom: 2.0rem;
  color: #a6a6a6;
  font-size: 1.3rem;
  line-height: 1.0;
}
.blogDetail .blogCont{
  /*width: 720px;*/
  margin: auto auto;
}

.blogDetail .blogCont p {
  margin-bottom: 1.5rem;
  line-height: 1.625;
}
.blogDetail .blogCont p:last-child {
  margin-bottom: auto;
}
.blogDetail .blogCont p img {
  display: block;
  margin: 0 auto;
  padding: 0;
}
.blogDetail .p-actBtn-main {
  margin-top: 2.0rem;
}
.blogOther h2 {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 6.0rem;
  text-align: center;
  border-bottom: 0.1rem solid #e0e0e0;
}
.blogOther .p-topicsList .txtBox .tag {
  background-color: #ff9a0d;
}
.blogDetail a {
  text-decoration: underline;
}
/* ブログ詳細2分割 */
.blog_detail_flexbox {
  display: flex;
  flex-wrap: wrap;
  word-break: break-all;
}
.blog_detail_main_wrap {
  width: 740px;
  padding-right: 20px;
  box-sizing: border-box;
  border-right: 1px solid #d9d9d9;
}
.blog_detail_sub_wrap {
  width: 230px;
  padding-left: 20px;
  box-sizing: border-box;
}
.blog_detail_sub_shop_wrap {
  padding-bottom: 15px;
  border-bottom: 1px solid #d9d9d9;
}
.blog_detail_sub_ttl {
  font-size: 1.0em;
  font-weight:bold;
  line-height: 1.5;
  padding: 10px 0;
}

.blog_detail_sub_shop_name {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 42px;
}
.shop_info_list div:first-child {
  margin-top: -4px;
}
.shop_info_list div {
  display: flex;
  margin-bottom: 12px;
}
.shop_info_list dt {
  width: 6em;
  padding-right: 2em;
  position: relative;
  font-weight: 700;
}
.blog_detail_sub_blog_list .blog_list_area {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.blog_detail_sub_blog_list .blog_img img {
  width: 90px;
  height: 90px;
  object-fit: cover;
}
.blog_detail_sub_blog_list .blog_list_textarea {
  width: 130px;
  font-size:12px;
  padding-left:10px;
}

/* index */

.shopSearch .btnBox {
  border-bottom: none;
  margin-bottom: 5rem;
}

.area {
  width: 47.5%;
  margin-bottom: 4rem;
}

.p-area {
  font-size: 2rem;
  position: relative;
  font-weight: bold;
  text-align: left;
  border-bottom: 2px solid #858585;
  padding: 0 0 1rem 1rem;
}

.shopSearch .areaChoise p {
  font-weight: 800;
}

.p-searchBtn {
  width: 58rem;
}

#index .shopSearch .areaChoise ul {
  padding: 1rem 0.5rem 2rem;
  background: #f6f6f6;
}

#index .shopSearch .areaChoise ul li {
  border: none;
}

#index .shopSearch .areaChoise ul li {
  width: 25%;
}

#index .l-flexbox {
  justify-content: space-between;
}

p.p-area .icon {
  display: inline-block;
  margin-right: 10px;
  vertical-align: -4px;
}

#index .p-checkboxList-normal label span {
  padding: 1.9rem 0 1.9rem 4rem;
}

h3.select_region {
  display: none;
}

.conditionsChoice {
  margin-bottom: 5rem;
}

/* detail */

.shopTop .contentCont {
  margin-bottom: 8vw;
}

.shopTop .shopDetail {
  padding-top: 0;
}

.shopTop .swiper-container {
  position: initial;
}

.column.l-flexbox {
  justify-content: space-between;
  margin-bottom: 8rem;
}

.left_column {
  width: 55%;
}

.right_column {
  width: 40%;
}

.shopTop .swiper-container {
  height: 40rem;
}

.shopTop .swiper-container ul li img {
  height: initial;
}

.left_column .thumbnail-container {
  margin-top: 50px;
}


.thumbnail-container .l-flexbox {
  justify-content: space-between;
}

.thumbnail-list {
  width: 17rem;
  height: 13rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.thumbnail-img {
  width: 17rem;
  height: 13rem;
  object-fit: cover;
}

.shopTop dl dd.adjust {
  width: 50%;
}

.shopTop .p-topicsList.l-flexbox {
  box-sizing: border-box;
  justify-content: space-between;
  padding: 2rem;
  margin-bottom: 5rem;
}

.shopTop .p-topicsList.l-flexbox li{
  width: 21.5rem;
}

.shopTop .p-topicsList .imgBox {
  width: 100%;
  margin: 0 auto;
}

.shopTop .p-topicsList .txtBox {
  width: 100%;
}

.shopTop .p-topicsList .txtBox .date {
  display: block;
}

.shopTop .p-topicsList .imgBox img {
  width: 100%;
  height: 17rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.shopTop .p-topicsList .txtBox .tag {
  display: block;
  margin: 0 auto;
}

ul.p-topicsList.l-flexbox {
  background-color: #f6f6f6;
  padding: 2rem 2rem;
  margin-bottom: 5rem;
}

.shopTop .p-topicsList li a {
  background: #fff;
}

.shopTop .p-topicsList .txtBox .tag {
  margin-bottom: 0.5rem;
}

.shopTop .p-topicsList .txtBox .date {
  font-size: 1.4rem;
}

.shopTop .p-topicsList .txtBox .ttl {
  font-size: 1.4rem;
  font-weight: normal;
  height: 3.3em;
  overflow: hidden;
  word-break: break-all;
  line-height: 1.2;
}




/* news */
#news .blogDetail .p-actBtn-main {
  width: 58rem;
  margin: 5rem auto;
}
#news .p-topicsList.l-flexbox li{
width: calc( 100% / 4 );
padding: 0.5rem;
}
#news .p-topicsList .txtBox{
  width: 100%;
}

#news .p-topicsList li a {
  background: #fff;
}

#news .p-topicsList .imgBox {
  width: 100%;
  margin: 0 auto;
}

#news .p-topicsList .imgBox img {
  width: 100%;
  height: 17rem;
  -o-object-fit: cover;
  object-fit: cover;
}

#news .p-topicsList .txtBox .tag {
  display: block;
  margin: 0 auto;
}

#news .p-topicsList .txtBox .date {
  font-size: 1.4rem;
}

#news .p-topicsList .txtBox .ttl {
  font-size: 1.5rem;
  font-weight: normal;
  height: 3.3em;
  overflow: hidden;
  word-break: break-all;
  line-height: 1.8;
}
.maintop_info {
  text-align: center;
  margin: 0 auto 60px;
}
.maintop_info p {
  width: 20.5em;
  color: #238e3a;
  font-size: 19px;
  line-height: 2;
  letter-spacing: 0.1em;
  margin: auto;
  border-bottom: 1px solid;
  position: relative;
}
.maintop_info a {
  display: block;
  color: #238e3a;
}
.maintop_info p::after {
  width: 0.3em;
  height: 0.3em;
  margin: auto;
  position: absolute;
  top: 0;
  right: -1em;
  bottom: 0;
  border-top: 1px solid #238e3a;
  border-right: 1px solid #238e3a;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}