@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : dining.css
 author     : Ability Consultant
 style info : ダイニング一覧
=================================================================== */
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
.con_dining, .con_bar, .con_other, .con_srv, .con_chef .box_chef {
  max-width: 1280px;
  margin: auto;
  width: 95%;
}

/*Animate */
.tit {
  font-weight: normal;
  font-family: "Playfair Display", serif;
  font-size: 188%;
  line-height: 1.4em;
  letter-spacing: 0.1em;
  color: #000;
}

.con_pgtitle .tl_id {
  text-transform: none !important;
}

@media only screen and (min-width: 1025px) {
  .con_intro .box_info .space01 {
    padding-left: 3.5em;
  }
  .con_intro .box_info .space02 {
    padding-right: 1.3em;
  }
  .con_intro .box_info .space03 {
    padding-right: 0.7em;
  }
}
@media print {
  .con_intro .box_info .space01 {
    padding-left: 3.5em;
  }
  .con_intro .box_info .space02 {
    padding-right: 1.3em;
  }
  .con_intro .box_info .space03 {
    padding-right: 0.7em;
  }
}
.ie8 .con_intro .box_info .space01 {
  padding-left: 3.5em;
}
.ie8 .con_intro .box_info .space02 {
  padding-right: 1.3em;
}
.ie8 .con_intro .box_info .space03 {
  padding-right: 0.7em;
}

.con_dining .box_dining {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.con_dining .box_dining > div {
  margin-top: 64px;
  width: 48%;
}
@media only screen and (max-width: 767px) {
  .con_dining .box_dining > div {
    margin-top: 8%;
  }
}
.con_dining .box_dining > div .tit {
  font-size: 28px;
  line-height: 1.4em;
  letter-spacing: 0;
  margin-top: 0.5em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_dining .box_dining > div .tit {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .con_dining .box_dining > div .tit {
    font-size: 1.5em;
  }
}
.con_dining .box_dining > div:nth-of-type(2n) {
  margin-left: 4%;
}

.con_bar {
  margin-top: 120px;
  padding: 64px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
@media only screen and (max-width: 767px) {
  .con_bar {
    margin-top: 12%;
  }
}
@media only screen and (max-width: 767px) {
  .con_bar {
    padding: 5% 0;
  }
}
.con_bar .layout_primary_2c {
  margin: 0 auto;
}
.con_bar .layout_primary_2c .tit {
  font-size: 28px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_bar .layout_primary_2c .tit {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .con_bar .layout_primary_2c .tit {
    font-size: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_bar .layout_primary_2c {
    padding: 0;
  }
  .con_bar .layout_primary_2c .txt br {
    display: none;
  }
}
.con_bar .box_other {
  margin-top: 64px;
  padding-top: 64px;
  border-top: 1px solid #ccc;
}
@media only screen and (max-width: 767px) {
  .con_bar .box_other {
    margin-top: 5%;
  }
}
@media only screen and (max-width: 767px) {
  .con_bar .box_other {
    padding-top: 5%;
  }
}

.con_other {
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .con_other {
    margin-top: 10%;
  }
}
.con_other > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .con_other > ul {
    margin-top: 1em;
  }
}
.con_other > ul li {
  width: 32%;
}
.con_other > ul li .i {
  text-align: center;
}
.con_other > ul li .t {
  font-size: 22px;
  line-height: 1.4em;
  margin-top: 0.5em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_other > ul li .t {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .con_other > ul li .t {
    font-size: 1.1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_other > ul li .t br {
    display: none;
  }
}
.con_other > ul li:nth-child(3n+2) {
  margin: 0 2%;
}

.con_srv {
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .con_srv {
    margin-top: 10%;
  }
}
.con_srv .layout_primary_2c {
  width: auto;
  margin: 40px auto 0;
}
@media only screen and (max-width: 767px) {
  .con_srv .layout_primary_2c {
    margin: 5% auto 0;
  }
}
.con_srv .layout_primary_2c .txt {
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .con_srv .layout_primary_2c {
    padding: 0;
  }
}

.con_intro .i {
  text-align: center;
}
.con_intro .tit {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .con_intro .tit {
    margin-top: 1em;
  }
}
.con_intro .box_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 64px;
}
@media only screen and (max-width: 767px) {
  .con_intro .box_info {
    margin-top: 8%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_info {
    display: block;
  }
}
.con_intro .box_info .wrp_log .l {
  display: block;
  width: 300px;
  height: 300px;
  border: 1px solid #ccc;
  padding-bottom: 1px;
  position: relative;
}
.con_intro .box_info .wrp_log .l img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  max-width: 240px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.con_intro .box_info .wrp_log.aomi .l {
  width: 240px;
  height: 240px;
}
.con_intro .box_info .wrp_log.aomi .l img {
  max-width: 200px;
}
@media only screen and (max-width: 767px) {
  .con_intro .box_info .wrp_log .l {
    width: 150px;
    height: 150px;
    margin: 1em auto;
  }
  .con_intro .box_info .wrp_log.aomi .l {
    width: 140px;
    height: 140px;
    margin: 1em auto;
  }
}
.con_intro .box_info .wrp_info {
  margin-left: 40px;
}
@media only screen and (max-width: 767px) {
  .con_intro .box_info .wrp_info {
    margin-left: 3%;
  }
}
.con_intro .box_info .wrp_info .tbl_basic {
  display: inline-block;
}
.con_intro .box_info .wrp_info .tbl_basic th {
  padding: 0.5em 1em;
}
.con_intro .box_info .wrp_info .tbl_basic td {
  text-align: left;
  padding: 0.5em 1em;
}
.con_intro .box_info .wrp_info .tbl_basic td ul li {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.con_intro .box_info .wrp_info .tbl_basic td ul li .detail {
  min-width: 13em;
  margin-right: 1em;
}
.con_intro .box_info .wrp_info .tbl_basic td .bold {
  font-weight: bold;
}
.con_intro .box_info .wrp_info .tbl_basic td .red {
  color: #ff0000;
}
.con_intro .box_info .wrp_info .tbl_basic td .tbl_day_ttl tr {
  border: none;
}
.con_intro .box_info .wrp_info .tbl_basic td .tbl_day_ttl .ttl_th {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .con_intro .box_info .wrp_info .tbl_basic td .tbl_day_ttl .ttl_th {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.con_intro .box_info .wrp_info .tbl_basic td .tbl_day_ttl .ttl_th .ttl {
  width: 4em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .box_info .wrp_info .tbl_basic td .tbl_day_ttl .ttl_th .ttl {
    width: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_info .wrp_info .tbl_basic td .tbl_day_ttl .ttl_th .ttl {
    width: 50%;
  }
}
.con_intro .box_info .wrp_info .tbl_basic td .tbl_day_ttl .ttl_th .tbl_day_txt tr {
  border: none;
}
@media only screen and (min-width: 768px) and (max-width: 895.5px) {
  .con_intro .box_info .wrp_info .tbl_basic td .tbl_day_ttl .ttl_th .tbl_day_txt tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.con_intro .box_info .wrp_info .tbl_basic td .tbl_day_ttl .ttl_th .tbl_day_txt th {
  padding: 0;
  width: 8em;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .box_info .wrp_info .tbl_basic td .tbl_day_ttl .ttl_th .tbl_day_txt th {
    width: 8em;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_info .wrp_info .tbl_basic td .tbl_day_ttl .ttl_th .tbl_day_txt th {
    width: 8em;
  }
}
.con_intro .box_info .wrp_info .tbl_basic td .tbl_day_ttl .ttl_th .tbl_day_txt th .tb_txt {
  position: absolute;
  top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 895.5px) {
  .con_intro .box_info .wrp_info .tbl_basic td .tbl_day_ttl .ttl_th .tbl_day_txt th .tb_txt {
    position: relative;
  }
}
.con_intro .box_info .wrp_info .tbl_basic td .tbl_day_ttl .ttl_th .tbl_day_txt td {
  padding: 0;
}
.con_intro .box_info .wrp_info .atn {
  margin-top: 1em;
  text-indent: -1em;
  padding-left: 1em;
}
.con_intro .box_info .box_note {
  margin: 3em auto 0;
  font-size: 85%;
  color: #999;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  .con_intro .box_info .box_note {
    margin-top: 2em;
  }
}
.con_intro .box_info .box_note span {
  display: block;
  text-indent: -1.5em;
  padding-left: 1.5em;
}
.con_intro .box_info .box_note span.tl {
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: .5em;
  font-size: 100%;
}
.con_intro .box_info .box_note span.tl.first {
  margin-top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .box_info .btn_style_line a {
    margin-bottom: .5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_info .btn_style_line a {
    margin-bottom: .5em;
  }
}

.con_chef {
  margin-top: 64px;
  padding-top: 64px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .con_chef {
    margin-top: 8%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_chef {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_chef {
    padding-top: 5%;
  }
}
.con_chef:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background-color: #EFF6F8;
  width: 40%;
  height: calc(100% + 64px);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_chef:before {
    height: calc(100% + 40px);
  }
}
@media only screen and (max-width: 767px) {
  .con_chef:before {
    height: 115%;
  }
}
.con_chef .box_chef {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
}
.con_chef .box_chef .wrp_text .name {
  font-weight: normal;
}
.con_chef .box_chef .wrp_text .name span {
  font-family: "Playfair Display", serif;
  letter-spacing: 0.1em;
  color: #000;
  display: block;
}
.con_chef .box_chef .wrp_text .name .s {
  font-size: 88%;
}
.con_chef .box_chef .wrp_text .name .b {
  font-size: 188%;
}
.con_chef .box_chef .wrp_text .t {
  margin-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_chef .box_chef .wrp_text .t {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .con_chef .box_chef .wrp_text .t {
    margin-top: 0.5em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_chef .box_chef .wrp_text {
    width: 40%;
    padding: 64px 5% 0;
  }
  .con_chef .box_chef .wrp_img {
    width: 56%;
    text-align: right;
  }
}
@media print {
  .con_chef .box_chef .wrp_text {
    width: 40%;
    padding: 64px 5% 0;
  }
  .con_chef .box_chef .wrp_img {
    width: 56%;
    text-align: right;
  }
}
.ie8 .con_chef .box_chef .wrp_text {
  width: 40%;
  padding: 64px 5% 0;
}
.ie8 .con_chef .box_chef .wrp_img {
  width: 56%;
  text-align: right;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_chef .box_chef .wrp_text {
    width: 34%;
    padding: 0 2%;
    -ms-flex-item-align: center;
        align-self: center;
  }
  .con_chef .box_chef .wrp_img {
    width: 62%;
    text-align: right;
  }
}
@media only screen and (max-width: 767px) {
  .con_chef .box_chef .wrp_text {
    width: 39%;
    padding: 5% 2%;
    -ms-flex-item-align: center;
        align-self: center;
  }
  .con_chef .box_chef .wrp_text .name .s {
    font-size: 0.7em;
  }
  .con_chef .box_chef .wrp_text .name .b {
    font-size: 1.6em;
  }
  .con_chef .box_chef .wrp_img {
    width: 57%;
    text-align: right;
    overflow: hidden;
    position: relative;
  }
  .con_chef .box_chef .wrp_img img {
    position: absolute;
    top: 50%;
    left: 10%;
    max-width: none;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.con_room_type {
  margin-top: 120px;
}
@media only screen and (max-width: 767px) {
  .con_room_type {
    margin-top: 12%;
  }
}

.box_menu {
  margin-top: 3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_menu {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .box_menu {
    margin-top: 2em;
    display: block;
  }
}
.box_menu .btn_basic {
  margin: 0 2em;
}
.box_menu .btn_basic a {
  max-width: 400px;
  width: 300px;
}
@media only screen and (max-width: 767px) {
  .box_menu .btn_basic {
    margin: 2em;
  }
}
.box_menu .btn_basic .m2 {
  width: auto;
}

.con_rev_inq {
  background: #EFF6F8;
  margin: 4em auto 6em;
  width: 75%;
  text-align: center;
  padding: 2em !important;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_rev_inq {
    width: 95%;
    margin: 3em auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_rev_inq {
    width: 95%;
    margin: 3em auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_rev_inq {
    padding: 1em 0 !important;
  }
}
.con_rev_inq .tl_basic_center {
  font-size: 188%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_rev_inq .tl_basic_center {
    font-size: 175%;
  }
}
@media only screen and (max-width: 767px) {
  .con_rev_inq .tl_basic_center {
    font-size: 138%;
  }
}
.con_rev_inq .box_rev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .con_rev_inq .box_rev {
    display: block;
  }
}
.con_rev_inq .box_rev .box_tel {
  margin: 1em;
}
.con_rev_inq .box_rev .box_tel .tel {
  font-size: 113%;
  text-align: center;
}
.con_rev_inq .box_rev .box_tel .tel a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.con_rev_inq .box_rev .box_inq {
  margin: 1em;
}
.con_rev_inq .box_rev .box_inq .btn_basic {
  margin-top: 0.5em;
}
.con_rev_inq .box_rev .box_inq .btn_basic a {
  width: 300px;
}
@media only screen and (max-width: 767px) {
  .con_rev_inq .box_rev .box_inq .btn_basic a {
    width: auto;
  }
}

.box_slide .slick-slide {
  outline: none;
}
.box_slide .slick-slide img {
  margin: 0 auto;
}
.box_slide .slider {
  position: relative;
}
.box_slide .slick-arrow {
  position: absolute;
  display: inline-block;
  z-index: 10;
  top: 50%;
}
@media only screen and (max-width: 767px) {
  .box_slide .slick-arrow {
    top: 45%;
  }
}
.box_slide .slick-arrow:after {
  content: '';
  width: 15px;
  height: 15px;
  border: 0px;
  border-top: solid 3px #000;
  border-right: solid 3px #000;
  position: absolute;
  top: 0;
}
.box_slide .slick-arrow.slick-prev {
  left: -1.5%;
}
@media only screen and (max-width: 1024px) {
  .box_slide .slick-arrow.slick-prev {
    left: 0;
  }
}
.box_slide .slick-arrow.slick-prev:after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  left: 0;
}
.box_slide .slick-arrow.slick-next {
  right: -1.5%;
}
@media only screen and (max-width: 1024px) {
  .box_slide .slick-arrow.slick-next {
    right: 0;
  }
}
.box_slide .slick-arrow.slick-next:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 0;
}

/* -----------------------------------------------------------
	.con_chef_kawate
----------------------------------------------------------- */
.con_chef_kawate {
  background: #EFF6F8;
  display: block;
  margin: 5em auto;
  padding: 0.5em 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_chef_kawate {
    margin: 4em auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_chef_kawate {
    margin: 2em auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_chef_kawate {
    padding: 1em 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_chef_kawate {
    padding: 0.5em 0;
  }
}
@media only screen and (min-width: 768px) {
  .con_chef_kawate .con_michelin {
    width: 80%;
    margin: 0 auto 4em auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
  .con_chef_kawate .con_michelin {
    margin: 0 auto 2em auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .con_chef_kawate .con_michelin {
    margin: 0 auto 1em;
  }
}

@media print {
  .con_chef_kawate .con_michelin {
    width: 80%;
    margin: 0 auto 4em auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.ie8 .con_chef_kawate .con_michelin {
  width: 80%;
  margin: 0 auto 4em auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .ie8 .con_chef_kawate .con_michelin {
    margin: 0 auto 2em auto;
  }
}
@media only screen and (max-width: 767px) {
  .ie8 .con_chef_kawate .con_michelin {
    margin: 0 auto 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_chef_kawate .con_michelin {
    width: 80%;
    margin: 0 auto 3em;
  }
}
.con_chef_kawate .con_michelin .img {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .con_chef_kawate .con_michelin .img {
    text-align: right;
    width: 47%;
  }
}
@media print {
  .con_chef_kawate .con_michelin .img {
    text-align: right;
    width: 47%;
  }
}
.ie8 .con_chef_kawate .con_michelin .img {
  text-align: right;
  width: 47%;
}
@media only screen and (max-width: 767px) {
  .con_chef_kawate .con_michelin .img {
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) {
  .con_chef_kawate .con_michelin .box_txt {
    width: 53%;
    padding-left: 3%;
  }
}
@media print {
  .con_chef_kawate .con_michelin .box_txt {
    width: 53%;
    padding-left: 3%;
  }
}
.ie8 .con_chef_kawate .con_michelin .box_txt {
  width: 53%;
  padding-left: 3%;
}
@media only screen and (max-width: 767px) {
  .con_chef_kawate .con_michelin .box_txt {
    padding-top: 5%;
  }
}
.con_chef_kawate .con_michelin .box_txt h3 {
  font-family: "Playfair Display", serif;
  font-size: 150%;
  font-weight: normal;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_chef_kawate .con_michelin .box_txt h3 {
    font-size: 138%;
  }
}
@media only screen and (max-width: 767px) {
  .con_chef_kawate .con_michelin .box_txt h3 {
    font-size: 125%;
  }
}
.con_chef_kawate .box_movie {
  width: 80%;
  max-width: 960px;
  margin: 3em auto 6em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_chef_kawate .box_movie {
    margin: 1em auto 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_chef_kawate .box_movie {
    margin: 2em auto 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_chef_kawate .box_movie {
    width: 95%;
  }
}
.con_chef_kawate .box_movie video {
  width: 100%;
  height: auto;
  -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 767px) {
  .con_chef_kawate .box_movie video {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  }
}

@media only screen and (min-width: 768px) {
  .btn_style_line .m_tb {
    margin: 20px 0 !important;
  }
}
@media print {
  .btn_style_line .m_tb {
    margin: 20px 0 !important;
  }
}
.ie8 .btn_style_line .m_tb {
  margin: 20px 0 !important;
}