@charset "utf-8";
/* CSS Document */


.notos{font-family: 'Noto Serif JP', serif;}
.c_txt{font-family: 'Crimson Text', serif;}
body{
  line-height: 1.7em;
  overflow: auto;
  font-family: sans-serif, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
  color: #333;
}
.wrap{
  overflow: hidden;
}
/*-- rigth_navigation01
---------------------------------------------------------------------*/


/* 下層ページのnav
---------------------------------------------------- */
.r_navi01 .navbar{ background: #222;}
.navbar-right{
  margin: 20px 15px 0 0;
}
.nav > li > a{
  padding: 10px;
  font-size: 90%;
}
@media (min-width: 992px), print {
  .nav > li > a{
    padding: 10px 15px;
    font-size: 100%;
  }
}
/* 共通のnav
---------------------------------------------------- */
.navbar{
  margin: 0;
  border-radius: 0;
}
.navbar-default{
  border: none;
}
.r_navi01 { width:100%;}
#index .r_navi01 .navbar{ border-radius:0px; border:none; margin:0px; padding:0px; background: none;}
.r_navi01 .navbar-brand{ width:200px; height:auto; margin-top:8px}
.r_navi01 h1{ margin:0px 0px 0px 15px;}
.r_navi01 .navbar-brand {padding:0px; margin-left:0px }
.r_navi01 .navbar-toggle{ margin:25px 25px 0 0;}
@media (min-width: 767px), print {
.r_navi01 .navbar-brand{ width: auto; margin-top:0px}
.r_navi01 h1{ margin:0px 0px 0px 15px; width:200px ;}
}
@media (min-width: 992px), print {
.r_navi01 .navbar-brand {padding:0px; margin-left:-15px }
.r_navi01 h1{width:auto ;}
}

.navbar-default .navbar-toggle{
  border: none;
}
.navbar-default .navbar-toggle .icon-bar{
  background: #fff;
}
#index{
position: relative;
}
#index .r_navi01{
  position: absolute;
  z-index: 100;
}
#index .navbar-nav > li > a {
  padding: 10px 20px;
  font-size: 16px;
  letter-spacing: 0.1em;
}
#index .r_navi01 #mainNav {
  /* position: absolute;
  z-index: 100; */
}
#index .navbar-right{
  /* position: fixed; */ /*これがあるとスマホでメニューが開かない*/
  left: 0;
  right: 0;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.8);
}
#index .navbar-collapse{
  padding: 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
  background: #b68e16;
}
@media (min-width: 768px), print{
  #index .navbar-right{
    float: none !important;
    position: fixed;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 530px;
    background: none;
  }
}
@media (min-width: 992px), print{
  #index .navbar-right{
    bottom: 80px;
    width: 750px;
  }
}

.navbar-default .navbar-nav > li > a{
  color: #fff;
}
.navbar-default .navbar-nav a:hover{
    border-bottom: 2px solid #fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
  background: rgba(182, 142, 22, 0.8);
  transition:.2s;
  color: #fff;
}
@media (min-width: 768px), print{
   .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
    background: none;
    border-bottom: 2px solid #fff;
    transition:.2s;
  }
}

.navbar-default .navbar-nav > li > a:hover{
    border-bottom: 2px solid #fff;
    transition:.2s;
    color: #fff;
}
#index .navbar-default .navbar-collapse{
  border: none;
}

/* 固定メニュー
---------------------------------------------------- */
#navibar {
    background:#333;
    width: 100%;
    z-index: 100;
}
.cb-header {
    position: fixed;/* 固定 */
    top: 0;/* 上から0の位置に固定 */
    left: 0;/* 左から0の位置に固定 */
    display: none;/* 非表示 */
		text-align: center; /*ロゴとメニューをfloatするときは消す*/
}

.sc {
    width: 100%;
    margin: 0 auto;
}
#mainNav02{
  text-align: left;
}
/* index
---------------------------------------------------- */
.catch h2 {
  position: absolute;
  z-index: 10;
  left: 0;
  right: -70%;
  margin: auto;
  width: 26px;
  top: 18%;
}
@media (min-width: 768px), print {
  .catch h2 {
    right: -62%;
    width: 36px;
    top: 10%;
  }
  .catch h2 img{
    max-height: 65vh;
  }
}
@media (min-width: 992px), print {
  .catch h2 {
    right: -62%;
    width: 38px;
  }
}
@media (min-width: 1200px), print {
  .catch h2 {
    width: 40px;
    top: calc(50% - 673px / 2);
  }
}
.catch h3 {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: calc(50% - 297px / 2);
  margin: auto;
  height: auto;
}
.catch h3 img, .catch h2 img{
  margin: 0 auto;
  text-align: center;
}
.catch h3 img{
  width: 50%;
}
@media (min-width: 768px), print{
  .catch h3 img{
    width: auto;
    max-width: 40vh !important;
  }
}
@media (min-width: 992px), print{
  .catch h3 {
  top:calc(50% - 395px / 2);
}
}
@media screen and (orientation: landscape) {
  .catch h3 img{
    width: auto;
    max-height: 80vh;
  }
  .catch h2 img{
    width: auto;
    max-height: 65vh;
    top: 5vh !important;
  }
}

.copy{
  background: #222;
  padding: 30px;
}
#index .copy{
  position: absolute;
  left:0;
  right:0;
  bottom: 20px;
  z-index: 100;
  background: none;
  padding: 0;
}
#copy{
  font-size: 12px;
  color: #959595;
  text-align: center;
}
  /* swiper
  ---------------------------------------------------- */
.swiper-wrapper{
	margin:0 auto;
	/* text-align: center; */
}
.swiper-slide img {
  height: 100vh;
  width: 100%;
  object-fit: cover; /*幅を枠に合わせて配置*/
  transform-origin: center top;
  transform: scale(1.1);
  transition: 4s ease-out;
}
.swiper-slide-active img, .swiper-slide-prev img{
	 transform: scale(1.0);
}
@media (min-width: 768px){
.swiper-slide img{
width: 100%;
object-fit: contain;
}}
@media (min-width: 992px){
	.swiper-slide img{
		object-fit: contain;
}}

.photo-ofi img{
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;'
}
.clear{
	clear: both;
}



/* 中ページ
---------------------------------------------------- */
.pagettl{
  background-image: url(../images/ttl_bg.jpg) ;
  background-position: 50% 50%;
  height: 200px;
  overflow: hidden;
}
.pagettl h2{
  font-size: 250%;
  font-weight: bold;
  line-height: 0.6em;
  padding: 85px 50px;
  margin: 0;
  color: #fff;
  position: relative;
  z-index: 10;
}
.pagettl img{
  position: absolute;
  top:0;
}

@media (min-width: 768px), print{
  .pagettl{height: 300px;}
  .pagettl h2{padding: 135px 50px;}
  .pagettl img{top: 20px;}
}
#menu .h3ttl, #menu .h3ttl_w{
  color: #e60617;
}
.h3ttl {
  background: url(../images/icon_circle.png) no-repeat left center;
  background-size: 75px;
  min-height: 75px;
  padding: 27px 0 0 30px;
  font-size: 150%;
  font-weight: bold;
  margin: 0 0 10px 0;
}
.h3ttl_w {
  background: url(../images/icon_circle_w.png) no-repeat left center;
  background-size: 75px;
  min-height: 75px;
  padding: 27px 0 0 30px;
  font-size: 150%;
  font-weight: bold;
  margin: 0 0 10px 0;
}
@media (min-width: 768px), print{
  .h3ttl {
    background-size: auto;
    min-height: 92px;
    padding: 30px 0 0 30px;
    font-size: 200%;
    margin: 0 0 10px 0;
  }
  .h3ttl_w {
    background-size: auto;
    min-height: 92px;
    padding: 30px 0 0 30px;
    font-size: 200%;
    margin: 0 0 10px 0;
  }
}
/* menu
---------------------------------------------------- */
.menu_cate{
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 20px;
}
.menu_cate i{
  color: #b68e16;
}
#menu .contbox{
  font-size: 14px;
}
.menu01{
  background: #fff;
  padding: 30px;
  text-align: justify;

}
@media (min-width: 768px), print{
  .menu01{
    padding: 40px 40px 120px;
  }
}
@media (min-width: 992px), print{
  .menu01{
    padding: 0 240px 40px 40px;
  }
}
@media (min-width: 1200px), print{
  .menu01{
    padding: 0 290px 40px 40px;
  }
}
.menu01_img{
  margin-bottom: 40px;
}
@media (min-width: 768px), print{
  .menu01_img{
    position: relative;
    top:-100px;
    margin-bottom: -70px;
  }
}
@media (min-width: 992px), print{
  .menu01_img{
    position: relative;
    top:-190px;
    margin-bottom: -190px;
  }
}
.m80{
  margin: 40px 0;
}
@media (min-width: 992px), print{
  .m80{
    margin: 80px 0;
  }
}
.menu01_bg{
  background-image: url(../images/bg_gold.jpg);
  background-position:50% 50%;
  /* padding-bottom: 80px; */
}
@media (min-width: 992px), print{
  .menu01_bg{
    background-repeat:no-repeat;
    background-position:50% 300px;
  }
}
.item{
  text-align: center;
  font-size: 110%;
  font-weight: bold;
  margin: 10px 0 8px;
}
.plice{
  text-align: center;
  font-weight: bold;
}
.pdf_btn:hover{
  opacity: 0.8;
  transition: .2s;
}
.item_en{
    text-align: center;
  font-weight: normal;
  font-size: 90%;
  line-height: 1.2em;
  margin-bottom: 8px;
}
.item_chi{
    text-align: center;
  font-weight: normal;
  font-size: 90%;
  margin-bottom:20px ;
}
/* policy
---------------------------------------------------- */
.bg_black{
  background: #111;
}
#policy .pbox01{
  background: #93100d;
  padding: 30px;
  position: relative;
  top: 20px;
  background-image: url(../images/policy_bg01.png);
  background-position: 100px 40px;
  background-repeat: no-repeat;
  z-index: 10;
}
.ph4{
  font-size: 160%;
  font-weight: bold;
  margin-bottom: 20px;
color: #b68e16;/*元の赤e60617*/
}
.pimg01{
  position: relative;
  z-index: 10;
}
.p_bg01{
  background-image: url(../images/bg_gold.jpg);
  height: 300px;
  position: relative;
  top: -200px;
  margin-bottom: -200px;
}
@media (min-width: 768px), print{
  #policy .pbox01{
    padding: 40px;
    top: -200px;
    background-position: 100px 80px;
    margin-bottom: -200px;
  }
  .p_bg01{
    height: 550px;
    top: -500px;
    margin-bottom: -500px;
  }
}
@media (min-width: 992px), print{
  #policy .pbox01{
    top: -300px;
    background-position: 100px 80px;
    margin-bottom: -300px;
  }
  .ph4{
    font-size: 180%;
  }
  .p_bg01{
    height: 450px;
  }
}
@media (min-width: 1200px), print{
  #policy .pbox01{
    top: -200px;
    background-position: 100px 30px;
    margin-bottom: -200px;
  }
  .p_bg01{
    height: 550px;
  }
}

#policy .pbox02{
  background: #93100d;
  padding: 40px;
  position: relative;
  background-image: url(../images/policy_bg01.png);
  background-position: 50% 100px;
  background-repeat: no-repeat;
  top: 40px;
  z-index: 9;
}
.pimg03{
  margin-top: 80px;
  /* margin-bottom: -290px; */
  z-index: 8;
}
.p_bg02{
    background: #111F;
  background-image: url(../images/bg_washi.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding: 40px 0;

}
@media (min-width: 768px), print{
  #policy .pbox02{
    padding: 40px;
    position: relative;
    background-position: 50% 100px;
    top: 200px;
  }
  .pimg03{
    margin-top: 40px;
  }
  .p_bg02{
    background-position: 0 100px;
    padding-bottom: 80px;
    padding-top: 0;
  }
}
@media (min-width: 992px), print{
  #policy .pbox02{
    padding: 40px 30px;
    background-position: 50% 100px;
    top: 260px;
  }
  .pimg03{
    top:-330px;
    margin-bottom: -330px;
    height: 525px;
  }
  .p_bg02{
    background-position: 0 300px;
  }
}

@media (min-width: 1200px), print{
  #policy .pbox02{
    padding: 75px 40px;
    top: 300px;
  }
  .pimg03{
    top:-400px;
    margin-bottom: -400px;
    height: 613px;
  }
}
.pbox03{
  position: relative;
text-align: center;
}
.pbox03 .contbox{
  margin-top: 40px;
  line-height: 2.5em;
}
.pimg04{
margin-bottom: 30px;
}
.wrap{
  overflow: hidden;
}
@media (min-width: 992px), print{
  .pbox03{
    position: relative;
    top:-460px;
    margin-bottom: -460px;
    text-align: left;
  }
  .pimg04_h{
    height: 500px;
    overflow: hidden;
    position: relative;
  }
  .pimg04{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    margin-bottom: 0;
  }
}
@media all and (-ms-high-contrast: none){ /*IEでのみ印刷切り替え位置の指定*/
  .iepb{
    page-break-before: always;
  }
}
#policy .contbox{
  font-size: 120%;
  line-height: 1.7em;
  /* text-align: justify; */
}
.txt_white{
  color: #fff;
}
.txt_red{
  color: #93100d;
}
/* recommended
---------------------------------------------------- */
.reco_bg{
  background-image: url(../images/bg_washi.jpg);
  background-position:50% 50%;
  padding: 80px 0;
}
.reco_bg img{
  margin-bottom: 80px;
}
.reco_bg img:last-child{
  margin-bottom: 0;
}
.reco_txt{
  font-size: 24px;
  line-height: 1.7em;
  font-weight: bold;
}
/* recruit
---------------------------------------------------- */
#recruit .h3ttl {
  background: url(../images/icon_circle.png) no-repeat left center;
  min-height: 95px;
  padding: 20px 0 0 30px;
  font-size: 200%;
  font-weight: bold;
  margin: 0 0 40px 0;
}
#recruit .contbox {
  text-align: justify;
  z-index: 10;
  position: relative;
}
@media (min-width: 768px), print {
  .rec_img {
    margin-top: -270px;
  }
}

@media (min-width: 992px), print {
  .rec_img {
    margin-top: -160px;
  }
}
#recruit .h3ttl02{
  font-weight: bold;
}
#recruit .table_float i{
  color: #b68e16;
}

#recruit .table_float{ width:100%; margin-bottom:10px;}
#recruit .table_float th{ width:100%;padding:15px; line-height:140%; display: block; color: #222;font-weight: 700;background: rgba(182, 142, 22, 0.2);}
#recruit .table_float td{ padding:15px;line-height:1.7em;display: block;color: #222;text-align: justify;}


@media (min-width: 768px), print {
#recruit .table_float table{ width:100%; display:table;}
#recruit .table_float th{ width:20%;padding:18px;border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; line-height:140%; display:table-cell;}
#recruit .table_float td{  padding:18px;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;display:table-cell}
}

#recruit .contactbox {
  background-image: url(../images/bg_gold.jpg);
  padding: 30px 0;
}
@media (min-width: 768px), print {
  #recruit .contactbox {
    padding: 60px 0;
  }
}
#recruit .contactbox i{
  font-size: 90%;
  color: #b68e16;
}
.bra_xs{
  font-size: 80%;
}
@media (min-width: 768px), print {
  .bra_xs{
    font-size: 100%;
  }
}
.shop{
  font-size: 120%;
  font-weight: bold;
}
.phon_num{
  font-size: 200%;
  font-weight: bold;
}
@media (min-width: 768px), print {
  .phon_num{
    font-size: 250%;
  }
}
@media (min-width: 992px), print {
  .phon_num{
    font-size: 300%;
  }
}
.st_name{
  margin: 0;
  font-size: 120%;
}
/* shop
---------------------------------------------------- */
/* #cont .pagettl h2 {
  font-size: 250%;
  font-weight: bold;
  line-height: 1.4em;
  padding: 50px;
  margin: 0;
  color: #fff;
  position: relative;
  z-index: 10;
}
@media (min-width: 768px), print {
  #cont .pagettl h2 {
    line-height: 0.6em;
    padding: 135px 50px;
  }
} */

#shop{
  background-image: url(../images/bg_washi.jpg);
  background-position:50% 50%;
  color: #333;
  padding: 50px 0 30px;
}
@media (min-width: 768px) {
  #shop{
    padding: 100px 0 60px;
  }
}
.shop_name{
  display: inline-block;
  font-size: 150%;
  line-height: 1.8em;
  font-weight: bold;
}

@media (min-width: 768px) {
  .shop_name{
    font-size: 180%;
  }
}


#shop .tel span{ font-size: 180%;background:#b68e16; border-radius:4px; display:block;  color:#fff; padding:10px 10px; box-shadow:0px 1px 3px #ccc;font-weight: bold; text-align: center;}
@media (min-width: 768px) ,print {
  #shop .tel{margin-top: -35px;  display: inline;float:right;}
  #shop .tel span{ font-size: 180%;background: none; border-radius:0px; display: inline; color:#b68e16; padding:0px;box-shadow:none; line-height: 1.4em;}
  #shop .tel i{font-size: 80%;padding-right:10px ;}
}
@media (min-width: 992px) ,print {
  #shop .tel{margin-top: 0;display: block;float:none;}
  #shop .tel span{font-size: 200%;font-weight: bold;}
}

.shop_box{
  font-size: 110%;
}
.shop_box i{
  color: #b68e16;
}
.shop_box p{
  margin-bottom: 23px;
}

.flexslider{
  border:none;
  margin: 0 0 40px;
}
.dot{
  border-bottom: 1px dotted #333;
  padding-bottom: 20px;
  margin-bottom: 60px;
}

.tlog{
  display: inline-block;
  background: #ff9600;
  color: #fff;
  padding: 4px 10px;
  font-size: 10px;
  border-radius: 3px;
  margin: 0 0 6px;
  position: relative;
  top:-5px;
}
.gnavi{
  display: inline-block;
  background: #e60012;
  color: #fff;
  padding: 4px 10px;
  font-size: 10px;
  border-radius: 3px;
  margin: 0 0 0 6px;
  position: relative;
  top:-5px;
}
.retty{
  display: inline-block;
  margin: 0 0 0 6px;
  position: relative;
  top:-5px;
}
@media (min-width: 768px), print {
  .tlog{
    padding: 4px 10px;
  }
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
}

.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

#word1 input{
  display: inline;
}

#contact .table_float{ width:100%; margin-bottom:10px;}
#contact .table_float th{ width:100%;padding:15px; border-top:solid 1px #ccc; border-bottom: none;line-height:140%; display: block; color: #222;font-weight: 700; background: rgba(182, 142, 22, 0.2);}
#contact .table_float td{ padding:15px;line-height:1.7em;border-top: none;display: block;color: #222;text-align: justify;}
#contact .table_float td:last-child{border-bottom:solid 1px #ccc;}

@media (min-width: 768px), print {
#contact .table_float table{ width:100%; display:table;}
#contact .table_float th{ width:30%;padding:20px 18px 10px;border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; line-height:140%; display:table-cell;vertical-align: middle;}
#contact .table_float td{  padding:18px;border-top:solid 1px #ccc;display:table-cell}
}
textarea{
  width: 100%;
}
.form-m{
  width: 100%;
}
.form-s{
  width: 20%;
}
@media (min-width: 768px), print {
  .form-s{
    width: 10%;
  }
}
.f-left{
  float: left;
}

td p{
  margin: 8px 0  0;
}
.hissu{
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  background: #b68e16;
  border-radius: 4px;
  float: right;
  margin-top: -4px;
}
.hissu_sample{
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  background: #b68e16;
  border-radius: 4px;
}
.tac{
  text-align: center;
}
.form_info{
  margin-bottom: 40px;
}
.formBtn01 {
  color: #fff;
  background: #b68e16;
  padding: 10px 50px;
  font-size: 15px;
  font-weight: 700;
  border: 2px solid #b68e16;
  transition: .2s;
}
.formBtn01:hover {
  background: none;
  border-radius: 25px;
  transition: .2s;
  text-decoration: none;
  color: #e2ab08;
  border: 2px solid #e2ab08;
}
.formBtn_r {
  color: #fff;
  background: #888;
  padding: 10px 50px;
  font-size: 15px;
  font-weight: 700;
  border: 2px solid #888;
  transition: .2s;
  margin-bottom: 20px;
}
.formBtn_r:hover {
  background: none;
  transition: .2s;
  text-decoration: none;
  color: #555;
  border: 2px solid #555;
  border-radius: 25px;
}
@media (min-width: 768px), print {
  .formBtn_r {
    margin-bottom: 0;
  }
}
input, textarea {
  padding: 6px;
}

.trt_btn a{
  background: #93100d;
  padding: 20px;
  background-image: url(../images/policy_bg01.png);
  background-position: 0;
  background-repeat: no-repeat;
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  transition: .2s;
  margin-bottom: 40px;
  border-radius: 6px;
}
.trt_btn a:hover{
  text-decoration: none;
  opacity: 0.8;
  transition: .2s;
}
.trt_btn img{
  width: 100px;
  margin: 0 auto;
}
@media (min-width: 768px), print {
  .trt_btn a{
      font-size: 20px;
  }
  .trt_btn img{
    display: inline-block;
    padding-bottom: 3px;
  }
}
@media (min-width: 992px), print {
  .trt_btn a{
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px), print {
  .trt_btn a{
      font-size: 24px;
  }
}

/* お問い合わせ
---------------------------------------------------- */
#contactBox .control-label{ text-align:left;}
#contactBox .control-label span{ font-size:70%; color: #999; font-weight:normal;}

.agreeBox{ border:1px solid #ccc; padding:5px; text-align:center;}
.privacyBox{height:250px;overflow:auto;overflow-y:scroll; font-size:90%; line-height: normal; padding:0px 10px; border:solid 1px #ccc; border-radius:8px;box-shadow: 0px 1px 2px #999 inset; }
.privacyBox h4{ font-size:120%; font-weight:bold; border-bottom:#CCC solid 1px; margin-bottom:10px;}
.privacyBox p{ margin-bottom:1em}
.privacyBox ul{ margin-bottom:1em; margin-left:10px}
.privacyBox ol{ margin-bottom:1em; margin-left:0px; padding:0px;}

.privacyBox li{ list-style:decimal outside; margin-left:2em; margin-bottom:5px }

@media (min-width: 768px), print {
	.privacyBox ul{ margin-bottom:1em; margin-left:20px}

}


/* Component
---------------------------------------------------- */
.btn a{ color:#fff;}
.bold{
  font-weight: bold;
}
.f-right{
  float:right;
}
.center{
  margin: 0 auto;
}
#pagetop{
  z-index: 1000;
}
hr {
  height: 1px;
/* border: none; */
border-top: 1px #b68e16 solid !important;}
@media print {
 a[href]:after {
 content: "" !important;
 }

 abbr[title]:after {
 content: "" !important;
 }
}

.mb00 {margin-bottom: 0px !important;}
.mb10 {margin-bottom: 5px !important;}
.mb15 {margin-bottom: 7.5px !important;}
.mb20 {margin-bottom: 10px !important;}
.mb30 {margin-bottom: 15px !important;}
.mb40 {margin-bottom: 20px !important;}
.mb50 {margin-bottom: 25px !important;}
.mb60 {margin-bottom: 30px !important;}
.mb70 {margin-bottom: 35px !important;}
.mb80 {margin-bottom: 40px !important;}
.mb90 {margin-bottom: 45px !important;}
.mb100 {margin-bottom: 50px !important;}
 @media (min-width: 768px), print {
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}
}

@media print{
.navbar {
  display: block;
}
#navibar{
  display: none !important;
}
}

.drink_box{position: relative;}

@media (max-width: 500px), print{
.drink_box_m a{
  background: #93100d;
  padding: 10px;
  background-image: url(../images/policy_bg01.png);
  background-position: 0;
  background-repeat: no-repeat;
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  transition: .2s;
  margin-bottom: 40px;
  border-radius: 6px;
  position: absolute;
  left: 15%;
  top: 10%;
  width: 70%;
  z-index: 11;
}
.drink_box_m a:hover{
  text-decoration: none;
  opacity: 0.8;
  transition: .2s;
}
.drink_box_m img{
  width: 100px;
  margin: 0 auto;
}

.drink_box_b a{
  background: #93100d;
  padding: 10px;
  background-image: url(../images/policy_bg01.png);
  background-position: 0;
  background-repeat: no-repeat;
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  transition: .2s;
  margin-bottom: 40px;
  border-radius: 6px;
  position: absolute;
  left: 15%;
  top: 55%;
  width: 70%;
  z-index: 11;
}
.drink_box_b a:hover{
  text-decoration: none;
  opacity: 0.8;
  transition: .2s;
}
.drink_box_b img{
  width: 100px;
  margin: 0 auto;
}
}

@media (min-width: 768px), print{
.drink_box_m a{
  background: #93100d;
  padding: 10px;
  background-image: url(../images/policy_bg01.png);
  background-position: 0;
  background-repeat: no-repeat;
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  transition: .2s;
  margin-bottom: 40px;
  border-radius: 6px;
  position: absolute;
  left: 15%;
  top: 10%;
  width: 70%;
  z-index: 11;
}
.drink_box_m a:hover{
  text-decoration: none;
  opacity: 0.8;
  transition: .2s;
}
.drink_box_m img{
  width: 100px;
  margin: 0 auto;
}

.drink_box_b a{
  background: #93100d;
  padding: 10px;
  background-image: url(../images/policy_bg01.png);
  background-position: 0;
  background-repeat: no-repeat;
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  transition: .2s;
  margin-bottom: 40px;
  border-radius: 6px;
  position: absolute;
  left: 15%;
  top: 55%;
  width: 70%;
  z-index: 11;
}
.drink_box_b a:hover{
  text-decoration: none;
  opacity: 0.8;
  transition: .2s;
}
.drink_box_b img{
  width: 100px;
  margin: 0 auto;
}
}


@media (min-width: 992px), print {
.drink_box_m a{
  background: #93100d;
  padding: 15px;
  background-image: url(../images/policy_bg01.png);
  background-position: 0;
  background-repeat: no-repeat;
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  transition: .2s;
  margin-bottom: 40px;
  border-radius: 6px;
  position: absolute;
  left: 15%;
  top: 15%;
  width: 70%;
  z-index: 11;
}
.drink_box_m a:hover{
  text-decoration: none;
  opacity: 0.8;
  transition: .2s;
}
.drink_box_m img{
  width: 100px;
  margin: 0 auto;
}

.drink_box_b a{
  background: #93100d;
  padding: 15px;
  background-image: url(../images/policy_bg01.png);
  background-position: 0;
  background-repeat: no-repeat;
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  transition: .2s;
  margin-bottom: 40px;
  border-radius: 6px;
  position: absolute;
  left: 15%;
  top: 55%;
  width: 70%;
  z-index: 11;
}
.drink_box_b a:hover{
  text-decoration: none;
  opacity: 0.8;
  transition: .2s;
}
.drink_box_b img{
  width: 100px;
  margin: 0 auto;
}
}

@media (min-width: 1200px), print {
.drink_box_m a{
  background: #93100d;
  padding: 20px;
  background-image: url(../images/policy_bg01.png);
  background-position: 0;
  background-repeat: no-repeat;
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  transition: .2s;
  margin-bottom: 40px;
  border-radius: 6px;
  position: absolute;
  left: 15%;
  top: 15%;
  width: 70%;
  z-index: 11;
}
.drink_box_m a:hover{
  text-decoration: none;
  opacity: 0.8;
  transition: .2s;
}
.drink_box_m img{
  width: 100px;
  margin: 0 auto;
}

.drink_box_b a{
  background: #93100d;
  padding: 20px;
  background-image: url(../images/policy_bg01.png);
  background-position: 0;
  background-repeat: no-repeat;
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  transition: .2s;
  margin-bottom: 40px;
  border-radius: 6px;
  position: absolute;
  left: 15%;
  top: 55%;
  width: 70%;
  z-index: 11;
}
.drink_box_b a:hover{
  text-decoration: none;
  opacity: 0.8;
  transition: .2s;
}
.drink_box_b img{
  width: 100px;
  margin: 0 auto;
}
}

.topics{
  background: #93100d;
  padding: 30px 30px;
  position: relative;
  background-image: url(../images/policy_bg01.png);
  background-position: 100px 40px;
  background-repeat: no-repeat;
}

.newsConts ul {
  list-style: none;
    padding-right:
}
.newsContsList {
  border-bottom: 1px dotted #ccc;
  margin-right: 30px;
  margin-bottom: 30px;
}
.newsContsList .newsContsH5 {
  font-weight: bold;
}


.youtube{
	position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}