.flex-col-reverse {
 flex-direction: column-reverse;
}
.mb-50 {
 margin-bottom: 50px;
}
.mt-50 {
 margin-top: 50px !important;
}
.mb-30 {
 margin-bottom: 30px;
}
.red-color{
 color: #d61518;
}
.image-full{
 width: 100%;
 height: 100%;
 object-fit: contain;
}
.birthday-scene-page #topicpath{
 margin-top: 20px;
}
.birthday-scene-page #contents{
 width: 1100px;
}
.banner-birthday{
 position: relative;
}
.banner-birthday .img img{
 height: 578px;
 object-fit: cover;
 object-position: 100% 26%;
}
.banner-birthday .text{
 position: absolute;
 left: 50%;
 top: 10px;
 transform: translateX(-50%);
 width: 100%;
 max-width: 438px;
 text-align: center;
}
.banner-birthday .text h1 strong{
 width: 100%;
 display: block;
}
.banner-birthday .text h1{
 font-size: 22px;
 font-weight: 700;
 line-height: 1.4;
 margin-bottom: 5px;
}
.banner-birthday .text h1 span{
 font-size: 26px;
}
.banner-birthday .text p{
 line-height: 1.4;
 font-size: 12px;
 margin-bottom: 0;
}
.banner-birthday .text .price-box{
 font-size: 13px;
}
.banner-birthday .text .price-box strong.red-color{
 font-size: 33px;
}
.banner-birthday .text .price-box .unit{
 font-size: 23px;
 font-weight: 700;
 margin-right: 8px;
}
.banner-birthday .text .box-button{
 display: flex;
 gap: 10px;
}
.banner-birthday .text .box-button a{
 flex: 1;
}
.banner-birthday .text .box-button a.btn-red-text-white{
 color: #ffffff;
}
.btn-red-text-white,
.btn-red-text-white:link{
 background: #E61E02;
 border: unset;
 border-radius: 8px;
 font-weight: 700;
 font-size: 16px;
 line-height: 100%;
 height: 50px;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: unset;
 gap: 5px;
 max-width: 375px;
 text-indent: 0;
 color: #ffffff;
 box-sizing: border-box;
}
.btn-border-red-bo,
.btn-border-red-bo:link,
.btn-border-red-bo:visited{
 border: 1px solid #E61E02;
 border-radius: 8px;
 font-weight: 700;
 font-size: 16px;
 line-height: 100%;
 height: 50px;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: unset;
 gap: 5px;
 max-width: 375px;
 text-indent: 0;
 color: #E61E02;
 box-sizing: border-box;
}
.btn-border-red-bo .icon svg path{
 fill: #E61E02;
}
.examples-design-birthday-gifts{
 margin-top: 20px;
}
.examples-design-birthday-gifts .btn-orange{
 display: none;
}
.heading-pink-birthday h2{
 text-align: center;
 color: #F4516C;
 position: relative;
 font-size: 22px;
 font-weight: 700;
 margin-bottom: 10px;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 10px;
 line-height: 1.4;
}
.heading-pink-birthday h2:before{
 content: '';
 background-image: url("https://s3.dualstack.ap-northeast-1.amazonaws.com/storage.up-t.jp/images/birthday/icons/arrow-left-pink.png");
 width: 50px;
 height: 75px;
 display: block;
 background-position: center;
 background-repeat: no-repeat;
 background-size: contain;
}
.heading-pink-birthday h2:after{
 content: '';
 background-image: url(https://s3.dualstack.ap-northeast-1.amazonaws.com/storage.up-t.jp/images/birthday/icons/arrow-left-pink.png);
 width: 50px;
 height: 75px;
 display: block;
 background-position: center;
 background-repeat: no-repeat;
 background-size: contain;
 transform: rotate(180deg);
}
.heading-pink-birthday p{
 text-align: center;
 line-height: 1.4;
 color: #333333;
 font-size: 12px;
}
.list-examples-design-birthday{
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 20px;
 margin-top: 25px;
}
.item-examples-design-birthday{
 border: 1px solid #dcdcdc;
 border-radius: 10px;
 padding: 15px 5px;
 text-align: center;
}
.item-examples-design-birthday .img img{
 width: 100%;
 height: 170px;
 object-fit: contain;
}
.item-examples-design-birthday .title{
 color: #f9769f;
 text-align: center;
 margin-bottom: 10px;
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 margin-top: 5px;
}
.item-examples-design-birthday p{
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 line-height: 1.3;
 font-size: 11px;
 color: #333333;
 margin-bottom: 0;
}
.btn-orange{
 background-color: #E9741E;
 color: #ffffff !important;
 border-radius: 20px;
 display: inline-block;
 width: 120px;
 text-align: center;
 padding: 5px;
}
.recommended-items-birthday-gifts{
 margin-top: 50px;
}
.common-title_s1 {
 font-size: 15px;
 line-height: 22px;
 font-weight: 700;
 color: #fff;
 text-align: center;
 background: url(/common/design/user/img/images_index-add/title-common-bg.png) left top repeat;
 margin: 0 0 20px;
 padding: 7px 5px;
 border-radius: 8px;
}
.flow_to_order_s1 {
 margin-bottom: 60px;
 padding-top: 30px
}

.flow_to_order_s1 .common-title_s1 {
 margin-bottom: 10px
}

.flow_to_order_s1 .title_s1 {
 position: relative;
 display: block;
 background-color: #e50000;
 max-width: 310px;
 width: 100%;
 margin: 0 auto;
 border-radius: 50px;
 margin-bottom: 24px;
 min-height: 48px;
 font-size: 15px;
 line-height: 18px;
 color: #fff;
 font-weight: 500!important;
 text-align: center;
 padding: 7px 10px;
 box-sizing: border-box;
}
.flow_to_order_s1 .title_s1:after {
 content: "";
 position: absolute;
 bottom: -15px;
 left: 50%;
 -webkit-transform: translate(-50%,0);
 transform: translate(-50%,0);
 border: 9px solid transparent;
 border-top: 15px solid #e50000;
 border-bottom: 0
}

.flow_to_order_s1 .title_s1 span.yellow-text {
 display: inline-block;
 vertical-align: top;
 color: #ffea00;
 font-size: 15px;
 margin-right: 10px;
 font-weight: 700;
}
.flow_to_order_s1 .title_s1 span:last-child:not(.yellow-text){
 display: block;
 color: #ffffff;
}
.flow_to_order_s1 ul {
 padding: 0;
 list-style: none;
 counter-reset: list;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-flow: column wrap;
 flex-flow: column wrap;
 align-items: stretch
}

.flow_to_order_s1 ul li {
 flex: 1;
 padding: 0 0px 10px;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex
 
}

.flow_to_order_s1 .holder_s1 {
 background-color: #fff;
 border: 2px solid #e5e5e5;
 padding: 8px;
 font-size: 16px;
 line-height: 28px;
 font-weight: 700;
 color: #333333;
 border-radius: 10px;
 overflow: hidden;
}
.flow_to_order_s1 .holder_s1 .head_s1 {
 background-color: #ffc600;
 margin: -8px -8px 0;
 padding: 9px 8px 7px;
 margin-bottom: 8px;
}
.flow_to_order_s1 .holder_s1 .head_s1 strong {
 display: block;
 font-size: 11px;
 line-height: 18px;
 color: #323232;
 font-weight: 700;
 text-align: left;
}

.flow_to_order_s1 .holder_s1 .head_s1 strong:before {
 counter-increment: list;
 content: counter(list);
 width: 18px;
 height: 18px;
 border-radius: 50%;
 background-color: #ff0101;
 display: inline-block;
 vertical-align: middle;
 font-family: Arial, serif;
 font-size: 14px;
 line-height: 1.3;
 color: #fff;
 font-weight: 700;
 margin: -3px 8px 0 0
}

.flow_to_order_s1 .holder_s1 .img_s1 {
 height: 120px;
 line-height: 120px;
 text-align: center;
 margin-bottom: 10px
}

.flow_to_order_s1 .holder_s1 .img_s1 img {
 display: inline-block;
 vertical-align: middle;
 max-width: 100%;
 max-height: 100%
}

.flow_to_order_s1 .delivery_day_s1 {
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 border: 2px solid #90afd7;
 min-height: 165px;
 margin-bottom: 68px
}

.flow_to_order_s1 .delivery_day_s1 .img_s1 {
 background-color: #fff;
 min-width: 220px;
 max-width: 220px;
 width: 220px;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex
}

.flow_to_order_s1 .delivery_day_s1 .img_s1 img {
 max-width: 100%;
 max-height: 100%;
 margin: 0 auto;
 -ms-flex-item-align: center;
 -ms-grid-row-align: center;
 align-self: center
}

.flow_to_order_s1 .delivery_day_s1 .descr_s1 {
 background-color: #d8e9ff;
 width: 100%;
 padding: 5px 20px;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex
}

.flow_to_order_s1 .delivery_day_s1 .descr_s1 .descr-item_s1 {
 width: 100%;
 -ms-flex-item-align: center;
 -ms-grid-row-align: center;
 align-self: center;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
 -webkit-justify-content: space-between;
 justify-content: space-between
}

.flow_to_order_s1 .delivery_day_s1 .descr_s1 .descr-item_s1 .btn_s1-default {
 margin: 15px 0
}
.faq-ul_s1{
 list-style: none;
 padding: 0;
 overflow: hidden;
}
.faq-ul_s1 li+li{margin-top: 10px;}
.faq-ul_s1 li{
 border: 2px solid #E8E8E8;
 border-radius: 10px;
}

.faq_s1 h3{
 font-size: 12px;
 line-height: 14px;
 font-weight: bold;
 margin: 0;
}
.faq_s1 h3 a{
 display: block;
 cursor: pointer;
 position: relative;
 color: #000;
 padding: 10px 10px 10px 30px;
}
.faq_s1 h3 a:after{
 content: "Q";
 position: absolute;
 left: 10px;
 top:50%;
 width: 16px;
 height: 16px;
 margin-top: -8px;
 font-size: 10px;
 line-height: 16px;
 text-align: center;
 font-weight: bold;
 color: #fff;
 background-color: #ff123f;
 border-radius: 50%;
}
.faq_s1 .opened-a_s1{
 display: none;
 margin: 0 0 10px 18px;
 font-weight: normal;
}
.faq_s1 .hidden-a_s1{
 color: #6691e3;
}
.faq_s1 .opened-a_s1 a{
 color: #6691e3;
 text-decoration: underline;
}
.faq-fs-12 li p {
 font-size: 14px;
 line-height: 22px;
 padding: 0;
 margin: 0;
}

.faq_s1-mt {
 margin-top: 35px;
}
.faq_s1 p{
 margin-bottom: 0;
}
.list-recommended-items-birthday-gifts{
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 20px;
 margin-top: 25px;
}
.ranking-img-box {
 width: 100%;
 position: relative;
 border: 1px solid #dcdcdc;
 border-radius: 10px;
 overflow: hidden;
}
.item-recommended-items-birthday-gifts .img_s1{
 display: flex;
}
.item-recommended-items-birthday-gifts .img_s1 img {
 width: 100%;
 height: 175px;
 object-fit: cover
}
.ranking-img-box.ranking-img-has-overlay-double-stroke-text .item-atr {
 z-index: 10;
 position: absolute;
 top: 8px;
 right: 5px;
 width: 44px;
 font-size: 10px;
}
.item-recommended-items-birthday-gifts .item-atr .item.color {
 background-color: #363636;
 color: #fff;
}
.item-recommended-items-birthday-gifts .item-atr .item {
 text-align: center;
 padding: 5px;
 border-radius: 6px;
}
.item-recommended-items-birthday-gifts .item-atr .item.oz {
 border: 1px solid #575757;
 background-color: #fff;
 color: #000;
 margin-bottom: 5px;
}
.ranking-img-box .top-logo {
 position: absolute;
 top: 8px;
 left: 5px;
 z-index: 1;
 width: 50px;
}
.ranking-img-box .top-logo img {
 width: 100%;
 height: auto;
 object-fit: contain;
}
.recommened-for-specific{
 margin-top: 40px;
}
.list-recommened-for-specific{
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 10px;
 margin-top: 25px;
}
.item-recommened-for-specific .img img {
 width: 100%;
 height: 170px;
 object-fit: contain;
}
.box-recommened-for-specific .content{
 background-color: #ffffff;
 padding: 20px 0 30px;
}
.box-recommened-for-specific .heading-pink-birthday h2{
 font-size: 17px;
 margin-bottom: 10px;
 color: #F4516C;
}
.box-recommened-for-specific .heading-pink-birthday p{
 font-size: 12px;
}
.item-recommened-for-specific{
 border: 1px solid #dcdcdc;
 border-radius: 10px;
 text-align: center;
 overflow: hidden;
 display: flex;
 flex-direction: column;
}
.item-recommened-for-specific .info{
 padding: 5px 5px 20px;
 display: flex;
 flex-direction: column;
 flex: 1;
}
.item-recommened-for-specific .title{
 font-weight: 700;
 margin-bottom: 15px;
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
}
.item-recommened-for-specific p{
 font-size: 12px;
 line-height: 1.6;
 color: #333333;
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 4;
 flex: 1;
}
.btn-pink {
 background-color: #F4516C;
 color: #ffffff !important;
 border-radius: 20px;
 display: inline-block;
 width: 160px;
 text-align: center;
 padding: 12px 5px;
 font-size: 11px;
 position: relative;
 box-sizing: border-box;
}
.btn-pink .icon{
 position: absolute;
 right: 8px;
 top: 50%;
 transform: translateY(-50%);
}
.btn-pink .icon svg{
 width: 10px;
}
.strengths-up-t{
 margin-top: 30px;
}
.list-strengths-up-t{
 display: grid;
 grid-template-columns: repeat(1, minmax(0, 1fr));
 gap: 15px;
 margin-top: 25px;
}
.item-strengths-up-t{
 background-color: #FEEDEF;
 border-radius: 10px;
 padding: 30px 20px 25px;
}
.item-strengths-up-t .title{
 margin-bottom: 15px;
 text-align: center;
 font-size: 24px;
 font-weight: 700;
}
.item-strengths-up-t .img{
 margin-bottom: 25px;
}
.item-strengths-up-t .img img {
 width: 100%;
 height: 236px;
 object-fit: cover;
 border-radius: 15px;
 overflow: hidden;
}
.item-strengths-up-t p{
 line-height: 1.5;
 font-size: 14px;
 color: #333333;
 height: 4.3em;
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
}
.item-strengths-up-t .btn-red-text-white{
 margin: 0 auto;
 max-width: 300px;
 color: #ffffff;
}
.push-news-red{
 display: block;
 text-align: center;
 overflow: hidden;
 border-radius: 8px;
 max-width: 300px;
 margin: 35px auto 46px;
 font-size: 15px;
 line-height: 50px;
 font-weight: 700;
 color: #fff !important;
 background-color: #E61E02;
 position: relative;
 box-shadow: 0 1px #79140d, 0 2px #79140d, 0 3px #79140d;
}
.push-news-red span{
 position: relative;
 padding-left: 25px;
 display: inline-block;
}
.push-news-red span:before {
 content: '';
 position: absolute;
 left: 7px;
 top: 50%;
 width: 0;
 height: 0;
 border-top: 3px solid transparent;
 border-left: 5px solid #E61E02;
 border-bottom: 3px solid transparent;
 z-index: 5;
 margin-top: -3px;
}
.push-news-red span:after {
 content: '';
 position: absolute;
 left: 0;
 top: 50%;
 width: 18px;
 height: 18px;
 background: #fff;
 -moz-border-radius: 13px;
 -webkit-border-radius: 13px;
 border-radius: 13px;
 margin-top: -9px;
}
.box-recommened-for-specific .btn-pink{
 margin: 0 auto;
}
@media screen and (min-width: 768px) {
 .box-recommened-for-specific .heading-pink-birthday p{
  font-size: 16px;
 }
 .box-recommened-for-specific .btn-pink{
   width: 168px;
 }
 .box-recommened-for-specific .btn-pink .icon{
   top: 10px;
   transform: translateY(0%);
 }
 .banner-birthday .text{
  left: 50px;
  top: 50%;
  width: 50%;
  transform: translateY(-50%);
  max-width: 438px;
  text-align: left;
 }
 .banner-birthday .text h1{
  font-size: 38px;
  margin-bottom: 10px;
 }
 .banner-birthday .text .price-box{
  font-size: 18px;
 }
 .banner-birthday .text .price-box strong.red-color{
  font-size: 50px;
 }
 .banner-birthday .img img{
  height: 522px;
  object-position: top;
 }
 .banner-birthday .text .price-box .unit{
  font-size: 35px;
 }
 .list-examples-design-birthday{
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 25px;
 }
 .heading-pink-birthday h2{
  font-size: 35px;
  margin-bottom: 20px;
 }
 .list-recommended-items-birthday-gifts{
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 25px;
 }
 .box-recommened-for-specific .heading-pink-birthday h2{
  font-size: 28px;
 }
 .box-recommened-for-specific {
  padding: 0px;
 }
 .item-recommened-for-specific .info{
  padding: 15px 9px 20px;
 }
 .box-recommened-for-specific .content{
  padding: 20px 0px 30px;
 }
 .list-recommened-for-specific{
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 25px;
 }
 .list-strengths-up-t{
  grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 .flow_to_order_s1 ul {
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  gap: 20px;
 }
 .flow_to_order_s1 .holder_s1 .head_s1 strong {
  font-size: 22px;
  text-align: center
 }
 .flow_to_order_s1 .holder_s1 .head_s1 strong:before {
  width: 35px;
  height: 35px;
  font-size: 29px;
  line-height: 1.2;
 }
 .flow_to_order_s1 .holder_s1 .head_s1 {
  margin: -14px -14px 0;
  padding: 20px 10px 10px;
  margin-bottom: 10px
 }
 .flow_to_order_s1 .common-title_s1{
  margin-bottom: 45px;
 }
 .common-title_s1 {
  font-size: 26px;
  line-height: 30px;
  margin: 0 0 20px;
  padding: 22px 10px 13px;
 }
 .flow_to_order_s1 .title_s1 span:not(.yellow-text){
  display: inline-block;
  position: relative;
  bottom: -6px;
 }
 .flow_to_order_s1 .title_s1 span.yellow-text strong{
  position: relative;
  bottom: -4px;
  font-size: 47px;
 }
 .flow_to_order_s1 .title_s1 span:last-child:not(.yellow-text){
  display: inline-block;
 }
 .flow_to_order_s1 .title_s1 {
  max-width: 855px;
  margin-bottom: 40px;
  min-height: 82px;
  font-size: 29px;
  line-height: 52px;
  padding: 15px 30px;
 }
 .flow_to_order_s1 .title_s1 span.yellow-text{
  font-size: 36px;
 }
 .faq_s1 h3 a{
  padding: 20px 10px 20px 60px;
 }
 .faq_s1 h3 {
  font-size: 20px;
  line-height: 24px;
 }
 .faq_s1 h3 a:after{
  left: 17px;
  width: 30px;
  height: 30px;
  margin-top:-14px;
  font-size: 16px;
  line-height: 28px;
 }
 .faq_s1 .opened-a_s1{
  margin: 0 0 10px 60px;
 }
 .push-news-red{
  font-size: 25px;
  line-height: 70px;
  max-width: 398px;
 }
 .push-news-red span:before{
  border-top: 6px solid #fff0;
  border-left: 10px solid #E61E02;
  border-bottom: 6px solid #fff0;
  margin-top: -6px;
  left: 9px;
 }
 .push-news-red span:after{
  width: 26px;
  height: 26px;
  margin-top: -13px;
 }
 .push-news-red span{
  padding-left: 48px;
 }
 .item-recommended-items-birthday-gifts .img_s1 img {
  height: 290px;
 }
 .heading-pink-birthday p{
  font-size: 16px;
 }
 .item-examples-design-birthday .img img{
  height: 219px;
 }
 .item-examples-design-birthday p{
  margin-bottom: 15px;
 }
 .item-recommened-for-specific .img img{
  height: 180px;
 }
 .recommened-for-specific{
  margin-top: 50px;
 }
 .item-strengths-up-t .img img{
  height: 236px;
  object-position: 0 -50px;
 }
 .banner-birthday .text p{
  font-size: 16px;
 }
 .banner-birthday .text h1 span{
  font-size: 38px;
 }
}
@media screen and (max-width: 767px) {
 .banner-birthday .text .box-button{
  padding: 5px 10px 0;
 }
 .banner-birthday .text .box-button a{
  font-size: 14px;
  height: 40px;
 }
 .item-recommened-for-specific .btn-pink{
  font-size: 10px;
  width: 100%;
 }
}
@media screen and (min-width: 1300px) {
 .container_small{
  max-width: 878px;
  margin: 0 auto;
 }
 .wrap_outchat.wrap_outchat-only-toppaage #link-top2 {
  background: rgb(247 247 247 / .8);
  overflow: unset;
  margin: 0
 }

 .wrap_outchat-only-toppaage #link-top2 a:nth-child(1):before,.wrap_outchat-only-toppaage .button-link-drawer:after {
  display: none
 }

 .wrap_outchat-only-toppaage #link-top2 a:nth-child(1),.wrap_outchat-only-toppaage #link-top2 a.btn-two-only-toppage {
  background: #E61E02;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  display: flex;
  align-items: center;
  flex-direction: unset;
  gap: 5px;
  max-width: 339px;
  height: 60px!important;
  padding: 14px 22px;
  border: 0;
  width: 100%!important;
  margin-right: 10px
 }

 .wrap_outchat-only-toppaage #link-top2 a.btn-two-only-toppage {
  background: #363636
 }

 .wrap_outchat-only-toppaage #link-top2 a.btn-two-only-toppage:nth-child(2):before {
  display: none
 }

 .wrap_outchat-only-toppaage .link_outside_chat {
  justify-content: center;
  max-width: unset
 }

 .wrap_outchat-only-toppaage.wrap_outchat #link-top2 .link-back-top {
  background: #fff;
  box-shadow: 0 2px 6px 0 #00000040;
  width: 40px!important;
  height: 40px!important;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 40px!important;
  padding: 0;
  border: 0;
  border-radius: 100px!important;
  position: absolute;
  right: 133px;
  top: 50%;
  transform: translateY(-50%)
 }
 #link-top2 a {
  position: relative;
  display: inline-block;
  vertical-align: top;
  max-width: 330px;
  width: 100%;
  height: 38px;
  background: #ff2100;
  font-size: 16px;
  line-height: 38px;
  font-weight: 700;
  text-align: center;
  color: #fff!important;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  overflow: hidden
 }

 #link-top2 a:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  border: 8px solid #fff0;
  border-bottom: 13px solid #fff;
  border-top: 0;
  margin: -4px 5px 0 0
 }

 #link-top2 {
  padding-left: 50px;
  box-sizing: border-box
 }

 #link-top2 a:nth-child(1):before {
  content: "";
  background-image: url(/common/smart/design/img/images_index-add/pen.png);
  border: 0;
  width: 45px;
  background-size: contain;
  height: 45px;
  margin-top: 9px;
  margin-left: -202px;
  background-repeat: no-repeat
 }

 #link-top2 a:nth-child(1) :nth-child(1) {
  display: block;
  margin-bottom: -26px;
  margin-top: -52px;
  font-size: 20px;
  font-weight: 700;
  margin-left: 20px
 }

 #link-top2 a:nth-child(1) :nth-child(3) {
  font-size: 24px;
  font-weight: 700;
  display: block;
  margin-top: -25px;
  margin-left: 15px
 }

 .wrap_outchat #link-top2 {
  max-width: 100%;
  padding: 10px 0;
  background: #fff0
 }

 .link_outside_chat {
  max-width: 1100px;
  padding: 0 15px;
  margin: auto;
  display: flex
 }

 .wrap_outchat #link-top2 a {
  margin-right: 20px;
  border: 2px solid #e8e8e8;
  width: calc((100% - 20px) / 2)!important;
  height: 90px!important;
  border-radius: 10px!important;
  line-height: 20px;
  box-sizing: border-box
 }

 .wrap_outchat #link-top2 .link-back-top {
  margin-right: 0;
  background: url(/common/design/user/css/img/bg_lg_black.jpg);
  padding: 0 0 0 150px;
  display: flex;
  align-items: center;
  font-size: 28px;
  max-width: calc((100% - 20px) / 2)!important
 }

 .wrap_outchat #link-top2 a:nth-child(1) :nth-child(1),.wrap_outchat #link-top2 a:nth-child(1) :nth-child(3) {
  margin: 0
 }

 .wrap_outchat #link-top2 a:nth-child(1):before {
  position: absolute;
  left: 35px;
  margin: 0
 }

 .top_outside {
  line-height: 10px
 }

 .wrap_outchat #link-top2 a:nth-child(1) :nth-child(3) {
  font-size: 30px;
  color: #fff000
 }

 .wrap_outchat .button-link-drawer:after {
  content: '';
  background: url(/common/design/user/css/img/bg_lg_icon.png) no-repeat;
  position: absolute;
  right: 15px;
  width: 170px;
  background-size: 100%;
  height: 65px
 }

 .wrap_outchat #link-top2 .link-back-top:before {
  content: '\f139';
  border: unset;
  font-family: FontAwesome;
  position: absolute;
  right: 130px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  font-size: 36px
 }
 .wrap_outchat-only-toppaage .click-chat{
  position: absolute;
  top: -30px;
  right: 27px;
  width: 90px;
  height: 90px;
  z-index: 9999;
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  cursor: pointer;
 }
 #upt-chat-container.eyecatcher {
  opacity: 0;
  visibility: hidden;
 }
}